/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */



/*

 * What follows is the result of much research on cross-browser styling.

 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,

 * Kroc Camen, and the H5BP dev community and team.

 */



/* ==========================================================================

   Base styles: opinionated defaults

   ========================================================================== */



body{

    background: #fff;

    color: #333;

}

button,

input,

select,

textarea {

    color: #414544;

}



html {

    font-size: 14px;

    line-height: 1.4;

}



/*

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection rule sets have to be separate.

 * Customize the background color to match your design.

 */



::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}



/*

 * A better looking default horizontal rule

 */



hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}



/*

 * Remove the gap between images, videos, audio and canvas and the bottom of

 * their containers: h5bp.com/i/440

 */



audio,

canvas,

img,

video {

    vertical-align: middle;

}



/*

 * Remove default fieldset styles.

 */



fieldset {

    border: 0;

    margin: 0;

    padding: 0;

}



/*

 * Allow only vertical resizing of textareas.

 */



textarea {

    resize: vertical;

}



img{

    max-width: 100%;

    height: auto;

}



/* ==========================================================================

   Browse Happy prompt

   ========================================================================== */



.browsehappy {

    margin: 0.2em 0;

    background: #ccc;

    color: #333333;

    padding: 0.2em 0;

}



/* ==========================================================================

   Author's custom styles

   ========================================================================== */





/* ------------------- Global Classes -----------------*/



body .main-container     {max-width:1200px !important; margin: 0 auto !important;}

.width-full{

    width: 100%;

}

.width-half{ width: 50%;}

.width-third{ width: 33.333333%;}

.width-two-thirds{ width: 66.666666%;}

.width-quarter{ width: 25%;}

.width-three-quarters{ width: 75%;}

.width-fifth{width:20%;}

.width-45-percent{width:45%;}

.width-two-fifths{width:40%;}

.width-three-fifths{width:60%;}

.width-four-fifths{width:80%;}

.width-70-percent{width:70%;}

.width-third-padded{ width: 29%; margin: 0 2% 0 2%;}



.l{float:left;}

.r{float:right;}



.scale{

    width: auto;

    height: auto;

    max-width: 100%;

}



.catalog-category-view .back-link-button {

    display: none;

}

.catalog-category-view.category-ebook .full-width.l{width:100%;}



h2.title{

    text-align: center;

    font-weight: lighter;

    text-transform: uppercase;

    font-size: 3rem;

    position: relative;

    text-transform: uppercase;

    margin: 0 0 15px;

}



#banner section {

    display: block;

    height: 300px;

}





.banner-cta h3{

    font-size: 24px;

}



.banner-cta {

    text-align: center;

    width: 33.333%;

    margin: 0 auto;

    padding: 20px 0;

    color: #fff;

    border-radius: 3px;

    position: relative;

}



.banner-cta .title{

    font-size: 24px;

    font-weight: bold;

    text-transform: capitalize;

    padding:  5px 13px;

}



.banner-cta ul{

    margin: 30px 0 50px;

}



.banner-cta li{

    list-style-type: none;

    margin-bottom: 27px;

    font-size: 22px;

    font-weight: normal;

}



.banner-cta .cta{

    padding: 15px 40px;

}



.wrapper{

    width: 100%;

    max-width: 1250px;

    display: block;

    margin: 0 auto;

}



.inner {

    width: 96%;

    max-width: 1200px;

    margin: 0 auto;

    padding: 0 2% 20px;

}



nav a:hover{

}



a{

    color: #C84A60;

    text-decoration: none;

}

.cms-contact-us textarea,.cms-contact-us-wholesale textarea{

    width: 100%;

    height: 250px;

}

/* ------------------ Header Styling --------------*/

.top-menu.inner{

    padding: 0;

}

.top-menu p{

    margin: 2px 0 0 0;

    font-weight: bold;

    padding: 3px 37px;

    font-size: 14px;

    border: 2px solid rgb(200, 74, 96);

    color: rgb(200, 74, 96);

}



.login-register{}



.login-register ul{

    float: left;

    list-style: none;

    background: #F17825;

    color: #fff;

    font-weight: bold;

    margin: 0 0 0 10px;

    width: 160px;

    text-align:center;

}

.login-register li{

    position: relative;

    padding: 5px 20px;

}



.login-register li:hover .submenu{

    display:block;

}



.login-register .submenu{

    display:none;

    position: absolute;

    left: 0;

    margin:0;

    top:28px;

}



.login-register .submenu li{

    padding: 0;

}

.login-register .submenu a{

    padding: 10px;

    display: block;

    text-align:left;

}



.login-register .submenu a:hover{

    background: rgb(7, 190, 190);

}



.logo {

    float: left;

}



header nav{

    display: block;

    float: left;

    margin-top: 10px;

    clear: left;

    width: 100%;

}

header ul,

.login-links ul,{

    margin:0;

    padding:0;

}



header nav li{

    padding: 0 20px 0 0;

    line-height: 32px;

    height: 32px;

    position: relative;

}



header li{

    float: left;

    list-style-type: none;

    text-align: center;

    text-transform: uppercase;

}

header a{

    text-decoration: none;

    font-size: 14px;

    color: #222;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}



nav.main-nav {

    width: auto;

}



header a:hover{

    color: #C84A60;

}



.welcome{

    font-size: 18px;

    margin: 30px 20px 0 0;

}



.client-details {

    clear: right;

    margin-bottom: 2px;

    line-height: 32px;

    height: 32px;

}



.client-details li{

    margin-left: 1px;

    padding: 0;

}



.client-details a {

    font-weight: bold;

    font-size: 12px;

    /*margin: 0;*/

    background: #FF9000;

    color: #fff;

    display: block;

    padding: 0 30px;

    margin: 1px;

}



.btn, button, .button,

#header-cart .button.checkout-button{

    /*font-weight: bold;*/

    background: #FF9000;

    color: #fff;

    border: none;

    padding: 5px 30px;

    text-align: center;

    -webkit-transition: background-color 0.3s;

    -moz-transition: background-color 0.3s;

    transition: background-color 0.3s;

    box-sizing: border-box;

    font-style: normal;

}



.btn:hover, button:hover,

.button:hover, #header-cart .button.checkout-button:hover{

    background: #000;

}



.secondary-nav{

    clear: both;

    border-top: 2px solid #333333;

    border-bottom: 2px solid #333333;

    display: block;

    padding: 0 10px;

    margin-top:0;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

}



.secondary-nav ul{

    list-style: none;

    margin: 0;

    padding: 0;

}



.secondary-nav li.level0 {

    margin: 0 0 0 39px;

    padding: 5px 0;

}



.secondary-nav li.level0:first-child{

    margin:0;

}



.secondary-nav li.parent{

    position: relative;

}

.secondary-nav li.parent ul {

    position: absolute;

    z-index: 800;

    left: 0;

    width: auto;

    color: #fff;

    top: 42px;

}



.secondary-nav li.parent.last ul{

    right: -20px;

    left: inherit;

}



.secondary-nav li.parent ul.level1{

    top: 0;

}



.secondary-nav ul.level0,

.secondary-nav ul.level1{

    display:none;

}



.secondary-nav li.level1,

.secondary-nav li.level2{

    background: #494949;

    padding: 0;

}



.secondary-nav li.level1{

    float: none;

    height: auto;

    margin: 0 !important;

    white-space: nowrap;

    text-align: left;

    position: relative;

    padding: 0;

}



.secondary-nav li.parent ul.level1{

    left:100%;

}

.secondary-nav ul.level1 li{

    float:none;

}

.secondary-nav a.level1,

.secondary-nav a.level2{

    display: block;

    text-align: left;

    padding: 0 10px;

    color: #fff;

    font-size:.875em;

}



.secondary-nav a.level2,

.secondary-nav li.level1:hover{

    background: rgb(51, 51, 51);

}



#header-account a:hover{

    background: #454545;

}



.level1.view-all{

    display:none!important;

}



.secondary-nav li.level0.parent:hover ul.level0,

.secondary-nav li.level1.parent:hover ul.level1{

    display:block;

}





/*-----------------Header cart--------------------------*/

.header-minicart .block-cart {

    display: none;

}

#header-cart.skip-active {

    border: solid 1px #CCCCCC;

    display: block;

    position: absolute;

    z-index: 200;

    top: 33px;

    right: 0;

    width: 320px;

    background: white;

}



#header-cart li{

    line-height: 1.4;

    height: auto;

    width: 100%;

    padding: 0;

}



#header-cart a {

    background: none;

    color: #333;

    display:inline-block;

}



#header-cart a.details,

#header-cart a.btn-edit{

    padding-left: 0;

    text-transform: uppercase;

}



#header-cart .truncated{

    font-size: 12px;

    text-transform: capitalize;

    margin: 10px 0 0 0;

}



#header-cart .truncated dt {

    font-weight: bold;

    margin-top: 5px;

}



.header-minicart .minicart-message {

    display: block;

    padding: 10px;

}

.header-minicart .empty {

    padding: 10px;

    text-align: center;

}

.header-minicart .minicart-wrapper {

    clear: both;

    position: relative;

}

.header-minicart .minicart-wrapper:before, .header-minicart .minicart-wrapper:after {

    content: '';

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    display: none;

}

.header-minicart .minicart-wrapper:before {

    background-color: white;

    opacity: 0.8;

    z-index: 2;

}

.header-minicart .minicart-wrapper:after {

    background-image: url("../images/opc-ajax-loader.gif");

    background-repeat: no-repeat;

    background-position: center;

    z-index: 3;

}

.header-minicart .minicart-wrapper.loading {

    position: relative;

}

.header-minicart .minicart-wrapper.loading:before, .header-minicart .minicart-wrapper.loading:after {

    display: block;

}

.header-minicart .block-cart {

    display: none;

}

.header-minicart .block-subtitle {

    background: rgb(7, 190, 190);

    font-weight: bold;

    line-height: 1.4;

    padding: 5px;

    text-align: center;

    text-transform: uppercase;

    margin-bottom: 0px;

    color: #fff;

}

.header-minicart .block-subtitle .close {

    width: 40px;

    float: right;

    display: block;

    color: #636363;

    text-decoration: none;

    font-weight: normal;

    font-size: 30px;

    position: absolute;

    top: -8px;

    right: -3px;

}

.header-minicart .mini-products-list {

    padding: 10px;

    padding-top: 0px;

}

.header-minicart .mini-products-list li {

    padding: 8px 5px 8px 11px;

    border-bottom: 1px solid #DDDDDD;

    position: relative;

}

.header-minicart .mini-products-list li.last {

    border: none;

}

.header-minicart .mini-products-list li .product-details {

    position: relative;

    text-align: left;

    padding-bottom: 10px;

}

.header-minicart .product-details .product-name {

    padding-top: 10px;

    font-weight: bold;

    text-align: left;

    margin: 0 0 10px;

}

.header-minicart .product-details .product-name a {

    color: rgb(7, 190, 190);

    padding: 0;



}

.header-minicart .info-wrapper {

    margin-bottom: 0.5em;

    font-size: 12px;

    font-weight: normal;

}

.header-minicart .info-wrapper th {

    text-transform: uppercase;

    padding-right: 10px;

    font-weight: normal;

}

.header-minicart .info-wrapper td {

    color: rgb(7, 190, 190);

    clear: right;

}

.header-minicart .info-wrapper .qty-wrapper td {

    height: 33px;

    line-height: 33px;

}

.header-minicart .info-wrapper .qty {

    width: 1.8em;

    text-align: center;

    height: auto;

}

.header-minicart .info-wrapper .quantity-button {

    opacity: 0;

    -webkit-transition-property: opacity;

    -moz-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity;

    -webkit-transition-duration: 100ms;

    -moz-transition-duration: 100ms;

    -o-transition-duration: 100ms;

    transition-duration: 100ms;

}

.header-minicart .info-wrapper .quantity-button[disabled] {

    cursor: default;

}

.header-minicart .info-wrapper .quantity-button.visible {

    opacity: 1;

}

.header-minicart .subtotal {

    background-color: #DDDDDD;

    text-align: center;

    line-height: 2em;

}

.header-minicart .subtotal .label {

    color: white;

    text-transform: uppercase;

}

.header-minicart .subtotal .price {

    font-weight: bold;

    color: #fff;

}

.header-minicart .minicart-actions {

    padding: 10px;

    margin-top: 0px;

    overflow: hidden;

    position: relative;

    text-align: center;

}

.header-minicart .minicart-actions .checkout-button {

    min-width: 145px;

}

.header-minicart .minicart-actions .cart-link {

    height: 33px;

    line-height: 39px;

    text-transform: uppercase;

    font-size: 13px;

}

.header-minicart .minicart-actions .paypal-logo .paypal-or {

    line-height: 1.6;

}

.header-minicart #minicart-error-message {

    text-align: center;

    color: red;

    display: none;

}

.header-minicart #minicart-success-message {

    text-align: center;

    color: green;

    display: none;

}

.header-minicart .jcarousel-control-prev,

.header-minicart .jcarousel-control-next {

    display: none;

}



.header-minicart.skip-active .block-cart,

.block-cart.skip-active {

    display: block;

}



.checkout-types.minicart {

    float: none;

    text-align: center;

}





.header-minicart .block-subtitle .close {

    float: right;

    display: block!important;

    color: #fff!important;

    text-decoration: none;

    font-weight: bold;

    font-size: 25px;

    position: absolute;

    top: -4px;

    right: -18px;

}



.header-minicart .info-wrapper td {

    color: rgb(7, 190, 190);

    clear: right;

}



.header-minicart .btn-edit,

.header-minicart.remove{

    color: rgb(7, 190, 190);

}



.header-minicart .info-wrapper .qty-wrapper td {

    height: 33px;

    line-height: 33px;

}



.block-content {

    margin-top: 5px;

    clear: both;

}



.header-minicart .subtotal {

    background-color: #494949;

    text-align: center;

    line-height: 2em;

    margin-bottom: 0;

}

.header-minicart .mini-products-list li {

    margin-bottom: 10px;

    clear: both;

}



.header-minicart .mini-products-list .product-details {

    margin-left: 60px;

    padding-top: 10px;

}

.header-minicart .mini-products-list .product-image {

    float: left;

    min-width: 50px;

    padding:10px 0 0;

}



.checkout-types li{

    float: none;

}



.truncated .truncated_full_value {

    position: relative;

    z-index: 300;

}

.truncated .truncated_full_value .item-options {

    display: none;

    position: absolute;

    z-index: 300;

    width: 200px;

    padding: 8px;

    background-color: #494949;

    top: 25px;

    left: -100px;

    color: #fff;

    border: 1px solid rgb(56, 56, 56);

}



.truncated .truncated_full_value .item-options:after {

    content: '';

    position: absolute;

    width: 0;

    height: 0;

    display: block;

    border-right: 7px solid transparent;

    border-left: 7px solid transparent;

    border-bottom: 7px solid #494949;

    border-top: none;

    left: 97px;

    top: -7px;

}



.truncated .show .item-options {

     display: block;

 }



.product-info {

    min-height: 0!important;

}

/* -------------------------------------------- *

 * Mini Cart - Full

 */

/* Actions */

.cart-menu .actions {

    overflow: hidden;

    padding: 15px;

}



.cart-menu .actions .button {

    float: left;

    width: 48%;

}



.cart-menu .actions .button + .button {

    margin-left: 4%;

}



/* Subtotal */

.cart-menu .subtotal {

    padding: 0 15px 15px;

    font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;

    font-size: 24px;

    line-height: 1.2;

}



/* List */

.mini-cart-list {

    margin-bottom: 5px;

}



.mini-cart-list li {

    position: relative;

    min-height: 90px;

    padding: 15px 15px 15px 90px;

    border-top: 1px solid #cccccc;

    font-size: 13px;

    line-height: 1.35;

}



.mini-cart-list .product-name {

    display: inline-block;

}







.mini-cart-list .product-image {

    position: absolute;

    left: 15px;

    top: 15px;

}



.mini-cart-list .product-image img {

    width: 60px;

    height: 60px;

}



.mini-cart-list .has-options {

    margin-bottom: 0;

    color: #a0a0a0;

    font-size: 12px;

}



/* Too full - additional items will be shown in cart */

.cart-menu .last-added {

    padding: 10px 15px 15px;

    border-top: 1px solid #cccccc;

    font-size: 13px;

}





.mini-products-list,

.cart-sidebar-reorder{

    list-style: none;

}



/*-----------------Breadcrumbs--------------------------*/

.breadcrumbs{

    margin-bottom: 15px;

    display: block;

    overflow: hidden;

}

.breadcrumbs li{

    float: left;

    list-style-type:none;

    font-size: .875em;

    margin-top: 0!important;

}



.breadcrumbs li span {

    padding: 0 8px;

}



.breadcrumbs a:hover{

    border-bottom: 1px solid;

}







/*-----------------col-right --------------------------*/



.block-poll,

.block-compare{

    display:none;

}



.checkout-onepage-index .col-right{}

.checkout-onepage-index .col-right > div{

    padding: 0 40px;

}



/*-----------------col-left --------------------------*/

.col-left.sidebar > div {

    margin-right: 40px;

}

.col-left.col-left-first{

    clear: both;

    width: 25%;

    margin-top: 8px;

}



.block-layered-nav{

    margin: 0px 30px 0 0;

    padding: 7px 0px;

}



.block-layered-nav ol li{

    list-style-type: none;

}



.block-layered-nav .block-content > dl > dt{

    padding: 10px;

    background: #494949;

    color: #fff;

    font-weight: bold;

}



.block-layered-nav .block-content > dl > dd {

    padding: 10px;

    border: 1px solid #494949;

}



.block-layered-nav dl dd ol > li > a {

    padding: 5px 15px;

    display: block;

}



.shipping-rate img{

    width: 100%;

    height: auto;

}



.shipping-rate p:first-child{

    border-top: 1px solid;

    margin-bottom: 0;



}



.shipping-rate p{

    text-align: center;

    border-bottom: 1px solid;

    padding: 10px 0;

}





.sidebar-element {

    margin: 0 0 15px 0;

    border-top: 1px solid #E8E8E8;

    background: #F9F9F9;

    padding: 5px 10px;

    border-bottom: 1px solid #E8E8E8;

}



.sidebar-element ul{

    margin: 0;

    padding: 0;

    list-style: none;

}

.sidebar-element li{

    margin: 5px 0;

}

.sidebar-element a{

    color: #333;

    transition: color 0.3s;

    -webkit-transition: color 0.3s;

    -moz-transition: color  0.3s;

}



.sidebar-element a:hover{

    color: #898989;

}



/*-----------------Messages --------------------------*/

.messages {

    list-style: none;

    margin: 0 0 10px 0;

    padding: 0;

    color: #fff;

}



li.success-msg ul,.message ul {

    list-style: none;

    margin:0;

    padding:0;

}



/*-----------------Tool Tip--------------------------*/



.product-icons{}

.product-icons img{

    float:left;

}

.product-icons{

    /*float: right;

    width: 35%;*/



}



.tooltip{

    float: left;

    position: relative;

}



.tooltip p{

    display:none;

    text-align:center;



}



.tooltip:hover .tooltip-info{

    display: block;

    position: absolute;

    margin: auto;

    z-index: 90;

    background: rgb(73, 73, 73);

    color: #fff;

    padding: 10px;

    top: 34px;

    font-weight: bold;

    font-size: 12px;

    width: 150px;

    right: 0;

    border-radius: 2px;

    left: -75px;

}



.tooltip-info:after{

    content: "";

    position: absolute;

    top: -8px;

    width: 0;

    height: 0;

    border-left: 10px solid transparent;

    border-right: 10px solid transparent;

    border-bottom: 10px solid rgb(73, 73, 73);

    font-size: 0;

    line-height: 0;

    z-index: 90;

    right: 0;

    left:0;

    margin: auto;

}







.tooltip .qm{

    cursor: pointer;

    background: rgb(7, 190, 190);

    color: #fff;

    font-size: 14px;

    border-radius: 50%;

    height: 17px;

    width: 16px;

    display: inline-block;

    text-align: center;

    line-height: 17px;

    text-indent: 1px;

    margin-left: 6px;

}





/*-----------------Product Detail--------------------------*/



.product-related-images li{

    list-style-type:none;



}



.product-info-details .short-description{

    float: left;

    width: 60%;

    margin-right: 5%;

}





.product-collateral{

    float: right;

    width: 50%;

    margin-top: 20px;

    clear: right;

}



.toggle-tabs,

.breadcrumbs ul,

.product-image-thumbs{

    margin: 0;

    padding: 0;

}





.toggle-tabs li {

    margin-bottom: 0!important;

    width: 33.333%;

    padding: 0;

    border: none;

    float: left;

    list-style-type: none;

    cursor: pointer;

    display:table;



}



ul.toggle-tabs li span {

    background: #f7f7f7;

    padding: 10px 0;

    color: #474747;

    font-weight: bold;

    border: 1px solid #eaeaea;

    display: table-cell;

    vertical-align: middle;

}



ul.toggle-tabs li.current span {

    background: #fff;

    border-bottom: none;

}



ul.toggle-tabs li:first-child span{

    border-right: none;

}





.toggle-tabs li.current span{

    border: 1px solid #eaeaea;

    border-bottom:0;

}

.toggle-tabs{

    display: block;

    overflow: hidden;

    margin-bottom: 0;

    text-align: center;

}

#collateral-tabs{

    clear: both;

    padding: 10px 20px;

    border: 1px solid #eaeaea;

    display: block;

    overflow: hidden;

    border-top: none;

}



#collateral-tabs .tab{

    display:none;

}



.tab-container{

    display:none;

}

.tab-container.current{display:block;}





.old-price{ text-decoration: line-through;}



.qty-wrapper{

    float: left;

    margin: 0;

}



.qty-wrapper label {

    float: left;

    margin-right: 11px;

    line-height: 48px;

    text-transform: uppercase;

    font-weight: bold;

}



.price-box span.price{

    font-size: 19px!important;

}



/*-----------------Home Page--------------------------*/



/*Product Section*/







.category-products{

    margin: 0;

    padding: 0;

}



.category-products li{

    width: 25%;

    float:left;

    margin-bottom: 0;

    list-style-type: none;

}



.category-products figure img{

    margin: 0 0 5px;

    border-bottom: 1px solid rgb(235, 235, 235);

    padding-bottom: 10px;

}



.category-products figcaption{

    text-align: left;

}



.category-products figure {

    padding: 10px 30px;

    margin: 0 6px 12px;

    text-align: center;

}



.category-products figure h2 a{

    color: #333;



}

.category-products figure h2{

    font-weight: 600;

    margin: 0 0 10px;

    font-size: 1.071em;

}



.product-name a{

    color: #333;

}



.products-grid figure {

    position: relative;

}



.products-grid .actions{

    float: right;

}



.product-image-thumbs li{

    list-style-type:none;

    display:inline-block;

}



a.thumb-link {

    border: 1px solid #F0F0F0;

    display: block;

    margin: 5px 2px;

    padding: 2px;

}



.skip-content {

    display: none;

}



.skip-content.skip-active {

    display: block;

    background: #EDEDED;

}



/* Account */

#header-account {

    padding: 0;

}



#header-account li {

    width: 100%;

    padding: 0;

}



#header-account a {

    width: 100%;

    float: none;

    padding: 0;

}



@media only screen and (min-width: 771px) {

    #header-account.skip-active {

        background: #F7F7F7;

        display: block;

        position: absolute;

        z-index: 200;

        top: 34px;

        left: 0;

        width: 200px;

        padding: 0;

    }



}







/* --------------Customer Account----------- */



.welcome-msg {

    max-width: 800px;

    width: 100%;

}



.box-account.box-info {

    width: 45%;

    background: #fafafa;

    padding: 20px;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    margin: 20px 20px 20px 0;

    border: 1px solid #E8E8E8;

    border-radius: 2px;

}



.box-info .box-head h2 {

    border-bottom: 1px solid #E8E8E8;

    padding-bottom: 5px;

}



#my-orders-table thead {

    background: #333;

    color: #fff;

}

#my-orders-table th,

#my-orders-table td {

    padding: 10px;

    text-align: left;

}

#my-orders-table tbody tr.odd {

    background: #FAFAFA;

    border-bottom: 1px solid #E8E8E8;

}

#my-orders-table{}



/* --------------product-attribute-specs-table----------- */



#product-attribute-specs-table{

    width: 100%;

}



#product-attribute-specs-table th {

    text-align: right;

    padding: 0 20px 0 0;

    width: 20%;

}



#product-attribute-specs-table th,

#product-attribute-specs-table td{

    vertical-align: top;

}



/* -------------------------------------------- *

 * Product Image

 */



.more-views{

    display: block;

    overflow: hidden;

    margin-bottom: 10px;

}



.no-touch .product-img-box .product-image:not(.zoom-available):hover {

    position: relative;

    display: block;

    border: none;

}



.product-image-gallery {

    position: relative;

    padding: 0 70px 0 0;

}

.product-image-gallery .gallery-image {

    display: none;

}

.product-image-gallery .gallery-image.visible {

    display: block;

}

.product-image-gallery .gallery-image.visible.hidden {

    visibility: hidden;

}

.product-image-gallery:before, .product-image-gallery:after {

    content: '';

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    display: none;

}

.product-image-gallery:before {

    background-color: white;

    opacity: 0.8;

    z-index: 2;

}

.product-image-gallery:after {

    background-image: url("../images/opc-ajax-loader.gif");

    background-repeat: no-repeat;

    background-position: center;

    z-index: 3;

}

.product-image-gallery.loading {

    position: relative;

}

.product-image-gallery.loading:before, .product-image-gallery.loading:after {

    display: block;

}



#qty{

    float: left;

    width: 41px;

    height: 41px;

    margin-right: 5px;

    text-align: center;

}



.product-img-box .product-image{

    margin: 0 20px 10px 0;

    padding-bottom: 10px;

}



.product-name h1{

    margin-bottom: 0;

}



.product-shop .short-description p{

    font-weight: normal;

}

.short-description p{

    font-weight: 600;

}



.product-essential span.price {

    font-size: 1.6em;

}



.availability .label{

    margin-right: 5px;

}



.availability .value{

    font-weight: bold;

}



.shipping {

    clear: both;

    margin-bottom: 10px;

}



.discount {

    padding: 10px;

    border: 1px solid #EFECEC;

    background: #FAFAFA;

    display: none;

}



.shipping .inner{

    padding: 10px;

    border: 1px solid #EFECEC;

    background: #FAFAFA;

    margin: 0 0 10px;

    width: auto;

}



.shipping .mobile-dropdown-button{

    display:none;

}



#shopping-cart-totals-table{

    width: 100%;

    margin-bottom: 10px;

    white-space: normal;

}



#shopping-cart-totals-table tr td{

    text-align: right;

    padding: 7px;

    font-size: 1.125em;

}



#shopping-cart-totals-table tr td:first-child{

    padding-right: 20px;



}



.cart-totals{

}



.checkout-types.bottom{

 text-align: right;

}

/*-----------------Banner--------------------------*/



#banner{

    margin-bottom: 20px;

}

.cycle-slideshow{

    overflow: hidden;

}



.banner-text .inner {

    padding: 20px 40px;

    box-sizing: border-box;

}



.banner-text {

    text-align: center;

    font-size: 1.3em;

    font-weight: 300;

    background: rgb(247, 247, 247);

    min-height: 300px;

}



.banner-text h2{

    margin: 0 0 10px;

    font-weight: 400;

    text-transform: uppercase;

    text-align: center;

}



.banner-text .btn{

    max-width: 140px;

    display: block;

    margin: auto;

}





/* HOME PAGE */



.cms-home .category-products figure{

    max-width: 300px;

    margin: 0 auto 40px;

}





/*-----------------Side bar category styling--------------------------*/



.aroma-categories ul {

    list-style: none;

    margin: 0;

    padding: 0;

}



.aroma-categories a{



}





.aroma-categories .cat{

    text-align: center;

    display: block;

    background: rgb(73, 73, 73);

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    padding: 10px 5px;

}

.aroma-categories .premier-range{

    background: #BF7A3E;

}

.aroma-categories .armoamatic-purple{

    background: #8B459B;

}

.aroma-categories .illumamatic{

    background: #33CCCC;

}

.aroma-categories .wax-warmer{

    background: #8BC73F;



}

.aroma-categories .aromamatic-orange{

    background: #F26241;



}

.aroma-categories .aromamatic-red{

    background: #EE2027;



}

.aroma-categories .aromamatic-blue{

    background: #2A415F;



}

.aroma-categories .aromamatic-green{

    background: #5F7C37;



}

.aroma-categories .aromamatic-yellow{

    background: #FCB149;



}



.products-grid .product-info .product-name,

.products-grid .product-info .short-desc{

    padding: 0 5px;

}



.price-deets{

    margin-top: 15px;

    border-bottom: 1px solid rgb(235, 235, 235);

    padding: 0 5px;

}



/*-----------------catalog-product-view--------------------------*/



.catalog-product-view .add-to-cart{

    width: 60%;

    margin: auto;

}

.catalog-product-view .product-options-bottom{

    float: right;

    width: 50%;

    clear:right;

}



.width-half #product-options-wrapper {

    width:100%;

}



.width-half .product-options-bottom {

    width:60%;

    margin: auto;

    float: none;

}

.width-half .add-to-cart {

    width:100%;



}



.catalog-product-view .price-info{

    display:block;

    overflow: hidden;

    width: 100%;

}



.product-intro-details .price-info {

    border-bottom: 1px solid #EAEAEA;

    margin-bottom: 20px;

    padding-bottom: 10px;

}

 .price-info .tier-prices{display:none;}

/*-----------------catalog-category-view--------------------------*/



.catalog-category-view figure{

    padding: 0 30px;

    margin: 0 0 20px 10px;

}



.catalog-category-view figure h2{

    font-weight: 600;

}



.price-label{

    display:none;

}



.price-box{

    float:left;

    display:block;

    overflow: hidden;

}



.price-box .special-price{

    font-size: 1.4em;

}



.old-price{

    float: right;

    margin: 0 0 0 8px;



}



.catalog-product-view .old-price{

    font-size: 8px;

    line-height: 28px;

    margin-left: 10px;

}

.old-price .price{

    float: left;

    text-decoration: line-through;

}



.special-price,

.regular-price{

    float: left;

    color: #222;

    margin:0;

}



.minimal-price-link{

    color: #222;

}



.back-link-button{

    color: #FFFFFF;

    background: rgb(200, 74, 96);

    padding: 0 6px;

    font-size: 10px;

    margin: 0 0 0 5px;

    border: 1px solid rgb(140, 49, 65);

    border-radius: 2px;

}



/*-----------------messages_product_view--------------------------*/



#messages_product_view .messages,

#messages_product_view {

    list-style: none!important;

    margin:0;

    padding:0;

    text-align:center;

}



.success-msg{

    margin-bottom: 15px!important;

}



.success-msg li{

    padding: 10px 20px;

    margin: 0;

    background: rgb(197, 237, 197);

    /* border: 1px solid rgb(97, 145, 97); */

    color: #444;

}



.messages{

    max-width: 1200px;

    margin: 0 auto 5px;

}



.messages .error-msg, .validation-advice {

    color: #a94442;

    background-color: #f2dede;

    padding: 5px 10px;

    margin-bottom: 10px;

    border: 1px solid #ebccd1;

}

.messages .notice-msg {

    color: #8a6d3b;

    background-color: #fcf8e3;

    border: 1px solid #faebcc;

    padding: 5px 10px;

    margin-bottom: 10px;

}

.messages ul {

    list-style:none;

    padding:0;

    margin:0;

}



.validation-advice{

    display:inline-block;

}





/*-----------------shopping-cart-table--------------------------*/





.cart-totals-wrapper{

    float: right;

    width: 280px;

    background: #FAFAFA;

    padding: 10px 20px;

    border: 1px solid rgb(239, 236, 236);

}





.cart.display-single-price form{

    margin-bottom: 10px;

}

#shopping-cart-table{

    width: 100%;

    margin: 0 0 20px;

}



#shopping-cart-table thead th:first-child{

    text-align:left;

}



button.btn-proceed-checkout{

    background-color: #357EBD;

    border-radius: 7px;



}



.cart-forms {

    float: right;

    width: 28%;

}

#shopping-cart-table thead{

    background: #F9F9F9;

}



.cart-table .product-cart-image {

    padding-left: 0;

    padding-right: 0;

}



#shopping-cart-table .checkout-types{

    float: right;

}

#shopping-cart-table .checkout-types li{

    width: 100%;

    margin-bottom: 10px;

}



.cart-table .product-cart-image img{

    max-width: 120px;

    height: auto;

    width: 100%;

}



.cart-table .product-cart-total,

.cart-table .product-cart-price {

    text-align: center;

}



.cart-table input.qty{

    width: 31px;

    height: 21px;

    margin-right: 5px;

    text-align: center;

}

.cart-table .product-cart-actions{

    text-align: center;

}

a.right{

    text-align: right;

}



#empty_cart_button{

    float: left;

}



.checkout-cart-index .cart-links li {

    float: none;

    width: 100%;

}



td.product-cart-info {

    text-align: left;

    font-size: 0.9em;

}



.cart-table thead th,

.cart-table tbody td {

    background-color: transparent;

    padding: 10px 0;

    width: 20%;

}



.cart-table td.a-center.product-cart-remove{

    text-align: center;

}

.cart-table .product-cart-image .cart-links,

.cart-table .product-cart-info .btn-remove,

.cart-table .product-cart-actions .button {

    display: none;

}



#shopping-cart-table tbody tr.odd,

#shopping-cart-table tbody tr.last{

    border-bottom: 1px solid #F2F2F2;

}

#checkout-review-table tbody tr.even,

#shopping-cart-table tbody tr.even{

    background-color: rgb(255, 251, 237);

}



#shopping-cart-table tfoot tr{

    text-align: right;

}



#shopping-cart-table tfoot td{

    padding: 10px 0;

}



.btn-remove2{

    background-image: url(../images/icon_sprite.png);

    background-repeat: no-repeat;

    text-indent: -9999px;

}



.btn-remove, .btn-previous {

    display: inline-block;

    width: 20px;

    height: 20px;

    border: 1px solid #ededed;

    text-align: center;

    font: 0/0 a;

    text-shadow: none;

    color: transparent;

    position: relative;

}



.btn-remove2 {

    background-position: 4px -648px;

    border: none;

    vertical-align: top;

}



.validate-select {

    width: 100%;

    margin-bottom: 5px;

}



.cart-forms h2{

    font-weight: normal;

}



td.a-center.product-cart-remove.last {

    text-align: center;

}

.cart-forms .button-wrapper,

.buttons-set{

    text-align: right;

    margin-top: 5px;

}



.cart-links,

.checkout-types,

.options-list,

.products-grid,

.sp-methods ul{

    list-style: none;

    margin: 0;

    padding: 0;

}



.options-list li {

    float: left;

    margin-right: 10px;

    padding: 0 5px;

}



.options-list{

    display:block;

    overflow:hidden;

}





#product-options-wrapper,

#product-options-bottom{

    float:left;

    width: 50%;

}

#product-options-wrapper dt {

    padding: 0 0 5px;

    margin-top: 10px;

}



#product-options-wrapper dl{

    padding: 0 0 20px;

    width: 60%;

    margin: auto;

}







.product-options-bottom .add-to-links,

.product-options-bottom .sharing-links,

.product-options-bottom .price-box{

    display:none;

}

/*-----------------404 cms-no-route--------------------------*/



.cms-no-route .std{

    margin: auto;

    width: 50%;

    text-align: center;

}



.cms-no-route .std .page-title{

    font-size: 1.8em;

}



/*-----------------Form Elements--------------------------*/



.search{margin-top: 22px;}

.search label{

    visibility: hidden;

}

.search input[type="search"]{

    -webkit-appearance: none;

    border: none;

    background: #F5F5F5;

    font-size: 12px;

    padding: 9px 10px;

    text-indent: 6px;

    width: 190px;

    font-weight: bold;

}



::-webkit-input-placeholder { /* WebKit browsers */

    color:    #ccc;

}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */

    color:    #ccc;

    opacity:  1;

}

::-moz-placeholder { /* Mozilla Firefox 19+ */

    color:    #ccc;

    opacity:  1;

}

:-ms-input-placeholder { /* Internet Explorer 10+ */

    color:    #ccc;

}





/*-----------------FOOTER Section--------------------------*/







footer .inner {

    border-top: 1px solid #8B8B8B;

    border-bottom: 1px solid #8B8B8B;

    padding: 20px 0 10px;



}

footer ul {

    width: 24%;

    float: left;

    padding: 0;

    margin: 0 0 0 1%;

}



footer ul.l li{

    line-height: 1.8;

}



footer ul.r{

    margin: 0 1% 0 0;

}





footer li{

    list-style-type: none;

    margin-bottom: 5px;



}

footer a{

    text-decoration: none;

    color: #494949;

}

footer nav a:hover{

    border-bottom: 1px dotted;

}



.payment-options{

    float: right;

    text-align: right;

    margin-right: 1%;

    margin-top: 5px;

    clear: both;

}



.contact-details {

    width: auto;

    margin-right: 1%;

    text-align:right;

}



.contact-details li:first-child{

    font-size: 1rem;

    text-transform: uppercase;



}



footer.full-width.footer {

    margin-top: 20px;

}



footer p{

    font-size: .8rem;

    text-transform: uppercase;

    font-weight: bold;

}

footer .social p{

    text-align: center;

}



footer .social a{

    border-radius: 50%;

    border: 3px solid;

    display: block;

    width: 40px;

    height: 40px;

    margin: 10px auto 0;

    padding: 10px;

}

footer .social i{

    line-height: 40px;

    font-size: 20px;

}



.newsletter{

    color: #fff;

    width: 250px;

}

.newsletter div{

    margin:10px 0;

}



.newsletter label{

    display: block;

    font-size: 12px;

}

.newsletter input{

    border: none;

    padding: 8px;

    width: 100%;

    font-size: 12px;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



.newsletter input[type="button"]{

    border-radius: 3px;

    width: inherit;

    padding: 5px 10px;

    margin-top:10px;

}

/*-----------------Customer Account Page--------------------------*/



table{

    width: 100%;

    max-width: 800px;

    white-space: nowrap;

}







/*-----------------Login Page--------------------------*/

#billing-new-address-form.scaffold-form ul,

#shipping-new-address-form ul{

    list-style: none;

    margin: 0;

    padding: 0;

}

.account-login .scaffold-form .content{

    margin: 0;

    padding: 0 30px;

}

.account-login .scaffold-form{}



.registered-users .content{

    border-left: 1px solid #ccc;

}



.benefits{

    margin: 25px 0;

}



.new-users,

.registered-users{

    width: 38%;

    float: left;

}



.fieldset p.required {

    margin-bottom: 5px;

    float: right;

    font-size: 12px;

    margin-top: 0px;

}



.validation-advice {

    margin: 5px 0 0;

    color: #df280a;

    font-size: 13px;

}



p.required{

    margin: 5px 0 0;

    font-size: 13px;

    /*font-weight: bold;*/

    display:inline-block;

}



.form-list{

    list-style: none;

    padding: 0;

}



.form-list .input-box{

    margin-bottom: 10px;

}



.form-list label.hide{

    display: block;

}



.required em{

    color: #df280a;

    margin-right: 5px;

}



#is_subscribed{

    float: left;

    margin-right: 5px;

    margin-top: 4px;

}



input[type=email],

input[type=search],

input[type=number],

input[type=password],

input[type=tel],

input[type=text] {

    border: 1px solid #C0C0C0;

    padding: 5px;

    width: 100%;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    background-color: rgb(255, 255, 242);

}



#form-validate{

    width: 100%;

    max-width: 400px;

}



.input-box.signup{

    width: 250px;

    background: #F4F4F4;

    padding: 6px;

}



.input-box.signup input{

    float: left;

    margin: 4px;

}





#form-validate .buttons-set{

    text-align: left;

}



li.control {

    margin-bottom: 10px;

}



/*-----------------Disclaimers--------------------------*/



.disclaimer .inner{

    padding: 5px 0;

}



.disclaimer a{

    color: #8A8A8A;

    text-decoration: none;

    font-size: 10px;

    float: right;

    padding: 2px 0;

    margin-right: 1%;

}

.disclaimer a:first-child{

    float:left;

    margin-left: 1%;

}



/*------ CUSTOM BLOG STYLES -------*/



ul.mbplog-recent-posts {

    list-style-type: none;

    margin: 0px;

    padding-left: 0px;

}

.mpblog-recentposts .thumbnail {

    width: auto!important;

    height: auto!important;

}



ul.mplog-categories, ul.mpblog-archives-list {

    list-style-type: none;

    margin: 0px 0px 20px 0px;

    padding: 0px;

}

aside.right .block {

    margin-bottom: 20px;

}

.mpblog-list.grid .item .post-container {

    background-color: #FFF!important;

}





/* ------- Widget Category Link ------- */



.widget-category-link a {

    width: auto;

    display: inline-block;

    text-transform: uppercase;

    background: #FF9000;

    padding: 5px 20px;

    margin-right: 3px;

    color: #fff;

    margin-bottom: 0px;

}



/* ============================================ *

 * Checkout - One Page

 * ============================================ */

.checkout-onepage-index .col-right,

.checkout-onepage-index .col-left {

    display: none;

}



.checkout-onepage-index .col-main {



}



@media only screen and (min-width: 980px) {

    .checkout-onepage-index .col-main {



    }

    .checkout-onepage-index .col-right,

    .checkout-onepage-index .col-left {



    }

    .checkout-onepage-index .col-right {

        display:block;

    }

}



/* -------------------------------------------- *

 * Section Styling - Default

 */

ol.opc{

    list-style: none;

}







.opc .section .step-title {

    width: 100%;

    border-top: 1px solid #ececec;

    position: relative;

    -moz-user-select: none;

    -ms-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

    user-select: none;

}

.opc .section .step-title:after {

    content: '';

    display: table;

    clear: both;

}



.opc .section.allow:not(.active) .step-title {

    cursor: pointer;

}



/* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */

.no-touch .opc .section.allow:not(.active) .step-title:hover {

    background-color: #f4f4f4;

}



.opc .section.active .step-title {

    border-bottom: 1px solid #ececec;

}



.opc .section .step-title a {

    display: none;

}



.opc .section.allow:not(.active) .step-title a {

    display: block;

    float: right;

    line-height: 40px;

    height: 40px;

    padding: 0px 10px;

}



.no-touch .opc .section .step-title a:hover {

    text-decoration: none;

}



.opc .section .step-title .number,

.opc .section.allow.active .step-title .number,

.no-touch .opc .section.allow:hover .step-title .number {

    width: 26px;

    height: 26px;

    text-align: center;

    color: #FFFFFF;

    line-height: 26px;

    background-color: #9EE2E2;

    display: block;

    position: absolute;

    top: 50%;

    left: 10px;

    margin-top: -13px;

}



.opc .section.allow .step-title .number {

    background-color: #99cce5;

}



.opc .section.allow .step-title h2 {

    color: #a0a0a0;

}



.opc .section.allow .step-title:hover h2,

.opc .section.active .step-title h2 {

    color: #3399cc;

}



.opc .section .step-title h2 {

    line-height: 40px;

    height: 40px;

    float: left;

    margin: 0px 4px 0px 45px;

}



.opc .section .step {

    padding: 20px;

}

.opc .section .step:after {

    content: '';

    display: table;

    clear: both;

}



.opc .buttons-set {

    text-align: left;

}

.opc .buttons-set button.button {

    float: left;

    margin-left: 0;

    margin-right: 10px;

    margin-bottom: 0;

}

.opc .buttons-set p.required {

    float: right;

    margin-left: 5px;

    margin-bottom: 0;

}

.opc .buttons-set .back-link {

    float: right;

    margin: 0;

}

.opc .buttons-set a {

    line-height: 20px;

    display: inline-block;

    padding: 5px 5px 5px 0;

}



.table-helper{

    display:none;

}



#checkout-payment-method-load{

    margin-bottom: 10px;

}

#checkout-payment-method-load dt{

    margin-bottom: 10px;

}



#payment_form_ccsave,

#payment_form_checkmo{

    display:block;

    overflow: hidden;

    margin-bottom: 10px;

}



.monkey-additional-lists{

    list-style: none;

    display: none;

}



#checkout-payment-method-load .v-fix{

    width: 26%;

    float: left;

}

.opc #checkout-payment-method-load .v-fix select{

    max-width: 132px;

}



#checkout-review-table{width: 95%;font-size:13px;}

#checkout-review-table th,

#checkout-review-table td{

    padding: 5px 20px;

}



#checkout-review-table tfoot tr.last{

    border: 1px solid #EFECEC;

    background: #FAFAFA;

}

#checkout-review-submit{

    margin-top: 20px;

}

/* -------------------- Check progress widget ------------------------ */



#checkout-progress-wrapper{}

#checkout-progress-wrapper{

    border-left: 1px solid #ECECEC;

    padding-left: 40px;

}

#checkout-progress-wrapper .block-content dl > div{

    font-size: 1em;

}



#checkout-progress-wrapper .block-content dl > div dt{

    color: #9D9D9D;

    background-color: #E9ECEB;

    padding: 5px;

    margin: 3px;



}



#checkout-progress-wrapper dd.complete{

    padding-left: 5px;

    margin-bottom: 10px;

}

#checkout-progress-wrapper dt.complete{

    color: #494949!important;

    font-weight: 600;

}

#checkout-progress-wrapper{}



#checkout-progress-wrapper .block-title {

    font-size: 1.25em;

    margin-bottom: 10px;

}



/* -------------------------------------------- *

 * Related Products Section

 */

.block-related h2{

    font-style: italic;

}

#block-related .product-details {

    display: block;

    overflow: hidden;

    border-top: 1px solid rgb(234, 234, 234);

    border-bottom: 1px solid rgb(234, 234, 234);

    padding: 5px 0;

    margin-top: 5px;

}



#block-related{

    padding:0;

}



.block-related{

    float: left;

    margin-top: 40px;

    width: 100%;

}



#block-related li{

    float: left;

    clear: none;

    width: auto;

    margin: 0 50px 0 0;

    max-width: 150px;

}



#block-related .product-name{

    /*text-transform: uppercase;*/

    font-weight: bold;

}





/* -------------------------------------------- *

 * Next Prev Styling

 */





#aroma-prev-next td a{

    color: #FFFFFF;

    background: rgb(200, 74, 96);

    padding: 6px;

    font-size: 10px;

    margin: 0 0 0 5px;

    border: 1px solid rgb(140, 49, 65);

    border-radius: 2px;



}



#aroma-prev-next td a:hover{

    background: rgb(232, 92, 117);

    border-color: rgb(189, 77, 97);

}



.aroma-prev-next {

    float: right;

}



/* -------------------------------------------- *

 * Related navigation items styling

 */



.related-nav-items {

    width: 100%;

    list-style: none;

    padding: 0;

    margin: 0 ;

}

.related-nav-items li{

    float: left;

    width: auto;

    text-align: center;

    margin-bottom: 20px;

    white-space: nowrap;

}





.related-nav-items a{

    display: block;

    text-transform: uppercase;

    background: #FF9000;

    padding: 5px 20px;

    margin-right: 3px;

    color: #fff;

}



ul.products-grid{

    clear: both;

}



/* Currency Converter */

.currency-convertor {

    padding: 5px;

    margin: 5px 0;

}



.currency-convertor{

    margin-bottom: 0;

    display:inline-block;

}



#currency-converter {

    /*font-weight: bold;*/

    color: #333;

    -webkit-transition: background-color 0.3s;

    -moz-transition: background-color 0.3s;

    transition: background-color 0.3s;

    margin-bottom: 0;

}



#currency-converter:hover{

    text-decoration: underline;

}



/* Show More */



.show-more{

    text-align: center;

}

.show-more a{

    display: inline-block;

    background: #333333;

    color: #fff;

    padding: 2px 30px;

}



#collateral-tabs{

    height: 250px;

    width: 100%;

    box-sizing: border-box;

    -moz-box-sizing: border-box;

    overflow-x: scroll;

    -webkit-overflow-scrolling: touch;

}

#collateral-tabs.reveal{

    height: auto;

}





/* add to cart button */



.product-view .extra-info{

    text-align: center;

}



button.btn-cart{

    padding: 12px 30px;

    width: 70%;

    float: right;



}

button.btn-cart .regular-price{

    font-size: 1em;

}

button.btn-cart .special-price{

    color: #fff;

    margin: 0;

}

button.btn-cart .price{

    color: #fff;

    font-size: 1em;

}



button.btn-cart .old-price{

    display:none;

}

button.btn-cart .price-box{

    display:inline;

}

button.button.btn-cart {

    background-color: #6CC420;

}

a.button.btn {

    background-color: #6CC420;

    border-radius: 5px;

    padding: 5px 30px;

}

.extra-info{

    clear: right;

    margin-top: 20px;

}



p.availability.in-stock{

    display:inline-block;



}

.extra-info > p{

    margin: 0 10px;

}





.mobile-menu{

    display:none;

}

span.add-title {

    line-height: 25px;

}





/* -------------------------------------------- *

 * Section Styling - Default

 */

.opc .section .step-title {

    width: 100%;

    border-top: 1px solid #ececec;

    position: relative;

    -moz-user-select: none;

    -ms-user-select: none;

    -webkit-user-select: none;

    -o-user-select: none;

    user-select: none;

}

.opc .section .step-title:after {

    content: '';

    display: table;

    clear: both;

}



.opc .section.allow:not(.active) .step-title {

    cursor: pointer;

}



/* Using .no-touch since touch devices emulate hover, thereby making steps look active that are not */

.no-touch .opc .section.allow:not(.active) .step-title:hover {

    background-color: #f4f4f4;

}



.opc .section.active .step-title {

    border-bottom: 1px solid #ececec;

}



.opc .section .step-title a {

    display: none;

}



.opc .section.allow:not(.active) .step-title a {

    display: block;

    float: right;

    line-height: 40px;

    height: 40px;

    padding: 0px 10px;

}



.no-touch .opc .section .step-title a:hover {

    text-decoration: none;

}



.opc .section .step-title .number,

.opc .section.allow.active .step-title .number,

.no-touch .opc .section.allow:hover .step-title .number {

    width: 26px;

    height: 26px;

    text-align: center;

    color: #FFFFFF;

    line-height: 26px;

    background-color: #357EBD;

    display: block;

    position: absolute;

    top: 50%;

    left: 10px;

    margin-top: -13px;

}



.opc .section.allow .step-title .number {

    background-color: #9EE2E2;

}



.opc .section.allow .step-title h2 {

    color: #a0a0a0;

}



.opc .section.allow .step-title:hover h2,

.opc .section.active .step-title h2 {

    color: #357EBD;

}



.opc .section .step-title h2 {

    font-size: 1em;

    line-height: 40px;

    height: 40px;

    float: left;

    margin: 0px 4px 0px 45px;

    text-transform: uppercase;

}



.opc .section .step {

    padding: 20px;

}

.opc .section .step:after {

    content: '';

    display: table;

    clear: both;

}

@media only screen and (max-width: 979px) {

    .opc .section .step {

        padding: 10px;

    }

}



.opc .step.a-item{

    padding: 10px 10px 20px;

}



.opc select {

    /*max-width: 261px;*/

    width: 100%;

    background-color: rgb(255, 255, 242);

}



.opc .buttons-set {

    text-align: left;

}

.opc .buttons-set button.button {

    float: left;

    margin-left: 0;

    margin-right: 10px;

    margin-bottom: 0;

}

.opc .buttons-set p.required {

    float: right;

    margin-left: 5px;

    margin-bottom: 0;



}

.opc .buttons-set .back-link {

    float: right;

    margin: 0;

}

.opc .buttons-set a {

    line-height: 20px;

    display: inline-block;

    padding: 5px 5px 5px 0;

}



button.button.btn-checkout {

    float: right !important;

}

.opc #opc-login .buttons-set {

    border-top: 0;

    padding-top: 5px;

}

#opc-payment .note {

    padding: 10px;

}



#checkout-step-login .col2-set .col-1, #checkout-step-login .col2-set .col-2 {

    width: 50%;

    padding: 0;

    float: left;

}



address{

    font-style: normal!important;

}





.no-count .count{

    display:none;

}



/* ==========================================================================

   Helper classes

   ========================================================================== */



/*

 * Image replacement

 */



.ir {

    background-color: transparent;

    border: 0;

    overflow: hidden;

    /* IE 6/7 fallback */

    *text-indent: -9999px;

}



.ir:before {

    content: "";

    display: block;

    width: 0;

    height: 150%;

}



/*

 * Hide from both screenreaders and browsers: h5bp.com/u

 */



.hidden {

    display: none !important;

    visibility: hidden;

}



/*

 * Hide only visually, but have it available for screenreaders: h5bp.com/v

 */



.visuallyhidden {

    border: 0;

    clip: rect(0 0 0 0);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

}



/*

 * Extends the .visuallyhidden class to allow the element to be focusable

 * when navigated to via the keyboard: h5bp.com/p

 */



.visuallyhidden.focusable:active,

.visuallyhidden.focusable:focus {

    clip: auto;

    height: auto;

    margin: 0;

    overflow: visible;

    position: static;

    width: auto;

}



/*

 * Hide visually and from screenreaders, but maintain layout

 */



.invisible {

    visibility: hidden;

}



/*

 * Clearfix: contain floats

 *

 * For modern browsers

 * 1. The space content is one way to avoid an Opera bug when the

 *    `contenteditable` attribute is included anywhere else in the document.

 *    Otherwise it causes space to appear at the top and bottom of elements

 *    that receive the `clearfix` class.

 * 2. The use of `table` rather than `block` is only necessary if using

 *    `:before` to contain the top-margins of child elements.

 */



.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}



/*

 * For IE 6/7 only

 * Include this rule to trigger hasLayout and contain floats.

 */



.clearfix {

    *zoom: 1;

}



/* ==========================================================================

   EXAMPLE Media Queries for Responsive Design.

   These examples override the primary ('mobile first') styles.

   Modify as content requires.

   ========================================================================== */





@media print,

       (-o-min-device-pixel-ratio: 5/4),

       (-webkit-min-device-pixel-ratio: 1.25),

       (min-resolution: 120dpi) {

    /* Style adjustments for high resolution devices */

}



/* ==========================================================================

   Print styles.

   Inlined to avoid required HTTP connection: h5bp.com/r

   ========================================================================== */



@media print {

    * {

        background: transparent !important;

        color: #000 !important; /* Black prints faster: h5bp.com/s */

        box-shadow: none !important;

        text-shadow: none !important;

    }



    a,

    a:visited {

        text-decoration: underline;

    }



    /*a[href]:after {

        content: " (" attr(href) ")";

    }



    abbr[title]:after {

        content: " (" attr(title) ")";

    }



    .logo a[href]:after{

        content: "";

    }*/



    .main-nav, .client-details, .secondary-nav,

    .login-register, .top-menu, footer nav ul.l,

    .disclaimer a, #search_mini_form, .mobile-menu,

    #btn-aroma-next, #amprevnext_thumb_next, #btn-aroma-prev,

    .toggle-tabs,.product-options,.product-options-bottom,

    .block-related,.show-more, .extra-info, .breadcrumbs,.back-link-button{

        display:none!important;

    }



    .tab-container {

        display: block!important;

    }



    #collateral-tabs{

        height: auto!important;

    }





    /*

     * Don't show links for images, or javascript/internal links

     */



    .ir a:after,

    a[href^="javascript:"]:after,

    a[href^="#"]:after {

        content: "";

    }



    pre,

    blockquote {

        border: 1px solid #999;

        page-break-inside: avoid;

    }



    thead {

        display: table-header-group; /* h5bp.com/t */

    }



    tr,

    img {

        page-break-inside: avoid;

    }



    img {

        max-width: 100% !important;

    }



    @page {

        margin: 0.5cm;

    }



    p,

    h2,

    h3 {

        orphans: 3;

        widows: 3;

    }



    h2,

    h3 {

        page-break-after: avoid;

    }

}



@media (max-width: 900px){



    header.inner{

        padding-bottom: 5px;

    }

    .banner-text,

    .category-products li{

        width: 100%;

    }



    .logo{

        float: none;

        text-align: center;

    }

    .logo img{

        width: auto;

        max-width: 100%;

        height: auto;

    }



    .login-register{

        float:none;

        text-align:right;

    }

    .login-register p{

        font-size: .875rem;

        padding: 3px 3px 3px 6px;

        display: inline-block;

        margin: 2px;

        box-sizing: border-box;

        -moz-box-sizing: border-box;

        float: none;

    }



    .mobile-menu {

        display: block;

    }



    .mobile-menu ul{

        display: -webkit-box;

        display: -webkit-flex;

        display: -ms-flexbox;

        display: flex;



        -webkit-box-orient: horizontal;

        -webkit-box-direction: normal;

        -webkit-flex-direction: row;

        -ms-flex-direction: row;

        flex-direction: row;

        -webkit-align-content: center;

        -ms-flex-line-pack: center;

        align-content: center;

        -webkit-justify-content: space-between;

        -ms-flex-pack: distribute;

        justify-content: space-between;

        font-size: 1em;

        padding: 0;

        margin: 0;

    }



    .mobile-menu li{

        color: #fff;

        -webkit-box-flex: 1;            /* OLD - iOS 6-, Safari 3.1-6 */

        -moz-box-flex: 1;               /* Firefox 19- */

        width: 25%;                     /* For OLD syntax, otherwise collapses. */

        -ms-flex: 1;                    /* TWEENER - IE 10 */

        -webkit-flex: 1;                /* NEW - Chrome */

        flex: 1 0 50px;

        border-left: 1px solid #000;

        box-sizing: border-box;

        height: 40px;

        line-height: 40px;

    }



    .mobile-view .mobile-menu a{

        color: #fff;

        font-weight: bold;

    }



    .mobile-cart-button .label{

        display:none;

    }



    .m-cta{

        background: #333;

        position: relative;

    }

    .m-cta.active,

    .m-cta:hover{

        cursor:pointer;

        background: #202020;

    }



    .m-cta .count{

        background: red;

        width: 15px;

        position: absolute;

        height: 17px;

        line-height: 17px;

        top: 4px;

        left: 40px;

        border-radius: 2px;

        right: 0;

        margin: auto;

    }





    .hide{

        display:none;

    }

    label.hide{

        display:block;

    }



    /* Search Mobile Form */

    .search label{

        display:none;

    }

    #search_mini_form{

        margin: 0;

        width: 100%;

        background: #202020;

        box-sizing: border-box;

        -moz-box-sizing: border-box;

        padding: 10px;

    }



    #search_mini_form input[type="search"]{

        width: 100%;

    }



    .mobile-view header .main-nav,

    .mobile-view header .secondary-nav{

        width: 100%;

        background: rgb(32, 32, 32);

        margin: 0;

        border: none;

        padding: 0;

    }



    .mobile-view header .main-nav li,

    .mobile-view header .secondary-nav li{

        float: none;

        padding: 0;

        margin: 0;

        line-height: inherit;

        height: auto;

    }



    .mobile-view header .main-nav a,

    .mobile-view header .secondary-nav a,

    .mobile-view footer ul.l a{

        color: #333;

        display: block;

        text-align: left;

        padding: 10px;

        font-weight: bold;

        border-bottom: 1px solid #DFDFDF;

        background: rgb(240, 240, 240);

    }



    .secondary-nav li.level0.parent:hover ul.level0, .secondary-nav li.level1.parent:hover ul.level1 {

        display: none;

    }



    .mobile-menu.pin{

        position: fixed;

        left: 0;

        right: 0;

        top: 0;

        z-index: 999;



    }



    .footer-nav-menu{

        text-align: center;

        color: #fff;

        margin-bottom: 20px;

        font-size: 1.125em;

    }

    .footer-nav-menu ul{

        display:none;

        width: 100%;

    }

    .footer-nav-menu ul.show{

        display:block;

    }



    .footer-nav-menu ul.l li{

        line-height: 1.4;

        margin-bottom: 0;

        color: #333;



    }



    .footer-nav-menu .footer-nav-button{

        cursor: pointer;

        background-color: #333;

        display: inline-block;

        padding: 5px 10px;

        font-weight: bold;

        text-transform: uppercase;

    }





    footer .contact-details,

    footer .payment-options{

        width: 100%;

        float: none;

        text-align: center;

        margin:0;

    }



    .disclaimer a {

        float: none;

        display: block;

        text-align: center;

        margin: 0;

        width: 100%;

    }



    .disclaimer a:first-child{

        margin-left:0;

    }

    /* HOME PAGE CYCLE */

    #banner section{

        width: 100%;

        height: auto;

    }



    .category-products figcaption {

        font-size: 1.2rem;

        margin: 10px auto;

    }



    li.parent i.icon-down-open-big {

        position: absolute;

        top: 5px;

        right: 5px;

        margin: auto;

        width: 30px;

        background: rgb(169, 169, 169);

        color: #fff;

        line-height: 30px;

        height: 30px;

        border-radius: 3px;

        cursor: pointer;

        z-index: 2;

    }



    .secondary-nav li.level0.parent ul.level0.show, .secondary-nav li.level1.parent ul.level1.show{

        display:block;

        position: static;



    }



    .secondary-nav ul.level0.show a {

        background: rgb(51, 51, 51);

        color: #fff;

        border: none;

        padding: 10px 30px;

        box-sizing: border-box;

        -moz-box-sizing: border-box;

    }



    .submenu-btn.rotate{

        background: rgb(51, 51, 51)!important;

    }



    .submenu-btn.rotate:before {

        transform: rotate(180deg);

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

        -webkit-transition: all 0.3s;

        -moz-transition: all 0.3s;

        transition: all 0.3s;

        border: none;

    }



    .submenu-btn:before {

        transform: rotate(0deg);

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

        -webkit-transition: all 0.3s;

        -moz-transition: all 0.3s;

        transition: all 0.3s;

    }



    /* Checkout page styling */

    .cart.display-single-price .width-two-thirds{

        width: 100%;

    }

    ul.checkout-types.top {

        display: none;

    }

    /* TABLE FIX FOR MOBILE */

    .table-wrap{

        overflow-x: scroll;

        -ms-overflow-style: -ms-autohiding-scrollbar;

        -webkit-overflow-scrolling: touch; /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/

        -webkit-transform: translateZ(0px); /*HELPS THE ABOVE WORK IN IOS5*/

    }

    .table-helper {

        text-align: right;

        font-weight: bold;

        color: #C84A60;

        display: block;

        font-size: 1rem;

        padding: 4px;

    }

    .table-wrap table{

        min-width: 900px!important;

        font-size: 1em!important;

    }



    .cart-totals-wrapper {

        width: 45%;

        padding: 20px;

        box-sizing: border-box;

        -moz-box-sizing: border-box;

    }



    .mobile-dropdown-button{

        position: absolute;

        right: 20px;

        top: 14px;

    }



    .shipping .inner {

        padding: 0;

        border: none;

        background: none;

        margin: 0;

        width: auto;

    }

    .shipping h2 {

        padding: 10px;

        background: #FF9000;

        margin: 0;

        width: auto;

        color: #fff;

        position: relative;

        border-radius: 4px;

        /*border: 1px solid rgb(163, 15, 50);*/

        cursor:pointer;

    }

    .shipping .shipping-form{

        display:none;

        padding: 10px;

        border: 1px solid #EFECEC;

        background: #FAFAFA;

        margin: 5px 0;

        width: auto;

    }

    .shipping .shipping-form.show{

        display:block;

    }



    .new-users, .registered-users {

        width: 100%;

        margin-bottom: 30px;

    }



    .account-login .scaffold-form .content{

        padding-top: 20px;

    }



    .registered-users .content {

        border: none;

        border-top: 1px solid #ccc;

    }



    .box-account.box-info {

        width: 100%;

    }

    .product-image-thumbs{

        text-align: center;

    }



    .shipping .mobile-dropdown-button{

        display:block;

    }

    .cart-forms .shipping{

        min-width: 320px;

        font-size: .875em;

        float: right;

        width: 100%;

    }





}





@media (min-width: 768px) and (max-width: 1024px) {



    .width-half .product-options-bottom {

        width:100%;

    }

}



@media (min-width: 600px) {



    .category-products li {

        width: 50%;

    }

}



@media (min-width: 901px){

    .submenu-btn{

        display:none;

    }

}



@media (min-width: 901px) and (max-width: 1023px){



    header nav li {

        padding: 0 14px 0 0;

    }



    header a {

        font-size: 12px;

    }

    .secondary-nav li.level0 {

        margin: 0 0 0 1.5%;

    }



    .cart-forms {

        width: 31%;

    }



    .cart-forms select{

        min-width: 0;

    }

    .cart-totals-wrapper{

        width: 100%;

        box-sizing: border-box;

        -moz-box-sizing: border-box;

        margin-bottom: 20px;

    }

    #shopping-cart-table button {

        padding: 5px 15px;

    }

}



@media (min-width: 1024px) and (max-width: 1240px) {

    .secondary-nav li.level0 {

        margin: 0 0 0 1.7%;

    }



    .category-products li {

        width: 33.333%;

    }



    .cart-forms {

        width: 31%;

    }



    .cart-forms select{

        min-width: 0;

    }

}



@media (min-width: 1241px) {

    .category-products li {

        width: 25%;

    }

}

/*new d*/
@media (min-width: 1024px) and (max-width: 1079px) {

    .secondary-nav li.level0 {

        margin: 0 0 0 1.2%;

    }
}

@media (max-width: 767px){



    html input[type='text'],

    html input[type='search'],

    html input[type='password'],

    html input[type='number'],

    html input[type='email'],

    html form textarea{

        font-size: 16px!important;

    }



    .full-width, .width-half,

    .cart-forms, .width-two-thirds,

    .width-third-padded,.width-quarter,

    .width-two-fifths{

        width: 100%;

    }



    .opc{

        padding: 0;

        margin: 0;

    }



    .category-title{

        font-size: .75rem;

    }

    .related-nav-items{

        width: 98%;

        margin: 0 auto 20px;

    }

    .related-nav-items li {

        width: 100%;

        margin-bottom: 1px;

    }



    .catalog-product-view .add-to-cart{

        width: auto;

    }



    #product-options-wrapper, #product-options-bottom,

    #product-options-wrapper dl,

    .catalog-product-view .product-options-bottom,

    .product-collateral{

        width: 100%;

    }



    #product-options-wrapper,

    .product-view .product-options-bottom{

        max-width: 293px;

        float: none;

        margin: auto;

    }



    .options-list li {

        padding: 0;

        width: auto;

        margin: 0 0 10px 0;

        float: none;

    }



    .block-content .product {

        margin: 10px;

    }



    #block-related li {

        float: left;

        margin: 0;

        width: 50%;

        max-width: none;

    }

    .product-img-box .product-image{

        margin: auto;

        padding: 0;

        width: 65%;

    }



    .catalog-product-view .home-page-products > .inner{



    }



    .product-image-gallery {

        padding: 0;

    }



    a.thumb-link img {

        width: 50px;

        height: 50px;

    }



    .block-related {

        margin-top: 26px;

    }

    .block-related h2 {

        text-align: center;

    }



    .cart-totals-wrapper {

        width: 100%;

    }

    .widget-category-link a {

        display: block;

        text-align: center;

        margin-bottom: -18px;

    }



}



@media (min-width: 768px) and (max-width: 1024px){

    #product-options-wrapper dl,

    .catalog-product-view .add-to-cart{

        width: 100%;

    }



    .thumb-link img {

        width: 43px;

        height: auto;

    }

}