﻿@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,300);

/* CSS Document */


/* ---------New product details-------- */

div.info-popup
{
    position:absolute;
    border:solid 1px #bdbdbd;
    background-color:#f9f9f9;
    padding: 10px;
    display:block;
    z-index:200;
    white-space:normal !important;
    width:192px !important;
    display:none;
    overflow:visible !important;
}



.info-popup-big
{
    position:fixed;
    border:solid 1px #bdbdbd;
    background-color:#f9f9f9;
    padding: 20px;
    display:block;
    white-space:normal !important;
    width:35% !important;
    top:40%;
    left:30%;
    line-height:10px;
   display:none;
   z-index: 2000 !important;

    
    
}

.info-popup.bot-nub:after
{
    content: " ";
    display: inline-block;
    position: absolute;
    bottom: -12px;
    left:5%;
    transform:rotateX(180deg);
    
}

.ie7 .info-popup.bot-nub:after, .ie8 .info-popup.bot-nub:after
{
    display:none;
}

.info-popup.right-nub:after{
    content: " ";
    display: inline-block;
    position: relative;
    bottom: -14px;
    left:152px;
    transform:rotateZ(90deg);
}

.ie7 .info-popup.right-nub:after, .ie8 .info-popup.right-nub:after
{
    display:none;
}



#notify-me-message-in-list{
    display:none;
    margin-left:-140px;
    margin-top:-60px;
}



#wishlist-message-in-list{
    display:none;
    margin-left:-140px;
    margin-top:-9px;
}

#discontinued-message{
   left:93px;
   bottom:32px;
   text-align:left;
}

#local-currency-info{
    position:relative;
    left:125px;
    bottom:20px;
    
}

.popup-title{
    color:black;
    font-size:16px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom:15px;
}

.local-currency-container{
    margin-left:96px;
    margin-top:-5px;
}

.ie7 .local-currency-container{
    margin-left:110px;
}

.es .local-currency-container{
    margin-left:94px;
}

#local-currency-message{
    left:-35px;
    bottom:30px;
}

.ja #local-currency-message{
    left:-63px;
}

.ie7 .smImHolder{
    width:50%;
    margin:0 auto;
}

.ie7 .prod-im-sm-front{
    float:left
}

.already-in-list
{
    clear:both;
    float:right;
    margin-top:1em;
    width:170px;
    border: solid 1px #bdbdbd;
    background-color: #f9f9f9;
    padding: .75em 1em;
    box-sizing:border-box;
    font-size:.75rem;
}
.already-in-list a
{
    font-size:.75rem;
}
.scrolling-detail-page a
{
    color:#034093 !important;
}
.prodCaruselPage a
{
    color:#458500 !important;
}
.view-all-link
{
    display:none;
}
.volume-discount-wrap
{
    padding: 0 5px 5px 0;
    margin-right: -5px;
}
    #notify-me-message-added{
    display:none;
    margin-left:-140px;
    margin-top:-20px;
}

#wishlist-message-added{
    display:none;
    margin-left:-140px;
    margin-top:20px;

}

/*
    ****** Language Classes ******
    .kr, .jp, .cn, .ru, .es
    ???? .kr ->.ko
    ???? .jp -> .ja

    ****** Browser Classes ******
    .ie6, .ie7, .ie8, .ie9
    
    CSS SECTIONS
    Ray's Colors    (x000)
    Global          (x001)
    General         (x002)
    Font            (x003)
    Border          (x004)
    Positioning     (x005)
    Display         (x006)

    Header          (xHDR)
    Body            (xBDY)
    Footer          (xFTR)

    Homepage        (xIND)
    ProductList     (xLST) 
    Product Details (xDET)
    MyAccount       (xMYA)
    WishList        (xWSH)
    MyPage          (xPGE)  
    JS              (xJAS)
    Legacy          (xOLD)
    Checkout        (xCHK)
    EditCart        (xEDT)
*/

/* ----- Global (x001) ----------------------------------------------------- */

/* Careful with changes */

* {
    margin: 0;
    padding: 0;
}

:focus {
    outline: none;
}

html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

body {
    font-family: Arial;
    font-size: 12px;
    line-height: 19px;
}

a {
    text-decoration: none;
    font: Arial, sans-serif;
    color: #000;
}

    a:hover {
        text-decoration: underline;
    }

img {
    border: none;
}

p {
    /* 12/19 standard */
    font: Arial, San-serif;
    line-height: 19px;
}

hr {
    border: 0;
    height: 0;
    margin: 2em 0;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* HTML5 */

/* ----- General (x002) ---------------------------------------------------- */

.transparency {
    width: 100%;
    height: 100%;
    background-color: #FFF;
    opacity: .6;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1500 !important;
}

.vertM {
    vertical-align: middle;
}

#loader {
    width: 59px;
    height: 57px;
    position: fixed;
    top: 45%;
    left: 50%;
    text-align: center;
    z-index: 3000;
}

.newForm {
    margin: auto;
    width: 720px;
    height: 700px;
    position: absolute;
    top: 10%;
    left: 30%;
    z-index: 3000 !important;
}

.newFolder {
    margin: auto;
    width: 435px;
    height: 200px;
    position: absolute;
    top: 30%;
    left: 35%;
    z-index: 3000 !important;
}

.tab {
    padding-left: 4em;
}

.inner-layout {
    width: 990px;
    margin: 0 auto;
}

.wrap {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

.pad2 {
    padding: 2px;
}

.noPad {
    padding: 0px !important;
}

.noBorder {
    border-width: 0px !important;
}

.letterSp {
    letter-spacing: 1px;
}

.cursorPointer {
    cursor: pointer;
}

.fullWidth {
    width: 100% !important;
}

ul.none {
    list-style-type: none;
}

div#mainWrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -375px;
}

.mobile-padding {
    padding: 0 20px;
}

div#checkoutWrapper #push {
    height: 100px;
}

div#mainWrapper #push {
    height: 375px;
}

ul.padded3 li,
ol.padded li {
    padding: 3px 0 3px 0;
}

.width960 {
    width: 960px;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.grayBg {
    background: #F3F3F3;
}

/*--- Terms and Conditions pop-up ---*/

#customer-agreement-panel {
    position: fixed;
    top: 25%;
    left: 25%;
    width: 50%;
    z-index: 5000;
    background-color: #CCC;
    border: solid black 1px;
    padding: 20px 20px 10px 20px;
    border-radius: 5px;
}

#reviews-box {
    height: 20em;
    overflow: auto;
    background-color: #FFF;
    border: solid black 1px;
    padding: 5px;
}

/* ----- Ray's Colors (x000) ----------------------------------------------- */

.black {
    color: #000;
}

.blaze {
    color: #ff6600;
}

.blue {
    color: #3333FF;
}

.blue2 {
    color: #1321d7;
}

.linkBlue {
    color: #0043cf;
}

.gray {
    color: #3a3134;
}

.gray2 {
    color: #666666;
}

.green {
    color: #458500;
}

a.green, a .green {
    color: #004093;
}

.orange {
    color: #ff6600;
}

.red {
    color: #f10200;
}

.white {
    color: #fff;
}

.yellow {
    color: #fffed1;
}

.newgreen {
    color: #3a7e0d;
}

.HLblack {
    background-color: #000;
    font-weight: 700;
    color: #fff;
}

.HLblaze {
    background-color: #ff6600;
    font-weight: 700;
    color: #fff;
}

.HLblue {
    background-color: #3333FF;
    font-weight: 700;
    color: #fff;
}

.HLgray {
    background-color: #3a3134;
    font-weight: 700;
    color: #fff;
}

.HLgreen {
    background-color: #458500;
    font-weight: 700;
    color: #fff;
}

.HLorange {
    background-color: #ff6600;
    font-weight: 700;
    color: #fff;
}

.HLred {
    background-color: #f10200;
    font-weight: 700;
    color: #fff;
}

.HLwhite {
    background-color: #fff;
    font-weight: 700;
    color: #fff;
}

.HLyellow {
    background-color: #fffed1;
    font-weight: 700;
    color: #fff;
}

.BGyellow {
    background-color: #fffed1;
}

/* ----- Positioning (x000) ------------------------------------------------ */

/* ----- Width ----- */

.w25 {
    width: 25px;
}

.w50 {
    width: 50px;
}

.w55 {
    width: 55px;
}

.w100 {
    width: 100px;
}

.w125 {
    width: 125px;
}

.w150 {
    width: 150px;
}

.w200 {
    width: 200px;
}

/* ----- Margin ----- */

.mgn-40 {
    margin: -40px;
}

.mgnT-40 {
    margin-top: -40px;
}

.mgnB-40 {
    margin-bottom: -40px;
}

.mgnL-40 {
    margin-left: -40px;
}

.mgnR-40 {
    margin-right: -40px;
}

.mgn-1 {
    margin: -1px;
}

.mgnT-1 {
    margin-top: -1px;
}

.mgnB-1 {
    margin-bottom: -1px;
}

.mgnL-1 {
    margin-left: -1px;
}

.mgnR-1 {
    margin-right: -1px;
}

.mgn1 {
    margin: 1px;
}

.mgnT1 {
    margin-top: 1px;
}

.mgnB1 {
    margin-bottom: 1px;
}

.mgnL1 {
    margin-left: 1px;
}

.mgnR1 {
    margin-right: 1px;
}

.mgn3 {
    margin: 3px;
}

.mgnT3 {
    margin-top: 3px;
}

.mgnB3 {
    margin-bottom: 3px;
}

.mgnL3 {
    margin-left: 3px;
}

.mgnR3 {
    margin-right: 3px;
}

.mgn5 {
    margin: 5px;
}

.mgnT5 {
    margin-top: 5px;
}

.mgnB5 {
    margin-bottom: 5px;
}

.mgnL5 {
    margin-left: 5px;
}

.mgnR5 {
    margin-right: 5px;
}

.mgn8 {
    margin: 8px;
}

.mgnT8 {
    margin-top: 8px;
}

.mgnB8 {
    margin-bottom: 8px;
}

.mgnL8 {
    margin-left: 8px;
}

.mgnR8 {
    margin-right: 8px;
}

.mgn10 {
    margin: 10px;
}

.mgnT10 {
    margin-top: 10px;
}

.mgnB10 {
    margin-bottom: 10px;
}

.mgnL10 {
    margin-left: 10px;
}

.mgnR10 {
    margin-right: 10px;
}

.mgn15 {
    margin: 15px;
}

.mgnT15 {
    margin-top: 15px;
}

.mgnB15 {
    margin-bottom: 15px;
}

.mgnL15 {
    margin-left: 15px;
}

.mgnR15 {
    margin-right: 15px;
}

.mgn20 {
    margin: 20px;
}

.mgnT20 {
    margin-top: 20px;
}

.mgnB20 {
    margin-bottom: 20px;
}

.mgnL20 {
    margin-left: 20px;
}

.mgnR20 {
    margin-right: 20px;
}

.mgn25 {
    margin: 25px;
}

.mgnT25 {
    margin-top: 25px;
}

.mgnB25 {
    margin-bottom: 25px;
}

.mgnL25 {
    margin-left: 25px;
}

.mgnR25 {
    margin-right: 25px;
}

.mgn30 {
    margin: 30px;
}

.mgnT30 {
    margin-top: 30px;
}

.mgnB30 {
    margin-bottom: 30px;
}

.mgnL30 {
    margin-left: 30px;
}

.mgnR30 {
    margin-right: 30px;
}

.mgn40 {
    margin: 40px;
}

.mgnT40 {
    margin-top: 40px;
}

.mgnB40 {
    margin-bottom: 40px;
}

.mgnL40 {
    margin-left: 40px;
}

.mgnR40 {
    margin-right: 40px;
}

.mgn50 {
    margin: 50px;
}

.mgnT50 {
    margin-top: 50px;
}

.mgnB50 {
    margin-bottom: 50px;
}

.mgnL50 {
    margin-left: 50px;
}

.mgnR50 {
    margin-right: 50px;
}

.mgn60 {
    margin: 60px;
}

.mgnT60 {
    margin-top: 60px;
}

.mgnB60 {
    margin-bottom: 60px;
}

.mgnL60 {
    margin-left: 60px;
}

.mgnR60 {
    margin-right: 60px;
}

/* ----- Padding ----- */

.p2 {
    padding: 2px;
}

.pT2 {
    padding-top: 2px;
}

.pB2 {
    padding-bottom: 2px;
}

.pL2 {
    padding-left: 2px;
}

.pR2 {
    padding-right: 2px;
}

.p3 {
    padding: 3px;
}

.pT3 {
    padding-top: 3px;
}

.pB3 {
    padding-bottom: 3px;
}

.pL3 {
    padding-left: 3px;
}

.pR3 {
    padding-right: 3px;
}

.p5 {
    padding: 5px;
}

.pT5 {
    padding-top: 5px;
}

.pB5 {
    padding-bottom: 5px;
}

.pL5 {
    padding-left: 5px;
}

.pR5 {
    padding-right: 5px;
}

.p8 {
    padding: 8px;
}

.pT8 {
    padding-top: 8px;
}

.pB8 {
    padding-bottom: 8px;
}

.pL8 {
    padding-left: 8px;
}

.pR8 {
    padding-right: 8px;
}

.p10 {
    padding: 10px;
}

.pT10 {
    padding-top: 10px;
}

.pB10 {
    padding-bottom: 10px;
}

.pL10 {
    padding-left: 10px;
}

.pR10 {
    padding-right: 10px;
}

.p15 {
    padding: 15px;
}

.pT15 {
    padding-top: 15px;
}

.pB15 {
    padding-bottom: 15px;
}

.pL15 {
    padding-left: 15px;
}

.pR15 {
    padding-right: 15px;
}

.p20 {
    padding: 20px;
}

.pT20 {
    padding-top: 20px;
}

.pB20 {
    padding-bottom: 20px;
}

.pL20 {
    padding-left: 20px;
}

.pR20 {
    padding-right: 20px;
}

.p25 {
    padding: 25px;
}

.pT25 {
    padding-top: 25px;
}

.pB25 {
    padding-bottom: 25px;
}

.pL25 {
    padding-left: 25px;
}

.pR25 {
    padding-right: 25px;
}

.p30 {
    padding: 30px;
}

.pT30 {
    padding-top: 30px;
}

.pB30 {
    padding-bottom: 30px;
}

.pL30 {
    padding-left: 30px;
}

.pR30 {
    padding-right: 30px;
}

.p40 {
    padding: 40px;
}

.pT40 {
    padding-top: 40px;
}

.pB40 {
    padding-bottom: 40px;
}

.pL40 {
    padding-left: 40px;
}

.pR40 {
    padding-right: 40px;
}

.p50 {
    padding: 50px;
}

.pT50 {
    padding-top: 50px;
}

.pB50 {
    padding-bottom: 50px;
}

.pL50 {
    padding-left: 50px;
}

.pR50 {
    padding-right: 50px;
}

.fullW {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -web-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.halfW {
    width: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -web-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.c {
    text-align: center;
}

.fLeft {
    float: left;
}

.fRight {
    float: right;
}

.cLeft {
    clear: left;
}

.vaTop {
    vertical-align: top;
}

/* Border */

.bdrT {
    border-top-width: 1px;
    border-top-style: solid;
}

.bdrB {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.bdrL {
    border-left-width: 1px;
    border-left-style: solid;
}

.bdrR {
    border-right-width: 1px;
    border-right-style: solid;
}

.bdr {
    border-width: 1px;
    border-style: solid;
}

/* Border Colors */

.bGray {
    border-color: #d5d5d5;
}

.pRel {
    position: relative;
}

.pAbs {
    position: absolute;
}

/*----- Font (x000) -------------------------------------------------------- */

.s09 {
    font-size: 9px;
    line-height: 15px;
}

.s10 {
    font-size: 10px;
    line-height: 18px;
}

.s11 {
    font-size: 11px;
    line-height: 18px;
}

.s12 {
    font-size: 12px;
    line-height: 19px;
}

.s13 {
    font-size: 13px;
    line-height: 19px;
}

.s14 {
    font-size: 14px;
    line-height: 20px;
}

.s15 {
    font-size: 15px;
    line-height: 20px;
}

.s16 {
    font-size: 16px;
    line-height: 21px;
}

.s17 {
    font-size: 17px;
    line-height: 21px;
}

.s18 {
    font-size: 18px;
    line-height: 22px;
}

.s19 {
    font-size: 19px;
    line-height: 22px;
}

.s20 {
    font-size: 20px;
    line-height: 23px;
}

.s21 {
    font-size: 21px;
    line-height: 23px;
}

.s22 {
    font-size: 22px;
    line-height: 24px;
}

.s24 {
    font-size: 24px;
    line-height: 26px;
}

.lh10 {
    line-height: 0px !important;
}

.lh15 {
    line-height: 15px;
}

body .lh {
    line-height: normal;
}

.ilb {
    display: inline-block;
}

.ie7 .ilb {
    -ms-zoom: 1;
    zoom: 1;
    display: inline;
}

.b {
    font-weight: bold;
}

.i {
    font-style: italic;
}

.u {
    text-decoration: underline;
}

.nou,
.noUnderline {
    text-decoration: none;
}

    .nou:hover,
    .noUnderline:hover {
        text-decoration: none;
    }

.iHerbFont {
    font-family: "Arial Rounded MT Bold", "Helvetica Rounded", Arial, sans-serif;
    color: #669900;
}

/* ----- HOMEPAGE ---------------------------------------------------------- */

.multivitamin {
    position: absolute;
    left: 465px;
    top: 75px;
}

    .multivitamin a {
        margin: 0 10px 0 0;
        font: normal 14px solid Arial, sans-serif;
        text-decoration: underline;
    }

/* ----- SPECIFIC STYLES --------------------------------------------------- */

.estDelivery {
    margin: 3px 0 0 0;
    font-size: 11px;
    line-height: normal;
    clear: both;
}

/* ----- Free Shipping Promotion ----- */

#free-ship-special {
    padding: .1rem;
    height: 65px;
    background: url(/i/images/Cloud-blue-tile.png) repeat-x;
    color: white;
    font: bold 2.5em Verdana;
    text-shadow: 2px 2px 3px rgba(0,70,150,.7);
}

    #free-ship-special > div {
        width: 980px;
        display: inline-block;
    }

    #free-ship-special .corner {
        font-size: 3rem;
    }

    #free-ship-special .middle {
        padding-top: .4em;
        width: 600px;
        display: inline-block;
    }

    #free-ship-special sup {
        font-size: .5em;
    }

/* ----- Header (xHDR) ----------------------------------------------------- */

.hf-sprite,
#my-account-button:after,
.ddl-nub:before,
.bot-nub:after,
.right-nub:after,
#checkout-help:after {
    background: url('header-footer-sprite-xsm.png') no-repeat top left;
}

    .hf-sprite.back-to-top {
        background-position: -34px 0px;
        width: 24px;
        height: 15px;
    }

    .hf-sprite.cart-icon {
        background-position: -68px 0px;
        width: 40px;
        height: 40px;
    }

    .hf-sprite.search-icon {
        background-position: -118px 0px;
        width: 26px;
        height: 26px;
    }

    .hf-sprite.ddl-nib,
    .ddl-nub:before,
    .bot-nub:after,
    .right-nub:after {
        background-position: -192px 0px;
        width: 110px;
        height: 13px;
    }

    .hf-sprite.arrow-right,
    #my-account-button:after,
    #checkout-help:after {
        background-position: -17px 0px;
        width: 7px;
        height: 8px;
    }

    .hf-sprite.arrow-down,
    #my-account-button.on:after {
        background-position: 0px 0px;
        width: 8px;
        height: 8px;
    }

#my-account-button:after,
#checkout-help:after {
    content: " ";
    display: inline-block;
    margin-left: .5em;
}

.ddl-nub:before {
    content: " ";
    display: inline-block;
    padding: .5em 2em 0 2em;
    position: absolute;
    top: -12px;
    left: 0;
}

.ddl-nub-bottom:before {
    content: " ";
    display: inline-block;
    padding: 42px 2em 0 2em;
    position: absolute;
    top: 98px;
    left: 0;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

body header,
body .header {
    display: block;
}

#page-top {
    background-color: #F9F9F9;
    border-bottom: solid #d9d9d9 thin;
    height: 26px;
}

#shipping-promo {
    float: left;
    font-weight: bold;
    padding-top: 3px;
    width: 100%;
}

    #shipping-promo a {
        float: right;
    }

        #shipping-promo a:first-child {
            float: left;
        }

    #shipping-promo.holiday a {
        font-size: 13px;
        color: #f00;
    }

#mast-head {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    /*
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;*/
    height: 91px;
    line-height: 91px;
}

.side-header {
    -ms-flex: 0 0 320px;
    flex: 0 0 320px;
}

.center-header {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

#mast-head > div {
    height: 91px;
}

/*#mast-head > div {
        height: 100%;
        min-width: 280px;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        #mast-head > div:nth-of-type(1) {
            justify-content: flex-start;
        }

        #mast-head > div:nth-of-type(2) {
            width: 50%;
            min-width: 0;
            max-width: none;
        }


        #mast-head > div > form {
            display: inline-block;
            width: 100%;
        }*/

.flex-wrap {
    /* OLD - iOS 6-, Safari 3.1-6 */
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    -ms-align-content: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.ie6 #mast-head > *,
.ie7 #mast-head > *,
.ie8 #mast-head > *,
.ie9 #mast-head > * {
    float: left;
}

.ie8 #mast-head #iherb-logo img {
    width: 150px;
    height: 61=2px;
    padding-top: 20px;
}

#language-select-wrap {
    float:left;
    height:91px;
    width:160px;
}

    #language-select-wrap > div {
        line-height: normal;
        display: inline-block;
        vertical-align: bottom;
        margin-bottom: 25px;
        margin-left: 20px;
    }

#iherb-logo {
    width: 150px;
    height: 91px;
    float: left;
    position: relative;
    line-height: 91px;
}

    #iherb-logo img {
        width: 150px;
        height: 62px;
        vertical-align: middle;
    }


#searchForm {
    line-height: normal;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
    margin-bottom: 25px;
}

    #searchForm > section {
        padding-right: 20px;
        padding-left: 20px;
    }

#search-box {
    width: 100%;
    height: 38px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

#searchBtn {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    outline: none;
    cursor: pointer;
}

#searchBtnWrap {
    background-color: #458500;
    height: 38px;
    width: 39px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: solid #458500 6px;
    border-top: solid #458500 6px;
    position: absolute;
    right: 0;
    cursor: pointer;
}

#iherb-account-wrapper {
    float: right;
}

#iherb-account {
    width: 90px;
    margin-right: 40px;
    position: relative;
    float: left;
}

    #iherb-account > div {
        position: relative;
        line-height: 19px;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
    }

#my-account-button,
#my-account-button:hover {
    color: black;
    font-size: 12px;
    text-decoration: none;
}

.ddl-nub {
    position: absolute;
    top: 3.75em;
    border: solid 1px #bdbdbd;
    background-color: #f9f9f9;
    padding: 1.5em 2em;
    display: block;
    z-index: 200;
    white-space: nowrap;
    display: none;
}

#my-account-menu.on {
    display: block;
}

#my-account-menu ul li {
    list-style-type: none;
    margin-top: .5em;
}

    #my-account-menu ul li:first-of-type {
        margin: 0em;
    }

    #my-account-menu ul li a {
        color: black;
    }

#sign-in {
    font-size: 10.5pt;
    font-weight: bold;
    background: none;
    border: none;
    color: black;
    display: block;
}

#iherb-welcome {
    font-size: 14px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    width: 100px;
}

#cart-wrap {
    float: left;
}

    #cart-wrap > div {
        position: relative;
        line-height: 19px;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
    }

#empty-cart {
    top: 30px;
    left: 7px;
}

#iherb-cart {
    min-width: 50px;
    margin-right: 15px;
    display: block;
}

.subtotal-wrap {
    width: 80px;
    float: left;
}

    .subtotal-wrap > div {
        position: relative;
        line-height: 19px;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
    }

.ie6 .subtotal-wrap,
.ie7 .subtotal-wrap,
.ie8 .subtotal-wrap {
    padding-top: 12px;
    width: 70px;
}

#cart-subtotal,
#cart-subtotal:hover {
    font-size: 16px;
    font-weight: bold;
    color: black;
    text-decoration: none;
}

#cart-qty {
    background-color: #458500;
    min-width: 23px;
    height: 23px;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    color: white;
    display: inline-block;
    line-height: 1.5rem;
    float: right;
    cursor: pointer;
}

.ie6 #cart-qty,
.ie7 #cart-qty,
.ie8 #cart-qty {
    background: none;
    color: #458500;
    margin-top: 10px;
    margin-right: 15px;
}

#iherb-main-nav {
    display: block;
    width: 100%;
    height: 36px;
}

#searchCheck input[type="checkbox"] {
    visibility: hidden;
}

#searchCheck label {
    margin-top: -.5em;
}

    #searchCheck label:before {
        content: " ";
        display: inline-block;
        width: 1.1em;
        height: 1.1em;
        border: solid 2px #458500;
        background: none;
        margin-right: .5em;
        margin-left: -1.5em;
        margin-bottom: -.25em;
    }

    #searchCheck label:after {
        opacity: 0;
        content: '';
        position: absolute;
        width: 9px;
        height: 5px;
        background: transparent;
        top: 6px;
        left: 4px;
        border: 2px solid #458500;
        border-top: none;
        border-right: none;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    #searchCheck label:hover::after {
        opacity: 0.3;
    }

#searchCheck input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.label-text {
    display: inline-block;
}

#checkout-header {
    border-bottom: solid 3px #458500;
}

    #checkout-header #mast-head {
        height: 91px;
    }

#checkout-help {
    display: block;
    float: right;
}

.links-column {
    float: left;
    max-width: 33%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#dd_links div:nth-of-type(3) {
    padding-right: 0;
}


.flags {
    float: left;
    padding: 15px 0 0 0;
}

.imgDdl {
    width: 310px;
    float: left;
    position: absolute;
    display: inline-block;
    height: 20px;
}

#divSelectedCurrency {
    float: left;
    position: relative;
    width: 100%;
    height: 20px;
    border: 1px solid #999;
    background: #ffffff;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-8 */
}

    #divSelectedCurrency:hover,
    #divSelectedCurrency.hover {
        background: #f2f6f8;
        /* Old browsers */
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
        /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
        /* IE6-9 */
    }

.imgDdl ul,
#ddlWrapper {
    width: 310px;
    margin-right: 72px;
    position: relative;
}

.imgDdl ul {
    list-style-type: none;
    float: left;
    background: #fff;
    border-left: 1px solid #999;
    border-right: 1px solid #999;
    overflow: visible;
}

.arrowDn {
    background: #eeeeee;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%);
    /* W3C */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
    /* IE6-9 */
    border: 1px solid #eee;
    outline: #999 solid 1px;
    display: inline-block;
    padding-top: 7px;
    position: absolute;
    right: -1px;
    top: 1px;
    bottom: -2px;
    cursor: pointer;
    height: 100%;
    width: 15px;
    vertical-align: middle;
}

.ie6 .arrowDn,
.ie7 .arrowDn {
    height: 11px;
}

.arrowDn img {
    width: 7px;
    height: 5px;
    margin: auto;
    display: block;
    margin-top: 1px;
}

.arrowDn:hover {
    background: #f2f6f8;
    /* Old browsers */
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
    /* IE6-9 */
}

.currencyPrice {
    margin-right: 30px;
    font: bold 15px Arial, sans-serif;
    float: right;
}

.aCurrency {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #999;
    white-space: nowrap;
    line-height: 20px;
    vertical-align: middle;
}

    .aCurrency:hover {
        text-decoration: none;
        background-color: #999;
        color: white;
    }

#divSelectedCurrency .aCurrency:hover {
    text-decoration: none;
    background-color: transparent;
    color: #000;
}

.currencyFlag {
    float: left;
    padding-top: 2px;
    margin-left: 10px;
}

/* END HEADER */

.en .myAccBoxWrapper {
    margin-top: -55px;
}

.myAccBoxWrapper {
    position: absolute;
    margin-top: -70px;
    left: 0px;
}

.myAccBox {
    width: 248px;
    margin: 5px 0 0 0;
    float: left;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-color: #9e9e9e;
    border-right-color: #9e9e9e;
    border-left-width: 1px;
    border-left-color: #9e9e9e;
}

.raysShadow {
    float: left;
    left: 0px;
    width: 250px;
    height: 18px;
    background-image: url(/i/ui/search-bottom.png);
    background-repeat: repeat;
    background-position: left top;
}

.myAccRow {
    width: 252px;
    float: left;
    margin-left: -10px;
    padding: 3px 0 0 0;
    text-align: center;
}

.myAccRow1 {
    width: 252px;
    float: left;
    margin-left: -10px;
    padding: 3px 0 0 0;
    text-align: center;
}

.myAccRow2 {
    width: 252px;
    float: left;
    margin-left: -10px;
    padding: 3px 0 0 0;
    text-align: center;
}

.en .myAccRow2 {
    width: 200px;
}

ul.myAccLinks {
    float: right;
    list-style-type: none;
    text-align: center;
    display: inline-block;
    font: bold 12px Arial, Helvetica, sans-serif;
}

    ul.myAccLinks li:first-child {
        background-image: none;
        padding-left: 2px;
    }

    ul.myAccLinks li:last-child {
        padding-right: 2px;
    }

    ul.myAccLinks li {
        float: left;
        background-image: url(/i/ui/divider.gif);
        background-repeat: no-repeat;
        background-position: left center;
        padding: 4px 9px 4px 9px;
    }

        ul.myAccLinks li a {
            font: normal 13px Arial, Helvetica, sans-serif;
            text-decoration: none;
            color: #0043cf;
        }

.ru ul.myAccLinks li a {
    font-size: 11.5px;
}

.jp ul.myAccLinks li a {
    font: normal 12px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #0043cf;
}

ul.myAccLinks li a:hover {
    text-decoration: underline;
}

.ru div.mypage-row-middle form input.order,
.es div.mypage-row-middle form input.order {
    font-size: 11px;
}

.myAccRowUS {
    width: 200px;
    float: left;
    margin-left: -10px;
    padding: 3px 0 0 0;
    text-align: center;
}

.cartItemsUS {
    float: left;
    width: 40px;
    height: 38px;
    background-image: url(/i/ui/shopping-cart-icon2.png);
    background-position: 17px 19px;
    background-repeat: no-repeat;
    text-align: center;
    padding: 5px 0 0 10px;
    display: block;
    text-decoration: none;
}

.cartItems {
    float: left;
    width: 40px;
    height: 38px;
    background-image: url(/i/ui/shopping-cart-icon2.png);
    background-position: 17px 19px;
    background-repeat: no-repeat;
    text-align: center;
    padding: 5px 0 0 10px;
    display: block;
    text-decoration: none;
}

    .cartItems:hover {
        text-decoration: none;
    }

.itemsInCart {
    float: left;
    width: 80px;
    text-align: left;
    padding: 5px 5px 0 0;
}

.totalAmnt {
    float: left;
    width: 95px;
    text-align: right;
    padding: 3px 0 0 0;
    white-space: nowrap;
}

.ko .totalAmnt {
    white-space: normal;
}

.viewCartBtn {
    float: left;
    width: 100px;
    padding: 21px 0 15px 18px;
}

/* Header Nav */

#nav {
    margin: 0 auto;
    width: 100%;
    background-color: #458500;
    z-index: 501;
    height: 36px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul.raysNav {
    list-style-type: none;
    white-space: nowrap;
    height: 100%;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    ul.raysNav li {
        float: left;
        display: inline-block;
        text-align: center;
        height: 100%;
        border: solid 1px #458500;
        border-bottom: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    

        ul.raysNav li a {
            color: #FFF;
            padding: 7px 0;
            cursor: pointer;
            width: 100%;
            height: 100%;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            position: relative;
            text-align: center;
            display: block;
            font: 15px Arial, Helvetica, sans-serif;
        }
        ul.raysNav li:first-of-type a,  ul.raysNav li:last-of-type a {
            font-weight:bold;
        }

            ul.raysNav li a:before, ul.raysNav li a:after {
                content: "\00a0\00a0";
            }

        ul.raysNav li:hover a,
        ul.raysNav li.section-hover a {
            text-decoration: none;
            background-color: #f9f9f9;
            background-image: none;
            color: #000;
            text-shadow: 0px 0px 0px #000;
            border-bottom: none;
        }

        ul.raysNav li.section-hover a {
            z-index: 1002;
        }

        ul.raysNav li.section-hover {
            border-bottom: none;
        }

.ie7 ul.raysNav li {
    height: 33px;
}

.es ul.raysNav li a {
    font-size: 14px;
    padding: 8px 0;
}
/*
.ja ul.raysNav li a {
    padding: 7px 19px 0px 19px;
}

.ko ul.raysNav li a {
    padding: 7px 19px 0px 19px;
}

.ru ul.raysNav li a {
    padding: 7px 17px 0px 17px;
}

.zh ul.raysNav li a {
    padding: 7px 20px 0px 20px;
}*/

/* end Header Nav */

/* Header Search */

#raysSearch {
    /*float:left;
    display:inline-block;
    position:relative;*/
}

    #raysSearch:after {
        content: "";
        display: block;
        width: 100%;
        height: 18px;
        background: url(/i/ui/peel-bottom-left.png) no-repeat left, url(/i/ui/peel-bottom-right.png) no-repeat right, url(/i/ui/peel-bottom-center.png) repeat-x;
        position: relative;
        top: 30px;
    }

#raysSearchBar {
    float: left;
    width: 322px;
    height: 35px;
    border: 1px solid #9e9e9e;
    white-space: nowrap;
}

div#div1 {
    position: absolute;
    z-index: 9999;
    width: 100%;
}

    div#div1 > div {
        padding-right: 40px;
    }

    div#div1 table {
        border: 1px solid #bdbdbd;
        border-width: 0 1px 1px 1px;
    }

#div1 table,
#div1 tr,
#div1 td {
    position: relative;
}

#div1 td {
    border-bottom: solid thin #dedede;
    line-height: 30px;
}

#div1 tr:last-of-type td {
    border-bottom: none;
}

#div1 * {
    z-index: 9999;
}

/* end Header Search */

/* --------------Start blue header ------------*/

#pageHeader {
    background-image: url(/i/ui/header-blue.png);
    background-repeat: repeat-x;
    width: 100%;
    height: 220px;
    clear: both;
}

#headerWraper {
    width: 980px;
    margin: auto;
    height: 220px;
    clear: both;
}

    #headerWraper #leftCol {
        width: 635px;
        float: left;
        height: 100px;
    }

.ie7 #headerWraper #leftCol {
    width: 635px;
    float: left;
    height: 105px;
}

#headerWraper #leftCol #logo {
    float: left;
    margin: 18px 9px 0 15px;
    width: 186px;
    font: normal 12px Arial, Helvetica, sans-serif;
    clear: both;
}

    #headerWraper #leftCol #logo img {
        border: 0px;
        padding: 0;
    }

/* ----------- SEARCH BOX-----------*/

.searchBox {
    margin-top: 4px;
    padding: 3px 0 0 2px;
    height: 25px;
    width: 330px;
    border: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #444444;
    background: #FAFAFA;
}

#leftCol #search {
    width: 380px;
    height: 39px;
    margin: 20px 0 0 23px;
    float: left;
}

    #leftCol #search .left {
        background-image: url(/i/ui/search-background-left.png);
        background-repeat: no-repeat;
        background-position: left top;
        width: 9px;
        height: 39px;
        float: left;
    }

    #leftCol #search .middle {
        background-image: url(/i/ui/search-background-middle.png);
        background-repeat: repeat-x;
        background-position: left top;
        padding: 2px 0 0 0;
        width: 333px;
        height: 37px;
        float: left;
    }

    #leftCol #search .right {
        width: 36px;
        height: 39px;
        float: left;
    }

        #leftCol #search .right img {
            border: 0px;
        }

/* ----------- End SEARCH BOX-----------*/

#leftCol #featuredLinks {
    margin: 13px 0 0 20px;
    width: 463px;
    height: 20px;
    float: left;
    padding: 0;
    position: relative;
}

    #leftCol #featuredLinks #linksWrapper {
        margin: 0 0 0 0;
        float: right;
        position: relative;
        text-align: left;
        padding: 0;
        left: -50%;
    }

.ie7 #leftCol #featuredLinks {
    margin: 12px 0 7px 20px;
    width: 420px;
    height: 23px;
    float: left;
    padding: 0;
}

#leftCol #featuredLinks .feature {
    padding: 0px;
    text-decoration: none;
    font: bold 12px Arial, sans-serif;
    color: #fff;
    float: left;
}

#leftCol #featuredLinks ul {
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0px;
    position: relative;
    left: 50%;
}

#leftCol #featuredLinks li {
    float: left;
    padding: 0px;
    padding-left: 6px;
}

#leftCol #featuredLinks ul a {
    padding-right: 4px;
    padding-left: 0px;
    display: block;
    text-decoration: none;
    font: bold 14px Arial, sans-serif;
    color: #fff;
}

    #leftCol #featuredLinks ul a:hover {
        text-decoration: underline;
    }

/*#leftCol #featuredLinks-ol{
	margin: 12px 0 0 0px;
	width:441px;
	height:23px;
	float:left;
	padding: 0;
}

.ie7 #leftCol #featuredLinks-ol{
	margin: 12px 0 7px 40px;
	width:441px;
	height:23px;
	float:left;
	padding: 0;
}

#leftCol #featuredLinks-ol .feature{
	padding: 0px;
	text-decoration: none;
	font: bold 12px Arial, sans-serif;
	color: #fff;
	float:left;
}

#leftCol #featuredLinks-ol ul{
	list-style-type: none;
	margin: 0 0 0 50px;
	padding:0px;
	width: 441px;
}
#leftCol #featuredLinks-ol li{
	float: right;
	padding:0px;
	padding-left: 6px;
}

#leftCol #featuredLinks-ol ul a{
	padding-right: 4px;
	padding-left: 0px;
	display: block;
	text-decoration: none;
	font:bold 14px Arial, sans-serif;
	color: #fff;
	}
#leftCol #featuredLinks-ol ul a:hover{
	text-decoration:underline;
}

*/

#headerWraper #rightCol {
    width: 336px;
    height: 137px;
    float: right;
}

/* -----------------	Select Language NAV  -------------------*/

.MenuSelectLanguage {
    font-weight: bold;
    float: left;
    z-index: 1150;
    padding: 0 0 1px 0;
    position: relative;
    width: 143px;
    background: #fff;
    display: inline-block;
    border: 1px solid #d5d5d5;
}

    .MenuSelectLanguage li {
        position: relative;
        list-style: none;
        margin: 0;
        padding: 0;
        text-decoration: none;
        font: bold 12px Arial, Helvetica, sans-serif;
        color: #000;
        padding: 0px 2px 0px 2px;
        cursor: pointer;
        min-height: 24px;
        background: #fff;
    }

    .MenuSelectLanguage a {
        display: block;
        color: #fff;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding: 5px;
        background: #fff;
    }

        .MenuSelectLanguage a:hover {
            color: #fff;
            text-decoration: underline;
        }

    .MenuSelectLanguage ul {
        margin: 0;
        padding: 0;
        background: #fff;
        list-style: none;
        position: absolute;
        left: -9999px;
        display: inline-block;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #FFF;
        border-top: 1px solid #fff;
        border-right: 1px solid #d5d5d5;
        border-bottom: 1px solid #d5d5d5;
        border-left: 1px solid #d5d5d5;
        z-index: 0;
        box-shadow: 2px 5px 20px #999;
        width: 100%;
    }

        .MenuSelectLanguage ul li {
            padding: 0px;
            float: none;
            list-style: none;
            text-align: left;
            z-index: 2000;
        }

        .MenuSelectLanguage ul a {
            white-space: nowrap;
            list-style: none;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            font-weight: bold;
            color: #FFF;
            vertical-align: middle;
        }

    .MenuSelectLanguage li:hover ul {
        /* Display the dropdown on hover */
        left: -1px;
        /* Bring back on-screen when needed */
        top: 24px;
        margin-left: 0px;
    }

    .MenuSelectLanguage li:hover a {
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
    }

    .MenuSelectLanguage li:hover ul a {
        text-decoration: none;
        list-style: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #444444;
    }

    .MenuSelectLanguage li:hover ul li a:hover {
        background: #999;
        color: #fff;
    }

    .MenuSelectLanguage li ul li img {
        margin: 0;
        padding: 0 3px 0 3px;
        text-align: left;
        vertical-align: middle;
    }

/* --------- end select language--------------*/

/* -------- Main nav drop down menus -----------*/

#mainNav {
    position: relative;
    width: 100%;
    clear: both;
    float: left;
    font: bold 14px arial, sans-serif;
    color: #666;
    margin: 0;
    padding: 6px 0 7px 0;
    height: 40px;
    white-space: nowrap;
}

    #mainNav ul {
        position: relative;
        list-style-type: none;
        margin: 0 0 0 10px;
        padding: 0;
    }

.ie7 #mainNav {
    width: 980px;
    clear: both;
    float: left;
    font: bold 14px arial, sans-serif;
    color: #666;
    margin: 20px 0 0 0;
    padding: 18px 0 20px 0;
    z-index: 500;
    height: 23px;
}

.ie8 #mainNav {
    width: 980px;
    clear: both;
    float: left;
    font: bold 14px arial, sans-serif;
    color: #666;
    margin: 0;
    padding: 6px 0 7px 0;
    z-index: 500;
    height: 40px;
}

#mainNav ul li {
    float: left;
    position: relative;
}

    #mainNav ul li a {
        background-image: url(/i/ui/mainNavDevider.png);
        background-repeat: no-repeat;
        background-position: right;
        padding: 10px 12px 10px 12px;
        display: block;
        text-decoration: none;
        font: bold 14px arial, sans-serif;
        /*color: #666;*/
    }

        #mainNav ul li a.last {
            background-image: none;
            background-repeat: no-repeat;
            background-position: right;
            padding: 10px 12px 10px 12px;
            display: block;
            text-decoration: none;
            font: bold 14px arial, sans-serif;
            /*color: #666;*/
        }

        #mainNav ul li a:hover {
            background-color: #ebf5ce;
            text-decoration: none;
            color: #fff;
        }

/* -------- End Main nav drop down menus -----------*/

/* --- to delete start here -------
#mainNav ul li ul.dropDown {
     display: none
}
 

#mainNav ul li:hover ul.dropDown {
	list-style-type: none;
     display: block;
	 float:left;
	 width:945px;
     position: absolute;
	 margin: 0;
	 padding:20px 0px 25px 35px;
	 border:solid;
	 border-width:2px;
	 border-color:#5b9f4a;
	 background:#fffed1;
	 font-family: arial, sans-serif;
	font-size: 15px;
	color:#fff;
	font-weight: bold;
	text-align:left;
}
 #mainNav ul li:hover ul.dropDown ul {
	width: 170px;
	float: left;
	display: block;
	margin: 0;
	padding: 0px 15px 0px 0px;
	font-family: arial, sans-serif;
	font-size: 15px;
	color: #666;
	font-weight: bold;
	text-align: left;
}
 
#mainNav ul li:hover ul.dropDown ul li{
	width: 155px;
	margin: 0;
	padding: 5px 0 0 0;
}

 /* yellow background for drop down links 
#mainNav ul li:hover ul.dropDown ul li a {
	font-family: arial, sans-serif;
	font-size: 12px;
	color:#499038;
	font-weight:normal;
	background-image:none;
	marging: 0;
	padding: 0;
	background-color: #fffed1;
}

#mainNav ul li:hover ul.dropDown ul li a.first {
	 font-family: arial, sans-serif;
	font-size: 16px;
	color:#666;
	font-weight: bold;
	background-image:none;
	marging: 0;
	padding: 0 0 5px 0;
}

#mainNav ul li:hover ul.dropDown ul li a.first:hover {
	text-decoration:underline;
	background:#fffed1;
}

#mainNav ul li:hover ul.dropDown ul li a.last {
	font-family: arial, sans-serif;
	font-size: 12px;
	color:#499038;
	font-weight:normal;
	background-image:none;
	marging: 0;
	padding: 0px 0 5px 0px;

}
#mainNav ul li:hover ul.dropDown ul li a.last:hover {
	text-decoration:underline;
	background:#fffed1;
}
 
#mainNav ul li:hover ul.dropDown ul li a:hover {
	text-decoration:underline;
	background:#fffed1;
}
------------ End to delete --------*/

/*-- NEW drop Down wrapper ---------*/

.dropDownWrap {
    width: 100%;
    max-width: 1252px;
    min-width: 990px;
    position: relative;
    padding: 2em;
    background: #f9f9f9;
    z-index: 1000;
    display: none;
    left: 0;
    font-size: 12px;
    margin: 0 auto;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border:1px solid rgb(213, 213, 213);
    border-top-width:0;
    box-shadow:rgba(0,0,0,.11) 0 5px 5px;
}


    .dropDownWrap * {
        z-index: 5000;
        position: relative;
    }

    .dropDownWrap ul {
        width: 140px;
        float: left;
        display: block;
        padding: 0 15px 0 0;
        text-align: left;
        z-index: 500;
        color: #666;
        background-image: none;
    }

        .dropDownWrap ul li {
            width: 155px;
            margin: 0;
            padding: 4px 0 0 2px;
            list-style: none;
        }

            .dropDownWrap ul li a {
                color: #000;
            }

                .dropDownWrap ul li a:hover {
                    color: #034093;
                }

            .dropDownWrap ul li .menuTitle {
                font-weight: bold;
                color: #000;
                /*background-color:#f2f2f2;*/
                padding: 0 2px 0 2px;
            }

.zh .dropDownWrap ul li .menuTitle {
    padding-right: 20px;
}

.dropDownWrap h2 {
    font-size: 1.25em;
    font-weight: bold;
    margin: 0 0 .5em 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    padding-bottom: .25em;
}

div#raysLinks {
    float: left;
    width: 100%;
}

.ja div#raysLinks {
    float: left;
    width: 75%;
    white-space: normal;
    margin-left: 95px;
}

.ru div#raysLinks {
    float: left;
    width: 75%;
    white-space: normal;
    margin-left: 95px;
}

div#raysLinks > a {
    color: #ff6600;
    font-size: 13px;
    padding: 0 8px 0 8px;
}

/*-- NEW END drop Down wrapper ---------*/

/*----- end main nav -----------*/
#catA-Z {
    padding: 0 0 1em 0;
    width: 950px;
    margin: 0 auto;
}

    #catA-Z:after {
        content: " ";
        display: block;
        clear: both;
    }

#dd_azlist #catA-Z {
    display: flex;
}

#a-z a, #catA-Z a {
    color: #458500;
}

#a-z {
    width: 950px;
    margin: 0 auto;
    padding: 0 0 4px 0;
    border-bottom: 0px solid #CCCCCC;
    clear: both;
    white-space: nowrap;
}

    #a-z ul, #catA-Z ul {
        list-style-type: none;
        display: block;
        white-space: nowrap;
        width: auto;
    }

    #a-z li, #catA-Z li {
        /*background-image: url(/i/ui/blue-bullet.gif);*/
        background-image: none;
        background-repeat: no-repeat;
        background-position: left center;
        float: left;
        padding: 0px;
        width: 35px;
        white-space: nowrap;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: inline-block;
    }

    #a-z ul li.first,
    #a-z ul li.last, #catA-Z ul li.first,
    #catA-Z ul li.last {
        width: 20px;
    }

        #a-z ul li.first a {
            padding: 0 10px 0 0;
        }

        #a-z ul li.last a {
            padding: 0 0 0 10px;
        }

    #a-z ul a, #catA-Z ul a {
        display: block;
        padding: 0 12px 0 12px;
        text-decoration: none;
        font-family: Arial, sans-serif;
        font-size: 12px;
        font-weight: bold;
    }

        #a-z ul a:hover, #catA-Z ul a:hover {
            text-decoration: underline;
        }

.selectLanguage {
    width: 85px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    padding-left: 0px;
    margin: 12px 0 0 10px;
}

    .selectLanguage img {
        margin: 0 3px 0 3px;
    }

.MenuSelectLanguage img {
    margin: 0 3px 0 3px;
    border: 0;
}

    .MenuSelectLanguage img.flag {
        margin: 0 3px 0 0;
        border: 0;
        vertical-align: middle;
    }

.freeShipping {
    width: 300px;
    float: left;
    margin: 5px 0 0 140px;
    background-image: url(/i/ui/shipping-truck-icon.png);
    background-repeat: no-repeat;
    background-position: left top;
}

    .freeShipping p.mainNote {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #FFF;
        padding: 0 0 0 25px;
        margin: 0;
    }

    .freeShipping p.seconderyNote {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #FFF;
        font-weight: bold;
        padding: 3px 0 0 74px;
        margin: 0;
    }

        .freeShipping p.seconderyNote a {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 11px;
            color: #FFF;
            font-weight: bold;
            text-decoration: none;
        }

            .freeShipping p.seconderyNote a:hover {
                text-decoration: underline;
            }

/* --------------End header ------------*/

#mainContent {
    width: 990px;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    padding: 2em 0;
}
#mainContent > section:last-of-type
{
    margin-bottom:44px;
}
.ie7 #mainContent {
    overflow: visible !important;
}

#homePageBanner {
    margin: 0;
    max-width: 980px;
    text-align: center;
}

    #homePageBanner .leftCol {
        width: 214px;
        float: left;
        margin: 0 0 0 6px;
    }

        #homePageBanner .leftCol h1 {
            font: bold 17px Arial, Helvetica, sans-serif;
            color: #3a540d;
            padding: 0 0 5px 4px;
            margin: 0;
        }

        #homePageBanner .leftCol > a {
            display: block;
            text-decoration: none;
        }

        #homePageBanner .leftCol .featureSlots {
            width: 198px;
            border-bottom-width: 1px;
            border-bottom-color: #DFDFDF;
            border-bottom-style: solid;
            padding: 10px 5px 12px 5px;
            margin: 0px;
        }

            #homePageBanner .leftCol .featureSlots:hover,
            #homePageBanner .leftCol .featureSlots.active {
                cursor: pointer;
                background-color: #fafafa;
                background-image: gradient(linear, 0% 0%, 0% 100%, from(#fafafa), to(#f1f1f1));
                background-image: linear-gradient(top, #fafafa, #f1f1f1);
            }

            #homePageBanner .leftCol .featureSlots h2 {
                margin: 0;
                font: bold 12px Arial, Helvetica, sans-serif;
                color: #6d9d19;
            }

            #homePageBanner .leftCol .featureSlots p {
                margin: 0;
                font: normal 11px Arial, Helvetica, sans-serif;
                color: #444444;
            }

    #homePageBanner .rightCol {
        width: 980px;
        text-align: center;
    }

#bannerSlot div {
    display: none;
    position: absolute;
}

    #bannerSlot div.active {
        display: block;
    }

.hpgWrapper {
    height: 280px;
    position: relative;
}

.hpgTitle {
    z-index: 1;
    position: absolute;
    color: #000;
    margin: 0 0 0 40px;
    font-family: Arial, sans-serif;
    font-size: 25px;
    font-weight: bold;
    text-transform: uppercase;
}

.hpgSubtitle {
    z-index: 1;
    position: absolute;
    font: bold 13px/19px Arial, sans-serif;
    color: #373b3b;
    margin: 35px 0 0 40px;
}

ul.hpg {
    width: 300px;
    z-index: 1;
    position: absolute;
    margin: 95px 0 0 433px;
    font: normal 13px Arial, sans-serif;
}

    ul.hpg li {
        list-style-type: none;
        padding: 10px 0 0 25px;
        background-image: url(/i/ui/hpg-check.png);
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: left 10px;
    }

.hpgBtn {
    float: left;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    background-color: #8ab938;
    width: 100px;
    margin: 12px 0 0 0;
    padding: 6px 6px 6px 6px;
    font: bold 12px Arial, san-serif;
    color: #fff;
    text-align: center;
    text-decoration: none;
    z-index: 1;
    position: absolute;
    margin: 260px 0 0 437px;
    box-shadow: 1px 1px 3px #000;
    border: 1px solid #5a8215;
    background-color: #6d9d19;
    background-image: gradient(linear, 0% 0%, 0% 100%, from(#6c9b19), to(#527613));
    background-image: linear-gradient(top, #6c9b19, #527613);
}

    .hpgBtn:hover {
        color: #000;
        cursor: pointer;
        text-decoration: none;
    }

#homePageBanner .rightCol .bannerSlot {
    height: 280px;
    width: 760px;
    margin: 0;
    padding: 0;
}

    #homePageBanner .rightCol .bannerSlot img {
        border-width: 0px;
    }

#homePageBanner .rightCol .bulletsWraper {
    width: 750px;
    height: 10px;
    clear: both;
    margin: 0 10px 14px 0;
}

    #homePageBanner .rightCol .bulletsWraper .bullet {
        float: right;
    }

        #homePageBanner .rightCol .bulletsWraper .bullet a {
            display: block;
            background: url(/i/ui/bullet-off.png) no-repeat left top;
            width: 20px;
            height: 15px;
        }

        #homePageBanner .rightCol .bulletsWraper .bullet input {
            display: block;
            background: url(/i/ui/bullet-off.png) no-repeat left top;
            width: 20px;
            height: 15px;
        }

        #homePageBanner .rightCol .bulletsWraper .bullet a:hover {
            display: block;
            background: url(/i/ui/bullet-on.png) no-repeat left top;
        }

        #homePageBanner .rightCol .bulletsWraper .bullet .currentBullet {
            display: block;
            background: url(/i/ui/bullet-on.png) no-repeat left top;
        }

.hpgLine {
    width: 980px;
    height: 1px;
    margin: 0 auto 25px;
    clear: both;
    border-bottom: 2px groove #ccc;
}

.ie7 .hpgLine {
    margin: 0 auto 25px;
}

#smallBanner {
    width: 980px;
    height: 125px;
    margin: auto;
    clear: both;
}

    #smallBanner .leftCol {
        float: left;
        width: 735px;
        height: 125px;
        background: url(/i/ui/smBannerBgrLeft.gif) repeat-x center;
    }

        #smallBanner .leftCol img {
            border: 0;
            margin-left: 20px;
            float: left;
        }

        #smallBanner .leftCol p {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 18px;
            color: #fff;
            font-weight: bold;
            margin: 0;
            padding: 53px 0 0 160px;
        }

    #smallBanner .rightCol {
        float: left;
        width: 245px;
        height: 125px;
        background: url(/i/ui/smBannerBgrRight.gif) no-repeat center;
    }

        #smallBanner .rightCol p {
            margin: 0;
            padding: 53px 18px 0 55px;
            text-align: right;
        }

            #smallBanner .rightCol p a {
                background: url(/i/ui/smBannerRightErrow.png) no-repeat right center;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 18px;
                color: #fff;
                font-weight: bold;
                text-decoration: none;
                display: block;
                padding: 0 22px 0 0;
            }

                #smallBanner .rightCol p a:hover {
                    color: #f08925;
                    font-weight: bold;
                }

#homePageProducts {
    /*width: 980px;
    margin: auto;*/
    height: auto;
    overflow: hidden;
    clear: both;
    border-bottom: 2px solid #f5f5f5;
    border-top: 2px solid #f5f5f5;
    padding: 30px 0;
}

    #homePageProducts > div {
        height: 144px;
        clear: both;
    }

    #homePageProducts .prodList {
        width: 196px;
        float: left;
    }

        #homePageProducts .prodList .leftCol {
            float: left;
            width: 78px;
        }

            #homePageProducts .prodList .leftCol img {
                margin: 0;
                padding: 3px 5px 0 0;
            }

        #homePageProducts .prodList .rightCol {
            width: 100%;
            float: left;
            padding-bottom: 50px;
        }

            #homePageProducts .prodList .rightCol h3 {
                font: bold 15px Arial, Helvetica, sans-serif;
                color: #000;
                margin: 8px 0 0 0;
            }

            #homePageProducts .prodList .rightCol ul {
                list-style-type: none;
                padding: 0;
                margin: 5px 0 0px 0;
            }

            #homePageProducts .prodList .rightCol li {
                padding: 0;
                margin: 0;
                border-bottom: 1px solid #CCC;
            }

            #homePageProducts .prodList .rightCol ul a {
                display: block;
                line-height: 34px;
                text-decoration: none;
                text-decoration: none;
                font-family: Arial, sans-serif;
                font-size: 12px;
                color: #0043cf;
            }

                #homePageProducts .prodList .rightCol ul a:hover {
                    text-decoration: underline;
                }


.section-title {
    text-align: left;
    margin: 40px 0 20px 0;
}

    .section-title > h2.section-header {
        padding: 4px 0 3px 0;
        margin: 0;
        color: #333;
        font: bold 16px Arial, sans-serif;
        display: inline-block;
    }

.category {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 163.333px;
    margin-bottom: 10px;
    float: left;
    text-align: center;
    color: #488413;
    font-weight: bold;
    font-size: 10pt;
}

    .category a {
        color: #488413;
    }

    .category span {
        white-space: nowrap;
        font-size: 14px;
    }

    .category img {
        display: block;
        margin: auto;
        padding-bottom: 10px;
        height: 100px;
    }

.categoryIcon {
    display: block;
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 7px;
    border: solid 2px #bccef3;
    overflow: hidden;
}

.additional-category-container {
    width: 980px;
    float: left;
    margin: auto;
    clear: both;
    margin-left: 10px;
}

.additional-category.last-category {
    margin-right: 0;
}

.categoryTitle {
    position: relative;
    top: 20px;
    text-align: center;
    display: block;
    width: 100px;
    margin-top: -19px;
}

    .categoryTitle.twoLine {
        line-height: 13px;
        margin-bottom: 12px;
    }

.recentlyViewedItems {
    clear: both;
    width: 980px;
    margin: auto;
}

    .recentlyViewedItems .title {
        clear: both;
        width: 980px;
        height: 25px;
        margin: auto;
        padding: 5px 0 0 0;
        border-bottom: 2px groove #CCC;
    }

        .recentlyViewedItems .title p {
            font-family: Arial, sans-serif;
            font-size: 13px;
            color: #000;
            font-weight: normal;
            margin: 0;
            padding: 0 0 0 25px;
        }

            .recentlyViewedItems .title p span {
                font-family: Arial, sans-serif;
                font-size: 11px;
                color: #000;
                margin: 0;
                padding: 0;
                font-weight: normal;
            }

    .recentlyViewedItems .carousel {
        float: left;
        width: 980px;
        margin: 30px auto 20px auto;
        display: block;
        text-align: center;
    }

        /*------- Product Slot -----------*/

        .recentlyViewedItems .carousel .prodSlot {
            float: left;
            padding: 10px 15px;
            text-align: center;
            margin: auto;
        }

            .recentlyViewedItems .carousel .prodSlot img.prodImage {
                border: 0;
                margin: auto;
                padding: 5px 0 20px 0;
                float: left;
                clear: both;
            }

            /* .recentlyViewedItems .carousel .prodSlot img.stars{
	border: 0;
	display: block;
	padding: 0;
	margin:0;
	float:left;
 }*/

            .recentlyViewedItems .carousel .prodSlot p.price {
                width: 170px;
                height: 26px;
                font-family: Arial, sans-serif;
                font-size: 13px;
                color: #000;
                font-weight: bold;
                margin: 0;
                padding: 0;
                display: block;
                float: left;
            }

            .recentlyViewedItems .carousel .prodSlot .crossed-out-price {
                font-family: Arial, sans-serif;
                font-size: 13px;
            }

            .recentlyViewedItems .carousel .prodSlot p.description {
                font-family: Arial, sans-serif;
                font-size: 12px;
                color: #000;
                font-weight: normal;
                width: 170px;
                height: 36px;
                overflow: hidden;
                margin: 0 0 5px 0;
                float: left;
                display: block;
                text-decoration: none;
            }

.ie9 .recentlyViewedItems .carousel .prodSlot p.description {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    padding: 5px 0 3px 0;
    height: 40px;
    overflow: hidden;
    margin: 0 0 9px 0;
}

.recentlyViewedItems .carousel .prodSlot p.description a {
    font: normal 12px Arial, sans-serif;
    color: #000;
    text-decoration: none;
}

    .recentlyViewedItems .carousel .prodSlot p.description a:hover {
        text-decoration: underline;
    }

/*---- orange button-----*/

.recentlyViewedItems .carousel .prodSlot .btSuggestions {
    float: left;
    width: 95px;
    height: 22px;
}

    .recentlyViewedItems .carousel .prodSlot .btSuggestions .left {
        width: 5px;
        height: 22px;
        float: left;
        background: url(/i/ui/orange-bt-left.png) no-repeat left top;
    }

    .recentlyViewedItems .carousel .prodSlot .btSuggestions .midle {
        width: 85px;
        height: 22px;
        float: left;
        background: url(/i/ui/orange-bt-middle.png) repeat-x top;
    }

        .recentlyViewedItems .carousel .prodSlot .btSuggestions .midle a {
            text-decoration: none;
            font-family: Arial, sans-serif;
            font-size: 11px;
            color: #fff;
            font-weight: bold;
            text-align: center;
            display: block;
            margin: 2px 0 0 0;
        }

            .recentlyViewedItems .carousel .prodSlot .btSuggestions .midle a:hover {
                color: #000;
            }

    .recentlyViewedItems .carousel .prodSlot .btSuggestions .right {
        width: 5px;
        height: 22px;
        float: left;
        background: url(/i/ui/orange-bt-right.png) no-repeat left top;
    }

.recentlyViewedItems .carousel .prodSlot a.prodImg {
    width: 100%;
    display: block;
    text-align: center;
}

/*---- ends orange button-----*/

/* -------ends product slot--------*/

/*--------FOOTER-------*/

footer {
    text-align: center;
    font-size: .9em;
    color: #4c4c4c;
    height: 375px;
}

    footer .social-rewards-footer {
        height: 38px;
        background-color: #fff;
        border: 2px solid #656565;
        border-width: 2px 0;
    }

    /*footer li {
        float: left;
    }*/

    footer ul.flex-container {
        margin: 0 auto;
        text-align: center;
        padding-top: .1em;
        height: 100%;
    }


        footer ul.flex-container > li {
            margin: auto;
            text-align: center;
            white-space: nowrap;
            padding: .2em 0;
            display: inline-block;
            position: relative;
            vertical-align: middle;
        }

.social-rewards-footer ul.flex-container > li {
    padding: .2em 1%;
}

.social-rewards-footer > ul > li > ul {
    float: right;
}

footer ul.flex-container > :first-child {
    padding: .2em 0;
}

footer ul.flex-container > :last-child {
    padding: .2em 0;
}

footer ul.flex-container ul.flex-container {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 4px;
}

    footer ul.flex-container ul.flex-container > li {
        margin: 0;
        text-align: center;
        white-space: nowrap;
        display: inline-block;
        position: relative;
        vertical-align: middle;
    }

#rewards-button {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 21px;
    margin-left: 2px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 16px;
    background-color: #e0ae01;
    float: left;
}



footer .top ul li a {
    font-size: 13px;
    padding: 0 5px 0 5px;
}

footer .top {
    background-color: #F9F9F9;
    padding: 1.5rem 0;
}

footer .footer-links {
    /*width: 990px;
    margin: 0 auto;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;*/
}

.ru footer ul li a, .ru footer .top ul li a {
    font-size: .95em;
}

.ru footer .footer-links .flink1 {
    width: 164px;
}

.es footer .footer-links .flink1 {
    width: 140px;
}

.ru footer .footer-links .flink2 {
    margin-left: -45px;
    width: 156px;
}

.es footer .footer-links .flink2 {
    width: 148px;
    margin-left: -40px;
}

.ru footer .footer-links .flink3 {
    margin-left: -28px;
}

.es footer .footer-links .flink3 {
    margin-left: -30px;
}

.ru footer .footer-links .flink4 {
    margin-left: 27px;
    width: 185px;
}

.es footer .footer-links .flink4 {
    width: 170px;
    margin-right: -50px;
}

.ru footer .footer-links .flink5 {
    margin-right: 60px;
}

.ru footer .footer-links .flink6 {
    margin-left: -28px;
}

footer .middle {
    background-color: #F9F9F9;
    padding: 0 0 32px 0;
    clear: both;
}

    footer .middle > div {
        margin: 0 auto;
    }

    footer .middle p {
        width: 100%;
        margin: 0 auto;
    }

footer .bottom {
    clear: both;
    background-color: rgba(255,255,255,1);
    position: relative;
    text-align: center;
    padding-top: 1.5em;
}

.no-bullets {
    list-style-type: none;
}

footer ul {
    text-align: left;
}

    footer ul li {
        padding: .2em 0;
    }

        footer ul li.b {
            margin-bottom: .25em;
        }

        footer ul li a {
            color: #656565;
            font-size: 13px;
            font-weight: 600;
        }

.disclaimer,
.copyright {
    font-size: smaller;
}

#footer-badges {
    -webkit-box-orient: vertical;
    -webkit-box-pack: justify;
    max-width: 10%;
}

.flex-box {
    /* OLD - iOS 6-, Safari 3.1-6 */
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.box-flex {
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    display: block;
}

.centerbox {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-orient: horizontal;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-line-pack: center;
    -ms-align-content: center;
    align-content: center;
    -webkit-align-content: center;
}

/*footer .top .centerbox:first-of-type {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-line-pack: start;
    -ms-align-content: flex-start;
    align-content: flex-start;
    -webkit-align-content: flex-start;
}

footer .top .centerbox:last-of-type {
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    -ms-flex-line-pack: end;
    -ms-align-content: flex-end;
    align-content: flex-end;
    -webkit-align-content: flex-end;
}*/

.ie6 .footer-links > *,
.ie7 .footer-links > *,
.ie8 .footer-links > *,
.ie9 .footer-links > * {
    float: left;
    padding-top: 2em;
    padding-bottom: 2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14.8%;
    overflow: hidden;
}

.ie9 .footer-links > * {
    padding-top: 0px;
}

.ie7.es .footer-links > *,
.ie8.es .footer-links > *,
.ie9.es .footer-links > * {
    padding-left: .5em;
    margin-left: 0px !important;
}

.ie8.es .footer-links > * {
    width: 16.8%;
}

.ie7.ru .footer-links > *,
.ie8.ru .footer-links > * {
    width: 13%;
}

.ie8.ko .footer-links > * {
    width: 15.1%;
    padding-left: .5em;
}

.ie8.ja .footer-links > * {
    width: 15.1%;
    padding-left: .5em;
}

.ie7 .footer-links > * {
    padding-left: 0px;
}

.w20 {
    width: 20%;
}

.f1 {
    font-size: 15px;
}

.facebook,
.google-plus,
.instagram,
.pinterest,
.twitter,
.youtube {
    background: url(/css/social-media.png) no-repeat;
    width: 19px;
    height: 19px;
    display: inline-block;
    position: relative;
    top: 4px;
    margin-right: .25em;
}

.social-links {
    margin-top: 4px;
    float: right;
}

ul.social-links li {
    display: inline-block;
    float: right;
}

.facebook {
    background-position: 0 -20px;
    width: 19px;
    height: 19px;
}


    .facebook.on, a:hover > .facebook {
        background-position: 0 0;
        width: 19px;
        height: 19px;
    }


.google-plus {
    background-position: -20.97918701171875px -20px;
    width: 19px;
    height: 19px;
}

#___plusone_0 {
    width: auto !important;
}


    .google-plus.on, a:hover > .google-plus, #___plusone_0:hover + a > .google-plus {
        background-position: -20.979167938232422px 0;
        width: 19px;
        height: 19px;
    }


.instagram {
    background-position: -42px -20px;
    width: 19px;
    height: 19px;
}


    .instagram.on, a:hover > .instagram {
        background-position: -42px 0;
        width: 19px;
        height: 19px;
    }


.pinterest {
    background-position: -63px -20px;
    width: 19px;
    height: 19px;
}


    .pinterest.on, a:hover > .pinterest {
        background-position: -63px 0;
        width: 19px;
        height: 19px;
    }


.twitter {
    background-position: -84px -20px;
    width: 19px;
    height: 19px;
}


    .twitter.on, a:hover > .twitter {
        background-position: -84px 0;
        width: 19px;
        height: 19px;
    }


.youtube {
    background-position: -105px -20px;
    width: 19px;
    height: 19px;
}


    .youtube.on, a:hover > .youtube {
        background-position: -105px 0;
        width: 19px;
        height: 19px;
    }

#to-top-button {
    font-size: 1.5em;
    font-weight: bold;
    background-color: rgba(171,171,171,.5);
    width: 44px;
    height: 44px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    bottom: 11.5em;
    right: 31em;
    padding-top: .2em;
    z-index: 5000;
    border-radius: 1.5px;
    -webkit-transition: all ease 200ms;
}

    #to-top-button a {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    #to-top-button.hide {
        bottom: -4em;
        opacity: 0;
    }

.up {
    width: 13px;
    height: 13px;
    border-top: 3.5px solid #fff;
    border-left: 3.5px solid #fff;
    -webkit-transform: rotate(45deg);
    margin: 16px 14px;
}

.copyright,
.copyright a {
    font-size: 11px;
    color: #999999;
}

/*---- footer old-----*/

#footer {
    clear: both;
    margin: auto;
    height: 145px;
    width: 100%;
    background-color: #fff;
    border-top: 2px groove #ccc;
}

#footerWraper {
    width: 980px;
    margin: auto;
    clear: both;
    padding: 16px 0 0 0;
}

    #footerWraper .leftCol {
        width: 950px;
        float: left;
        margin: 0;
    }

        #footerWraper .leftCol .row-1 {
            width: 950px;
            padding: 0 0 0 30px;
            float: left;
        }

.top-footer-section {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: center;
    margin-bottom: 16px;
}

    .top-footer-section a {
        color: Black;
        display: inline-block;
        margin-right: 1.97em;
    }

.ru .top-footer-section a {
    display: block;
    margin-right: 12px;
}

.es .top-footer-section a {
    display: block;
    margin-right: 24px;
}

.ja .top-footer-section a {
    display: block;
    margin-right: 34px;
}

.ko .top-footer-section a {
    display: block;
    margin-right: 32px;
}

.zh .top-footer-section a {
    margin-right: 36px;
}

.top-footer-section a:last-child {
    margin-right: 0;
}

.right-footer-section {
    min-width: 80px;
    float: right;
}

.left-footer-section {
    min-width: 80px;
    float: left;
}

/* End Live Chat*/

.lchatcol {
    float: left;
    width: 185px;
}

.top10reasons {
    width: 300px;
    height: 43px;
    float: left;
}

    .top10reasons img {
        float: left;
    }

    .top10reasons p {
        font-family: Arial, sans-serif;
        font-size: 17px;
        color: #3b5514;
        font-weight: bold;
        text-decoration: none;
        margin: 0;
        padding: 14px 0 0 50px;
    }

        .top10reasons p a {
            font-family: Arial, sans-serif;
            font-size: 17px;
            color: #3b5514;
            font-weight: bold;
            text-decoration: none;
            margin: 0;
        }

p a:hover {
    text-decoration: underline;
}

#footerWraper .leftCol .row-2 {
    width: 720px;
    height: 115px;
    padding: 0px 0 0 10px;
    float: left;
}

    #footerWraper .leftCol .row-2 img {
        border: 0;
        float: left;
        margin: 26px 0 0 10px;
    }

    #footerWraper .leftCol .row-2 ul {
        width: 110px;
        list-style-type: none;
        float: left;
        margin: 12px 0 0 0px;
        padding: 0;
        font-family: Arial, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: #000;
        text-align: left;
    }

        #footerWraper .leftCol .row-2 ul.first {
            list-style-type: none;
            width: 125px;
            float: left;
            margin: 12px 10px 0 0;
            padding: 0;
            font-family: Arial, sans-serif;
            font-size: 14px;
            font-weight: bold;
            color: #000;
            text-align: left;
        }

    #footerWraper .leftCol .row-2 li {
        float: left;
        margin: 0;
        padding: 5px 0 0 0;
        width: 119px;
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #000;
        font-weight: normal;
    }

    #footerWraper .leftCol .row-2 ul li img {
        margin: 0;
        padding: 0;
        float: left;
        text-align: left;
        width: 20px;
        height: 20px;
    }

    #footerWraper .leftCol .row-2 li a {
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #000;
        text-decoration: none;
    }

        #footerWraper .leftCol .row-2 li a:hover {
            text-decoration: underline;
        }

.rayslinks {
    padding: 0;
    float: left;
}

    .rayslinks img {
        border: 0;
        float: left;
        margin: 22px 5px 0 0;
    }

ul.rayRow-2 {
    list-style-type: none;
    width: 105px;
    float: left;
    margin: 0;
    padding: 0 10px 0 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

ul.firstrayRow-2 {
    list-style-type: none;
    width: 125px;
    float: left;
    margin: 22px 10px 0 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

ul.rayRow-2 li {
    float: left;
    margin: 0;
    padding: 5px 0 0 0;
    width: 119px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: normal;
}

    ul.rayRow-2 li img {
        margin: 0;
        padding: 0;
        float: left;
        text-align: left;
        width: 20px;
        height: 20px;
    }

    ul.rayRow-2 li a {
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #000;
        text-decoration: none;
    }

        ul.rayRow-2 li a:hover {
            text-decoration: underline;
        }

.raysrow-3 {
    width: 100%;
    text-align: center;
    background-color: #336900;
    background-image: linear-gradient(top, #669800, #336900);
}

    .raysrow-3 img {
        border: 0;
        float: center;
        margin: 0;
        padding: 0;
    }

    .raysrow-3 p {
        max-width: 980px;
        margin-left: auto;
        margin-right: auto;
    }

        .raysrow-3 p.copyright {
            font-family: Arial, sans-serif;
            font-size: 13px;
            font-weight: bold;
        }

            .raysrow-3 p.copyright a {
                font-family: Arial, sans-serif;
                font-size: 13px;
                color: #fff;
                font-weight: bold;
                text-decoration: none;
            }

                .raysrow-3 p.copyright a:hover {
                    text-decoration: underline;
                }

        .raysrow-3 p.disclaimer {
            font-family: Arial, sans-serif;
            font-size: 11px;
            font-weight: regular;
            line-height: normal;
            padding: 5px 0 0 0;
        }

            .raysrow-3 p.disclaimer a {
                font-family: Arial, sans-serif;
                font-size: 11px;
                color: #fff;
                font-weight: regular;
                text-decoration: none;
            }

                .raysrow-3 p.disclaimer a:hover {
                    text-decoration: underline;
                }

#footerWraper .leftCol .row-3 {
    float: left;
    width: 700px;
    height: 115px;
    padding: 25px 25px 0 6px;
}

    #footerWraper .leftCol .row-3 img {
        border: 0;
        float: left;
        margin: 0;
        padding: 0;
    }

    #footerWraper .leftCol .row-3 p.copyright {
        font-family: Arial, sans-serif;
        font-size: 13px;
        color: #fff;
        font-weight: bold;
        margin: 0;
        padding: 0;
        text-align: left;
    }

        #footerWraper .leftCol .row-3 p.copyright a {
            font-family: Arial, sans-serif;
            font-size: 13px;
            color: #fff;
            font-weight: bold;
            text-decoration: none;
        }

            #footerWraper .leftCol .row-3 p.copyright a:hover {
                text-decoration: underline;
            }

    #footerWraper .leftCol .row-3 p.disclaimer {
        font-family: Arial, sans-serif;
        font-size: 11px;
        color: #fff;
        font-weight: normal;
        margin: 0;
        padding: 10px 0 0 0;
        text-align: left;
    }

        #footerWraper .leftCol .row-3 p.disclaimer a {
            font-family: Arial, sans-serif;
            font-size: 11px;
            color: #fff;
            font-weight: normal;
            text-decoration: none;
        }

            #footerWraper .leftCol .row-3 p.disclaimer a:hover {
                text-decoration: underline;
            }

#footerWraper .rightCol {
    width: 240px;
    float: right;
    margin: 0;
}

    #footerWraper .rightCol .rewards {
        width: 195px;
        float: right;
        margin: 0;
        padding: 18px 20px 25px 25px;
        border: 1px solid #9e9e9e;
        box-shadow: 1px 1px 7px #999;
        background-color: #fff;
        background-image: gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fdfff7));
        background-image: linear-gradient(top, #fff, #fdfff7);
    }

        #footerWraper .rightCol .rewards p.title {
            font-family: Arial, sans-serif;
            font-size: 20px;
            color: #3a540d;
            font-weight: bold;
            padding: 0;
            margin: 0;
        }

        #footerWraper .rightCol .rewards p.content {
            color: #3a540d;
            margin: 0;
            font: bold 12px/20px Arial, sans-serif;
            padding-top: 0px;
            padding-bottom: 5px;
        }

        /*---- rewards button--- */

        #footerWraper .rightCol .rewards .btReadMore {
            width: 121px;
            height: 29px;
            float: left;
            margin-top: 20px;
            margin-left: 0px;
        }

            #footerWraper .rightCol .rewards .btReadMore .leftSide {
                width: 6px;
                height: 29px;
                background-image: url(/i/ui/green-bt-left.png);
                background-repeat: no-repeat;
                background-position: left top;
                float: left;
            }

            #footerWraper .rightCol .rewards .btReadMore .middle {
                width: 109px;
                height: 23px;
                padding-top: 6px;
                background-image: url(/i/ui/green-bt-middle.png);
                background-repeat: repeat-x;
                background-position: left top;
                float: left;
            }

                #footerWraper .rightCol .rewards .btReadMore .middle a {
                    display: block;
                    text-decoration: none;
                    font-family: Arial, sans-serif;
                    font-size: 12px;
                    color: #fff;
                    font-weight: bold;
                    text-align: center;
                }

                    #footerWraper .rightCol .rewards .btReadMore .middle a:hover {
                        color: #000;
                    }

            #footerWraper .rightCol .rewards .btReadMore .rightSide {
                width: 6px;
                height: 29px;
                background-image: url(/i/ui/green-bt-right.png);
                background-repeat: no-repeat;
                background-position: left top;
                float: left;
            }

    /*---- End View Cart button--- */

    #footerWraper .rightCol .flags {
        width: 180px;
        height: 30px;
        float: left;
        margin: auto;
        padding: 15px 20px 20px 40px;
    }

        #footerWraper .rightCol .flags img {
            border: 0;
            float: left;
            padding: 3px;
        }

/*---- end footer-----*/

/* -------End Home page CSS--------- */

/* ---------- My Account Rewards Program Box -------------*/

.myacc-rewards-box {
    border: 1px solid #d5d5d5;
    padding: 32px 10px 7px 10px;
    background-color: #abdf64;
    border-radius: 5px;
    float: left;
    width: 694px;
}

/* ----------- Search results type pages content ---------*/

#pagetitlewrapper,
#pageTitleWrapper {
    width: 980px;
    float: left;
    margin: 0 0 15px 0;
}

#breadCrumbs {
    width: 780px;
    margin: 0 0 10px 0;
    display: block;
    text-decoration: none;
    font: bold 13px Arial, sans-serif;
    color: #666;
    text-align: left;
    padding: 0 0 0 25px;
    float: left;
}

#breadCrumbs-full {
    width: 900px;
    margin: 0 0 10px 0;
    display: block;
    text-decoration: none;
    font: bold 13px Arial, sans-serif;
    color: #009;
    text-align: left;
    padding: 0 0 0 25px;
    float: left;
}

#breadCrumbs a {
    text-decoration: none;
    font: bold 13px/18px Arial, sans-serif;
    color: #666;
    text-align: left;
    margin: 0;
}

    #breadCrumbs a:after {
        content: " ";
        color: transparent;
        display: inline-block;
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        border: solid #666 0px;
        border-width: 0px 2px 2px 0px;
        width: 6px;
        height: 6px;
        margin: .1em .5em;
        position: relative;
        top: 0.5px;
    }

.ie7 #breadCrumbs a,
.ie8 #breadCrumbs a,
.ie9 #breadCrumbs a {
    text-decoration: none;
    font: bold 13px/18px Arial, sans-serif;
    color: #666;
    text-align: left;
    background-image: url(/i/ui/breadcr-arrow.png);
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0;
    padding: 0 17px 0 0;
}

    .ie8 #breadCrumbs a:after {
        display: none;
    }

    .ie9 #breadCrumbs a:after {
        display: none;
    }

    .ie7 #breadCrumbs a.last,
    .ie8 #breadCrumbs a.last,
    .ie9 #breadCrumbs a.last {
        text-decoration: none;
        font: bold 13px/18px Arial, sans-serif;
        color: #009;
        text-align: left;
        background-image: none;
        margin: 0;
        padding: 0 17px 0 0;
    }

#breadCrumbs a:hover,
#breadCrumbs a.last:hover {
    text-decoration: underline;
}

#breadCrumbs a.last:after {
    content: none;
}

#search-rslts-breadcrmb {
    font: bold 20px Arial, sans-serif;
    color: #666;
    padding: 0 0 0 23px;
}

    #search-rslts-breadcrmb > a {
        font-size: 20px;
    }

h1#title {
    margin: 0 0 0 23px;
    font: bold 20px Arial, sans-serif;
}

h2#subTitle {
    margin: 0 0 0 25px;
    font: normal 14px Arial, sans-serif;
}

#mainContent #pagetitlewrapper #h1 {
    text-decoration: none;
    font: bold 20px Arial, sans-serif;
    color: #000;
    margin: 0 0 0 25px;
    width: 780px;
    float: left;
}

    #mainContent #pagetitlewrapper #h1 img {
        border: 0;
        margin: 0 0 0 0;
        padding: 1px 7px 0 0;
        float: left;
    }

    #mainContent #pagetitlewrapper #h1 a {
        font: bold 20px Arial, sans-serif;
        color: #F60;
        text-decoration: none;
    }

        #mainContent #pagetitlewrapper #h1 a:hover {
            text-decoration: underline;
        }

#mainContent #pagetitlewrapper .h2 {
    text-decoration: none;
    font: normal 12px Arial, sans-serif;
    color: #000;
    margin: 0 0 5px 25px;
    width: 900px;
    float: left;
    text-align: left;
}

    #mainContent #pagetitlewrapper .h2 a {
        text-decoration: none;
        font: normal 14px Arial, sans-serif;
        color: #458500;
        text-align: left;
    }

        #mainContent #pagetitlewrapper .h2 a:hover {
            text-decoration: underline;
        }

.manufacturers-logo {
    width: 150px;
    float: right;
    padding: 0 20px 0 0;
    text-align: right;
}

.visitManufact {
    width: 150px;
    float: right;
    font: normal 11px Arial, sans-serif;
    margin: 3px 0 0 0;
    padding: 0;
    color: #1c359d;
    text-decoration: none;
}

    .visitManufact a {
        font: normal 11px Arial, sans-serif;
        color: #1c359d;
        text-decoration: none;
    }

        .visitManufact a:hover {
            text-decoration: underline;
        }

.manufacturers-logo img,
.manufacturers-logo img a,
.manufacturers-logo img a:hover {
    border: 0;
    margin: 0;
    padding: 0;
    float: right;
    display: block;
}

#leftCol-wrapper {
    width: 245px;
    float: left;
    padding: 0 0 0 15px;
    clear: both;
    -ms-word-break: break-word;
    word-break: break-word;
}

.left-col-segment .top {
    background: url(/i/ui/left-col-segment-top.png) no-repeat left top;
    width: 226px;
    height: 6px;
    float: left;
    display: none;
}

.left-col-segment .middle {
    width: 100%;
    /*width: 208px;
	background: #e9e9e9;
	border-right: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	padding: 10px 8px 20px 8px;*/
    margin: 0;
    float: left;
}

.left-col-segment .bottom {
    background: url(/i/ui/left-col-segment-bottom.png) no-repeat left top;
    height: 6px;
    width: 226px;
    float: left;
    display: none;
}

.left-col-segment .yellowTop {
    background: url(/i/ui/left-col-segment-y-top.png) no-repeat left top;
    width: 226px;
    height: 6px;
    float: left;
    display: none;
}

.left-col-segment .yellowBottom {
    background: url(/i/ui/left-col-segment-y-bottom.png) no-repeat left top;
    height: 6px;
    width: 226px;
    float: left;
    display: none;
}

.left-col-segment .title,
.left-col-segment-yellow .title {
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    padding: 0px 0 5px 10px;
}

.left-col-segment .content,
.left-col-segment-yellow .content,
.myacc-rewards-box .content {
    width: 100%;
    background: #FFF;
    border: 1px solid #d5d5d5;
    float: left;
    margin: 0;
    padding: 0;
}

    .left-col-segment .content .title,
    .left-col-segment-yellow .content .title {
        text-decoration: none;
        font: bold 14px Arial, sans-serif;
        color: #000;
        margin: 0;
        padding: 15px 0 8px 8px;
    }

    .left-col-segment-yellow .content .row {
        width: 188px;
        display: block;
        font: normal 12px Arial, sans-serif;
        color: #333;
        margin: 0 8px 0 8px;
        padding: 6px 2px 6px 2px;
        float: left;
        border-bottom: 1px solid #d5d5d5;
    }

    .left-col-segment-yellow .content .last {
        width: 188px;
        display: block;
        font: normal 12px Arial, sans-serif;
        color: #333;
        margin: 0 8px 0 8px;
        padding: 6px 2px 6px 2px;
        float: left;
        border-bottom: none;
    }

    .left-col-segment-yellow .content .row .left {
        float: left;
    }

        .left-col-segment-yellow .content .row .left img {
            margin: 0;
            padding: 0;
            border: 0;
        }

    .left-col-segment-yellow .content .row a.remove {
        font: normal 12px Arial, sans-serif;
        color: #1c359d;
        text-decoration: none;
        float: right;
    }

        .left-col-segment-yellow .content .row a.remove:hover {
            text-decoration: underline;
        }

    .left-col-segment .content .links {
        margin: 0;
        padding: 0px 8px 0px 8px;
        color: #333;
        font: normal 13px Arial, sans-serif;
    }

        .left-col-segment .content .links img {
            border: 0;
            vertical-align: bottom;
            margin-right: 6px;
        }

    .left-col-segment .content .rating-stars {
        margin: 0 8px 0 8px;
        padding: 4px 0px 4px 2px;
        clear: both;
        border-bottom: 1px solid #d5d5d5;
        color: #1c359d;
        font: normal 13px Arial, sans-serif;
    }

    .left-col-segment.content .last-rating-stars {
        margin: 0px 8px 12px 8px;
        padding: 4px 0px 4px 2px;
        clear: both;
        border-bottom: 1px solid #d5d5d5;
        color: #1c359d;
        font: normal 13px Arial, sans-serif;
    }

        .left-col-segment .content .rating-stars a,
        .left-col-segment .content .last-rating-stars a {
            color: #1c359d;
            font: normal 13px Arial, sans-serif;
            text-decoration: none;
            vertical-align: middle;
        }

            .left-col-segment .content .rating-stars a:hover,
            .left-col-segment .content .last-rating-stars a:hover {
                text-decoration: underline;
            }

        .left-col-segment .content .rating-stars img,
        .left-col-segment .content .last-rating-stars img {
            border: 0;
            margin: 0;
            padding: 0 3px 0 0;
            vertical-align: bottom;
            float: left;
        }

.left-col-segment .note {
    width: 100%;
    background: #fcf9d2;
    border: 1px solid #d5d5d5;
    float: left;
    margin: 0;
    padding: 0;
}

    .left-col-segment .note p {
        text-decoration: none;
        font: bold 11px/20px Arial, sans-serif;
        color: #000;
        margin: 0;
        padding: 10px 6px 10px 10px;
    }

.left-col-segment .content .links a {
    display: block;
    text-decoration: none;
    font: normal 12px Arial, sans-serif;
    margin: 0;
    padding: 6px 0 6px 2px;
    border-bottom: 1px solid #d5d5d5;
}

    .left-col-segment .content .links a.last {
        border-bottom: 0;
    }

    .left-col-segment .content .links a.myacc {
        display: block;
        text-decoration: none;
        font: bold 12px Arial, sans-serif;
        margin: 0;
        padding: 6px 0 6px 2px;
        border-bottom: 1px solid #d5d5d5;
    }

    .left-col-segment .content .links a.myacc-last {
        display: block;
        text-decoration: none;
        font: bold 12px Arial, sans-serif;
        margin: 0;
        padding: 6px 0 6px 2px;
        border-bottom: none;
    }

    .left-col-segment .content .links a.myaccSelct {
        display: block;
        text-decoration: none;
        font: bold 12px Arial, sans-serif;
        margin: 0;
        padding: 6px 0 6px 2px;
        border-bottom: 1px solid #d5d5d5;
        background: #fffed1;
        cursor: default;
    }

    .left-col-segment .content .links a.myaccSelct-last {
        display: block;
        text-decoration: none;
        font: bold 12px Arial, sans-serif;
        margin: 0;
        padding: 6px 0 6px 2px;
        border-bottom: none;
        background: #fffed1;
        cursor: default;
    }

    .left-col-segment.content .links a.myaccSelct:hover {
        text-decoration: none;
        cursor: default;
    }

.left-col-segment .content .links .cblist {
    display: block;
    text-decoration: none;
    font: normal 12px Arial, sans-serif;
    color: #009;
    margin: 0;
    padding: 6px 0 6px 2px;
    border-bottom: 1px solid #d5d5d5;
}

.left-col-segment .content .links .cblistLast {
    display: block;
    text-decoration: none;
    font: normal 12px Arial, sans-serif;
    color: #009;
    margin: 0;
    padding: 6px 0 6px 2px;
    border-bottom: none;
}

    .left-col-segment .content .links .cblist input[type=checkbox],
    .left-col-segment .content .links .cblistLast input[type=checkbox] {
        width: 20px;
        padding: 0px;
        float: none;
        display: none;
    }

    .left-col-segment .content .links .cblist a,
    .left-col-segment .content .links .cblistLast a {
        text-decoration: none;
        font: normal 12px Arial, sans-serif;
        color: #009;
        margin: 0;
        border-bottom: 0 solid #fff;
        display: inline;
    }

.left-col-segment .content .links form {
    margin: 5px 0 8px 5px;
}

    .left-col-segment .content .links form input {
        display: inline;
    }

    .left-col-segment .content .links form .label {
        font: normal 12px Arial, Helvetica, sans-serif;
        color: #333;
        text-align: left;
        padding: 0 0 0 5px;
        margin: 0;
    }

.left-col-segment .content .links a:hover {
    text-decoration: underline;
}

.left-col-segment .content .viewed-products {
    width: 192px;
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 0px 10px 0px;
    margin: 0 0 0 8px;
    float: left;
}

.left-col-segment .content .viewed-products-last {
    width: 192px;
    border-bottom: 0px;
    padding: 10px 0px 10px 0px;
    margin: 0 0 0 8px;
    float: left;
}

    .left-col-segment .content .viewed-products .prod-img,
    .left-col-segment .content .viewed-products-last .prod-img {
        width: 60px;
        height: 84px;
        padding: 0;
        margin: 0;
        float: left;
        border: 0;
    }

        .left-col-segment .content .viewed-products .prod-img img,
        .left-col-segment .content .viewed-products-last .prod-img img {
            border: 0;
            margin: 0;
            padding: 0;
        }

    .left-col-segment .content .viewed-products .discription,
    .left-col-segment .content .viewed-products-last .discription {
        width: 120px;
        height: 44px;
        text-decoration: none;
        font: bold 11px Arial, sans-serif;
        color: #000;
        float: left;
        overflow: hidden;
    }

.ie9 .left-col-segment .content .viewed-products .discription,
.ie9 .left-col-segment .content .viewed-products-last .discription {
    width: 120px;
    height: 35px;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #000;
    font-weight: bold;
    float: left;
    overflow: hidden;
    padding: 0 0 5px 0;
}

.left-col-segment .content .viewed-products .discription a,
.left-col-segment .content .viewed-products-last .discription a {
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #000;
    font-weight: bold;
}

    .left-col-segment .content .viewed-products .discription a:hover,
    .left-col-segment .content .viewed-products-last .discription a:hover {
        text-decoration: underline;
    }

.left-col-segment .content .viewed-products .stars {
    margin: 3px 20px 0 0;
    padding: 0;
    border: 0;
    float: left;
}

.left-col-segment .content .viewed-products .stars-sm,
.left-col-segment .middle .content .viewed-products-last .stars-sm {
    margin: 0px 20px 0 0;
    padding: 0;
    border: 0;
    float: left;
}

    .left-col-segment .content .viewed-products .stars-sm img,
    .left-col-segment .content .viewed-products-last .stars-sm img {
        border: 0;
        padding: 0;
        margin: 0;
    }

.left-col-segment .content .viewed-products .price,
.left-col-segment .content .viewed-products-last .price {
    margin: 5px 0 0 0px;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    float: left;
}

    .left-col-segment .content .viewed-products .price .crossed-out,
    .left-col-segment .content .viewed-products-last .price .crossed-out {
        margin: 0;
        padding: 0 0 0 5px;
        color: #bababa;
        font: bold 14px Arial, sans-serif;
        text-decoration: line-through;
        display: inline;
        text-align: left;
    }

/* -----------End Left column ---------*/

/* -----------Search results section  ---------*/

#display-results {
    width: 715px;
    float: left;
}

#display-results-header {
    width: 693px;
    float: left;
    font: bold 13px Arial, Helvetica, sans-serif;
    border: 1px solid #d5d5d5;
    padding: 6px 10px 5px 10px;
    margin: 0;
    background-color: #F3F3F3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
}

    #display-results-header .left {
        width: 5px;
        height: 41px;
        background: url(/i/ui/display-results-left.png) no-repeat left top;
        float: left;
    }

    #display-results-header .middle {
        height: 39px;
        width: 690px;
        float: left;
        background: #e9e9e9;
        border-top: 1px solid #d5d5d5;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #d5d5d5;
        padding-right: 15px;
    }

/* start 4 column Set FREEBIES type of page -----*/

#display-reslt4c {
    width: 960px;
    float: left;
    margin: 0 0 0 15px;
}

.display-reslt4c-header {
    width: 938px;
    float: left;
    font: bold 13px Arial, Helvetica, sans-serif;
    border: 1px solid #d5d5d5;
    padding: 7px 10px 6px 10px;
    margin: 0;
    background-color: #F3F3F3;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
}

.display-reslt4c-content {
    width: 958px;
    float: left;
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
}

.display-reslt4c-footer {
    width: 938px;
    float: left;
    font: bold 13px Arial, Helvetica, sans-serif;
    border: 1px solid #d5d5d5;
    padding: 7px 10px 6px 10px;
    margin: 0 0 10px 0;
    background-color: #F3F3F3;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
}

/* Please Wait Button */

input.Btn_Waiting {
    width: 120px;
    background-image: url('/i/or/icon/loading.gif');
    background-position: left;
    background-repeat: no-repeat;
    background-color: #f8f8f8;
}

    input.Btn_Waiting:hover {
        width: 120px;
        background-image: url('/i/or/icon/loading.gif');
        background-position: left;
        background-repeat: no-repeat;
        background-color: #f8f8f8;
    }

/* these are unested pagination pieces */

p.revmyprod-indexer {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 0 5px 0 10px;
    float: left;
    color: #3E3E3E;
}

p.display-items {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 0 5px 0 10px;
    float: left;
    color: #3E3E3E;
}

p.display-items-mypg {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 8px 5px 0 108px;
    float: left;
    color: #3E3E3E;
}

p.display-items-mypgbt {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 8px 5px 0 25px;
    float: left;
    color: #3E3E3E;
}

p.pagination {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 0 0 0 10px;
    color: #7E7E7E;
    float: left;
}

p.pagination-mypg {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 8px 0 0 35px;
    float: left;
    color: #7E7E7E;
}

p.pagination-mypgbt {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 8px 25px 0 0;
    float: right;
    color: #7E7E7E;
}

p.pagination a {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 0 4px 0 4px;
    text-decoration: none;
}

p.display-items-L {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 0px 0 0 10px;
    float: left;
    color: #3E3E3E;
}

p.pagination-R {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 0px 0 0 10px;
    float: right;
    color: #7E7E7E;
}

p.pagination span {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 0 4px 0 4px;
    text-decoration: none;
}

.ru p.pagination span, .es p.pagination span {
    font: normal 12px Arial, sans-serif;
}

p.pagination a:hover {
    text-decoration: underline;
}

.sort-by-relevance {
    float: right;
    text-align: left;
    font: normal 13px Arial, sans-serif;
    color: #3E3E3E;
}

    .sort-by-relevance img {
        border: 0;
    }

.saved-folders {
    float: left;
    margin-top: 15px;
    text-align: left;
    font: normal 13px Arial, sans-serif;
    color: #3E3E3E;
    width: 60px;
}

/* end unested pagination pieces */

.suppliersrch {
    float: left;
    margin-top: 9px;
    text-align: left;
    font: normal 13px Arial, sans-serif;
    color: #3E3E3E;
}

#display-results-header .right {
    width: 5px;
    height: 41px;
    float: left;
    background: url(/i/ui/display-results-right.png) no-repeat left top;
}

#display-results-content {
    width: 713px;
    float: left;
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
}

.myacc-content-header {
    width: 715px;
    height: 41px;
    float: left;
}

    .myacc-content-header .left {
        width: 5px;
        height: 41px;
        background: url(/i/ui/display-results-left.png) no-repeat left top;
        float: left;
    }

    .myacc-content-header .right {
        width: 5px;
        height: 41px;
        float: left;
        background: url(/i/ui/display-results-right.png) no-repeat left top;
    }

    .myacc-content-header .middle {
        height: 39px;
        width: 690px;
        float: left;
        background: #e9e9e9;
        border-top: 1px solid #d5d5d5;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #d5d5d5;
        padding-right: 15px;
    }

.myacc-content {
    width: 683px;
    float: left;
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 20px 15px 20px 15px;
    background-color: #FFF;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-top-left-radius: 0;
    -o-border-top-right-radius: 0;
    -o-border-bottom-left-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

.myacc-newFolder {
    width: 400px;
    float: left;
    border: 1px solid #d5d5d5;
    padding: 20px 15px 20px 15px;
    background-color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

.myacc-orderhistory {
    width: 713px;
    float: left;
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 0px 0px 20px 0px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-top-left-radius: 0;
    -o-border-top-right-radius: 0;
    -o-border-bottom-left-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

.myacc-mypage {
    width: 673px;
    float: left;
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 20px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-top-left-radius: 0;
    -o-border-top-right-radius: 0;
    -o-border-bottom-left-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

.myacc-prod-review-container {
    width: 713px;
    float: left;
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    padding: 0px 0px 20px 0px;
}

.myAccGrayBox {
    width: 187px;
    height: 325px;
    float: left;
    padding: 9px 15px 15px 15px;
    margin: 6px 4px 6px 4px;
}

.myAccEmpty {
    width: 100%;
    float: left;
    padding: 20px 20px 5px 20px;
}

.myaccTotalBox {
    width: 185px;
    height: 246px;
    float: right;
    background-color: #e9e9e9;
    border: 1px solid #DBDBDB;
    padding: 15px 15px 15px 15px;
    margin: 6px 4px 6px 4px;
}

.addrBookBox {
    width: 185px;
    float: left;
    background-color: #e9e9e9;
    border: 1px solid #DBDBDB;
    padding: 15px 15px 15px 15px;
    margin: 6px 4px 6px 4px;
}

.addrBookBoxDefault {
    width: 185px;
    float: left;
    background: #fffed1;
    border: 1px solid #d5d5d5;
    padding: 15px 15px 15px 15px;
    margin: 6px 4px 6px 4px;
}

/* --------- PROD SLOTS------------*/

#display-results-content .prodSlot {
    float: left;
    width: 160px;
    height: 290px;
    padding: 10px 4px 5px 14px;
}

    #display-results-content .prodSlot img.prodImage {
        border: 0;
        margin: auto;
        float: left;
        clear: both;
    }

.imgHold {
    float: left;
    width: 120px;
    height: 120px;
    padding: 5px 0 20px 0;
}

#display-results-content .prodSlot p.star-ratings {
    margin: 0;
    padding: 3px 0 0 8px;
    color: #1c359d;
    font: normal 13px Arial, sans-serif;
    float: left;
}

    #display-results-content .prodSlot p.star-ratings a {
        color: #1c359d;
        font: normal 13px Arial, sans-serif;
        text-decoration: none;
        vertical-align: middle;
    }

        #display-results-content .prodSlot p.star-ratings a:hover {
            text-decoration: underline;
        }

/* Modified here */

#display-results-content .prodSlot .price {
    font: bold 18px Arial, sans-serif;
    color: #000;
    margin: 0;
    padding: 0;
    float: left;
    width: 150px;
}

.srp {
    margin: 0 0 2px 0;
    padding: 3px 0 0 3px;
    color: #666;
    font: normal 13px Arial, sans-serif;
}

.crossed-out-price-big {
    margin: 0 0 0 7px;
    padding: 3px 0 0 0;
    color: #bababa;
    font: normal 22px Arial, sans-serif;
    text-decoration: line-through;
    float: left;
}

.othercr {
    float: left;
    font: bold 15px Arial, sans-serif;
    color: #333;
    padding: 8px 0 0 7px;
}

/* end Modified here */

#display-results-content .prodSlot .stars {
    width: 95px;
    float: left;
    margin: 0;
}

    #display-results-content .prodSlot .stars a img,
    #display-results-content .prodSlot .stars a:hover img {
        border: 0;
        margin: 0;
        padding: 0;
        vertical-align: middle;
    }

#display-results-content .prodSlot p.description {
    font: bold 12px Arial, sans-serif;
    color: #000;
    padding: 5px 0 8px 0;
    clear: both;
    height: 38px;
    overflow: hidden;
    margin: 0 0 8px 0;
}

.ie9 #display-results-content .prodSlot p.description {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    padding: 5px 0 3px 0;
    height: 40px;
    overflow: hidden;
    margin: 0 0 9px 0;
}

#display-results-content .prodSlot p.description a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
}

    #display-results-content .prodSlot p.description a:hover {
        text-decoration: underline;
    }

/*---- green button-----*/

.prodSlot .bt-add-tocart {
    float: left;
    width: 95px;
    height: 21px;
    margin: 0;
}

    .prodSlot .bt-add-tocart .left {
        width: 4px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-green-addtocart-left.png) no-repeat left top;
    }

    .prodSlot .bt-add-tocart .midle {
        width: 85px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-green-addtocart-middle.png) repeat-x top;
    }

        .prodSlot .bt-add-tocart .midle input {
            text-decoration: none;
            width: 85px;
            background: none;
            cursor: pointer;
            font-family: Arial, sans-serif;
            border: none;
            font-size: 11px;
            color: #fff;
            font-weight: bold;
            text-align: center;
            display: block;
            margin: 3px 0 0 0px;
        }

.ie7 .prodSlot .bt-add-tocart .midle input {
    margin: 1px 0 0 0px;
}

.ie9 .prodSlot .bt-add-tocart .midle input {
    margin: 3px 0 0 0px;
}

.prodSlot .bt-add-tocart .midle input:hover {
    color: #000;
}

.prodSlot .bt-add-tocart .right {
    width: 5px;
    height: 22px;
    float: left;
    background: url(/i/ui/bt-green-addtocart-right.png) no-repeat left top;
}

/*---- ends green button-----*/

/*---- green button wide-----*/

.bt-green-sm-wide {
    float: left;
    height: 21px;
    margin: 0;
}

    .bt-green-sm-wide .left {
        width: 4px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-green-addtocart-left.png) no-repeat left top;
    }

    .bt-green-sm-wide .midle {
        height: 21px;
        float: left;
        background: url(/i/ui/bt-green-addtocart-middle.png) repeat-x top;
    }

        .bt-green-sm-wide .midle input {
            text-decoration: none;
            background: none;
            cursor: pointer;
            font: bold 11px Arial, sans-serif;
            border: none;
            color: #fff;
            text-align: center;
            display: block;
            padding: 2px 7px 0 9px;
        }

        .bt-green-sm-wide .midle a {
            text-decoration: none;
            background: none;
            cursor: pointer;
            font: bold 11px Arial, sans-serif;
            border: none;
            color: #fff;
            text-align: center;
            display: block;
            padding: 2px 7px 0 9px;
        }

            .bt-green-sm-wide .midle a:hover {
                text-decoration: none;
                color: #000;
            }

        .bt-green-sm-wide .midle input:hover {
            text-decoration: none;
            color: #000;
        }

.ie7 .bt-green-sm-wide .midle input {
    padding: 1px 0px 0 0px;
}

    .ie7 .bt-green-sm-wide .midle input:hover {
        text-decoration: none;
        color: #000;
    }

.ie8 .bt-green-sm-wide .midle input {
    padding: 3px 4px 0 4px;
}

    .ie8 .bt-green-sm-wide .midle input:hover {
        text-decoration: none;
        color: #000;
    }

.ie9 .bt-green-sm-wide .midle input {
    margin: 2px 4px 0 4px;
}

    .ie9 .bt-green-sm-wide .midle input:hover {
        text-decoration: none;
        color: #000;
    }

.bt-green-sm-wide .right {
    width: 5px;
    height: 22px;
    float: left;
    background: url(/i/ui/bt-green-addtocart-right.png) no-repeat left top;
}

/*---- ends green button wide---*/

/*---- gray button flexible width-----*/

.bt-gray-flex-width {
    float: left;
    height: 21px;
    margin: 0;
}

    .bt-gray-flex-width .left {
        width: 4px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-gray-sm-left.png) no-repeat left top;
    }

    .bt-gray-flex-width .midle {
        height: 21px;
        float: left;
        background: url(/i/ui/bt-gray-sm-middle.png) repeat-x top;
    }

        .bt-gray-flex-width .midle input {
            text-decoration: none;
            background: none;
            cursor: pointer;
            font: bold 11px Arial, sans-serif;
            border: none;
            color: #000;
            text-align: center;
            display: block;
            background: none;
            border: none;
            padding: 2px 4px 0 4px;
        }

            .bt-gray-flex-width .midle input:hover {
                color: #434950;
                cursor: pointer;
            }

        .bt-gray-flex-width .midle a {
            text-decoration: none;
            font-family: Arial, sans-serif;
            font-size: 11px;
            color: #000;
            font-weight: bold;
            text-align: center;
            display: block;
            margin: 3px 0 0 0;
        }

            .bt-gray-flex-width .midle a:hover {
                color: #434950;
            }

.ie7 .bt-gray-flex-width .midle input {
    padding: 1px 0px 0 0px;
}

    .ie7 .bt-gray-flex-width .midle input:hover {
        text-decoration: none;
        color: #000;
    }

.ie8 .bt-gray-flex-width .midle input {
    padding: 3px 4px 0 4px;
}

    .ie8 .bt-gray-flex-width .midle input:hover {
        text-decoration: none;
        color: #000;
    }

.ie9 .bt-gray-flex-width .midle input {
    margin: 2px 4px 0 4px;
}

    .ie9 .bt-gray-flex-width .midle input:hover {
        text-decoration: none;
        color: #000;
    }

.bt-gray-flex-width .right {
    width: 5px;
    height: 22px;
    float: left;
    background: url(/i/ui/bt-gray-sm-right.png) no-repeat left top;
}

/*---- ends gray button flexible width---*/

/*----  Orange button small -----*/

.bt-orange-sm {
    float: left;
    width: 95px;
    height: 21px;
    margin: 2px 0 0 0;
}

    .bt-orange-sm .left {
        width: 4px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-orange-sm-left.png) no-repeat left top;
    }

    .bt-orange-sm .midle {
        width: 85px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-orange-sm-middle.png) repeat-x top;
    }

        .bt-orange-sm .midle input {
            width: 80px;
            text-decoration: none;
            font-family: Arial, sans-serif;
            font-size: 11px;
            color: #fff;
            font-weight: bold;
            text-align: center;
            display: block;
            background: none;
            margin: 2px 0 0 2px;
            border: none;
        }

            .bt-orange-sm .midle input:hover {
                color: #000;
                cursor: pointer;
            }

        .bt-orange-sm .midle a {
            text-decoration: none;
            font-family: Arial, sans-serif;
            font-size: 11px;
            color: #fff;
            font-weight: bold;
            text-align: center;
            display: block;
            margin: 3px 0 0 0;
        }

            .bt-orange-sm .midle a:hover {
                color: #000;
            }

    .bt-orange-sm .right {
        width: 5px;
        height: 22px;
        float: left;
        background: url(/i/ui/bt-orange-sm-right.png) no-repeat left top;
    }

/*---- ends orange button small-----*/

/*---- Orange button flexible width-----*/

.bt-orange-flex-width {
    float: left;
    height: 21px;
    margin: 0;
}

    .bt-orange-flex-width .left {
        width: 4px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-orange-sm-left.png) no-repeat left top;
    }

    .bt-orange-flex-width .midle {
        height: 21px;
        float: left;
        background: url(/i/ui/bt-orange-sm-middle.png) repeat-x top;
    }

        .bt-orange-flex-width .midle input {
            text-decoration: none;
            background: none;
            cursor: pointer;
            font: bold 11px Arial, sans-serif;
            border: none;
            color: #fff;
            text-align: center;
            display: block;
            background: none;
            border: none;
            padding: 2px 7px 0 9px;
        }

            .bt-orange-flex-width .midle input:hover {
                color: #000;
                cursor: pointer;
            }

        .bt-orange-flex-width .midle a {
            text-decoration: none;
            font-family: Arial, sans-serif;
            font-size: 11px;
            color: #fff;
            font-weight: bold;
            text-align: center;
            display: block;
            margin: 3px 7px 0 9px;
        }

            .bt-orange-flex-width .midle a:hover {
                color: #000;
            }

.ie7 .bt-orange-flex-width .midle input {
    padding: 1px 0px 0 0px;
}

    .ie7 .bt-orange-flex-width .midle input:hover {
        text-decoration: none;
        color: #000;
    }

.ie8 .bt-orange-flex-width .midle input {
    padding: 3px 4px 0 4px;
}

    .ie8 .bt-orange-flex-width .midle input:hover {
        text-decoration: none;
        color: #000;
    }

.ie9 .bt-orange-flex-width .midle input {
    margin: 2px 4px 0 4px;
}

    .ie9 .bt-orange-flex-width .midle input:hover {
        text-decoration: none;
        color: #000;
    }

.bt-orange-flex-width .right {
    width: 5px;
    height: 22px;
    float: left;
    background: url(/i/ui/bt-orange-sm-right.png) no-repeat left top;
}

/*---- ends Orange button flexible width---*/

.bt-container {
    float: left;
    margin: 0 0 0 25px;
    width: 75%;
    clear: both;
}

/*---- green button Not Nested-----*/

.bt-add-tocart {
    float: left;
    width: 95px;
    height: 21px;
    margin: 0;
}

    .bt-add-tocart.fRight {
        float: right;
    }

    .bt-add-tocart .left {
        width: 4px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-green-addtocart-left.png) no-repeat left top;
    }

    .bt-add-tocart .midle {
        width: 85px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-green-addtocart-middle.png) repeat-x top;
    }

        .bt-add-tocart .midle a {
            text-decoration: none;
            font: bold 11px Arial, sans-serif;
            color: #fff;
            text-align: center;
            display: block;
            margin: 3px 0 0 0;
        }

            .bt-add-tocart .midle a:hover {
                color: #000;
            }

        .bt-add-tocart .midle input {
            text-decoration: none;
            width: 85px;
            background: none;
            cursor: pointer;
            font: bold 11px Arial, sans-serif;
            border: none;
            color: #fff;
            text-align: center;
            display: block;
            margin: 3px 0 0 0px;
        }

            .bt-add-tocart .midle input:hover {
                text-decoration: none;
                color: #000;
            }

.ie7 .bt-add-tocart .midle input {
    margin: 1px 0 0 0px;
}

.ie9 .bt-add-tocart .midle input {
    margin: 3px 0 0 0px;
}

.bt-add-tocart .right {
    width: 5px;
    height: 22px;
    float: left;
    background: url(/i/ui/bt-green-addtocart-right.png) no-repeat left top;
}

/*---- ends green button not nested----*/

/*---- gray button small -----*/

.prodSlot .bt-gray-sm {
    float: left;
    width: 95px;
    height: 21px;
    margin: 0;
}

    .prodSlot .bt-gray-sm .left {
        width: 4px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-gray-sm-left.png) no-repeat left top;
    }

    .prodSlot .bt-gray-sm .midle {
        width: 85px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-gray-sm-middle.png) repeat-x top;
    }

        .prodSlot .bt-gray-sm .midle input {
            text-decoration: none;
            font-family: Arial, sans-serif;
            font-size: 11px;
            color: #434950;
            font-weight: bold;
            text-align: center;
            display: block;
            background: none;
            margin: 3px 0 0 0;
        }

            .prodSlot .bt-gray-sm .midle input:hover {
                color: #000;
            }

    .prodSlot .bt-gray-sm .right {
        width: 5px;
        height: 22px;
        float: left;
        background: url(/i/ui/bt-gray-sm-right.png) no-repeat left top;
    }

/*---- ends gray button small-----*/

/*----  gray button small -----*/

.bt-gray-sm {
    float: left;
    width: 95px;
    height: 21px;
    margin: 2px 0 0 0;
}

    .bt-gray-sm .left {
        width: 4px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-gray-sm-left.png) no-repeat left top;
    }

    .bt-gray-sm .midle {
        width: 85px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-gray-sm-middle.png) repeat-x top;
    }

        .bt-gray-sm .midle input {
            width: 80px;
            text-decoration: none;
            font-family: Arial, sans-serif;
            font-size: 11px;
            color: #000;
            font-weight: normal;
            text-align: center;
            display: block;
            background: none;
            margin: 3px 0 0 2px;
            border: none;
        }

            .bt-gray-sm .midle input:hover {
                color: #434950;
                cursor: pointer;
            }

        .bt-gray-sm .midle a {
            text-decoration: none;
            font-family: Arial, sans-serif;
            font-size: 11px;
            color: #000;
            font-weight: normal;
            text-align: center;
            display: block;
            margin: 3px 0 0 0;
        }

            .bt-gray-sm .midle a:hover {
                color: #434950;
            }

    .bt-gray-sm .right {
        width: 5px;
        height: 22px;
        float: left;
        background: url(/i/ui/bt-gray-sm-right.png) no-repeat left top;
    }

/*---- ends gray button small-----*/

/*----  yellow button small -----*/

.bt-yellow-sm {
    float: left;
    width: 95px;
    height: 21px;
    margin: 2px 0 0 0;
}

    .bt-yellow-sm .left {
        width: 4px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-yellow-sm-left.png) no-repeat left top;
    }

    .bt-yellow-sm .midle {
        width: 85px;
        height: 21px;
        float: left;
        background: url(/i/ui/bt-yellow-sm-middle.png) repeat-x top;
    }

        .bt-yellow-sm .midle input {
            width: 80px;
            text-decoration: none;
            font-family: Arial, sans-serif;
            font-size: 11px;
            color: #000;
            font-weight: normal;
            text-align: center;
            display: block;
            background: none;
            margin: 3px 0 0 2px;
            border: none;
        }

            .bt-yellow-sm .midle input:hover {
                color: #434950;
                cursor: pointer;
            }

        .bt-yellow-sm .midle a {
            text-decoration: none;
            font-family: Arial, sans-serif;
            font-size: 11px;
            color: #000;
            font-weight: normal;
            text-align: center;
            display: block;
            margin: 3px 0 0 0;
        }

            .bt-yellow-sm .midle a:hover {
                color: #434950;
            }

    .bt-yellow-sm .right {
        width: 5px;
        height: 22px;
        float: left;
        background: url(/i/ui/bt-yellow-sm-right.png) no-repeat left top;
    }

/*---- ends yellow button small-----*/

/* -----------End Search results section  ---------*/

#display-results-footer {
    width: 693px;
    float: left;
    margin: 0 0 20px 0;
    border: 1px solid #d5d5d5;
    padding: 6px 10px 5px 10px;
    margin: 0 0 10px 0;
    background-color: #F3F3F3;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -o-border-bottom-left-radius: 5px;
}

    #display-results-footer .left {
        width: 5px;
        height: 41px;
        background: url(/i/ui/display-results-left-bottom.png) no-repeat left top;
        float: left;
    }

    #display-results-footer .middle {
        clear: both;
        height: 39px;
        width: 705px;
        float: left;
        background: #e9e9e9;
        border-top: 1px solid #d5d5d5;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #d5d5d5;
    }

    #display-results-footer .right {
        width: 5px;
        height: 41px;
        float: left;
        background: url(/i/ui/display-results-right-bottom.png) no-repeat left top;
    }


/* -----------End Search results type pages content ---------*/

/* -----------global css      ---------*/

h1 {
    font: bold 20px Arial, sans-serif;
    color: #000;
    margin: 25px 0 0 15px;
    display: block;
}

    h1 a {
        font: bold 20px Arial, sans-serif;
        color: #000;
        text-decoration: none;
    }

        h1 a:hover {
            text-decoration: underline;
        }

h2 {
    font: bold 12px Arial, sans-serif;
    color: #000;
    margin: 5px 0 10px 15px;
    display: block;
}

    h2 a {
        text-decoration: none;
        font: bold 12px Arial, sans-serif;
        color: #458500;
    }

        h2 a:hover {
            text-decoration: underline;
        }

.warning-msg {
    font: bold 13px Arial, sans-serif;
    color: #F30;
    margin: 5px 0 10px 15px;
    float: left;
    width: 100%;
}

#rounded-corner-box .box-middle h1 {
    font: bold 17px Arial, sans-serif;
    color: #000;
    margin: 0 0px 25px 0px;
    display: block;
}

#rounded-corner-box .box-middle h2 {
    text-decoration: none;
    font: bold 13px Arial, sans-serif;
    color: #000;
    margin: 0px 0px 20px 0px;
}

h3 {
    font: bold 17px Arial, sans-serif;
    color: #000;
    margin: 0;
    display: block;
}

    h3 a {
        font: bold 17px Arial, sans-serif;
        color: #000;
        text-decoration: none;
    }

        h3 a:hover {
            text-decoration: underline;
        }

h6 {
    text-decoration: none;
    font: bold 14px Arial, sans-serif;
    color: #000;
    margin: 0;
    padding: 15px 0 8px 8px;
}

#display-results-header .middle h1 {
    font: bold 20px Arial, sans-serif;
    color: #000;
    margin: 9px 0 0 15px;
    display: block;
    width: 400px;
    float: left;
}

.myacc-content-header .middle h1 {
    font: bold 20px Arial, sans-serif;
    color: #000;
    margin: 9px 0 0 15px;
    display: block;
    float: left;
}

.add-more {
    float: left;
    margin: 5px 0 0 15px;
    width: 200px;
}

    .add-more a {
        text-decoration: none;
    }

.add-moreprdc {
    float: left;
    margin: 7px 0 0 15px;
    width: 200px;
}

    .add-moreprdc a {
        text-decoration: none;
    }

.greyTitleBox-noBc h1 {
    font: bold 20px Arial, sans-serif;
    color: #000;
    margin: 6px 0 0 17px;
    display: block;
    float: left;
}

a.blue11 {
    font: normal 11px Arial, sans-serif;
}

a.blue12 {
    font: normal 12px Arial, sans-serif;
}

a.blue12b {
    font: bold 12px Arial, sans-serif;
}

a.gray11 {
    text-decoration: none;
    font: normal 11px Arial, sans-serif;
}

    a.gray11:hover {
        text-decoration: underline;
    }

a.black12 {
    text-decoration: none;
    font: normal 12px Arial, sans-serif;
}

    a.black12:hover {
        text-decoration: underline;
    }

a.black13 {
    text-decoration: none;
    font: normal 13px Arial, sans-serif;
}

    a.black13:hover {
        text-decoration: underline;
    }

a.white11 {
    text-decoration: none;
    font: normal 11px Arial, sans-serif;
    color: #fff;
}

    a.white11:hover {
        text-decoration: underline;
    }

a.white11b {
    text-decoration: none;
    font: bold 11px Arial, sans-serif;
    color: #fff;
}

    a.white11b:hover {
        text-decoration: underline;
    }

a.red11bu {
    text-decoration: none;
    font: bold 11px Arial, sans-serif;
    color: #F30;
    letter-spacing: 0.07em;
    padding: 3px;
    border: 1px solid #FFCF9F;
    background: none;
    background-color: #FFFFD7;
}

    a.red11bu:hover {
        text-decoration: none;
        color: #900;
    }

a.red11 {
    font: normal 11px Arial, sans-serif;
    color: #f10200;
    text-decoration: none;
}

    a.red11:hover {
        color: #f10200;
        text-decoration: underline;
    }

a.red11b {
    font: bold 11px Arial, sans-serif;
    color: #f10200;
    text-decoration: none;
}

    a.red11b:hover {
        color: #f10200;
        text-decoration: underline;
    }

a.orange12 {
    font: normal 12px Arial, sans-serif;
    color: #ff6600;
    text-decoration: none;
}

    a.orange12:hover {
        text-decoration: underline;
    }

a.orange12b {
    font: bold 12px Arial, sans-serif;
    color: #ff6600;
    text-decoration: none;
}

    a.orange12b:hover {
        text-decoration: underline;
    }

div.prodOverviewDetail {
    color: #3a3134;
    font: normal 13px/20px Arial, sans-serif;
    margin: 0;
    padding: 0 30px 15px 0;
}

    div.prodOverviewDetail p {
        padding: 5px 0 5px 0px;
        font: normal 13px/20px Arial, sans-serif;
    }

div.prodOverviewIngred {
    color: #3a3134;
    font: normal 13px/20px Arial, sans-serif;
    margin: 0;
    padding: 0 10px 15px 0;
}

    div.prodOverviewIngred p {
        color: #3a3134;
        font: normal 13px/20px Arial, sans-serif;
    }

p.gray13b-nom {
    color: #3a3134;
    font: bold 13px/20px Arial, sans-serif;
    margin: 0;
    padding: 0;
}

p.gray13-nom {
    color: #3a3134;
    font: normal 13px/20px Arial, sans-serif;
    margin: 0;
    padding: 0;
}

p.orange15-title {
    color: #f08a23;
    font: normal 15px/20px Arial, sans-serif;
    margin: 0;
    padding: 0 0px 0px 0px;
}

p.orange15b-title {
    color: #f08a23;
    font: bold 15px/20px Arial, sans-serif;
    margin: 0;
    padding: 0;
}

p.black15-title {
    color: #000;
    font: normal 15px/20px Arial, sans-serif;
    margin: 0;
    padding: 0 35px 0px 40px;
}

p.black15b-title {
    color: #000;
    font: bold 15px/20px Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.fGreen11 {
    font: normal 11px Arial, sans-serif;
    color: #197b2a;
}

.fGreen11b {
    font: bold 11px Arial, sans-serif;
    color: #197b2a;
}

.fGreen13 {
    font: normal 13px Arial, sans-serif;
    color: #197b2a;
}

.fGreen13b {
    font: bold 13px Arial, sans-serif;
    color: #197b2a;
}

.red11 {
    font: normal 11px Arial, sans-serif;
    color: #f10200;
}

.red11b {
    font: bold 11px Arial, sans-serif;
    color: #f10200;
}

.red12 {
    font: normal 12px Arial, sans-serif;
    color: #f10200;
}

.red12b {
    font: bold 12px Arial, sans-serif;
    color: #f10200;
}

.gray14b {
    font: bold 14px Arial, sans-serif;
    color: #3a3134;
}

.red13 {
    font: normal 13px Arial, sans-serif;
    color: #f10200;
}

.red13b {
    font: bold 13px Arial, sans-serif;
    color: #f10200;
}

.red14 {
    font: normal 14px Arial, sans-serif;
    color: #f10200;
}

.red14b {
    font: bold 14px Arial, sans-serif;
    color: #f10200;
}

.red14-padding {
    font: normal 14px Arial, sans-serif;
    color: #f10200;
    padding: 0 0 10px 0;
}

.red14b-padding {
    font: bold 14px Arial, sans-serif;
    color: #f10200;
    padding: 0 0 10px 0;
}

.orange12 {
    font: normal 12px Arial, sans-serif;
    color: #ff6600;
}

.orange12b {
    font: bold 12px Arial, sans-serif;
    color: #ff6600;
}

.orange13 {
    font: normal 13px Arial, sans-serif;
    color: #ff6600;
}

.orange13b {
    font: bold 13px Arial, sans-serif;
    color: #ff6600;
}

.orange14 {
    font: normal 14px Arial, sans-serif;
    color: #ff6600;
}

.orange14b {
    font: bold 14px Arial, sans-serif;
    color: #ff6600;
}

.orange14-padding {
    font: normal 14px Arial, sans-serif;
    color: #ff6600;
    padding: 0 0 10px 0;
}

.orange14b-padding {
    font: bold 14px Arial, sans-serif;
    color: #ff6600;
    padding: 0 0 10px 0;
}

.orange15 {
    font: normal 15px Arial, sans-serif;
    color: #ff6600;
}

.orange15b {
    font: bold 15px Arial, sans-serif;
    color: #ff6600;
}

.orange30b {
    font: bold 30px Arial, sans-serif;
    color: #ff6600;
}

.green12 {
    font: normal 12px Arial, sans-serif;
    color: #197b2a;
}

.green12b {
    font: bold 12px Arial, sans-serif;
    color: #197b2a;
}

.green13 {
    font: normal 13px Arial, sans-serif;
    color: #197b2a;
}

.green13b {
    font: bold 13px Arial, sans-serif;
    color: #197b2a;
}

.green14 {
    font: normal 14px Arial, sans-serif;
    color: #197b2a;
}

.green14b {
    font: bold 14px Arial, sans-serif;
    color: #197b2a;
}

.green15 {
    font: normal 15px Arial, sans-serif;
    color: #197b2a;
}

.green15b {
    font: bold 15px Arial, sans-serif;
    color: #197b2a;
}

.green20b {
    font: bold 20px Arial, sans-serif;
    color: #197b2a;
}

.green23b {
    font: bold 23px Arial, sans-serif;
    color: #197b2a;
}

.white11 {
    font: normal 11px Arial, sans-serif;
    color: #fff;
}

.white11b {
    font: bold 11px Arial, sans-serif;
    color: #fff;
}

.white12 {
    font: normal 12px Arial, sans-serif;
    color: #fff;
}

.white12b {
    font: bold 12px Arial, sans-serif;
    color: #fff;
}

.blue11 {
    font: normal 11px Arial, sans-serif;
    color: #009;
}

.blue11b {
    font: bold 11px Arial, sans-serif;
    color: #009;
}

.blue13b {
    font: bold 13px Arial, sans-serif;
    color: #1C359D;
}

.gray11 {
    font: normal 11px Arial, sans-serif;
    color: #3a3134;
}

.gray11b {
    font: bold 11px Arial, sans-serif;
    color: #3a3134;
}

.gray12 {
    font: normal 12px Arial, sans-serif;
    color: #3a3134;
}

.gray12-18 {
    font: normal 12px/18px Arial, sans-serif;
    color: #3a3134;
}

.gray12b-18 {
    font: bold 12px/18px Arial, sans-serif;
    color: #3a3134;
}

.gray12b {
    font: bold 12px Arial, sans-serif;
    color: #3a3134;
}

.gray12padding-bt {
    font: normal 12px Arial, sans-serif;
    color: #3a3134;
    padding: 0 0 8px 0;
}

.gray12bpadding-bt {
    font: bold 12px Arial, sans-serif;
    color: #3a3134;
    padding: 0 0 8px 0;
}

.gray12padding-bt p {
    font: normal 12px Arial, sans-serif;
    color: #3a3134;
    padding: 0 0 8px 0;
}

.gray12bpadding-bt p {
    font: bold 12px Arial, sans-serif;
    color: #3a3134;
    padding: 0 0 8px 0;
}

.gray13 {
    font: normal 13px Arial, sans-serif;
    color: #3a3134;
}

.gray13b {
    font: bold 13px Arial, sans-serif;
    color: #3a3134;
}

.gray13-20 {
    font: normal 13px/20px Arial, sans-serif;
    color: #3a3134;
}

.gray13b-20 {
    font: bold 13px/20px Arial, sans-serif;
    color: #3a3134;
}

.gray13-20padding-bt {
    font: normal 13px/20px Arial, sans-serif;
    color: #3a3134;
    padding: 0 0 12px 0;
}

.gray13b-20padding-bt {
    font: bold 13px/20px Arial, sans-serif;
    color: #3a3134;
    padding: 0 0 12px 0;
}

.gray13padding-bt {
    font: normal 13px Arial, sans-serif;
    color: #3a3134;
    padding: 0 0 8px 0;
}

.gray13bpadding-bt {
    font: bold 13px Arial, sans-serif;
    color: #3a3134;
    padding: 0 0 8px 0;
}

.gray14b {
    font: bold 14px Arial, sans-serif;
    color: #3a3134;
}

.gray14 {
    font: normal 14px Arial, sans-serif;
    color: #3a3134;
}

.gray15b {
    font: bold 15px Arial, sans-serif;
    color: #3a3134;
}

.gray15 {
    font: normal 15px Arial, sans-serif;
    color: #3a3134;
}

.gray16b {
    font: bold 15px Arial, sans-serif;
    color: #3a3134;
}

.gray16 {
    font: normal 15px Arial, sans-serif;
    color: #3a3134;
}

.gray17b {
    font: bold 17px Arial, sans-serif;
    color: #3a3134;
}

.gray17 {
    font: normal 17px Arial, sans-serif;
    color: #3a3134;
}

.grayL13 {
    font: normal 13px Arial, sans-serif;
    color: #666;
}

.black11b {
    font: bold 11px Arial, sans-serif;
    color: #000;
}

.black11 {
    font: normal 11px Arial, sans-serif;
    color: #000;
}

.black11-5b {
    font: bold 11.5px Arial, sans-serif;
    color: #000;
}

.black11-5 {
    font: normal 11.5px Arial, sans-serif;
    color: #000;
}

.black12b {
    font: bold 12px Arial, sans-serif;
    color: #000;
}

.black12 {
    font: normal 12px Arial, sans-serif;
    color: #000;
}

.black12b-20 {
    font: bold 12px/20px Arial, sans-serif;
    color: #000;
}

.black12-20 {
    font: normal 12px/20px Arial, sans-serif;
    color: #000;
}

.black12-20padding-bt {
    font: normal 12px/20px Arial, sans-serif;
    color: #000;
    padding: 0 0 10px 0;
}

.black12b-20padding-bt {
    font: bold 12px/20px Arial, sans-serif;
    color: #000;
    padding: 0 0 10px 0;
}

.black12bpadding-bt {
    font: bold 12px Arial, sans-serif;
    color: #000;
    padding: 0 0 8px 0;
}

.black12padding-bt {
    font: normal 12px Arial, sans-serif;
    color: #000;
    padding: 0 0 8px 0;
}

.black13-20padding-bt {
    color: #000;
    font: normal 13px/20px Arial, sans-serif;
    padding: 0 0 6px 0;
}

.black13b-20padding-bt {
    color: #000;
    font: bold 13px/20px Arial, sans-serif;
    padding: 0 0 6px 0;
}

.black13-20padding-bt20 {
    color: #000;
    font: normal 13px/20px Arial, sans-serif;
    padding: 0 0 20px 0;
}

.black13b-20padding-bt20 {
    color: #000;
    font: bold 13px/20px Arial, sans-serif;
    padding: 0 0 20px 0;
}

.black13-20padding-top {
    color: #000;
    font: normal 13px/20px Arial, sans-serif;
    padding: 17px 0 0 0;
}

.black13b-20padding-top {
    color: #000;
    font: bold 13px/20px Arial, sans-serif;
    padding: 17px 0 0 0;
}

.black13-20padding-all {
    color: #000;
    font: normal 13px/20px Arial, sans-serif;
    padding: 20px;
}

.black13-padding {
    color: #000;
    font: normal 13px/20px Arial, sans-serif;
    padding: 0 0 15px 0;
}

.black13b-padding {
    color: #000;
    font: bold 13px/20px Arial, sans-serif;
    margin: 0;
    padding: 0 25px 15px 25px;
}

.black13-20 {
    color: #000;
    font: normal 13px/20px Arial, sans-serif;
}

.black13b-20 {
    font: bold 13px/20px Arial, sans-serif;
    color: #000;
}

.black13 {
    font: normal 13px Arial, sans-serif;
    color: #000;
}

.black13b {
    font: bold 13px Arial, sans-serif;
    color: #000;
}

.black14b {
    font: bold 14px Arial, sans-serif;
    color: #000;
}

.black14 {
    font: normal 14px Arial, sans-serif;
    color: #000;
}

.black15b {
    font: bold 15px Arial, sans-serif;
    color: #000;
}

.black15 {
    font: normal 15px Arial, sans-serif;
    color: #000;
}

.black15b-20 {
    font: bold 15px/20px Arial, sans-serif;
    color: #000;
}

.black15-20 {
    font: normal 15px/20px Arial, sans-serif;
    color: #000;
}

.black16b {
    font: bold 16px Arial, sans-serif;
    color: #000;
}

.black16 {
    font: normal 16px Arial, sans-serif;
    color: #000;
}

.black17b {
    font: bold 17px Arial, sans-serif;
    color: #000;
}

.black17 {
    font: normal 17px Arial, sans-serif;
    color: #000;
}

.black17b-padding {
    font: bold 17px Arial, sans-serif;
    color: #000;
    padding: 0 0 15px 0;
}

.black17-padding {
    font: normal 17px Arial, sans-serif;
    color: #000;
    padding: 0 0 15px 0;
}

.black20 {
    font: normal 20px Arial, sans-serif;
    color: #000;
}

.black20b {
    font: bold 20px Arial, sans-serif;
    color: #000;
}

.black25 {
    font: normal 25px Arial, sans-serif;
    color: #000;
}

.black25b {
    font: bold 25px Arial, sans-serif;
    color: #000;
}

.blue11 {
    font: normal 11px Arial, sans-serif;
    color: #009;
}

.blue11b {
    font: bold 11px Arial, sans-serif;
    color: #009;
}

.blue14 {
    font: normal 14px Arial, sans-serif;
    color: #009;
}

.blue14b {
    font: bold 14px Arial, sans-serif;
    color: #009;
}

a.blue13 {
    font: normal 13px Arial, sans-serif;
    color: #009;
}

a.blue13b {
    font: bold 13px Arial, sans-serif;
    color: #009;
}

a.blue14 {
    font: normal 14px Arial, sans-serif;
    color: #009;
}

a.blue14b {
    font: bold 14px Arial, sans-serif;
    color: #009;
}

ul.black13 {
    color: #000;
    font: bold 13px Arial, sans-serif;
    margin: 15px 0 20px 0;
    padding: 0;
    text-indent: 0px;
}

    ul.black13 li {
        color: #000;
        font: normal 13px Arial, sans-serif;
        list-style: disc;
        margin: 0 0 0 20px;
        padding: 7px 0 0 5px;
    }

ul.gray13 {
    color: #3a3134;
    font: bold 13px Arial, sans-serif;
    margin: 3px 0 0 0;
    padding: 0;
    text-indent: 0px;
}

    ul.gray13 li {
        color: #3a3134;
        font: normal 13px Arial, sans-serif;
        list-style: disc;
        margin: 0 0 0 20px;
        padding: 7px 0 0 5px;
    }

        ul.gray13 li.first {
            color: #3a3134;
            font: normal 13px Arial, sans-serif;
            list-style: disc;
            margin: 0;
            padding: 7px 0 0 5px;
        }

        ul.gray13 li.last {
            color: #3a3134;
            font: normal 13px Arial, sans-serif;
            list-style: disc;
            margin: 0 0 0 20px;
            padding: 7px 0 20px 5px;
        }

ul.blue13 {
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #009;
    margin: 10px 0 13px 20px;
    padding: 0;
}

    ul.blue13 li,
    ul.blue13 a {
        font: normal 13px Arial, Helvetica, sans-serif;
        color: #009;
        padding: 3px 0 3px 0;
        margin: 0;
    }

ul.blue13b {
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #009;
    margin: 10px 0 15px 20px;
    padding: 0;
}

    ul.blue13b li,
    ul.blue13b a {
        font: bold 13px Arial, Helvetica, sans-serif;
        color: #009;
        padding: 3px 0 3px 0;
        margin: 0;
    }

ul.blue12 li,
ul.blue12 a {
    font: normal 13px Arial, Helvetica, sans-serif;
    color: #0043cf;
    padding: 3px 0 3px 0;
    margin: 0;
}

ul.blue12b {
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #0043cf;
    margin: 10px 0 15px 20px;
    padding: 0;
}

    ul.blue12b li,
    ul.blue12b a {
        font: bold 13px Arial, Helvetica, sans-serif;
        color: #0043cf;
        padding: 3px 0 3px 0;
        margin: 0;
    }

ul.blue14b {
    font: bold 14px Arial, Helvetica, sans-serif;
    color: #0043cf;
    margin: 10px 0 15px 20px;
    padding: 0;
}

    ul.blue14b li,
    ul.blue14b a {
        font: bold 14px Arial, Helvetica, sans-serif;
        color: #009;
        padding: 3px 0 3px 0;
        margin: 0;
    }

ul.blue14 {
    font: normal 14px Arial, Helvetica, sans-serif;
    color: #009;
    margin: 10px 0 15px 20px;
    padding: 0;
}

    ul.blue14 li,
    ul.blue14 a {
        font: normal 14px Arial, Helvetica, sans-serif;
        color: #009;
        padding: 3px 0 3px 0;
        margin: 0;
    }

ul.nobullets {
    font: bold 13px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    ul.nobullets li,
    ul.nobullets a {
        font: normal 13px Arial, Helvetica, sans-serif;
        padding: 8px 0 0 0;
        margin: 0;
    }

ul.nobullets-tmr {
    font: bold 17px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 8px 0 0 0;
    list-style-type: none;
}

    ul.nobullets-tmr li {
        font: normal 13px Arial, Helvetica, sans-serif;
        margin: 0 0 0 -5px;
        padding: 8px 0 0 25px;
        list-style-type: none;
        background-image: url(/i/ui/gray-bullet-big.png);
        background-repeat: no-repeat;
        background-position: 0px 7px;
    }

ul.rednobullets-tmr {
    font: bold 13px Arial, Helvetica, sans-serif;
    margin: 20px 0 20px 0px;
    padding: 0;
    list-style-type: none;
    color: #f10200;
}

    ul.rednobullets-tmr li,
    ul.rednobullets-tmr a {
        font: normal 13px Arial, Helvetica, sans-serif;
        padding: 6px 0 0 0;
        margin: 0;
        color: #000;
    }

ul.nobulletsb {
    font: bold 13px Arial, Helvetica, sans-serif;
    margin: 10px 0 15px 0px;
    padding: 0;
    list-style-type: none;
}

    ul.nobulletsb li,
    ul.nobulletsb a {
        font: bold 13px Arial, Helvetica, sans-serif;
        padding: 3px 0 3px 0;
        margin: 0;
    }

ul.col {
    font: bold 13px Arial, Helvetica, sans-serif;
    list-style-type: none;
    width: 150px;
    float: left;
    margin: 15px 0 15px 25px;
}

    ul.col li {
        font: normal 13px Arial, Helvetica, sans-serif;
        padding: 3px 0 3px 0;
        margin: 0;
    }

ol.green13 {
    font: bold 13px Arial, Helvetica, sans-serif;
    list-style-type: decimal;
    float: left;
    margin: 15px 0 15px 25px;
    padding: 0;
    color: #197b2a;
}

    ol.green13 li {
        font: normal 13px Arial, Helvetica, sans-serif;
        padding: 3px 0 3px 25px;
        margin: 0;
        color: #197b2a;
    }

ol.black13 {
    font: bold 13px Arial, Helvetica, sans-serif;
    list-style-type: decimal;
    float: left;
    padding: 0 5px 0 0px;
    margin: 7px 0 15px 0px;
    color: #000;
    list-style-position: outside;
    text-align: left;
}

    ol.black13 li {
        font: normal 13px Arial, Helvetica, sans-serif;
        padding: 10px 0 0 5px;
        margin: 0 0 0 25px;
        color: #000;
    }

h5 {
    font: bold 13px Arial, sans-serif;
    color: #3a3134;
    margin: 0 0 3px 0;
}

    h5.nom {
        font: bold 13px Arial, sans-serif;
        color: #3a3134;
        margin: 0;
    }

.titles {
    font: bold 16px Arial, sans-serif;
    color: #000;
    margin: 5px 0 7px 0;
}

table.nobrd {
    border: 0;
}

table {
    margin: auto;
    text-align: left;
}

    table.orderhistory {
        border-collapse: collapse;
        margin: auto;
        border-top: none;
        border-right: none;
        border-left: none;
        border-bottom: 0px solid #d5d5d5;
        text-align: left;
    }

        table.orderhistory img {
            vertical-align: text-bottom;
            float: left;
            margin: 0 3px 3px 0;
            display: inline;
        }

    table.alighnleft {
        margin: 0;
    }

tr {
    margin: auto;
    border-bottom: 1px solid #d5d5d5;
}

    tr.color {
        background-color: #FDFFF4;
    }

    tr.bottom {
        margin: auto;
        border-bottom: none;
    }

th {
    color: #000;
    padding: 9px;
    text-align: left;
    background-color: #f5f5f5;
    font: bold 12px Arial, sans-serif;
}

td {
    font: normal 12px Arial, sans-serif;
    color: #000;
    padding: 10px;
    text-align: left;
}

/* ----------- end global css ---------*/

/* start Left Nav View all  -->Needs nesting<---------*/

.bt-close {
    width: 17px;
    height: 17px;
    float: right;
}

    .bt-close img {
        border: 0;
        margin: 0;
        padding: 0;
    }

.left-col-segment .leftNav-viewAll,
.left-col-segment .middle .leftNav-viewAll {
    width: 755px;
    height: 850px;
    float: left;
    z-index: 2000 !important;
    position: absolute;
    margin: -360px 0 0 208px;
    border: none;
}

    .left-col-segment .leftNav-viewAll .top-border,
    .left-col-segment .middle .leftNav-viewAll .top-border {
        height: 15px;
        width: 735px;
        background-image: url(/i/ui/LNavBkgr-top.png);
        background-repeat: repeat-x;
        background-position: left top;
        float: left;
    }

    .left-col-segment .leftNav-viewAll .topR-corner,
    .left-col-segment .middle .leftNav-viewAll .topR-corner {
        height: 15px;
        width: 15px;
        background-image: url(/i/ui/LNavBkgr-topRight.png);
        background-repeat: no-repeat;
        background-position: left top;
        float: left;
    }

    .left-col-segment .leftNav-viewAll .topL-corner,
    .left-col-segment .middle .leftNav-viewAll .topL-corner {
        height: 15px;
        width: 1px;
        background-image: url(/i/ui/LNavBkgr-topLeftC.png);
        background-repeat: no-repeat;
        background-position: left top;
        float: left;
    }

    .left-col-segment .leftNav-viewAll .content,
    .left-col-segment .middle .leftNav-viewAll .content {
        width: 716px;
        height: 810px;
        float: left;
        background: #fff;
        border-left: 1px solid #d5d5d5;
        border-top: none;
        border-right: none;
        border-bottom: none;
        padding: 0 0 0 19px;
    }

    .left-col-segment .leftNav-viewAll .right-border,
    .left-col-segment .middle .leftNav-viewAll .right-border {
        width: 15px;
        float: left;
        height: 810px;
        background-image: url(/i/ui/leftNav-rightBorder.png);
        background-repeat: repeat-y;
        background-position: left top;
    }

    .left-col-segment .leftNav-viewAll .bottom-border,
    .left-col-segment .middle .leftNav-viewAll .bottom-border {
        height: 15px;
        width: 735px;
        background-image: url(/i/ui/LNavBkgr-bottom.png);
        background-repeat: repeat-x;
        background-position: left top;
        float: left;
    }

.leftNav-viewAll .bottomR-corner {
    height: 15px;
    width: 15px;
    background-image: url(/i/ui/LNavBkgr-bottomRight.png);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
}

.left-col-segment .leftNav-viewAll .bottomL-corner,
.left-col-segment .middle .leftNav-viewAll .bottomL-corner {
    height: 15px;
    width: 1px;
    background-image: url(/i/ui/LNavBkgr-bottom-LC.png);
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    clear: both;
}

ul.categories {
    width: 220px;
    float: left;
    display: block;
    padding: 0 15px 0 0;
    text-align: left;
    font: bold 16px arial, sans-serif;
    color: #666;
    background-image: none;
    margin: 0;
}

    ul.categories li {
        text-decoration: none;
        font: normal 12px Arial, sans-serif;
        color: #009;
        margin: 0;
        padding: 4px 0 4px 10px;
        list-style-type: none;
    }

/* end left Nav View all ----------*/

/* -----------Suggestions Page start here ---------*/

/* -----------start rounded corner box here ---------*/

#rounded-corner-box {
    width: 960px;
    float: left;
    clear: both;
    margin: 0 0 10px 15px;
}

    #rounded-corner-box .box-tl {
        width: 5px;
        height: 5px;
        float: left;
        background: url(/i/ui/roundedcorner-tl.png) no-repeat left top;
    }

    #rounded-corner-box .box-tm {
        width: 978px;
        height: 4px;
        float: left;
        border-top: 1px solid #d5d5d5;
    }

    #rounded-corner-box .box-tr {
        width: 5px;
        height: 5px;
        float: left;
        background: url(/i/ui/roundedcorner-tr.png) no-repeat left top;
    }

    #rounded-corner-box .box-middle {
        width: 911px;
        border-right: 1px solid #d5d5d5;
        border-left: 1px solid #d5d5d5;
        float: left;
        text-align: left;
        padding: 20px 20px 20px 27px;
    }

    #rounded-corner-box .box-bl {
        width: 5px;
        height: 5px;
        float: left;
        background: url(/i/ui/roundedcorner-bl.png) no-repeat left top;
    }

    #rounded-corner-box .box-bm {
        width: 978px;
        height: 4px;
        float: left;
        border-bottom: 1px solid #d5d5d5;
    }

    #rounded-corner-box .box-br {
        width: 5px;
        height: 5px;
        float: left;
        background: url(/i/ui/roundedcorner-br.png) no-repeat left top;
    }

/* -----------start rounded corner box here ---------*/

/* ----- New Rounded Corner Box ----- */

div.roundedCornerBox {
    width: 918px;
    float: left;
    clear: both;
    margin: 0 0 10px 15px;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #d5d5d5;
}

    div.roundedCornerBox div.boxTitle {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        width: 100%;
        background-color: #F3F3F3;
        border-bottom: 1px solid #d5d5d5;
    }

div.roundedCornerBoxFlex {
    border: 1px solid#d5d5d5;
    border-radius: 5px;
}

.contentBox {
    width: 918px;
    clear: both;
    margin: 10px 10px 10px 15px;
    padding: 20px;
    border-radius: 5px;
    border-color: #d5d5d5;
}

/*---------- image box --------*/

.prod-image-holder {
    width: 200px;
    float: left;
    padding: 0px;
    margin: 0 10px 0 0;
}

    .prod-image-holder img {
        margin: 0;
        padding: 0;
        border: 0;
        float: left;
    }

.prod-images {
    width: 230px;
    float: left;
    padding: 0 0 0 0;
}

    .prod-images .prod-im-bg {
        width: 120px;
        float: left;
        margin: 0 0 0 0px;
        padding: 15px 0 0 5px;
    }

        .prod-images .prod-im-bg img {
            margin: 0;
            padding: 0;
            border: 0;
        }

.prod-im-sm-front,
.prod-im-sm-back {
    width: 50px;
    height: 50px;
    padding: 11px;
    display: inline-block;
    border: 1px solid #fff;
}

    .prod-im-sm-front:hover,
    .prod-im-sm-back:hover {
        border: 1px solid #458500;
        cursor: pointer;
    }

    .prod-im-sm-front img,
    .prod-im-sm-back img {
        margin: 0;
        padding: 0;
        border: 0;
        width: 50px !important;
    }

.smImHolder {
    width: 100%;
    text-align: center;
    padding: 1em 0;
}

/*---------- end image box --------*/

.prod-description {
    width: 400px;
    float: left;
    padding: 0 20px 0 0px;
}

    .prod-description .prod-title {
        text-decoration: none;
        font: bold 17px Arial, sans-serif;
        color: #000;
        margin: 8px 0 10px 0;
        float: left;
        width: 100%;
    }

        .prod-description .prod-title a {
            text-decoration: underline;
            font: bold 17px Arial, sans-serif;
        }

            .prod-description .prod-title a:hover {
                text-decoration: underline;
            }

.prod-price {
    font: bold 25px Arial, sans-serif;
    margin: 0;
    padding: 0;
    float: left;
    color: #000;
}

.crossed-out-price {
    margin: 0;
    padding: 0;
    color: #bababa;
    font: normal 16px Arial, sans-serif;
    text-decoration: line-through;
}

.savings {
    font: normal 12px Arial, sans-serif;
    color: #666;
    float: left;
    clear: both;
    margin: 0 0 5px 0;
}

.stars {
    float: left;
    margin: 0;
    clear: both;
}

    .stars a img,
    .stars a:hover img {
        border: 0;
        margin: 0;
        padding: 0;
        vertical-align: bottom;
        float: left;
    }

.star-ratings {
    margin: 0;
    padding: 3px 0 0 3px;
    color: #1c359d;
    font: normal 13px Arial, sans-serif;
    float: left;
}

    .star-ratings a {
        color: #1c359d;
        font: normal 13px Arial, sans-serif;
        text-decoration: none;
    }

        .star-ratings a:hover {
            text-decoration: underline;
        }

.add-to-cart-box {
    width: 240px;
    background-color: #f3f3f3;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 15px 20px 20px 17px;
}

    .add-to-cart-box .buttonWrapper {
        width: 150px;
        margin: 5px 0 0 45px;
        float: left;
    }

.submitAsLink {
    background: none;
    border: 0 solid #fff;
    color: #0043cf;
    cursor: pointer;
    display: inline;
}

.submitAsLinkGreen {
    background: none;
    border: 0 solid #fff;
    color: #458500;
    cursor: pointer;
    display: inline;
}

.submitAsLinkb {
    font-weight: bold;
    background: none;
    border: 0 solid #fff;
    color: #009;
    cursor: pointer;
    display: inline;
}

    .submitAsLink:hover,
    .submitAsLinkb:hover,
    .submitAsLinkGreen {
        text-decoration: underline;
    }

/*---- add to Cart button--- */

.btGreen-big {
    min-width: 121px;
    height: 29px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
}

    .btGreen-big .leftSide {
        width: 6px;
        height: 29px;
        background-image: url(/i/ui/green-bt-left.png);
        background-repeat: no-repeat;
        background-position: left top;
        float: left;
    }

    .btGreen-big .middle {
        min-width: 109px;
        height: 23px;
        padding-top: 6px;
        background-image: url(/i/ui/green-bt-middle.png);
        background-repeat: repeat-x;
        background-position: left top;
        float: left;
    }

        .btGreen-big .middle a {
            display: block;
            text-decoration: none;
            font: bold 12px Arial, sans-serif;
            color: #fff;
            text-align: center;
        }

            .btGreen-big .middle a:hover {
                color: #000;
            }

        .btGreen-big .middle input {
            cursor: pointer;
            display: block;
            min-width: 112px;
            height: 23px;
            margin-top: -4px;
            text-decoration: none;
            font: bold 12px Arial, sans-serif;
            color: #fff;
            background: none;
            border: 0 solid #fff;
            text-align: center;
        }

            .btGreen-big .middle input:hover {
                color: #000;
            }

    .btGreen-big .rightSide {
        width: 6px;
        height: 29px;
        background-image: url(/i/ui/green-bt-right.png);
        background-repeat: no-repeat;
        background-position: left top;
        float: left;
    }

/*---- End Add to Cart button--- */

/*---- start green big button flexible--- */

.btGreen-big-flex {
    height: 29px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
}

    .btGreen-big-flex .leftSide {
        width: 6px;
        height: 29px;
        background-image: url(/i/ui/green-bt-left.png);
        background-repeat: no-repeat;
        background-position: left top;
        float: left;
    }

    .btGreen-big-flex .middle {
        height: 23px;
        padding: 6px 3px 0 3px;
        background-image: url(/i/ui/green-bt-middle.png);
        background-repeat: repeat-x;
        background-position: left top;
        float: left;
    }

        .btGreen-big-flex .middle a {
            display: block;
            text-decoration: none;
            font: bold 12px Arial, sans-serif;
            color: #fff;
            text-align: center;
        }

            .btGreen-big-flex .middle a:hover {
                color: #000;
            }

        .btGreen-big-flex .middle input {
            cursor: pointer;
            display: block;
            height: 23px;
            margin-top: -4px;
            text-decoration: none;
            font: bold 12px Arial, sans-serif;
            color: #fff;
            background: none;
            border: 0 solid #fff;
            text-align: center;
            padding: 2px 6px 0 7px;
        }

            .btGreen-big-flex .middle input:hover {
                color: #000;
            }

    .btGreen-big-flex .rightSide {
        width: 6px;
        height: 29px;
        background-image: url(/i/ui/green-bt-right.png);
        background-repeat: no-repeat;
        background-position: left top;
        float: left;
    }

/*---- End Green but flexible--- */

/* start flexible big gray button --- */

.btGrayFlex-big {
    height: 29px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
}

    .btGrayFlex-big .leftSide {
        width: 6px;
        height: 29px;
        float: left;
        background: url(/i/ui/gray-bt-left.png) no-repeat left top;
    }

    .btGrayFlex-big .middle {
        height: 23px;
        padding-top: 6px;
        background-image: url(/i/ui/gray-bt-middle.png);
        background-repeat: repeat-x;
        background-position: left top;
        float: left;
    }

        .btGrayFlex-big .middle input {
            height: 20px;
            display: block;
            text-decoration: none;
            margin: -3px 4px 0 3px;
            font: bold 12px Arial, sans-serif;
            color: #434950;
            background: none;
            text-align: center;
            border: none;
        }

        .btGrayFlex-big .middle :hover {
            color: #000;
            cursor: pointer;
        }

        .btGrayFlex-big .middle a {
            display: block;
            text-decoration: none;
            font: bold 12px Arial, sans-serif;
            color: #434950;
            text-align: center;
        }

            .btGrayFlex-big .middle a:hover {
                color: #000;
            }

    .btGrayFlex-big .rightSide {
        width: 6px;
        height: 29px;
        background-image: url(/i/ui/gray-bt-right.png);
        background-repeat: no-repeat;
        background-position: left top;
        float: left;
    }

/* end flexible big gray button --- */

/*---- start Gray big button--- */

.btGray-big {
    width: 121px;
    height: 29px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
}

    .btGray-big .leftSide {
        width: 6px;
        height: 29px;
        float: left;
        background: url(/i/ui/gray-bt-left.png) no-repeat left top;
    }

    .btGray-big .middle {
        cursor: pointer;
        width: 109px;
        height: 23px;
        padding-top: 6px;
        background-image: url(/i/ui/gray-bt-middle.png);
        background-repeat: repeat-x;
        background-position: left top;
        float: left;
    }

        .btGray-big .middle a {
            display: block;
            text-decoration: none;
            font: bold 12px Arial, sans-serif;
            color: #434950;
            text-align: center;
        }

            .btGray-big .middle a:hover {
                color: #000;
            }

        .btGray-big .middle input {
            cursor: pointer;
            display: block;
            width: 109px;
            height: 23px;
            margin-top: -4px;
            text-decoration: none;
            background: none;
            border: 0 solid #fff;
            font: bold 12px Arial, sans-serif;
            color: #434950;
            text-align: center;
        }

            .btGray-big .middle input:hover {
                color: #000;
            }

    .btGray-big .rightSide {
        width: 6px;
        height: 29px;
        background-image: url(/i/ui/gray-bt-right.png);
        background-repeat: no-repeat;
        background-position: left top;
        float: left;
    }

/*---- end gray big  button--- */


/*---- orange big button--- */

.btOrange-big {
    width: 161px;
    height: 29px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
}

    .btOrange-big .leftSide {
        width: 6px;
        height: 29px;
        float: left;
        background: url(/i/ui/bt-orange-left-b.png) no-repeat left top;
    }

    .btOrange-big .middle {
        width: 149px;
        height: 23px;
        padding-top: 6px;
        float: left;
        background: url(/i/ui/bt-orange-middle-b.png) repeat-x left top;
    }

        .btOrange-big .middle a {
            display: block;
            text-decoration: none;
            font: bold 12px Arial, sans-serif;
            color: #fff;
            text-align: center;
            background: none;
            border: none;
        }

        .btOrange-big .middle input {
            width: 149px;
            height: 20px;
            display: block;
            text-decoration: none;
            margin: -3px 0 0 -1px;
            font: bold 12px Arial, sans-serif;
            color: #fff;
            background: none;
            text-align: center;
            cursor: pointer;
            border: none;
        }

            .btOrange-big .middle input:hover {
                color: #000;
                cursor: pointer;
            }

        .btOrange-big .middle :hover {
            color: #000;
            cursor: pointer;
        }

    .btOrange-big .rightSide {
        width: 6px;
        height: 29px;
        float: left;
        background: url(/i/ui/bt-orange-right-b.png) no-repeat left top;
    }

/*---- End Orange big button--- */

/*---- Orange big button flexible --- */

.btOrangeFlex-big {
    height: 29px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
}

    .btOrangeFlex-big .leftSide {
        width: 6px;
        height: 29px;
        float: left;
        background: url(/i/ui/bt-orange-left-b.png) no-repeat left top;
    }

    .btOrangeFlex-big .middle {
        height: 23px;
        padding-top: 6px;
        float: left;
        background: url(/i/ui/bt-orange-middle-b.png) repeat-x left top;
    }

        .btOrangeFlex-big .middle a {
            display: block;
            text-decoration: none;
            font: bold 12px Arial, sans-serif;
            color: #fff;
            text-align: center;
        }

            .btOrangeFlex-big .middle a:hover {
                color: #000;
            }

        .btOrangeFlex-big .middle input {
            height: 20px;
            display: block;
            text-decoration: none;
            margin: -3px 0 0 -1px;
            font: bold 12px Arial, sans-serif;
            color: #fff;
            background: none;
            text-align: center;
            border: none;
        }

        .btOrangeFlex-big .middle :hover {
            color: #000;
            cursor: pointer;
        }

    .btOrangeFlex-big .rightSide {
        width: 6px;
        height: 29px;
        float: left;
        background: url(/i/ui/bt-orange-right-b.png) no-repeat left top;
    }

/*---- End Orange big button flexible --- */

/*---- Update button --- */

.update-btn {
    border: none;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    border-radius: .5em;
    width: 165px;
    height: 29px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    color: #FFF;
    font: bold 12px Arial, sans-serif;
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(202,138,71,0.24) 0%,rgba(242,163,83,1) 4%,rgba(241,155,72,1) 21%,rgba(237,136,50,1) 46%,rgba(232,111,34,1) 75%,rgba(229,104,29,1) 89%,rgba(0,0,0,0.75) 93%,rgba(0,0,0,0.25) 96%,rgba(0,0,0,0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(61,202,138,0.2784313725490196)', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */
}

.es .update-btn {
    width: 189px;
}

.ja .update-btn {
    width: 125px;
}

.ko .update-btn {
    width: 214px;
}

.zh .update-btn {
    width: 116px;
}

/*---- End Update button --- */

/*---- Remove PCC Button --- */

.remove-pcc {
    width: 158px;
}

.es .remove-pcc {
    width: 181px;
}

.ja .remove-pcc {
    width: 118px;
}

.ko .remove-pcc {
    width: 206px;
}

.zh .remove-pcc {
    width: 108px;
}

/*---- End Remove PCC Button --- */

.add-to-cart-box p.itemAdded {
    font: bold 12px Arial, sans-serif;
    margin: 0 0 15px 0;
    padding: 0px;
    float: left;
    display: block;
    clear: both;
    width: 200px;
}

.specOfferWrapper p.itemAdded {
    margin: 0 0 8px 0;
}

.specOfferWrapper p img.check {
    margin-top: -4px;
    margin-right: 5px;
    padding: 0;
    border: 0;
    float: left;
    align: middle;
    vertical-align: middle;
}

.add-to-cart-box .quantity {
    font: normal 12px Arial, sans-serif;
    float: left;
    display: block;
    clear: both;
    margin: 0 0 15px 0;
    width: 150px;
}

div.socmed {
    font: normal 12px Arial, sans-serif;
    display: block;
    clear: both;
    margin: 0 -53px 0 0;
    width: 100%;
    float: none;
    white-space: nowrap;
}

    div.socmed a {
        text-decoration: none;
    }

/*---- Suggestion title gray box --- */

.horizontal-row {
    width: 988px;
    float: left;
    clear: both;
    margin-bottom: 20px;
    padding-bottom: 13px;
    border: 1px solid #8f8f8f;
}

.horizontalRow {
    width: 960px;
    clear: both;
    margin: 0 0 20px 20px;
    border-color: #d5d5d5;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.ie7 .horizontal-row {
    width: 988px;
    float: left;
    clear: both;
}

.plainTitle {
    width: 968px;
    float: left;
    font: bold 18px Arial, sans-serif;
    border-bottom: 1px solid #d5d5d5;
    padding: 7px 10px 7px 10px;
    margin: 0 0 15px 0;
    background-color: #e8e8e8;
}

.ie7 .plainTitle {
    height: 15px;
}

.prodCaruselPage {
    float: right;
    width: 150px;
    font: normal 12px Arial, Helvetica, sans-serif;
    text-align: right;
    margin-top: 4px;
}

.greyTitleBox {
    width: 950px;
    height: 30px;
    background-color: #e9e9e9;
    float: left;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -o-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -o-border-top-right-radius: 5px;
    padding: 5px;
    border-bottom: 1px solid #d5d5d5;
}

    .greyTitleBox p.title {
        font: bold 17px Arial, sans-serif;
        text-decoration: none;
        color: #000;
        margin: 6px 0 0 20px;
        float: left;
    }

/*---- end Suggestion title gray box --- */

.leftScrall {
    width: 32px;
    height: 92px;
    float: left;
    margin-top: 45px;
    display: block;
    background: url(/i/ui/leftScrall.png) no-repeat right top;
}

.leftScrallNone {
    width: 32px;
    height: 92px;
    float: left;
    margin-top: 45px;
    display: block;
}

.leftScrall:hover {
    width: 32px;
    height: 92px;
    float: left;
    margin-top: 45px;
    display: block;
    background: url(/i/ui/leftScrall-on.png) no-repeat right top;
    cursor: pointer;
}

.leftScrallInact {
    width: 32px;
    height: 92px;
    float: left;
    margin-top: 45px;
    display: block;
    background: url(/i/ui/leftScrall-inc.png) no-repeat right top;
}

    .leftScrallInact:hover {
        width: 32px;
        height: 92px;
        float: left;
        margin-top: 45px;
        display: block;
        background: url(/i/ui/leftScrall-inc.png) no-repeat right top;
        cursor: default;
    }

.rightScrall {
    width: 32px;
    height: 92px;
    float: right;
    margin-top: 45px;
    display: block;
    background: url(/i/ui/rightScrall.png) no-repeat left top;
}

.rightScrallNone {
    width: 32px;
    height: 92px;
    float: right;
    margin-top: 45px;
    display: block;
}

.rightScrall:hover {
    width: 32px;
    height: 92px;
    float: right;
    margin-top: 45px;
    display: block;
    background: url(/i/ui/rightScrall-on.png) no-repeat left top;
    cursor: pointer;
}

.rightScrallInact {
    width: 32px;
    height: 92px;
    float: right;
    margin-top: 45px;
    display: block;
    background: url(/i/ui/rightScrall-inc.png) no-repeat left top;
}

    .rightScrallInact:hover {
        width: 32px;
        height: 92px;
        float: right;
        margin-top: 45px;
        display: block;
        background: url(/i/ui/rightScrall-inc.png) no-repeat left top;
        cursor: default;
    }

.horizontal-row .prodSlot {
    width: 162px;
    height: 230px;
    float: left;
    padding-left: 17px;
}

    .horizontal-row .prodSlot .imageHolder {
        float: left;
        width: 127px;
        padding: 15px 0 12px 25px;
    }

        .horizontal-row .prodSlot .imageHolder a img {
            margin: 0;
            padding: 0;
            border: 0;
        }

    .horizontal-row .prodSlot .discription {
        width: 150px;
        height: 43px;
        text-decoration: none;
        font: normal 12px Arial, sans-serif;
        color: #000;
        float: left;
        overflow: hidden;
        padding: 0 10px 1px 0;
        margin: 0;
    }

.ie9 .horizontal-row .prodSlot .discription {
    width: 150px;
    height: 40px;
    text-decoration: none;
    font: normal 12px Arial, sans-serif;
    color: #000;
    float: left;
    overflow: hidden;
    padding: 0 10px 0 0;
    margin: 0;
}

.horizontal-row .prodSlot .discription a {
    text-decoration: none;
    font: normal 12px Arial, sans-serif;
    color: #000;
}

    .horizontal-row .prodSlot .discription a:hover {
        text-decoration: underline;
    }

/* --- info small ---*/

.prodLb {
    position: absolute;
    display: block;
    margin: -15px 0 0 -15px;
    width: 200px;
    height: 53px;
    background-color: #fffed1;
    border: 1px solid #83782E;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 15px 2px 7px 15px;
    z-index: 5000 !important;
    box-shadow: 2px 2px 2px #000;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #197b2a;
}

.imprtNt {
    float: left;
    width: 32px;
    padding: 0;
    cursor: pointer;
    position: absolute;
    margin: 60px 0 0 85px;
}

.wrapthis:hover .prodLb {
    display: block;
    cursor: pointer;
}

.wrapthis .prodLb {
    display: none;
}

/*-----end of info small---*/

/*-----start super special small note---*/

.superspnt-sm {
    width: 150px;
    position: absolute;
    display: block;
    background-color: #FFF;
    margin: 135px 0 0 0px;
    padding: 0 0 1px 0;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #197b2a;
    overflow: hidden;
    white-space: nowrap;
    height: 14px;
}

.ie7 .superspnt-sm {
    display: none;
}

/*-----end super special small note---*/

/*-----start super special big note---*/

.superspnt-big {
    width: 190px;
    overflow: hidden;
    position: absolute;
    display: block;
    background-color: #FFF;
    margin: 154px 0 0 0;
    padding: 1px 0 1px 0;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #197b2a;
    white-space: nowrap;
    height: 14px;
}

.ie .superspnt-big {
    margin: 154px 0 0 0;
    padding: 2px 0 1px 0;
}

.ie9 .superspnt-big {
    margin: 154px 0 0 0;
}

.ie8 .superspnt-big {
    margin: 154px 0 0 0;
}

.ie7 .superspnt-big {
    left: 0px;
    top: 0px;
    z-index: 10;
    display: none;
}

/*-----end super special big note---*/

/*-----start info big---*/

.prodLbBig {
    position: absolute;
    display: block;
    margin: 7px 0 0 32px;
    width: 200px;
    height: 53px;
    background-color: #fffed1;
    border: 1px solid #83782E;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 15px 2px 7px 15px;
    z-index: 5000 !important;
    box-shadow: 2px 2px 2px #000;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #197b2a;
}

.imprtNtBig {
    float: left;
    width: 32px;
    padding: 0;
    cursor: pointer;
    position: absolute;
    margin: 85px 0 0 130px;
}

.wrapthis:hover .prodLbBig {
    display: block;
    cursor: pointer;
}

.wrapthis .prodLbBig {
    display: none;
}

/*-----end info big---*/

.horizontal-row .prodSlot .stars {
    float: left;
    margin: 3px 0 0 0;
    clear: both;
}

.ie7 .horizontal-row .prodSlot .stars {
    float: left;
    margin: 3px 0 0 0;
    clear: both;
}

.horizontal-row .prodSlot .stars a img,
.horizontal-row .prodSlot .stars a:hover img {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

.horizontal-row .prodSlot .star-ratings {
    margin: 2px 0 0 0;
    color: #1c359d;
    font: normal 12px Arial, sans-serif;
    float: left;
}

.ie7 .horizontal-row .prodSlot .star-ratings {
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    float: left;
}

.ie9 .horizontal-row .prodSlot .star-ratings {
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    float: left;
}

    .horizontal-row .prodSlot .star-ratings a,
    .ie7 .horizontal-row .prodSlot .star-ratings a,
    .ie8 .horizontal-row .prodSlot .star-ratings a,
    .ie9 .horizontal-row .prodSlot .star-ratings a {
        color: #009;
        font: normal 12px Arial, sans-serif;
        text-decoration: none;
        margin: 0 20px 0 0;
        clear: right;
    }

        .horizontal-row .prodSlot .star-ratings a:hover {
            text-decoration: underline;
        }

.horizontal-row .prodSlot .prod-price {
    font: bold 14px Arial, sans-serif;
    margin: 2px 0 6px 0;
    padding: 0;
    float: left;
    color: #000;
    width: 100%;
}

.ie7 .horizontal-row .prodSlot .prod-price {
    font: bold 14px Arial, sans-serif;
    margin: 0 0 5px 0;
    padding: 0;
    float: left;
    color: #000;
    display: block;
    width: 100%;
}

.horizontal-row .prodSlot .crossed-out-price {
    margin: 2px 0 10px 5px;
    color: #bababa;
    font: bold 14px Arial, sans-serif;
    text-decoration: line-through;
    padding: 0;
}

.ie7 .horizontal-row .prodSlot .crossed-out-price {
    margin: 0 0 10px 5px;
}

.ie7.horizontal-row .prodSlot .quantity {
    clear: both;
    float: left;
}

/* -----------End Suggestions Page ---------*/

.question-mark {
    display: inline-block;
    width: 17px;
    height: 17px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #c0c0c0;
    border: solid 1px #c0c0c0;
    color: #fcfcfc;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    border-radius: 100%;
    cursor: pointer;
    margin-left: .75em;
    text-align: center;
    line-height: 17px;
}

    .question-mark:hover,
    .question-mark:active,
    .question-mark.active {
        background-color: #c0c0c0;
        text-decoration: none;
    }

#product-badges {
    margin-top: .75em;
}

.badge {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: .85em;
    color: white;
    padding: 0 1rem 0 .5rem;
    background: url(/i/ui/badge-chevron.png) no-repeat;
    background-position: right;
}

.ie7 .badge,
.ie8 .badge {
    width: 87px;
    text-align: center;
}

.new-product {
    background-color: #6dbe4b;
}

.best-seller {
    background-color: #FF0000;
}

#product-summary {
    font-size: 14px;
    line-height: 20px;
}

    #product-summary > div {
        float: left;
    }

    #product-summary h1,
    #product-summary h2 {
        margin: 0 0 .75em 0;
    }

        #product-summary h2,
        #product-summary h2 a {
            font-weight: normal;
        }

#product-specification ul {
    padding-left: 1.25em;
    padding-top: 1em;
}

.ie7 #product-image {
    width: 310px;
    margin-right: 7px;
}

.ie7 #product-specification {
    width: 330px;
    margin-right: 5px;
}

#product-image {
    width: 316px;
    margin-right: 20px;
}

    #product-image img {
        width: 304px;
        max-width: 100%;
    }

#product-specification {
    width: 336px;
    margin-right: 20px;
}

#product-rating {
    display: inline-block;
    width: 105px;
}

    #product-rating img {
        max-width: 100%;
        vertical-align: top;
    }

#product-review-count a {
    color: #458500;
    font-size: 12px;
    line-height: 18px;
}

#stock-status {
    border: solid 1px #bdbdbd;
    border-width: 1px 0;
    padding: .33em 0;
    margin-top: 2em;
}

#product-action {
    width: 298px;
    background-color: #e8e8e8;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 10px;
}

    #product-action section,
    #product-action > div {
        clear: both;
        overflow: hidden;
        min-height: 1em;
        line-height: 30px;
    }

    #product-action ul {
        margin-top: 1em;
    }

        #product-action ul li {
            border-bottom: solid thin rgba(189, 189, 189, 0.32);
            overflow: hidden;
        }

            #product-action ul li p {
                line-height: 2em;
                min-width: 30%;
                margin-right: 20px;
            }

.ko #product-action ul li p {
    width: 34%;
}

.ja #product-action ul li p,
.es #product-action ul li p {
    width: 38%;
}

section#product-form {
    line-height: normal;
    margin-top: 22px;
}

#product-form .quantity select {
    width: 53px;
    height: 23px;
}

    #product-form .quantity select option {
        padding: .25em;
    }

#product-share-links {
    position: relative;
    margin-top: 30px;
}

    #product-share-links > label {
        display: inline-block;
        margin-right: 20px;
    }

    #product-share-links iframe {
        opacity: 0;
        position: absolute !important;
        top: 4px !important;
        z-index: 100;
        width: 19px !important;
        height: 19px !important;
    }

    #product-share-links a {
        text-decoration: none;
        width: 19px;
        display: inline-block;
    }

#product-action #product-price .our-price {
    font-size: 24px;
    line-height: 26px;
}

div#shipping-info {
    width: 298px;
    background-color: #e8e8e8;
    padding: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    float: right;
}

#product-specs-list li > a {
    text-decoration: none;
}

.green-dashed {
    color: green;
    text-decoration: none;
}

.red-dashed {
    color: #f10200;
    text-decoration: none;
    border-bottom: #f10200 1px dashed;
}

/* -----------OLD Product Details Page ---------*/

.leftColWrap {
    width: 230px;
    float: left;
}

.ie7 .leftColWrap {
    position: relative;
}

.rightColWrap {
    width: 656px;
    float: left;
    margin: 0;
}

.prod-im-big {
    border: 1px solid transparent;
    padding: 5px;
    padding-bottom: 0px;
}

    .prod-im-big:hover {
        display: block;
        border: 1px solid #bdbdbd;
        cursor: pointer;
    }

.specialNote {
    clear: both;
    margin-top: 12px;
}

.psFreeShipping {
    clear: both;
    display: inline-block;
    color: #f10200;
    text-decoration: underline;
    margin: 18px 0 0 0;
}

.prod-im-big img {
    margin: 0;
    padding: 0;
    border: 0;
}

.rightColWrap h1 {
    text-decoration: none;
    font: bold 20px Arial, sans-serif;
    color: #000;
    margin: 0 0 15px 0;
}

    .rightColWrap h1 a {
        font: bold 20px Arial, sans-serif;
        color: #F60;
        text-decoration: none;
    }

        .rightColWrap h1 a:hover {
            text-decoration: underline;
        }

.addToCartWrapper {
    width: 255px;
    float: right;
    clear: both;
}

.pricesWraper,
.specOfferWrapper {
    width: 360px;
    float: left;
    margin: 0 0 7px 0;
}

.capsuleCount {
    height: 22px;
    background-color: #e9e9e9;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 10px 5px 2px 5px;
    border: 1px solid #d5d5d5;
    margin: 0 7px 7px 0;
    color: #3a3134;
    font: normal 11px Arial, sans-serif;
}

    .capsuleCount:hover {
        background-color: #fff;
        cursor: pointer;
        text-decoration: none;
    }

.capsuleCountS {
    width: 53px;
    height: 22px;
    background-color: #e9e9e9;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 10px 0 0 5px;
    border: 1px solid #d5d5d5;
    margin: 0 7px 10px 0;
    color: #3a3134;
    font: normal 11px Arial, sans-serif;
}

div.contentWrapper,
div.contentContainer {
    width: 960px;
    float: left;
    clear: both;
    margin: 0 0 20px 15px;
}

.contentTitle {
    font: bold 13px Arial, sans-serif;
    width: 935px;
    background-color: #F3F3F3;
    float: left;
    padding: 8px 10px 8px 13px;
    border: 1px solid #d5d5d5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -o-border-top-left-radius: 5px;
    -o-border-top-right-radius: 5px;
    -o-border-bottom-left-radius: 0;
    -o-border-bottom-right-radius: 0;
}

.contentBody {
    width: 918px;
    float: left;
    clear: both;
    padding: 10px 20px 10px 20px;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-top-left-radius: 0;
    -o-border-top-right-radius: 0;
    -o-border-bottom-left-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

button.addToCartBtn,
button.notifyMe {
    display: block;
    width: 170px;
    height: 44px;
    line-height: 44px;
    border: 0px;
    font-size: 14pt;
    cursor: pointer;
    float: right;
    color: #fff;
    background-color: #ff8a00;
    margin-left: 20px;
}

.ru button.addToCartBtn {
    font-size: 12pt;
}

#notify-me {
    display: block;
    width: 170px;
    height: 44px;
    line-height: 44px;
    border: 0px;
    font-size: 14pt;
    cursor: pointer;
    float: right;
    color: #fff;
    background-color: #468500;
    margin-left: 20px;
}

button.addToCartBtn:hover,
button.notifyMe:hover {
    background-color: #e78200;
}

button.addToWishlistBtn {
    display: block;
    width: 170px;
    height: 30px;
    line-height: 30px;
    border: 0px;
    font-size: 12pt;
    float: right;
    margin-left: 10px;
    cursor: pointer;
    color: white;
    background-color: #717271;
    margin-top: 15px;
}

.es button.addToWishlistBtn {
    line-height: 20px;
    height: 50px;
}

.ru button.addToWishlistBtn {
    line-height: 20px;
    height: 50px;
}

button.addToWishlistBtn:hover {
    background-color: #595959;
}

html.es input.addToWishlistBtn {
    font-size: 12px;
    background-image: url('/i/ui/btn/wl-long.png');
    width: 134px;
}

html.ja input.addToWishlistBtn {
    padding-left: 29px;
}

html.ru input.addToWishlistBtn {
    font-size: 11px;
    padding-left: 29px;
    width: 134px;
    background-image: url('/i/ui/btn/wl-long.png');
}

.top-seller-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

    .top-seller-list li {
        display: inline-block;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font: bold 14px Arial, Helvetica, sans-serif;
        height: 22px;
        padding-top: 5px;
        min-width: 22%;
    }

.top-sellers {
    display: inline-block;
    width: 48.2%;
    clear: none;
}

    .top-sellers .price,
    .top-sellers .starsBestSeller {
        float: none;
        min-height: 20px;
    }

    .top-sellers > .greyTitleBox-noBc > p {
        min-height: 19px;
    }

    .top-sellers .bestSellerImg {
        padding: 0 20px 0 0;
    }

    .top-sellers .greyTitleBox-noBc,
    .top-sellers .prodOverview-section {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
    }

.wrap5050 {
    clear: both;
}

.prodOverview-section {
    float: left;
    clear: both;
    padding: 30px 40px;
}

.superspcl-section {
    width: 908px;
    float: left;
    clear: both;
    padding: 15px 25px 15px 25px;
    background-color: #fff;
    border-top: none;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-top-left-radius: 0;
    -o-border-top-right-radius: 0;
    -o-border-bottom-left-radius: 5px;
    -o-border-bottom-right-radius: 5px;
    background-repeat: repeat-y;
    background-position: left top;
}

.specialPromo {
    width: 908px;
    float: left;
    clear: both;
    padding: 25px;
    background-color: #fffed1;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    margin: 0 0 25px 0;
}

.superSpclSlot {
    margin: 1px 0 1px 0;
    background-color: #fff;
    float: left;
    width: 910px;
    padding: 23px 0 23px 0;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

    .superSpclSlot .prod-image-holder {
        width: 125px;
        float: left;
        padding: 0;
        margin: 0 10px 0 0;
    }

.middle-no-corners {
    width: 908px;
    float: left;
    clear: both;
    padding: 25px;
    border-top: none;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
}

.clearBoth {
    clear: both;
}

.customerReview-section {
    float: left;
    clear: both;
    padding: 30px 40px;
}

    .customerReview-section .recentReviews .textcontainerBottom p {
        color: #666666;
    }

    .customerReview-section .recentReviews .textcontainerNoBorders,
    .customerReview-section .recentReviews .textcontainer,
    .customerReview-section .recentReviews .textcontainer question,
    .customerReview-section .recentReviews .textcontainerBottom {
        padding-left: 0;
        padding-right: 0;
    }

.custReview-block {
    width: 239px;
    padding: 15px 10px;
    background: #f7f7f7;
    float: left;
    margin-right: 9px;
}

.prodOverview-wrapper .bottom-border {
    border-bottom: 1px solid #ccc;
    margin: 30px auto;
    height: 1px;
}

.custReview-block .stars {
    float: none;
}

    .custReview-block .stars img {
        width: 100px;
        margin-bottom: 10px;
        margin-right: 10px;
    }

    .custReview-block .stars a img,
    .stars a:hover img {
        border: 0;
        margin-bottom: 10px;
        margin-right: 10px;
        float: left;
    }

.custReview-block .ratingsChart .col2,
.custReview-block .ratingsChart .col2 .gray-backgr {
    width: 150px;
}

.customerReview-section h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 15px 0;
}

.customerReview-section .review-row {
    width: 908px;
    margin: 5px 0 30px 0;
    padding: 0 0 30px 0;
}

    .customerReview-section .review-row .starRatingsContainer img {
        width: 70px;
    }

    .customerReview-section .review-row .starRatingsContainer {
        width: 818px;
        padding: 5px 0;
    }

        .customerReview-section .review-row .starRatingsContainer p {
            font: normal 12px Arial, sans-serif;
        }

.customerReview-section .textcontainerTop {
    width: 818px;
    padding: 0;
}

    .customerReview-section .textcontainerTop p {
        font-size: 14px;
    }

.customerReview-section .review-row .textcontainer p {
    padding: 0;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    max-width: 830px;
}

.customerReview-section .textcontainer .helpful {
    border: none;
    padding: 0;
    margin-left: 10px;
}

.helpful-review {
    width: 232px;
    height: 152px;
    padding: 15px 35px;
    background: #f7f7f7;
    float: left;
    margin: 0 9px;
    overflow: hidden;
    position: relative;
}

    .helpful-review.last {
        float: right;
        margin: 0;
    }

    .helpful-review .quote-top,
    .helpful-review .quote-bottom {
        width: 17px;
        height: 14px;
        position: absolute;
        background: url('/i/ui/review-quotes.png') top left;
    }

    .helpful-review .quote-top {
        top: 15px;
        left: 10px;
    }

    .helpful-review .quote-bottom {
        background-position: bottom right;
        bottom: 15px;
        right: 10px;
    }

    .helpful-review .review-row,
    .helpful-review .textcontainerTop,
    .helpful-review .starRatingsContainer,
    .helpful-review .textcontainer {
        width: 185px;
        float: none;
        border: none;
        padding: 0;
        margin: 0;
    }

    .helpful-review img.featured-stars {
        width: 70px;
        padding: 0 5px 3px 0;
        margin-top: 4px;
    }

    .helpful-review .helpful-date {
        display: block;
        float: right;
        margin: 2px 35px 0 0;
    }

    .helpful-review .textcontainerNoBorders,
    .helpful-review .starRatingsContainer p,
    .helpful-review .textcontainer.question,
    .helpful-review .textcontainerBottom {
        display: none;
    }

    .helpful-review h1 {
        font-size: 12px;
        margin: 0 0 3px 0;
        overflow: hidden;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

.line-clamp {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-line-clamp: 6;
    height: 9em;
    margin-bottom: 1em;
}

.greyTitleBox-noBc {
    width: 965px;
    background-color: #e8e8e8;
    float: left;
    padding: 5px 10px 2px 13px;
}

.greyTitleBox-noTc {
    width: 938px;
    background-color: #F3F3F3;
    float: left;
    padding: 7px 10px 7px 10px;
    border-top: none;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-top-left-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-top-left-radius: 0px;
    -o-border-top-right-radius: 0px;
    -o-border-bottom-left-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

    .greyTitleBox-noTc .pagination {
        font: normal 13px Arial, sans-serif;
        margin: 0;
        padding: 7px 0 0 40px;
        color: #7E7E7E;
        float: left;
    }

    .greyTitleBox-noTc .display-items {
        font: normal 13px Arial, sans-serif;
        margin: 0;
        padding: 7px 5px 0 20px;
        float: left;
        color: #3E3E3E;
    }

.greyTitleBox-noBc p.title {
    font: 18px Arial, sans-serif;
    text-decoration: none;
    color: #000;
    float: left;
    padding: 3px 0 6px 0;
}

.ru .greyTitleBox-noBc p.title, .es .greyTitleBox-noBc p.title {
    font: 16px Arial, sans-serif;
}

.greyTitleBox-noBc div.title {
    font: 12px Arial, sans-serif;
    text-decoration: none;
    float: right;
    padding: 6px;
}

.greyTitleBox-noBc .display-items {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 7px 5px 0 110px;
    float: left;
    color: #3E3E3E;
}

.ru .greyTitleBox-noBc .display-items, .es .greyTitleBox-noBc .display-items {
    font: normal 12px Arial, sans-serif;
    padding: 7px 5px 0 91px;
}

.es .greyTitleBox-noBc .display-items {
    padding: 7px 5px 0 84px;
}

.greyTitleBox-noBc .pagination {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 7px 0 0 20px;
    color: #7E7E7E;
    float: left;
}

.prodOverview-section .leftCol {
    width: 580px;
    float: left;
}

.prodOverview-section .rightCol {
    width: 325px;
    float: right;
    margin: 0 0 10px 10px;
}

.prodOverview-section .leftCol-pad {
    width: 545px;
    float: left;
    padding: 0 35px 0 0;
}

.prodOverview-section .rightCol-pad {
    width: 295px;
    float: left;
    padding: 5px 15px 5px 15px;
    background-color: #e9e9e9;
    border: 1px solid #DBDBDB;
}

.prodOverview-section .rightCol-pad2 {
    width: 295px;
    float: left;
    padding: 5px 15px 5px 15px;
}

.prodOverview-section .rightColyellow-pad {
    width: 285px;
    float: left;
    padding: 5px 15px 5px 25px;
    background: #fffed1;
    border: 1px solid #dad48c;
}

    .prodOverview-section .rightCol-pad .row,
    .prodOverview-section .rightColyellow-pad .row {
        width: 100%;
        float: left;
        margin: 7px 0 9px 0;
    }

        .prodOverview-section .rightCol-pad .row img,
        .prodOverview-section .rightColyellow-pad .row img {
            float: left;
            padding: 0 3px 0 0;
            border: 0;
        }

a.livechat {
    margin-top: 5px;
    float: left;
    color: #000;
    font: bold 13px Arial;
}

.prodOverview-section .rightCol-pad .row a.social {
    float: left;
    display: block;
    width: 100%;
    padding: 1px 0 6px 0;
    vertical-align: middle;
}

    .prodOverview-section .rightCol-pad .row a.social img {
        margin-top: -2px;
    }

.prodOverview-section .footer-section {
    clear: both;
    width: 100%;
    padding: 10px;
}

.prodSpecs {
    width: 285px;
    background-color: #F3F3F3;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 20px;
}

.suplFactsWarp {
    width: 100%;
    background-color: #fff;
    float: left;
    margin: 20px 0 0 0;
    font: normal 11px Arial, sans-serif;
}

    .suplFactsWarp table {
        border: 0px solid #000;
        padding: 5px;
    }

        .suplFactsWarp table td {
            vertical-align: top;
            padding: 5px;
            border-bottom: 1px solid #e1e1e1;
        }

.thickborderBottom {
    width: 100%;
    float: left;
    border-bottom: 5px solid #333;
    padding: 5px 0 5px 0;
}

.lightBorderBottom {
    width: 100%;
    float: left;
    border-bottom: 1px solid #E1E1E1;
    padding: 5px 0 5px 0;
}

.noBorderBottom {
    width: 100%;
    float: left;
    padding: 5px 0 5px 0;
}

.suplFactsWarp .thickborderBottom .col1,
.suplFactsWarp .lightBorderBottom .col1 {
    width: 40%;
    float: left;
    margin: 0 3px 0 0;
}

.suplFactsWarp .thickborderBottom .col2,
.suplFactsWarp .lightBorderBottom .col2 {
    width: 30%;
    float: left;
    margin: 0 4px 0 0;
    text-align: center;
}

.suplFactsWarp .thickborderBottom .col3,
.suplFactsWarp .lightBorderBottom .col3 {
    width: 30%;
    float: left;
    margin: 0 4px 0 0;
    text-align: center;
}

.prodOverview-section .col1 {
    width: 120px;
    float: left;
}

.prodOverview-section .col2 {
    width: 40px;
    float: left;
    text-align: center;
    margin: 45px 0 0 0;
}

.prodOverview-section .col3 {
    width: 120px;
    float: left;
}

.prodOverview-section .col4 {
    width: 349px;
    float: left;
    padding: 0 0 0 35px;
}

.prodOverview-section .col5 {
    width: 150px;
    float: left;
    padding: 45px 0 0 65px;
}

/* -----------Start Ratings Chart  ---------*/

.ratingsChart {
    width: 262px;
    height: 120px;
    float: left;
    margin: 5px 0 0 0;
}

    .ratingsChart .gray13 a {
        color: #656565 !important;
    }

    .ratingsChart .row {
        width: 262px;
        float: left;
        height: 20px;
        margin: 0 0 4px 0;
    }

    .ratingsChart .col1 {
        width: 50px;
        float: left;
        padding: 1px 0 0 0;
    }

    .ratingsChart .col2 {
        width: 160px;
        float: left;
    }

        .ratingsChart .col2 .gray-backgr {
            width: 160px;
            height: 15px;
            background-color: #e9e9e9;
            float: left;
        }

        .ratingsChart .col2 .green-backgr {
            height: 15px;
            background-color: #458500;
            float: left;
            position: absolute;
        }

.ie7 .ratingsChart .col2 .green-backgr {
    height: 15px;
    background-color: #458500;
    float: left;
    margin: 0 0 0 -162px;
}

.ratingsChart .col3 {
    width: 35px;
    float: left;
    padding: 0 0 0 7px;
}

.es .ratingsChart .row {
    width: 362px;
}

.ru .ratingsChart .row {
    width: 362px;
}

.ru .ratingsChart .col1,
.es .ratingsChart .col1 {
    width: 52px !important;
}

    .ru .ratingsChart .col1 .gray12,
    .es .ratingsChart .col1 .gray12 {
        font: normal 11px Arial, sans-serif;
    }

/* -----------End Ratings Chart    ---------*/

/* -----------End Prod Details Page ---------*/

/* ----- WRITE REVIEW ------------------------------------------------------ */

.yellow-box {
    width: 262px;
    height: 142px;
    background: #fffed1;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 12px 0 15px 10px;
    border: 1px solid #d5d5d5;
}

.es .yellow-box {
    width: 276px;
}

.ru .yellow-box {
    width: 276px;
}

.formContainer {
    width: 907px;
    float: left;
    clear: both;
    padding: 25px;
    margin: 0 0 20px 15px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    background-color: #e9e9e9;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

    .formContainer .leftCol {
        width: 185px;
        float: left;
        margin: 0 0 0 30px;
    }

    .formContainer .rightCol {
        width: 655px;
        float: left;
    }

    .formContainer .row {
        margin: 3px 0 10px 0;
        float: left;
    }

    .formContainer .reviewNotes {
        margin: 10px 5px 0 10px;
        width: 200px;
        float: left;
        clear: left;
    }

        .formContainer .reviewNotes ul {
            margin-left: 10px;
        }

    .formContainer .leftColWrapper {
        float: left;
        width: 215px;
    }

    .formContainer .row .review-title-box {
        float: left;
        height: 25px;
        width: 650px;
        background: #FFF;
        border: 1px solid #d5d5d5;
    }

    .formContainer .row .review-box {
        float: left;
        height: 200px;
        width: 650px;
        background: #FFF;
        border: 1px solid #d5d5d5;
    }

.starsSelect img {
    cursor: pointer;
}

/* ----- END WRITE REVIEW -------------------------------------------------- */

/* ----------- customer reivews-----------*/

.selectedLanguage {
    width: 190px;
    float: left;
    padding: 5px 0 0 10px;
}

.allReviews {
    float: left;
    padding: 3px 0 0 0;
}

.selectedLanguage span {
    padding: 3px 0 0 5px;
    float: left;
    vertical-align: text-bottom;
}

.otherLanguages {
    width: 520px;
    float: left;
    padding: 4px 0 0 0;
}

.languageRatings {
    float: left;
    padding: 0;
    margin: 0 15px 0 0;
}

    .languageRatings span {
        float: left;
        padding: 4px 0 0 0;
    }

    .languageRatings img {
        margin: 0;
        padding: 3px 2px 0 0;
        border: 0;
        float: left;
        vertical-align: middle;
    }

.sortby {
    width: 210px;
    float: left;
}

.review-row {
    float: left;
    width: 835px;
    border-bottom: 1px solid #d5d5d5;
    padding: 0 0 30px 0;
}

.review-row-noborder {
    float: left;
    width: 855px;
    padding: 0 0 30px 0;
}

.textcontainer {
    width: 830px;
    float: left;
    padding: 10px 10px 10px 10px;
}

.textcontainerBottom {
    width: 830px;
    float: left;
    padding: 0px 10px 7px 10px;
}

.textcontainerTop {
    width: 830px;
    float: left;
    padding: 17px 10px 0px 10px;
}

.textcontainerNoBorders {
    width: 830px;
    float: left;
    padding: 0 10px 0 10px;
}

.starRatingsContainer {
    float: left;
    width: 830px;
    padding: 3px 0 0 10px;
}

    .starRatingsContainer img {
        float: left;
        padding: 0;
        border: 0;
        padding: 0 5px 3px 0;
    }

    .starRatingsContainer span {
        padding: 1px 0 0 5px;
        float: left;
    }

    .starRatingsContainer a {
        color: #034093;
    }

.recentReviewsLabel {
    padding-left: 85px;
    font-size: 18px;
}

.helpful {
    width: 30px;
    float: left;
    padding: 3px;
    font: bold 12px Arial, San-serif;
    color: #3a3134;
    border: 1px solid #d5d5d5;
    background-color: #e9e9e9;
    margin: 0 6px 0 0px;
    text-align: center;
}

    .helpful:hover {
        width: 30px;
        float: left;
        padding: 3px;
        font: bold 12px Arial, San-serif;
        color: #fff;
        border: 1px solid #3e8518;
        background-color: #6ab72f;
        margin: 0 6px 0 0px;
        text-align: center;
        cursor: pointer;
    }

.notHelpful {
    width: 30px;
    height: 15px;
    float: left;
    padding: 3px;
    font: bold 12px Arial, San-serif;
    color: #3a3134;
    border: 1px solid #d5d5d5;
    background-color: #e9e9e9;
    margin: 0 6px 0 0px;
    text-align: center;
}

    .notHelpful:hover {
        width: 30px;
        height: 15px;
        float: left;
        padding: 3px;
        font: bold 12px Arial, San-serif;
        color: #fff;
        border: 1px solid #C60;
        background-color: #F60;
        margin: 0 6px 0 0px;
        text-align: center;
        cursor: pointer;
    }

.textcontainer p {
    float: left;
    padding: 5px 5px 0 0;
}

.textcontainerNoBorders p {
    float: left;
    padding: 0 5px 0 0;
}

/* ----------- end customer reivews-------*/

/* ----------- start Shopping Cart ------*/

.shoppCartLiveChat {
    width: 280px;
    float: right;
    padding: 0 20px 0 0;
    text-align: left;
}

    .shoppCartLiveChat img {
        margin: 0;
        padding: 7px 5px 0 55px;
        border: 0;
        float: left;
    }

    .shoppCartLiveChat p {
        margin: 12px 0 0 0;
    }

.shoppCrtRow {
    float: left;
    width: 885px;
    border-top: 1px solid #d5d5d5;
    padding: 7px 0 10px 0;
    margin: 0 0 0 10px;
}

.shoppCrtCol1 {
    float: left;
    width: 75px;
}

.myacc-imgtCol {
    float: left;
    width: 65px;
}

.shoppCrtCol1wd {
    float: left;
    width: 100px;
}

    .shoppCrtCol1wd img {
        border: none;
        margin: 0;
        padding: 0;
    }

.shoppCrtCol2 {
    float: left;
    width: 240px;
    margin: 0 10px 0 0;
}

.shoppCrtCol2wd {
    float: left;
    width: 335px;
    margin: 0 15px 0 0;
}

.shoppCrtSpacing {
    padding: 0 0 13px 0;
}

.shoppCrtCol3 {
    float: left;
    width: 82px;
    padding: 0 0 0 5px;
}

.shoppCrtCol8 {
    float: left;
    width: 100px;
    margin: 0 0 0 10px;
}

.shoppCrtRow p {
    padding: 0;
}

.shoppCartQuantity {
    width: 13px;
    height: 13px;
    float: left;
    padding: 3px;
    font: bold 12px Arial, San-serif;
    color: #3a3134;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    margin: 3px 0 0 13px;
    text-align: center;
}

.shoppCartBtholder {
    float: left;
    margin: 4px 0 0 15px;
    width: 160px;
}

.svgs-type {
    float: left;
    width: 683px;
}

.svgs-amnt {
    float: right;
    width: 82px;
}

.qtyBox {
    width: 22px;
}

.ie7 .qtyBox {
    width: 22px;
    border: 1px solid gray;
}

.warning {
    float: left;
    width: 550px;
    margin: 10px 0 0 0;
}

.savingsMessage {
    float: left;
    width: 848px;
    border-bottom: 1px solid #d5d5d5;
    padding: 7px 0 7px 12px;
    margin: 30px 0 30px 35px;
    background: #fffed1;
    border: 1px solid #d5d5d5;
}

    .savingsMessage img {
        float: left;
        padding: 0 5px 0 0;
        margin: -9px 0px -9px -35px;
    }

.savingsType {
    width: 684px;
    float: left;
    display: table;
}

.savingsMessage p {
    display: table-cell;
    vertical-align: middle;
}

.savingsMessage .svgs-amnt p {
    padding-top: 1em;
}

.yellowMessage {
    float: left;
    width: 873px;
    border-bottom: 1px solid #d5d5d5;
    padding: 7px 0 7px 12px;
    margin: 0 0 0 10px;
    background: #fffed1;
}

    .yellowMessage img {
        float: left;
        padding: 0 5px 0 0;
    }

    .yellowMessage p {
        padding: 5px 0 0 0;
    }

div#shoppingCart .shippingNote {
    float: left;
    width: 475px;
    padding: 10px 50px 10px 20px;
}

    div#shoppingCart .shippingNote > .row.shipping:first-child {
        min-height: 100px;
    }

div#shoppingCart .shipping {
    width: 100%;
    float: left;
    clear: both;
}

.shippingMethods .row {
    float: left;
    width: 460px;
    margin: 15px 0 5px 0;
    clear: left;
}

.shipping .row.small {
    float: left;
    width: 460px;
    margin: 5px 0 5px 0;
    clear: left;
}

.shippingMethods .zipRow {
    float: left;
    width: 460px;
    margin: 0 0 8px 0;
    clear: left;
}

.shipping .rowTop {
    float: left;
    width: 460px;
    margin: 10px 0 3px 0;
}

.shipping .rowBottom {
    float: left;
    width: 460px;
    margin: 3px 0 3px 0;
}

.shipping .zipRow .sortby {
    width: 450px;
    float: left;
}

    .shipping .zipRow .sortby span {
        margin: 0px;
        /*float:left;*/
    }

div#shoppingCart div#calculator #zipInput {
    float: left;
    margin: 0 0 0 5px;
    font: normal 12px Arial, San-serif;
    width: 80px;
    height: 27px;
    display: block;
    padding-left:5px;
}

.select {
    height: 25px;
}

.shippingMethods .row .col1 {
    float: left;
    width: 30px;
    padding: 5px 0 0 0;
}

.shippingMethods .row .col2 {
    float: left;
    width: 55px;
    margin: 0;
    padding: 3px 0 0 0;
}

.shippingMethods .row .col3 {
    float: left;
    width: 350px;
}

    .shippingMethods .row .col3 p {
        margin: 0 0 3px 0;
    }

.shippingMethods img {
    max-width: 50px;
    margin: 0;
    padding: 0 5px 0 0;
    border: 0;
    float: left;
    vertical-align: middle;
}

div#shoppingCart div#calculator {
    float: left;
    clear: both;
    width: 908px;
    padding: 0 20px 0 20px;
}

    div#shoppingCart div#calculator > div.row {
        font-size: 12px;
        clear: both;
        margin: 5px 0 5px 0;
        float: left;
        width: 100%;
    }

        div#shoppingCart div#calculator > div.row > img,
        div#shoppingCart div#calculator > div.row > div > img {
            float: left;
            vertical-align: middle;
            padding-right: 5px;
        }

.total {
    float: left;
    width: 345px;
}

    .total .left {
        float: left;
        width: 200px;
        padding: 0;
    }

        .total .left p,
        .total .right p {
            margin: 7px 0 0px 0;
        }

    .total .right {
        float: left;
        width: 80px;
        text-align: right;
        padding: 0;
    }

.inputText #couponInput {
    float: left;
    width: 80px;
}

.chooseCountry {
    float: left;
    text-align: left;
    font: normal 13px Arial, sans-serif;
    color: #3E3E3E;
}

    .chooseCountry .select {
        height: 32px;
    }

.shippingMethods {
    float: left;
    width: 461px;
    margin: 15px 0 0 0;
}

.warningMessage {
    width: 908px;
    background-color: #fffed1;
    float: left;
    padding: 25px;
    border: 1px solid #F93;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    margin: 0 0 20px 10px;
    font: bold 12px Arial, sans-serif;
    color: #f10200;
}

/* ----- New EditCart Changes 2/6/13 ----- */

div#shoppingCart {
    width: 958px;
    float: left;
    clear: both;
    padding: 5px 0 10x 0;
    border-top: none;
    border-bottom: 1px solid #d5d5d5;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-top-left-radius: 0;
    -o-border-top-right-radius: 0;
    -o-border-bottom-left-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

    div#shoppingCart .btnSm.gray {
        box-shadow: none;
        font-weight: normal;
    }

    div#shoppingCart .section {
        width: 908px;
        float: left;
        padding: 0 25px 0 25px;
    }

    div#shoppingCart #updateRow {
        width: 918px;
        float: left;
        border-bottom: 1px solid #d5d5d5;
        padding: 15px 40px 15px 0;
    }

    div#shoppingCart .yellowMessage {
        border-bottom: none;
        border-top: 1px solid #d5d5d5;
    }

    div#shoppingCart .shoppCrtRow {
        border-top: 1px solid #d5d5d5;
    }

        div#shoppingCart .shoppCrtRow:first-child {
            border-top: none;
        }

    div#shoppingCart .footerRow {
        float: left;
        width: 908px;
        padding: 5px 45px 10px 45px;
    }

    /*Ray Change 3/28/13 */

    div#shoppingCart img.cartArrow {
        margin-left: -30px;
        float: left;
    }

    div#shoppingCart a#checkoutBtn {
        display: block;
        width: 134px;
        height: 26px;
        padding-left: 36px;
        padding-top: 5px;
        float: left;
        background-image: url('/i/ui/btn/cart-btn-checkout.png');
        background-repeat: no-repeat;
        text-decoration: none;
        color: #000;
        font-size: 12px;
        font-weight: bold;
    }

/* ----- END New EditCart Changes ----- */

/* ----------- end Shopping Cart---------*/

/*-----------Brand listing ----------------*/

ul.brandListing {
    width: 270px;
    float: left;
    margin: 0 0 0 20px;
    color: #000;
    font: normal 12px Arial, sans-serif;
}

ul.brandListing4 {
    width: 220px;
    float: left;
    margin: 0 0 0 20px;
    color: #000;
    font: normal 12px Arial, sans-serif;
}

    ul.brandListing li,
    ul.brandListing4 li {
        font: normal 12px Arial, sans-serif;
        color: #000;
        list-style-position: outside;
        list-style-type: disc;
        padding: 3px 0 3px 3px;
        margin: 0 0 0 35px;
    }

        ul.brandListing li a,
        ul.brandListing4 li a {
            font: normal 12px Arial, sans-serif;
            color: 000;
            text-decoration: none;
        }

            ul.brandListing li a:hover {
                text-decoration: underline;
            }

/*-----------End Brand listing-------------*/

/*-----------Wish List----------------*/

.wishlist-folder-name {
    float: left;
    white-space: nowrap;
    overflow: hidden;
    max-width: 400px;
    padding-right: 20px;
}

.es .wishlist-folder-name {
    padding-right: 25px;
}

.ru .wishlist-folder-name {
    padding-right: 55px;
}

.ko .wishlist-folder-name {
    padding-right: 30px;
}

/*-----------End Wish List----------------*/

/*-----------My Page----------------*/

.save-page-btn {
    border: none;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    border-radius: .5em;
    width: 165px;
    height: 29px;
    float: left;
    margin-top: 0px;
    margin-left: 0px;
    color: #FFF;
    font: bold 12px Arial, sans-serif;
    background-color: #999;
}

/*-----------End My Page----------------*/

/*-----------Quick Shop     ----------------*/

.quickShRow {
    float: left;
    width: 908px;
    margin: 5px 0 3px 0;
}

.quickShCol {
    width: 260px;
    float: left;
    margin: 0 0 0 40px;
}

.quickShNr {
    width: 20px;
    float: left;
    font: normal 12px Arial, sans-serif;
    color: #000;
    text-align: center;
    padding: 3px 0 0 0;
}

.quickShPrCode {
    width: 150px;
    height: 15px;
    float: left;
    background-color: #fff;
    border: 1px solid #BCBCBC;
    padding: 3px 0 3px 5px;
    font: normal 12px Arial, sans-serif;
    color: #000;
}

.quickShQuant {
    width: 20px;
    height: 15px;
    float: left;
    border: 1px solid #BCBCBC;
    background: #fff;
    margin: 0 0 0 7px;
    padding: 3px 0 3px 3px;
    font: normal 12px Arial, sans-serif;
    color: #000;
}

/*-----------End Quick Shop ----------------*/

/*----------- Best seller Page --------------------*/

.bestSellersRow {
    margin: 5px 0 15px 0;
    float: left;
    width: 100%;
}

    .bestSellersRow .bestSellerNr {
        width: 30px;
        height: 25px;
        float: left;
        font: bold 16px Arial, sans-serif;
        color: #000;
        text-align: center;
        padding: 5px 0 0 0;
    }

    .bestSellersRow .bestSellerImg {
        float: left;
    }

    .bestSellersRow .price {
        font: bold 18px Arial, sans-serif;
        color: #000;
        margin: 0;
        padding: 0;
        float: left;
    }

    .bestSellersRow p.description {
        font: bold 14px Arial, sans-serif;
        color: #000;
        padding: 5px 0 0 0;
        overflow: hidden;
        margin: 0 0 5px 0;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        height: 50px;
    }

        .bestSellersRow p.description a {
            font: bold 14px Arial, sans-serif;
            color: #000;
            text-decoration: none;
        }

            .bestSellersRow p.description a:hover {
                text-decoration: underline;
            }

    .bestSellersRow .starsBestSeller {
        float: left;
        margin: 0 0 10px 0;
    }

        .bestSellersRow .starsBestSeller img,
        .bestSellersRow .starsBestSeller img a,
        .bestSellersRow .starsBestSeller img a:hover img {
            border: 0;
            margin: 0;
            padding: 0;
            vertical-align: middle;
            float: left;
        }

    .bestSellersRow .BestSeller img,
    .bestSellersRow .BestSeller a img,
    .bestSellersRow .BestSeller a:hover img {
        border: 0;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        float: left;
    }

.viewall-bs {
    float: left;
    width: 450px;
    text-align: left;
    padding: 0 30px 3px 200px;
    margin: 0px 0 0px 55px;
}

/*----------- End Best seller Page ----------------*/

/*----------- Sigh In Page --------------------*/

#signin {
    float: left;
    width: 800px;
    background-color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border: 5px solid #d5d5d5;
    margin: 20px 0 20px 85px;
}

    #signin .returning {
        width: 355px;
        height: 300px;
        float: left;
        background-image: url(/i/ui/signinbgr.png);
        background-repeat: repeat-x;
        background-position: left top;
        padding: 25px 20px 20px 25px;
    }

    #signin .new {
        width: 355px;
        float: left;
        padding: 25px 20px 20px 25px;
    }

.signinRow {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
}

.labels {
    float: left;
    font: bold 12px Arial, sans-serif;
    color: #000;
    margin: 3px 0 0 0;
}

.signinRow .inputFields input {
    float: left;
    height: 16px;
    width: 190px;
    padding: 3px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    text-align: left;
    margin: 0;
    font: normal 12px Arial, San-serif;
    color: #3a3134;
}

.inputFields {
    float: left;
    width: 190px;
    margin: 0;
}

.seals {
    float: left;
    width: 300px;
    margin: 0 0 10px 270px;
}

    .seals img {
        border: 0;
        padding: 3px;
        vertical-align: bottom;
    }

.box {
    float: left;
    width: 282px;
    padding: 0 20px 0 0;
}

    .box .sgnin-verbg {
        float: left;
        width: 205px;
    }

    .box .sgnin-img {
        border: 0;
        padding: 0 10px 0px 10px;
        float: left;
        width: 32px;
    }

.es .reset-password {
    white-space: normal;
}

.ru .reset-password {
    white-space: normal;
}

.ja .new .signinRow .labels {
    width: 182px;
}



/*----------- End Sigh In Page ----------------*/

/*----------- Check Out Pages start here ----------------*/

#checkoutHeaderBckgr {
    width: 100%;
    height: 56px;
    background-image: url(/i/ui/checkout-gray-backgr.png);
    background-repeat: repeat-x;
    background-position: left top;
}

#checkoutHdWrapper {
    margin: auto;
    height: 56px;
    width: 990px;
}

#checkoutLogo {
    float: left;
    width: 200px;
    margin: 5px 0 0 0;
}

    #checkoutLogo img {
        border: 0;
        padding: 0;
        border: 0;
    }

#checkoutFooter {
    width: 100%;
    height: 100px;
    background-color: #F9F9F9;
    padding: 32px;
    border: thin solid #cdcdcd;
    border-width: thin 0;
    color: rgb(76, 76, 76);
}

    #checkoutFooter a {
       color: rgb(76, 76, 76);
       text-decoration: underline;
    }

    #checkoutFooter .copyright-section {
        width: 990px;
        margin: 0 auto;
        padding: 20px;
        text-align: center;
    }

#checkoutContent {
    width: 980px;
    margin: 25px auto;
    overflow: hidden;
}

#checkoutWrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -100px;
}

#accountLinks {
    width: 600px;
    float: left;
}

#reorderWrapper {
    float: left;
    width: 716px;
    margin-left: 4px;
}

#divReorder {
    width: 694px;
    border: 1px solid #d5d5d5;
    padding: 10px;
    border-radius: 5px;
}

    #divReorder input {
        font-weight: 700;
        font-size: larger;
    }

    #divReorder ul {
        margin-left: 20px;
    }

    #divReorder h2,
    #divReorder li {
        margin-bottom: 5px;
        margin-top: 5px;
    }

#checkoutHdWrapper #accountLinks ul {
    list-style-type: none;
    margin: 0 10px 0 10px;
    padding: 0;
    height: 20px;
    width: 250px;
}

#checkoutHdWrapper #accountLinks li {
    background-image: url(/i/ui/black-bullet.gif);
    float: left;
    background-repeat: no-repeat;
    background-position: left center;
    padding-top: 4px 0 4px 15px;
}

#checkoutHdWrapper #accountLinks ul a {
    padding: 0 10px 0 10px;
    display: block;
    text-decoration: none;
    font: bold 12px/10px Arial, sans-serif;
    color: #000;
}

    #checkoutHdWrapper #accountLinks ul a:hover {
        text-decoration: underline;
    }

.addressContainer {
    float: left;
    height: 175px;
    overflow: auto;
    width: 100%;
}

.addressBookContainer {
    float: left;
    height: 175px;
    width: 100%;
    overflow: auto;
}

.accountInfoContainer {
    float: left;
    width: 100%;
}

.addressBookContainer img {
    border: 0;
    margin: 4px 7px 13px 3px;
    float: left;
}

.wrappaddr {
    width: 100%;
    height: 45px;
    float: left;
}

.grayBox {
    width: 210px;
    float: left;
    background-color: #e9e9e9;
    border: 1px solid #DBDBDB;
    padding: 20px 20px 20px 20px;
    margin: 10px 0 10px 18px;
}

.edit {
    text-decoration: none;
    font: normal normal bold 13px Arial, sans-serif bold;
    float: right;
    background: none;
    border: none;
}

    .edit:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.formWrap {
    float: left;
    width: 40%;
}

.my-acc-formWrap {
    float: left;
    width: 45%;
    margin: 0 10px 0 15px;
}

.formRow {
    width: 95%;
    float: left;
    margin: 1px 0 6px 15px;
}

.grayBoxWrap {
    float: left;
    width: 59%;
}

.formRowTopMrgn {
    width: 95%;
    float: left;
    margin: 40px 0 6px 15px;
}

    .formRowTopMrgn input {
        width: 97%;
        float: left;
        margin: 0px 0 6px 15px;
    }

        .formRowTopMrgn input.checkBox {
            float: left;
            width: 20px;
            margin: 0 3px 6px 15px;
        }

.checkBoxFl-left {
    float: left;
    width: 25px;
    vertical-align: middle;
    margin: 17px 0 0 3px;
}

.checkBoxTop {
    float: left;
    width: 25px;
    vertical-align: middle;
    margin: 2px 0 0 3px;
}

.ja .rated-checkBox {
    margin-left: 20px;
}

.ru .rated-checkBox {
    margin-left: 18px;
}

.zh .rated-checkBox {
    margin-left: 30px;
}

.formRow input[name=RemovePCC] {
    min-width: 234px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.formRow input[type=text] {
    width: 97%;
    margin: 0;
    float: left;
    padding: 7px 0 6px 2px;
}

.formRow input.checkBox {
    float: left;
    width: 20px;
    margin: 0 5px 10px 0;
}

.formRow input.checkBoxKOR {
    float: left;
    width: 20px;
    margin: 0 5px 55px 0;
}

.formRow select {
    padding: 7px 0px 6px 2px;
}

.formRow .two-set,
.formRowTopMrgn .two-set {
    width: 260px;
    float: left;
    margin: 0 5px 0 0;
}

.formRow p,
.formRowTopMrgn p {
    margin: 7px 0 0 0;
}

.formRow .three-set,
.formRowTopMrgn .three-set {
    width: 125px;
    float: left;
    margin: 0 5px 0 0;
}

.bt-box {
    width: 50%;
    float: left;
}

.bt-boxtwo {
    width: 48%;
    float: left;
}

.checkout-bt-nextbox {
    width: 15%;
    float: left;
    margin: 25px 25px 0 0;
}

.checkout-bt-backbox {
    width: 75%;
    float: left;
    margin: 25px 0 0 50px;
}

.formRow .inputred11b-bt {
    width: 120px;
    text-decoration: none;
    font: bold 11px Arial, sans-serif;
    color: #900;
    letter-spacing: 0.07em;
    padding: 4px;
    border: 1px solid #FFCF9F;
    background-color: #FFFFD7;
}

.ru .inputred11b-bt {
    width: 150px;
}

.es .inputred11b-bt {
    width: 142px;
}

.ko .inputred11b-bt {
    width: 125px;
}

.inputred11b-bt:hover {
    text-decoration: none;
    cursor: pointer;
    color: #F30;
}

.marginAuto {
    margin: auto;
}

/*----------- Check Out Pages end here ----------------*/

/*----------- Check Out Confirm Order starts here----------------*/

.orderDetails {
    width: 460px;
    height: 30px;
    background-color: #e9e9e9;
    float: left;
    padding: 5px;
    border: 1px solid #d5d5d5;
    margin: 0 0 0 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -o-border-top-left-radius: 5px;
    -o-border-top-right-radius: 5px;
    -o-border-bottom-left-radius: 0;
    -o-border-bottom-right-radius: 0;
}

.orderDetailsContent {
    width: 450px;
    float: left;
    padding: 10px;
    margin: 0 0 15px 15px;
    border-top: none;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-top-left-radius: 0;
    -o-border-top-right-radius: 0;
    -o-border-bottom-left-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

.orderDetails > .note {
    display: block;
    width: 320px;
    margin-left: 5px;
    line-height: 16px;
    float: left;
}

.orderSummary {
    width: 690px;
    height: 30px;
    background-color: #e9e9e9;
    float: left;
    padding: 5px;
    border: 1px solid #d5d5d5;
    margin: 0 5px 0 15px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -o-border-top-left-radius: 5px;
    -o-border-top-right-radius: 5px;
    -o-border-bottom-left-radius: 0;
    -o-border-bottom-right-radius: 0;
}

.orderSummaryContent {
    width: 690px;
    float: left;
    padding: 10px 5px 20px 5px;
    margin: 0 5px 0 15px;
    border-top: none;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-top-left-radius: 0;
    -o-border-top-right-radius: 0;
    -o-border-bottom-left-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

.orderTotal {
    width: 230px;
    height: 30px;
    background-color: #e9e9e9;
    float: left;
    padding: 5px;
    border: 1px solid #d5d5d5;
    margin: 0 5px 0 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -moz-border-bottom-left-radius: 0;
    -moz-border-bottom-right-radius: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -o-border-top-left-radius: 5px;
    -o-border-top-right-radius: 5px;
    -o-border-bottom-left-radius: 0;
    -o-border-bottom-right-radius: 0;
}

.orderTotalContent {
    width: 230px;
    float: left;
    padding: 5px;
    margin: 0 5px 0 10px;
    border-top: none;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-top-left-radius: 0;
    -o-border-top-right-radius: 0;
    -o-border-bottom-left-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

.orderTitle {
    font: bold 17px Arial, sans-serif;
    text-decoration: none;
    color: #000;
    margin: 6px 0 0 10px;
    float: left;
}

.addressBox {
    width: 200px;
    float: left;
    margin: 0 0 0 18px;
}

.addressBox-bdR {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #d5d5d5;
    width: 200px;
    float: left;
    margin: 0;
    padding: 0 18px 0 11px;
}

.addressBox img {
    border: 0;
    margin: 4px 7px 4px 0;
    float: left;
}

.ccInfoBox {
    width: 100%;
    height: 110px;
    float: left;
    margin: 0;
}

.ccwrapper {
    width: 100%;
    float: left;
}

.ccInfoBox img {
    border: 0;
    margin: 4px 7px 4px 0;
    float: left;
}

.formRow img,
.formRowTopMrgn img {
    float: left;
    margin: 1px 3px 0 0px;
}

.orderSummaryRow {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 0 10px 0;
    margin: 0;
}

.orderSummarySubRow {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 0 10px 0;
    margin: 0;
    background-color: #FDFFF4;
}

.orderSummarySearchRow {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 0 10px 0;
    margin: 0;
    background-color: #F5F5F5;
}

.orderSummaryRow-reviewed {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 35px 0 10px 0;
    margin: 0;
    background-color: #FDFFF4;
}

.orderSummaryRow-bottom {
    width: 100%;
    float: left;
    padding: 10px 0 10px 0;
    margin: 0;
}

.shoppCrtCol3 input.quantity-box {
    width: 13px;
    height: 13px;
    float: left;
    padding: 3px;
    font: bold 12px Arial, San-serif;
    color: #3a3134;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    margin: 3px 0 0 13px;
    text-align: center;
}

.shoppCrtCol3 input.myacc-qnty-box {
    width: 13px;
    height: 13px;
    float: left;
    padding: 3px;
    font: bold 12px Arial, San-serif;
    color: #3a3134;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    margin: 3px 0 0 0px;
    text-align: center;
}

.myacc-qnty-verb {
    font: normal 12px Arial, sans-serif;
    color: #000;
    padding-top: 5px;
}

.yellowDiscsRow {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 4px 0 4px 0px;
    margin: 0;
    background: #fffed1;
}

    .yellowDiscsRow img {
        float: left;
        padding: 0 5px 0 12px;
    }

    .yellowDiscsRow p {
        padding-top: 5px;
    }

.orderTotalRow {
    width: 95%;
    float: left;
    margin: 13px 5px 5px 5px;
}

.left {
    width: 50%;
    float: left;
}

.lft {
    float: left;
}

.right {
    width: 50%;
    float: right;
}

.rght {
    float: right;
}

.orderTotalRow input.checkbox {
    float: left;
    width: 20px;
    margin: 0 5px 10px 0;
}

/*----------- Check Out Confirm Order ends here----------------*/

.paddingContainer {
    padding: 0 10px 0 10px;
}

    .paddingContainer img {
        float: left;
        padding: 0px 8px 0px 0;
    }

.my-acc-notes {
    width: 100%;
    float: left;
    margin: 10px 0 10px 0;
    font: normal 12px Arial, Helvetica, sans-serif;
    padding: 0 0 0 3px;
}

.checkout-bt-back {
    float: left;
    margin-top: 28px;
}

.checkout-bt-next {
    float: right;
    margin-top: 25px;
}

.wishList-row {
    width: 100%;
    height: 19px;
    float: left;
    padding: 3px 0 3px 0;
}

    .wishList-row img {
        border: 0;
        float: left;
        padding: 0;
    }

.my-acc-mypr-btholder {
    float: left;
    width: 150px;
    margin: 33px 0 0 100px;
}

.my-acc-mypr-row-top {
    float: left;
    width: 652px;
    padding: 40px 30px 0 30px;
}

.my-acc-mypr-row-mdl {
    float: left;
    width: 652px;
    padding: 5px 30px 0 30px;
}

.my-acc-mypr-row-botm {
    float: left;
    width: 652px;
    padding: 5px 30px 25px 30px;
}

.my-acc-mypr-row {
    float: left;
    width: 652px;
    padding: 10px 30px 20px 30px;
}

.my-acc-mypr-row-mdl input.prodrev-title {
    width: 647px;
    height: 27px;
    float: left;
    padding: 3px;
    font: bold 12px Arial, San-serif;
    color: #3a3134;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    text-align: left;
}

.my-acc-mypr-row-mdl textarea.prodrev-text {
    width: 647px;
    height: 90px;
    float: left;
    padding: 3px;
    font: normal 12px Arial, San-serif;
    color: #3a3134;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    text-align: left;
    vertical-align: top;
}

.my-acc-block {
    float: left;
    width: 35px;
    padding: 0 0 0 15px;
    margin: 8px 0 0 0;
}

.ja .my-acc-block {
    white-space: nowrap;
}

.zh .my-acc-block {
    white-space: nowrap;
}

.my-acc-prodim {
    float: left;
    width: 75px;
    margin: 0 0 0 28px;
}

    .my-acc-prodim img {
        float: left;
        border: 0;
    }

.checkBox-All {
    float: left;
    width: 25px;
    vertical-align: middle;
    margin: 2px 75px 0 3px;
}

.my-acc-pagination {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 10px 0 0 20px;
    float: right;
    color: #7E7E7E;
}

    .my-acc-pagination a {
        font: normal 13px Arial, sans-serif;
        margin: 0;
        padding: 0 4px 0 4px;
        color: #1c359d;
        text-decoration: none;
    }

        .my-acc-pagination a:hover {
            text-decoration: underline;
        }

.my-acc-display-items {
    font: normal 13px Arial, sans-serif;
    margin: 0;
    padding: 10px 5px 0 10px;
    float: right;
    color: #3E3E3E;
}

.my-acc-bt-holder {
    float: left;
    margin: 0 0 0 10px;
}

.my-acc-inputholder {
    float: right;
    margin-top: 9px;
    text-align: left;
    font: normal 13px Arial, sans-serif;
    color: #3E3E3E;
    margin: 3px 7px 0 42px;
}

.es .my-acc-inputholder {
    margin: 3px 20px;
    max-width: 30%;
}

.ja .my-acc-inputholder {
    margin: 3px 20px;
    max-width: 30%;
}

.ru .my-acc-inputholder {
    margin: 3px 15px;
    max-width: 30%;
}

.my-acc-inputholder > select {
    width: 100%;
}

.mypage-yellow {
    float: left;
    width: 653px;
    background: #fffed1;
    border: 1px solid #dad48c;
    padding: 15px 10px 0 10px;
    margin: 20px 0 25px 0;
}

.mypage-col1 {
    width: 235px;
    float: left;
}

.gray-container {
    width: 193px;
    float: left;
    padding: 15px;
    background-color: #e9e9e9;
    border: 1px solid #DBDBDB;
    margin: 0 0 15px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

.gray-right-container {
    width: 400px;
    float: right;
    padding: 0px 15px 0px 15px;
    margin: 0;
    background-color: #e9e9e9;
    border: 1px solid #DBDBDB;
    /*margin: 0 0 15px 0;*/
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}

.img-container {
    margin: 10px auto 5px;
    width: 170px;
    padding: 0;
    background-color: #e9e9e9;
    border: 1px solid #DBDBDB;
    overflow: hidden;
}

    .img-container img {
        border: 0;
        margin: 0;
        padding: 0;
        float: left;
        width: 170px;
        height: 179px;
    }

.mypage-col1 .row {
    width: 165px;
    float: left;
    margin: 5px 0px 0 10px;
}

.mypage-col1 .row-middle {
    width: 164px;
    float: left;
    margin: 3px 0 0 0;
}

.mypage-col2 {
    width: 380px;
    float: right;
    padding: 15px 15px 25px 15px;
    margin: 0;
}

.mypage-row-middle {
    width: 100%;
    float: left;
    margin: 3px 0 0 0;
}

    .mypage-row-middle img {
        float: left;
        border: 0;
        margin: 10px -5px 10px -5px;
    }

        .mypage-row-middle img.fedex {
            float: left;
            border: 0;
            padding: 0px 8px 0 0;
            margin: 5px 0 0 0;
        }

    .mypage-row-middle .btOrange-big {
        float: right;
        margin: 10px 0 0 0;
    }

.mypage-row-top {
    width: 100%;
    float: left;
    margin: 20px 0 0 0;
}

.mypage-row-bottom {
    width: 100%;
    float: left;
}

input.mypage {
    float: left;
    width: 100%;
    height: 27px;
    padding: 3px;
    margin: 0;
}

textarea.mypageDesc {
    float: left;
    width: 100%;
    height: 180px;
    padding: 2px;
    margin: 0;
}

.mypage-narrowcol {
    width: 30%;
    float: left;
    margin: 0 15px 0 0;
}

input.socmedia {
    float: right;
    width: 92%;
    height: 27px;
    padding: 3px;
    margin: 5px 0 0 0;
}

input.mypagechb {
    float: left;
    margin: 1px 3px 0 0;
}

.greennotes {
    border: 1px solid #458500;
    margin: 15px 0;
    padding: 15px 15px 15px 25px;
    width: 285px;
    float: left;
    font-size: 16px;
    line-height: 1.4rem;
}

.yellownotes {
    float: left;
    width: 860px;
    background: #fffed1;
    border: 1px solid #dad48c;
    padding: 15px 15px 15px 30px;
    margin: 20px 0 25px 0;
}

    .yellownotes img {
        float: left;
        margin: -10px 0 0 0;
        border: 0;
        padding: 0px 25px 0 35px;
    }

    .yellownotes p {
        float: left;
        margin: 0;
        border: 0;
        padding: 10px 0px 0 0px;
    }

.steps {
    float: left;
    width: 893px;
    margin: 15px 0 13px 8px;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #d5d5d5;
}

.spl-abc {
    float: left;
    width: 907px;
    margin: 15px 0 0 0;
    padding: 0;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    background-color: #F5F5F5;
    color: #009;
}

    .spl-abc ul.abclist {
        float: left;
        list-style-type: none;
        margin: 0 0 0 0px;
    }

        .spl-abc ul.abclist li {
            float: left;
            font: bold 14px Arial, Helvetica, sans-serif;
        }

            .spl-abc ul.abclist li.selected {
                float: left;
                font: bold 14px Arial, Helvetica, sans-serif;
                color: #f08925;
                background-color: #fff;
                padding: 4px 12px 4px 12px;
            }

            .spl-abc ul.abclist li.yes {
                float: left;
                font: bold 14px Arial, Helvetica, sans-serif;
                color: #f08925;
                background: #fffed1;
            }

                .spl-abc ul.abclist li a,
                .spl-abc ul.abclist li.yes a {
                    float: left;
                    padding: 4px 12px 4px 12px;
                    font: bold 14px Arial, Helvetica, sans-serif;
                    display: block;
                }

            .spl-abc ul.abclist li:first-of-type a {
                padding: 4px 12px 2px 3px;
            }

            .spl-abc ul.abclist li:last-of-type a {
                padding: 4px 2px 4px 2px;
            }

.ie9 .spl-abc ul.abclist li a,
.ie9 .spl-abc ul.abclist li.yes a {
    float: left;
    padding: 4px 11px 4px 12px;
    font: bold 14px Arial, Helvetica, sans-serif;
    display: block;
}

.spl-abc ul.abclist li a:hover {
    color: #f08925;
    background-color: #fff;
    text-decoration: none;
}

.steps .imcol {
    width: 50px;
    float: left;
    padding: 7px 0 0 0;
}

    .steps .imcol img {
        float: left;
        border: 0;
        vertical-align: text-top;
    }

.steps .verbcol {
    float: left;
    width: 800px;
    padding: 3px 0 0 15px;
}

.vmod {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

    .vmod .velement {
        width: 260px;
        height: 245px;
        margin: 0 10px 0 0;
        float: left;
        overflow: hidden;
    }

.playvideo {
    width: 250px;
    height: 18px;
    background-color: #000;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font: normal 12px Arial, Helvetica, sans-serif;
    position: relative;
    margin-top: -31px;
    margin-bottom: 5px;
    padding: 8px 5px 5px 5px;
    vertical-align: middle;
}

    .playvideo a {
        text-decoration: none;
        color: #fff;
        margin: 3px 0 0 0;
    }

        .playvideo a:hover {
            color: #f08925;
            cursor: pointer;
        }

    .playvideo:hover {
        color: #f08925;
        cursor: pointer;
    }

    .playvideo img {
        border: 0;
        padding: 0px 8px 0 5px;
        float: left;
        vertical-align: middle;
        margin: 0;
    }

.spl-row {
    float: left;
    width: 885px;
    margin: 0;
    padding: 15px 10px 15px 10px;
    border-bottom: 1px solid #d5d5d5;
    color: #009;
}

.spl-row-selected {
    float: left;
    width: 885px;
    margin: 0;
    padding: 15px 10px 15px 10px;
    border-bottom: 1px solid #d5d5d5;
    color: #009;
    background: #fffed1;
}

    .spl-row .col,
    .spl-row-selected .col {
        float: left;
        width: 200px;
        padding: 0;
        margin: 0 21px 0 0;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }

        .spl-row .col a,
        .spl-row-selected .col a {
            -ms-word-wrap: break-word;
            word-wrap: break-word;
        }

.ie9 .spl-row .col a,
.ie9 .spl-row-selected .col a {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.rankcol {
    width: 60px;
    float: left;
    font: bold 13px Arial, Helvetica, sans-serif;
}

.imcol {
    width: 110px;
    float: left;
}

    .imcol img {
        margin-top: 3px;
        float: left;
        border: 1px solid #CCC;
    }

.reviewercol {
    width: 580px;
    float: left;
    font: bold 13px Arial, Helvetica, sans-serif;
    padding: 0 0 0 30px;
}

.helpfulnesscol {
    width: 70px;
    float: left;
    padding-left: 40px;
    font: bold 13px Arial, Helvetica, sans-serif;
    text-align: center;
}

.reviewer-imgcol {
    width: 170px;
    float: left;
}

.reviewer-img {
    width: 170px;
    float: left;
    margin: 0 30px 0 0;
}

    .reviewer-img img {
        float: left;
        border: 1px solid #CCC;
    }

.reviewer-sum {
    float: left;
    margin: 5px 0 0 0;
}

    .reviewer-sum img {
        border: none;
        margin: 3px 0px 0 0;
        float: left;
    }

.prod-revimg {
    float: left;
    width: 185px;
    margin: 0 20px 0 0;
}

    .prod-revimg img {
        border: 0;
        float: left;
        padding: 0 0 0 40px;
    }

.prod-rev-descr {
    width: 185px;
    height: 44px;
    text-decoration: none;
    font: bold 11px Arial, sans-serif;
    color: #000;
    float: left;
    overflow: hidden;
    padding: 15px 0 0 0;
    margin: 0;
}

.rev-title {
    width: 100%;
    float: left;
    padding: 0;
    font: bold 17px Arial, sans-serif;
    color: #000;
}

.my-reviewercol {
    width: 670px;
    float: left;
    font: normal 13px/20px Arial, Helvetica, sans-serif;
    padding: 0;
}

.myrev-cont {
    float: left;
    width: 670px;
    padding: 5px 0 10px 0;
    font: bold 12px/20px Arial, Helvetica, sans-serif;
}

    .myrev-cont img {
        float: left;
        border: 0;
        padding: 0 3px 0 0;
        width: 90px;
    }

    .myrev-cont p.floatL,
    .myrev-cont a {
        float: left;
        margin: 0 5px 0 0;
        padding: 3px 0 0 0;
    }

.shippingRow {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 20px 0 20px 0;
    margin: 0;
}

.shippingRow-bottom {
    width: 100%;
    float: left;
    padding: 20px 0 20px 0;
    margin: 0;
}

/* end order history input */

.w33 {
    width: 33%;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}

.off {
    display: none;
}

    .on,
    .off.on {
        display: block;
    }

.question-mark.on,
.question-mark.off.on {
    display: inline-block;
}

.myAccOrderRow-mbt {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 6px 0 3px 0;
    margin: 0 0 7px 0;
    font: normal 12px Arial, Helvetica, sans-serif;
}

.myAccOrderRow {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 6px 0 5px 0;
    margin: 0;
    font: normal 12px Arial, Helvetica, sans-serif;
}

.myAccOrderRow-mrgnTop {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 6px 0 5px 0;
    margin: 10px 0 0 0;
    font: normal 12px Arial, Helvetica, sans-serif;
}

.myAccOrderRow-mrgnTopmrgbt {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 6px 0 3px 0;
    margin: 10px 0 7px 0;
    font: normal 12px Arial, Helvetica, sans-serif;
}

.myAccOrderMrgTopRow {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 6px 0 5px 0;
    margin: 10px 0 0 0;
    font: normal 12px Arial, Helvetica, sans-serif;
}

.myAccTotalRow {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 3px 0 3px 0;
    margin: 0;
    font: normal 12px Arial, Helvetica, sans-serif;
}

/* ---Add my Favorite products----*/

.myfav-prod-img {
    width: 50px;
    height: 62px;
    padding: 0;
    margin: 0;
    float: left;
    border: 0;
}

    .myfav-prod-img img {
        border: 0;
        margin: 0;
        padding: 0;
    }

.myfav-prod-discription a {
    width: 104px;
    height: 44px;
    text-decoration: none;
    font: bold 11px Arial, sans-serif;
    color: #000;
    float: left;
    overflow: hidden;
}

    .myfav-prod-discription a:hover {
        text-decoration: underline;
    }

.myfav-sort {
    width: 16px;
    float: left;
    margin: 15px 0 0 0;
}

    .myfav-sort img {
        border: 0;
        margin: 0;
        padding: 0;
    }

.myfav-close {
    width: 25px;
    float: right;
}

    .myfav-close img {
        border: 0;
        margin: 0;
        padding: 0;
    }

.myfav-viewed-products {
    width: 197px;
    border-bottom: 1px solid #d5d5d5;
    padding: 10px 0px 10px 0px;
    margin: 0 0 0 6px;
    float: left;
}

.myfav-price {
    margin: 5px 0 0 0px;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #000;
    font-weight: bold;
    float: left;
}

.myfav-crossed-out {
    margin: 0;
    padding: 0 0 0 5px;
    color: #bababa;
    font: bold 14px Arial, sans-serif;
    text-decoration: line-through;
    display: inline;
    text-align: left;
}

.myfav-stars-sm {
    margin: 0px 20px 0 0;
    padding: 0;
    border: 0;
    float: left;
}

    .myfav-stars-sm img {
        border: 0;
        margin: 0;
        padding: 0;
    }

/* ---End Add my Favorite products----*/

/* ----- my fav products on my page ----*/

.myfav-prodSlot {
    width: 210px;
    height: 200px;
    float: left;
    padding-left: 17px;
}

.myfav-imageHolder {
    float: left;
    width: 127px;
    padding: 15px 0 12px 55px;
}

    .myfav-imageHolder img {
        border: none;
    }

.myfav-revdiscr a {
    width: 185px;
    height: 44px;
    text-decoration: none;
    font: bold 11px Arial, sans-serif;
    color: #000;
    float: left;
    overflow: hidden;
    padding: 0 10px 0 0;
    margin: 0;
}

    .myfav-revdiscr a:hover {
        text-decoration: underline;
    }

.ie9 .myfav-revdiscr a {
    width: 185px;
    height: 40px;
    text-decoration: none;
    font: bold 11px Arial, sans-serif;
    color: #000;
    float: left;
    overflow: hidden;
    padding: 0 10px 0 0;
    margin: 0;
}

.my-acc-gray-footer {
    width: 678px;
    height: 35px;
    float: left;
    margin: 0 0 20px 0;
    background-color: #e9e9e9;
    float: left;
    padding: 12px 27px 0px 8px;
    border-top: none;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-top-left-radius: 0px;
    -moz-border-top-right-radius: 0px;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-top-left-radius: 0px;
    -o-border-top-right-radius: 0px;
    -o-border-bottom-left-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

/* ---order summary top row that has date----*/

.orderSummaryTopRow {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.orderTopCol {
    float: left;
    width: 300px;
    margin: 0;
    font: bold 12px Arial, sans-serif;
}

.orderSummaryYellowRow {
    width: 100%;
    float: left;
    border-bottom: 1px solid #d5d5d5;
    padding: 3px 0 3px 0;
    margin: 0;
    background: #fffed1;
}

    .orderSummaryYellowRow img {
        float: left;
        margin: 0;
        border: 0;
        vertical-align: middle;
        padding: 0 5px 0 5px;
    }

    .orderSummaryYellowRow p {
        padding: 5px 0 0 0;
    }

.modfOrder-ico {
    width: 43px;
    float: left;
    padding: 0 0 0 3px;
}

    .modfOrder-ico img {
        border: 0;
        float: left;
    }

.modfOrder-verbiage {
    width: 92%;
    float: left;
}

.my-acc-addrBookBox {
    width: 185px;
    height: 220px;
    float: left;
    background-color: #e9e9e9;
    border: 1px solid #DBDBDB;
    padding: 15px 15px 15px 15px;
    margin: 6px 4px 6px 4px;
}

.my-acc-addrBookBoxDefault {
    width: 185px;
    height: 220px;
    float: left;
    background: #fffed1;
    border: 1px solid #d5d5d5;
    margin: 6px 4px 6px 4px;
    padding: 15px 15px 15px 15px;
}

.myacc-Col1 {
    float: left;
    width: 58px;
}

.myacc-Col2 {
    float: left;
    width: 195px;
    margin: 0 15px 0 0;
}

.myacc-Col3 {
    float: left;
    width: 60px;
    padding: 0;
}

.crossedThrough {
    text-decoration: line-through;
}

.rightWing {
    float: right;
    margin: 8px 10px 0 0;
}

.leftWing {
    float: left;
    margin: 0px 0 0 20px;
}

/* --------- start 3 column search results type pages here -------- */

.prodSlotWide {
    float: left;
    width: 190px;
    height: 265px;
    padding: 10px 4px 5px 35px;
}

.ie7 .prodSlotWide {
    width: 195px;
    padding: 10px 4px 5px 33px;
    position: relative;
}

.prodSlotWide .price {
    font: bold 16px Arial, sans-serif;
    color: #000;
    margin: 0 0 4px 0;
}

.prodSlotWide div.button {
    float: left;
    width: 30px;
    margin-top: 6px;
    margin-right: 5px;
}

.prodSlotWide > div.details,
.prodSlotWide > div.starsAndPrice {
    float: left;
    width: 100%;
}

.prodSlotWide div.starsAndPrice {
    float: left;
    display: inline-block;
}

.ie7 .prodSlotWide div.starsAndPrice {
    -ms-zoom: 1;
    zoom: 1;
    display: inline;
}

.prodSlotWide p.description {
    font: bold 12px Arial, sans-serif;
    padding: 5px 0 6px 0;
    clear: both;
    height: 38px;
    overflow: hidden;
    margin: 0 0 4px 0;
}

.ie9 .prodSlotWide p.description {
    font: normal 12px Arial, sans-serif;
    padding: 5px 0 3px 0;
    height: 40px;
    overflow: hidden;
    margin: 0 0 9px 0;
}

.prodSlotWide p.description a {
    font: normal 12px Arial, sans-serif;
    text-decoration: none;
}

    .prodSlotWide p.description a:hover {
        text-decoration: underline;
    }

.prodSlotWide .imgContainer {
    width: 171px;
    height: 120px;
    float: left;
    padding: 0 0 0 20px;
    position: relative;
}

    .prodSlotWide .imgContainer img.prodImage {
        border: 0;
        margin: auto;
        clear: both;
    }

    /* ----- QUICK VIEW ------------------------------------------------------- */

    .prodSlotWide .imgContainer > .quickViewBtn {
        display: none;
    }

    .prodSlotWide .imgContainer:hover > .quickViewBtn {
        display: block;
        position: absolute;
        top: 50%;
        text-align: center;
        cursor: pointer;
        background-color: #f3f3f3;
        border-radius: 3px;
        border: 1px solid #e3e3e3;
        text-align: center;
        width: 151px;
        margin-left: -10px;
        padding: 3px 0 3px 0;
        opacity: .6;
        font-weight: bold;
        font-size: 13px;
    }

        .prodSlotWide .imgContainer:hover > .quickViewBtn:hover {
            border: 1px solid #336900;
            background-color: #336900;
            background-image: linear-gradient(top, #669800, #4d8100, #336900);
            opacity: .9;
            color: #fff;
        }

div#qvPanelWrapper {
    position: absolute;
    left: 50%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.ie7 div#qvPanelWrapper {
    z-index: 3000;
}

div#qvPanel {
    z-index: 3001;
    position: relative;
    width: 800px;
    background-color: #fff;
    border-radius: 5px;
    left: -50%;
    display: block;
}

.ie7 div#qvPanel {
    *zoom: 1;
    display: inline;
}

div#qvPanel .header {
    margin: 15px 5px 5px 20px;
    float: left;
    width: 775px;
}

    div#qvPanel .header > .title {
        width: 695px;
        float: left;
        font-size: 20px;
        font-weight: bold;
    }

    div#qvPanel .header > .close {
        width: 80px;
        float: left;
    }

        div#qvPanel .header > .close p:hover {
            cursor: pointer;
            text-decoration: underline;
        }

        div#qvPanel .header > .close img {
            vertical-align: middle;
            margin-left: 8px;
        }

        div#qvPanel .header > .close p {
            margin-right: 5px;
            float: right;
            display: inline-block;
        }

.ie7 div#qvPanel .header > .close p {
    *zoom: 1;
    display: inline;
}

div#qvPanel .header .reviews {
    margin-top: 10px;
}

    div#qvPanel .header .reviews a.stars {
        text-decoration: none;
    }

        div#qvPanel .header .reviews a.stars img {
            display: inline-block;
            padding-right: 5px;
        }

div#qvPanel .product {
    clear: both;
    float: left;
    width: 760px;
    margin: 14px 20px 20px 20px;
}

    div#qvPanel .product > .left {
        float: left;
        width: 300px;
    }

    div#qvPanel .product > .right {
        float: left;
        width: 460px;
    }

    div#qvPanel .product .description {
        max-height: 200px;
        overflow-y: auto;
    }

.ie7 div#qvPanel .product .description,
.ie8 div#qvPanel .product .description {
    max-height: 200px;
    overflow-y: scroll;
}

div#qvPanel .product .item {
    margin-top: 15px;
}

    div#qvPanel .product .item .quantity {
        float: left;
        margin-right: 12px;
    }

    div#qvPanel .product .item .price {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 10px;
    }

        div#qvPanel .product .item .price > .retailPrice {
            font-size: 14px;
            font-weight: normal;
            text-decoration: line-through;
            color: #666;
        }

div#qvPanel .product .viewDetails {
    line-height: 17px;
}

div#qvPanel .suggestions > .title {
    width: 790px;
    padding: 3px 0 3px 10px;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    background-color: #efefef;
    font-weight: bold;
}

div#qvPanel .suggestions {
    clear: both;
    padding-bottom: 14px;
}

    div#qvPanel .suggestions .list {
        margin: 10px 25px 5px 25px;
        float: left;
        width: 750px;
    }

div#qvPanel .prodSlotQV {
    width: 155px;
    margin: 0 15px 0 15px;
    float: left;
    text-align: center;
}

    div#qvPanel .prodSlotQV .price {
        width: 146px;
        padding-right: 9px;
        text-align: left;
        font-weight: bold;
        font-size: 13px;
    }

    div#qvPanel .prodSlotQV .rating {
        width: 50%;
        float: left;
        text-align: left;
    }

    div#qvPanel .prodSlotQV .name {
        text-align: left;
        line-height: 15px;
        height: 45px;
        overflow: hidden;
    }

/* ----- END QUICKVIEW ---------------------------------------------------- */

/* ----- WAREHOUSE -------------------------------------------------------- */

/* ----- END WAREHOUSE ---------------------------------------------------- */

/* ---------Ends 3 column search results type pages here -------- */

.emptspc {
    width: 10px;
}

.srchthis {
    float: left;
    width: 380px;
    margin: 4px 0 0 22px;
    font: normal 12px Arial, Helvetica, sans-serif;
    padding: 0px 0 0 55px;
    text-align: left;
}

.ie7 .srchthis {
    margin: 0px 0 0 22px;
    font: normal 12px Arial, Helvetica, sans-serif;
    padding: 0px 0 0 5px;
    text-align: left;
    margin: 0px 0 0 20px;
}

/* ---------start prod lable -------- */

.prdLbl {
    width: 55px;
    height: 110px;
    position: absolute;
    z-index: 1;
}

.ie7 .prdLbl {
    left: 0;
    top: 0;
}

.prdLbl img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    border: none;
}

/* ---------end prod lable -------- */

.messages {
    float: left;
    width: 100%;
    padding: 10px;
    background: #fffed1;
    border: 1px solid #dad48c;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #000;
}

/* ---------small product slots -------- */

.smProdSlots {
    float: left;
    width: 165px;
    padding: 0 0 0 14px;
}

.smProdImg {
    width: 50px;
    float: left;
    margin: 0 5px 5px 0;
}

.smProdDescr {
    float: left;
    width: 109px;
    height: 30px;
    font: normal 12px/14px Arial, Helvetica, sans-serif;
    overflow: hidden;
    margin: 5px 0 1px 0;
}

    .smProdDescr a {
        font: normal 12px/14px Arial, Helvetica, sans-serif;
        text-decoration: none;
        color: #000000;
    }

        .smProdDescr a:hover {
            text-decoration: underline;
        }

.smProdRow {
    width: 109px;
    float: left;
}

.leftScrallsm {
    width: 21px;
    height: 86px;
    float: left;
    display: block;
    background: url(/i/ui/leftScrall-sm-inc-2.png) no-repeat right top;
    margin-top: 65px;
}

    .leftScrallsm:hover {
        background: url(/i/ui/leftScrall-sm-inc-2.png) no-repeat right top;
        cursor: pointer;
    }

.leftScrallsmInact {
    width: 21px;
    height: 86px;
    float: left;
    display: block;
    background: url(/i/ui/leftScrall-sm-inc-2.png) no-repeat right top;
    margin-top: 65px;
}

    .leftScrallsmInact:hover {
        width: 21px;
        height: 86px;
        float: left;
        display: block;
        background: url(/i/ui/leftScrall-sm-inc-2.png) no-repeat right top;
        cursor: default;
    }

.rightScrallsm {
    width: 21px;
    height: 86px;
    float: right;
    display: block;
    background: url(/i/ui/right-scrall-sm-inc-2.png) no-repeat left top;
    margin-top: 65px;
}

    .rightScrallsm:hover {
        width: 21px;
        height: 86px;
        float: right;
        display: block;
        background: url(/i/ui/right-scrall-sm-inc-2.png) no-repeat left top;
        cursor: pointer;
    }

.rightScrallsmInact {
    width: 21px;
    height: 86px;
    float: right;
    display: block;
    background: url(/i/ui/right-scrall-sm-inc-2.png) no-repeat left top;
    margin-top: 65px;
}

    .rightScrallsmInact:hover {
        width: 21px;
        height: 86px;
        float: right;
        display: block;
        background: url(/i/ui/right-scrall-sm-inc-2.png) no-repeat left top;
        cursor: default;
    }

img.super-sm-strs {
    margin: -3px 0 0 3px;
    vertical-align: middle;
}

.prodSlots3 {
    float: left;
    width: 276px;
    padding: 0 12px 0 12px;
}

.prodDescr3 {
    float: left;
    height: 59px;
    overflow: hidden;
    margin: 2px 0 1px 0;
    width: 185px;
    font: normal 12px/15px Arial, Helvetica, sans-serif;
}

    .prodDescr3 a {
        font: normal 12px/15px Arial, Helvetica, sans-serif;
        text-decoration: none;
        color: #000000;
    }

        .prodDescr3 a:hover {
            text-decoration: underline;
        }

.prod3Img {
    width: 75px;
    float: left;
    margin: 0 13px 5px 0;
}

    .prod3Img img {
        float: left;
    }

.prodRow3 {
    margin: 1px 0 0 0;
    width: 185px;
    float: left;
}

.superspnt3 {
    width: 185px;
    overflow: hidden;
    position: absolute;
    display: block;
    background-color: #FFF;
    margin: 46px 0 0 88px;
    font: normal 12px Arial, Helvetica, sans-serif;
    color: #197b2a;
    text-wrap: none;
    white-space: nowrap;
    padding: 2px 0 2px 0;
}

.ie7 .superspnt3 {
    display: none;
}

/* ---------end small product slots -------- */

table.a-z {
    border: none;
    margin: 0 0 0 0;
    padding: 0;
    border-spacing: 0;
    width: 980px;
}

    table.a-z tr,
    table.a-z td {
        border: 0;
        margin: 0;
        padding: 0;
    }

/* ---------start search Results pagination -------- */

.search-rsl-pgnt a {
    font: bold 13px Arial, sans-serif;
    margin: 0;
    color: #009;
    display: block;
    text-align: center;
}

.search-rsl-pgnt:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* ---------end search Results pagination -------- */

/* ---------start category descriptions overwrite from DB-------- */

#pagetitlewrapper .h2 div {
    text-align: left;
    margin: 10px 0 0 0;
}

#pagetitlewrapper .h2 table {
    border: 0;
    width: 66%;
    float: left;
}

#pagetitlewrapper .h2 #informative table {
    vertical-align: top;
}

#pagetitlewrapper .h2 #informative td {
    vertical-align: top;
}

#pagetitlewrapper .h2 tr {
    border-bottom: 0;
}

#pagetitlewrapper .h2 td {
    padding: 3px 10px 3px 10px;
    width: 33%;
    vertical-align: top;
}

#pagetitlewrapper .h2 table ul {
    list-style-type: disc;
    color: #333;
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 7px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
}

#pagetitlewrapper .h2 table li {
    padding: 0;
    margin: 0;
}

.h2 #informative ul {
    list-style-type: disc;
    color: #333;
    margin: 0;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 16px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
}

/* ---------end category descriptions overwrite from DB-------- */

.visitourpage,
.visit-our-page {
    width: 100%;
    font-size: 16px;
}

    .visit-our-page .name {
        font-size: 20px;
        font-weight: bold;
    }

#item-status-filters {
    width: 715px;
    float: right;
    text-align: left;
}

.altrslts {
    float: left;
    width: 690px;
    font: normal 12px Arial, sans-serif;
    color: #000;
    padding: 0 0 0 25px;
}

/* ---------start super specials -------- */

.spclcol {
    float: left;
    width: 260px;
    margin-left: 22px;
    padding-left: 15px;
    padding-right: 5px;
    /*background-image: url(/i/ui/weeklyspcl.jpg);*/
    background-repeat: repeat-x;
    background-position: left top;
}

.alsocheck {
    font: bold 15px Arial, sans-serif;
    color: #f08a23;
    clear: both;
    padding: 5px 0 15px 25px;
    word-spacing: 5px;
}

.daylyspc {
    width: 550px;
    float: left;
    padding: 0px;
}

.spsplnote {
    width: 100%;
    float: left;
    font: normal 12px Arial, sans-serif;
    clear: both;
    padding-top: 40px;
}

.dailysp-bt {
    float: left;
    margin-top: 55px;
    margin-left: 70px;
}

.spspllimtnote {
    width: 95%;
    float: left;
    font: normal 12px Arial, sans-serif;
    clear: both;
    padding: 0 0 25px 35px;
}

ul.supersp {
    margin: 0 0 0 15px;
    padding: 0 0 0 0;
    color: #04285E;
}

.double-col-list li {
    float: left;
    width: 50%;
}

.supersp-flyL {
    float: left;
    margin: 0 25px 10px 25px;
    display: block;
    width: 95%;
}

/* ---------end super specials -------- */

/* ---------printer friendly -------- */

.printer-friendly {
    float: right;
    width: 160px;
}

    .printer-friendly a:hover {
        text-decoration: underline;
    }

    .printer-friendly img {
        float: right;
        padding: 0 0 0 5px;
    }

    .printer-friendly p {
        padding: 12px 0 0 0;
        float: right;
    }

/* ---------end printer friendly -------- */

/* ---------welcome screen -------- */

.welcome-screen {
    width: 760px;
    height: 553px;
    border: 7px solid #f08f24;
    float: left;
    text-align: left;
    padding: 20px 20px 20px 27px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    z-index: 7000;
    background-color: #fff;
    margin: auto;
    position: absolute;
    top: 10%;
    left: 22%;
    z-index: 3000 !important;
    background-image: url(/i/ui/welcome-screen-background.jpg);
    background-repeat: no-repeat;
    background-position: left top;
}

.welcome-logo {
    float: left;
}

.welcome-bt-container {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px;
    padding: 0;
    text-align: left;
    float: left;
    position: relative;
}

.welcome-row {
    text-align: left;
    margin-top: 20px;
    position: relative;
    left: -50%;
    float: right;
}

.welcome-bt {
    height: 41px;
    display: block;
    border: 1px solid #d5d5d5;
    float: left;
    padding: 14px 20px 0 20px;
    background-image: url(/i/ui/welcome-bt-backgr.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    text-align: center;
    margin: 0 10px 0 10px;
    position: relative;
    left: 50%;
}

    .welcome-bt:hover {
        background-image: none;
        background-color: #EAEAEA;
        cursor: pointer;
    }

.herbs {
    float: right;
}

/* ---------end welcome screen -------- */

/* ---- popup related ----- */

.ie7 .popupWrapper,
.ie7 .popupWrapper div {
    z-index: 3000 !important;
}

.popupWrapper {
    position: absolute;
    text-align: center;
    left: 0;
    width: 100%;
}

    .popupWrapper div {
        position: relative;
    }

    .popupWrapper .popup {
        z-index: 3000 !important;
        text-align: center;
    }

        .popupWrapper .popup .popupContent {
            float: right;
            left: -50%;
            text-align: left;
        }

            .popupWrapper .popup .popupContent .mediumMsg {
                z-index: 3001 !important;
                float: left;
                left: 50%;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                -o-border-radius: 5px;
                background-color: White;
                width: 600px;
                padding: 20px 15px 20px 15px;
            }

            .popupWrapper .popup .popupContent .fullMsg {
                z-index: 3001 !important;
                float: left;
                left: 50%;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                -o-border-radius: 5px;
                background-color: White;
                width: 100%;
                padding: 20px 15px 20px 15px;
            }

            .popupWrapper .popup .popupContent .smallMsg {
                z-index: 3001 !important;
                float: left;
                left: 50%;
                border-radius: 5px;
                box-shadow: rgba(0,0,0,.5) 0px 0px 10px;
                border: solid #ddd 1px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                -o-border-radius: 5px;
                background-color: White;
                width: 400px;
                padding: 20px 15px 20px 15px;
            }

#shareBasketText {
    width: 100%;
    resize: none;
}

/* ----- Recently Removed Product ----- */

div.removedProduct {
    float: left;
    width: 276px;
    padding: 0 12px 0 12px;
}

    div.removedProduct > .prodImg {
        width: 75px;
        float: left;
        margin: 0 13px 5px 0;
    }

    div.removedProduct > .prodDescription {
        float: left;
        height: 59px;
        overflow: hidden;
        margin: 2px 0 1px 0;
        width: 185px;
        font: normal 12px/15px Arial, Helvetica, sans-serif;
    }

        div.removedProduct > .prodDescription > a {
            font: normal 12px/15px Arial, Helvetica, sans-serif;
            color: #000000;
        }

    div.removedProduct .prodRating {
        float: left;
    }

    div.removedProduct .prodRow {
        margin: 0;
        width: 185px;
        float: left;
    }

/* ----- END Recently Removed Product ----- */

/*---------Bug Fix---------*/

.ie7 #div1 {
    height: 1px;
}

#tableExample1 td {
    background-color: White;
    font-size: 13px;
    padding: 3px 5px 3px 3px;
    border-left: solid white 3px;
    border-right: solid white 3px;
}

/*-------------------------*/

/* ---------NEW Color Change -------- */

.yellow12b {
    font: bold 12px Arial, sans-serif;
    color: #b79f19;
    text-decoration: none;
}

    .yellow12b:hover {
        text-decoration: underline;
    }

a.liveChat {
    border: 1px solid #6b9825;
    background-color: #6d9d19;
    border-radius: 5px;
    width: 231px;
    height: 43px;
    float: left;
    display: block;
    vertical-align: middle;
}

    a.liveChat:hover {
        text-decoration: underline;
        color: #fff;
    }

    a.liveChat p {
        padding: 14px 0 0 0;
        color: #fff;
        font: bold 12px Arial, sans-serif;
    }

.liveChat img {
    color: #fff;
    font: bold 12px Arial, sans-serif;
    float: left;
    vertical-align: middle;
    padding: 7px 5px 0 10px;
}

/* ---------Big Buttons -------- */

a.btn,
input.btn {
    display: inline-block;
    float: left;
    cursor: pointer;
    width: 120px;
    border-radius: 2px;
    padding: 5px 0 5px 0;
    text-align: center;
    box-shadow: 1px 1px 3px #000;
    font: bold 12px Arial, Helvetica, sans-serif;
}

.btn.flex {
    width: auto;
    padding: 5px 9px 5px 9px;
}

.ie7 .btn.flex {
    width: auto;
    padding: 5px 0 5px 0;
}

/* ---------end Big Buttons -------- */

/* ---------Small Buttons -------- */

a.btnSm,
input.btnSm {
    display: block;
    float: left;
    cursor: pointer;
    width: 125px;
    border-radius: 2px;
    padding: 2px 0 2px 0;
    text-align: center;
    /*-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;*/
    font: bold 11px Arial, Helvetica, sans-serif;
}

    a.btnSm.flex,
    input.btnSm.flex {
        width: auto;
        padding: 2px 9px 2px 9px;
    }

/* Extra Padding */

a.btnSm {
    padding: 3px 0 3px 0;
}

/* ---------End Small Buttons -------- */

input[type=button].toggle-btn {
    width: 25px;
    height: 25px;
    float: right;
}

/* ---------Button Colors-------- */

.btn.green,
.btnSm.green {
    color: #fff;
    border: 1px solid #5a8215;
    background-color: #6d9d19;
    background-image: gradient(linear, 0% 0%, 0% 100%, from(#6c9b19), to(#527613));
    background-image: linear-gradient(top, #6c9b19, #527613);
}

.btn.brightGreen,
.btnSm.brightGreen {
    color: #fff;
    border: none;
    background-color: #7dc848;
    background-image: gradient(linear, 0% 0%, 0% 100%, from(#7dc848), to(#67a53c));
    background-image: linear-gradient(top, #7dc848, #67a53c);
}

.btn.green:hover,
.btnSm.green:hover {
    text-decoration: none;
    background-color: #6d9d19;
    color: #000;
}

.btn.brightGreen:hover,
.btnSm.brightGreen:hover {
    text-decoration: none;
    background-color: #6d9d19;
    color: #000;
}

.btn.disabled,
.btnSm.disabled {
    color: #666;
    border: 1px solid #d3d3d3;
    background-color: #e5e5e5;
    background-image: gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#fefefe));
    background-image: linear-gradient(top, #e5e5e5, #fefefe);
    cursor: default;
}

.btn.brightYellow,
.btnSm.brightYellow {
    color: #000;
    border: 1px solid #e0b121;
    background-color: #ffcc25;
    background-image: gradient(linear, 0% 0%, 0% 100%, from(#fffbc6), to(#ffcc25));
    background-image: linear-gradient(top, #fffbc6, #ffcc25);
}

    .btn.brightYellow:hover,
    .btnSm.brightYellow:hover {
        text-decoration: none;
        color: #666;
    }

.btn.yellow,
.btnSm.yellow {
    color: #fff;
    border: 1px solid #9d8816;
    background-color: #b79f19;
    background-image: gradient(linear, 0% 0%, 0% 100%, from(#c9b634), to(#9f830e));
    background-image: linear-gradient(top, #c9b634, #9f830e);
}

    .btn.yellow:hover,
    .btnSm.yellow:hover {
        text-decoration: none;
        background-color: #b79f19;
        color: #000;
    }

.btn.carrot,
.btnSm.carrot {
    color: #fff;
    border: 1px solid #C60;
    background-color: #ff9212;
    background-image: gradient(linear, 0% 0%, 0% 100%, from(#ff8d3a), to(#d4752f));
    background-image: linear-gradient(top, #ff8d3a, #d4752f);
}

    .btn.carrot:hover,
    .btnSm.carrot:hover {
        text-decoration: none;
        background-color: #f96900;
        color: #000;
    }

.btn.gray,
.btnSm.gray {
    color: #434950;
    border: 1px solid #cfcfcf;
    background-color: #ebebeb;
    background-image: gradient(linear, 0% 0%, 0% 100%, from(#f2f2f2), to(#d4d4d4));
    background-image: linear-gradient(top, #f2f2f2, #d4d4d4);
}

    .btn.gray:hover,
    .btnSm.gray:hover {
        text-decoration: none;
        color: #000;
    }

#div_RecentlyViewed .btn.gray:hover,
#div_RecentlyViewed .btnSm.gray:hover {
    text-decoration: none;
    background-color: #6d9d19;
    background-image: gradient(linear, 0% 0%, 0% 100%, from(#6c9b19), to(#527613));
    background-image: linear-gradient(top, #6c9b19, #527613);
    color: #fff;
}

/* ---------end button colors -------- */

.emptyCartMessage {
    width: 100%;
    text-align: center;
    color: rgb(0, 153, 0);
    margin: 0 0 15px 0;
    font-size: 15px;
}

/* ----- MyPage ----- */

div#myPage > #myPageProfile {
    display: inline-block;
}

    div#myPage > #myPageProfile > .leftCol {
        float: left;
        width: 200px;
    }

    div#myPage > #myPageProfile > .rightCol {
        float: left;
        width: 718px;
    }

    div#myPage > #myPageProfile > .leftCol > .myPageImage {
        width: 170px;
        margin: 0 30px 0 0;
    }

        div#myPage > #myPageProfile > .leftCol > .myPageImage > img {
            width: 100px;
            height: 90px;
        }

div#myPage > favoriteProducts {
    margin: 20px 5px 5px 5px;
}

/* ----- END MyPage ----- */

/* ----- Product Slot Types ----- */

div.prodSlot {
    float: left;
}

    /* MINI */

    div.prodSlot.mini {
        width: 160px;
        padding: 15px 0 15px 17px;
        height: auto;
        margin-right: 15px;
    }

        div.prodSlot.mini a {
            color: black;
        }

            div.prodSlot.mini a.green {
                color: #458500;
                margin-top: -5px;
            }

        div.prodSlot.mini .image {
            width: 90px;
            float: left;
            margin: 0 20px 10px 0;
        }

            div.prodSlot.mini .image img {
                width: 90px;
            }

        div.prodSlot.mini .description {
            float: left;
            width: 130px;
            height: 44px;
            font: normal 12px/14px Arial, Helvetica, sans-serif;
            overflow: hidden;
            margin: 0 0 6px 0;
        }

        div.prodSlot.mini .row {
            width: 130px;
            float: left;
        }

        div.prodSlot.mini .stars {
            margin: -7px 0 0 0;
            vertical-align: middle;
            float: none;
            width: 85px;
        }

/* FAVORITES */

div.prodSlotFavorite {
    float: left;
    width: 239px;
    padding: 15px 12px 12px 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    div.prodSlotFavorite .image {
        text-align: center;
        vertical-align: middle;
    }

        div.prodSlotFavorite .image a {
            display: inline-block;
        }

.ie7 div.prodSlotFavorite .image a {
    -ms-zoom: 1;
    zoom: 1;
    display: inline;
}

div.prodSlotFavorite .price {
    font-size: 12px;
    display: inline-block;
}

.ie7 div.prodSlotFavorite .price {
    -ms-zoom: 1;
    zoom: 1;
    display: inline;
}

div.prodSlotFavorite .rating {
    font-size: 11px;
    display: inline-block;
    margin-left: 5px;
}

    div.prodSlotFavorite .rating a {
        display: inline-block;
        vertical-align: middle;
    }

.ie7 div.prodSlotFavorite .rating a {
    -ms-zoom: 1;
    zoom: 1;
    display: inline;
}

div.prodSlotFavorite .description {
    clear: both;
    font-size: 12px;
    color: #000;
}

/* ----- END Product Slot Types ----- */

#checkoutContent .prop65Link {
    color: #ff6600;
}

#mainContent .prop65Link {
    color: #f10200;
}

/* ----- Cross List -------------------------------------------------------- */

div.crossListEquation {
    float: left;
    width: 186px;
    margin: 0 15px 0 15px;
}

    div.crossListEquation > img.plus {
        vertical-align: top;
        margin-top: 25px;
    }

div.crossListText {
    float: left;
    width: 732px;
    padding-right: 10px;
    font-size: 13px;
    display: inline-block;
}

div.crossListSavings {
    float: left;
    width: 460px;
}

.buy-together-promo {
    background-color: lemonchiffon;
    border: 1px solid #d5d5d5;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    margin: 0 0 0 15px;
    padding: 3px 10px;
    display: inline-block;
    clear: both;
}

    .buy-together-promo img {
        margin: 0 0 -20px 5px;
    }

.horizontal-row.buy-together {
    border-radius: 0 5px 5px 5px;
    padding: 20px 0;
}

div.crossListAddBtn {
    float: left;
    width: 163px;
    margin-left: 15px;
}

/* ----- Order Receipt ----------------------------------------------------- */

div#receiptCoupon {
    border: 1px solid #d5d5d5;
    background-color: #fffed1;
    text-align: center;
    padding: 12px;
}

/* ----- Go to Mobile Site ------------------------------------------------- */

.goToMobileWrap {
    width: 100%;
    min-height: 30px;
    text-align: center;
    /* -webkit-text-size-adjust: none !important;*/
}

    .goToMobileWrap a {
        font: normal 1em Arial, Helvetica, sans-serif !important;
        /* -moz-text-size-adjust:none;
    -webkit-text-size-adjust: none !important;
    -ms-text-size-adjust:none;*/
        padding: 15px 25px 25px 15px;
        text-align: center;
    }

.expirationQuestion {
    margin-bottom: -6px;
    margin-left: 5px;
}

/* ----- Boxberry (xBXB) --------------------------------------------------- */

select#boxberry-select {
    float: left;
    width: 250px;
    margin: 10px 0 10px;
    padding: 5px;
    font-size: 13px;
}

    select#boxberry-select.country {
        margin: 0 0 10px 0;
    }

#boxberry #pickup-list {
    width: 520px;
    float: left;
}

#boxberry #passport-info {
    width: 398px;
    float: left;
}

#boxberry .pickup-address {
    float: left;
    width: 240px;
    margin: 10px 10px 5px 0;
    background-color: #e1e1e1;
    border: 1px solid #DBDBDB;
    position: relative;
}

    #boxberry .pickup-address .radio {
        width: 19px;
        padding: 12px 2px 12px 2px;
        text-align: center;
        vertical-align: middle;
        position: absolute;
        top: 40%;
    }

    #boxberry .pickup-address .address {
        float: right;
        width: 200px;
        background-color: #e9e9e9;
        border-left: 1px solid #DBDBDB;
        padding: 12px 6px 12px 10px;
    }

#boxberry #passport-info input[type=text] {
    width: 240px;
    display: block;
    padding: 3px;
    margin-bottom: 10px;
}

#boxberry #passport-info #passport-input {
    padding: 0 0 0 10px;
}

/* ------------------------------------------------------------------------- */

/* ----- International Shipping Page --------------------------------------- */

.intl-shipping-div {
    background-color: #eee;
    padding: 1em;
    margin-bottom: 2em;
    border-radius: 7px;
}

    .intl-shipping-div div:first-of-type {
        min-width: 50px;
        text-align: center;
    }

    .intl-shipping-div.high {
        min-height: 2.5em;
    }

.DHL-ship-times {
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    border-left: 1px solid rgba(0, 0, 0, 0.5);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .DHL-ship-times tfoot td,
    .DHL-ship-times thead th,
    .tracking-table th {
        background-color: #666;
        color: White;
        padding: .5em;
    }

    .DHL-ship-times td {
        white-space: nowrap;
        background-color: #fff;
        border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    }

        .DHL-ship-times td:nth-child(2n) {
            text-align: right;
            border-right: 1px solid rgba(0, 0, 0, 0.5);
            font-weight: bold;
        }

    .DHL-ship-times tfoot td {
        text-align: right;
    }

.tracking-table {
    margin: 0;
}

    .tracking-table tr td,
    .tracking-table th {
        text-align: center;
    }

/* ----- JSHover ----------------------------------------------------------- */

.jsHoverWrapper {
    display: inline;
    z-index: 2;
    position: absolute;
}

    .jsHoverWrapper > .jsHoverPanel {
        position: absolute;
        background-color: #f9f9f9;
        margin: 0;
        padding: 1px;
        text-align: center;
        width: 180px;
        display: none;
        bottom: 28px;
        left: 54px;
        border-style: solid;
        border-width: 1px;
        border-color: #bdbdbd;
    }

        .jsHoverWrapper > .jsHoverPanel:before {
            position: absolute;
            display: block;
            content: "";
            border-style: solid;
            border-width: 10px;
            border-color: #bdbdbd transparent transparent transparent;
            height: 4px;
            width: 5px;
            position: absolute;
            bottom: -24px;
            left: 27px;
        }

        .jsHoverWrapper > .jsHoverPanel::after {
            position: absolute;
            display: block;
            content: "";
            border-style: solid;
            border-width: 10px;
            border-color: #f9f9f9 transparent transparent transparent;
            height: 1px;
            width: 1px;
            position: absolute;
            bottom: -20px;
            left: 29px;
        }

.jsHoverClose {
    float: right;
}

.captchaRefresh {
    display: block;
    float: right;
    width: 10px;
    height: 10px;
    padding: 10px;
    margin: 1.7em;
    border-radius: 5px;
    background-color: #FFAC00;
    background-image: url(/m/i/ui/refresh.png);
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

@media screen and (max-width: 980px) {
    /* -- If the view port is less than 980px wide then display the following styles -- */

    .raysrow-3 {
        width: 980px;
    }
}

/*--------------- BRAND STORY - ABOUT US --------------------------*/

/* ----- FlagMenu ---------------------------------------------------------- */

    #background {
        width: 710px;
        height: 364px;
        padding: 10px;
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: -1;
    }

    #country-menu{
        z-index:2000;
    }

    .stretch {
        width: 100%;
        height: 100%;
    }

    .country-header {
        text-align: center;
        margin-top: 30px;
        font:bold 24px Arial, sans-serif;
        color:#333;
    }

    .country-subheader {
        font:normal 16px Arial, sans-serif;
        text-align: center;
        color: #747474;
        margin-bottom: 40px;
    }

    .country-label {
        font: normal 14px Arial, sans-serif;
        font-weight: bold;
        text-align:center;
        color: #747474;
        margin: 5px 0 10px 0;
        display: block;
        width: 100%;
    }

    .country-column {
        margin: 0 auto 40px auto;
        width: 202px;
        height: 100%;
        position: relative;
    }

        .country-column > button {
            margin: auto;
        }

.column-number {
    height: 55px;
    text-align: center;
}
.column-number span{
    background-color: #b1b2b1;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 28px;
    border-radius: 100%;
}
    
    .save-selection {
        display: block;
        width: 190px;
        height: 40px;
        line-height: 40px;
        border: 0px;
        font-size: 16px;
        font-weight:bold;
        cursor: pointer;
        color: #fff;
        background-color: #ff8a00;
        margin: auto;
    }

#selection-list {
    height:384px;
    margin:auto;
    width:990px;
    display: none;
    position: fixed;
    top: 175px;
    left:0;
    right:0;
    z-index: 2000;
    padding: 10px 15px 10px 15px;
    box-sizing: border-box;
}

#selection-list > div{
    padding:10px 23px;
    height:364px;
    width:684px;
    margin:auto;
    background: #fff;
    border: 1px solid #d3d3d3;
    position:relative;
    z-index: -2;
}

.white-box{
    padding: 10px 23px;
    height: 390px;
    width: 684px;
    margin: auto;
    background: #fff;
    position: absolute;
    z-index: 2500;
    opacity: 0;
    
}

    #selection-list ul a {
        text-decoration: none;
        color: #000;
    }

    /*#selection-list ul {
        width: 122px;
        float: left;
        list-style-type: none;
    }*/

#country-menu img.flag {
    margin: 0;
    padding: 0 3px 0 3px;
    text-align: left;
    vertical-align: middle;
}

#country-menu img.arrow {
    vertical-align: middle;
    padding: 0 0 0 3px;
}

.ccl-click {
    cursor: pointer;
    color: #004093;
    font: bold 14px Arial, sans-serif;
}

.country-select {
    float: left;
    padding: 2px 4px 2px 4px;
    width:30px;
    text-align:center;
}

.country-select > span{
    margin:0;
    display:inline-block;
    vertical-align:middle;
    float:none;
}

.language-select {
    float: left;
    padding: 0 4px;
    line-height: 28px;
    width:30px;
    text-align:center;
    border-left: 1px solid #ddd;
}

.currency-select {
    float: left;
    padding: 0 4px;
    line-height: 28px;
    width: 30px;
    text-align:center;
    border-left: 1px solid #ddd;
}

/*#country-menu.hover:hover #selected-country-wrapper,
#country-menu.on #selected-country-wrapper {
    padding-bottom: 6px;
    border-bottom: 0px solid #fff;
}*/

/*#language-select-wrap.hover:active .country-nojs-bg{
    z-index: 2000;
    width:100%;
    height:100%;
    position:fixed;
    right:0;
    margin-top:-93px;
    background-color: #FFF;
    opacity: .6;
}

#language-select-wrap.hover .country-nojs-bg:hover{
    z-index: 2000;
    width:100%;
    height:100%;
    position:fixed;
    right:0;
    margin-top:-93px;
    background-color: #FFF;
    opacity: .6;
}

#language-select-wrap.hover.country-nojs-bg:hover #selection-list{
   display: block;
}*/


#language-select-wrap.hover:active #selection-list,
#country-menu.on #selection-list {
    display: block;
}


#language-select-wrap.hover:active #language-menu {
    z-index: 2000;
    width:100%;
    height:100%;
    position:fixed;
    right:0;
    margin-top:-27px;
}

#language-select-wrap.hover #language-menu:hover {
    z-index: 2000;
    width:100%;
    height:100%;
    position:fixed;
    right:0;
    margin-top:-27px;
}

#language-select-wrap.hover #language-menu:hover #selection-list{
    display:block;
}

#country-menu #selection-list .subheading {
    margin-top: 20px;
}

#language-select-wrap.hover .select-hover:hover .dd-options {
        display: block;
        width: 258px;
        left: -1px;
        top: 37px;
    }

    #language-select-wrap.hover .no-script-show {
        float: none;
        margin: auto;
    }

    #language-select-wrap.hover #select-currency .dd-selected,
    #language-select-wrap.hover #select-language .dd-selected {
        color:#ddd !important;
    }

    #language-select-wrap.hover #select-country .dd-options {
        top: 30px !important;
        width:200px !important;
    }

    #language-select-wrap.hover #select-currency .dd-pointer,
    #language-select-wrap.hover #select-language .dd-pointer {
        border-top: solid 5px #999 !important;
    }

    #language-select-wrap.hover #select-currency .dd-arrow-background,
    #language-select-wrap.hover #select-language .dd-arrow-background {
        background-color:#ddd !important;
    }

    #language-select-wrap.hover .no-script-hide {
        display: none;
    }

#selected-country-wrapper {
    cursor: default;
    position: relative;
    border: 1px solid #ddd;
    background-color: #F9F9F9;
    white-space: nowrap;
    cursor: pointer;
}
.country-close {
    height:30px;
    width:30px;
    position:absolute;
    right:-15px;
    top:-15px;
}
.dd-select { 
    border-radius:2px; 
    border:solid 1px #dfdfdf; 
    position:relative; 
    background-color:rgb(255, 255, 255);
}
.dd-desc { 
    color:#aaa; 
    display:block; 
    overflow: hidden; 
    font-weight:normal; 
    line-height: 1.4em; 
}
.dd-selected { 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none !important;
    display: block;
    height: 24px;
    padding: 4px 30px 4px 4px;
    color:#333;
    font:normal 12px Arial, sans-serif;
}
.dd-selected-text { 
    line-height: 24px;
}
.dd-pointer { 
    width:0; 
    height:0; 
    position:absolute; 
    right:10px; 
    top:50%; 
}
.dd-pointer-down { 
    border:solid 5px transparent; 
    border-top:solid 5px #747474; 
}
.dd-pointer-up {
    border:solid 5px transparent !important; 
    border-bottom:solid 5px #fff !important; 
    margin-top:-8px;
}
.dd-divider {
  height: 17px;
  margin-top: 17px;
  border-top: dotted 2px #dfdfdf;
  margin: 17px 5px 0;
  border-bottom: solid 1px #ddd;
}
.dd-options {
    border: solid 1px #c6c6c6;
    border-top: none;
    max-height: 200px;
    min-height: 32px;
    list-style: none;
    box-shadow: 0px 1px 5px #ddd;
    display: none;
    position: absolute;
    z-index: 2000;
    margin: 0;
    padding: 0;
    background: #fff;
    overflow: auto !important;
    width: 200px;
    left: -1px;
    top: 33px;
}
.dd-option { 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding:4px; 
    display:block; 
    cursor:default;
    border-bottom:solid 1px #ddd; 
    overflow:hidden; 
    text-decoration:none; 
    color:#333; 
    -webkit-transition: all 0.25s ease-in-out; 
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out; 
}
.dd-option-text {
    line-height:24px;
    color:#333;
}
.dd-options > li:last-child > .dd-option { 
    border-bottom:none;
}
.dd-option:hover { 
    background:#dfdfdf; 
    color:#000;
}
.dd-selected-description-truncated { 
    text-overflow: ellipsis; 
    white-space:nowrap; 
}
.dd-option-selected { 
    background:#dfdfdf; 
}
.dd-select-open {
    border-radius:2px; 
    border:solid 1px #c6c6c6; 
    position:relative; 
    background-color:rgb(255, 255, 255);
}

.dd-select-open .dd-arrow-background {
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color:#999 !important;
}

.dd-option-image, .dd-selected-image { 
    vertical-align:middle; 
    float:left; 
    margin-right:5px; 
    max-width:64px;
}
.dd-image-right.dd-option-image { 
    float:right; 
    margin-left:5px;
}
.dd-image-right.dd-selected-image { 
    float:right; 
    margin-right:40px; 
    margin-left:5px;
}
.dd-container { 
    position:relative;
}​ 
.dd-selected-text { 
     font-weight:bold;
     color:#000;
 }
 .dd-container ul.dd-options {
     margin:0;
 }
.dd-arrow-background {
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background-color:#c6c6c6;
}

.dd-search {
  border: 0;
  position: absolute;
  top: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: transparent;
  height: 24px;
  width: 137px;
  padding-left: 33px;
  margin: 0;
  color: #333;
  /* width: 100%; */
  font: normal 12px Arial, sans-serif;
}

#selection-note {
    background: #fffed1;
    clear: both;
    margin: 0 -15px -10px -15px;
    padding: 15px 5px 10px 5px;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #555;
    text-decoration: none;
    display: block;
}

#note-text {
    color: #369C36;
    text-decoration: underline;
}

.info-box {
    border: 3px solid #71893F;
    background-color: #E6EED5;
    padding: 2em;
}

.hover {
    position: relative;
}

.tooltip {
    /* hide and position tooltip */
    top: -40px;
    background-color: #F5F6F4;
    opacity: 0;
    position: absolute;
    left: 50px;
    width: 100px;
    padding: 10px;
    border: 1px solid #D7D7D6;
    z-index: 1000;
}

.hover:hover .tooltip {
    /* display tooltip on hover */
    opacity: 1;
}

.hover2 {
    position: relative;
}

.tooltip2 {
    /* hide and position tooltip */
    top: -10px;
    background-color: #ffffca;
    border-radius: 5px;
    opacity: 0;
    position: absolute;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    left: -150px;
    width: 200px;
    padding: 5px;
    border: 1px solid #000;
}

.hover2:hover .tooltip2 {
    /* display tooltip on hover */
    opacity: 1;
}

#selection-list .divider {
    width: 1px;
    height: 70px;
    float: left;
    background-color: #d3d3d3;
    margin: 55px 30px 0 0;
}

.termsOfUseDiv h2 {
    font-size: 16px;
    margin: 10px 0 10px 0;
}

/* T & C */

#TandCs {
    list-style-position: inside;
    font: normal 13px/20px Arial, sans-serif;
}

    #TandCs > li,
    #TandCs h2 {
        font-family: Arial;
        font-size: 1rem;
        font-weight: bold;
        color: black;
    }

    #TandCs h2 {
        font: bold 16px Arial, sans-serif;
        margin: 5px 0 7px 0;
    }

    #TandCs ol {
        padding: 0 1em .75em 1em;
    }

        #TandCs ol li {
            font: bold 13px/20px Arial, sans-serif;
        }

    #TandCs p {
        font: normal 13px/20px Arial, sans-serif;
        padding: 0 0 15px 0;
    }

    .normal,
    #TandCs .normal li {
        font: normal 13px/20px Arial, sans-serif;
    }

/* ************************************** CSS Imported from iHerb.cn Website ************************************************/

.bbs-link {
    font-weight: bold;
    line-height: 26px;
    margin-right: 125px;
    color: black;
}

#ct {
    min-height: 300px;
    display: table;
}

.ct2_a,
.ct3_a {
    border: 1px solid #CCC;
    background: url("/i/cn/vlineb.png") repeat-y 0 0;
}

.iherb_text {
    line-height: 24px;
}

    .iherb_text p {
        margin-bottom: 15px;
    }

    .iherb_text h2.h2_one {
        margin-top: 0;
    }

    .iherb_text h2 {
        font-size: 18px;
        margin: 30px 0 10px 0;
        color: #090;
    }

.mn {
    overflow: hidden;
    display: table-cell;
}

.ct2_a .mn {
    float: right;
    display: inline;
    margin-right: 10px;
    padding-top: 10px;
    width: 800px;
}

.mn h2 {
    font-size: 18px;
    margin: 30px 0 10px 0;
    color: #090;
}

.mn h3 {
    font-size: 14px;
    color: #090;
    margin-bottom: 5px;
    font-weight: 400;
}

.notice {
    clear: both;
    margin: 5px 0;
    padding: 3px 5px 3px 20px;
    background: url(/i/cn/notice.gif) no-repeat 2px 6px;
}

.appl {
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 6px 10px;
    width: 117px;
    display: table-cell;
}

.mt {
    padding: 10px 0;
    font-size: 16px;
}

.tbn {
    margin: -6px -10px 0;
}

    .tbn .mt {
        padding: 10px;
    }

.bbda {
    border-bottom: 1px dashed #CDCDCD;
}

.wp_cn {
    margin: 0 auto;
    width: 960px;
}

#wp .wp_cn {
    width: auto;
}

.cl {
    -ms-zoom: 1;
    zoom: 1;
}

.tbn li {
    margin: 0 10px;
    height: 33px;
    border-bottom: 1px dashed #CCC;
}

.appl li {
    display: block;
    height: 28px;
    line-height: 28px;
    white-space: nowrap;
    -ms-word-wrap: normal;
    word-wrap: normal;
    font-size: 14px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tbn li.a {
    margin: -1px 0 0;
    padding: 0 10px 0 9px;
    border-top: 1px solid #CDCDCD;
    border-bottom-style: solid;
    background: #FFF;
}

#mlbox_c_1 {
    width: 800px;
    height: 660px;
    background: url(/i/cn/ml_1.jpg) no-repeat center;
    overflow: hidden;
}

#mbox_c_1 {
    width: 770px;
    height: 340px;
    overflow: hidden;
    margin: 10px 0 0 20px;
    /*background: url(static/iherb/brand/mbn/mbn_1.jpg) no-repeat bottom right;*/
}

#mbox_c_2 {
    width: 800px;
    height: 1040px;
    background: url(/i/cn/mbn_2.jpg) no-repeat center;
    overflow: hidden;
}

#mbox_c_3 {
    width: 800px;
    height: 1050px;
    background: url(/i/cn/mbn_3.jpg) no-repeat center;
    overflow: hidden;
}

#mbox_c_4 {
    width: 800px;
    height: 1050px;
    background: url(/i/cn/mbn_4.jpg) no-repeat center;
    overflow: hidden;
}

#mbox_c_5 {
    width: 800px;
    height: 1050px;
    background: url(/i/cn/mbn_5.jpg) no-repeat center;
    overflow: hidden;
}

#mbox_c_6 {
    width: 800px;
    height: 1050px;
    background: url(/i/cn/mbn_6.jpg) no-repeat center;
    overflow: hidden;
}

#zbox_c_1 {
    width: 800px;
    height: 520px;
    background: url(/i/cn/zoi_1.jpg) no-repeat;
    overflow: hidden;
}

#zbox_c_2 {
    width: 800px;
    height: 710px;
    background: url(/i/cn/zoi_2.jpg) no-repeat;
    overflow: hidden;
}

#zbox_c_3 {
    width: 800px;
    height: 680px;
    background: url(/i/cn/zoi_3.jpg) no-repeat;
    overflow: hidden;
}

#zbox_c_4 {
    width: 800px;
    height: 620px;
    background: url(/i/cn/zoi_4.jpg) no-repeat;
    overflow: hidden;
}

.tb_banner {
    width: 1000px;
    height: 230px;
}

.banner_intro {
    float: left;
    width: 460px;
    margin-left: 40px;
    padding-top: 50px;
    _display: inline;
}

.banner_pic {
    float: left;
    margin-top: 20px;
    width: 474px;
    height: 210px;
    display: block;
    background: url("/i/cn/banner_pic.png") no-repeat;
    _background: none;
}

.about_shop {
    display: block;
    padding: 5px;
    width: 140px;
    background: #090;
    margin: 30px 0;
    color: #FFF;
    font-size: 13px;
    font-weight: bolder;
    font-family: "Microsoft YaHei";
}

.iherb_cn {
    margin-top: 20px;
    overflow: hidden;
}

    .iherb_cn ul li {
        width: 295px;
        height: 140px;
        float: left;
        list-style: none;
        padding: 0;
        margin: 10px 0 25px 0;
        border-left: 1px dotted #ccc;
        padding-left: 35px;
    }

    .iherb_cn h2 {
        font-size: 24px;
        border-bottom: 1px solid #CCC;
        color: #666;
        padding-bottom: 10px;
    }

    .iherb_cn ul li .pic span {
        background: url(/i/cn/icons.png) no-repeat;
        width: 44px;
        height: 44px;
        display: inline-block;
    }

    .iherb_cn ul li .pic {
        width: 60px;
        height: 140px;
        float: left;
    }

    .iherb_cn ul li .li_hd {
        padding-right: 30px;
    }

    .iherb_cn ul li .pic span.icon_1 {
        background-position: 0 0;
    }

    .iherb_cn ul li .pic span.icon_2 {
        background-position: -54px 0;
    }

    .iherb_cn ul li .pic span.icon_3 {
        background-position: -108px 0;
    }

    .iherb_cn ul li .pic span.icon_4 {
        background-position: -162px 0;
    }

    .iherb_cn ul li .pic span.icon_5 {
        background-position: -216px 0;
    }

    .iherb_cn ul li .pic span.icon_6 {
        background-position: -270px 0;
    }

    .iherb_cn ul li .pic span.icon_7 {
        background-position: -324px 0;
    }

    .iherb_cn ul li .pic span.icon_8 {
        background-position: 0 -54px;
    }

    .iherb_cn ul li .pic span.icon_9 {
        background-position: -54px -54px;
    }

    .iherb_cn ul li .pic span.icon_10 {
        background-position: -108px -54px;
    }

    .iherb_cn ul li .pic span.icon_11 {
        background-position: -162px -54px;
    }

    .iherb_cn ul li .pic span.icon_12 {
        background-position: -216px -54px;
    }

    .iherb_cn ul li .pic span.icon_13 {
        background-position: -270px -54px;
    }

    .iherb_cn ul li .pic span.icon_14 {
        background-position: -324px -54px;
    }

    .iherb_cn ul li .pic span.icon_15 {
        background-position: 0 -108px;
    }

    .iherb_cn ul li .pic span.icon_16 {
        background-position: -54px -108px;
    }

    .iherb_cn ul li .pic span.icon_17 {
        background-position: -108px -108px;
    }

    .iherb_cn ul li .pic span.icon_18 {
        background-position: -162px -108px;
    }

    .iherb_cn ul li .pic span.icon_19 {
        background-position: -216px -108px;
    }

    .iherb_cn ul li .pic span.icon_20 {
        background-position: -270px -108px;
    }

    .iherb_cn ul li .pic span.icon_21 {
        background-position: -324px -108px;
    }

.cn_h2 {
    font: bold 12px Arial, sans-serif;
    color: #000;
    margin: 5px 0 10px 15px;
    display: block;
}

.banner_intro .cn_h2 {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    font-family: "Microsoft YaHei";
    letter-spacing: 1px;
    line-height: 27px;
}

.banner_intro p {
    color: #888;
    font-size: 12px;
    font-family: "Microsoft YaHei";
    letter-spacing: 1px;
    line-height: 20px;
}

.iherb_cn ul li .li_hd h3 {
    margin: 0;
    padding: 0;
    color: #090;
    font-size: 16px;
}

.iherb_cn ul li .li_hd p {
    line-height: 20px;
    padding-top: 10px;
}

.i_shop {
    width: 960px;
    height: 260px;
    margin-top: 15px;
    overflow: auto;
    background: url(/i/cn/shop.gif) no-repeat;
}

    .i_shop .i_process .i_process_a {
        width: 200px;
        float: left;
        margin: 185px 0 0 20px;
        _margin: 185px 0 0 10px;
        color: #666666;
        line-height: 18px;
    }

    .i_shop .i_process .i_process_b {
        width: 200px;
        float: left;
        margin: 185px 0 0 50px;
        color: #666666;
        line-height: 18px;
    }

    .i_shop .i_process .i_process_c {
        width: 200px;
        float: left;
        margin: 185px 0 0 40px;
        color: #666666;
        line-height: 18px;
    }

    .i_shop .i_recommendation {
        width: 230px;
        overflow: auto;
        float: left;
        margin: 0 0 0 10px;
        color: #FFFFFF;
    }

        .i_shop .i_recommendation .i_reason {
            width: 150px;
            margin: 25px 0 0 75px;
            line-height: 16px;
        }

        .i_shop .i_recommendation .i_freight {
            width: 150px;
            margin: 60px 0 0 75px;
            line-height: 16px;
        }

#indexbox_c_1 {
    width: 960px;
    height: 360px;
    background: url(/i/cn/indexbox_1.jpg) no-repeat;
    font-size: 14px;
    overflow: hidden;
}

#indexbox_c_2 {
    width: 960px;
    height: 450px;
    background: url(/i/cn/indexbox_2.jpg) no-repeat;
    font-size: 14px;
    font-weight: bolder;
    overflow: hidden;
}

#indexbox_c_3 {
    width: 960px;
    height: 470px;
    background: url(/i/cn/indexbox_3.jpg) no-repeat;
    font-size: 14px;
    font-weight: bolder;
    overflow: hidden;
}

#indexbox_c_4 {
    width: 960px;
    height: 670px;
    background: url(/i/cn/indexbox_4.jpg) no-repeat;
    font-size: 14px;
    font-weight: bolder;
    overflow: hidden;
}

#indexbox_c_5 {
    width: 960px;
    height: 460px;
    background: url(/i/cn/indexbox_5.jpg) no-repeat;
    font-size: 14px;
    font-weight: bolder;
    overflow: hidden;
}

#indexbox_c_6 {
    width: 960px;
    height: 530px;
    background: url(/i/cn/indexbox_6.jpg) no-repeat;
    overflow: hidden;
}

#indexbox_c_7 {
    width: 960px;
    height: 780px;
    background: url(/i/cn/indexbox_7.jpg) no-repeat;
    overflow: hidden;
}

.shop_a {
    margin-left: 5px;
    font-size: 12px;
    font-weight: normal;
}

.shop_b {
    margin: 8px 0 0 265px;
    line-height: 24px;
    font-size: 12px;
    font-weight: normal;
}

.shop_c {
    margin: 5px 0 0 695px;
    color: #F60;
}

.shop_d {
    margin: 96px 0 0 695px;
    color: #397900;
}

.shop_e {
    margin: 25px 0 0 695px;
    color: #F60;
}

.shop_f {
    margin: 5px 0 0 695px;
    font-size: 12px;
    font-weight: normal;
}

.shop_g {
    margin: 260px 0 0 695px;
    color: #397900;
}

.shop_h {
    margin: 50px 0 0 695px;
    color: #F60;
}

.shop_i {
    margin: 86px 0 0 790px;
    color: #F60;
}

.shop_j {
    margin: 11px 0 0 790px;
    color: #397900;
}

.shop_k {
    margin: 36px 0 0 790px;
    color: #F60;
}

.shop_l {
    margin: 0 0 0 790px;
    font-size: 12px;
    font-weight: normal;
}

.shop_m {
    margin: 15px 0 0 790px;
    color: #397900;
}

.shop_n {
    margin: 28px 0 0 790px;
    color: #F60;
}

.shop_o {
    margin: 70px 0 0 486px;
    color: #F60;
}

.shop_p {
    margin: 5px 0 0 486px;
    font-size: 12px;
    font-weight: normal;
}

.shop_q {
    margin: 360px 0 0 780px;
    color: #397900;
}

.shop_r {
    margin: 10px 0 0 780px;
    color: #F60;
}

.iherb_shop {
    font-size: 14px;
    font-weight: normal;
    margin: 85px 0 0 5px;
    text-indent: 30px;
    line-height: 22px;
    font-family: "宋体";
    width: 710px;
}

.shopTopic_cn {
    background-color: #FFF;
    padding-top: 15px;
    overflow: hidden;
}

    .shopTopic_cn h2 {
        font-size: 18px;
        margin: 30px 0 10px 0;
        color: #090;
    }

.iherb_cn_notice {
    margin: 20px 0;
    padding: 8px 0;
    text-align: center;
    border: 1px solid #336900;
    background: #eefdae;
    font-size: 13px;
}

.tm_banner_pic {
    background: url("/i/cn/tutorials_pic.png") no-repeat;
    width: 474px;
    height: 211px;
    _background: none;
}

.code_cn {
    margin-bottom: 10px;
    margin-top: 15px;
    overflow: hidden;
}

.code_h1 {
    float: left;
    overflow: hidden;
    font-size: 18px;
    color: #F84600;
    font-weight: 400;
}

.share_cn {
    float: right;
}

#bdshare {
    _overflow-x: hidden;
    z-index: 999999;
    padding-bottom: 2px;
    font-size: 12px;
    float: left;
    text-align: left !important;
    -ms-zoom: 1;
    zoom: 1;
}

.code_ps {
    font-size: 14px;
}

.iherb_cn_pre {
    font-family: "Microsoft YaHei","微软雅黑","黑体";
    border-top: 1px solid #CCC;
    margin: 30px 0;
    overflow: hidden;
}

.pre_activities_cn {
    float: left;
    width: 710px;
    overflow: hidden;
}

.pre_title_cn {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.pre_act_cn {
    background: #FBFBFB;
    border: 1px solid #dfdfdf;
    padding: 14px;
    font-size: 14px;
    line-height: 23px;
    height: 130px;
}

.pre_title_cn .ico_tit {
    display: inline-block;
    width: 5px;
    height: 14px;
    overflow: hidden;
    vertical-align: -2px;
    _vertical-align: middle;
    background: #f84600;
    margin-right: 8px;
}

.pre_new_cn {
    float: left;
    width: 250px;
    overflow: hidden;
}

.pre_shop_cn {
    padding: 14px;
    overflow: hidden;
    height: 130px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    background: #FFF;
}

.pre_title_cn h3 {
    padding: 10px 0;
    color: #333;
    font-weight: 400;
    font-size: 16px;
}

.iherb_cn_main {
    background: #FFF;
    margin-top: 4px;
}

.iherb_cn_mobile {
    background: url("/i/cn/mobile.jpg") no-repeat;
    width: 960px;
    height: 600px;
}

.iherb_cn_down {
    padding: 170px 0 0 550px;
    text-align: left;
}

.sort_list {
    width: 920px;
    margin: 40px 0 0 50px;
    overflow: hidden;
}

.list_detail {
    float: left;
    width: 265px;
    margin-right: 40px;
    margin-bottom: 30px;
    _display: inline;
    height: 150px;
}

    .list_detail h3 {
        font-size: 24px;
        color: #333;
        /*font-family: "Microsoft YaHei";*/
        font-weight: 400;
    }

    .list_detail li {
        padding-left: 10px;
        background: url("/i/cn/help_li.png") left center no-repeat;
        margin-top: 5px;
        overflow: hidden;
    }

        .list_detail li a {
            color: #3d6e99;
            font-size: 14px;
            /*font-family: "Microsoft YaHei";*/
        }

.hot_acticle h2 {
    font-size: 18px;
    color: #333;
    /*font-family: "Microsoft YaHei";*/
    font-weight: 400;
}

.hot_acticle ul {
    margin-bottom: 50px;
    overflow: hidden;
}

.hot_acticle h2 span {
    font-size: 20px;
    color: #4f9fdc;
    font-weight: bolder;
    margin-right: 2px;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.hot_acticle ul li {
    float: left;
    width: 280px;
    line-height: 28px;
}

    .hot_acticle ul li a {
        display: block;
        color: #3d6e99;
        font-size: 12px;
        /*font-family: "Microsoft YaHei";*/
    }

.i_tab_cn {
    width: 100%;
    background: url(/i/cn/i_tab.gif) no-repeat;
    height: 40px;
    margin-top: 15px;
    overflow: hidden;
}

    .i_tab_cn .no {
        border-left: 1px solid #009AD9;
        border-right: 1px solid #009AD9;
        border-top: 3px solid #009AD9;
        background-color: #FFFFFF;
        color: #397A00;
        padding-top: 7px;
        font-weight: bolder;
    }

    .i_tab_cn div {
        font-size: 14px;
        /*font-family: "Microsoft YaHei","微软雅黑","黑体";*/
        color: #60F;
        float: left;
        height: 37px;
        padding: 10px 15px 0 15px;
        cursor: pointer;
    }

.kwicks {
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 1000px;
    margin-left: 30px;
}

    .kwicks li {
        width: 158px !important;
        height: 160px;
        display: block;
        padding: 0;
        cursor: pointer;
        overflow: hidden;
        position: relative;
    }

        .kwicks li.active {
            width: 440px !important;
        }

    .kwicks .small_about {
        color: #528a29;
    }

    .kwicks .small_shop {
        color: #fea129;
    }

    .kwicks .small_service {
        color: #f06a6a;
    }

    .kwicks .small_bbs {
        color: #5eabe6;
    }

.ks-clear:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
}

.kwicks .smallLetters {
    display: block;
    text-align: left;
    width: 270px;
    color: #333;
    font-size: 12px;
    margin-top: 45px;
    float: right;
    line-height: 20px;
    letter-spacing: 1px;
    /*font-family: "Microsoft YaHei";*/
    text-decoration: none;
}

.kwicks .bigLetter {
    width: 160px;
    height: 160px;
    float: left;
    display: block;
}

.kwicks .index_about {
    background: url("/i/cn/about.png") no-repeat;
    _background: none;
    _cursor: pointer;
}

.kwicks .index_about_hover {
    background: url("/i/cn/about_enter.png") no-repeat;
    _background: none;
    _cursor: pointer;
}

.kwicks .index_about_hover,
.kwicks .index_tm_hover,
.kwicks .index_service_hover,
.kwicks .index_bbs_hover {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.kwicks .index_tm {
    background: url("/i/cn/shop.png") no-repeat;
    _background: none;
    _cursor: pointer;
}

.kwicks .index_tm_hover {
    background: url("/i/cn/shop_enter.png") no-repeat;
    _background: none;
    _cursor: pointer;
}

.kwicks .index_service {
    background: url("/i/cn/service.png") no-repeat;
    _background: none;
    _cursor: pointer;
}

.kwicks .index_service_hover {
    background: url("/i/cn/service_enter.png") no-repeat;
    _background: none;
    _cursor: pointer;
}

.kwicks .index_bbs {
    background: url("/i/cn/bbs.png") no-repeat;
    _background: none;
    _cursor: pointer;
}

.kwicks .index_bbs_hover {
    background: url("/i/cn/bbs_enter.png") no-repeat;
    _background: none;
    _cursor: pointer;
}

.identity {
    margin-bottom: 40px;
}

.home_box,
.tb_box,
.tm_box {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.tb_index {
    width: 1000px;
    margin: 0 auto;
}

.tb_con {
    margin-top: 80px;
    margin-left: 40px;
}

.tb_con_list {
    width: 950px;
}

.pro_con {
    width: 410px;
}

.tb_con_list .pro_icon {
    background: url("/i/cn/i_about.png") no-repeat;
    float: left;
    _background: none;
}

.tb_con_list .pro_icon,
.tb_con_list .pro_icon_hover {
    width: 166px;
    height: 161px;
    cursor: pointer;
}

.tb_con_list .pro_icon_hover {
    background: url("/i/cn/i_about_enter.png") no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    _background: none;
    display: none;
}

.pro_write {
    float: left;
    margin-left: 20px;
    width: 220px;
    margin-top: 25px;
}

.tb_con_list .list_even {
    margin-right: 0;
}

.tb_con_list li {
    float: left;
    margin-right: 110px;
    margin-bottom: 60px;
    _display: inline;
    position: relative;
    list-style-type: none;
}

.tb_con_list .pro_ct {
    background: url("/i/cn/i_contact.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_ct_hover {
    background: url("/i/cn/i_contact_enter.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_bs {
    background: url("/i/cn/i_benefits.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_bs_hover {
    background: url("/i/cn/i_benefits_enter.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_an {
    background: url("/i/cn/i_attention.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_an_hover {
    background: url("/i/cn/i_attention_enter.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_tt {
    background: url("/i/cn/i_transport.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_tt_hover {
    background: url("/i/cn/i_transport_enter.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_bd {
    background: url("/i/cn/i_brand.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_bd_hover {
    background: url("/i/cn/i_brand_enter.png") no-repeat;
    _background: none;
}

.content_cn {
    position: relative;
    width: 1000px;
    overflow: hidden;
    margin: 0 auto;
}

.tb_con_list .pro_sp {
    background: url("/i/cn/i_shop.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_sp_hover {
    background: url("/i/cn/i_shop_enter.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_ib {
    background: url("/i/cn/i_iherb.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_ib_hover {
    background: url("/i/cn/i_iherb_enter.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_rs {
    background: url("/i/cn/i_rewards.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_rs_hover {
    background: url("/i/cn/i_rewards_enter.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_me {
    background: url("/i/cn/i_mobile.png") no-repeat;
    _background: none;
}

.tb_con_list .pro_me_hover {
    background: url("/i/cn/i_mobile_enter.png") no-repeat;
    _background: none;
}

/* ************************************** End CSS Imported from iHerb.cn Website ************************************************/

.cs-explore {
    background: #e7fcd8;
    width: 100%;
    height: 60px;
    padding-top: 5px;
    line-height: 70px;
    margin: 30px 0;
}

    .cs-explore a {
        color: white;
        text-decoration: none;
    }

    .cs-explore div {
        margin-top: 5px;
        width: 472px;
        height: 56px;
        margin: 0 auto;
        line-height: 56px;
        background: url('/i/ui/explorethelinks-notext.jpg');
        vertical-align: middle;
    }

.es .checkout-bt-backbox .btn {
    width: 30%;
    min-height: 40px;
    white-space: normal;
}

.es .add-to-cart-box .btn {
    width: 180px;
}

.ja .add-to-cart-box .btn {
    width: 180px;
}

.ko .add-to-cart-box .btn {
    width: 180px;
}

.ru .checkout-bt-backbox .btn {
    width: 30%;
    /*min-height:40px;*/
    white-space: normal;
}

.ru #btnDeletAll {
    margin-left: 10px;
}

.ru .add-to-cart-box .btn {
    width: 180px;
}

.ko .select-shipping-address {
    width: 20%;
}

.zh .select-shipping-address {
    width: 20%;
}

[placeholder]:focus::-webkit-input-placeholder {
    opacity: 0;
}
.shipping-disabled .col1{
    opacity:0.5;
}

.shipping-disabled .col2{
    opacity:0.5;
}

.shipping-disabled .gray12{
    opacity:0.5;
}

.shipping-language-hidden {
    display:none;
}

.make-default-address {
    text-align: left;
    max-width: 180px;
    white-space: normal;
}

input.btn.alipay {
    background-image: url("/i/images/alipay.png");
    background-repeat: no-repeat;
    background-position: center 10%;
    height: 75px;
    padding-top: 25px;
    background-color: #ebebeb;
}

input.btn.tenpay {
    background-image: url("/i/images/tenpay.png");
    background-repeat: no-repeat;
    background-position: center 10%;
    height: 75px;
    padding-top: 25px;
    background-color: #ebebeb;
}

.strip-style,
.strip-style * {
    color: black !important;
    font-weight: normal !important;
}

    .strip-style a,
    .strip-style a * {
        color: #034093 !important;
    }

/* ---------New product details-------- */

.info-popup {
    position: absolute;
    border: solid 1px #bdbdbd;
    background-color: #f9f9f9;
    padding: 10px;
    display: block;
    z-index: 200;
    white-space: normal;
    width: 192px !important;
    display: none;
}

.info-popup-big {
    position: fixed;
    border: solid 1px #bdbdbd;
    background-color: #f9f9f9;
    padding: 20px;
    display: block;
    white-space: normal;
    width: 35% !important;
    top: 40%;
    left: 30%;
    line-height: 10px;
    display: none;
    z-index: 2000 !important;
}

.info-popup.bot-nub:after {
    content: " ";
    display: inline-block;
    position: absolute;
    bottom: -12px;
    left: 5%;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.ie7 .info-popup.bot-nub:after,
.ie8 .info-popup.bot-nub:after {
    display: none;
}

.info-popup.right-nub:after {
    content: " ";
    display: inline-block;
    position: relative;
    bottom: -14px;
    left: 152px;
    -webkit-transform: rotateZ(90deg);
    -moz-transform: rotateZ(90deg);
    -ms-transform: rotateZ(90deg);
    -o-transform: rotateZ(90deg);
    transform: rotateZ(90deg);
}

#wishlist-message-added {
    display: none;
    margin-left: -140px;
    margin-top: 20px;
}

.popup-title {
    color: black;
    font-size: 16px;
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 15px;
}

.local-currency-container {
    margin-left: 96px;
    margin-top: -5px;
}

.es .local-currency-container {
    margin-left: 117px;
}

#local-currency-message {
    left: -35px;
    bottom: 30px;
}

.ja #local-currency-message {
    left: -63px;
}

.intro article .toppeople {
    background: url('/i/images/iherb-careers-toppeople.jpg');
    background-position: center bottom;
    width: 900px;
    height: 600px;
    margin: 0 auto;
}

.ourstory {
    margin-top: -70px;
    min-height: 1092px;
    padding-bottom: 0px;
    background-image: url('/i/images/iherb-careers-ourstory-background-sm.png');
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 100;
    position: relative;
}

.charity {
    min-height: 838px;
    padding-bottom: 0px;
    background-image: url('/i/images/iherb-careers-charity-background-sm.png');
    background-position: center top;
    background-repeat: no-repeat;
    z-index: 101;
    position: relative;
}

.wordsintoaction {
    margin-top: 180px;
    margin-bottom: 180px;
    padding-bottom: 0px;
    background-image: url('/i/images/iherb-careers-ourwordsintoaction-background-sm.png');
    background-position: center bottom;
    background-repeat: no-repeat;
    z-index: 100;
    position: relative;
}

.perks {
    min-height: 1195px;
    padding-bottom: 0px;
    background-image: url('/i/images/iherb-careers-perks-background-sm.png');
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 100;
    position: relative;
}

.content-section {
    width: 908px;
    float: left;
    clear: both;
    padding: 25px;
    border-top: none;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-top-left-radius: 0;
    -moz-border-top-right-radius: 0;
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -o-border-top-left-radius: 0;
    -o-border-top-right-radius: 0;
    -o-border-bottom-left-radius: 5px;
    -o-border-bottom-right-radius: 5px;
}

    .content-section a {
        color: green;
    }

    .content-section .leftCol-pad {
        width: 545px;
        float: left;
        padding: 0 35px 0 0;
    }

    .content-section .rightCol-pad {
        width: 295px;
        float: left;
        padding: 5px 15px 5px 15px;
        background-color: #e9e9e9;
        border: 1px solid #DBDBDB;
    }

#AddBothCartBtn {
    display: inline-block;
    width: 168px;
    height: 43px;
    text-align: center;
    color: white;
    font-size: 14px;
    background-color: #ff8a00;
    border: none;
    cursor: pointer;
    float: right;
    margin-right: 20px;
}

.submitBtn {
    display: inline-block;
    width: 161px;
    height: 29px;
    text-align: center;
    color: white;
    font-size: 14px;
    background-color: #ff8a00;
    border: none;
    cursor: pointer;
    margin-right: 20px;
}

.iHerbOrange {
    color: #fff;
    background: #ff8a00;
}

.iHerbGreen {
    color: #fff;
    background: #3a7e0d;
}

.ie8 .footer .top {
    padding-top: 20px;
}

.ie7 .donate {
    margin-top: 20px;
    padding-top: 0px;
}

.ie8 .donate {
    margin-top: 2em;
    padding-top: 0px;
}

.donate {
    width: 235px;
    height: 111px;
    min-width: 235px;
    background-image: url('/i/images/iHerb_CharityBanner.png');
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
}

.donate-link {
    display: block;
    width: 235px;
    height: 111px;
    text-decoration: none;
    color: #000;
}

.donate-footer {
    font-size: 14px;
    float: right;
    width: 148px;
    height: 111px;
}

    .donate-footer .donateP1 {
        line-height: 17px;
    }

.es .donate-footer .donateP1 {
    line-height: 14px;
    margin-bottom: -12px;
}

.ja .donate-footer .donateP1 {
    line-height: 14px;
    margin-bottom: -12px;
}

.ru .donate-footer .donateP1 {
    font-size: 12px;
    line-height: 14px;
    margin-bottom: -12px;
}

.ru .donate-footer .donateP2 {
    font-size: 12px;
}

.ko .donate-footer .donateP1 {
    margin-bottom: -10px;
}

.invoiceHeader {
    margin-top: 20px;
    border: 1px solid #000;
    text-align: center;
    padding: 5px;
    font-weight: bold;
}

.invoiceBlock {
    border: 1px solid #000;
    border-top: none;
    padding: 10px;
}

.invoiceLeftSide {
    float: left;
    width: 65%;
}

.invoiceRightSide {
    float: right;
    width: 35%;
}

.invoiceLeftColumn {
    float: left;
    width: 71.429%;
    text-align: left;
}

.invoiceRightColumn {
    float: right;
    width: 28.571%;
    text-align: left;
}

.invoiceColumnClear {
    clear: both;
    border-bottom: 1px solid #eee;
    padding-top: 5px;
}

.invoiceProductColumn1 {
    float: left;
    width: 55%;
}

.invoiceProductColumn2 {
    float: left;
    width: 10%;
}

.invoiceProductColumn3 {
    float: left;
    width: 25%;
}

.invoiceProductColumn4 {
    float: left;
    width: 10%;
}

.invoiceLongLineItem {
    border-bottom: 1px solid #eee;
    margin-top: 10px;
    padding-bottom: 5px;
}

#countryError {
    display: block;
    margin-top: 4px;
}

#txtPCC input {
    padding-bottom: 5px !important;
}

#divWishlistIndexer .display-items{ float:none;}
#divWishlistIndexer .pagination{ float:none;}
#divWishlistIndexer p {display:inline;}



/*  ANDROID APP
----------------------------------------------------------------------*/

#androidApp h1, #androidApp h2 {
    color: #000;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    margin: 0;
    font-weight: 300 !important;
}
#androidApp p {
    padding: 0;
    margin: 0;
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 25px;
}
#androidApp a img {
    border: 0;
}
#androidApp .b {
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 18px;
}
#androidApp {
    width: 990px;
    margin: 0 auto;
}
#androidApp h2 {
    font-size: 32px;
    line-height: 32px;
    text-transform: uppercase;
}
#androidApp .info {
    font-size: 16px;
    color: #959595;
}
#androidApp .section {
    font-size: 14px;
    color: #959595;
    box-sizing: border-box;
}
#androidApp .section h2 + p {
    font-size: 18px;
    padding-top: 4px;
}

/*  SECTION 01
----------------------------------------------------------------------*/
#section01 {
    height: 557px;
    background-image: url(/i/app/android-section01-bg.jpg);
}
    #section01 h1 {
        font-size: 40px;
        margin: 0;
        padding: 0 0 3px 0;
        font-weight: 300;
        line-height: 40px;
    }
    #section01 .info {
        padding: 128px 0 0 72px;
        width: 400px;
        color:#787269;
        font-size: 18px;
    }
.googlePlay {
    padding: 27px 0 50px;
}
.share-app {
    font-size: 14px;
    color: #8e8980;
}
    #androidApp .share-app p {
        font-size: 14px;
    }
#androidApp .social {
    background-image: url(/i/app/icons-social-media.png);
    width: 30px;
    height: 30px;
    margin-right: 7px;
}
    #androidApp .social.facebook {
        background-position: 0 0;
    }
    #androidApp .social.twitter {
        background-position: -30px 0;
    }
    #androidApp .social.google-plus {
        background-position: -60px 0;
    }
    #androidApp .social.pinterest {
        background-position: -90px 0;
    }
p.hastags span {
    padding: 0 7px;
}
    p.hastags span:first-child {
        padding-left: 0;
    }
    
/*  SECTION 02
----------------------------------------------------------------------*/
#section02 {
    height: 680px;
    background: url(/i/app/android-section02-bg.jpg) no-repeat bottom center;
    padding-top: 71px;
}
    #section02 h2,
    #section02 h2 + p {
        text-align: center;
        width: 670px;
        margin: 0 auto;
    }
    #section02 .info {
        width: 175px;
        float: left;
    }
    #section02 .info01 {
        padding: 200px 0 0 40px;
    }
    #section02 .info02 {
        padding: 360px 0 0 570px;
    }

/*  SECTION 03
----------------------------------------------------------------------*/
#section03 {
    background-color: #f5f5f5;
    padding-top: 70px;
    overflow: auto;
}
    #section03 h2,
    #section03 h2 + p {
        text-align: center;
        width: 600px;
        margin: 0 auto;
    }
    #section03 h2 {
        padding-bottom: 6px;
    }
        #section03 h2 + p {
            padding-bottom: 54px;
        }
    #section03 .info {
        padding: 32px 0 0 70px;
        width: 400px;
        float: left;
    }
    #section03 .info:first-of-type,
    #section03 .info:nth-of-type(2){
        padding-top: 0;
    }
#section03 .phones {
    text-align: center;
    clear: both;
    padding: 58px 0 75px;
}
    #section03 .phones img {
        padding: 0 10px;
    }

/*  SECTION 04
----------------------------------------------------------------------*/
#section04 {
    background: url(/i/app/android-section04-bg.jpg) no-repeat 0 10px;
    height: 795px;
    padding: 90px 80px 0 530px;
}
#androidApp .section#section04 h2 + p {
    padding-top: 4px;
}
    #section04 .info {
        width: 240px;
        padding-top: 35px;
    }
        #section04 .info:last-of-type {
            padding-top: 31px;
        }
    
/*  SECTION 05
----------------------------------------------------------------------*/
#section05 {
    height: 850px;
    padding-top: 75px;
    background: url(/i/app/android-section05-bg.png) no-repeat 222px 222px #f7f7f7;
}
    #section05 h2 + p {
        width: 675px;
        text-align: center;
        margin: 0 auto;
    }
    #section05 .info {
        padding-top: 270px;
        float: left;
    }
    #section05 .info01 {
        padding-left: 60px;
        width: 150px;
    }
    #section05 .info02 {
        padding-left: 570px;
        width: 175px;
    }
    
/*  SECTION 06
----------------------------------------------------------------------*/
#section06 {
    height: 601px;
    padding: 225px 0 0 70px;
    background-image: url(/i/app/android-section06-bg.jpg);
}
    #section06 h2 {
        width: 320px;
    }
    #section06 p {
        width: 405px;
    }
    
/*  SECTION 07
----------------------------------------------------------------------*/
#section07 {
    height: 751px;
    background-image: url(/i/app/android-section07-bg.jpg);
    padding: 215px 520px 0 70px;
}
    #section07 .share-app {
        color: #959595;
    }
    #androidApp #section07 .social {
        background-image: url(/i/app/icons-social-media2.png);
    }
#section07 .googlePlay {
    padding-top: 27px;
}



    div.prodOverviewDetail ul, .prodOverviewIngred ul, div.prodOverviewDetail ol, .prodOverviewIngred ol
{
	padding: 10px 0 5px 25px;
}
    h5.tm{
	font: bold 16px Arial, sans-serif;
	color: #3a3134;
	margin: 5px 0 3px 0; 
}
    .horizontal-row
{
	width:988px;
	float:left;
	clear:both;
	margin:0 0 30px 0;
    border-radius:0;
	padding-bottom: 13px;
	border: 1px solid #8f8f8f;
    -moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
}
    .ie7 .horizontal-row{
	width:988px;
	float:left;
	clear:both;
    margin:0;
}
    .plainTitle {
    width: 968px;
    float: left;
    font: bold 18px Arial, sans-serif;
    border-bottom: 1px solid #d5d5d5;
    padding: 7px 10px 7px 10px;
    margin: 0 0 15px 0;
    background-color: #f7f7f7;
    border-top-left-radius: 0;
	border-top-right-radius: 0;
	-moz-border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-o-border-top-left-radius: 0;
}
    .question-mark
{
    display:inline-block;
    width:17px;
    height:17px;
    box-sizing:border-box;
    background-color:#c0c0c0;
    border: solid 1px #c0c0c0;
    color:#fcfcfc;
    text-decoration:none;
    font-size:12px;
    font-weight:bold;
    border-radius:100%;
    cursor:pointer;
    margin: 0 .75em 0 .3em !important;
    text-align:center;
    line-height:17px;
}
.question-mark:hover, .question-mark:active, .question-mark.active
{
    background-color:#c0c0c0;
    text-decoration:none;
}
#product-badges
{
    margin-top:.75em;
}
.badge 
{
    display:inline-block;
    height:20px;
    line-height:20px;
    font-size:.85em;
    color:white;
    padding:0 1rem 0 .5rem;
    background:url(@URLHelper.StaticURL("/i/ui/badge-chevron.png")) no-repeat;
    background-position:right;
}

.new-product
{
    background-color:#6dbe4b;
}
.best-seller
{
    background-color:#FF0000;
}
#product-summary {
    font-size:14px;
    line-height:20px;
}

.es #product-summary {

}

#product-summary > div
{
    float:left;
}



#product-summary h1, #product-summary h2
{
    margin:0 0 .75em 0;
}
#product-summary h2, #product-summary h2 a
{
    font-weight:normal;
}
#product-specification ul
{
    padding-left:1.25em;
    padding-top:1em;
}

.ie7 #product-image {
    width: 310px;
    margin-right: 7px;
}

.ie7 #product-specification {
    width: 330px;
    margin-right: 5px;
}

#product-image
{
    width:316px;
    margin-right:20px;
}

#product-image img
{
    width:304px;
    max-width:100%;
}
.ie8 #product-image img
{
    max-width:none;
}
#product-specification
{
    width:336px;
    margin-right:20px;
}

#product-rating
{
    display:inline-block;
    width:105px;
}
#product-rating img
{
    max-width:100%;
    vertical-align:top;
}
#product-review-count a
{
    color:#034093;
    font-size:12px;
    line-height:18px;
}
#stock-status
{
    border:solid 1px #bdbdbd;
    border-width:1px 0;
    padding:.33em 0;
    margin-top:2em;
}
#product-action
{
    width:298px;
    background-color:#f7f7f7;
    padding:20px;
    box-sizing:border-box;
    margin-bottom:10px;
}
 .product-action-label
{
    width: 30% !important;
    height:30px;
    line-height:normal;
    display:table;
}
.product-action-label a
{
    display:table-cell;
    vertical-align:middle;
}
#product-action section, #product-action > div
{
    clear:both;
    overflow:hidden;
    min-height:1em;
    line-height:30px;
}
#product-action > section > div:first-of-type
{
    width:30%;
    margin-right:20px;
}
.es #product-action > section > div:first-of-type
{
    white-space:nowrap;
    font-size: 85%;
}
.ko #product-action > section > div:first-of-type
{
    width: 34%;
    font-size: 85%;
}
.ja #product-action > section > div:first-of-type, .es #product-action > section > div:first-of-type
{
    width: 38%;
}
#product-action ul
{
    margin-top:1em;
}
#product-action ul li:first-of-type
{
    border-bottom:solid thin black;
}
#product-action ul li p
{
    line-height:2em;
    min-width:30%; 
    margin-right:10px;
}
.special-pricing
{
    background-color:#fffbbe;
    border: solid 1px #ddc026;
    padding:.5em;
    box-shadow:2px 2px 5px rgba(0,0,0,.2);
    box-sizing:border-box;
    margin: 0 -0.1em 1em -0.1em;
}
ul.special-pricing
{
    overflow:hidden;
}
.special-pricing .s24
{
    line-height:normal;
}
.special-pricing a
{
    line-height:normal;
    cursor:pointer;
}
    .special-pricing a:hover {text-decoration: underline}
.special-pricing .question-mark
{
    position: relative;
    top: -0.25em;
}
section#product-form 
{
    line-height:normal;
    margin-top:22px;
}
#product-form .quantity select
{
    width:53px;
    height:23px;
}
#product-form .quantity select option
{
    padding:.25em;
}
#product-share-links
{
    position:relative;
    margin-top:15px;
    margin-left:87px;
    opacity:0;
    transition:opacity ease 300ms;
    -webkit-transition:opacity ease 300ms;
    max-height:30px;
}
#product-share-links > label
{
    display:inline-block;
    margin-right:20px;
}

#product-share-links iframe
{
    opacity: 0;
    position: absolute !important;
    top: 4px !important;
    z-index: 100;
    width: 19px !important;
    height:19px !important;

}
.ie7 #product-share-links iframe, .ie8 #product-share-links iframe
{
    
    z-index:-1;
}
#product-share-links a
{
    text-decoration:none;
    width:19px;
    display:inline-block;
    
}
.ie7 .twitter{
    margin-left:1px;
}
.ie7 .google-plus{
    margin-left:10px;
}
.ie7 .pinterest
{
    margin-left:18px;
}

#product-action #product-price .our-price {
    font-size: 24px;
    line-height:26px;
}

div#shipping-info{
    width: 298px;
    background-color: #f7f7f7;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 30px;
    float:right;
}
#product-specs-list li>a
{
    text-decoration:none;
}

.green-dashed{
    color:#3333FF;
    text-decoration: none; 
    /*border-bottom: #438500 1px dashed;*/
}
.green-dashed:hover, .red-dashed:hover{
    text-decoration: underline; 
}
.red-dashed{
    color: #f10200;
    text-decoration: none;/*border-bottom: #f10200 1px dashed;*/ 
}
button.addToCartBtn, button.notifyMe
{
    display:block;
    width:170px;
    height:44px;
    line-height:44px;
    border:0px;
    font-size:14pt;
    cursor:pointer;
    float:right;
    color:#fff;
    background-color:#ff8a00;
    margin-left:20px;
}

.ru button.addToCartBtn
{
    font-size: 12pt;
}

#notify-me{
    display:block;
    width:170px;
    height:44px;
    line-height:44px;
    border:0px;
    font-size:14pt;
    cursor:pointer;
    float:right;
    color:#fff;
    background-color:#468500;
    margin-left:20px;
}
button.addToCartBtn:hover, button.notifyMe:hover
{
    background-color:#e78200;
}
button.addToWishlistBtn
{
    display:block;
    width:170px;
    height:30px;
    line-height:30px;
    border:0px;
    font-size:12pt;
    float:right;
    margin-left:10px;
    cursor:pointer;
    color:white;
    background-color:#717271;
    margin-top:15px;
}

.es button.addToWishlistBtn
{
    line-height:20px;
    height:50px;
}

.ru button.addToWishlistBtn
{
    line-height:20px;
    height:50px;
}

button.addToWishlistBtn:hover{
    background-color:#595959;
}
.prodOverview-wrapper{
	width: 988px;
	float: left;
	clear: both;
    border: 1px solid #8f8f8f;
    margin: 0 0 30px 0;
}

.prodOverview-wrapper .greyTitleBox-noTc {
    width: 968px;
    border: none;
}
.prodOverview-section{
    width:auto;
	float: left;
	clear: both;
	padding: 30px 40px;
    border:none;
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;

}
.customerReview-section{
	float: left;
	clear: both;
	padding: 30px 40px;
    border:none;
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}

.customerReview-section .recentReviews .textcontainerBottom p {
    color: #666666;
}

.customerReview-section .recentReviews .textcontainerNoBorders,
.customerReview-section .recentReviews .textcontainer,
.customerReview-section .recentReviews .textcontainer question,
.customerReview-section .recentReviews .textcontainerBottom {
    padding-left: 0;
    padding-right: 0;
}

.custReview-block {
    width: 239px;
    padding: 15px 10px;
    background: #f7f7f7;
    float:left;
    margin-right: 9px;
}

.prodOverview-wrapper .bottom-border {
    border-bottom: 1px solid #ccc;
    margin: 30px auto;
    height: 1px;
}

.custReview-block .stars {
    float: none;
}

.custReview-block .stars img {
    width: 100px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.custReview-block .stars a img,
 .stars a:hover img{
	  border:0;
	  margin-bottom: 10px;
      margin-right: 10px;
	  float:left;
 }

.custReview-block .ratingsChart .col2,
.custReview-block .ratingsChart .col2 .gray-backgr {
    width: 150px;
}

.customerReview-section h2 {
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 15px 0;
}

.customerReview-section .review-row {
    width: 908px;
    margin: 5px 0 30px 0;
    padding: 0 0 30px 0;
}

.customerReview-section .review-row .starRatingsContainer img {
    width: 70px;
}

.customerReview-section .review-row .starRatingsContainer {
    width: 818px;
    padding: 5px 0;
}
.customerReview-section .review-row .starRatingsContainer p {
    font: normal 12px Arial, sans-serif;
}

.customerReview-section .textcontainerTop {
    width: 818px;
    padding: 0;
}

.customerReview-section .textcontainerTop p {
    font-size: 14px;
}

.customerReview-section .review-row .textcontainer p {
    padding: 0;
    word-wrap: break-word;
    max-width: 830px;
}

.customerReview-section .textcontainer .helpful {
    border: none;
    padding: 0;
    margin-left: 10px;
}
.helpful-review {
    width: 232px;
    height: 152px;
    padding: 15px 35px;
    background: #f7f7f7;
    float:left;
    margin: 0 9px;
    overflow: hidden;
    position: relative;
}

.helpful-review.last {
    float: right;
    margin: 0;
}

.helpful-review .quote-top,
.helpful-review .quote-bottom {
    width: 17px;
    height: 14px;
    position: absolute;
    background: url(@URLHelper.StaticURL("/i/ui/review-quotes.png")) top left;
}

.helpful-review .quote-top {
    top: 15px;
    left:10px;
}

.helpful-review .quote-bottom {
    background-position: bottom right;
    bottom: 15px;
    right: 10px;
}

.helpful-review .review-row,
.helpful-review .textcontainerTop,
.helpful-review .starRatingsContainer,
.helpful-review .textcontainer {
    width: 185px;
    float: none;
    border: none;
    padding: 0;
    margin: 0;
}

.helpful-review img.featured-stars {
    width: 70px;
    padding: 0 5px 3px 0;
    margin-top: 4px;
}

.helpful-review .helpful-date {
    display: block;
    float: right;
    margin: 2px 35px 0 0;
}

.helpful-review .textcontainerNoBorders,
.helpful-review .starRatingsContainer p,
.helpful-review .textcontainer.question,
.helpful-review .textcontainerBottom {
    display: none;
}

.helpful-review h1 {
    font-size: 12px;
    margin: 0 0 3px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    
}

.line-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;     
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-line-clamp: 6;
    height:9em;
    margin-bottom:1em;
}

.greyTitleBox-noBc{
	width: 965px;
	background-color: #f7f7f7;
	float: left;
	padding: 5px 10px 2px 13px;
    border:none;
	border-radius:0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
}
.greyTitleBox-noBc p.title{
	font: normal 18px Arial, sans-serif;
	text-decoration: none;
	color: #000;
	float:left;
	padding: 3px 0 6px 0;
}
.ratingsChart .col2 .green-backgr{
	height:15px;
	background-color: #458500;
	float:left;
position:absolute;
border:0;
}
.ratingsChart .col2 .gray-backgr{
	width: 160px;
	height:15px;
	background-color: #e9e9e9;
	float:left;
    border:0;
}
.ie7 .ratingsChart .col2 .green-backgr{
	height:15px;
	background-color: #458500;
	float:left;
	margin: 0 0 0 -162px;
    border:0;
}
.ru .ratingsChart .col1, .es .ratingsChart .col1 {
    width:52px !important;
}
.ru .ratingsChart .col1 .gray12, .es .ratingsChart .col1 .gray12 {
    font: normal 11px Arial, sans-serif;
}
.review-row{
	float:left;
	width:835px;
	border-bottom: 1px solid #d5d5d5;
	padding: 0 0 30px 0;
    margin:0;
}
.review-row-noborder{
	float:left;
	width:855px;
	padding: 0 0 30px 0;
    margin:0;
}
.myrev-cont img{
	float:left;
	border:0;
	padding: 0 3px 0 0;
    width: 90px;
}
.question-mark.on, .question-mark.off.on
{
    display:inline-block;
}
.leftScrallsm{
	width: 21px;
	height:86px;
	float: left;
	display: block;
	background: url(@URLHelper.StaticURL("/i/ui/leftScrall-sm-inc-2.png")) no-repeat right top;
    margin-top: 65px;
}
.leftScrallsm:hover{
	background: url(@URLHelper.StaticURL("/i/ui/leftScrall-sm-inc-2.png")) no-repeat right top;
	cursor:pointer;
}

.leftScrallsmInact{
	width: 21px;
	height:86px;
	float: left;
	display: block;
	background: url(@URLHelper.StaticURL("/i/ui/leftScrall-sm-inc-2.png")) no-repeat right top;
    margin-top: 65px;
}
.leftScrallsmInact:hover{
	width: 21px;
	height:86px;
	float: left;
	display: block;
	background: url(@URLHelper.StaticURL("/i/ui/leftScrall-sm-inc-2.png")) no-repeat right top;
	cursor:default;
}

.rightScrallsm{
	width: 21px;
	height:86px;
	float: right;
	display: block;
	background: url(@URLHelper.StaticURL("/i/ui/right-scrall-sm-inc-2.png")) no-repeat left top;
    margin-top: 65px;
}

.rightScrallsm:hover{
	width: 21px;
	height:86px;
	float: right;
	display: block;
	background: url(@URLHelper.StaticURL("/i/ui/right-scrall-sm-inc-2.png")) no-repeat left top;
	cursor:pointer;
}
.rightScrallsmInact{
	width: 21px;
	height:86px;
	float: right;
	display: block;
	background: url(@URLHelper.StaticURL("/i/ui/right-scrall-sm-inc-2.png")) no-repeat left top;
    margin-top: 65px;
}
.rightScrallsmInact:hover{
	width: 21px;
	height:86px;
	float: right;
	display: block;
	background: url(@URLHelper.StaticURL("/i/ui/right-scrall-sm-inc-2.png")) no-repeat left top;
	cursor:default;
}
div.prodSlot.mini
{
	width:160px;
	padding: 15px 0 15px 17px;
	height:auto;
    margin-right: 15px;
}
#div_scrller_recentViewed div.prodSlot.mini, #scrller_relatedProducts div.prodSlot.mini
{
    min-height:196px;
}
div.prodSlot.mini a.green {
    color: #458500;
    margin-top: -5px;
}
div.prodSlot.mini .image
{
	width:90px;
	float:left;
	margin:0 20px 10px 0;
}
div.prodSlot.mini .image img
{
	width:90px;
}
div.prodSlot.mini .description
{
	float:left;
	width:130px;
    height: 44px;
	font: normal 12px/14px Arial, Helvetica, sans-serif;
	overflow:hidden;
	margin:0 0 6px 0;
    
}
div.prodSlot.mini .row
{
	width:130px;
	float:left;
}
div.prodSlot.mini .stars
{
    margin:-7px 0 0 0;
    vertical-align:middle;
    float:none;
    width: 85px;
}
.jsHoverWrapper > .jsHoverPanel
{
    position: absolute;
  background-color:#f9f9f9;
  margin: 0;
  padding:1px;
  text-align:center;
  width:180px;
  display:none;
    bottom:28px;
    left:54px;
    border-style: solid;
    border-width: 1px;
    border-color:#bdbdbd;

}

.jsHoverWrapper > .jsHoverPanel:before
{
    position: absolute;
  display: block;
  content: "";  
  border-style: solid;
  border-width: 10px;
  border-color: #bdbdbd transparent transparent transparent;
  height:4px;
  width:5px;
  position:absolute;
  bottom:-24px;
  left:27px;

}

.jsHoverWrapper > .jsHoverPanel::after
{
    position: absolute;
  display: block;
  content: "";  
  border-style: solid;
  border-width: 10px;
  border-color:#f9f9f9 transparent transparent transparent;
  height:1px;
  width:1px;
  position:absolute;
  bottom:-20px;
  left: 29px;

}
.strip-style, .strip-style * {
    color: black !important;
    font-weight: normal !important;
}

.ru #short-date-link{
    margin-left:0;
    display:block;
    line-height:18px;
}