/************************************************/ /* Base elements * Fonts */ /************************************************/ body{color:#231f20;font-family: Arial,Helvetica,sans-serif;font-size:12px;-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: none;padding:0;margin:0} html.oldie { min-width: 1024px; } a{color:#2DA802;outline:0 none;overflow:hidden;text-decoration:none} a:hover{color: #333;text-decoration:underline} fieldset{border:0 none;margin:0;padding:0} table{width:100%} table th { background: none; border: none; font-weight: normal; padding: 7px 15px; text-align: left; text-transform: capitalize; white-space: nowrap;color:#101010 } td{ padding:3px 5px 3px 0; vertical-align:top; } h1, h2, h3, h4, h5, .refinement-header,.title,.sort-by label, legend { font-weight: bold; font-family: font-family:Arial,Helvetica,sans-serif; } h1, h2, h3, h4, h5 {margin: 0 0 10px;} /* helper classes */ .clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden} .visually-hidden{border:0 none;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} .ie7 .visually-hidden{width:1px !important} ul.menu{float:left;margin:0;padding:0} ul.menu li{float:left;list-style:none outside none !important} .bb-hd {font-family:Arial,sans-serif;background:#101010;color:#fff; padding:4px 8px; font-weight:bold; font-size:1.25em; margin:0; text-transform:capitalize; line-height: 1.4em; text-align: left;} a.bigbutton {font-weight:bold;padding:.5em 0; display:block; background:#222; text-transform:capitalize; margin-bottom:1em; text-align:center; font-size: 1em; color: #e6e6e6; text-decoration: none; width: 200px;} a.bigbutton:hover,a.button-green, button.button-green{ background:#2DA802;color:#fff;text-decoration:none} a.highlight {color: #2DA802; text-decoration: underline; } .t-r{ text-align: right; } .border-bottom { border-bottom: 1px solid #E7E6E5; margin-bottom: 15px; padding-bottom: 15px; } select, input { color: #4A4A4A; font-size: 1em; } /** Remove text transform for French **/ .fr_CA .pt_cart .summary .section-header, .fr_CA .pt_checkout .summary .section-header, .fr_CA .customercare-right ul#top-links li a, .fr_CA .pt_cart form a, .fr_CA .pt_checkout form a, .fr_CA .pt_account form a, .fr_CA .lushI #primary-content h2.section-header-lrg, .fr_CA .lushI h2.section-header-lrg, .fr_CA .pt_cart #main .button, .fr_CA .pt_account #main .button, .fr_CA .pt_checkout #main .button, .fr_CA .lushI #main .button, .fr_CA .lushB .button, .fr_CA table#cart-table th { text-transform: none; } /** Custom main navigation styles **/ .menu-category a.christmas{background-color:#F51E56;} .menu-category a.christmas:hover{background-color:#f82d62;} /******* Promotional content stlyes(banners/announcements) ******/ div.basket-limit-pop{background:#000;position:fixed!important} #basket-limit-message a.basket-limit-links{position:relative;display:block;float:left;width:185px;padding:8px;margin:0 10px 10px;color:#fff;border:2px solid #fff} #basket-limit-message h1{font-size:36px;color:#fff;padding:10px;text-align:center;text-align:center;position:relative;display:block;margin:0} #basket-limit-message p{font-size:14px;font-weight:bold;padding:10px;color:#fff;text-align:center;display:block;position:relative;} .promo-banner{display:block;position:relative;width:100%;padding:8px 0;font-size:1.225em;font-weight:bold;text-align:center;background:#5A954D;} .promo-banner p{width:90%;color:#fff!important;margin:2px auto 0;position:relative;} .promo-banner p a{color:#fff} .promo-banner div.closebutton{display:block;position:absolute;right:5px;top:3px;width:33px;height:100%;cursor:pointer;background-image: url("../images/interface/close-sm.png");background-repeat:no-repeat} /** Free Shipping Banner **/ .fs-promo{display:block;position:relative;width:100%;padding:8px 0;font-size:1.1em;font-weight:normal;text-align:center;background:#5A954D;} .fs-promo p{width:80%;color:#fff;margin:2px auto 0;position:relative;opacity:0.9;} .fs-promo .gc-highlight{font-weight:bold;} .fs-promo:hover p{transition: opacity 0.3s ease;opacity:1;color:#fff} .fs-promo p a{color:#000;font-weight:bold} .fs-promo div.closebutton{display:block;position:absolute;right:5px;top:5px;width:33px;height:100%;cursor:pointer;background-image: url("../images/interface/close-sm.png");background-repeat:no-repeat} .shipping-promos{clear:both;display:inline-block;margin:2px;position:relative;} .shipping-promos li{font-size:1.325em;color: #151313; padding:7px;margin:6px 0;border:2px dashed #BBBBBB;} #shippingmethodform span.discount-shipping{} .linethrough{text-decoration:line-through;font-weight:normal;color:#666} span.discount-shipping{font-size:1.325em;color: #151313;font-weight:normal;margin-left:6px} span.discount-shipping-mini{font-size:1.125em;color: #151313;font-weight:normal;margin-left:2px} .order-totals-table td.discount-shipping{font-size:1.325em;color: #151313;font-weight:normal;margin-left:6px} .order-totals-table td.discount-shipping-mini{font-size:1.125em;color: #151313;font-weight:normal;} .sample-promo { display: block; position: relative; width: 100%; padding: 10px 0; font-size: 1.225em; font-weight: bold; text-align: center; background: #d1dce0; } .sample-promo .sample-inner-promo { padding: 0 40px; } .sample-promo a { color:#000; font-size:0.8em; text-decoration:underline; margin-left:10px; } .sample-promo:hover a{ transition: opacity 0.3s ease;opacity:1; } .sample-promo div.closebutton{display:block;position:absolute;right:18px;top:8px;width:10px;padding:5px;height:10px;cursor:pointer;background: url("../images/interface/sample-close-btn.jpg") 5px 5px;background-repeat:no-repeat} /************************************************/ /* UTILITY CLASSES */ /************************************************/ iframe { max-width: 100%; } .scaler img { max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; } @media \0screen { .scaler img { width: auto; /* for ie 8 */ } } /* .touch #main_max, .touch #main, .touch #footer-global, .touch .content-wrapper,.touch #gigya_ruler{ -webkit-perspective: 1000; } */ .main_max{margin: auto;max-width:100%;position: relative;width: 100%;} #footer-global {position: relative;z-index: 9999;} .content-wrapper{position:relative;background-color: transparent; border:0px;margin: 0 auto;max-width:960px;display:block;} .content-wrapper-wide{position:relative;background-color: transparent; border:0px;margin: 0 auto;max-width:1170px;display:block;} .hidden{display:none !important;} a:active { outline: none; } a:focus { outline: none;opacity:1; } img{-webkit-transform: rotate(0);-moz-transform: rotate(0);transform: rotate(0);} ul{list-style-type:none} /*a,button{-webkit-tap-highlight-color:rgba(0,0,0,.6);}*/ /** Touch specific css - depends on medernizr being loaded**/ .touch .pt_storefront .content-wrapper a:hover{opacity:1;} .touch .swiper-slide a,.touch .pt_storefront .content-wrapper a, .touch .pt_storefront .heroslides a, a img{-webkit-tap-highlight-color:rgba(255,255,255,.3);} .touch a.mmenuIcon{-webkit-tap-highlight-color:rgba(0,0,0,.2);} /** Ajax request loader **/ .loader-bg-lush {position:fixed;width:100%;height:100%;background:#fff;opacity:0.6;} .loader-indicator-lush {z-index:100;position:fixed;left:50%;top:30%;width:64px;height:64px;background:url("../images/ajax-loader.gif") no-repeat;} .touch .loader-bg-lush {position:fixed;width:100%;height:100%;background:#fff;opacity:0.6;} .touch .loader-indicator {z-index:100;position:fixed;left:50%;top:30%;width:64px;height:64px;background:url("../images/ajax-loader.gif") no-repeat;} /*Loaders*/ .loaderPos{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9999;margin:0} .loaderPosTop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:9999;margin:0;padding:0} .loader-indicator-lush-pos {z-index:100;position:relative;left:50%;top:10%;width:64px;height:64px;background:url("../images/ajax-loader.gif") no-repeat;} .loader-indicator-lush-pos-mid {z-index:100;position:relative;left:50%;top:30%;width:64px;height:64px;background:url("../images/ajax-loader.gif") no-repeat;} .loader-pos-lush {position:relative;width:100%;height:100%;background:#fff;opacity:0.9;} .loader-pos-top {position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.3;margin:0;padding:0;z-index:9999} #tempLoader{position:relative;overflow:hidden;display:inline-block;height:585px;margin:10px auto;width:100%;background: url(../images/ajax-loader.gif) 50% 10% no-repeat;} #tempLoaderdark{position:relative;overflow:hidden;display:block;height:35px;margin:5px auto 0;width:35px;background: url(../images/ajax-loader.gif) 50% 50% no-repeat transparent;} .tempLoaderTransparent{position:relative;overflow:hidden;display:block;height:25px;display:none;margin:0 auto;width:35px;background: url(../images/ajax-loader-white.gif) 50% 50% no-repeat transparent;} /** Custom Menu Styles **/ ul.level-1 li.first a.level-1{padding-left:0;margin-left:0;} /** Promotional Helpers **/ /* inline ads */ li.grid-tile img.inlineAd{display:none;} .one li.grid-tile img.inlineAd.full{display:block;} .two li.grid-tile img.inlineAd.jumbo{display:block;} .three li.grid-tile img.inlineAd.grid{display:block;} /************************************************/ /* END -UTILITY CLASSES */ /************************************************/ /*****************************************/ /*** TWITTER BOOTSTRAP RESPONSIVE BASE ***/ /*****************************************/ /* box sizing fix for grid */ #main, .container, .row, .col, .box, #footer > div {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing: border-box} /* SELF CLEARING FLOATS - CLEARFIX METHOD */ div.clear,.row:after,.clr:after,.group:after,.form-row:after {content: ""; display: block; height: 0; clear: both; visibility: hidden} /* DEFAULT ROW STYLES */ .row {overflow: visible; margin-bottom: 6px} .container.row {margin-bottom:0} .row .row.col {padding: 0 0 6px 0; -moz-box-sizing:initial; -webkit-box-sizing:initial; box-sizing:initial} /* DEFAULT COLUMN STYLES */ .col {display: block; float:left; /*padding: 0 6px 6px 6px */;} /* COLUMN WIDTHS: 16 */ .span_1 {width: 6.25%} .span_2 {width: 12.5%} .span_3 {width: 18.75%} .span_4, .span_1quarter {width: 25%} .span_5 {width: 31.25%} .span_1third {width: 33.333%} .span_6 {width: 37.5%} .span_7 {width: 43.75%} .span_8, .span_half {width:50%} .span_9 {width: 56.25%} .span_10 {width: 62.5%} .span_2thirds {width: 66.667%} .span_11 {width: 68.75%} .span_12,.span_3quarters {width: 75%} .span_13 {width: 81.25%} .span_14 {width: 87.5%} .span_15 {width: 93.75%} .span_16, .span_full {width: 100%} .right {float: right;} .subcat-tiles .subcat-tile{width:32%;margin:2% 1.5% 0 0; } .subcat-tiles .subcat-tile.last{margin:2% 0 0 0; } .itm_right{width:20%;padding:2%;position:relative;float:right} .itm_left{width:74%;padding:0;position:relative;float:left} /* page layouts */ #wrapper{background:none #FFFFFF; } #primary{float:right;position:relative;width:80%} #secondary{float:left;width:20%} /* MAIN CONTAINER */ #main, .container { margin: auto; max-width:960px; width:100%; position:relative; } .freshmatters #main, .pt_product-search-result #main{ margin: auto; max-width:100%; width:100%; position:relative;} #main-full-screen { margin: auto; max-width:100%; width:100%; position:relative; } #main { padding-bottom: 30px; } /** Custom template layouts **/ #primary-content.right{width:78%;padding: 0 0 6px 2%;float:right;} #primary-content.left{width:78%;padding: 0 2% 6px 0;float:left;} #secondary-content{width:19%;padding:0 0 0 1%;} .pt_cart #secondary-content{width:24%;padding:0 0 0 1%;} .primary-focus{display:block;height:auto;overflow:hidden;padding-bottom:15px;} .primary-focus .primary-content{border:0 none;float:left;margin:0;} .primary-focus #secondary{background:none repeat scroll 0 0 transparent;border:0 none;float:right;} .full-width .primary-content{border:0 none;width:100%} /** CSS 3 transitions - Depends on Modernizr being loaded **/ .csstransitions .pt_storefront .col, .csstransitions .pt_product-search-result .col{ /*-webkit-backface-visibility: hidden;*/ transition:width .2s ease-in-out; -o-transition:width .2s ease-in-out; -moz-transition:width .2s ease-in-out; -webkit-transition:width .2s ease-in-out; } /* Unbind transition defaults if not supported */ .notransition { -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important; } /** Customer Button Styles **/ button.disabled {user-select : none;-moz-user-select : none;-webkit-user-select : none;color: #e4e4e4;cursor: pointer;background:#9b9b9b;} .pdp-main button.add-to-cart.disabled:hover, button.disabled:hover { user-select : none; -moz-user-select : none; -webkit-user-select : none; color: #e4e4e4 cursor: pointer; background:#9b9b9b!important} /** Custom Image Styles **/ .content img, .blog-post img{ max-width: 100%; height: auto !important; margin:0 auto; position:relative; z-index:1; } @media \0screen { .content img, .blog-post img { width: auto; /* for ie 8 */ } } /************************************************/ /*HEADER 2 */ /************************************************/ #headerWide { background-color:#000; padding: 10px 0; font-family: Helvetica,Arial,sans-serif; height:auto; min-height:60px; position:relative; z-index:101; -webkit-font-smoothing:antialiased; font-smoothing: antialiased; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; -ms-transition: all .2s ease-out; transition: all .2s ease-out; } #headerWide.extend { min-height:140px; -webkit-transition: max-height .4s ease-out, all .25s ease-out; -moz-transition: max-height .4s ease-out, all .25s ease-out; -o-transition: max-height .4s ease-out, all .25s ease-out; -ms-transition: max-height .4s ease-out, all .25s ease-out; transition: max-height .4s ease-out, all .25s ease-out; } /* MAIN CONTAINER */ #headerWide .container{ margin: 10px auto 0; max-width:1200px; width:100%; display:block; position:relative; } #navigationWide .container { margin: 0 auto 0; max-width:1200px; width:100%; display:block; position:relative; } #headerWide #header-logo-new img{ max-width: 100%; width: 100%; margin:0 auto; position:relative; z-index:1; margin-top: 6px; margin-left: 7px; min-width: 194px; /*width:250px;height:48px;*/ } @media \0screen { #headerWide #header-logo-new img { width: auto; /* for ie 8 */ } } #headerWide #header-logo-new.stack { float: left; width: 16%; position:relative; margin-left:8px; margin-right: 2%; min-width: 192px; } #headerWide #header-logo-new.wide { display: none; } #headerWide #header-features { float: left; /*width: 29%;*/ width:350px; display:block; position:relative; margin-right: 2%; margin-top: 5px; } .oldie #headerWide #header-features { margin-right: 1%; } #headerWide #header-searchcontrol.icon { display: none; } #headerWide #header-search { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: max-height .4s ease-out, all .4s ease-in; -moz-transition: max-height .4s ease-out, all .4s ease-in; -o-transition: max-height .4s ease-out, all .4s ease-in; -ms-transition: max-height .4s ease-out, all .4s ease-in; transition: max-height .4s ease-out, all .4s ease-in; display: block; position:relative; float: left; width: 15%; margin: 4px 5px 0 5px; text-align: right; } #headerWide #header-shop { top: 7px; position: relative; width: 10%; margin-left: 5%; float: left; } .oldie #headerWide #header-shop { margin-left: 1%; } #headerWide a.headerIconLogin{width:100%;height:100%;display:block;} #headerWide div.headercustomerinfo { color:#fff; position:relative; display:block; height:35px; } #headerWide div.headercustomerinfo div.loginContainer{ top:10px; left:41px; position:absolute; -webkit-font-smoothing:antialiased; font-smoothing: antialiased; font-size:16px; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-family: Arial,Helvetica,sans-serif; text-rendering: optimizelegibility; font-weight:bold; color:#fff; } .fr_CA #headerWide div.headercustomerinfo div.loginContainer{ font-size: 14px; } #headerWide #header-account{width:12%;top:8px;} #headerWide #header-account a, #headerWide #header-shop a { -webkit-font-smoothing:antialiased; font-smoothing: antialiased; font-size:14px; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-family: Arial,Helvetica,sans-serif; text-rendering: optimizelegibility; font-weight:bold; color:#fff; position: relative; text-transform: capitalize; top: 0px; } #password-reset{color:#000;} .oldie #headerWide #header-account { width: 10%; left: 0; } #headerWide #header-account a { margin-left: 1px; } .fr_CA #headerWide #header-account a { margin-left: 0; } #headerWide #header-navicon a.mmenuIcon { background-image: url(../images/header/mobile-menu.png); background-position: 0 0; background-size: 35px 24px; width: 35px !important; height: 24px !important; } #headerWide #header-account a.loggedin{ top: 10px;} #headerWide #header-search #hSearch { border: 2px solid #fff; color: #282626; font-size: 1.1em; height: 32px; position: absolute; right: 0; top: 0px; transition: all 0.2s ease-out 0s; width: 100%; padding:0; } #headerWide #header-search #hSearch input#q{ border: 0 none; box-shadow: none; color: #fff; background-color:#000; height: 23px; line-height: 26px; font-size: 1.325em; padding: 5px 5px 4px 8px; position: absolute; right: 0; outline:0 none; width:73%; max-width: 180px; font-size: 1.2em } .oldie #headerWide #header-search #hSearch button#qstart{ background: url("../images/header/searchglass_mob.png") no-repeat } #headerWide #header-search #hSearch button#qstart{ background: url("../images/header/searchglass.png") no-repeat scroll 0 0; background-repeat: no-repeat; background-size: 22px auto; border: 0 none; cursor: pointer; display: inline-block; height: 23px; left: 4px; outline: 0 none; overflow: hidden; padding: 0; position: absolute; text-indent: -9999em; top: 3px; width:20%; min-width: 35px; margin: 2px; } #headerWide #header-features ul{width:100%} #headerWide #header-features li { display: block; float: left; margin: 0; padding: 0; text-align: center; width: 33%; } #headerWide #header-features li a{ position:relative; padding: 10px 8px 8px 0; display:block; -webkit-font-smoothing:antialiased; font-smoothing: antialiased; font-size:15px; color:#fff; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-family: Arial,Helvetica,sans-serif; text-rendering: optimizelegibility; font-weight:bold; } .fr_CA #headerWide #header-features li a { padding-top: 0; } .fr_CA #headerWide #header-features li a.mid-align { padding-top: 9px; } #headerWide #header-shop .header-shop .headerIconShop { width: 22px; max-height: 30px; overflow:hidden; left:0; display: block; text-indent: -9999px; position:relative; z-index:999; float: left; } #headerWide #header-shop .header-shop .shop-text { margin: 10px 0 0 12px; display: inline-block; vertical-align: top; } .fr_CA #headerWide #header-shop .header-shop .shop-text { margin-left: 7px; } #headerWide #header-shop .header-shop .shop-text:hover { text-decoration:underline; } /*.fr_CA #headerWide div.headercustomerinfo div.loginContainer {left:41px;}*/ #headerWide #header-account .header-account{ background: url(../images/header/account_icon.png) top left; background-repeat: no-repeat; background-size: 33px auto; height: 33px!important; width: 33px!important; float:left; overflow:hidden; left:0; display: block; text-indent: -9999px; position:relative; z-index:999; /* border: 1px solid #f00; */ } .oldie #headerWide #header-account .header-account{ background: url(../images/header/account_icon_mob.png) top left no-repeat; } #headerWide .login-box-content label span{color:#000} #headerWide .headercustomerinfo .headercustomerinfo_content { background-color:#ffffff; border: 1px solid #e4e4e4; box-shadow: 2px 2px 5px #666; display: none; height:auto; overflow:hidden; right: 0px; padding: 10px 14px!important; position: absolute; text-align: left; text-transform: none; top: 55px; z-index: 102; } #headerWide #header-cart{top:3px;} #headerWide .mini-cart-content .mini-cart-close{color:#000;font-size:1.125em;padding-right:16px;text-transform:capitalize} #headerWide .mini-cart-content{ display: none; height: auto; width: 280px; position: absolute; left: auto; top: 58px; right: 0px; padding: 10px 15px; text-align: left; z-index: 1010; background-color: #fff; -webkit-box-shadow: 0 0 6px rgba(66, 66, 66, 0.55); -moz-box-shadow: 0 0 6px rgba(66, 66, 66, 0.55); box-shadow: 0 0 6px rgba(66, 66, 66, 0.55); box-sizing: initial; font-size: 12px; } #headerWide .mini-cart-content.minicart-fixed { position: fixed; left: auto; top: 0px; right: auto; bottom: auto; margin-left: -230px; } #headerWide .mini-cart-content.minicart-fixed .mini-cart-product { min-height: 60px; } #headerWide .mini-cart-content.minicart-fixed .mini-cart-image { position: fixed; } #headerWide #mini-cart-total{ background-image: url(../images/header/basket.png); background-repeat: no-repeat; background-size:35px auto; height: 35px; width: 35px; overflow:hidden; display: block; text-indent: -9999px; position:relative; z-index:999; top: 4px; } .oldie #headerWide #mini-cart-total{background-image: url(../images/header/basket_mob.png);} #headerWide a.mini-cart-link{position:relative;width:100%;height:100%;display:block;} #headerWide #basket-qty{position:absolute;left:0;top:16px;color:#fff;font-size:0.75em;text-indent:0;text-align:center;width:100%;} #headerWide span#basket-icon{ background-image: none; background-repeat: no-repeat; height: 35px; width: 40px; overflow:hidden; display: block; text-indent: -9999px; position:relative; z-index:999; /* border: 1px solid #f00; */ } .csstransitions #headerWide .loginContainer a, .csstransitions #navigationWide li a { -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } #navigationWide { background-color:#000; border-top:1px solid #645e5e; z-index: 100; position:relative; display: block; width: 100%; } #navigationWide ul.menu-category.level-1{padding:0;} #navigationWide ul.level-1 li.first a.level-1, #navigationWide ul.level-1 a.level-1{ -webkit-font-smoothing:antialiased; font-smoothing: antialiased; font-size:1.265em; text-shadow: 0 0 1px rgba(0,0,0,0.3); font-family: Arial,Helvetica,sans-serif; /*text-rendering: optimizelegibility; NOTE: Forces 2 worded items to be 2 lines in Chrome*/ font-weight:normal; color: #fff; padding: 8px 21px; text-transform: capitalize; text-decoration: none; margin: 0; } .oldie #navigationWide ul.level-1 li.first a.level-1, #navigationWide ul.level-1 a.level-1 { padding: 8px 18px; } /*#headerWide .icon*/ #headerWide #header-searchcontrol.icon { background: url("../images/header/searchglass.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 32px; width: 30px; overflow:hidden; display: block; text-indent: -9999px; position:relative; z-index:999; /* border: 1px solid #f00; */ } div.header-account { background-position: -143px -13px; width: 15px !important; float: left; margin-right: 5px; } span#basket-icon { background-position: -133px -253px; display: block; } /************************************************/ /*HEADER */ /************************************************/ /* Header Navigation */ a.mmenuIcon{overflow:hidden;width:100%;height:100%;padding:5px 5px 5px 0;} /*header login*/ #header-account a.loggedin{color:#e4e4e4} #header { background-color:#231f20; padding: 10px 0; font-family: Helvetica,Arial,sans-serif; height:60px; position:relative; z-index:101; } #header-logo img{width:176px;height:60px;} #header-navicon, #header-searchcontrol { display: none; cursor: pointer; } #header-logo.stack { float: left; width: 18%; margin-left: 0px; margin-right: 25px; } #header-logo.wide { display: none; } #header-features { float: left; width: 29%; margin-right: 2%; margin-top: 1%; } #header-searchcontrol.icon { display: none !important; } #header-search { display: block; float: left; width: 21%; margin: 1% 2% 0 5px; text-align: right; } /** Search suggest **/ #headerSearch{overflow:hidden;width:100%;display:block;} #suggestions{display:block;position:absolute;z-index:999;overflow:hidden;height:125px;} #header-account { float: left; display:block; width: 11%; top: 10px; left: 10px; position: relative; } #header-cart { position:absolute; right: 0; top: 10px; width: 5%; } #header-features ul { padding:0; margin:0; } #header-features li { display: block; zoom: 1; margin: 0; padding: 0; width: 33%; text-align: center; float: left; } #header input#q { margin: 0; text-indent: 0; padding: 0 4%; height:32px; color: rgba(40, 38, 38, 0.6); font-size: 1.1em; line-height:32px; text-align: left; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; position: relative; border: 1px solid rgb(217, 217, 217); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 3px inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -webkit-transition-property: border, box-shadow; -webkit-transition-duration: 0.2s, 0.2s; -webkit-transition-timing-function: linear, linear; -webkit-transition-delay: 0s, 0s; float: left; width: 70%; font-family: Helvetica,Arial,sans-serif; box-sizing:content-box; } #header button#qstart { background-color: #f2f2f2; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; display: inline; width: 18%; padding: 0; height: 34px; position:relative; float: left; background-image: url(../images/header/search-normal.png); background-repeat: no-repeat; background-position: center; } #header-account div.headericon { float: left; position: relative; } div.headercustomerinfo { line-height: 1em; } #header-account a { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 11px; top: 10px; position: relative; } #navigation { background-color:#231f20; font-family: Helvetica,Arial,sans-serif; background-image: url(../images/header/nav-line.png); background-position: center top; background-repeat: no-repeat; z-index: 100; position:relative; display: block; width: 100%; font-size:11px; } #header .icon, a.mmenuIcon { background-image: url(../images/header/header-icon-tiles.png); background-repeat: no-repeat; height: 35px; width: 35px; overflow:hidden; display: block; text-indent: -9999px; position:relative; z-index:999; /* border: 1px solid #f00; */ } div.header-account { background-position: -143px -13px; width: 15px !important; float: left; margin-right: 5px; } span#basket-icon { background-position: -133px -253px; display: block; } /** Header sign in content **/ #header-account .headercustomerinfo_content a{color:#101010; background-image:none;margin:0;padding:8px 0;} .headercustomerinfo a.username {text-decoration:none;} .headercustomerinfo .divider { color: #ccc; margin: 0 2px; display:none; } .headercustomerinfo .or-use-your { color: #fff; font-size: .9em; font-family:Arial,Helvetica,sans-serif; font-weight:normal; padding-top: 2px; } .headercustomerinfo .headercustomerinfo_content { background-color:#ffffff; border: 1px solid #e4e4e4; box-shadow: 2px 2px 5px #666; display: none; height:200px; left: 0px; padding: 10px 14px!important; position: absolute; text-align: left; text-transform: none; top: 62px; z-index: 102; } .headercustomerinfo .headercustomerinfo_content li, .headercustomerinfo .headercustomerinfo_content ul{list-style-type:none;} .headercustomerinfo .headercustomerinfo_content { height: auto; left: auto; right: 0px; width: 365px; } .headercustomerinfo_content .left { float: left; width: 200px; } .headercustomerinfo_content .right { border-left: 1px solid #ccc; float: left; margin-left: 20px; padding-left: 20px; width: 200px; } .headercustomerinfo_content .bottom { clear: both; padding-top: 0px; text-align: center; } .headercustomerinfo_content .or { background: url('../images/circle-black.png') center center no-repeat; color: #fff; font-family: Arial,Helvetica,sans-serif; text-rendering: optimizelegibility; font-size: .8em; font-weight: bold; height: 20px; left: 220px; line-height: 20px; position: absolute; text-align: center; text-transform: uppercase; top: 10px; width: 20px; } .save-time { background: url('../images/icon-clock.png') left top no-repeat; color: #232323; font-size: .9em; margin: 10px 0 0 0; padding: 0 0 0 18px; } .headercustomerinfo_content h4 { color: #232323; font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-style: italic; margin-right:10px; font-weight: bold; } .headercustomerinfo_content .bottom > * { display: inline-block; vertical-align: middle; } .headercustomerinfo_content .gigya-secure { color: #232323; font-size: .9em; } .headercustomerinfo_content .register { text-align: right; } .headercustomerinfo_content .register button { background: none; color: #232323; font-family: Arial, Helvetica, sans-serif; padding: 0; margin: 0; text-align: right; text-transform: lowercase; } .headercustomerinfo_content form .label, .headercustomerinfo_content form .value, .headercustomerinfo_content form .formactions, .returningcustomers form .formactions { display: block; margin: 5px 0 0 0; text-align: left; width: auto; } .headercustomerinfo_content form .forgotpassword { margin: -15px 0 10px 0; } .headercustomerinfo_content form input.textinput, .headercustomerinfo_content form input.textinputpw { width: 200px; } /************************************************/ /* MAIN Navigation Menu */ /************************************************/ ul.menu-category.level-1 {padding:2px 0 0 0;z-index:99;position:relative;} ul.level-1 a.level-1 {font-weight:bold;color:#fff;padding:6px 12px 8px 12px;text-transform:capitalize;font-size:1.1em;text-decoration:none;margin:0;} span.whatsfresh {color: #FFFFFF; font-size: 1.15em; font-weight: bold; margin: 0; padding: 6px 9px 8px; text-decoration: none; text-transform: capitalize; display:block; cursor:context-menu; } .fr_CA span.whatsfresh { text-transform: none} .fr_CA ul.level-1 a.level-1{padding:6px 10px 8px 10px; text-transform:none;} ul.level-1 li:hover a.level-1 {background-color:#282727;color:#fff;} ul.level-1{margin:0;position:relative} ul.level-1 li{float:left;padding:0;} a.level-1:focus + .level-2{display:block} ul.level-1 li:hover div.level-2{display:block} ul.level-1 a {display:block;} div.level-2 {display:none;margin:0;position:absolute;z-index:1} div.level-2 ul.level-2 li {padding: 0;} div.level-2 ul.level-2 li a {padding: 10px 10px; text-transform: capitalize; font-size: 1.025em; font-weight: normal; border-top: 1px solid #2f2e2e;} div.level-2 ul.level-2 li a:hover {background-color:#000;text-decoration:none;} div.level-2 .menu-wrapper{background-color: #282727;box-shadow:6px 8px 5px -6px rgba(66,66,66,0.5);overflow:hidden} div.level-2 ul.level-2{float:left;margin:0;padding:0} div.level-2 ul.level-2 li{float:none;min-width:130px;} div.level-2 ul.level-2 a{color:#fff;font-size:1em;font-weight:700;padding:0} div.level-2 ul.level-2 li a.no-text-transform { text-transform: none; } div.level-3 ul.level-3{margin:0;padding:0} div.level-3 ul.level-3 li{padding:3px 5px;width:auto} div.level-3 ul.level-3 a{color:#fff;font-weight:400;text-transform:none} .ie7 ul.level-1{height:30px} /************************************************/ /* Search Bar */ /************************************************/ .sitesearch {background:transparent;border:0;margin:0;padding:0;position:absolute;right:10px;text-align: right;top:15px;width: 199px;} .sitesearch label {display: none;} input.simplesearchinput {background: #fff url(../images/icon-search-glass.png) 5px center no-repeat;border: 1px solid #848484;border-radius: 4px;color:black;height: 21px;margin: 0;padding: 0 0 0 20px;width: 150px;} .sitesearch form.simplesearch input.simplesearchinput:focus {background-color:transparent;} .sitesearch button {background:transparent none;border:0;font-size: .9em;height:20px;width:23px;} .sitesearch button span {background:transparent none;visibility: hidden;} div.simplesearch {background: #232323;display: inline-block;padding: 8px;} div.simplesearch input.simplesearchinput {width: 250px;} /** Custom Popup message */ .messageBox { display:inline-block; padding:8px 20px; display:none; font-size:1.125em; position:fixed; left:45%; top:40%; z-index:999; opacity:.9; color:#fff; background:#232323; border: 1px solid #E7E6E5; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); } .messageBox p{color:#fff!important;font-size:1.225em;font-weight:400} /************************************************/ /* NAVIGATION MENU */ /************************************************/ /* Mobile navigation */ div#mobileNav{display:none;} #viewallMobile{display:none;} /* Quicklinks */ .headerlinks{} .mm-menu li.quicklinks{overflow:hidden;margin:0;padding:0;background:#110f0f;border:0;} .mm-menu li.quicklinks > a, .mm-menu nav li.ccare > a, .mm-menu li.quicklinks > span, .mm-menu nav li.ccare > span { text-indent: 20px; line-height:100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-right: 0; padding:13px 0; } .mm-menu li.quicklinks > a:hover{background:#000;} .mm-menu li.ccare.customercare{background:url("../images/icons/icon-ccare.png") no-repeat 8% 47% #110f0f} .mm-menu li.ccare.user{background:url("../images/icons/icon-user.png") no-repeat 8% 47% #110f0f} .mm-menu li.ccare.faq{background:url("../images/icons/icon-talk.png") no-repeat 8% 48% #110f0f} .mm-menu li.ccare.locate{background:url("../images/icons/icon-locate.png") no-repeat 8% 47% #110f0f} .mm-menu li.ccare.customercare:hover, .mm-menu li.ccare.user:hover, .mm-menu li.ccare.faq:hover, .mm-menu li.ccare.locate:hover{background-color: #000} .mm-menu li.ccare{float:none;width:90%;display:block;padding:6px 1% 6px 9%;overflow:hidden;margin:0 0 0 0;background:#110f0f;border:0;} .mm-menu li.ccare a{float:none;width:auto;display:block;padding:5px;overflow:hidden;margin:0;background:transparent none;border:0;font-size:1.250em} .mm-menu li.ccare a:hover{float:none;} /************************************************/ /* HOMEPAGE STYLES */ /************************************************/ /* Window-Load Preloader */ .contentPreload{ display:block; height:500px; width:100%; background:#fff; position:relative; text-align:center; } .contentPreload img.loadingHero{margin:0 auto;position:relative;outline:none} #preloader { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#fff; /* change if the mask should have another color then white */ z-index:999999; /* makes sure it stays on top */ } #preloader-pdp { position:absolute; top:0; left:0; right:0; bottom:0; background-color:#fff; display:none; /* change if the mask should have another color then white */ z-index:9999; /* makes sure it stays on top */ } #status { width:200px; height:200px; position:absolute; left:50%; /* centers the loading animation horizontally one the screen */ top:150px; /* centers the loading animation vertically one the screen */ background-image:url(../images/ajax-loader.gif); /* path to your loading animation */ background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; /* is width and height divided by two */ } #status_sm { width:80px; height:80px; position:relative; background-image:url(../images/status.gif); /* path to your loading animation */ background-repeat:no-repeat; background-position:center; margin:10% auto; /* is width and height divided by two */ } /** Hero-swiper **/ .home-window-header { display: table; overflow: hidden; color: #fff; height: 500px; width: 100%; background-size: cover; background-repeat: no-repeat; /*background-position: 0 -220px;*/ margin: 0; padding: 0; text-align: center; transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; } .home-window-header-text { display: table-cell; vertical-align: middle; } #homepage-hero{ width:100%!important; /*min-height:150px; max-height:580px; height:auto; height:560px;*/ overflow:hidden; /*height: auto;*/ /*-webkit-backface-visibility: hidden;*/ position:relative; margin: 0; display:block; /*max-height: 430px;*/ } #homepage-hero .swiper-container { height: auto; margin: 0; padding:0; position: relative; width:100%; overflow: hidden !important; } #homepage-hero .swiper-slide-container { position:relative; width:100%; /*height:100%;*/ display:block; height:500px; overflow:hidden; margin-bottom:5px; } #homepage-hero .swiper-slide .swiper-slide-container img.window-bkg { position: absolute; top: 0; left: 0; z-index: 1; } #homepage-hero .swiper-slide .swiper-slide-container .header-info { position: relative; z-index: 10; } #homepage-hero .swiper-slide-container div.copyContainer{ position:absolute; margin:0 auto; width:80%; top:25px; text-align:center; overflow:hidden; display:block; height:100%; width:100%; z-index:111; } #homepage-hero .swiper-slide-container div.winCategory{ position:relative; color:#fff; font-size:16px; font-weight:bold; text-transform:uppercase; margin: 22px auto 0 auto; width:auto; display:block; z-index: 999; } #homepage-hero .swiper-slide-container p.winTagline{ position:relative; font-size: 34px; line-height: 32px; margin: auto; color:#fff; margin:0 auto; padding: 5px; width: 76%; max-width:1000px; z-index: 999; } #homepage-hero .swiper-slide-container a.boxLink{ border: 3px solid #fff; color: #fff; text-transform:uppercase; display: inline-block; font-size: 18px; font-weight: bold; margin: 45px 20px; padding: 10px 35px; position: relative; text-align: center; transition: all 0.2s linear 0s; width: auto; cursor:pointer; z-index: 999; } #homepage-hero .swiper-slide-container a.boxLink:hover { background: #FFF; color: #000; text-decoration:none; } #homepage-hero .swiper-slide-container h1.winTitle{ -webkit-font-smoothing:antialiased; font-smoothing: antialiased; color: #fff; font-size: 64px; font-weight: bold; line-height: 65px; position: relative; text-align: center; width: 100%; margin:6% auto 10px; max-width:1100px; z-index: 999; } #homepage-hero .swiper-slide-container .slidewindow { position: relative; width: 100%; height: 100%; display: block; /*max-height: 500px;*/ overflow: hidden; margin-bottom: 5px; } #homepage-hero .swiper-slide-container h1.winTitle{ margin:7% auto 10px;} #homepage-hero .swiper-container .swiper-wrapper{text-align:center;-webkit-backface-visibility: hidden;margin:0;width:100%;margin-bottom:-5px;} #homepage-hero .swiper-container .swiper-wrapper .lrgHero{display:block;/*max-height:450px;min-height:200px*/} #homepage-hero .swiper-container .swiper-wrapper .smHero{display:none;} #homepage-hero .swiper-container .swiper-slide{} #homepage-hero .swiper-container .swiper-slide, .swiper-container .swiper-slide {overflow:hidden;-webkit-transition-delay: 0s, 0s;padding:0;margin:0;height:auto !important;} #homepage-hero .swiper-container .swiper-slide img{ max-width: 100%; width: 100%; margin:0 auto; position:relative; z-index:1; } @media \0screen { #homepage-hero .swiper-container .swiper-slide img { width: auto; /* for ie 8 */ } } #homepage-hero .swiper-wrapper { /*-webkit-backface-visibility: hidden; */ } #homepage-hero .header-container-overlay { display:block; top: 0px; height: 100%; -moz-opacity: 0.50; opacity:.50; filter: alpha(opacity=50); width: 100%; position: absolute; z-index: 0; /* background-image: -webkit-radial-gradient(linear, left top, left bottom, from(rgba(50,50,50,0.8)),to(rgba(80,80,80,0.2)), color-stop(.5,#333333)); */ background: #000; transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .1)); background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .1)); background: -moz-linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .1)); background: -o-linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .1)); background: -ms-linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .1)); } #slide-next{ position:absolute; /*background: url(../images/arrow_right_touch_sm.png) 0px 0px no-repeat; background: url(../images/arrows/rough-arrow-right-sm.png) 0px 0px no-repeat; */ right:0px; top:30%; width:13px; height:50px; z-index:1; cursor:pointer; } #slide-prev{ position:absolute; /*background: url(../images/arrow_left_touch_sm.png) 0px 0px no-repeat; background: url(../images/arrows/rough-arrow-left-sm.png) 0px 0px no-repeat; */ left:0px; top:30%; width:13px; height:50px; cursor:pointer; } .pt_product-details #slide-prev{width:12px; height:100%;overflow:hidden} .pt_product-details #slide-next{width:12px; height:100%;overflow:hidden} #hero-slide-next{ position:absolute; /*background: url(../images/arrow_right_touch_sm.png) 0px 0px no-repeat; background: url(../images/arrows/hero-arrow-right.png) 0px 0px no-repeat; */ right:0px; top:34%; width:74px; z-index:99; height:156px; right:10%; cursor:pointer; } #hero-slide-prev{ position:absolute; /*background: url(../images/arrow_left_touch_sm.png) 0px 0px no-repeat; background: url(../images/arrows/hero-arrow-left.png) 0px 0px no-repeat; */ left:0px; top:34%; left:10%; width:74px; height:156px; z-index:99; cursor:pointer; } #hero-slide-next img, #hero-slide-prev img { display:block; } #facts-slide-next{ position:absolute; /*background: url(../images/arrow_right_touch_sm.png) 0px 0px no-repeat; background: url(../images/arrows/hero-arrow-right.png) 0px 0px no-repeat; */ right:0px; top:16%; width:20px; z-index:99; height:30px; right:10px; cursor:pointer; } #facts-slide-prev{ position:absolute; /*background: url(../images/arrow_left_touch_sm.png) 0px 0px no-repeat; background: url(../images/arrows/hero-arrow-left.png) 0px 0px no-repeat; */ left:0px; top:16%; left:26%; width:20px; height:30px; z-index:99; cursor:pointer; } .swipercontrols img{ max-width: 70%; height: auto; margin:0 auto; position:relative; z-index:1; } @media \0screen { .swipercontrols img { width: auto; /* for ie 8 */ } } .pt_checkout #section-help-mobile{display:none} .swipercontrols{ /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);*/ -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .swipercontrols:hover{ /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);*/ -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /* #slide-next{ position:absolute; background: url(../images/arrow_right_touch_sm.png) 0px 0px no-repeat; right:0px; top:25%; width:20px; height:40px } #slide-prev{ position:absolute; background: url(../images/arrow_left_touch_sm.png) 0px 0px no-repeat; left:0px; top:25%; width:20px; height:40px } */ #homepage-hero .swiper-container .swiper-slide img{opacity:1;/*-webkit-transition:300ms;-moz-transition:300ms;-ms-transition:300ms;-o-transition:300ms;transition:300ms;*/} #homepage-hero .swiper-container .swiper-slide-active{} #homepage-hero .swiper-container .swiper-slide-active img{opacity:1;} #homepage-hero .pagination{bottom: 0; left: 10px; margin: 0; position: relative; text-align: center; width: 100%; z-index: 20;} #homepage-hero .swiper-pagination-switch{display:inline-block;width:12px;height:12px;border-radius:12px;background:#222;margin-right:12px;opacity:0.8;border:1px solid #fff;cursor:pointer;} #homepage-hero .swiper-visible-switch{background:#aaa;} #homepage-hero .swiper-active-switch{background:#ccc;} /*End Hero Swiper */ /* HOME ACTIONS */ h2.promoTitle{ background: url('../images/header-line-tile.jpg') 8px center repeat-x; position:relative;margin-top:15px;font-size: 2em;margin-bottom: 20px;text-transform: capitalize;} .fr_CA h2.promoTitle{ text-transform:none;} h2.promoTitle{ background: url('../images/header-line-tile.jpg') 8px center repeat-x; position:relative;margin-top:15px;font-size: 2em;margin-bottom: 20px;text-transform: capitalize;} h2.promoTitle span{background-color: #fff; padding: 0 10px 0 5px;} h2.promoTitle.pds{margin-bottom: 5px; } #hero-bottom-row{ overflow: hidden; margin-top:15px; width:100%; position:relative; display:block; height:50px; max-height:50px; } #home-find-shop { position:absolute; width: 30%; top:0; left:0; overflow:hidden; text-align:left; white-space: nowrap; } #home-newsletter-signup { position:absolute; width: 70%; top:0; right:5px; overflow:hidden; text-align:right; white-space: nowrap; } #hero-bottom-row div { } #hero-bottom-row div label { position:relative; color: #b4b4b4; text-transform: capitalize; font-size: 1em; text-align:right; position:absolute; right:290px; } #home-newsletter-signup label { margin-top: 9px; } #home-newsletter-signup input[type="image"], #home-newsletter-signup input[type="text"] { float: right; height: auto; } #maillistinput { border: 1px solid #d8d8d8; display: inline-block; margin-top: 0; padding:9px 5px 9px; width:185px; } #footer-global .footer-nav-social-newsletter .maillistinput { border: 2px solid #fff; background-color: #000; display: inline-block; margin: 20px 0 0 0; padding: 9px 5px; width: 68%; } .oldie #footer-global .footer-nav-social-newsletter .maillistinput { width: 65%; } #home-social-icons { width: 310px; margin-top: 6px; } #home-social-icons label { float: left; margin-top: 3px; } /** Main Promos **/ .main-promo{ float: left; margin: 0; padding: 0 1% 0 0; position: relative; width: 24%; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .main-promo img{ border:1px solid #E7E6E5; } .main-promo:hover{ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); /**/ -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; } .main-promo img{ max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; } @media \0screen { .main-promo img { width: auto; /* for ie 8 */ } } /** Secondary promos **/ #new-noteworthy{position:relative;width:100%;overflow:hidden;height:225px;} #new-noteworthy .swiper-container { height: 100% !important; margin: 0; padding:0; position: relative; margin:0; display:block; overflow: visible !important; } #new-noteworthy .swiper-container .swiper-wrapper{text-align:center;margin:0 auto;} #new-noteworthy .swiper-container .swiper-slide{ overflow:hidden; } #new-noteworthy .swiper-container .swiper-slide span{margin:0 5px; background:#eae7e6;height:100%;display:block;} #new-noteworthy .swiper-container .swiper-slide img{ max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; } @media \0screen { #new-noteworthy .swiper-container .swiper-slide img { width: auto; /* for ie 8 */ } } /** Behind the scenes **/ #behind-the-scenes{position:relative;width:100%;overflow:hidden;margin:10px 0;display:none;} #behind-the-scenes .swiper-container { margin: 15px 5% 0; position: relative; width: 90% !important; height: 200px!important; padding:0; display:block; overflow: hidden!important; } #behind-the-scenes .swiper-container .swiper-wrapper{text-align:center;margin:0 auto;} #behind-the-scenes .swiper-container .swiper-slide{ overflow:hidden; } #behind-the-scenes .swiper-container .swiper-slide span{margin:0 5px;height:100%;display:block; transition: all 500ms ease 0s; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} #behind-the-scenes .swiper-container .swiper-slide span:hover{ -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .swiper-container .swiper-slide span p.prTitle{background: none repeat scroll 0 0 transparent; color: #232323; font-family: Arial,Helvetica,sans-serif; font-size: 1em; font-weight: bold; margin: 0; padding: 5px 0 0; } #behind-the-scenes .swiper-container .swiper-slide img, #behind-the-scenes .swiper-container .swiper-slide span img{ max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; border:1px solid #E7E6E5; } @media \0screen { #behind-the-scenes .swiper-container .swiper-slide img, #behind-the-scenes .swiper-container .swiper-slide span img { width: auto; /* for ie 8 */ } } /************************************************/ /* END HOMEPAGE STYLES */ /************************************************/ /************************************************/ /* Top level Category Landing styles (rendering/category/categorylanding) */ /************************************************/ .categorylanding .breadcrumb_lush { font-size: 1.3em; margin: 18px 0; position: relative; padding: 0; } .categorylanding .breadcrumb_lush span, .categorylanding .breadcrumb_lush a { color: #000; text-transform: capitalize; font-weight: bold; } .categorylanding .breadcrumb_lush span.blogdividerarrow { margin: 0 7px 0 4px; } .catDescriptionMobile{display:none} .catlanding{font-size:2em;} .catlanding.row{margin-left:15px;} .catlanding h1, .catlanding h2{} .catlanding h1{ margin-top: 0; padding-top: 30px; border-top: 3px solid #000000; -webkit-font-smoothing:antialiased; font-weight:normal;font-style:normal; overflow: hidden;text-transform:capitalize;font-family: Arial, Helvetica, sans-serif;font-weight:bold;margin-bottom:3px;font-size:2.4em;} .catlanding h2{font-size:0.95em; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: none; color: #101010;font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin: 0 !important; text-transform: none; font-weight: bold;} #subcat-topB .col-1, #subcat-topB .col-2 { float: left; } .categorylanding { padding: 0; margin-bottom: 50px; } .categorylanding h3 { margin-bottom: 5px; } .subcat-tiles, #product-slider, #blog-feed, .categorylanding > .description { margin: 10px 0; } .subcat-tiles { margin-bottom: 0; } .subcat-tile { /*border-bottom: 2px solid #333;*/ color: #231f20; font-size: 1.25em; overflow: hidden; position: relative; height: 300px; } .subcat-tile:hover { text-decoration: none; } .subcat-tile:hover .subcat-title, .touch .subcat-tile .subcat-title{ margin-top: 12%; } .subcat-tile:hover .subcat-desc, .touch .subcat-tile .subcat-desc { margin-top: 45px; } .subcat-tile img{ -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); height:auto; position: absolute; z-index: 1; } .subcat-tile .overlay { z-index: 1; height: 100%; width: 100%; position: absolute; background: rgba(0, 0, 0, 0.6); background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0)); background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .1)); background: -moz-linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .1)); background: -o-linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .1)); background: -ms-linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, .1)); opacity: 0.8; } .subcat-tile .subcat-title { margin-top: 38%; font-size: 1.18em; width: 100% !important; } .subcat-tile .subcat-title h2 { font-size: 2.5em; font-weight: bold; margin: 0 0 4px 0; } .subcat-tile .subcat-desc { margin-top: 180px; font-size: 1.18em; } .subcat-tile .subcat-title, .subcat-tile .subcat-desc { position: relative; width: 90%; z-index: 10; margin-left: auto; margin-right: auto; text-align: center; color: #FFF; -webkit-transition: all 0.65s ease-in-out; -moz-transition: all 0.65s ease-in-out; -o-transition: all 0.65s ease-in-out; transition: all 0.65s ease-in-out; } .subcat-tile.no-bkg .subcat-title, .subcat-tile.no-bkg .subcat-desc { color: #000; } @media \0screen { .subcat-tile img { width: auto; /* for ie 8 */ } } .fr_CA .subcat-tile {height:350px;} .subcat-tile p { line-height: 1.5em; padding: 1em 0 1em 10px; margin:0; } .subcat-tile a { color: #2DA802; font-weight: bold; text-decoration: none; outline:0 none; position:relative; } .subcat-tile a:hover { opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */ } .touch .subcat-tile a {-webkit-tap-highlight-color:rgba(255,255,255,.3); opacity:1; filter:alpha(opacity=100);} .subcat-tiles .last { margin-right: 0; } .subcat-tiles .slot-tile { border: none; height: 292px; } #blog-feed .col img { -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); max-width: 100%; height:auto; position:relative; } .boxshadow #blog-feed .col img{ border: 2px solid #FFFFFF; box-shadow: 1px 1px 2px #999999; } @media \0screen { .subcat-tile img, #blog-feed .col img { width: auto; /* for ie 8 */ } } .subcat-tile img:hover, #blog-feed .col img:hover { } /*#product-slider > div { display: inline-block; left: 0px; position: relative; top: 0px; vertical-align: middle; }*/ #blog-feed .col { float: left; /*margin: 0 30px 15px 0;*/ /*width: 300px;*/ } #blog-feed .last { margin-right: 0; } .categorylanding #product-slider .title-img img { max-width: 176px; } .categorylanding .description { /*border-top: 1px solid #666;*/ position:relative; font-size: 1.350em; font-weight: normal; line-height: 1.625em; padding-top: 20px; clear:both;display:block; } .categorylanding .article-list { border: none; overflow:hidden; position:relative; /*border-top: 1px solid #e1e1e1;*/ padding: 7px 0 0 0; } .categorylanding .article-list ul.articleItems{position:relative;padding:0;margin-top:15px;} .categorylanding .article-list ul.articleItems li{ padding:5px 2px; overflow:hidden; } .categorylanding img.teaser-thumb { display: block; float: left; margin: 0 10px 15px 0; } .categorylanding .article-teaser{ border:0; border-bottom: 1px solid #e1e1e1; /*margin: 0 0 15px; padding: 0 0 15px;*/ } .categorylanding #product-touch-slider h2, .categorylanding #video-feed h2, .categorylanding .related-articles h2 { font-size: 16pt; font-weight: bold; } .categorylanding .swiper-slide img { max-width: 86%; display:block; } .categorylanding #video-feed .teaserSmall { text-align: center; } /*** OLD categorylanding ***/ #categorylanding_old { width: 960px; margin: 0 auto; } #categorylanding_old .breadcrumb_lush { position: relative; margin: 5px 0 25px -15px; font-size: 1em; } #categorylanding_old.categorylanding .breadcrumb_lush span, #categorylanding_old.categorylanding .breadcrumb_lush a { font-weight: normal; text-transform: lowercase; } #categorylanding_old.categorylanding .breadcrumb_lush a { color: #2DA802; } #categorylanding_old .catlanding h1 { padding-top: 0; } #categorylanding_old .subcat-tiles .subcat-tile, #categorylanding_old .subcat-tiles .subcat-tile.last { margin-top: 4%; } #categorylanding_old .subcat-tile { height: 330px;} .fr_CA #categorylanding_old .subcat-tile { height: 350px; } #categorylanding_old .subcat-tile img { max-width: 300px; width: 100%; } #categorylanding_old .subcat-tile p { line-height: 1.5em; padding: 1em 0 1em 10px; margin: 0; } #categorylanding_old .catlanding h2 { font-weight: normal; } #categorylanding_old .subcat-tile img { position: relative; } /************************************************/ /* SECONDARY LEVEL CATEGORY SUBCATEGORY style - categoryproducthits.isml */ /************************************************/ #subcat-top { margin: 0 0 10px 0px; padding: 10px 0 5px 0; } .descriptionMobile{display:none;font-size:1.250em;font-weight:normal;line-height:1.5em} /* Sub cat */ #subcat-top div.cat-image{height:auto;margin-top:50px;width:40%;margin-left:2%; overflow:hidden;transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out;} #subcat-top div.cat-description{width:58%} #subcat-top div.cat-description-full{width:90%;} #subcat-top .col .description:first-line, .descriptionMobile:first-line { line-height:1.6em!important;color:#101010;font-size:1.250em; font-family: Arial,Helvetica,sans-serif;font-weight:bold; } #subcat-top .col .description{ line-height:1.6em!important;color:#101010;font-size:1.250em; font-family: Arial,Helvetica,sans-serif;font-weight:normal;padding:0 0 10px 0 } #subcat-top .col .description.Mobile {display:none} #subcat-top div.cat-image img{max-width: 100%; border: 2px solid #DDDDDD; height: auto; } @media \0screen { #subcat-top div.cat-image img { width: auto; /* for ie 8 */ } } #didyouknow-hd { background: url(../images/subcategory/didyouknow-hd.jpg) 0px 0px no-repeat; height: 45px; position: relative; float:left; margin:8px 15px 0 10px; width: 220px;} .fr_CA #didyouknow-hd { background: url(../images/subcategory/didyouknow-hd-fr.jpg) 0px 0px no-repeat!important; height: 45px; position: relative; float:left; margin:8px 15px 0 10px; width: 220px;} #subcat-top h1 { font-size: 2.725em; text-transform: capitalize; } #subcat-top .no-text-transform { text-transform:none !important; } #subcat-top h3 { background: none; color: #fff; font-size: 1.7em; line-height: 1em; margin: 0 0 5px 0; padding: 0; text-transform: capitalize; } #did-you-know .flexslider .slides p { height: auto!important; line-height: 1.35em; font-size:1.025em; margin: 0; overflow: hidden; font-weight:700; padding: 0; display: none; vertical-align: top; text-align: left; } .catlanding-banner{overflow:hidden;position:relative;display:block;} .catlanding-banner img { -webkit-transform: rotate(0); -moz-transform: rotate(0); transform: rotate(0); max-width: 100%; height:auto; position:relative; } @media \0screen { .catlanding-banner img { width: auto; /* for ie 8 */ } } .categorylanding .description {display:block} a.eblink{background: url(../images/eb/eb-link-en.jpg) 0px 0px no-repeat;height:182px; width:175px;position:relative;float:right;display:block;padding-bottom:10px;} .fr_CA a.eblink{background: url(../images/eb/eb-link-fr.jpg) 0px 0px no-repeat;height:182px; width:180px;position:relative;float:right;display:block;padding-bottom:10px;} @media screen and (max-width:600px) { .search-result-items .grid-tile{float:none;list-style:none outside none;width:100%;} .two .grid-tile {width:100%;/*min-width:200px;*/} .one .grid-tile {width:100%;} } /************************************************/ /* SEARCH RESULTS TEMPLATE HELPERS - refinemnts, sorting etc*/ /************************************************/ .tinynav { display: none!important } #results-section .sortby {position:relative;left:0px;width:100%;display:block;height:65px;overflow:hidden;} #refinements label, #refinements h2 { font-size: 1.525em; margin: 0; padding-bottom: 0 0 10px 0; text-transform: capitalize; width: 100%; font-weight:bold; font-family:Arial,Helvetica,sans-serif;margin: 0 0 6px;color: #000000; padding: 0;background:#ffffff } #refinements h2, #refinements h3 { padding-top: 15px; } /*.sort-by select { margin:0;padding:7px 4px;margin-top:12px; width: 100%; }*/ .sortby select option {font-style:normal;} div.refinement ul {display: block;overflow: hidden;padding: 0;} div.refinement ul li{ color: #8E8E8E;padding: 2% 4% 2% 0;margin: 6px 0;width: 96%;} div.refinement ul li a{color: #8E8E8E;font-family: Arial,Helvetica,Verdana,sans-serif;font-size: 1.1em ;font-weight: normal ;line-height: 1em ;text-decoration: none !important;text-transform:none !important;} div.refinement ul li a:hover, div.refinement ul li.selected a{color:#232323;text-decoration:underline} .subcat .searchrefine { color: #8e8e8e; text-transform: uppercase; position:relative; display:block; } .sorthitscontainer .itemsperpage {position:absolute;left:2px;text-align:left; display:none;} .sortby, .sortby form, .sortby fieldset {margin:0;padding:0;position:absolute;right:0;text-transform: none;white-space:nowrap;} .sortby select {width: 14em;margin-right: 10px;} /***** ARTICLES SEARCH RESULTS STYLES ex:contenthits.isml *****/ .pagingheadline{overflow:hidden;position:relative;display:block;width:100%} .contenthits .pagination { float: left; margin: 0; position:relative; padding:0; text-align: left; left:0; width: 100%; font-size: 1.125em; } .contenthits .pagination .results-hits { color: #8E8E8E; float:right; text-align:right; font-size: 1.1em; width:100%; position:relative; padding: 0; margin-bottom:5px; display:block; } .contenthits .pagination ul { list-style-type: none; margin: 0 0 0 10px; padding: 0; } .contenthits .pagination li.current-page { display: inline; font-size: 1.1em; list-style-type: none; margin: 0 10px; padding: 0 2px; } .contenthits .readmore{font-weight:bold} .contenthits {margin-top:20px;} .contenthits h2 { margin-bottom: 10px; } .contenthits .article { border-bottom: 1px solid #DDDDDD; padding: 15px 0; margin-top:20px; height:auto; overflow:hidden; display:block; position:relative; } .contenthits h1 { font-family: Arial, Helvetica, sans-serif; font-size: 1.525em; line-height:1.4em; font-weight: 900; padding-bottom:0; } .hd{font-family: Arial, Helvetica, sans-serif; font-size: 2em; line-height:1.4em; font-weight: 900; padding-bottom:0;} .articlename { margin-bottom: 0.4em; } .articlename a { color: #232323; font-size:1.3em; font-weight: bold; text-decoration: none; } .contenthits .article .articlename a:hover {text-decoration: underline;} .contenthits .article .description {color:#232323;} .contenthits .articlelink { display: block; margin: 10px 0 0 0; } .contenthits .article .articlelink a { color: #2DA802; margin-top: 5px; text-align: left; color: #2DA802; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 1em; line-height: 1.2em; padding: 0 2px 0 0;} .contenthits .article .articlelink a:hover {color: #232323;} .contenthits .formactions { margin-top: 15px; text-align: left; } .return-to-products { display: block; padding: 15px 0; } /************************************************/ /* Display Mode */ .displaymodebar { position: absolute; left:340px; font-size: 11px; } .displaymodebar .displaymodeprompt {float:left;margin-top:3px;margin-right:5px;} .displaymodebar .displaymodebuttons {background-image:url(../images/displaymode-selector.png);background-repeat:no-repeat;height:20px;width:60px;float:right;} .displaymodebar .displaymodebuttons div {width:16px;height:16px;padding:1px; margin:1px;border:0px; float:left;} .displaymodebar .displaymodebuttons div.displaymode-selected {width:16px;height:16px;padding:1px; margin:0px;border:solid 1px green; float:left;} .search-result-options { clear:both; font-size: 1.1em; overflow:hidden; display:block; width:100%; margin:0; position:relative; } .search-result-options .display-view { position:absolute; vertical-align:middle; bottom:11px;left:0; font-size: 1.1em; width:35%; } /* search grid multiple view toggle */ .display-view > * { display: block; vertical-align: middle; zoom:1; *display:inline; color: #8E8E8E; font-size: 1.1em; float: left; } .displaymodebar .displaymodeprompt {float:left;margin-top:3px;margin-right:5px;color: #8e8e8e; font-size:1.125em;} .displaymodebar .displaymodebuttons {background-image:url(../images/displaymode-selector.png);background-repeat:no-repeat;height:20px;width:60px;float:right;} .displaymodebar .displaymodebuttons div {width:16px;height:16px;padding:1px; margin:1px;border:0px; float:left;} .displaymodebar .displaymodebuttons div.displaymode-selected {width:16px;height:16px;padding:1px; margin:0px;border:solid 1px green; float:left;} /************************************************/ /* Custom Product Tiles- */ /************************************************/ .horizontal-grid{width:100%;position:relative;overflow:hidden;} .horizontal-grid h3.calloutHeader{position:relative;display: inline-block;*display: inline;vertical-align:top;width:120px;padding-right:10px;padding-top:12px;} .product-tile-mini{position:relative;width:180px;overflow:hidden;display: inline-block;*display: inline;margin-right:5px} .product-tile-mini a{color:#232323;font-size:1em;} .product-tile-mini a.hover{opacity:0.9} .product-tile-mini a span.name{color:#232323;font-size:.9em;font-weight:bold} .product-tile-mini .prod-image{position:relative;display: inline-block;*display: inline;width:45%;padding-right:2%} .product-tile-mini .prod-image img{ max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; } @media \0screen { .product-tile-mini .prod-image img { width: auto; /* for ie 8 */ } } .product-tile-mini .prod-info{position:relative;display: inline-block;*display: inline;vertical-align:top;width:45%;padding-top:25px;text-align:center;} .product-tile-mini .prod-info .name{} .product-tile-mini .prod-info .prod-link{} @media all and (max-width: 640px) { .horizontal-grid h3.calloutHeader{display:block;width:100%;} .product-tile-mini{display:block;} .product-tile-mini .prod-info{display:block;width:100%;padding-top:0px;padding-bottom:5px;} } /************************************************/ /* VIDEO CYCLER - depends on youtube api */ /************************************************/ div.videos_col{width: 33%;padding: 0 1% 15px 1%;position:relative;} .teaserImgOverlay{color:#2DA802;} .teaserImgOverlay{line-height:1.2em;color: #101010;font-weight:bold} .teaserImgOverlay:hover{line-height:1.2em;color: #232323;} .video-teasers{color: #FFFFFF;position:relative;height: auto;padding: 0px 0px;position: relative;width:100%;/*;width: 250px;*/margin:5px auto;} .video-teasers .video-teaser-box, .charity-teaser-box { position:relative; margin-top:0px; } .video-teaser-box ul.vblock, .charity-teaser-box ul.vblock { position:relative; padding:0;margin:0; padding:2% 1%; display:block; overflow:hidden; margin-top:45px; } .video-teaser-box ul.vblock li.video-item, .charity-teaser-box ul.vblock li.video-item{ position:relative; text-align:center; margin:3% 0; cursor:pointer; /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);*/ /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1 } .video-teaser-box ul.vblock li.video-item:hover, .charity-teaser-box ul.vblock li.charityItem{ /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);*/ /* Netscape */ -moz-opacity: 0.8; /* Safari 1.x */ -khtml-opacity: 0.8; /* Good browsers */ opacity: 0.8; } .csstransitions ul.vblock li{ /* transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -webkit-transition:all .2s ease-in-out;*/} .video-teaser-box ul.vblock li.video-item a.teaselink{ display:block;overflow:hidden; margin:0 auto; padding:0;cursor:pointer; position:relative; z-index:1; } .video-teasers .video-item img { max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; } @media \0screen { .video-teasers .video-item img { width: auto; /* for ie 8 */ } } .video-teasers .video-item a.teaserImgOverlay { outline:0; background: url('../images/video/video-play-sm.png') 95% 90% no-repeat; height: 100%; left: 0px; width:100%; position: absolute!important; z-index:999!important; top: 0px; max-width: 100%; } .video-teasers .video-item a.teaserImgOverlay:hover {} .tagcloud ul li.tagitem{float:left;} .tagcloud ul.tagItems{position:relative;margin-top:5px;overflow:hidden;height:auto;padding-left:0px;} .videocontrolsmin{top:0px;position:relative;z-index:99;width:240px;background:none;background-image:none;color:#969696;height:20px;display:none;} .videocontrolsmin .next{height:16px!important;width:80px;top:0!important;right:3px;padding:8px 11px 8px 5px!important;background: url('../images/arrows_next.png') center right no-repeat; } .videocontrolsmin .prev{height:16px!important;width:80px!important;top:0!important;left:3px;padding:8px 10px 8px 6px!important;background: url('../images/arrows_prev.png') center left no-repeat;} .videocontrolsmin .next span{position:absolute;right:18px;color: #231F20;font-variant: small-caps;text-transform: capitalize;font-family: Arial,Helvetica,sans-serif; font-size: 1.125em; font-weight:bold; text-rendering: optimizelegibility;} .videocontrolsmin .prev span{position:absolute;left:18px;color: #231F20;font-variant: small-caps;text-transform: capitalize;font-family: Arial,Helvetica,sans-serif; font-size: 1.125em; font-weight:bold; text-rendering: optimizelegibility;} .videocontrolsmin span:hover{ color:#009933; } .videocontrolstop{top:0px;position:relative;z-index:99;width:100%;background:none;background-image:none;color:#969696;height:20px;display:block;border:none!important;margin: 0!important;padding:0 0 5px 0!important;} .videocontrolstop .next{height:16px!important;width:70px;top:0!important;right:3px;background: url('../images/arrows_next_grey.png') 55px 6px no-repeat; opacity:.8 } .videocontrolstop .prev{height:16px!important;width:70px!important;top:0!important;left:3px;background: url('../images/arrows_prev_grey.png') 5px 6px no-repeat;opacity:.8} .videocontrolstop .next span{position:absolute;right:30px;top:2px!important;color: #7d7d7d;text-transform: lowercase; font-family: Arial,Helvetica,sans-serif; font-size: 1.225em; font-weight:bold; text-rendering: optimizelegibility;} .videocontrolstop .prev span{position:absolute;left:30px;top:2px!important;color: #7d7d7d;text-transform: lowercase; font-family: Arial,Helvetica,sans-serif; font-size: 1.125em; font-weight:bold; text-rendering: optimizelegibility;} .videocontrolstop span:hover{ color:#232323; } .videocontrolstop .next, .videocontrolstop .prev{ border: 1px solid #DDDDDD; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ padding: 5px; } .videocontrolstop .prev:hover, .videocontrolstop .next:hover {opacity:1; border: 1px solid #bbb;} .video-teaser-box .videocontrolsnext strong.more{position:absolute;top:0;left:10px;font-weight:bold;color:#969696;background:none;padding:1px 3px;background-image:none} /************************************************/ /* PRODUCT TOUCH SLIDER CAROUSEL (search/productslider_touch)*/ /************************************************/ /** Product touch slider jumbo **/ #product-touch-slider { width:100%; overflow:hidden; /*-webkit-backface-visibility: hidden;*/ position:relative; margin: 10px auto 0; height: 295px; } #product-touch-slider .swiper-slide{} .productslidertouch .swiper-container { height: 255px; margin: 0 3%; position: relative; width: 94% ; } .productslidertouch { width: 100%; overflow:hidden; /*-webkit-backface-visibility: hidden;*/ /*background:url(../images/ethical/eth-loader.gif) 47% 30% transparent no-repeat;*/ position:relative; margin-bottom:5px; } .swiper-pagination-switch{display:inline-block;width:8px;height:8px;border-radius:8px;background:#222;margin-right:5px;opacity:0.8;border:1px solid #fff;cursor:pointer;} .swiper-visible-switch{background:#222;} .swiper-active-switch{background:#aaa;} .productslidertouch.swiper-wrapper { /*-webkit-backface-visibility: hidden; */ } .tagcontrolsmin{right:0px;top:1px;position:absolute;z-index:99;padding-left:4px;padding-right:4px;height:30px;overflow:hidden;width:60px;background:none;background-image:none;color:#969696;overflow:hidden;display:block;} .tagcontrolsmin .next{top:0!important;padding:5px!important;background:/*url("../images/arrow_right_touch_sm.png") no-repeat scroll 50% center transparent*/none;right:0; cursor: pointer; display: block; height: 40px; position: relative; float: right; top: 5px; width: 10px; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .tagcontrolsmin .prev{top:0!important;padding:5px;background:/*url("../images/arrow_left_touch_sm.png") no-repeat scroll 50% center*/none;left:0; cursor: pointer; display: block; float:left; height: 40px; position: relative; top: 5px; width: 10px; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .tagcontrolsmin .next:hover{ -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .tagcontrolsmin .prev:hover{ -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .next img, .prev img{ max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; } @media \0screen { .next img, .prev img{ width: auto; /* for ie 8 */ } } .product-touch-slider .back-link { bottom: 2px; color: #E7E6E5; font-size: 0.9em; right: 30px; position: absolute; text-decoration: none; } #productslidertouch a { color: #000000; } .productslidertouch .swiper-slide .slidertitle{display:block;position:relative;text-align:center;line-height:1.4em;font-size:.95em;font-weight:normal} .productslidertouch .swiper-slide .product-image{position:relative;overflow:hidden;width:100%} .swiperButtons{position:absolute;top:5px;} .swiper-slide{ -webkit-perspective: 1000; /* backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transform: translate3d(0,0,0); */ } .swiper-slide a{ -webkit-font-smoothing: subpixel-antialiased; -webkit-perspective: 1000; } /************************************************/ /* About Us & Customer Service Sections Styles */ /************************************************/ /* About Us */ .pt_about-us .primary-content h1{font-size:2.75em!important;font-style:normal!important;font-weight:bold!important;margin:0 0 10px!important;text-transform:uppercase} .pt_about-us .aboutimgs{text-align:center;margin-top:10px;width:31.25%;} .pt_about-us .aboutimgs img{float:left;margin:5px;} .pt_about-us .primary-content h1{font-size:2.75em!important;font-style:normal!important;font-weight:bold!important;margin:0 0 10px!important;text-transform:capitalize} .pt_about-us .anchornav{position:relative;display:block;border-bottom:1px solid #101010;overflow:hidden;padding:5px;} .anchornav ul{list-style-type: none; line-height: 0!important;margin: 0!important;padding:0!important;} .anchornav ul li{position:relative;float:left;width:50%;margin:5px 0;list-style: none!important;overflow:hidden; line-height: 1.4em;} .anchornav ul li a{font-family:"Arial Black","ArialBlackRegular","Helvetica Neue Bold",Gadget,sans-serif;font-size:1.2em;font-weight:bold;text-transform:capitalize} .pt_about-us .aboutimgs{text-align:center;margin-top:10px;width:31.25%;} .pt_about-us .aboutimgs img{float:left;margin:5px;} /** Custom account and our story template helpers **/ .contentSpan{width:80%;z-index:1;padding-top:10px;padding-left:0;padding-right:0} .contentSpan.right{float:right} .navSpan{width:20%;height:auto;padding:0 0 0 0!important} .navSpan.left{float:left;} .label{font-weight:bold;font-size:1.1em} #aboutContent { width: 100%; color:#231F1E; margin-top:5px; overflow:hidden; } #aboutContent p img {margin:10px 0;} #aboutContent div.headerImage { margin-left:0px; margin-bottom:10px; width:auto; } img.loadingVids{width:98px;height:22px;position:relative;margin:25%;} #aboutContent div.headerImage img{margin:auto;max-width:100%;height: auto;} @media \0screen { #aboutContent div.headerImage img{ width: auto; /* for ie 8 */} } #aboutContent div.content { float:left; width: 65%; overflow:hidden; padding-right:5%; padding-bottom:5px; } #aboutContent div.content_full { float:left; width: 100%; overflow:hidden; padding-bottom:5px; } /* Customer Service */ .pt_customer-service #primary-content h1 strong ,.lushI #primary-content h1 strong{font-size:2.75em!important;font-style:normal!important;font-weight:bold!important;margin:0 0 10px!important;text-transform:uppercase} .pt_customer-service #primary-content h1{font-size:3.75em;margin:15px 0 8px;color:#101010} .lushI #primary-content h1{font-size:3em;margin:15px 0 8px;color:#101010} .pt_customer-service #primary-content h2, .lushI #primary-content h2{margin:15px 0 8px;font-size:1.6em;text-transform:capitalize;} .pt_customer-service h2.lushH2, .lushI h2.lushH2{color:#101010;font-size:1.750em; font-family: Arial,Helvetica,sans-serif;font-weight:normal;text-transform:capitalize;} .pt_customer-service #primary-content p, .lushI #primary-content p{color:#101010;font-size:1.250em; font-family: Arial,Helvetica,sans-serif;font-weight:normal;padding:0 0 10px 0} .pt_customer-service #primary-content h3, .lushI #primary-content h3{font-size:1.250em;margin:10px 0} .pt_customer-service #primary-content p a, .lushI #primary-content p a{color:#009318;text-decoration:underline; } .pt_customer-service #primary-content p a:hover, .lushI #primary-content p a:hover{color:#8E8E8E} .pt_customer-service #primary-content p a.backtotop, .lushI #primary-content p a.backtotop{color:#8E8E8E} .pt_customer-service h2, .lushI h2{font-size:1.6em;margin: 15px 0 5px;} .pt_orderconfirmation.lushI h2{color: #dedede; font-family: Arial,Helvetica,sans-serif; font-size: 1.825em; font-weight: bold; line-height: 1.5em; text-transform: capitalize; } .pt_customer-service .secondary-navigation h2, .lushI.secondary-navigation h2{font-size:1.250em;margin: 15px 0 0px;} .pt_customer-service .secondary-navigation h1{font-size:1.6em;} .pt_customer-service .we-believe .tagcontrols { background: none repeat scroll 0 0 transparent; color: #8E8E8E; left: 0; position: absolute; top: 210px; margin:0 10%; width: 80%; } #main .lushopedia h1 {font-size:6em;font-weight:bold!important;width:56%;margin:0 0 10px!important;text-transform:capitalize;position:absolute;top:10px;left:0;} #main .lushopedia h1 strong{font-size:102%;font-weight:bold!important;margin:0 0 0px;text-transform:uppercase} .secondary-navigation{padding-top:10px;} .secondary-navigation #navHeader{cursor:pointer;} .secondary-navigation h1{ font-family: Arial,Helvetica,sans-serif; color: #8e8e8e; font-size: 1.525em; text-transform: capitalize; font-weight:normal; } .secondary-navigation h2{ font-family: Arial,Helvetica,sans-serif; color: #8e8e8e; font-size: 1.425em; text-transform: capitalize; font-weight:normal; } /*Customer service anchor nav*/ .pt_customer-service .anchornav{margin-bottom:20px;} .anchornav{position:relative;display:block;border-bottom:1px solid #101010;overflow:hidden;padding:5px;} .anchornav ul{list-style-type: none; line-height: 0!important;margin: 0!important;padding:0!important;} .anchornav .contentasset ul li{position:relative;float:left;width:50%;margin:5px 0;list-style: none!important;overflow:hidden;text-transform:uppercase; line-height: 1.450em;} .anchornav ul li a{padding:10px 15px 10px 0;font-family:Arial,Helvetica,sans-serif;font-size:1.250em;font-weight:bold;text-transform:capitalize;color:#101010} .anchornav ul li a.no-text-transform { text-transform: none; } .pt_customer-service .contentasset ul.ship, .customer-care ul.ship {margin:10px 0;padding:0;} .pt_customer-service .contentasset ul.ship li, .customer-care ul.ship li {color:#101010;font-size:1.250em; font-family: Arial,Helvetica,sans-serif;font-weight:normal;padding:0 0 10px 0;list-style-type:disc;padding:5px;margin-left:25px;} /*Privacy Policy */ .pt_customer-service #primary-content #privacy-policy ul { list-style-type: disc; margin-left: 30px; font-size: 11pt; } #privacy-policy table td { padding:5px; } #privacy-policy ul { list-style-type: disc; margin: 0 0 0 25px; } /*Shipping table */ .pt_customer-service .tabular-data{position:relative;width:100%;margin:10px 0;} .pt_customer-service .tabular-data th{font-weight:bold;font-size:1.250em; font-family: Arial,Helvetica,sans-serif;} .pt_customer-service .tabular-data td{padding: 12px 8px;color:#101010;font-size:1.250em; font-family: Arial,Helvetica,sans-serif;font-weight:normal;} /* WE BELEIVE */ .we-believe .tagcontrols{position:absolute;left:0px;top:210px;width:100%;background:none;background-image:none;color:#969696;} .we-believe .tagcontrols .next{} .we-believe .tagcontrols .next span{position:absolute;right:16px;font-weight:bold;color:#969696;cursor:pointer} .we-believe .tagcontrols .prev span{position:absolute;left:16px;font-weight:bold;color:#969696;cursor:pointer} .we-believe .tagcontrolsnext strong.more{position:absolute;top:0;left:10px;font-weight:bold;color:#969696;background:none;padding:1px 3px;background-image:none} .actions-nona2c{position:relative} /* We beleive side bar */ #believe-slider{position:relative;width:100%;height:230px;margin:10px auto;display:block;overflow:hidden;} .we-believe{overflow:hidden;} .we-believe p .tagitem{float:left;width:60px;} .we-believe p{padding-top:10px;text-align:center;} /** Right-side customer care block **/ #section-ccare{margin-top:20px} .customercare-right{clear:both;margin:10px 0 0 0;position:relative} .customercare-right ul#top-links{ margin:0;padding:0;list-style-type: none; } .customercare-right ul#top-links li{padding:15px 0 15px 55px;} .customercare-right ul#top-links li a{color:#bbbbbb;font-size:1.425em;text-transform:capitalize } .customercare-right ul#top-links li a:hover{color:#999999;} div.aBlock{position:relative;display:block;overflow:hidden;margin:20px 0;padding-left:12px;} div.aBlock p{line-height:1.325em;font-family: Arial, Helvetica, sans-serif;} div.aBlock .faqAsk{color:#231f20;font-size:1.1em;font-weight:bold;} div.aBlock .faqAnswer{color:#231f20;font-size:1.250em;line-height:1.5em;font-weight:normal;padding-top:10px;} ul#top-links li.customercare{background:url("../images/checkout/phone-icon.jpg") no-repeat scroll 0 40% #fff} ul#top-links li.shippingpolicy{background:url("../images/checkout/truck-icon.jpg") no-repeat scroll 0 40% #fff} ul#top-links li.faq{background:url("../images/checkout/talk-bubble-icon.jpg") no-repeat scroll 0 40% #fff} .leftnavblock{margin-bottom:20px;display:block} /************************************************/ /* Left navigation Arrows - our story/content templates*/ /************************************************/ h1.contentNavHeader > .v-arrow {display:none} /* Mobile content navigation custom arrows */ .rgba h1.contentNavHeader > .v-arrow { content: ''; border-width: 3px; border-style: solid; width: 8px; height: 8px; position: absolute; top: 15px; right:25px; border-color: rgba(0, 0, 0, 0.8); -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); transform: rotate( 45deg ); border-top: none; border-left: none; } .rgba h1.contentNavHeader.active {color:rgba(35, 35, 35, 0.8);opacity:0.7;} .no-rgba h1.contentNavHeader.active {color:#232323;opacity:0.7;} .rgba h1.contentNavHeader.active > .v-arrow { /*-webkit-transform: rotate( -135deg ); -moz-transform: rotate( -135deg ); -o-transform: rotate( -135deg ); transform: rotate( -135deg ); top: 42%;*/ border-color: rgba(0, 0, 0, 0.2); } .no-rgba h1.contentNavHeader.active > .v-arrow {opacity:0.5} .no-rgba h1 > .v-arrow { background: url("../images/arrow-accordion.png") no-repeat scroll 0 0 transparent; height: 12px; opacity: 0.85; position: absolute; right: 10px; top: 15px; width: 12px; } h1.v_nav:hover { text-decoration:underline; } /************************************************/ /* Article Content & Article Teaser Styles */ /************************************************/ /* Article Content */ .pt_article-search-result .content img, .pt_article .content img { max-width: 50%; height: auto; margin: 1px 8px; position:relative; float:right; z-index:1; } .pt_article-centered-image { max-width: 75% !important; float: none !important; display: block !important; margin:auto !important; } @media \0screen { .pt_article-search-result .content img, .pt_article .content img { width: auto; /* for ie 8 */ max-width:50%; float:right; } } /* Article share bar */ .articleShare{position:relative;margin:20px 0;} /* Article search result */ .pt_article-search-result .contentSpan{width:80%;z-index:1;padding-left:0;padding-right:0} .pt_article-search-result .navSpan{width:19%;height:auto;padding:0 1% 0 0!important} /** Article Content View **/ .pt_article .contentSpan{width:80%;z-index:1;padding-left:0;padding-right:0} .pt_article .navSpan{width:19%;height:auto;padding:0 1% 0 0!important} /* Gigya comment div */ .Gcomments{position:relative;display:block;width:100%;padding:20px 0;border-top: 1px dashed #DDDDDD;} .divGigyaComments {width:100%!important;} /* Article teaser Cycler */ div.articles_col{width: 62%;padding: 0 3% 15px 0;overflow:hidden;} .pt_article .contentSpan .content a{text-decoration:underline} .categorylanding .media-article { border:0; border-bottom: none; margin: 0 0 15px; padding: 0 0 0 0px; } .categorylanding .media-article:hover{border: 0;} .categorylanding #blog-feed .media-article .article-thumbnail img { max-width: 105px; } .categorylanding .article-teaser p { padding-bottom: 0; } .categorylanding .article-title { font-size: 1.2em; padding-bottom: 5px; } .categorylanding .article-title, .categorylanding .article-teaser p a { text-transform: lowercase; } .categorylanding .article-title, .categorylanding .article-teaser h2:hover {text-decoration:none} .categorylanding .media-article .content {top: 0px;} .clB-breadcrumbs .breadcrumb {padding: 20px 7px;text-transform: lowercase;} .clB-breadcrumbs .breadcrumb a {color: #068b00;} div.blog-teaser { position:relative; width:300px; height:auto; } .recentposts div.blog-teaser { position:relative; width:215px!important; height:auto; } .teasermonth{ font-size: .9em; font-family: Arial,Helvetica,Verdana,sans-serif; font-weight:bold; } div.blog-teaser h2.blog-teaser-title { font-family: Arial,Helvetica,sans-serif; font-size: 1.325em; font-weight:bold; text-rendering: optimizelegibility; text-transform: lowercase; color:#231f20; text-decoration:none; line-height: 1em; } div.blog-teaser a { text-decoration:none; } div.blog-teaser a:hover { text-decoration:underline; } div.teaser-body { padding-top:12px; color: #505050; font-family: Arial,Helvetica,sans-serif; } div.blog-teaser p { color: #505050; font-family: Arial,Helvetica,sans-serif; font-size: 1.1em; padding: 0; } a.blog-teaser-more { color: #2DA802; font-size: 1.1em; font-weight: bold; margin-top: 1px; position: relative; text-transform: lowercase; } .blog-teaser a {color:#2DA802;} .blog-teaser a:hover {color:#000;} /*Content Article teaser*/ ul.articleItems{padding:0;} .article-teaser td{padding:0;vertical-align: middle!important;} .article-teaser td.thumb{padding-right:10px;width:80px;} .article-teaser p{margin:0} .article-teaser .teaser-body p {color: #101010; font-family: Arial,Helvetica,sans-serif; font-size: 1.2em; line-height: 1.5em;} span.read-more{ color: #2DA802!important; font-size: 1.225em; font-weight: normal; text-transform: capitalize;} #content-feed { float: right; } div.content-teaser { position:relative; height:auto; } .recentposts div.content-teaser { position:relative; width:215px!important; height:auto; } .teasermonth{ font-size: .9em; font-family: Arial,Helvetica,Verdana,sans-serif; font-weight:bold; } div.content-teaser h2.blog-teaser-title { font-weight: bold; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 1.2em; text-transform: lowercase; color:#231f20; text-decoration:none; line-height: 1em; } div.content-teaser a { text-decoration:none; } div.content-teaser a:hover { text-decoration:underline; } div.content-teaser p { color: #231f20; font-size: 1em; line-height: 1.2em; font-family: Arial,Helvetica,Verdana,sans-serif; padding: 0;padding-right:2px; } a.content-teaser-more { color: #231f20; font-size: 11px; font-weight: bold; margin-top: 1px; position: relative; text-transform: lowercase; } .content-teaser a {color:#231f20;} .content-teaser a:hover {color:#000;} .contenthits .teaserImg { display:inline-block; width:90px;height:90px; float:left; margin: 5px; margin-top:0; margin-left:0; } .contenthits .teaserImg img { margin: 5px; } .teaserImg a:hover img {} /*Content teaser*/ #content-feed { width: 250px; max-height: 360px; float: right; } div.content-teaser { position:relative; width:250px; height:auto; } .recentposts div.content-teaser { position:relative; width:215px!important; height:auto; } .teasermonth{ font-size: .9em; font-family: Arial,Helvetica,Verdana,sans-serif; font-weight:bold; } div.content-teaser h2.blog-teaser-title { font-weight: 900; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 1.2em; text-transform: lowercase; color:#231f20; text-decoration:none; line-height: 1em; } div.content-teaser a { text-decoration:none; } div.content-teaser a:hover { text-decoration:underline; } .article-teaser div.teaser-body { padding:10px 5px; } div.teaser-body { line-height: 1.4em; padding-top:10px; /*color: #231f20;*/color: #505050; font-family: Arial,Helvetica,Verdana,sans-serif; } .pr-attribute-key p{color:#fff!important} div.content-teaser p { color: #231f20; font-size: 1em; line-height: 1.2em; font-family: Arial,Helvetica,Verdana,sans-serif; padding: 0;padding-right:2px; } a.content-teaser-more { color: #231f20; font-size: 11px; font-weight: bold; margin-top: 1px; position: relative; text-transform: lowercase; } .content-teaser a {color:#231f20;} .content-teaser a:hover {color:#000;} .contenthits .teaserImg { display:inline-block; float:left; margin: 5px; margin-top:0; } .contenthits .teaserImg img { margin: 5px; } .teaserImg a:hover img { } .teaserImg img{ -moz-border-radius:100px 100px 100px 100px; border-radius: 100px 100px 100px 100px;} .boxshadow .teaserImg img{ border: 2px solid #FFFFFF; box-shadow: 1px 1px 2px #999999; } #home-posts ul.recent { border-top: 1px solid #ddd; } #home-posts ul.recent li, #content-feed ul.recent li { border-bottom: 1px solid #DDDDDD; padding: 15px 0; } #home-posts div.blog-teaser h2.blog-teaser-title { font-family: Arial,Helvetica,sans-serif; font-size: 1.325em; font-weight:bold; text-rendering: optimizelegibility; text-transform: lowercase; color:#231f20; text-decoration:none; line-height: 1em; } #home-posts div.blog-teaser a { text-decoration:none; } #home-posts div.blog-teaser a:hover { text-decoration:underline; } #home-posts div.teaser-body { line-height: 1.1em; padding-top:5px; color: #231f20; font-size: .9em; font-family: Arial,Helvetica,Verdana,sans-serif; } #home-posts div.blog-teaser p { color: #231f20; font-size: 11px; font-family: Arial,Helvetica,Verdana,sans-serif; padding: 0; } #home-posts a.blog-teaser-more { color: #231f20; font-size: 11px; font-weight: bold; margin-top: 1px; position: relative; text-transform: lowercase; } #home-posts .blog-teaser a {color:#231f20;} #home-posts .blog-teaser a:hover {color:#000;} #home-posts .teaserImg img { margin: 3px 0 0 0; } #home-posts .teaserImg a:hover img { /*opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */ } #primary-content h3{margin-top:15px;font-size:1.525;} #aboutContent .related{display:block;height:40px;width:100%;line-height:30px;background: url(../images/related.gif) no-repeat 0 0px; margin-bottom:10px;} .articleContent .related{display:block;height:40px;width:100%;line-height:30px;background: url(../images/related.gif) no-repeat 0 0px; margin-bottom:10px;} #aboutContent .related.fre, .articleContent .related.fre{background-position:bottom left;} #aboutContent .content p{line-height:1.625em!important;font-size:1.125em;color:#231f20;font-family: Arial, Helvetica, sans-serif;font-weight:normal;} #aboutContent p{line-height:1.4em;} #aboutContent .content_full p img, #aboutContent .content_full h3 img{float:right;margin:5px 0 5px 5px} .articleContent .content p{color:#101010;font-size:1.250em; font-family: Arial,Helvetica,sans-serif;font-weight:normal;padding:0 0 10px 0; line-height: 1.5em !important; margin-bottom: 15px; margin-top:15px; } #aboutContent p{ color: #101010; font-family: Arial,Helvetica,sans-serif; font-size: 1.25em; font-weight: normal; line-height: 1.425em; padding: 0 0 10px; margin-bottom:12px; margin-top:12px;} #aboutContent p.teaserSmall {padding:0 5px 5px;line-height:1.2em;font-size:1em;color: #101010;font-weight:bold} p.teaserSmall{font-size:1em;text-align:left;padding:0 5px 5px;} #aboutContent p.teaserSmall:hover {line-height:1.2em;color: #232323;} /************************************************/ /* ARTICLE TOUCH SWIPER CAROUSEL */ /************************************************/ /****Content Feed - Article Touch Swiper ****/ #content-feed .related-articles { width: 100%!important; overflow:hidden; /* -webkit-backface-visibility: hidden;*/ position:relative; margin-bottom:25px; padding-top:0; } .articleContent #content-feed .related-articles p{ font-size:1.250em } .articleContent #content-feed div.article-teaser h2.teaser-title{ font-size:1.350em } .related-articles { width: 100%; overflow:hidden; /* -webkit-backface-visibility: hidden;*/ position:relative; margin-bottom:15px; padding-top:0px; } #content-feed .related-articles:after {clear:both;} .product-tagline .swiper-container { } #content-feed .related-articles .swiper-container{ height: 260px; width:100%; /*-webkit-backface-visibility: hidden;*/ position:relative; margin: 10px 0; } #content-feed .related-articles .back-link { bottom: 2px; color: #dedede; font-size: 0.9em; right: 30px; position: absolute; text-decoration: none; } .related-articles #slide-article-prev, .related-articles #slide-article-next { top: 21%; cursor: pointer; position: absolute; height: 160px; width: 20px; } .related-articles #slide-article-prev { left: 0; } .related-articles #slide-article-next { right: 0; } .related-articles .swipercontrols img { max-width: 100%; display: block; top: 35%; } /************************************************/ /* Swipe Next */ /************************************************/ #swipeprev-content{ display: block; width:200px; position: fixed; left:-230px; -webkit-transition-duration: 0s; } #swipenext-content{ display: block; width:200px; position: fixed; right:-230px; -webkit-transition-duration: 0s; } .swipeNext.nav-next .nextP{ background: url(../images/arrow_right_touch.png) 0px 25px no-repeat; left:0; padding-left:60px; font-size: 1em;position:relative; font-weight: bold; line-height: 1.425em;width:90px; padding-top: 35px;height:100px;display:block} .swipeNext.nav-previous .prevP{ background: url(../images/arrow_left_touch.png) 90px 25px no-repeat; left:65px; color: #232323; position:relative; font-size: 1em; font-weight: bold; line-height: 1.425em; padding-top: 35px; height:100px;display:block} .swipeNext.nav-next .nextP span.smtitle{line-height: 1.225em;position:relative;color: #232323; display: inline-block; font-size: 1.2em; font-weight: bold; margin: 0; right: auto; vertical-align: middle; } .swipeNext.nav-previous .prevP span.smtitle{line-height: 1.225em;position:relative;line-height: 1.225em;position:relative;color: #232323; display: inline-block; font-size: 1.2em; font-weight: bold; margin: 0; margin-right:50px; vertical-align: middle; } /************************************************/ /* OUR STORY VIDEO SWIPER */ /************************************************/ /****Out story artices - Video Touch Swiper ****/ #video-feed{ margin-top:20px; position:relative; } .video-teaser-box { width: 100%!important; overflow:hidden; /* -webkit-backface-visibility: hidden;*/ position:relative; margin-bottom:5px; padding-top:7px; } .video-teaser-box:after {clear:both;} .video-teaser-box .swiper-container{ height: 235px; width: 95%; position:relative; margin: 0 auto; } /***** OLD video slider btns .video-teaser-box #slide-next-video{ position:absolute; right:0px; top:35%; width:15px; height:100%; cursor:pointer; } .video-teaser-box #slide-prev-video{ position:absolute; left:0px; top:35%; width:15px; height:100%; cursor:pointer; }*/ .video-teaser-box .back-link { bottom: 2px; color: #dedede; font-size: 0.9em; right: 30px; position: absolute; text-decoration: none; } /*** NEW video slider btns ***/ .video-teaser-box #slide-video-next, .video-teaser-box #slide-video-prev { top: 27%; cursor:pointer; position:absolute; height: 160px; width: 20px; } .video-teaser-box #slide-video-next { right:0px; } .video-teaser-box #slide-video-prev { left:0px; } .video-teaser-box .swipercontrols img { display: block; top: 36%; max-width: 100%; margin: 0; } /************************************************/ /* Default Table Styles */ /************************************************/ table {border-collapse: collapse;margin: 5px 0px;padding: 0px;} table th { background: #dbdbdb; border: none; font-weight: normal; padding: 7px 10px; text-align:left; text-transform: capitalize; white-space: nowrap; } table#cart-table th {background: #fff; border-bottom: 2px solid #e4e4e4; font-weight: bold; padding: 7px 10px; text-align:left; text-transform: capitalize; white-space: nowrap;} table tfoot tr {border: 0px;} table td {margin: 0px;padding: 0px;} tr.tablerow {border-bottom: 1px dashed #898989;} td.imagecolumn {margin: auto;text-align: center;vertical-align: top;width: 113px;} td.imagecolumn img {width: 113px;} td.detailscolumn {padding: 8px 8px 0 4px;vertical-align: top;} td.detailscolumn .name {font-weight: bold;} /* Cart table **/ td.quanFull{display:block} .quanMobile{display:none} .mini-cart-image { float: left; width: 30%; } .mini-cart-name { font-size: 14px; font-weight: bold; padding-top: 6px; } .mini-cart-attributes, .mini-cart-name, .mini-cart-pricing { float: right; width: 65%!important; } .BonusItemContainer .mini-cart-attributes, .BonusItemContainer .mini-cart-name,.BonusItemContainer .mini-cart-pricing, .BonusItemContainer .mini-cart-weight, .BonusItemContainer .mini-cart-sample { float: right; width: 56%!important; } .BonusItemContainer .mini-cart-sample { font-size: 14px; font-weight: bold; } .BonusItemContainer .mini-cart-weight { font-size: 10px; color: #757575; } .BonusItemContainer h1.bonusHeader{font-size:14px!important;font-weight:400;color:#242020} .BonusItemContainer .no-samples-selected-text, #selected-samples-container .no-samples-selected-text { text-align: center; font-weight: bold; font-size: 1.1em; } #selected-samples-container .no-samples-selected-text { margin: 0 95px 0 70px; } .fr_CA #selected-samples-container .no-samples-selected-text { margin: 0 85px 0 60px; } .BonusItemContainer #edit-sample-details { color: #fff; float:none; cursor: pointer; display: block; font-size: 1.2em; font-weight: bold; padding: 5px; width:auto; position: relative; text-align: center; text-transform: capitalize; margin:15px 0 5px 0; border: 1px solid #E7E6E5; background:#b3b3b3; transition: all .2s linear; -moz-transition: all .2s linear; /* Firefox 4 */ -webkit-transition: all .2s linear; /* Safari and Chrome */ -o-transition: all .2s linear; /* Opera */ } .BonusItemContainer #edit-sample-details:hover{background:#999} .pt_orderconfirmation .checkout-left h1 {margin-top:0;padding-top:0;} .pt_orderconfirmation .checkout-left > div {margin-top:0;padding-top:10px; } .pt_orderconfirmation .checkout-left .payment-shipping{width:48%!important;padding-right:2%!important} /************************************************/ /* PAGINATION: Results Header/Footer (paging, sorting, compare)*/ /************************************************/ /* Custom paging icons **/ .moreArrowsLast{width:18px;height:12px;position:relative;display:inline;top:0px;margin-left:0} .moreArrowsLastSingle{width:9px;height:12px;position:relative;display:inline;top:0px;margin-left:0} .moreArrowsLastLeft{width:18px;height:12px;position:relative;display:inline;top:0px;margin-right:0} .moreArrowsLastLeftSingle{width:9px;height:12px;position:relative;display:inline;top:0px;margin-right:0} .searchresultsheader,.searchresultsfooter {position:relative;} .searchresultsfooter {margin-top: 20px;} .searchresultsheader label {font-weight:normal;} .searchresultsheader .pagination, .searchresultsfooter .pagination {font-size:11px;position:absolute;top: 0px;left:130px;margin: 0;padding: 0;text-transform: upppercase;} .sorthitscontainer {display:block;height:25px;position:relative;width:100%;} .sorthitscontainer .sortby {position:absolute;right:0px;} .sorthitscontainer .sortby select {width:150px;margin:0;} .sorthitscontainer .sortby select option {font-style:normal;} .sorthitscontainer .itemsperpage {position:absolute;left:2px;text-align:left; display:none;} .sorthitscontainer .resultshits {font-size:11px;position:absolute;left:0px;} .sortby, .sortby form, .sortby fieldset {margin:0;padding:0;position:absolute;right:0;text-transform: none;white-space:nowrap;} .sortby select {width: 14em;margin-right: 10px;} .lushPagination{ display: block; height: auto; margin: 10px 0 15px; overflow: hidden; position: relative; } .lushPagination .pagination{float:right;text-align:right;overflow:hidden;width:100%} .lushPagination .pagination ul{margin: 10px 0 0 0;list-style: none;display:block;} div#viewallContainer{position:relative;display:block;width:100%} .lushPagination .pagination #viewall{ color: #8E8E8E; font-size: 1.150em; margin: 0 0 0 10px; position: relative;padding-right:0; top: 2px;} .lushPagination .pagination li{margin:0;} .lushPagination .pagination li.first-last span{font-size:1.1em} .lushPagination .pagination li span{font-size:1.5em;color:#231f20;padding: 5px 10px;} .lushPagination .pagination li.first-last span{color: #8E8E8E;padding:0;} .lushPagination .pagination li.first-last span:hover{color:#231f20} .lushPagination .pagination .results-hits{float:none;font-size:.95em} .lushPagination .refinetop{float:none!important;text-align:left;width:50%;display:block;text-transform:lowercase;clear:both;} .lushPagination .refinetop h3{font-size:1.350em;} .lushPagination .refinetop a.refinerelax{color:#000;font-size:.8em!important;text-decoration:none;font-weight:normal;} .lushPagination .refinetop a.refinerelax:hover{color:#000;font-size:.8em!important;text-decoration:underline;} .lushPagination .pagination a, #posts .pagination a:visited {margin: 0;padding: 5px 10px;text-transform:uppercase;font-size:1.5em;} .lushPagination .pagination a:hover{color:#231f20;padding: 5px 10px;} /* Paging */ .pt_contentsearchresult .pagination {float:left;margin:0;padding: 5px 0px 0px 0px;text-align: left;width:50%;margin:5px 0 5px 0;} /*.pagination {float:left;margin:0;padding: 5px 0px 0px 0px;text-align: left;width:30%;} */ .pagination {margin:0;padding: 12px 0 0px 0px;text-align: left;width:100%;position:relative;right:0;} .pagination .results-hits {float: right;padding: 0;color: #8e8e8e;font-size:1.125em;} .pagination ul {list-style-type: none;margin: 0 20px 0 0;padding: 0;} .pagination li {list-style-type: none;display: inline;margin: 0px 2px;padding: 0px 2px;} .pagination a, .pagination a:visited {margin: 0;padding: 0; color: #8E8E8E;font-size: 1.2em;} .pagination a:hover{margin: 0;padding: 0; color: #232323;} .pagination li.currentpage {font-weight: bold;color: #232323;margin: 0px 2px;padding: 0px 2px;font-size: 1.225em;} .pagination li.firstlast {margin: 0;padding:0} .pagination li.firstlast a {background-image:url(../images/paging_arrows.gif);background-repeat:no-repeat;padding:0px 1px;text-decoration: none;} .pagination li.firstlast a.pagefirst {background-position:2px 2px;} .pagination li.firstlast a.pageprevious {background-position:-14px 2px;} .pagination li.firstlast a.pagenext {background-position:-24px 2px;} .pagination li.firstlast a.pagelast {background-position:-36px 2px;} .pagination li.firstlast a span {visibility:hidden;} .pagination li.firstlastNew {margin: 0;padding:0} .pagination li.firstlastNew a {background-image:url(../images/paging_arrows.gif);background-repeat:no-repeat;padding:0px 1px;text-decoration: none;} .pagination li.firstlastNew a.pagefirst {background-position:2px 2px;} .pagination li.firstlastNew a.pageprevious {background-position:-14px 2px;} .pagination li.firstlastNew a.pagenext {background-position:-24px 2px;} .pagination li.firstlastNew a.pagelast {background-position:-36px 2px;} .pagination li.firstlastNew a span {visibility:hidden;} .pt_product-search-result .pagination, .paging .pagination{float:right;text-align:right;overflow:hidden} .pt_product-search-result .pagination, .paging .pagination ul{position:relative;right:0;} .pt_product-search-result .pagination ul, .paging .pagination ul{margin: 5px 0 0 0;list-style: none;} .pt_product-search-result .pagination #viewall, .paging .pagination #viewall{ color: #8E8E8E; font-size: 1em; margin: 0 0 0 10px; position: relative; top: 0px;} .pt_product-search-result .pagination li, .paging .pagination li{margin:0 10px;font-size:1.1em} .pt_product-search-result .pagination li.first-last span, .paging .pagination li.first-last span{font-size:1.1em} .pt_product-search-result .pagination li span, .paging .pagination li span{font-size:1.1em;color:#231f20 } .pt_product-search-result .pagination .results-hits, .paging .pagination .results-hits{float:none;font-size:.95em;text-align: right;} .pt_product-search-result .refinetop, .paging .refinetop{float:none!important;text-align:left;width:50%;display:block;text-transform:lowercase;clear:both;} .pt_product-search-result .refinetop h3, .paging .refinetop h3{font-size:1.1em;} .pt_product-search-result .refinetop a.refinerelax, .paging .refinetop a.refinerelax{color:#000;font-size:.8em!important;text-decoration:none;font-weight:normal;} .pt_product-search-result .refinetop a.refinerelax:hover, .paging .refinetop a.refinerelax:hover{color:#000;font-size:.8em!important;text-decoration:underline;} .pt_product-search-result .pagination a, .paging .pagination a {margin: 0;padding: 0;text-transform:uppercase;font-size:1.1em;color:#8E8E8E;} .pt_product-search-result .pagination a:hover, .paging .pagination a:hover {color:#13A100} .pt_product-search-result #refinements{margin-top:35px;padding:0;width:16%;margin-right:2%} #posts .pagination.lushP a, #posts .pagination.lushP a:visited { font-size: 1.525em; margin: 0; padding: 5px 20px 5px 20px; text-transform: capitalize; } /************************************************/ /* NEW BREADCRUMB STYLE */ /************************************************/ .breadcrumb_lush { padding: 5px 0px 5px 0px; font-size: 1em; text-transform:lowercase } .breadcrumb > * {} .breadcrumb_lush a {color: #2DA802; text-decoration:none;text-transform:lowercase;font-weight:normal;} .breadcrumb_lush a:hover { text-decoration:underline;} .full-width .breadcrumb_lush { margin-left: 0; } .breadcrumb_lush span.blogdivider { background: url(../images/breadcrumb-divider.png) top left no-repeat; height: .8em; margin: 0.25em 0.5em 0 0.4em; width: 0.7em; display: inline-block; } .breadcrumb_lush span{ text-transform:lowercase; } .breadcrumb_lush span.blogdividerslash { background: none; margin: 0; margin:0 2px 0 4px; width: 8px; display: inline-block; } .breadcrumb_lush .refinement-value{color:#231f20!important} .breadspacer{margin: 0; display: inline-block;text-transform:lowercase} .breadcrumb_lush a.relax {text-decoration:none;margin:0;padding:0;} /************************************************/ /* SITE SELECTOR */ /************************************************/ #siteswitcher {float:left;} #siteswitcher a {padding: 0.9em 0 0.5em 3em; display:block;} #siteswitcher a:hover {text-decoration:none;} .en_US #siteswitcher a {background:url(../images/flags/en_US-tiny.jpg) left center no-repeat;} ul#siteswitchersites {margin:0;padding:10px 5px;} ul#siteswitchersites li {display: inline-block;width: 32%;margin: 0; text-align:center;} ul#siteswitchersites li a {display:block;outline:0;padding:30px 0;border: 5px solid #fff;color:#ccc;} ul#siteswitchersites li a:hover {border: 5px solid #ddd !important;color:#aaa;text-decoration:none;} ul#siteswitchersites li a span {display:block;font-size:1.5em;} ul#siteswitchersites li.current a {background-color:#eee;border: 5px solid #eee;color:#888;} /************************************************/ /* MINICART */ /************************************************/ .mini-cart-content { display: none; height: auto; width:280px; position: absolute; left: auto; top: 62px; right: 0px; padding: 10px 15px; text-align: left; z-index: 1010; background-color: #fff; -webkit-box-shadow: 0 0 6px rgba(66, 66, 66, 0.55); -moz-box-shadow: 0 0 6px rgba(66, 66, 66, 0.55); box-shadow: 0 0 6px rgba(66, 66, 66, 0.55); box-sizing: initial; font-size:12px; } a.mini-cart-link { color: #fff; font-weight: bold; font-size: 16px; } a.mini-cart-link #basket-qty:hover { text-decoration: underline; } #basket-icon { width: 28px; display: block; float: left; } #basket-qty { float: none; left: 38px; position: absolute; top: 10px; } .mini-cart-header {padding-top: 4px;overflow: auto;} .mini-cart-close {float:right;background:url("../images/icon-remove.png") no-repeat right center;padding-right: 20px;text-transform: lowercase;color: #999;cursor:pointer;} .mini-cart-product {overflow:auto;display:block;} .mini-cart-image {float:left;} .mini-cart-attributes,.mini-cart-name,.mini-cart-pricing {float:right;width: 195px;} .mini-cart-name {font-size:14px;font-weight:bold;padding-top:6px;} .mini-cart-products a.mini-cart-andmore {display:block;font-size:16px;text-align:center;padding-top:5px;color:#bbb !important;text-decoration:none;border:0;} .mini-cart-products a.mini-cart-andmore:hover {color:#231f20 !important;} .mini-cart-subtotals {border-top: 1px solid #ccc;font-family:Arial,sans-serif;font-weight: 700;font-size: 1.5em;text-align: left;padding: 10px 0;margin-top: 10px;} .mini-cart-links,.mini-cart-product, .mini-cart-total {text-transform:none;clear:both} .mini-cart-links {text-align:left;padding-bottom:10px;} .mini-cart-links .button {margin: 0;} #mini-cart-total.active, .userlogin.active { opacity: 0.7; } .mini-cart-content.minicart-fixed { position: fixed; left: auto; top: 0px; right: auto; bottom: auto; margin-left: -230px; } /************************************************/ /* SHOP LOCATOR */ /************************************************/ #search-shops, #shop-results-container { float: left; width: 30%; } #shop-results-container { margin: 10px 0 20px 0; max-height: 485px; border-top: 4px solid #222; overflow: auto; } #map_canvas { float: right; width: 70%; height: 400px; } #search-types > div { padding: 0 15px 10px 0; } #shop-results div.store {padding: 10px;} #shop-results div.store.odd {background-color: #f5f5f5;} #shop-results div.store:hover {background-color: #eee;cursor:pointer;} p.shop-note {margin: 0 0 5px 0;font-weight: bold;font-size: 0.9em;} p.shop-note.macys span {color: #b00;font-size: 1.2em;} #main a.storefacebook {background-color: #385998;color: white;font-weight: bold;padding: 4px 6px;display: inline-block;text-decoration: none;margin: 7px 0 3px 0;} #search-shops input[type="text"]{ margin: 0; text-indent: 0; padding: 6px 8px; color: rgb(40, 38, 38); font-size: 1.1em; text-align: left; position: relative; border: 1px solid rgb(217, 217, 217); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 3px inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -webkit-transition-property: border, box-shadow; -webkit-transition-duration: 0.2s, 0.2s; -webkit-transition-timing-function: linear, linear; -webkit-transition-delay: 0s, 0s; width: 50%; } /************************************************/ /* PDP MAIN */ /************************************************/ .product-image img.primary-image { max-width: 340px; } .new-flag { background: url(../images/newbadge.png) top right no-repeat; height: 41px; position: absolute; right: 0px; top: 0px; width: 42px; } .new-flag-fr { background: url(../images/newbadge-fr.png) top right no-repeat; height: 69px; position: absolute; right: -1px; top: -2px; width: 65px; z-index: 999; } .online-only { background: url(../images/online-only.png) top right no-repeat; height: 72px; position: absolute; right: 0px; top:0; width: 72px; z-index:99; } .producttile_list .online-only {} .producttile_jumbo .online-only {top: 46px} .producttile .online-only {top: 31px} .pdp-main .product-add-to-cart{width:45%;} .product-add-to-cart .variant-dropdown label{display:none} #section-articles {position:relative;width: 68.75%;float:left;} .product-actions li {list-style: none; margin: 0;height:50px;} div#fightanimaltesting{position:relative;width:100%;margin:10px auto;text-align:center} #section-recommendations{margin:20px 0;} #productInfoTabs .ingTabOn{display:none} .product-tagline h3.pdptagline{font-size:2em;margin-bottom:5px;padding-bottom:0;} .pdp-main .long-description{padding-top:5px;margin-top:0;} .product-actions ul li a.wishlist{background: #fff url(../images/icons/icon-wishlist-sm.png) 5px center no-repeat;padding:10px 6px 10px 45px;margin-bottom:10pxheight:45px;color:#231f20;text-decoration:none} .product-actions ul li a.giftregistry{background: #fff url(../images/icons/icon-giftregistry-sm.png) 5px center no-repeat;padding:10px 6px 10px 45px;margin-bottom:10px;height:45px;color:#231f20;text-decoration:none} .product-actions ul li a:hover{text-decoration:underline;} #cart-table #itemtotalhd{display:none} .shipping-options .smethods{background: #fff url(../images/icons/icon-shippingtruck.png) 5px center no-repeat;padding:10px 6px 10px 28px;} .shipping-options .shippingInfoMobile{display:none} .shipping-options .shippingInfoDefault{display:inline-block} #basket-icon img { margin:4px auto 0; position:relative; z-index:1; } @media \0screen { #basket-icon img { width: auto; /* for ie 8 */ } } #morefrom_ {position:relative;top:0;left:0;text-align:right;margin-right:3px;font-weight:bold;margin-bottom:3px;color:#8E8E8E;font-size:.9em} .pdp-main button.add-to-cart { width: 100%;/*max-width:300px;*/} .pdp-main button.add-to-cart:hover {background:#05c525;} /* Product tabs section (how to, how its made, inventors stories)*/ .product-variations select.variation-select {background-image:none;background:#fff!important;} .product-variations div.styled select.variation-select {background-image:none;background:#fff!important;border:0 none;margin:0;} #pdpMain #section-howto{ margin: 5px 0 0; padding:0 0 0 0; } #pdpMain .ui-tabs-nav li { border-radius: 0; position: relative; top: 1px; margin: 0 1em 0 0; } #pdpMain .ui-tabs-nav li:hover { /*background:#252525;*/ } #pdpMain .ui-tabs-nav li a:hover { text-decoration:underline; /*background:#252525;*/ } #pdpMain .ui-tabs-nav li{ border-color: #FFFFFF; border-style: none; border-width: 0px; list-style: none outside none !important; } #pdpMain .ui-tabs-nav li.ui-state-active{ border-color: #D9D9D9 #D9D9D9 #FFFFFF; border-style: solid; border-width: 1px; list-style: none outside none !important; } #pdpMain .ui-tabs-nav li a { font-family: Arial,Helvetica,sans-serif; font-weight:bold; text-rendering: optimizelegibility; line-height: 1em; background:#fff; color: #232323; font-family: Arial,Helvetica,sans-serif; font-size: 1.625em; font-weight: bold; cursor: pointer; text-transform: capitalize; position:relative; z-index:999; } #pdpMain .ui-tabs-nav li.ui-state-active a { background: #fff; color: #101010; font-family: Arial,Helvetica,sans-serif; font-family: Arial,Helvetica,sans-serif; font-size: 1.625em; font-weight: bold; text-rendering: optimizelegibility; line-height: 1em; z-index:999; } .product-detail{position:relative;padding:12px 0 0 0;overflow:visible!important;width:68%} .product-tabs h2.hd{ color: #232323; font-family: Arial,Helvetica,sans-serif; font-size: 1.325em; font-weight:bold; text-rendering: optimizelegibility; list-style: none outside none; position: relative; text-transform: uppercase; margin-bottom:15px; width:100%; display:none; } /** How its made **/ #how-its-made iframe{width:100%!important;height:360px!important} .tilenote { color:#fff; background: none repeat scroll 0 0 #101010; border-radius: 5px 5px 5px 5px; display: block; font-size: 1.1em; font-weight: bold; margin: 0%; opacity: 0; padding: 0.7em .8em; position: absolute; text-align: center; text-decoration: none; bottom: 35px; right:5px; width: 110px; z-index: 9999; display: none; font-size: .9em; font-weight: bold; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.6)!important; box-shadow: 1px 1px 1px rgba(0,0,0,0.6)!important; } .pdp-main .tilenote {bottom:40px;right:100px;width: 110px; padding: .8em;} .tilenotespa { color:#fff; background: none repeat scroll 0 0 #101010; border-radius: 5px 5px 5px 5px; display: block; font-size: 1.1em; font-weight: bold; margin: 0%; opacity: 0; padding: 0.7em .8em; float:right; position: relative; text-align: center; text-decoration: none; bottom: 0px; right:45px; width: 150px; z-index: 9999; display: none; font-size: .9em; font-weight: bold; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.6)!important; box-shadow: 1px 1px 1px rgba(0,0,0,0.6)!important; } /** IngSlideBox - This is for mobile content holder **/ div#ingInfoSlide{ display: none; position: absolute; position: fixed; top: 0; left:101%; z-index: 999999; overflow-y:auto; -webkit-overflow-scrolling: touch; /* These styles are optional, and describe how the pageslide will look */ background-color: #ffffff; display:inline-block; background:#fff; color:#101010; padding: 5px 0; height:100%; width:100%; border:1px solid #e7e6e5; z-index: 999999; -webkit-box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.3); -moz-shadow: 1px 3px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.3); -webkit-transition-duration: 0; } .video-teaser-box .swiper-container .swiper-slide { position: relative; } /********************* PDP - product swipe Carousel *******************/ .product-tagline .swiper-container { width:240px; height: 100px; margin: 0 25px; display:none; } .product-tagline .swiper-wrapper .swiper-slide .padproduct{padding:0 5px;} .productnav_container { height: 95px; border-bottom:1px solid #e7e6e5; margin-bottom: 25px; position: relative; width: 100%; /* -webkit-backface-visibility: hidden;*/ /* background:url(../images/ethical/eth-loader.gif) 47% 30% transparent no-repeat;*/ } .productcar_pagination{position:absolute;z-index:20;left:10px;bottom:10px;width:100%;text-align:center} .swiper-pagination-switch{display:inline-block;width:8px;height:8px;border-radius:8px;background:#222;margin-right:5px;opacity:0.8;border:1px solid #fff;cursor:pointer;} .swiper-visible-switch{background:#222;} .swiper-active-switch{background:#aaa;} .productnav_container .back-link { bottom: 0; color: #2DA802; font-size: 1.125em; position: absolute; width: 100%; text-align:right; text-decoration: underline; } .productnav_container .back-link:hover {color:#232323} .swiperButtons{position:absolute;top:5px;} .swiper-slide{ -webkit-backface-visibility: hidden; } div#video-feed { margin: 20px auto; overflow: hidden; position: relative; width: 100%; } .video-teaser-box .swiper-slide .teaserImgOverlay , .swiper-slide .pad{ /*-webkit-backface-visibility: hidden;*/ padding: 0 8px; } .swiper-slide .pad .product-image{ padding: 0 8px; } .swiper-slide .stars{text-align:center;position:relative;width:100%;} .swiper-slide .pr-stars{margin:0 auto;} .swiper-slide .pr-count{display:none;} .swiper-slide .prname{display:none;font-size:.9em;color:#232323;font-weight:bold;text-tranform:lowercase;width:100%;text-align:center;padding:0 4px} .swiper-slide img{ max-width: 90%; height: auto; margin: 0px auto 10px auto; position:relative; z-index:1; } .boxshadow .swiper-slide .article-teaser img{ border: 2px solid #FFFFFF; box-shadow: 1px 1px 2px #999999; } @media \0screen { .swiper-slide img { width: auto; /* for ie 8 */ } } /************************************************/ /* NEW PDP STYLE */ /************************************************/ #pdpMain #pdp-left-column { width:38%; border:1px solid #00ff00; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; } #pdpMain #pdp-right-column { width:60%; border:1px solid #00ff00; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; } /********************* Top Level Category Page *******************/ .youtubesliderbig .play-btn { position: absolute; width: 100%; height: 90px; margin: 5px auto 0 auto; background: url("../images/video/small_play-btn_white.png") no-repeat scroll top center; z-index: 99999; top: 21%; } /********************* PDP - product swipe Carousel *******************/ /********************* PDP - Touch Swipe Next/Prev product link ******/ #product-nav-container *{/*-webkit-backface-visibility: hidden; -webkit-perspective: 1000;-webkit-transform: translate3d(0, 0, 0);transition-duration:0;*/} /*#product-nav-container img{max-height:100%;max-width:80%;outline:none;} #product-nav-container span{display:block;}*/ .slideAreaLeft{position:fixed;top:0;left:0;width:15px;height:100%;background:transparent;z-index:0;} .swipeNext{display:inline-block;background:#fff;color:#232323;padding: 5px;height:130px; border:1px solid #e7e6e5; top: 40%; z-index: 999999; -webkit-box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.3); -moz-shadow: 1px 3px 2px rgba(0, 0, 0, 0.3); box-shadow: 1px 3px 2px rgba(0, 0, 0, 0.3); /* backface-visibility: hidden; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; -webkit-transition-duration: 0; -moz-transition-duration: 0; -o-transition-duration: 0; transition-duration: 0; -webkit-transform: translateZ(0);*/ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari, Chrome */ border-radius: 10px; /* universal */} .swipeNext .pname{color:#fff} #swipeprev-product{ display: block; width:200px; position: fixed; left:-230px; /*-webkit-transition-duration: 0s;*/ } #swipenext-product{ display: block; width:200px; position: fixed; right:-230px; /* -webkit-transition-duration: 0s;*/ } .sliderDurationOn{/* -webkit-transition-duration: .2s;*/} .swipeNext .prevP, .swipeNext .nextP { cursor: pointer; height:130px; position: absolute; top: 5px; width:150px; overflow:hidden; } .swipeNext .prevP:hover, .swipeNext .nextP:hover { /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);*/ -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .swipeNext .prevP { background: url(../images/arrow_left_touch.png) 90px 25px no-repeat; left:65px; } .swipeNext .nextP { background: url(../images/arrow_right_touch.png) 0px 25px no-repeat; left:0; padding-left:60px; } .swipeNext div.nextlabel{font-size:0.8em;color:#777777} .swipeNext div.nextProduct{font-size:0.9em;color:#232323;font-weight:bold;} .swipeNext div.prevProduct{font-size:0.9em;color:#232323;font-weight:bold;} /********************* END Touch Swipe Next/Prev product link ******/ /***** PRODUCT CAROUSEL - Next/Previous on Product Detail Page (productnav.isml) *****/ #pdpNav { border-bottom: 1px solid #ddd; /*border-top: 1px solid #ccc;*/ height: 95px; margin-bottom: 15px; padding-top:5px; position: relative; width: 100%; } .productdetail .productnav { border: 1px solid #ccc; border-right:none; border-left:none; border-radius: 0; height: 75px; margin-bottom: 15px; position: relative; width: 285px; } #pdpNav .prev, #pdpNav .next { background: url(../images/arrows-pdp.png) 0px 0px no-repeat; cursor: pointer; height: 31px; position: absolute; top: 20px; width: 19px; } #pdpNav .prev:hover, #pdpNav .next:hover { /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80);*/ -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } #pdpNav .prev { left: 8px; } #pdpNav .next { background-position: -20px 0px; right: 8px; } .productslider .back-link { bottom: 3px; color: #ababab; font-size: .8em; left: 10px; position: absolute; text-decoration: none; } .productslider .back-link:hover { color: #232323; } .productnav .back-link { bottom: 5px; color: #ccc; font-size: .8em; left: 30px; position: absolute; text-decoration: none; } .productnav .scroll-divs-container { height: 45px; left: 40px; overflow: hidden; position: absolute; top: 10px; width: 212px; } .productnav .scroll-divs { position: relative; left: 0px; } .productnav .scroll-item { float: left; height: 45px; margin: 0 8px 0 0; width: 45px; } .productnav .scroll-item img { max-height: 45px; max-width: 45px; } /* Pdp FAT */ #fightanimaltesting{overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,.6);opacity:1;display:block;clear:both} #fightanimaltesting:hover{overflow:hidden; transition: opacity 0.3s ease;opacity:0.7} div.writereview{position:absolute;top:25px;right:45%} .mobileReviewLink{display:none;} .desktopReviewLink{display:block;} .reviewlinks #pdpReadReview{display:inline;} .reviewlinks #mReviewsShow{display:none;} .pdp-product-video{display:block;margin:15px 0 20px;overflow:hidden;} .pdp-product-video .youtube{ float: none; margin: 0 0 0 0; width: auto;} /************************************************/ /* END - PDP */ /************************************************/ /********************************************************/ /* CHECKOUT STYLES (hceckout/shipping/singleshipping/billing/billing/summary/summary) */ /********************************************************/ .pt_cart p, .pt_checkout p{color:#636363;font-size:1em;line-height:1.425em;margin:8px 0} .pt_cart form a, .pt_checkout form a, .pt_account form a{ cursor: pointer; display: inline; font-size: 1em; font-weight: bold; padding: 0; text-align: left; text-transform: capitalize; border: 0 none; color: #282626; font-weight: bold; } /* Hide bundled items */ .pt_cart tr.rowbundle, .updateForms tr.rowbundle{ display: none; } /*header*/ h1.coHeader{ color: #000; font-family: Arial,Helvetica,sans-serif; font-size: 2.125em; font-weight: bold; line-height: 1.725em; text-transform: capitalize; } ul.product-availability-list{margin:0;padding:0} .pt_cart .item-user-actions.full, .pt_checkout .item-user-actions.full{margin-top:25px;} .pt_cart .item-user-actions a, .pt_checkout .item-user-actions a, .pt_account .item-user-actions a{display:block; } .cart-footer{display:block;position:relative;margin:20px 0;} .pt_cart .basket-items{position:relative;margin-top:20px;clear:both;} div#topCheckout{position:relative;margin-top:10px;margin-bottom:10px;display:inline-block;float:right;overflow: hidden;position: relative;} h1.cartHeader, #primary-content h1{font-size:2.725em;text-transform:capitalize;color:#231f20;margin:0 0 20px;} .fr_CA h1.cartHeader, #primary-content h1{text-transform: none;} h1.cartHeader{display:inline;} td.removeItem{ vertical-align: middle!important;padding:20px 5px!important;text-align:center} .cart-empty{overflow:hidden;text-align:left;display:block; color: #282626; font-size: 1.225em; font-weight: bold;float:none;} #cart-table button.remove{display:block;font-size:.9em!important} .item-user-actions.full button.remove{display:none!important} #cart-table .item-user-actions.mobile{display:none;position:relative!important;} #cart-table .mtotal{display:none;} #cart-table td.totalfull{/*display:block*/} h1.editcartHeader { color: #231F20; display: block; font-size: 2.325em; text-align: left; text-transform: capitalize; border-bottom: none; } .add-to-email-list-info { padding:5px 0; line-height:20px; } /** Checkout steps indicator - header **/ .stepIndicator{position:relative;display:block;overflow:hidden;} .stepIndicator img{max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; } @media \0screen { .stepIndicator img { width: auto; /* for ie 8 */ } } /* CHECKOUT ------------------------------------------------- */ .checkout-left { float: none; display:block;position:relative;overflow:hidden; padding:0; padding-top: 30px; width: 100%; margin:0; } .checkout-left h2.content-header{font-size:1.625em;padding-bottom:10px;} .checkout-left h2.content-header{font-size:1.325em;padding-top:10px;padding-bottom:5px;} .checkout-left h1{margin:15px 0 10px 0} .checkout-left > div{padding:15px 0 15px;font-size:1.125em; color: #666666; font-weight: normal; margin-top: 5px;} .checkout-left .payment-shipping .order-totals-table{display:none} .checkout-right { margin: 0; display:block;position:relative;overflow:hidden; padding:0; padding-top: 20px; float:none; width:48%; } .checkout {} .checkout h5 { background: none; color: #232323; font-size: 1.5em; font-weight: normal; margin: 0; padding: 20px 0; text-transform: uppercase; } .checkoutbilling, .checkoutshipping, .checkoutmultishipping, .checkoutplaceorder, .orderconfirmation { margin-bottom: 15px; } .checkout .addressform {margin-bottom: 15px;} .checkout .addresslist, .checkout .creditcardlist {margin: 15px 0;} .checkout .emailsignup .value {width:300px;} .checkout .emailsignup label {float:left;font-size:1.0em;font-weight:normal;margin: -14px 0px 0px 18px;text-align:left;} .checkout .emailsignup .value a {display:block;margin: 0 0 0 18px;} .lushI .stateLabel .form-row{margin: 0;} /*Single shipping*/ #shippingmethodform label{width:100%;display:block;font-size:1.350em} #shippingmethodform .cradio label .form-caption{display:inline-block;} #shippingmethodform .cradio label{font-size:1.1em;font-weight:normal} /** Gift Card Application **/ div.redemption{display:block;font-size:1.250em;margin:15px 0;clear:both;color:#101010} div.redemption .success{display:block;font-size:1.250em;padding:10px;color:#101010;overflow:hidden;background:#f7f7f7;} div.checkbalance{position:relative;overflow:hidden;display:block;} div.checkbalance a.balanceLink{float:left;text-decoration:underline;font-size:1.225em} .giftcertused{font-size:1.225em;padding:10px 0;} .pt_checkout div.outerBalance{display:none} .pt_checkout form .remove{background: transparent url(../images/checkout/remove-button-sm.png) left 1px no-repeat; background-size:20px; padding: 0 18px 0 25px; color: #bbb; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 15px; text-decoration: none; width:35px; height:35px; margin:0 auto;} .pt_checkout form .remove:hover{color:#101010;} div#hdNote{position:relative;display:block;padding:5px 0;text-align:left;} div#hdNote span { display: block; position: relative; color:#231f20; background:#fff; font:Georgia, serif; font-style:italic; font-size:1.325em; text-align:left; } /** Checkout - Billing **/ .checkout-billing .button-black, .checkout-billing #gc-checkbalance{float:right;} .checkout-billing .payment-method-options {position:relative;margin-top:0px;visibility:hidden;height:0;} .checkout-billing .month label, .checkout-billing .year label{display:none} .checkout-billing .month, .checkout-billing .year {width:30%;min-width:170px;} .checkout-billing .month select option, .checkout-billing .year select option{} .checkout-billing .cvn{width:30%;min-width:130px;} .paymenttypeheader{position:relative;display:block;clear:both;border-bottom: 1px solid #D9D9D9;} div.pp_checkout{width:100%;position:relative;text-align:center;margin:0!important} div.pp_checkout #paypal-button{margin:0} span.paypalcheckout{background:url(../images/paypal-button-en.png) no-repeat;height:20px;width:190px;margin:0 auto;} div#billing-address-form{position:relative;overflow:hidden;width:100%;display:none;margin-top:25px;} .pt_checkout legend.custom{ font-weight:normal; font-family: Arial, Helvetica, sans-serif; font-style:italic; font-size:1.325em} .pt_checkout legend{ font-weight:normal; font-family: Arial, Helvetica, sans-serif; font-style:normal; font-size:1.625em; text-transform:uppercase; margin:0 0 5px 0; } .pt_checkout legend#gcHd{ width: 98%; cursor:pointer; display:block; background: url("../images/arrows/down-arrow.png") no-repeat scroll 98% 48% #fff; border-bottom: 1px solid #D9D9D9; padding: 4px 2% 4px 0; margin:15px 0 5px 0; } .pt_checkout legend#gcHd.noDrop{background:0 none;} .pt_checkout legend#gcHd.expanded{ } #gc-coupons-container {display:none;} .confirmation-message{font-size:1.325em} .pt_checkout legend.secondaryText, h2.secondaryText{ color:#8c8c8c; font-size:1.425em; font-style:normal; font-weight:normal; text-transform:none; margin: 0!important; } /** Edit details containers **/ .editinfo{display:block;position:relative;overflow:hidden;width:100%;} .checkout-step-header .expandedEdit{display:block;cursor:pointer;width:40px;height:20px;position:absolute;right:10px;top:5px;background: url("../images/arrows/up-arrow.png") no-repeat scroll 50% 110% #FFFFFF; border: 1px solid #E7E6E5; background-color:none; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); text-indent:-9999px; } .checkout-step-header.expanded .expandedEdit {display:block;cursor:pointer;width:40px;height:20px;position:absolute;right:10px;top:5px;background: url("../images/arrows/up-arrow.png") no-repeat scroll 50% 55% #FFFFFF; border: 1px solid #E7E6E5; background-color:none; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); text-indent:-9999px; } .detailsContainer{display:block;position:relative;overflow:hidden;width:100%;} .expanded .detailsContainer .border-bottom{border:0;} .expanded button.updateSubmit{width:250px;} /* Section headers */ .pt_cart .section-header, .pt_checkout .section-header{ font-family: Arial,Helvetica,sans-serif; font-size: 1.625em; font-style: normal; font-weight: bold; margin: 0 0 5px; padding: 20px 15px 5px 0; cursor:pointer; text-transform: capitalize; } .item-quantity input{width:30px!important;text-align:center!important} .pt_cart .summary .section-header, .pt_checkout .summary .section-header{opacity:.8;background: url("../images/arrows/down-arrow.png") no-repeat scroll 98% 70% #fff;} .pt_cart .summary .section-header.expanded, .pt_checkout .summary .section-header.expanded{opacity:1;} /**Hidde - Not USED **/ .cart-coupon-code{display:none;width:50%;text-align:right;position:relative;float:right;} #shipping-method-list .cradio{margin:25px 0} .waitingButton{ postion:relative; background: transparent url(../images/ajax-loader.gif) no-repeat top center; width:90px; height:15px; padding-top:40px; font-size:1.1em; font-weight:bold; font-family: Arial, Helvetica, sans-serif; display:inline-block; overflow:hidden; text-align:center; } /************************************************/ /* FOOTER */ /************************************************/ #footer-global { background: #000; z-index:999; display:block; width:100%; float:none; padding-top: 30px; font-family: Helvetica, Arial, sans-serif; overflow: hidden; position:relative; bottom:0; } #footer-global h3 { color: #fff; font-size: 18pt; font-weight: bold; margin: 0 0 5px 0; padding: 0; font-family: Helvetica, Arial, sans-serif; text-transform:none; } .footer-container { margin: auto; max-width: 1170px; width: 100%; position: relative; } .footer-value { margin:15px; width:139px; height:93px; } #footer-links > ul { margin:0; padding: 0; float: left; } #footer-links ul li { margin: 0; padding: 0; } #footer-links ul li ul { margin: 0 0 25px 0; padding: 0; } #footer-links ul li ul li, #footer-links ul li ul li a { color: #fff; } #footer-links ul li ul li { text-transform: capitalize; line-height: 1.2em; padding: 10px 0; font-size: 14px; } #footer-links .footer-nav-social-newsletter { padding:6px 0 0 0px; } input#maillistinput-footer { color:#fff !important; } ul#footer-col1 { width: 16%; margin-right: 30px; margin-left: 20px; } ul#footer-col2 { width: 16%; margin-right: 30px; } ul#footer-col3 { width: 16%; margin-right: 30px; } #footer-col3 li span { font-weight:bold; } ul#footer-col4 { width: 33%; margin-right: 30px; float:right; } ul#footer-col3 li ul li { padding: 0 0 25px 0; line-height: 1.6em; text-transform: none; } ul#footer-col3 li ul li h3 { margin-bottom: 8px; } li#footer-nav-customer-care ul li { font-weight:normal; text-decoration: none; cursor: default; } li#footer-nav-customer-care ul li.cc-phone a:hover { text-decoration: none; cursor: default; } #footer-links li.footer-nav-social-icons ul li, #footer-links li.footer-nav-siteswitch-icons ul li { display: block; float: left; width: 36px; height: 36px; margin: 0 5px 0 0; padding: 0; text-align: center; } #footer-links .footer-nav-social-icons { margin-top:60px; } #footer-links li.footer-nav-social-icons ul li { margin-top:20px; } .footer-nav-social-icons img { width:35px; } .footer-nav-social-icons .forum-footer-icon { width:100px; } #footer-links li.footer-nav-siteswitch-icons ul li a { opacity: 0.6; transition: opacity 200ms ease; } #footer-links li.footer-nav-siteswitch-icons ul li a:hover, #footer-links li.footer-nav-siteswitch-icons ul li.active a { opacity: 1; } #footer-links li.footer-nav-siteswitch-icons ul li.active a:hover { cursor: default; text-decoration: none; } #footer-links #footer-col1 li.footer-nav-social-icons, li.footer-nav-sign-in { display: none; } #footer-global .maillistinput { border: 1px solid #ddd; display: inline-block; font-size: 14px; margin-top: 0; padding: 0.5em 0.5em 0.6em 0.5em; width: 185px; } #footer-global button, .button, input[type="button"] { background: #000; border: 2px solid #fff; color: #fff; cursor: pointer; display: inline; font-size: 1.0em; padding:9px; margin-left: -6px; font-weight: bold; text-align: center; } #footer-legal-container { background-color:#000; border-top:1px solid #fff; } #footer-legal { width:auto; display:block; max-width:1170px; padding:0 10px; height:auto; position:relative; overflow:hidden; margin:auto; color:#fff; } #footer-legal #footer-legal-centered-column { width:1170px; margin:auto; } #footer-legal #footer-legal-column-left { text-align:left; width:45%; } #footer-legal #footer-legal-column-right { text-align:right; width:45%; } #footer-legal #footer-legal-column-right ul li { text-align:center; margin: 10px; } #footer-legal #footer-legal-column-right .switch-us, #footer-legal #footer-legal-column-right .switch-ca, #footer-legal #footer-legal-column-right .switch-fr { opacity:0.4; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } #footer-legal #footer-legal-column-right .switch-us:hover, #footer-legal #footer-legal-column-right .switch-ca:hover, #footer-legal #footer-legal-column-right .switch-fr:hover { opacity:1; } #footer-legal #footer-legal-column-right .active { opacity:1; } #footer-legal p { padding: 5px 0; margin-top:22px; } #footer-legal p a { color: #fff; text-decoration:none; } #footer-legal h2 { font-size: 1.2em; font-weight: 700; line-height:5em; margin: -2px 15px 0 0; } div.footer-nav-siteswitch-mobile { display: none; } #footer-global #mobile-store-locator { clear: both; padding: 0; } #footer-global #mobile-store-locator h3 a { background: url("../images/icons/icon-locate.png") no-repeat #151515; width: 221px; display: block; margin: 0 auto; height: 20px; padding-top: 5px; } .fr_CA #footer-global #mobile-store-locator h3 a { width: 205px; } #footer-global #mobile-store-locator h3:after { content: ''; } #footer-global #mobile-store-locator a{ color: #FFF; } /************************************************/ /* END - FOOTER */ /************************************************/ /************************************************/ /* Customer INPUTs - depend on modernizr being loaded **/ /************************************************/ /* Custom input fields*/ .pt_checkout input[type="text"], .pt_checkout input[type="password"], .pt_checkout textarea, .pt_account input[type="text"], .pt_account input[type="password"], .pt_account textarea, .lushI input[type="text"], .lushI input[type="password"], .lushI textarea{ margin:0; text-indent:0; /*padding:8px 4% 8px 2%*/; padding:8px 2%; border: 1px solid #D9D9D9; color:#282626; font-size:1.1em; font-weight:normal; text-align:left; /*-o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/ margin-bottom:5px; position:relative; width:95%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; } .pt_checkout input[type="text"]:focus,.pt_checkout input[type="password"]:focus,.pt_checkout textarea:focus, .lushI textarea:focus, .lushI input[type="text"]:focus,.lushI input[type="password"]:focus {border: 1px solid #999999;} .pt_cart input[type="text"]{margin:0;text-indent:0; border: 1px solid #D9D9D9;color:#282626;font-size:1.1em;/*font-weight:bold;*/text-align:left; /*-o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/ position:relative; border: 1px solid #D9D9D9; padding: 10px 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;} .cart-coupon-code input{vertical-align: top;} .oldie .cart-coupon-code input{height:31px;line-height:30px;vertical-align: top;} .pt_cart input[type="text"]:focus,.pt_account input[type="text"]:focus,.pt_cart input[type="password"]:focus,.pt_account input[type="password"]:focus,.pt_cart textarea:focus, .pt_account textarea:focus , .lushI input[type="password"]:focus, .lushI input[type="text"]:focus, .lushI textarea:focus {border: 1px solid #999999;} #refinements.customS .refinement{margin-top:10px} .pt_product-search-result #refinements.customS .refinement{margin-top:0px!important;padding-top:0px} .pt_product-search-result #refinements.customS .refinement.Category{display:block} .pt_product-search-result div.refinement ul li { color: #8E8E8E; font-size: 1.125em; margin: 0 0 12px; padding: 2% 4% 2% 0; width: 96%; } .pt_product-search-result div.refinement .clear-refinement { position: relative!important; font-weight:normal; font-size:80%; color:#101010; top:2px; right:0; float:right; display:inline; } .clear-refinement a { font-weight:normal; font-size:1.1em; color:#101010; top:0; } /** Customer Select **/ .rgba .customS div.styled, .rgba .pt_checkout div.styled,.rgba .pt_cart div.styled,.rgba .pt_cart select,.rgba .pt_checkout select, .rgba .lushI div.styled, .rgba .lushI select{ background: url("../images/arrows/down-arrow.png") no-repeat scroll 98% 48% #fff; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1)!important; box-shadow: 0 0px 2px rgba(0,0,0,0.2)!important; width:99%; cursor:pointer!important; } .rgba .pt_checkout.lushI #section-forms div.styled{ background: url("../images/arrows/down-arrow.png") no-repeat scroll 98% 12px #fff!important; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1)!important; box-shadow: 0 0px 2px rgba(0,0,0,0.2)!important; width:99%; cursor:pointer!important; } .rgba #refinements.customS div.styled{ background: url("../images/arrows/down-arrow.png") no-repeat scroll 95% 48% #fff; } .customS div.styled, .pt_checkout div.styled, .pt_cart div.styled, .pt_product-search-result div.styled, .lushI div.styled { overflow:hidden; padding:0; margin:0;clear:both; } .oldie .pt_checkout div.styled, .oldie .pt_cart div.styled, .oldie .pt_product-search-result div.styled, .oldie .lushI div.styled {border:none;} .pt_checkout div.styled span.error, .pt_cart div.styled span.error {display:none;} .rgba .pt_checkout div.styled select, .rgba .pt_cart div.styled select, .rgba .lushI div.styled select, .rgba .customS div.styled select{ width:120%; background-color:transparent!important; border:none; box-shadow:none!important; border: 1px solid #D9D9D9!important; color:#282626!important; font-size:1.1em!important; font-weight:normal!important; text-align:left!important; /*-o-border-radius: 4px!important; -moz-border-radius: 4px!important; -webkit-border-radius: 4px!important; border-radius: 4px!important;*/ padding:8px 4% 8px 2%; cursor:pointer!important; -webkit-appearance: listbox!important; } .rgba .pt_checkout div.styled select{width:110%;} .pt_product-search-result select{display:block; border: 1px solid #D9D9D9; color:#282626; font-size:1.1em; font-weight:normal; text-align:left; /*-o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/ padding:8px 5px 8px 5px; width:auto; } /**/ .oldie .pt_checkout div.styled select, .oldie .pt_cart div.styled select, .oldie .pt_product-search-result div.styled select, .oldie .lushI div.styled select { width:100%; background-color:#fff; border: 1px solid #D9D9D9; padding:6px; width:auto; -webkit-appearance: listbox!important; } /* End custom select */ .quantity-size select{padding:4px 5px 4px 5px;} .quantity-size input{display:block; border:none; box-shadow:none; border: 1px solid #D9D9D9; color:#282626; font-size:1.1em; font-weight:normal; text-align:left; /*-o-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;*/ padding: 5px 5px; width:100% } .pt_cart .checkbox-inline, .pt_checkout .checkbox-inline , .pt_account .checkbox-inline, .lushI .checkbox-inline{ margin: 20px 20px 0 0; } .pt_cart .form-row, .pt_checkout .form-row, .pt_account .form-row, .lushI .form-row{clear:both;margin:10px 0 10px;overflow:hidden;display:block;} .rgba .pt_cart label.cradioBefore , .rgba .pt_checkout label.cradioBefore {position: relative; margin-top:0.710em; margin-bottom: 3px; } .oldie .pt_cart label.cradioBefore , .oldie .pt_checkout label.cradioBefore {positon:relative; margin-top:auto;margin-right:10px;} /* Custom radio button */ .rgba .pt_cart #shipping-method-list label, .rgba .pt_checkout #shipping-method-list label{min-width:120px;font-size: 1.225em;} .rgba .pt_cart #shipping-method-list .cradio label, .rgba .pt_checkout #shipping-method-list .cradio label{font-weight:normal;} .rgba .cradio input[type="radio"]{ position: absolute; left: -999em; } .rgba .cradio label{margin-right:10px;} .rgba .cradio label:before { display: inline-block; position: relative; top:0.5em; left:-2px; content:''; width:25px; height:25px; background-image:url(../images/formelements.png); margin-right:3px; } .rgba .cradio input[type="radio"] + label:before { background-position: -25px -25px;} .rgba .cradio input[type="radio"]:checked + label:before { background-position: -25px 0;} .rgba #shippingmethodform .cradio input[type="radio"] + label{ padding-left:10px; cursor:pointer; margin:0; } .rgba #shippingmethodform .cradio input[type="radio"] + label{ padding:10px 10px 10px 0px; } .rgba #shippingmethodform .cradio input[type="radio"]:checked + label { background: url('../images/address-bg.png'); } .rgba #shippingmethodform .cradio label:before { top:0.45em; left:5px; } .formfieldtooltip{display:none;color:#D30000;font-weight:bold;} .gift-message-text .form-caption{display:none} /* Remove the custom styling for IE 7-8 */ .oldie .cradio input[type="checkbox"], .oldie .cradio input[type="radio"], .oldie .cradio input[type="checkbox"], .oldie input[type="radio"]{position: relative; margin-left:5px;margin-right:5px;margin-bottom:5px;} /*End custom radio button */ /** Custom checkbox **/ input[type=checkbox].css-checkbox, input[type=checkbox].css-checkbox{ display:none; } .oldie input[type=checkbox].css-checkbox, .oldie input[type=checkbox].css-checkbox{ display:inline; line-height: 20px; padding: 1px; } input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label { padding:0; padding-left:43px; height:35px; display:inline-block; line-height:35px; background-repeat:no-repeat; background-position: 0 -35px; font-size:1.225em; color:#151313; vertical-align:middle; cursor:pointer; } .oldie input[type=checkbox].css-checkbox + label.css-label,.oldie input[type=checkbox].css-checkbox + label.css-label { padding:0; clear:left; padding-left:0px; text-align: left; width: auto; height:auto; line-height:auto; display:inline; line-height:auto; background-repeat:no-repeat; background-position: 0 0; font-size:1.225em; color:#151313; vertical-align:middle; cursor:pointer; } input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox:checked + label.css-label { background-position: 0 0px; } .css-label, .css-label{ background-image:url(../images/checkmark-sprite.png); } .oldie .css-label, .oldie .css-label{ background-image:none; } /* End custom checkbox */ /************************************************/ /* Custom Buttons */ /************************************************/ /* Cart Button components */ .pt_cart #main .button, .pt_account #main .button, .pt_checkout #main .button , .lushI #main .button, .lushB .button{ margin: 0 15px 0 0; display: inline-block; color: #fff; font-family: Arial,Helvetica,sans-serif; font-size: 1.225em; font-weight: bold; text-align:center; padding: 8px 20px; text-transform:capitalize; border: solid 1px #111111; /* Fallback style */ border: 1px solid rgba(0, 0, 0, 0.3); border: solid 1px #111111; background:#101010; vertical-align:top; } .pt_cart #main .button:hover, .pt_account #main .button:hover, .pt_checkout #main .button:hover, .lushI #main .button:hover, .lushB .button:hover{ background:none; color: #fff; text-decoration: none; } .pt_cart #main .button span, .pt_account #main .button span, .pt_checkout #main .button span, .lushI #main .button span, .lushB .button span{position:relative;padding-top:2px;padding-left:0px;display: inline-block;} .pt_cart #main .button-black, .pt_account #main .button-black, .pt_checkout #main .button-black, .lushI #main .button-black, .lushB .button-black { margin:0; position:relative; cursor: pointer; margin: 0px; background-color:#454545; background:-moz-linear-gradient(top, #232323 0%, #2a2a2a 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #232323), color-stop(100%, #2a2a2a)); background:-webkit-linear-gradient(top, #232323 0%, #2a2a2a 100%); background:-o-linear-gradient(top, #232323 0%, #2a2a2a 100%); background:-ms-linear-gradient(top, #232323 0%, #2a2a2a 100%); background:linear-gradient(top, #232323 0%, #2a2a2a 100%); white-space: nowrap; font-family: Arial,Helvetica,sans-serif; font-size: 1.325em; font-weight: bold; text-align:center; border: none; text-align:center; -webkit-perspective: 1000; color:#f9f9f9; text-shadow: 0 1px 0 rgba(0,0,0,0.4); box-shadow: 0 0 .05em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pt_cart #main .button-black:hover, .pt_account #main .button-black:hover, .pt_checkout #main .button-black:hover, .lushI #main .button-black:hover, .lushB .button-black:hover { background: #151515; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#151515', endColorstr='#2f2f2f'); box-shadow: 0 0 .1em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4); } .pdp-main .product-add-to-cart.lushB button.button-green{font-size:1.9em;} button#add-to-cart{padding:10px 0 10px 0;} .lushI #main .button-green, .lushB .button-green { margin:0; position:relative; cursor: pointer; margin: 0px; background-color:#14B517; background:-moz-linear-gradient(top, #1bc31e 0%, #14B517 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #1bc31e), color-stop(100%, #14B517)); background:-webkit-linear-gradient(top, #1bc31e 0%, #14B517 100%); background:-o-linear-gradient(top, #1bc31e 0%, #14B517 100%); background:-ms-linear-gradient(top, #1bc31e 0%, #14B517 100%); background:linear-gradient(top, #1bc31e 0%, #14B517 100%); white-space: nowrap; border:0 none; font-family: Arial,Helvetica,sans-serif; font-size: 1.325em; font-weight: bold; text-align:center; text-align:center; -webkit-perspective: 1000; color:#f9f9f9; text-shadow: 0 1px 0 rgba(0,0,0,0.1); box-shadow: 0 0 .05em rgba(0,0,0,0.2); -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.2); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .lushI #main .button-green:hover, .lushB .button-green:hover { background: #75b830; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#75b830', endColorstr='#14B517'); box-shadow: 0 0 .1em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4); } .pt_cart #main .button-white, .pt_account #main .button-white, .pt_checkout #main .button-white, .lushI #main .button-white { background-color:#f8f8f8; background:-moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background:-webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background:-o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background:-ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background:linear-gradient(top, #ffffff 0%, #f2f2f2 100%); white-space: nowrap; border:solid 1px #D7D7D7; font-family:Arial,Helvetica,sans-serif; font-size: 1.325em; font-weight: normal; text-align:center; color:#464646; margin-right:2px; -webkit-box-shadow: 0px 1px 0px #FFF, inset 0 1px 0 #FFF; -moz-box-shadow: 0px 1px 0px #FFF, inset 0 1px 0 #FFF; box-shadow: 0px 1px 0px #FFF, inset 0 1px 0 #FFF; padding: 6px 25px; } .pt_cart #main .button-white:hover, .pt_account #main .button-white:hover, .pt_checkout #main .button-white:hover, .lushI #main .button-white:hover { color:#2f2f2f; border: 1px solid #ccc; } .pt_cart #main button.continue{margin-right:15px;} .pt_cart #main .secure{ display:none; position:absolute;right:7px;top:7px; width:25px;height:25px; /*display:inline-block;*/ background:url("../images/checkout/secure-lock.png") 0 0 no-repeat; } .product-list-item{color:#282626;font-size:.9em;padding-top:10px;padding-bottom:10px} .item-details .product-list-item{color:#282626;font-size:1em;padding-top:0px;padding-bottom:10px} .product-list-item .name a{font-size:1.225em;color:#101010;font-weight:bold} .is-in-stock{font-size:.9em;color:#8E8E8E;font-weight:normal} #priceLabel{display:none;overflow:hidden;text-align:left;display:none} .order-totals-table{position:relative;margin-top:10px;font-size: 110%;} .detailsContainer.reviewForms{transition:0; -o-transition:0; -moz-transition:0; -webkit-transition:0} #cartContainer{position:relative;} .editcartbutton{display:block;position:absolute;right:5px;top:0;} .checkout-mini-cart #edit-cart-details { color: #464646; cursor: pointer; display: block; font-size: 1.2em; font-weight: bold; padding: 5px; position: relative; right: 0px; text-align: center; text-transform: capitalize; margin:5px 0 10px 0; border: 1px solid #E7E6E5; background-color:#f8f8f8; background:-moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2)); background:-webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background:-o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background:-ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%); background:linear-gradient(top, #ffffff 0%, #f2f2f2 100%);} .checkout-mini-cart a#edit-cart-details.expandedEdit{display:block;cursor:pointer;outline: 0 none;background: url("../images/arrows/up-arrow.png") no-repeat scroll 50% 55% #FFFFFF; border: 1px solid #E7E6E5; background-color:none; width:45px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); text-indent:-9999px; } /************************************************/ /* Custom CSS navigation arrows */ /************************************************/ #slide-next-new{ position:absolute; /*background: url(../images/arrow_right_touch_sm.png) 0px 0px no-repeat; background: url(../images/arrows/rough-arrow-right-sm.png) 0px 0px no-repeat; */ right:5px; top:30%; width:20px; height:100px; z-index:1; cursor:pointer; text-align: right; } #slide-prev-new{ position:absolute; /*background: url(../images/arrow_left_touch_sm.png) 0px 0px no-repeat; background: url(../images/arrows/rough-arrow-left-sm.png) 0px 0px no-repeat; */ left:5px; top:30%; width:20px; height:100px; cursor:pointer; } .swipercontrols{ transition: opacity 0.2s linear 0s;opacity:0.6} .rgba .swipercontrols span.n-arrow { content: ''; border-width: 3px; border-style: solid; display: block; width: 10px; height: 10px; position: absolute; top: 20%; right:0px; border-color: rgba(0, 0, 0, 0.8); -webkit-transform: rotate( -45deg ); -moz-transform: rotate( -45deg ); -o-transform: rotate( -45deg ); transform: rotate( -45deg ); border-top: none; border-left: none; } .no-rgba .swipercontrols span.n-arrow{ background: url("../images/arrows_next.png") no-repeat; background-position: right center !important; height: 12px; opacity: 0.85; position: absolute; right: 0; top: 25%; width: 12px; } .rgba .swipercontrols span.p-arrow { content: ''; border-width: 3px; border-style: solid; display: block; width: 10px; height: 10px; position: absolute; top: 20%; right:0px; border-color: rgba(0, 0, 0, 0.8); -webkit-transform: rotate( 135deg ); -moz-transform: rotate( 135deg ); -o-transform: rotate( 135deg ); transform: rotate( 135deg ); border-top: none; border-left: none; } .no-rgba .swipercontrols span.p-arrow{ background: url("../images/arrows_prev.png") no-repeat; background-position: left center !important; height: 12px; opacity: 0.85; position: absolute; right: 0; top: 25%; width: 12px; } .swipercontrols span:hover {color:rgba(35, 35, 35, 0.8);opacity:1;} .tagcontrolsmin .prev.h-arrow { position:absolute; top:2px;left:2px; background-color: #FFFFFF; background: url("../images/arrows_prev.png") no-repeat; background-position: left center !important; color: #0A8F00; width:45%; height:30px; padding:5px; padding-right: 10%; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); text-transform: lowercase; transition: opacity 0.3s linear 0s; } .tagcontrolsmin .next.h-arrow { position:absolute; top:2px;right:2px; background-color: #FFFFFF; background: url("../images/arrows_next.png") no-repeat; background-position: right center !important; color: #0A8F00; width:45%; height:30px; padding:5px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); text-transform: lowercase; transition: opacity 0.3s linear 0s; } .tagcontrolsmin .next.h-arrow:hover, .tagcontrolsmin .prev.h-arrow:hover{opacity:0.4} /************************************************/ /* Custom HR - */ /************************************************/ div#hr-container{position:relative;overflow:hidden;width:90%;margin:5px auto;clear:both;} div#mobile-hd { line-height: 0.5; text-align: center; width:96%; margin:20px 0; display:none; } div#full-hd { line-height: 0.5; text-align: center; width:96%; margin:20px 0; } div#mobile-hd span, div#full-hd span { display: inline-block; position: relative; background:#fff; font:Georgia, serif; font-style:italic; font-size:1.625em; line-height:1.1em } div#mobile-hd span:before, div#full-hd span:before, div#mobile-hd span:after, div#full-hd span:after{ content: ""; position: absolute; border-top: 1px solid #616161; border-bottom: 1px solid #bcbcbc; /**/ top: 0; padding:0 10px; width:480px; } div#mobile-hd span:before, div#full-hd span:before { right: 100%; margin-right: 15px; } div#mobile-hd span:after, div#full-hd span:after { left: 100%; margin-left: 15px; } /************************************************/ /* USER PROFILE (My Account) - Returning Customer*/ /************************************************/ .accountnavtext {margin:0;} .accountnavtext h2 { background: #232323; color: #fff; display: inline-block; font-size: 1.2em; margin: 0 0 10px 0; padding: 7px; text-transform: uppercase; width: auto; } .accountnavtext p { margin-bottom: .5em; } .defaultselection {font-weight:bold;margin: 0px 0px 5px 0px;} /***** Account general page layout (pt_account.isml, etc...) ****/ .accountwelcome { position: relative; overflow:hidden; display:block; } .accountwelcome .welcomeMessage{width:75%;position:relative;float:left;padding:0 0 0 0;} .lushI #primary-content .accountwelcome h1.welcomeMessage{font-size:4.125em;margin: 15px 0 0;} .accountwelcome .welcomeMessage span.sm{font-size:55%!important;} .accountwelcome .account-logout{position:absolute;top:0;right:10px;z-index:99;color:#0a0a0a;font-size:105%} .accountwelcome .a-logout { color: #0A0A0A; font-size: 105%; position: absolute; right: 10px; top: 0; z-index: 99; } .accountwelcome a{color:#0a0a0a!important} #overview .aside-box { /*border: 1px solid #E7E6E5;*/ margin: 10px 0 15px; padding: 0 0 15px 0; } .accountwelcome .profile-img{width:20%;margin-right:3%;display:block;float:left;} .accountwelcome .profile-img img{max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; border: 1px solid #E7E6E5;margin:2px;padding:2px; } @media \0screen { .accountwelcome .profile-img img { width: auto; /* for ie 8 */ } } .accountwelcome > div { min-height: 35px; } .accountwelcome .welcomemessage {font-size:24px;font-weight:bold;} .accountwelcome .not-user { position: absolute; top: 0px; right: 0px; } .accountwelcome .not-user, .accountwelcome .not-user a { font-size: 1em; color: #4a4a4a; } .accountwelcome .not-user a { text-decoration: none; font-weight: bold; } .account-signin .col2 { padding-left: 20px; border-left: 1px solid #ccc; } .account-signin .col2 .formactions { margin-top: 10px; text-align: left; } .account-signin .aside-box { border: none; margin-bottom: 40px; padding: 0; } .account-signin .aside-box h3, .wishlist-search-box h3 { background: none; color: #232323; font-size: 1.2em; font-weight: bold; padding: 0; margin: 0 0 .5em 0; text-transform: uppercase; } .wishlistT a.print-page{float:right;} .account-signin button { text-transform: uppercase; } .account-link .aside-box h3 { font-size: 1em; font-weight: normal; } .account-link .formactions { margin-top: 15px; text-align: left; } .account-link-account .gigya-secure { clear: both; } .account-link-account h3.title { color: #232323; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: normal; padding: 15px 0; margin: 0; text-transform: uppercase; } .account-link-account .formactions { margin: 15px 0 15px 160px; text-align: left; } /***** Account User Selection Sections *****/ .col1, .col2 { float: left; width: 47.5%; } .col1{padding-right:5%} .loginLeft{} .loginRight{text-align:left;padding-top:20px;} .loginRight #gigya-signin{text-align:center;} .loginRight #hdNote span{margin-left:30px;} #overview .col1, #overview .col2 { float: left; overflow:hidden; display:block; } .account-landing{position:relative;display:block;margin-bottom:10px;overflow:hidden;} /** Gigya plugins overides **/ #gigyaLoginContainer{margin:5px auto;} #divGigyaLeaderboard, #divGigyaActivityFeed, #divGigyaAchievements,#divGigyaUserStatus{position:relative;width:100%!important;padding:5px 0!important;} .gig-achievements-container, #divGigyaActivityFeed table{width:100%!important} #divGigyaActivityFeedParams{padding:0!important} .aside-box { /*border: 1px solid #ccc;*/ padding: 0 0 15px 0; margin: 0 0 15px 0; overflow:hidden; } /** Status **/ #divGigyaUserStatus{height:110px!important} div.gig-userStatus-nameAndPoints { float: left; overflow: hidden; } .gig-userStatus *, div.gig-userStatus, .gig-userStatus span, .gig-userStatus a:hover, .gig-userStatus a:visited, .gig-userStatus a:link, .gig-userStatus a:active { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; border-radius: 0 0 0 0; color: #797979; float: none; font-family: arial; font-size: 10px; line-height: normal; margin: 0; padding: 0; text-align: left; text-decoration: none; width: auto; } div.gig-achievements-container { border:0 none!important } div.gig-leaderboard-container {border:0 none!important} div.gig-userStatus-container {padding-left:125px!important;height:100%!important;border:0 none!important} a.gig-userStatus-badge-container, a.gig-userStatus-badge-container:hover { cursor: pointer!important; float: left!important; padding: 5px 0 0 0px!important; text-align: center!important; position:absolute!important; left:0px!important; width: 80px!important; } a.gig-userStatus-points, a.gig-userStatus-points:hover, div.gig-userStatus-points { color: #101010!important; } div.gig-userStatus-userPhoto-container,div.gig-userStatus-name { padding-top:25px!important; } div.gig-userStatus-userPhoto { border: 1px solid #E8E8E8!important;; height: 40px!important; overflow: hidden!important; padding: 2px!important; width: 40px!important;} img.gig-userStatus-badge { height: 70px!important; padding-bottom: 4px; width: 70px!important; } #divGigyaUserStatus_userPhoto{height:40px!important;} span.gig-userStatus-pointsValue { color: #101010!important; font-weight:bold!important } #divUserStatus #divUserStatus_points .gig-userStatus-pointsValue { font-size:100px!important; font-weight:bold!important; margin: -10px 0 0!important; } #divUserStatus #divUserStatus_points .gig-userStatus-pointsValue .zero { font-size:100px!important; font-weight:bold!important; color:#C0C0C0!important; } #divUserStatus .points .last7days { font-size:16px!important; font-weight:bold!important; color:#000!important; margin: -15px 0 0!important; } #divUserStatus .points .arrow { background:url(../images/arrow-up.png) no-repeat; width:13px; height:11px; margin: 5px 5px 0; } #divUserStatus .points { margin:-10px 0 0; } #divUserStatus .badge { margin:0 0 0 10px; } #divUserStatus .rankTitle { font-weight:bold; } #divUserStatus .desc { padding:0 0 0 10px; } #divUserStatus .desc .rankDesc { color:#C0C0C0; font-size:12px; width:300px; } #divAchievements div.gig-achievements-container { border:0; } #divLeaderboard { margin: -10px 0 0 -10px; } #divLeaderboard div.gig-leaderboard-container { border:0; } .pt_customer-service #primary-content .aside-box > h3, .lushI #primary-content .aside-box > h3{ font-size: 1.6em;} .aside-box > div{padding:5px 10px} .aside-box > h3{margin-top:0!important;} .aside-box > h3, .aside-box h3.title { background: none repeat scroll 0 0 #FFFFFF; color: #101010; font-family: Arial,Helvetica,sans-serif; font-weight: bold; line-height: 14px; margin: 0; padding: 15px 5px 0px 5px; text-transform: capitalize!important; } .aside-box h4 { background: none; font-size: 1em; margin: 0; padding: 0; text-align: left; } .aside-box h4, .aside-box h4 a { color: #000; text-decoration: none; } .aside-box table { margin-top: 20px; } #social .aside-box table { margin: 0; } .aside-box table td { padding: 10px 0; } #social .aside-box table td { padding: 0; } /*.account-landing .aside-box td:first-child { width: 75px; padding: 5px 0 10px 15px; } .account-landing #social .aside-box td:first-child { width: 75px; padding: 10px 0 10px 15px; } */ /************************************************/ /* LUSH TIMES */ /************************************************/ .lush-times .contentasset { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #ccc; overflow: auto; } .lush-times .contentasset p, .lush-times .contentasset h1 { float: left; width: 65%; } .lush-times .contentasset a.catalogue-signup { float: right; font-size: 1.5em; width: 25%; font-family: Arial, sans-serif; font-weight: bold; } .issuuembed { height: 300px !important; } div.lush-times{margin: 5px 0 0 0;width:100%} div.lush-times h1, div.lush-times h2, div.lush-times h3{text-transform:uppercase} div.lush-times h2{font-size:1.425em} div.lush-times p{color:#101010;font-size:1.250em; font-family: Arial,Helvetica,sans-serif;font-weight:normal;padding:0 0 10px 0; line-height: 1.6em !important;margin-top:0;} div.lt-issue{position:relative;width:40%;display:block;float:left;margin:2% 5% 3%} .lt-issue .content{position:relative;margin-bottom:2%;background:#fff;width:100%;} .lt-issue .content h2.issue-title{font-size:1.3em;color:#232323;line-height:1.6em;padding:4px 4px 0px 4px;text-align:center;font-family: Arial,Helvetica,sans-serif; font-size: 1.325em; font-weight:bold; text-rendering: optimizelegibility;} .lt-issue .content p.issue-date{font-size:1.1em;color:#232323;line-height:1.3em;padding:2px;text-align:center;font-weight:bold} /************************************************/ /* Gift Registry */ /************************************************/ .pt_gift-registry fieldset{margin-bottom:20px} .pt_gift-registry td.item-dashboard .option-add-to-cart input {padding:8px 2px; width: 50px; } .order-history-table th{font-weight:bold} .order-history-header button{margin-top:5px;margin-bottom:5px;} .order-history-items ul{padding:0;margin:5px 0;} .order-history-items td{padding: 7px 10px; } /************************************************/ /** Wishlist ** */ /************************************************/ .wishsearch{} .wishsearch .form-row{clear: none;float:left;margin-right:15px} .wishsearch .form-row-button{clear:both;position:relative;margin-top:10px;text-align:left;display:block;float:none;} .findawishlist{position:relative;margin:15px 0;} .lushI #primary-content .findawishlist h1{font-size:2em} .smallI{font-size:.9em;font-weight:400;font-family: Arial,Helvetica,sans-serif;clear:both;margin-top:5px;left:0;top:5px;} /* tables used for product lists (wishlist, gift reg) */ div.item-list{border-bottom:1px solid #D9D9D9;overflow:hidden;display:block;} div.item-list > div{float:left;position:relative;padding:20px 2%;vertical-align:top;} div.item-list div.item-image{width:23%;} div.item-list div.item-image img{max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; } @media \0screen { div.item-list div.item-image img { width: auto; /* for ie 8 */ } } div.item-list.last{border:0 none} div.item-list div.show_items {background: #E8E8E8} div.item-list div.rowbundlespacer{ padding: 0; border:0 } div.item-list div.item-details{width:20%;padding:15px 0;height:100%;font-size:1.1em} div.item-list div.item-dashboard{width:50%;padding:15px 0} div.item-details .product-list-item .value{font-weight:700} div.item-details .product-list-item .promo{color:#990000} div.item-details .product-list-item .price-standard{color:#999999;text-decoration:line-through} div.item-availability ul{list-style:none outside none;margin:0;padding:0} div.item-quantity-details ul{list-style:none outside none;margin:0;padding:0} div.item-dashboard{color:#AAAAAA;width:250px} div.item-dashboard .label{display:inline;float:none;font-size:1em;font-weight:400;padding:0;width:auto !important} div.item-dashboard label{display:inline;float:none;font-size:1em;font-weight:400;padding:0;width:auto !important} div.item-dashboard .input-text{margin:0;text-align:center} div.item-dashboard .input-select{margin:0;padding:8px;width:auto} div.item-dashboard .input-checkbox{margin:0 5px} div.item-dashboard .item-option{clear:both;font-size:1em;margin:0 0 0.5em;text-align:right} div.item-dashboard .option-priority{width:70%;margin-left:30%} div.item-dashboard .option-toggle-public{margin-top:10px;} div.item-dashboard .item-option .form-row{display:inline} div.item-dashboard .option-date-added .value{color:#333333;font-weight:700} div.item-dashboard .option-quantity-desired input{width:20px} div.item-dashboard .option-priority .label{color:#333333;font-weight:700} div.item-dashboard .option-priority label{color:#333333;font-weight:700} div.item-dashboard .option-add-to-cart .label{color:#333333;font-size:1.1em;font-weight:700;text-transform:uppercase} div.item-dashboard .option-add-to-cart label{color:#333333;font-size:1.1em;font-weight:700;text-transform:uppercase;margin-right:0;} div.item-dashboard .option-add-to-cart input{padding:9px 2px;width:50px;margin-right:2px;} .charnote { color:#BF434D; display: none; font-size: 1em; text-align:right; font-weight: bold; margin-right:45px; } h1.lrgheader { font-size: 2.45em; text-transform: uppercase; } .spacerClear{display:block;height:25px;clear:both} .instagramgal{overflow:hidden;display:block;} /************************************************/ /* Shipping rates tables */ /************************************************/ div.shiprates{position:relative;width:100%;} div.shiprates ul.headers{font-weight:bold;border-bottom:1px solid #DEDEDE; padding:0;font-family: Arial,Helvetica,sans-serif;display:block;width:100%;position:relative;margin:10px 0;overflow:hidden;} div.shiprates ul.headers li{font-family: Arial,Helvetica,sans-serif;width:23%;padding:1% 0 0 2%;display:block;float:left;overflow:hidden; color: #101010; font-size: 1.250em; margin: 0; text-transform: uppercase;} div.shiprates ul.headers li span.note{font-size:60%;line-height:1.1em;display:block;position:relative;margin:10px 0;} div.shiprates ul.sec li:first-child{font-weight:bold;} div.shiprates ul.sec{display:block;padding:0;width:100%;position:relative;margin:10px 5px;overflow:hidden;border-bottom:1px solid #DEDEDE;} div.shiprates ul.sec li{width:23%;display:block;float:left;overflow:hidden; color: #101010; font-family: Arial,Helvetica,sans-serif; font-size: 1em; font-weight: normal; line-height: 1.425em; padding: 0 0 10px 2%;} /**Shipping rates mobile size **/ div.shipratesm{position:relative;width:100%;clear:both;display:block;} div.shipratesm ul.headersm{border-bottom:1px solid #DEDEDE; font-family: Arial,Helvetica,sans-serif;display:block;width:100%;position:relative;padding:0;margin:10px 5px;overflow:hidden;} div.shipratesm ul.headersm li{font-family: Arial,Helvetica,sans-serif;width:96%;padding:2% 0 0 2%;display:block;float:none;overflow:hidden; color: #101010; font-size: 1.250em; margin: 0; text-transform: uppercase;padding-bottom:15px;margin-top:22px;} div.shipratesm ul.headersm li h3{margin:5px 0 10px;} div.shipratesm ul.headersm li span.note{font-size:60%;line-height:1.1em;display:block;position:relative;margin:10px 0;} div.shipratesm ul.secm li:first-child{font-weight:normal;} div.shipratesm ul.secm{display:block;width:100%;position:relative;margin:10px 5px;} div.shipratesm ul.secm li{width:23%;padding:1%;display:block;float:left;overflow:hidden; color: #101010; font-family: Arial,Helvetica,sans-serif; font-size: 1em; font-weight: normal; line-height: 1.425em; padding: 0 0 10px;} div.shipratesm ul.headersm li div.cost{ clear: both; display: block; float: none; margin: 10px auto 25px; overflow: hidden; position: relative;} div.shipratesm ul.headersm li div.type{margin-bottom:20px;} div.shipratesm ul.headersm li div.type h1{margin:15px 0 5px;font-size:1.750em} div.shipratesm ul.headersm li div.type h2{margin:5px 0 10px;font-size:1.150em} div.shipratesm ul.headersm li h3{margin:5px 0;font-size:1em} /************************************************/ /* IN THE MEDIA ARTICLES (template: content/inthemedia.isml)*/ /************************************************/ .media-articles {padding-top: 20px;position:relative;padding:5px 0 5px 0 } .media-articles .paging {padding-bottom: 0.5%;margin-top:15px;position:relative;display:block;overflow:hidden;/*border-bottom: 1px solid #dedede;*/} .media-articles .paging:after {clear:both} .media-articles .paging > div {display: inline-block;float: right;margin: 0 20px 0 0;padding: 0;position: relative;vertical-align: middle;width: auto;} .media-articles .paging .itemsperpage {display: none;} .media-article {position:relative;border: 1px solid #dedede;display:block;float: left;height:185px;display:block;overflow:hidden;margin: 0 0.7% 1% 0;padding: 15px 10px 5px;width: 32.5%} .pt_product-search-result .media-article {position:relative;border:0;border-bottom: 1px solid #dedede;display:block;float: none;height:auto;display:block;overflow:hidden;margin: 5px 0;padding: 15px 2% 15px;width: 96%} .pt_product-search-result .media-article:hover{border:0;border-bottom: 1px solid #dedede;} .pt_product-search-result .media-article .article-thumbnail-media{width:20%;float:left;margin-left:0;margin-bottom:0;position:relative;display:inline-block;overflow:hidden;} .categorylanding .media-article {position:relative;border:none;display:block;float: left;height:auto;overflow:hidden;margin:0;padding: 5px 0;width:100% } .media-article .article-title{font-size:1.425em} .media-article:hover{border: 1px solid #c1c1c1;} .media-article .article-thumbnail{position: absolute;overflow:hidden;left: 5px;width:35%} .media-article p { font-size: .9em; line-height: 1.4em; padding: 5px 5px 7px 0px; color: #505050; font-family: Arial,Helvetica,Verdana,sans-serif; } .categorylanding .media-article p {font-size:1.1em} .media-article p.mediadescription{ font-size: .9em; line-height: 1.4em; padding: 0px 0px 7px 0px; color: #505050; margin:5px 0 5px 0; font-family: Arial,Helvetica,Verdana,sans-serif;} .categorylanding .media-article p.mediadescription {font-size:1.1em} .article-thumbnail-media{width:35%;float:right;margin-left:5%;margin-left:1%;margin-bottom:0;position:relative;display:inline-block;overflow:hidden;} .categorylanding .article-thumbnail-media{width:auto;float:left;margin-right:15px;margin-left:0;margin-bottom:0;position:relative;display:inline-block;overflow:hidden;} .media-article .article-thumbnail-media img {float: left;max-width: 100%;height: auto;position:relative;} .article-fullpage-img img {max-width: 100%;height: auto;position:relative;} .media-article .content {position: relative;overflow:hidden;width:58%;display:block;margin-left:5px;} .categorylanding .media-article .content {position: relative;overflow:hidden;width:auto;display:block;margin-left:15px;} .media-article .content h2{margin-bottom:2px!important;word-wrap: break-word;} .media-article .article-date {position: relative;margin:0 0 10px!important;display:block;} .media-article .article-date a {color: #232323;text-decoration: none;} .media-article .read-more { color: #231F20; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 0.9em; font-weight: bold; line-height: 1.4em; position: relative; text-transform: lowercase; text-decoration:underline; } @media \0screen { .media-article .article-thumbnail-media img { width: auto; /* for ie 8 */} .article-fullpage-img img {width: auto;} } .in-the-media-article .article-thumbnail{width:100%;float:left;margin-right:5px;margin-bottom:10px;position:relative;display:inline-block;} .article-title { color: #232323;display: block;font-size: 1.5em;font-weight: bold;text-decoration: none;} .in-the-media, .in-the-media-article { margin: 5px 0 0; } div.in-the-media div#kit{margin-top:20px;} div.in-the-media h1, div.in-the-media h2, div.in-the-media h3 {text-transform: uppercase;} div.in-the-media h3 {font-size:1.225em;} div.in-the-media .contentasset p {color:#101010;font-size:1.250em; font-family: Arial,Helvetica,sans-serif;font-weight:normal;padding:0 0 10px 0;line-height: 1.6em !important;} div.in-the-media .contentasset a{text-decoration:underline; color: #8E8E8E; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 1.125em; font-weight: normal; line-height: 1.1em; text-transform: none !important;} div.in-the-media .contentasset a:hover{color:#232323} .in-the-media-article .col {padding-left:0;} .in-the-media-article .articlepdf{color: #505050; font-size: 1.125em; padding: 0;text-decoration:underline} .contenthits div.article-teaser {height: auto;position: relative;width: 95%;margin:10px 0;border-bottom:1px solid #ccc;padding:5px 0 15px} div.article-teaser {height: auto;position: relative;width: 95%;} div.article-teaser h2.teaser-title, div.article-teaser h2 {color: #101010;font-family: Arial,Helvetica,sans-serif;font-size:90%;font-weight: bold;line-height: 1.3em;text-decoration: none;margin-top:2%;} .article-fullpage-img img {border: 1px solid #dedede;} .article-date { font-weight: bold; text-decoration: none; } a.articlepdf{position:relative;color:#101010;font-size:1.1em;margin:5px 5px 15px 2px;display:block;} a.articlepdf:hover{text-decoration:none;} /***** Modifications to product tile ****/ .in-the-media-article .producttilelush { float: left; height: 147px; margin: 0 3px 10px 0; width: 160px; } .in-the-media-article .producttilelush .name a { color: #232323; font-size: 1em; font-weight: bold; text-align: left; } .in-the-media-article .productnotes > div { float: left; } .in-the-media-article .producttilelush .image { height: 85px; overflow: hidden; left: 85px; width: 85px; } .in-the-media-article .producttilelush .image img { max-width: 85px; max-height: 85px; } .in-the-media-article .producttilelush .stars { bottom: 25px; left: auto; right: 5px; top: auto; width: auto; } .in-the-media-article .vegan{text-indent:-9999px;} .in-the-media-article .back a{ color: #8E8E8E; font-size: 1.125em; padding: 0;} .in-the-media-article .featured-products{width:100%} .in-the-media-article .featured-products h2{text-transform: uppercase;font-size:1.225em;margin-top:9px;} .in-the-media-article .product-notes{display:none} .in-the-media-article .mediainfo{position:relative;width:100%;margin:5px 0 20px 0} .mediainfo h1{font-size:1.825em;text-transform:uppercase} .in-the-media-article p.mediablurb { font-weight: 400; letter-spacing: 0.0125em; color: #505050; font-family: Arial,Helvetica,sans-serif; font-size:1.1em; line-height: 1.6em !important; } /************************************************/ /* LUSHopedia Ingredient finder */ /************************************************/ .lushopedia #searchcontainer{ margin:10px auto 30px; right:0; top:0; position:relative;width:100%; padding: 1px 0; float:none; height:auto; height:80px; } div.ingsearchbar_inset{ display: block; min-height: 35px; overflow: hidden; position: absolute; right:15px; top:0; width: 309px; z-index: 10001;} .lusho #goTo{display:none;} .lushopedia .flexnav{position:absolute;overflow:hidden;width:308px;float:none;top:50px;right:15px;z-index:9999;} .lushopedia .flexnav.on{ -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2)!important; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2)!important;} .lushopedia h1 .tagline { color: #232323; clear:both; float: none; font-size: 35%;width:95%; text-align:right; font-weight: bold; padding: 0 0 10px; position: relative; text-transform: lowercase;} .lushopedia .flexnav .dropNav{ -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.4)!important; box-shadow: 0px 1px 5px rgba(0,0,0,0.4)!important; } #ingHeader{text-align:left;overflow:hidden;width:100%;position:relative;left:0px;min-height:200px} #ingImage{text-align:center;overflow:hidden;width:28%;top:25px;right:10px;position:absolute;float:none;} #ingImage img{ max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; max-height: 200px; } @media \0screen { #ingImage img { width: auto; /* for ie 8 */ } } .lushopedia #ingInfo{ clear:both; overflow:hidden; margin:20px auto 20px; top:20px; min-height:350px; position:relative;width:95%;padding: 0px 2% 10px;float:none;background:#fff; -moz-box-shadow: 4px 2px 10px -4px #999999; -webkit-box-shadow: 4px 2px 10px -4px #999999; box-shadow: 4px 2px 10px -4px #999999; } a.linkHolder{display:none} .lushopedia img.product-img { max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; } @media \0screen { .lushopedia img.product-img { width: auto; /* for ie 8 */ } } .pageClose{display:none} #slideout .pageClose{font-size:1.425em;position:absolute;top:5px;right:20px;color:#232323;height:80px;text-decoration:underline} #slideout .pageClose.bottom{font-size:1.425em;position:absolute;bottom:10px;right:20px} /****** LUSHopedia NAV swiper *****/ .lusho{background: url("../images/lushopedia/lushopedia-bg.jpg") 0 0px no-repeat #fff!important; background-size: 100%!important; background-position: 50% 0%!important; background-repeat: no-repeat!important; } div.dropNav{overflow:hidden;position:relative;width: 100%;margin:0;padding:0;background:#fff;padding-top:0;margin-top:0;} div.lushopedia-hd{position:relative;overflow:hidden;width:55%;margin-top:15px;min-height:45px;} div.lushopedia-hd img.lushohd{ max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; } @media \0screen { div.lushopedia-hd img.lushohd { width: auto; /* for ie 8 */ } } img.lushobg { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: absolute; top: 0; left: 0; z-index:0; } @media screen and (max-width: 1024px){ img.lushobg { left: 50%; margin-left: -512px; } } .lushopedia { /* height:3000px;*/ overflow: hidden; position: relative; z-index:90; min-height:2000px; } .lushopedia h1 { font-size: 3.2em; text-transform: uppercase; } .lushopedia h2 { text-align: left; font-size: 3.6em; padding-top:25px; margin-bottom: 5px; width:65%; } .lushopedia #tempContainer{position:relative;overflow:hidden;width:auto;float:left;min-height:700px;background:#fff;} .lushopedia input.simplesearchinput { background: url("../images/icon-search-glass.png") no-repeat scroll 5px center #FFFFFF; border: 0 none; color: #282626; display: block; float: right; height: 33px; line-height: 1.5em; margin: 0; padding: 5px 0; position: relative; text-indent: 25px; width: 99%;} .lushopedia form .searchgo{width:13%;display:block;margin:0;border-left:0;border-radius: 4px; padding: 0.9em 2em;position:relative;left:-3px;} .lushopedia .navWrapScroll{overflow:hidden;} .lushopedia .content{position:relative;} .lushopedia .details{position:relative;margin-top:10px;} .lushopedia .related{position:relative;margin-top:30px;} .lushopedia .swipenav{clear:both;position:relative;margin-top:35px;overflow:hidden;width:45%;z-index:999;} /** Lushopedia pageslide **/ .pageFixed{ position:fixed; overflow:hidden; } .pageslide-content{ bottom: 0; left: 0; position: absolute; right: 0; top: 0; z-index: 2; } #pageslide { /* These styles MUST be included. Do not change. */ display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; /* Specify the width of your pageslide here */ width: 100%; padding: 0; overflow-y:auto;-webkit-overflow-scrolling: touch; /* These styles are optional, and describe how the pageslide will look */ background-color: #ffffff; color: #101010; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4) !important; border-right:#101010; transform: translate3d(0px, 0px, 0px); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .noscroll{overflow:hidden;} .ing_details {background:#fff} #modal { display: none; text-align: left; } #modal p { width: auto; margin: 0 10px 20px 10px; } #modal h2 { margin-top: 20px; margin-left: 10px; } /*** Pdp product swipe Carousel **/ .sticky { position: fixed!important; top:0; } .relatedings_container{position:relative;margin:0 auto;width:95%;height:125px;} .swiper-container-i {width:300px;} .lusholink{ color: #2DA802; line-height: 1.4em !important; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 1.2em; font-weight: normal; line-height: 1em; text-decoration: none !important; text-transform: none !important;} .lusholink:hover{color: #8E8E8E;} .details .description p { color: #231F20; font-family: Arial,sans-serif; font-size: 1.125em; font-weight: normal; line-height: 1.6em; margin: 0; padding-bottom: 13px; text-align: left; } .ing_details .swiper-container, #ingInfo .swiper-container { width:90%!important; height: 100%!important; /*-webkit-backface-visibility: hidden;*/ position:relative; margin: 0 auto; } .ingredients-search { background: #fff; -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); color:#000; overflow:hidden; border: 1px solid #8e8e8e; border-radius: 3px 3px 3px 3px; } .ing_details .swiper-wrapper, #ingInfo .swiper-wrapper, .swiper-container-i .swiper-wrapper { position: relative; /* transform: translate3d(0px, 0px, 0px); -webkit-backface-visibility: hidden; -webkit-perspective: 1000;*/ } ul.alphanav li div.viewMore { cursor: pointer; display: block; overflow: hidden; width: 100%; color:#fff; } .lushopedia .alphanav { zoom: 1; filter: alpha(opacity=95); opacity: 0.95; *zoom: 1; list-style: none; background:#232323; margin:0; padding:0; position:relative; width:100%; } .lushopedia .alphanav ul { list-style: none; padding:0; margin:0; display: block; } .pagination-loop { left: 10px; position: absolute; top: 230px; width: 350px; z-index: 20; } .ingSwiper .swiper-slide { /* border-bottom: 1px dashed #DDDDDD;*/ } .ingSwiper { height: 345px; width: 98%; -moz-box-shadow: inset 2px -3px 9px -2px #000000; -webkit-box-shadow: inset 2px -3px 9px -2px #000000; box-shadow: inset 2px -3px 9px -2px #000000; text-align: center; padding:10px; padding-right:2px; position:relative; background:#fff; overflow: hidden; -webkit-transition-property: top, bottom; transition-property: top, bottom; -webkit-transition-duration: .2s, .2s; transition-duration: .2s, .2s; -webkit-transition-timing-function: linear, linear; transition-timing-function: linear, linear; -webkit-overflow-scrolling: touch; /*background: url("../images/navigation/browse-bg.png") top left repeat-x #fff;*/ } /** Ingredient Cycler **/ .lushopedia .tagcontrolsmin{} .lushopedia .refineContainer .tagcontrolsmin{right:20px;top:10px;position:absolute;z-index:99;overflow:hidden;display:block;} .lushopedia .refineContainer .tagcontrolsmin a{padding:5px 10px;} .lushopedia .tagcontrolsmin .next{ top: 5px; width: 10px; } .lushopedia .tagcontrolsmin .prev{ top: 5px; width: 10px; } .lushopedia .tagcontrolsmin .next:hover{ /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);*/ -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .lushopedia .tagcontrolsmin .prev:hover{ /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);*/ -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .refinementCycle.ings{ color: #FFFFFF; height: auto; margin-top: 50px; margin-bottom: 20px; padding: 0; position: relative; display:block; } /*.lushopedia .accordionContent .swiper-slide { width: 1520px !important; height:300px; }*/ .lushopedia .accordionContent .imgnav{ display:block; position:relative; overflow:hidden; } .lushopedia .accordionContent .imgnav li{ background:#fff; display:block; text-align:center; width:135px; float:left; overflow:hidden; } form.ingSub{display:inline-block;padding:0;} form.ingSub button{padding: 3px 0px 3px 0px;color:#101010} form.ingSub button.naturalb{color:#009933} .lushopedia .accordionContent a.ingLink{ position:relative;text-align:center;width:100%; line-height:1em;display:block;} button.ingLink{ position:relative;text-align:left;width:auto;color:#2DA802;background:#fff;display:inline-block;font-weight:normal;font-size:1em;line-height:1em;} button.ingLink:hover{ color:#101010} form.ingSub button.naturalb:hover{color:#101010} form.ingSub button:hover{text-decoration:underline} span.ingLink{cursor:pointer; position:relative;text-align:left;width:auto;padding:3px 1px;color:#101010;background:#fff;display:inline;word-wrap:break-word;font-weight:normal;font-size:1.025em;line-height:1.50em;} span.ingLink:hover{ color:#101010;text-decoration:text-underline} span.naturalb:hover{color:#101010} span.naturalb{color:#009933} .toggleMenu { background: url(../images/ajax-loader.gif) 120% 120% no-repeat #232323; color: #FFFFFF; font-size: 1.495em; line-height: 1.495em; height:40px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px; /* Firefox */ -webkit-border-radius: 3px; /* Safari, Chrome */ overflow:hidden; display:block; padding: 2px 0 2px 0; width: 100%; position: relative; } .toggleMenu:hover.load{ background-position: 90% 50%;} .toggleMenu:hover { text-decoration:underline;color:#fff;background:#000000} .toggleMenu div.browse{position:absolute;border-right:1px solid #585858;margin-right:0;left:0;width: 78%; padding: 7px 0;text-indent: 22px;} .toggleMenu .droparrow{position:absolute;display:block;right:0;width:22%;height:100%;margin-left:0px; background-repeat: no-repeat; background-position: 50% 50%;border-left:1px solid #000;padding:0;} .toggleMenu .droparrow.on{ background-image: url("../images/navigation/downArrow.png"); } .lushopedia .nav { display:none; zoom: 1; filter: alpha(opacity=95); opacity: 0.95; *zoom: 1; list-style: none; background:#212020; margin:0; padding:0; position:relative; height:100%; width:100%; overflow:hidden; -webkit-backface-visibility: hidden; } .lushopedia .nav ul { list-style: none; display: block; } .lushopedia .nav > li.hover > ul , .lushopedia .nav li li.hover ul { position: relative; } .lushopedia .nav a { padding: 6px 15px; color:#fff; } .lushopedia .nav .ingThumb a { padding: 0!important; color:#fff; } .lushopedia .nav li { position: relative; } .lushopedia .nav li { position: relative; -webkit-backface-visibility: hidden; } .lushopedia .nav > li { float: none border-top: 1px solid #f7f7f7; } .lushopedia .nav > li > .parent { -moz-user-select: none; background: -moz-linear-gradient(center top , #232323 0%, #2A2A2A 100%) repeat scroll 0 0 transparent; border: 1px solid #111111; border-bottom:none; box-shadow: 0 0 0.05em rgba(0, 0, 0, 0.4); color: #F9F9F9; cursor: pointer; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 1.325em; font-weight:bold; text-rendering: optimizelegibility; margin: 0; padding: 8px 12px; position: relative; text-align: center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); background-image: url("../images/navigation/downArrow.png"); background-repeat: no-repeat; background-position: 95% 50%; font-size:1em; } .lushopedia .nav > li > .parent:hover{ color: #fff;background: url("../images/navigation/downArrow.png") no-repeat 95% 50% #191919; background-image: url("../images/navigation/downArrow.png"); box-shadow: 0 1px 0 #272727, 0 1px 0 #000000 inset; } .lushopedia .nav > li.hover > .parent { background: url("../images/navigation/upArrow.png") #3e383a; background-repeat: no-repeat; background-position: 95% 50%; font-size:1.3em; } .lushopedia .nav > li > a { display: block; } /* .lushopedia .nav li ul { position: absolute; left: -9999px; } */ .lushopedia .nav li.hover ul.subnav { display:block; position:relative; min-height: 200px; overflow:hidden; background:#fff; } .lushopedia .nav li ul.subnav { padding: 0 2% 0 2% ; width: 96%; /*border: 2px solid #00F;*/ overflow: auto; /* margin-bottom:10px;*/ overflow:hidden; background:#fff; display:none; } .lushopedia .nav li ul.subnav li{display:block;float:none;display:block;width:100%} .lushopedia .nav li li .parent { background-image: url("../images/navigation/downArrow.png"); background-repeat: no-repeat; background-position: 95% 50%; } .lushopedia .nav > li.hover > ul { left: 0; } .lushopedia .nav li li.hover ul { left: 100%; top: 0; } .lushopedia div.ingThumb{position:absolute;width:80px;height:80px;text-align:left;left:0;line-height:105px;} .lushopedia div.ingThumb{padding:0;margin:0;} .lushopedia div.ingThumb img.ingredient-img{max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; } @media \0screen { .lushopedia div.ingThumb img.ingredient-img { width: auto; /* for ie 8 */ } } .lushopedia div.ingLink{position:relative;left:5px;overflow:hidden; padding: 2px 5px 2px 0;display:block;text-align:left;} .lushopedia div.ingLink a.ingLink{position:relative;text-align:left;overflow:hidden; line-height:1em;color:#232323;font-size:1.125em;font-weight:normal;height:auto!important;display:inline-block;} .lushopedia .nav li li a.ingLink {} #ingscroll { padding: 5%; height: 300px; display:none; width: 90%; /*border: 2px solid #00F;*/ overflow: auto; margin-bottom:20px; overflow:hidden; } .ing_details{background:none;color:#232323;padding:60px 10px 50px 10px;position:relative;display:block;height:100%} .ing_details h2{position:relative;margin-top:40px;} #slideout .read-more{font-size:1.625em} .ing_details .related{position:relative;width:100%;overflow:hidden;} .ing_details img{ max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; } @media \0screen { .ing_details img { width: auto; /* for ie 8 */ } } img.closeSlide{ width: 30px; height: auto; margin:0 auto; margin-right:15px; position:relative; z-index:1; float:right;} .closeSnap{display:none; position:relative;width:90%;padding:5%;background:#eeeeee;color:#3e383a;font-size:1.8em;text-transform:uppercase;text-align:right;display:block;font-weight:normal;} .ing_details .description{ color: #505050; font-family: Arial,Helvetica,sans-serif; font-size:1.250em; line-height: 1.6em !important;} .noScroll{position:relative;overflow:hidden!important;height:100%!important} #search:focus { outline: none; border-color: #151515; } /************************************************/ /* GIFT CARD INTERFACE */ /************************************************/ #giftcard_form { margin-bottom: 1em; } #giftcard_form label { font-size: 1.250em; } #giftcard_form label.giftcard_option { color: ##282626; font-weight: normal; font-size: 1.1em; } #giftcard_form label.giftcard_option a { color: #13A100; font-weight: bold; } div.balance { font-size: 2em; margin: 10px 0; color: #390; } div.balance span.errormessage { color: #b00; } /************************************************/ /* COMPARE */ /************************************************/ #compare-table div.producttilelush { border: none; width: auto; } a.button.back.resume { display: inline-block; margin-top: 15px; } /************************************************/ /* WE BELIEVE */ /************************************************/ #we-believe { width: 100%; margin: 0 auto; } #we-believe-title { width: 15%; height: 730px; float: left; } #we-believe-title h2 { display: block; width: 100%; margin-top: 5px; text-indent: -9999px; background-repeat: no-repeat; background-position: left top; } div.en #we-believe-title h2 { background-image: url('../images/aLUSHlifebanner-en.gif'); height: 580px; } div.fr #we-believe-title h2 { background-image: url('../images/aLUSHlifebanner-fr.gif'); height: 720px; } #we-believe-video a { display: block; width: 80px; padding-top: 70px; text-align: center; text-decoration: none; font-family: 'Arial Black', Arial, Helvetica, sans-serif; font-weight: 900; text-transform: uppercase; color: #231f20; background-image: url('../images/aLUSHlifevideo.gif'); background-repeat: no-repeat; background-position: left top; } #we-believe-video a:hover { background-position: right top; color: #58ba47; } #we-believe-text { float: right; width: 85%; margin-bottom: 40px; } #we-believe-text p { font-size: 1.65em; } #we-believe-text a { text-decoration: none; color: #231f20; } #we-believe-text a.invert { color: #aaa; } #we-believe-text a:hover { text-decoration: none; color: #58ba47; } #we-believe-video-mobile { display: none; } /************************************************/ /* ERROR PAGE - 404 */ /************************************************/ .pt_error #main { padding: 40px 0 0 0; } #error-top { height: 130px; background-position: center bottom; background-repeat: no-repeat; background-image: url(../images/error/error-top.jpg); } #error-bottom { height: 190px; background-position: center top; background-repeat: no-repeat; background-image: url(../images/error/error-bottom.jpg); } div.error-page-message, div.error-page-search, div.error-page-slider-text, div.no-hits-help { text-align: center; } #primary-content div.error-page-message h1 { font-size: 2.75em; text-transform: none; line-height: 1.4em; margin-bottom: 30px; } div.error-page-message p, div.error-page-slider-text p { font-size: 1.5em; } .error-page-search input#q { margin: 0 0 5px 0; text-indent: 0; padding: 0 10px; height: 48px; color: rgba(40, 38, 38, 0.6); font-size: 1.5em; text-align: left; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; position: absolute; left:0; border: 1px solid rgb(217, 217, 217); border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 3px inset; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -webkit-transition-property: border, box-shadow; -webkit-transition-duration: 0.2s, 0.2s; -webkit-transition-timing-function: linear, linear; -webkit-transition-delay: 0s, 0s; width: 75%; font-family: Helvetica,Arial,sans-serif; } .error-page-search button#qstart { background-color: #231f20; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; display: inline; padding: 0; height: 50px; width: 48px; position: absolute; background-image: url('../images/interface/search.png'); background-repeat: no-repeat; background-position: center; top: 0px; left: 75%; } .error-page-search #headerSearch{ height:50px; margin: 0 auto; position: relative; width: 330px;} div.error-page-icons { padding: 10px 0; } div.error-page-icons ul, div.no-hits-help ul { padding-left: 0; text-align: center; } div.error-page-icons ul li { display: inline-block; width: 15%; font-size: 14px; } div.error-page-icons ul li a { text-decoration: none; color: #231f20; font-weight: bold; display: inline-block; padding-top: 54px; background-repeat: no-repeat; background-position: center top; } div.error-page-icons ul li.error-icon-shop a { background-image: url('../images/error/home.png'); } div.error-page-icons ul li.error-icon-contact a { background-image: url('../images/error/contact.png'); } div.error-page-icons ul li.error-icon-shops a { background-image: url('../images/error/shoplocate.png'); } div.error-page-icons ul li a:hover { opacity: 0.7; } div.error-page-slider { padding: 30px 0 0 0; } div.no-hits-help { padding: 30px 0 15px 0; } div.no-hits-help p, div.no-hits-help ul li { font-size: 14px; font-style: italic; } div.no-hits-help ul li { padding-bottom: 8px; } div.no-hits-help p { } /************************************************/ /* END-ERROR PAGE - 404 */ /************************************************/ /************************************************/ /* GIGYA Overides */ /************************************************/ .Gcomments {padding:0;margin:0;overflow:hidden;width:100%} .gig-bar-container {overflow:hidden!important;text-align:center;} .gig-bar-container table{margin:0 auto;text-align:center;align:center} #divGigyaComments-checkbox-provider{width:200px!important;position:relative;} #divGigyaComments-commentBox{margin-bottom:20px;} label.gig-comments-checkboxProvider{font-size:.9em!important;position:absolute;left:16px;top:2px;display:inline;} #divGigyaComments-comments-header{margin-bottom:15px!important;} /*gigya pdp*/ #section-gigya{position:relative;margin: 20px 0;width:100%;max-width:350px;overflow:hidden;text-align:center;margin-left:auto;} /************************************************/ /* Power reviews Overides */ /************************************************/ .msection iframe {padding:0;margin:0;} .mreviews .pr-snapshot-head-wrapper { display:none!important;border:0 none!important } .mreviewpage .pr-snapshot-write-review{display:none!important} .pr-snapshot-head {background:#fff!important;border:0 none!important;background-image:none} .mreviews .pr-snapshot-body {background:#fff!important;border:0 none!important;padding:0;margin:0;} .pr-review-faceoff-review-wrapper { background-color: #FFFFFF; border: 1px solid #e7e6e5!important; padding: 1em; position: relative; } .pr-snapshot-body-wrapper { background-color: #FFFFFF; border-left:none!important; border-right:none!important; border-bottom:none!important; border-top: 1px solid #e7e6e5!important; padding: 0.5em; } .pr-snapshot-rating-wrapper { padding: 20px 0px!important; } .pr-snapshot-write-review span{ font-size:1.5em!important; color:#009933!important; } .pr-attribute-key p { background-color: #232323!important; display: block; font-weight: bold; margin: 0; color:#f2f2f2; padding: 0.4em 0.4em 0.3em!important; text-align: left; text-transform: uppercase; } .pr-snapshot-consensus-value { background: url("images/grad_green_40.gif") repeat-x scroll 0 0 #009933; border: 1px solid #739E37; display: inline; font-size: 92%; font-weight: bold; margin-right: 0.3em; padding: 5px; vertical-align: middle; color: #f2f2f2!important; font-family: Arial,Helvetica,sans-serif; font-size: 1.8em!important; font-weight: normal; line-height: 2em !important; margin-bottom: 20px; } .prPaHeader .prPaQuestionPromptIntro { font-weight: bold; margin-bottom: 0.5em; font-size:2em; } .prPaContainer{padding:5% 2%!important} .prPaContainer, .prPaFooter { background: none repeat scroll 0 0 #F3F3F3; color: #777777; font-family: arial; font-size: 85%; width: 96%!important; } .ui-dialog { margin:0 auto!important;z-index:99999;} .ui-dialog .ui-dialog-content { background: none repeat scroll 0 0 transparent; border: 0 none; overflow-y: auto; padding: 0.5em 3%!important; width: 94%!important; position: relative; margin-top:0px; } #recently-viewed{display:none;} /************************************************/ /* JQUERY UI OVERIDES */ /************************************************/ #zenbox_tab{top:120px!important;} .ui-widget-overlay{ background: none repeat scroll 0 0 #000; height: 100%; left: 0; opacity: 0.5; position: fixed; top: 0!important; width: 100%; z-index: 200; } .oldie .ui-widget-overlay{background:#fff;display:none;} .ui-dialog{background:none repeat scroll 0 0 #FFFFFF;} .ui-dialog .ui-widget-header{background:none repeat scroll 0 0 #fff;border:0 none;border-radius:0 0 0 0;height:23px;text-transform:capitalize} .ui-dialog .ui-dialog-title{font-weight:bold;width:100%;text-align:left;} .ui-dialog .ui-icon-closethick{background-image:url("../images/interface/icon-ui-close.png");background-position:left top;height:32px;width:32px} .ui-dialog .ui-dialog-titlebar-close{border:0 none;border-radius:0 0 0 0;height:32px;margin:0;padding:2px!important;right:0;top:0;width:32px} .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus{padding:2px!important;opacity:.7;margin:0;background-color:none} .ui-dialog .ui-dialog-titlebar-close span{margin:0;padding:0} .ui-dialog h1,.ui-dialog h2{font-size:1.8em;font-weight:400;margin:5px 158px 5px 0} .ui-dialog .dialog-required{display:block;text-align:right} .ui-accordion .ui-accordion-content{padding:0} .ui-tabs .ui-tabs-nav{background:none repeat scroll 0 0 transparent;border:0 none;height:2.45em;padding:0} .ui-tabs .ui-tabs-nav li{background:none repeat scroll 0 0 #EFEFEF;border-color:#E7E6E5 #E7E6E5 #FFFFFF;border-style:solid;border-width:1px;list-style:none outside none !important;margin:0 1em -1px 0} .ui-tabs .ui-tabs-nav li.ui-state-active{background:none repeat scroll 0 0 #FFFFFF} .ui-tabs .ui-tabs-nav li.ui-state-active a{color:#666666} .ui-tabs .ui-tabs-nav li a{color:#999999} .ui-tabs .ui-tabs-panel{background:none repeat scroll 0 0 #FFFFFF;border:1px solid #E7E6E5; overflow:hidden; box-shadow: 0 -5px 15px -5px rgba(230, 230, 230, 0.7) ; -webkit-box-shadow: 0 -5px 15px -5px rgba(230, 230, 230, 0.7) ; -moz-box-shadow: 0 -5px 15px -5px rgba(230, 230, 230, 0.7);color:#414141;font-size:1em;line-height:1.5em;margin:0;padding:20px 10px} .ui-dialog{background:none repeat scroll 0 0 #FFFFFF} .ui-dialog .ui-widget-header{position:relative; display: block; cursor: pointer; margin:0; position:relative; cursor: pointer; margin: 0px; background-color:#000000; font-family: Arial,Helvetica,sans-serif; font-size: 1.325em; font-weight:bold; text-rendering: optimizelegibility; text-align:center; border: solid 1px #111111; text-align:center; -webkit-transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; color:#f9f9f9; text-shadow: 0 1px 0 rgba(0,0,0,0.4); box-shadow: 0 0 .05em rgba(0,0,0,0.4); -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 22px; margin: 0; padding: 0.5em 2%; text-align: center; width:96%;border:0 none;border-radius:0 0 0 0;text-transform:capitalize} .ui-dialog .ui-dialog-title{font-weight:bold} .ui-dialog .ui-icon-closethick{border: 1px solid #A8A8A8;background-image:url("../images/interface/icon-ui-close.png");background-color:#000;background-position:left top;height:32px;width:32px} .ui-dialog .ui-dialog-titlebar-close{border:0 none;border-radius:0 0 0 0;height:32px;margin:0;padding:0;right:2px;top:0;width:32px} .ui-dialog .ui-dialog-titlebar-close span{margin:0;padding:0} .ui-dialog h1,.ui-dialog h2{font-size:1.8em;font-weight:400;margin:5px 158px 5px 0} .ui-dialog .dialog-required{display:block;text-align:right} .ui-accordion .ui-accordion-content{padding:0} #QuickViewDialog{min-height:400px!important;} /* Component containers ----------------------------------*/ .ui-dialog.ui-widget { -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); } .ui-widget .ui-widget { font-size: 1em; } .ui-state-hover, .ui-state-focus{background-color:none; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; /*margin:15px 0 15px;*/} .ui-widget-content {/* border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; */ font-family: Arial, Helvetica, sans-serif; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #E7E6E5 url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /************************************************/ /* PRODUCT TILES (LUSH): product/producttilelush.isml (recommended, also in, etc...)*/ /************************************************/ ul#carousel-recomendations{width:100%;} ul#carousel-recomendations li{width:23%;padding:5px 0 5px 0;margin-right:1%} .producttilelush { background: #fff; border: 1px solid #f5f5f5; height: 165px; padding: 5px; position: relative; width: 140px; } .producttilelush .name a { color: #000; display: block; font-size: .9em; font-weight: bold; text-align: center; text-transform:capitalize; text-decoration: none; } .producttilelush .image { left: 0px; height: 100px; overflow: hidden; position: absolute; text-align: center; top: 34px; width: 100%; } .producttilelush .image img { max-height: 100px; max-width: 100px; } .producttilelush .stars { color: #838383; left: 0px; position: absolute; top: 135px; text-align: center; width: 100%; } .recommendations .producttilelush { background: #fff; border: 1px solid #f5f5f5; height: 165px; padding: 5px; position: relative; } .recommendations .producttilelush .name a { color: #000; display: block; font-size: .9em; font-weight: bold; text-align: center; text-transform:capitalize; text-decoration: none; } .recommendations #carousel-recomendations div.producttilelush .image { left: 0px; height: 100px; overflow: hidden; position: absolute; text-align: center; top: 34px; width: 100%; } .recommendations #carousel-recomendations div.producttilelush .image img { max-height: 100px; max-width: 100px; } .producttilelush .stars { color: #838383; left: 0px; position: absolute; top: 135px; text-align: center; width: 100%; } .producttilelush .price, .productdetail .producttilelush .price { bottom: 5px; color: #838383; font-size: .9em; font-weight: bold; left: 5px; position: absolute; } .producttilelush .more { bottom: 5px; position: absolute; right: 5px; } .producttilelush .button { font-size: .9em; padding: 1px 3px 2px 3px; } .producttilelush .description p { padding-bottom: 0; } .producttilelush .productnotes { margin-top: 0 !important; } .product-tile .moreOutofstock{ position:absolute; right:8px; bottom:10px; } .product-tile div.oosText{ bottom: 45px; color: #666666; display: block; font-size: 1.1em; font-weight: bold; position: absolute; right: 8px; text-transform: uppercase; } div.oosTextPdp{ bottom: 35px; color: #666666; display: block; font-size: 1.425em; font-weight: bold; text-transform: uppercase;} #thumbnails h2{font-size:1em;} #thumbnails ul li.thumb{display:inline-block;float:left;position:relative;width:50px;overflow:hidden;margin-left:5px;padding:3px;border:2px solid #fff} #thumbnails ul li.thumb.selected{border:2px solid #e7e6e5} /* Also-liked extensions/modifications */ .also-liked { padding: 30px 0; } .also-liked .producttilelush { float: left; height: 165px; margin: 0 6px 8px 0; width: 137px; } /* Bundle modifications to the product tile */ .bundle .producttilelush { float: left; height: 160px; margin: 0 5px 1% 0; padding:8px 2%; width: 44%; } .bundle .producttilelush .name, .bundle .producttilelush .name a { color: #232323; font-size: 1.1em; font-weight: bold; text-align: left; } .producttilelush .description { font-size: .9em; position: absolute; top: 45px; width: 60%; } .bundle .productnotes > div { float: left; } .bundle .producttilelush .image { height: 95px; overflow: hidden; left: 62%; width: 35% } .bundle .producttilelush .image img { max-width: 95px; max-height: 95px; } .bundle .producttilelush .stars { bottom: 8px; left: auto; right: 5px; top: auto; width: auto; } /************************************************/ /* CUSTOM PRODUCT SLIDER */ /************************************************/ /** Custom next/prev styling for slider**/ .slidercontrols{overflow:hidden;position:absolute;width:125px;margin:0 0 10px 0;display:block;height:30px;top:4px;right:0;} .slidercontrols a.firstlast {margin: 0;padding:0} .slidercontrols div.swipercontrols{ font-size: 1.325em; margin: 0; padding: 5px 20px; text-transform: capitalize; padding:0px 0px;text-decoration: none; color: #8E8E8E; background-repeat:no-repeat} .slidercontrols div#slide-prev, .slidercontrols div#slide-article-prev, .slidercontrols div#slide-video-prev, .slidercontrols div#slide-video-prev-a, .slidercontrols div.prev { background-color: #FFFFFF; background-image: url("../images/arrows_prev.png") !important; background-position: left 11px; background-repeat:no-repeat; color: #8e8e8e; padding-left: 18px; padding-top: 8px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); text-transform: lowercase; transition: background 0.2s ease-out 0s, color 0.2s linear 0s; position:absolute; left:0px; top:0; width:50px; height:30px; cursor:pointer; text-transform:capitalize; } .slidercontrols div#slide-next, .slidercontrols div#slide-article-next, .slidercontrols div#slide-video-next, .slidercontrols div#slide-video-next-a, .slidercontrols div.next { background-color: #FFFFFF; background-image: url("../images/arrows_next.png") !important; background-position: right 12px; background-repeat:no-repeat; color: #8e8e8e; padding-right: 18px; padding-top: 8px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.2); text-transform: lowercase; transition: background 0.2s ease-out 0s, color 0.2s linear 0s; position:absolute; right:0px; top:0; width:50px; height:30px; cursor:pointer; text-transform:capitalize; } .slidercontrols div.swipercontrols span {visibility:hidden;} .slidercontrols div#slide-next:hover, .slidercontrols div#slide-article-next:hover,.slidercontrols div#slide-video-prev:hover, .slidercontrols div.prev:hover, .slidercontrols div.next:hover,.slidercontrols div#slide-article-prev:hover, .slidercontrols div#slide-prev:hover{color:#231f20;} /* Content/Copy */ .page-content p { line-height: 1.425em; padding-top: 10px; color:#101010;font-size:1.250em; font-family: Arial,Helvetica,sans-serif;font-weight:normal;padding:0 0 10px 0 } /* form components */ button,.button,input[type="button"]{ background:#101010;border:none;color:#fff;cursor:pointer;display:inline;font-size:1.1em;margin-right:2px;font-weight:700;padding:8px 10px;text-align:center;text-transform:capitalize; } button:hover,.button:hover,input[type="button"]:hover { background:#2DA802; color: #fff; text-decoration: none; } button[disabled],input[disabled],.button.disabled{color: #e4e4e4;} #search-result-items button, #search-result-items .button { padding: 4px 12px; } .actionbuttons .button-black, .actionbuttons .button-green{display:inline-block!important;position:relative;margin:2px 0 2px 2px!important;} .button-fancy-small,.button-fancy-medium,.button-fancy-large {font-weight:bold;text-transform:capitalize} .button-fancy-small {font-size:1em;} .button-fancy-large{font-size:1.75em; padding:0.5em 1em;} .button-text, .button-text:hover { background:none repeat scroll 0 0 transparent; border:0 none; color: #2DA802; font-weight:400; padding:0; } .remove, .remove:hover { background: transparent url(../images/checkout/remove-button-sm.png) left 1px no-repeat; background-size:20px; padding: 0 18px; color: #bbb; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 15px; text-decoration: none; width:35px; height:35px; margin:0 auto; } .button-full-width{padding-left:0;padding-right:0;text-align:center;width:100%} .js button.simple-submit{display:none} .js .pt_wishlist button.simple-submit{display:block;} legend{ font-size:1.3em; margin: 0 0 15px; padding:0; position:relative; text-transform:capitalize; } .ie7 legend{width:94%} legend span{clear:both;font-weight:400;position:relative;left:0;display:block;font-size:.9em;color:#B80000;text-transform:none;margin-top:5px} label,.form-label-text{display:block;float:left;font-size:1.1em;font-weight:700;/*width:22%*/} .form-label-text span{margin-right:5px} .form-row{clear:both;margin:1em 0 0 0} .form-row-button{text-align:right;} input[type="text"],input[type="password"],textarea{border:1px solid #D9D9D9;/*margin-left:2%;padding:0.7em 2%;text-indent:2%*/} select{border:1px solid #AAA;padding: 6px 8px;} input[type="checkbox"]{} #og-popup-container input[type="checkbox"]{width:18px;height:18px;} #og-modify-popup input[type="radio"]{width:20px;height:20px;} input[type="radio"]{} .rgba .label-inline label{display:inline-block;float:none;font-size:1em;font-weight:400;text-align:left;width:90%} .rgba .label-inline input{float:left;margin:0.8em 2%} .label-above label{float:none;text-align:left;width:auto} .label-above input{margin-left:0} .label-above select{margin-left:0} .label-above textarea{margin-left:0} .label-above .form-caption{margin-left:0;width:auto} .label-removed { clear: none; float: left; margin: 0 10px 0 0; } .label-removed label{left:-999em;position:absolute} .label-hidden label{text-align:left;text-indent:-999em} .form-indent{margin-left:24%} .form-indent .form-caption{margin-left:0} .form-caption, .char-count{margin:1% 0 1% 1%;width:auto} .error{background-color:#F1E6E6;border-color:#990000;color:#990000} span.error{ clear:both; background-color: #FFF9F2; border-bottom: 0 solid #D8D8D8; color: #D30000; font-family: Arial; font-size: 1.155em; margin: 3px auto; padding: 6px 20px; font-weight:normal; text-align: left; text-transform: capitalize; width: auto; } .styled span.error{ display: block; padding: 6px 5%;width:90%;position:relative} div.error{background:none repeat scroll 0 0 transparent} .error-form{background:url("../images/errorform.png") no-repeat scroll left top transparent;color:#990000;margin:1em 0;padding:0 0 0 2em} .form-inline form{padding:0 0 2em;width:98%} .form-inline .form-row{clear:none;float:left;margin:5px 2% 0 0;width:28%} .form-inline label{padding:0 0 0.75em;text-transform:capitalize;width:auto} .form-inline input[type="text"]{margin-left:0;width:95%} .form-inline select{margin-left:0;width:95%} .form-inline .form-row-button{float:left;margin:16px 0 0;width:10%} .form-inline button{padding-left:0;padding-right:0;width:100%} .login-box-content label{float:none;font-size:1.1em;padding:5px 0;text-align:left;width:auto} .login-box-content input[type="text"], .login-box-content input[type="password"], .login-box-content textarea{margin-left:0;width:87%} .login-box-content .form-caption{display:block;margin-left:0;} .login-box-content input[type="checkbox"]{margin-left:0} .login-box-content select{margin-left:0} .login-box-content .form-row-button{margin-left:0;width:auto; text-align:left;} .row-inline{display:inline} .row-inline label{width:auto} .required-indicator{color:#b80000;} .form-field-tooltip{margin:0;} .with-helper-text{} .checkbox-inline, .checkbox-inline label { display: inline-block; float: none; vertical-align: top; width: auto; zoom:1; *display:inline; } #section-forms .checkbox-inline, #section-registration .checkbox-inline { display: block; float: none; vertical-align: top; width: auto; zoom:1; *display:block; } .checkbox-inline{margin: 0 20px 0 0;} .checkbox-inline label { margin: 0 0 0 5px; max-width: 95%; } /* tables used for product lists (wishlist, gift reg) */ table.item-list tr{border-top:1px solid #E7E6E5} table.item-list tr.bund { border-bottom: none; } .item-image ul{padding:0;color:#8e8e8e;font-size:.9em} table.item-list tr.last{border:0 none} table.item-list tr.headings{display:none} table.item-list td{padding:20px 10px;vertical-align:top} table.item-list tr.show_items {background: #fff} table.item-list tr.rowbundlespacer{ padding: 0; border:0 } table.item-list tr.rowbundlespacer td { padding: 0; border:0 } th.section-header{font-weight: bold;} /* td.item-details .product-list-item .name{font-size:1.2em;font-style:italic} */ td.item-details .product-list-item .value{font-weight:700} td.item-details .product-list-item .promo{color:#990000} td.item-details .product-list-item .price-standard{color:#999999;text-decoration:line-through} td.item-availability ul{list-style:none outside none;margin:0;padding:0} td.item-quantity-details ul{list-style:none outside none;margin:0;padding:0} td.item-dashboard{color:#AAAAAA;width:250px} td.item-dashboard .label{display:inline;float:none;font-size:1em;font-weight:400;padding:0;width:auto !important} td.item-dashboard label{display:inline;float:none;font-size:1em;font-weight:400;padding:0;width:auto !important} td.item-dashboard .input-text{margin:0;text-align:center} td.item-dashboard .input-select{margin:0;padding:8px;width:auto !important} td.item-dashboard .input-checkbox{margin:0 5px} td.item-dashboard .item-option{clear:both;font-size:1em;margin:0 0 0.5em;text-align:right} td.item-dashboard .item-option .form-row{display:inline} td.item-dashboard .option-date-added .value{color:#333333;font-weight:700} td.item-dashboard .option-quantity-desired input{width:20px} td.item-dashboard .option-priority .label{color:#333333;font-weight:700} td.item-dashboard .option-priority label{color:#333333;font-weight:700} td.item-dashboard .option-add-to-cart .label{color:#333333;font-size:1.1em;font-weight:700;text-transform:capitalize} td.item-dashboard .option-add-to-cart label{color:#333333;font-size:1.1em;font-weight:700;text-transform:capitalize} td.item-dashboard .option-add-to-cart input{padding:0.8em 0.3em 0.7em;width:50px} /* base tool tip */ .tooltip{cursor:help;position:relative} .js .tooltip-content{display:none} #tooltip{background-color: #fff; -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.6)!important; box-shadow: 0px 1px 3px rgba(0,0,0,0.6)!important; color: #101010;border:1px solid #dedede;opacity:0.95;padding:1em;position:absolute;z-index:3000;font-style:normal;max-width:300px;min-width:100px;} #tooltip .small{width:200px} #tooltip .medium{width:500px} #tooltip .recommendation-tooltip-header{background:none repeat scroll 0 0 #CCCCCC;font-size:1.2em;font-weight:bold;padding:10px} #tooltip .recommendation-tooltip-description{padding:10px} #tooltip .recommendation-tooltip-attributes{padding:10px} #tooltip .lushTip{text-decoration:none;width:150px;} /* content assets and slots */ .content-slot img{height:auto;max-width:100%} .slot-grid-header p{margin:0;padding:0} .product-listing-1x4{background:none repeat scroll 0 0 #FFFFFF;overflow:hidden;padding:10px 0} .product-listing-1x4 ul.search-result-items .grid-tile{margin:0 1% 0 2%;width:18%} .account-nav-asset{padding:10px 0} .account-nav-asset h2{} .content-asset p{line-height:1.4em;margin:1em 0} .content-asset ul{line-height:1.4em;margin:1em 0;padding:0 1.5em} .content-asset ol{line-height:1.4em;margin:1em 0;padding:0 1.5em} .content-asset address{margin:1em 0} .content-asset ul li{list-style:square outside none !important} .content-asset ol li{list-style:decimal outside none} .content-asset ul.account-options{margin:0;padding:0} .content-asset ul.account-options li{border-bottom:1px solid #E7E6E5;float:left;height:80px;list-style:none outside none !important;margin:0 0 0 4%;padding:20px 0 0;position:relative;width:46%} .content-asset ul.account-options li a{display:block;font-size:1.5em;line-height:30px;padding:0 0 0 55px} .content-asset ul.account-options li img{left:0;position:absolute;top:10px} .content-asset ul.account-options li p{margin:0;padding-left:55px} .browser-compatibility-alert{background:url("../images/interface/icon-alert.png") no-repeat scroll 1em 1em #FAEDED;border:1px solid;color:#9E0F0F;margin:1em;padding:0.5em 4em} #mini-cart {float: right;} #mini-cart:hover .mini-cart-content{display:block} #mini-cart .mini-cart-content{line-height:1.5;color:#232323;background:#fff;display:none;position:absolute;right:0;border:1px solid #e4e4e4;box-shadow: 2px 2px 5px #666;z-index:9999} #mini-cart .mini-cart-products a {color: inherit} #mini-cart .mini-cart-links a {color: #fff} .mini-cart-total { position: relative; top: 5px; } .mini-cart-total span { display: inline-block; vertical-align: middle; zoom:1; *display:inline; } .mini-cart-icon { background: url(../images/basket-hover.jpg) center -2px no-repeat; height: 17px; width: 21px; } .mini-cart-close{float:right;background:url("../images/icon_close.gif") no-repeat right center;padding-right:30px} .mini-cart-image{float:left;} .mini-cart-attributes,.mini-cart-name{float:right;width:50%} .mini-cart-links,.mini-cart-product, .mini-cart-total {text-transform:capitalize;clear:both} .mini-cart-links {text-align:center;} .mini-cart-links .button {margin: 5px;display:inline-block} /* #mini-cart a{color:#3EBAEA} .mini-cart-label{margin:0 10px 0 0} .mini-cart-total{font-size:1em;font-weight:700;text-transform:capitalize} .mini-cart-content{background:none repeat scroll 0 0 #F3F3F3;border:2px solid #CCCCCC;display:none;position:absolute;right:-1px;top:15px;width:220px} .mini-cart-header{border-color:#FFFFFF;border-style:solid;border-width:1px 1px 0;font-size:1.1em;font-weight:700;padding:12px;text-transform:uppercase} .mini-cart-close{background:url("../images/interface/icon-mini-cart-close.png") no-repeat scroll left top transparent;display:none;height:20px;text-indent:-999em;width:19px} .mini-cart-products{max-height:360px;overflow:auto} .mini-cart-product{background:none repeat scroll 0 0 #FFFFFF;border-color:#FFFFFF;border-style:solid;border-width:1px 1px 0;overflow:hidden;padding:10px} .mini-cart-product.collapsed{background:none repeat scroll 0 0 #E8E8E8} .mini-cart-product.collapsed .mini-cart-name,.mini-cart-product.collapsed .mini-cart-attributes,.mini-cart-product.collapsed .mini-cart-pricing,.mini-cart-product.collapsed .product-availability-list{width:90%} .mini-cart-image{float:left;width:50%} .mini-cart-image img{max-width:90%} .mini-cart-name{float:right;font-style:italic;width:50%} .mini-cart-attributes{float:right;font-size:0.9em;font-weight:bold;width:50%} .mini-cart-product .product-availability-list{float:right;font-size:0.9em;font-weight:bold;width:50%} .mini-cart-pricing{clear:right;float:right;font-size:0.9em;width:50%} .mini-cart-subtotals{font-weight:700;padding:10px 0 0;text-align:center} .mini-cart-subtotals .label{margin:0 20px 0 0} .mini-cart-slot{background:none repeat scroll 0 0 #E8E8E8;border:1px solid #D0D0D0;font-size:0.9em;font-style:italic;margin:20px;padding:10px;text-align:center} .mini-cart-link-cart{display:block;margin:20px;width:auto} .mini-cart-link-checkout{clear:both;display:block;padding:20px 0 10px;text-align:center} */ #menu-utility, #menu-utility-user{ font-size:.9em; margin:0; padding:0; position: relative; top: 7px; } #menu-utility-user {float:right} #menu-utility-user li, #menu-utility li{ float:left;list-style:none outside none;padding-right:1em} /* primary catalog navigation */ #cat-top {margin-top:-25px} #cat-top h2 { font-size: 3em; margin:25px 0 8px 0; } #cat-top .cat-image { text-align: center; } #cat-bottom { border-top: 1px solid #e4e4e4; padding-top: 30px; } #cat-bottom h3 { background: none; font-size: 1.5em;padding: 0; text-transform: capitalize; } .cat-top-products {padding:0; margin:0 0 1em; list-style-position:inside; font-weight:bold;} .cat-top-product {padding:10px 0 10px 40px; background-repeat:no-repeat; background-position: 0 center; background-size:30px; transition: background-size .3s ease-out; -webkit-transition: background-size .3s ease-out;} .cat-top-product:hover {background-size:40px;} .cat-top-product a {display: block; margin-left: -40px; padding-left: 40px; } #cat-bottom .col { padding: 0 10px; } #cat-bottom .second { border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; } /* SUBCATEGORY LANDING (AND SEARCH RESULTS) */ #subcat-top {padding-bottom: 10px;} #subcat-top h1 { font-size: 2.8em; text-transform: capitalize;} .auto-refresh #subcat-top h1 { text-transform: none; } #did-you-know { background: #272727 url('../images/did-you-know-bg.png') 6% 12% no-repeat; color: #EFEFEF; position:relative; overflow:hidden; } .did-you-know-fr { background: #272727 url('../images/did-you-know-fr.png') 6% 12% no-repeat !important } #did-you-know .flexslider { background: none; padding: 0px 0 10px; height:40px; } #did-you-know .flex-direction-nav { height: auto; top: 30%; } #did-you-know .flex-direction-nav a { margin-top: 0; } #did-you-know .slides { padding: 0 5% 0 25%; width: auto; } #did-you-know .swiper-container { background: none; min-height: 30px; padding: 15px 0 15px 0; position:relative; width:65%; margin-left:30%; } #did-you-know .swiper-wrapper {} #did-you-know { position:relative; display:block; width:100%; margin-top: 0; height:auto; padding:10px 0; min-height:45px; } #did-you-know .swiper-slide {position:relative;} #did-you-know .swiper-slide p{ color: #f7f7f7; font-weight:bold; font-family: Arial,Helvetica,sans-serif; font-size: .9625em; font-weight: bold; line-height: 1.3em !important; } #results-section { /*border-top: 1px solid #e2e2e2;*/ /*margin-top: 5px; padding-top: 20px;*/ } a.cat-link-banner { background: url(../images/arrow-right-white.png) no-repeat #232323 105% center; color: #fff; display: block; font-size: 20px; font-weight: bold; line-height: 1em; margin: 0 0 8px 0; padding: 10px 5%; text-decoration: none; text-transform: capitalize; transition: background-position .3s ease-out; -webkit-transition: background-position .3s ease-out;} a.cat-link-banner:hover { background-position: 97% center; } /* breadcrumbs */ .breadcrumb{margin: 10px 0;padding:0;} .breadcrumb li{display:inline;list-style:none outside none; color:#777;} .breadcrumb a{ color:#2DA802; font-weight: bold; text-decoration: none; text-transform: lowercase;} .breadcrumb h1{display:inline;font-size:1em;font-weight:normal;font-family: inherit} .breadcrumb h1 .paging-current-page{left:-999em;position:absolute} .breadcrumb-refinement-value,.breadcrumb-refinement-name{background:none !important} a.breadcrumb-relax{background:none !important;padding:0 5px 0 0} .breadcrumb-last{background:none !important} .breadcrumb-result-text a{background:none;padding:0} /* primary region elements */ .primary-content h1,#secondary h1{font-size:1.75em;font-weight:400;} .primary-content h2{font-size:1.3em} .primary-content h3{font-size:1.15em} .primary-content dl{clear:both;overflow:hidden} .primary-content dl dt{clear:both;float:left;margin:2% 0 0;min-width:15%} .primary-content dl dd{float:left;margin:2% 0 0;padding:0 0 0 5%} .col-1{float:left;margin:4px 0;width:48%} .col-2{float:right;margin:4px 0;width:48%} .content-header{font-size:1.75em;font-weight:400;} .content-header span{font-size:0.75em;font-style:normal;font-weight:400} .section-header{border-bottom:1px solid #E7E6E5;color:#151313;font-size:1.325em !important;font-weight:bold;margin:0 0 10px;position:relative;text-transform:capitalize} .section-header-note{font-size:1em;font-weight:400;position:relative;float:right;text-transform:none; /*margin-right: 13%;*/color:#2DA802} .back{display:block;margin:0 0 10px} /* #category-level-1 a.refinement-link{background:none repeat scroll 0 0 transparent;padding:0 0 0 10px} */ #category-level-1 a.active{font-weight:bold} #category-level-1 li.expandable{background:url("../images/interface/icon-category-expand-off.png") no-repeat scroll 2px 5px transparent} #category-level-1 li.active{background-position:-490px 5px} #category-level-2 a.active{font-style:italic;font-weight:normal} #category-level-2 a.refinement-link{margin:0 0 0 6px;padding:0} #category-level-2 li.expandable{background:url("../images/interface/icon-refine-link-arrow.png") no-repeat scroll left 6px transparent} #category-level-2 li.active{background-position:left -47px;font-style:italic} #category-level-3{padding:5px 0 0} #category-level-3 a.refinement-link{font-style:normal;margin:0 0 0 15px;padding:0} #category-level-3 a.active{} .refinement{position:relative} .refinement-header, .refinement h3{text-transform:capitalize} .ie7 .refinement h3{clear:both} .refinement ul {margin: 0; padding: 0; } .refinement ul.swatches li{float:left;padding:2px} .refinement ul.swatches li a{border:2px solid #E7E6E5;border-radius:6px 6px 6px 6px;display:block;padding:0.2em 0.8em} .refinement ul.swatches li.selected a{font-weight:bold} .refinement ul.swatches li.unselectable a{background-image:url("../images/interface/icon-color-swatch-unselectable.png");background-position:right top} .refinement ul.Color li a{height:23px;padding:0;text-indent:-999em;width:30px} .refinement .clear-refinement{position:absolute;right:0;top:35px;} .refinement.Price .clear-refinement{position:absolute;right:0;top:15px;} /* .refinement .refinement-link{background:url("../images/interface/icon-refine-link-check.png") no-repeat scroll left top transparent;border:0 none;padding:0 0 0 1.5em} .refinement .selected .refinement-link{background-position:left bottom} .refinement .refinement-top-level{padding:12px} */ .scrollable{max-height:10em;overflow:auto} .nav ul{border:0 none;list-style:none outside none;margin:7px 0;padding:0} .nav ul li{list-style:none outside none !important;margin:0 0 7px !important} .nav h1.left-nav-heading{font-size: 1.75em!important;font-style: normal!important;text-transform:capitalize!important;font-weight: bold!important;margin: 5px 0 10px!important;} .nav .toggle{background:url("../images/interface/icon-toggle-arrow.png") no-repeat scroll left 12px transparent;border:0 none;display:block;font-size:1em;font-weight:700;margin:10px 0 7px;padding:8px 0 0 15px;text-transform:capitalize} .nav .leftnavlink{background:url("../images/interface/green-arrow.png") no-repeat scroll left 11px transparent;border:0 none;display:block;font-size:1.25em;font-weight:bold;margin:10px 0 7px;padding:8px 0 0 15px;text-transform:capitalize} .nav .expanded{background-position:left -96px} .nav .toggle span{background:none repeat scroll 0 0 transparent} /* secondary navigation - global */ .secondary-navigation div.content-asset h3 {font-size: 1.5em; text-transform: capitalize; margin:.6em 0 0 0;line-height:1.2em;} .secondary-navigation div.content-asset .nav ul li {font-size: 14px;font-weight: bold;} .secondary-navigation div.content-asset .nav ul li a {display: block;padding: 6px 0;} /* footer & social footer icon styles removed - see style-aq.css */ /* localswitcheroo */ #localswitch ul li table {width:auto;} #localswitch ul li table td {padding:0;} #localswitch ul li table td a {color:#fff;} /* color swatches */ .swatch-black a{background-color:#000000 !important} .swatch-beige a{background-color:#F5F5DC !important} .swatch-blue a{background-color:blue !important} .swatch-purple a{background-color:purple !important} .swatch-red a{background-color:red !important} .swatch-brown a{background-color:#783201 !important} .swatch-green a{background-color:green !important} .swatch-grey a{background-color:#8F979D !important} .swatch-pink a{background-color:#FE249A !important} .swatch-orange a{background-color:orange !important} .swatch-white a{background-color:#FFFFFF !important} .swatch-yellow a{background-color:#FFFF00 !important} .swatch-navy a{background-color:navy !important} .swatch-miscellaneous a{background:url("../images/interface/icon-color-swatch-misc.png") no-repeat scroll left top transparent} .unselectable.swatch-miscellaneous a{background:url("../images/interface/icon-color-swatch-misc-unselectable.png") no-repeat scroll left top transparent !important} /* SEARCH RESULTS */ #search-results.col, #search-results .one .col { padding: 0; } /* product tiles */ .product-tile {position:relative;text-align:center;border: 1px solid #f3f3f3; overflow: hidden; } .grid-tile .product-tile {height: 265px; } .grid-tile .product-tile:hover {border-color: #dedede;} .grid-tile .product-tile .product-name h2{ margin:2px 0; font-size:.925em; text-align:center; text-transform:none; color:#fff; } .grid-tile .product-tile .product-name h2 a{color:#fff;} .product-tile img{ max-width: 100%; height: auto; margin:0 auto; position:relative; } @media \0screen { .product-tile img{ width: auto; /* for ie 8 */ } } .product-tile .product-name a{color:inherit;} .product-tile .product-image{ position:relative; float: right; margin: 8px 8px 0 0; max-width: 150px; width:100px; box-sizing: border-box; -moz-box-sizing: border-box; } .product-tile .review-stars { margin: 10px -5px 8px; } .product-tile .desc-notes { box-sizing: border-box; -moz-box-sizing: border-box; float: left; padding: 8px; text-align: left; line-height:1.5em;color:#101010;font-size:1.1em; font-family: Arial,Helvetica,sans-serif;font-weight:normal; width: 50%; } .product-tile .product-desc-large {display: none; } .product-tile .product-notes { margin: 0; padding: 5px 0; } .product-tile .product-notes li { float: left; } .product-tile .product-pricing { font-size: 1.525em; font-weight:bold; left:8px; position: absolute; text-align: left; bottom: 8px; width: 36%; } .product-tile .product-pricing .product-standard-price{text-decoration:line-through} .product-tile .product-swatches{bottom:0;position:absolute;right:0} .product-tile .product-swatches-all{cursor:pointer;font-size:0.9em} .product-tile .product-swatches ul{list-style:none outside none;margin:0;overflow:hidden;padding:0} .product-tile .product-swatches ul.swatch-toggle{background:none repeat scroll 0 0 #FFFFFF;display:none;position:absolute} .product-tile .product-swatches:hover ul.swatch-toggle{display:block} .product-tile .product-swatches li{float:right} .product-tile .product-swatches .swatch{display:block} .product-tile .product-swatches .swatch img{border:1px solid #FFFFFF;height:12px;padding:1px;width:12px} .product-tile .product-swatches .selected img{border-color:#12ABE7} .product-tile .product-swatches img:hover{border-color:#12ABE7} .product-tile .product-promo{font-size:0.8em;margin:6px 0;text-transform:capitalize} .product-tile .product-compare{} .product-tile .product-compare label, .product-tile .product-compare input{ color: #888; display: inline-block; float: none; font-size: .9em; font-weight: normal; margin: 0 2px 0 0; padding: 0; vertical-align: middle; width: auto; zoom:1; *display:inline; } .product-tile .pr_stars{position: absolute; top: 150px; right: 10px; width: 130px;} /*.product-tile .pr-snippet-review-count{display:none} .product-tile .pr-snippet-read-write{display:none} .product-tile .pr-snippet-social-bar{display:none} .product-tile .pr-clear{display:none} */ .product-tile .actionbuttons { position: absolute; bottom: 8px; right: 8px;} .add-to-cart-controls {clear:both;} .add-to-cart-controls .quantity-size { bottom: 42px; color:#585858; max-width: 170px; position: absolute; right: 6px; text-align: right; } .add-to-cart-controls .quantity-size > * { margin-right: 2px; display: inline-block; vertical-align: middle; zoom:1; *display:inline; } .add-to-cart-controls .label { font-weight: bold; } .add-to-cart-controls input.quantity {width: 15px; } /* Same as responsive small tiles */ .wide-tiles .product-tile .product-desc-small {display: none;} .wide-tiles .product-tile .product-desc-large {display: block; float: left; width: 66%; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box;padding: 5px; } .wide-tiles .product-tile .actionbuttons {position: static; text-align:right; clear:both; padding: 0 5px 5px} .wide-tiles .product-tile .product-image {width:33%;} .wide-tiles .product-tile .product-pricing {top: auto; bottom: 5px;} .product-notes li {list-style:none; margin-bottom: 1px; padding:10px 10px 10px 25px; color: #838383; font-size: 1em; line-height:1.2em;} .producttilelush .product-notes li.tooltip{text-indent:-9999px;padding:5px 0 5px 0!important;margin-left:0!important;} .producttilelush p{font-size:90%} .product-notes li.vegan {background: url(../images/icons/product-notes-vegan.png) 0 40% no-repeat;} .pdp-main .product-notes li.vegan {background: url(../images/icons/icon-vegan-sm.png) 0 20% no-repeat;min-height:20px;padding: 10px 10px 10px 35px;margin-left:11px;} .pdp-main .product-notes li.melts {background: url(../images/icons/product-notes-melt.png) 0 40% no-repeat;padding: 10px 10px 10px 35px;margin-left:11px;} .pdp-main .product-notes li.retro {background: url(../images/icons/product-notes-retro.png) 0 40% no-repeat;padding: 10px 10px 10px 35px;margin-left:11px;} .capture-product-id{left:-999em;position:absolute} /* search results, grid layout */ .pt_product-search-result .primary-content h1.content-header{padding-left:15px} .category-main-banner img{max-width:100%} .no-hits-search-term{font-style:italic} .no-hits-search-term-suggest{font-style:italic} .no-hits-footer{margin:20px 0;padding:20px 0} div.yousearchfor{color: #232323; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 1.425em; font-weight: normal; line-height: 1em; text-decoration: none !important; text-transform: none !important;margin-bottom:15px;} .search-result-bookmarks{font-size:1.225;} .search-result-bookmarks a{ color: #8E8E8E; font-family: Arial,Helvetica,Verdana,sans-serif; font-size: 1.325em; font-weight: normal; line-height: 1em; text-decoration: none !important; text-transform: none !important;margin-right:15px; } .search-result-bookmarks a:hover{color:#232323} .search-result-bookmarks .first{} .search-result-options{ overflow:hidden; padding-bottom: 10px; } .items-per-page{float:left;} .items-per-page label{display:none} .items-per-page select{width:auto} .items-per-page button{width:auto} .pagination .results-hits{float:left;padding:5px 0} .pagination{float:right;} .pagination ul{float:right;margin:0;padding:0} .pagination li{display:block;float:left;list-style:none outside none;} ul.search-result-items{margin:0;padding:0} ul.search-result-items li{list-style:none outside none} ul.search-result-items .new-row{clear:both} ul.search-result-items .invisible{display:none} .search-result-content{clear:both} .search-promo{padding:0px} h1#results-content{padding-top:30px} ul.folder-content-list{margin:0;overflow:hidden;padding:0 20px} ul.folder-content-list li{float:left;list-style:none outside none;margin:0;padding:2% 2% 2% 0;width:48%} ul.folder-content-list .content-title{display:block} .no-results{padding:20px} .toggle-grid { background: url('../images/displaymode-selector.png') left center no-repeat; border: 2px solid #fff; height: 16px; margin-right: 1px; padding: 1px; width: 17px; } .display-view .active { border: 2px solid #070; } .display-view .one { padding-right: 2px; margin-left: 2px; } .display-view .two { background-position: -20px center; padding-right: 2px; } .display-view .three { background-position: -40px center; } .search-result-items .grid-tile{position:relative;float:left;list-style:none outside none;width:32%;margin-left:1%;padding:0 0 5px 0} .two .grid-tile {width:49%;/*min-width:200px;*/} .one .grid-tile {width:100%!important;margin:0;float:none;} .one .grid-tile .desc-notes { margin-right: 150px; position: absolute; width: auto; color:#101010; } .one .product-desc-small, .two .product-desc-large, .three .product-desc-large { display: none; } .one .product-desc-large, .two .product-desc-small, .three .product-desc-small { display: block; padding:5px 0; } /* not responsive .wide-tiles ul.search-result-items .grid-tile{width:91%} .wide-tiles .product-tile{height:166px !important} .wide-tiles .product-tile .product-image{float:left;width:40%} .wide-tiles .product-tile .product-name,.wide-tiles .product-tile .product-pricing,.wide-tiles .product-tile .product-promo,.wide-tiles .product-tile .pr_stars,.wide-tiles .product-tile .product-swatches{float:right;text-align:left;width:60%} .wide-tiles .product-tile .pr-snippet-stars{margin:0} .wide-tiles .product-tile .product-compare{left:auto;right:0;width:120px} .wide-tiles .product-tile .product-swatches{bottom:auto;left:auto;position:relative;right:auto} .wide-tiles .product-tile .product-swatches li{float:left} */ /* compare tools */ .compare-item-remove{display:none} .active .compare-item-remove{display:inline} .compare-item{background:none repeat scroll 0 0 #E6E6E6;float:left;height:55px;margin-right:13px;overflow:hidden;position:relative;width:55px} .compare-item-0{background-image:url("../images/interface/icon-compare-placeholder-1.png")} .compare-item-1{background-image:url("../images/interface/icon-compare-placeholder-2.png")} .compare-item-2{background-image:url("../images/interface/icon-compare-placeholder-3.png")} .compare-item-3{background-image:url("../images/interface/icon-compare-placeholder-4.png")} .compare-item-4{background-image:url("../images/interface/icon-compare-placeholder-5.png")} .compare-item-5{background-image:url("../images/interface/icon-compare-placeholder-6.png")} .compareitems{background:#f3f3f3;clear:both;margin:0.5em;overflow:hidden;padding:1em} .compareitems h2{font-size: 1.2em;text-transform: capitalize;font-weight: normal;} .compareitemcount{color:#CCCCCC;font-size:3em;left:30%;position:absolute;top:15%;z-index:1} .compareproduct{max-width:100%;position:absolute;z-index:2} .compareitemremove{position:absolute;right:1px;top:1px;z-index:3} .compare-buttons{padding:0.7em 0 0} .compare-print{float:right;margin:15px 0 10px} #compare-table td{border: none;} #compare-table tr.evenattributerow{background:none repeat scroll 0 0 #F3F3F3} #compare-table td .product-tile{font-size:0.9em;width:100px} #compare-table td .product-tile .product-image{height:100px} #compare-table td.product {border: 1px solid #f3f3f3;text-align: center;} #compare-table td.product button{font-size:0.9em} #compare-table .section-header{padding-bottom: 0.75em;text-transform:none} #compare-table .selectcategory label{display:block;font-size:0.9em;margin:1em 0;text-transform:none} #compare-table .selectcategory select{margin:0;width:100px} #compare-table .comparelists{padding:0} #compare-table .remove-link{background:url("../images/interface/icon-mini-close.png") no-repeat scroll right top transparent;display:block;padding:0 20px 0 0;text-align:right; margin-right:8px; font-size: 12px;} #compare-table .add-to-wishlist{padding:0.4em 0 0.2em;text-align:center} #compare-table .add-to-gift-registry{padding:0.2em 0 0.4em;text-align:center} #compare-table .compare-lists label,#compare-table .compare-lists select{float:none;text-align:left;width:100%} #compare-table td.productattribute {padding: 0.5em;font-weight:bold;text-transform: capitalize; font-size: 14px;} #compare-table td.value {padding: 0.5em;text-align:center;} /* power reviews */ body .pr-snippet-wrapper{background:none repeat scroll 0 0 transparent;border:0 none} body .pr-snippet-stars{border:0 none} body .pr-snippet-review-count{display:none} body .pr-snippet-read-write{border:0 none;clear:none;float:left;font-size:1.1em;margin:0;padding:4px 0} body .pr-snippet-read-write p{display:none} body .review-image{float:left;margin:0 20px} /***************************************/ /* Sample products / Bonus Products */ /***************************************/ #bonus-product-dialog{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; margin-top: 0; overflow-y: auto; padding: 0.5em 3% !important; position: relative; width: 94% !important; } .bonusproducts-main .sample-selectedCol {position:relative;overflow:hidden;width:auto;text-align:right;margin:10px 10px 0 0} .bonusproducts-main .sample-sampleCol {position:relative;overflow:hidden;width:auto;margin:0;} .select-bonus-btn, .no-bonus-btn{float:left;margin:0 5px 0 0} .buttonbar{margin:11px 0;overflow:hidden;width:336px} a.return{padding:8px 12px; background:#232323;font-size: 1.3em;color:#fff;font-weight:bold;line-height:1em} a.return:before{position:right;margin-right:3px} a.return:hover {text-decoration:none;background:#2DA802;color: #fff;} /** Custom grid select sample link **/ .bonusproducts-main{ position:relative; overflow-y: hidden; max-height: 2000px; /* approximate max height */ transition-property: all; transition-duration: .3s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); } .bonusproducts-main.closed { max-height: 0; opacity:0; } p.sample-callout{font-size:1.525em;line-height:1.325em} .bonus-product-list .bonus-product-item{position:relative;display:block;width:120px;float:left;margin:5px 8px 5px 0;} .bonusCatName{text-align:left;position:relative;color:#999;font-weight:normal;display:block;} .bonus-product-list .bonus-product-item a.learnmore{display:block;text-align:center;color:#898989;text-decoration:uppercase;font-weight:700;padding-top:8px} .bonus-product-list .bonus-product-item a.link-select-bonus{ transition: all .2s linear; -moz-transition: all .2s linear; /* Firefox 4 */ -webkit-transition: all .2s linear; /* Safari and Chrome */ -o-transition: all .2s linear; /* Opera */ border: 1px solid #CECECE; display: block; height:170px; padding: 10px; position: relative; overflow:hidden;width:auto;margin:0; } .bonus-product-list .bonus-product-item a.link-select-bonus:hover{text-decoration:none!important;border: 1px solid #272223;} .bonus-product-list .bonus-product-item a.link-select-bonus.chosen, .bonus-product-list .bonus-product-item a.link-select-bonus.chosen:hover{ border: 1px solid #ff26fb!important; } .bonus-product-list .bonus-product-item a.link-select-bonus.disabled{opacity:0.6!important;} .bonus-product-list .bonus-product-item a.link-select-bonus.disabled:hover{border: 1px solid #CECECE;} button.add-to-cart-bonus{border:2px solid #272223;background:#fff;padding:8px 12px;color:#636363; transition: all .3s ease; -moz-transition: all .3s ease; /* Firefox 4 */ -webkit-transition: all .3s ease; /* Safari and Chrome */ -o-transition: all .3s ease; /* Opera */ } button.add-to-cart-bonus:hover{color:#000;border:2px solid #000} button.add-to-cart-bonus.valid{} button.no-sample-pls{background:#bbbbbb;color:#fff;padding:10px 12px; transition: all .3s ease; -moz-transition: all .3s ease; /* Firefox 4 */ -webkit-transition: all .3s ease; /* Safari and Chrome */ -o-transition: all .3s ease; /* Opera */ } button.no-sample-pls:hover{background:#666} .bonus-product-list .bonus-product-item input[type="text"] {border: 1px solid #D9D9D9; border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset; color: #282626; font-size: 1em; font-weight: normal; margin: 0; padding: 6px 8px; position: relative; text-align: center; text-indent: 0; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; width: 27px; } .bonus-product-list .bonus-product-item .product-weight{color:#999} .bonus-product-list .bonus-product-item input[type="text"]:focus { border: 1px solid #999999; } .bonus-product-list .bonus-product-item .quantity label{line-height:28px} .bonus-product-list .fa-times img{display:none;} .notransition .bonus-product-list .fa-times img{display:block;} .bonus-product-list .fa-times{font-size:1.5em;color:#232323;position:relative;top:4px;right:3px;padding: 0 5px;} .bonus-product-list{overflow:hidden;position:relative;height:100%;width:100%} .bonus-product-list .bonus-product-item .product-add-to-cart{width:100%;} .bonusproducts-main h1.product-name {font-size: 1em!important;font-weight:bold;margin:5px 0 2px!important;} .bonusproducts-main .product-image {height:100px;} .bonusproducts-main .product-image img{position:relative;height:100px;width:100px;margin:0 auto;} .bonusproducts-main .sample-product-details{position:relative;width:100%!important;padding:0} .bonusproducts-main .product-add-to-cart{position:absolute;bottom:5px;} .bonus-product-list .product-add-to-cart button{float:left;margin-top:24px} .bonus-product-list-footer{clear:both;font-weight:700px;font-size:1.125em;margin-top:10px;} .bonus-product-list-footer button{float:right} .sample-details-full{display:block} .sample-details-mob{display:none;} .bonus-item{font-weight:bold!important} /* Bonus items check sidebar **/ .BonusItemContainer{position:relative;display:block;width:auto;overflow:hidden;padding:15px;border:2px solid #d9d9d9} .bonus-samples-container { overflow-x: hidden; max-height: 1600px; overflow-y: auto; position:relative; } /*** REVIEW CART: Selected Samples Container ***/ #selected-samples-container { border: 2px solid #dedede; padding: 12px 15px; margin: 40px 0 30px 0; border-radius: 5px; clear: both; } #selected-samples-container .sample-main-title { font-size: 11pt; margin-right: 15px; } #selected-samples-container .selected-items-container { display: inline-block; } #selected-samples-container .single-sample-container { display: inline-block; margin-right: 5px; width: 150px; vertical-align: top; } #selected-samples-container .single-sample-container .item-image, #selected-samples-container .single-sample-container .item-details, #selected-samples-container .bonus-item-actions, #selected-samples-container .select-bonus { display: inline-block; } #selected-samples-container .selected-items-container, #selected-samples-container .select-bonus { vertical-align: middle; } #selected-samples-container .single-sample-container .item-details { font-size: 7pt; text-overflow: ellipsis; width: 60%; vertical-align: top; } #selected-samples-container .sample-details-full { display: block; } #selected-samples-container .single-sample-container .product-weight { color: #757575; } #selected-samples-container .bonus-item-actions { margin-top: 13px; } #selected-samples-container .select-bonus { width: 140px; padding: 5px 0; text-align: center; background-color: #bbbbbb; color: #FFF; font-size: 9pt; text-transform: uppercase; font-weight: bold; } #selected-samples-container .select-bonus:hover { background-color: #000; text-decoration: none; } /* send to friend */ .send-to-friend-product{border-bottom:1px solid #E0E0E0;border-top:1px solid #E0E0E0;margin-bottom:20px;margin-top:20px;margin-right: 22%;overflow:hidden;padding:20px 0} .send-to-friend-product .product-image{float:left;width:36%} .send-to-friend-product .product-image img{max-width:80%} .send-to-friend-product .product-description{float:left;width:63%} .send-to-friend-product .product-description h2{margin-right:0} .send-to-friend-product .product-description .value{font-weight:bold} .send-to-friend-product .product-description h2{font-size:1.2em;font-style:italic} .send-to-friend-product .product-description dt{clear:both;float:left;margin:10px 0 0 0;width: 100px} .send-to-friend-product .product-description dd{float:left;margin:10px 0 0 0;width: 200px} /* size charts */ .sizinginformation{border:0 none;padding:10px} .sizinginformation th{background:none repeat scroll 0 0 #F3F3F3} .sizinginformation td,.sizinginformation th{border-bottom:1px solid #F3F3F3;padding:10px} .sizinginformation td{border-left:1px solid #F3F3F3} .sizinginformation .ui-tabs-nav{height:33px} .sizinginformation .sizing-charts{border:0 none} .sizinginformation .tips-list{padding:0 !important} .sizinginformation .tips-list li{list-style:none outside none !important} /* checkout: moved to checkout.css */ /* wishlist */ .pt_wish-list .list-table-header{margin: 15px 0;} .pt_wish-list .list-table-header p{color:#999999;margin-top: 5px;} .pt_wish-list .list-table-header p a{position:relative;word-wrap: break-word;} .pt_wish-list .gift-certificates { display: none; } /* gift registry */ .pt_gift-registry .create-new-registry{margin:1em 0} .pt_gift-registry .create-new-registry button{float:left;margin-right:2em} .pt_gift-registry .create-new-registry p{font-size:1.3em;font-style:italic;margin:0;padding:0.5em 2em} .pt_gift-registry .add-gift-cert{border:1px solid #EFEFEF;margin-bottom:-1px;overflow:auto;padding:10px} .pt_gift-registry .add-gift-cert button{background:url("../images/banners/banner-gift-cert.gif") no-repeat scroll left top transparent;border:0 none;float:left;height:80px;text-indent:-999em;width:433px} .pt_gift-registry .add-gift-cert p{color:#999999;float:right;font-style:italic;line-height:1.5em;width:40%} .pt_gift-registry .list-table-header{overflow:hidden;padding:0;} .pt_gift-registry .hdr-options{width:5%} .page-content-tab-navigaton button{background:none repeat scroll 0 0 #E7E6E5;border-color:#EFEFEF;border-width:1px;color:#999999;font-size:1.1em;font-style:normal;font-weight:400;margin:0 0 -1px} .page-content-tab-navigaton button.selected{background:none repeat scroll 0 0 #FFFFFF;border-bottom:1px solid #FFFFFF} .page-content-tab-wrapper{padding:5px} .gift-reg-purchases .item-purchased-by dd{float:left;font-weight:bold;margin:0 1em 0 0;position:relative;width:auto} .gift-reg-purchases .item-purchased-by dt{clear:both;float:left;margin:0 1em 0 0;position:relative;width:auto} .gift-reg-purchases .quantity-purchased{color:#990000} .gift-registry-advanced{clear: both} .gift-registry-advanced .toggle-content{overflow:hidden;padding:10px} .gift-registry-advanced .event-month{clear: both} .gift-registry-advanced .event-city{clear: both} /* gift certificates */ .gift-certificate-purchase{background:none repeat scroll 0 0 #F3F3F3;padding:10px} .gift-certificate-purchase .content-asset{float:left;width:50%} .gift-certificate-purchase .content-asset img{margin:20px 0} .gift-certificate-purchase form{background:none repeat scroll 0 0 #FFFFFF;float:right;padding:0 20px 20px;width:40%} .gift-certificate-purchase form .input-text{width:90%} .gift-certificate-purchase form .input-textarea{width:90%} .gift-certificate-purchase form .cert-amount{clear:none;float:left;margin:0;width:40%} .gift-certificate-purchase form .form-row-button{clear:none;float:left;margin:25px 0 0 20px;width:50%} .gift-certificate-purchase .cert-amount .form-caption{margin:20px 0 0;position:absolute;width:40%} .gift-certificate-purchase .cert-amount.error{padding-bottom:35px} .check-balance{border-bottom:1px solid #E7E6E5;margin:0 0 20px;padding:0 0 20px} .gift-cert-balance{float:left;width:40%} .gift-cert-balance input{margin-top:0;width:90%} .gift-cert-balance .form-caption{margin-left:0} .gift-cert-balance-submit{clear:none;float:left} /* login pages */ .login-box{} .login-box-content{} .login-box-content .guest-checkout-info { padding: 5px 45px 15px 0; } #dwfrm_guestcapture .error { display:block; } /* category landing page */ .bottom-banner-container{overflow:hidden} .bottom-banner-container .bottom-banner-cell{float:left;overflow:hidden;text-align:center} .bottom-banner-container .banner-cell-1{width:33%} .bottom-banner-container .banner-cell-2{width:34%} .bottom-banner-container .banner-cell-3{width:33%} /* store locator */ .store-locator-header{font-size:1.75em;font-style:italic;font-weight:400;margin:20px 0 0;padding:20px 0} .store-information{background:none repeat scroll 0 0 #E8E8E8;border-bottom:1px solid #FFFFFF} .store-name{font-weight:bold;margin:0 0 10px} .store-address,.store-map{border-bottom:1px solid #E8E8E8} .store-locator-details{float:left;width:44%} .store-locator-details img{max-width:100%} .store-locator-details h1,.store-locator-details p{margin:0.25em 0} .store-locator-details-map{float:right;width:50%} .store-locator-details-map img{max-width:100%} #shop-locator select.natural {width:50%;} #shop-locator input#zip {width:47%;} /* LUSHOPEDIA PAGE, some of this stuff can be moved more globally, if need be --------------------------------------------------------------------------------------- */ .internal-dropdown { background: #000; color: #fff; height: 33px; position: relative; padding: 0 5px; margin-bottom: 20px; z-index:999; } .internal-dropdown .ingredients-search { position: absolute; top: 5px; right: 5px; z-index: 1; } #ingredients-nav { padding: 0; width:100%; } #ingredients-nav > li { background: #000; color: #fff; cursor: pointer; display: inline-block; font-size: 1.3em; font-weight: bold; height: 33px; line-height: 33px; overflow: visible; position: inherit; text-align: center; width:2.6%; } #ingredients-nav > li:hover { background: #fff; color: #000; } #ingredients-nav ul.subnav { background: #fff; border: 1px solid #ccc; box-shadow: 2px 2px 5px #999; display: none; left: 0px; margin: 0; max-height: 260px; overflow: auto; padding: 10px; position: absolute; top: 33px; width: 620px; } #ingredients-nav > li:hover .subnav { display: block; transition: display .5s; -moz-transition: display .5s; /* Firefox 4 */ -webkit-transition: display .5s; /* Safari and Chrome */ -o-transition: display .5s; /* Opera */ } #ingredients-nav ul.subnav li { width: 161px; border-bottom: 1px dotted #ccc; margin-right: 25px; float: left; height: 25px; padding: 7px; background: #fff; color: #232323; font-weight: bold; font-size: 11px; line-height: 11px; overflow: hidden; text-align: left; } #ingredients-nav ul.subnav li a { display: block; color: #232323; padding: 0; margin: 0; } .lushopedia p { margin-bottom: .5em; } .lushopedia .product-img { /*float: right; margin: 0 0 10px 10px; max-width: 350px; */ } .lushopedia .product-img img { max-width: 300px; } .lushopedia .no-img { margin-right: 0; } .lushopedia .related h3 { background: none; font-size: 1.2em; padding: 0; margin-bottom: 10px; } .lushopedia-foundin { margin-bottom: 20px; } .lushopedia .related .producttilelush { width: auto; } .lushopedia-foundin > div.col { padding-left: 0; } .also-in p { clear: left; margin-bottom: 10px; } .also-in a { color: #058F1B; font-size: 13px; } #ingredient-suggestions { background: #fff; color:#000; } .ingredients-search div {height: auto;} .ingredients-search div.image {width: 30%;} .ingredients-search div.image img {max-width: 100%; height: auto; margin:0 auto; position:relative; z-index:1; } @media \0screen { .ingredients-search div.image img { width: auto; /* for ie 8 */ } } .ingredients-search div div.suggestionterm {margin-left: 5%;width: 60%;cursor:pointer; color: #232323; font-size: 0.95em; font-weight: bold; height: auto !important; line-height: 1.3em; overflow: hidden; position: relative; text-align: left; vertical-align: middle;} .ingredients-search div.image, .ingredients-search div div.suggestionterm {display: inline-block;float: none;font-size: .9em;vertical-align: middle;white-space: normal;} .ingredients-search .is-pager { border-top: 1px solid #eee; margin-top: 5px; padding: 3px 5px; } .ingredients-search .is-pager span.on { font-weight:bold;color:#232323} .ingredients-search .is-pager span { cursor: pointer; display: inline-block; padding: 4px 6px; zoom:1; *display:inline; font-size:1.5em; color:#2DA802; } /****** SCROLL ITEMS CONTAINER .prev, .next { background: url(../images/sprite-arrow-nextprev-grey.png) 0px 0px no-repeat; cursor: pointer; height: 16px; position: absolute; top: 28px; width: 12px; } .prev { left: 8px; } .next { background-position: -12px 0px; right: 8px; } *******/ .last-visited li, .recommendations li { float: left; } /* Related stories */ #section-related-stories{width: 100%} #section-related-stories #related-articles{width: 100%} #section-related-stories #shop-with-lushies{width: 100%;display:block;overflow:hidden;} /* How to use tabs*/ #pdpMain .ui-tabs-nav li{} #pdpMain .ui-tabs-nav li a{font-size: 1.350em;padding: 12px 12px 10px;} #pdpMain .reviews-widget .ui-tabs-nav li a{font-size: 1.625em!important;padding: 12px 12px 10px;} /* LAST VISITED & TOOLTIPS */ /***** Last Visited *****/ .lastvisitedbottom { border-right: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; clear: both; /*height: 30px;*/ display:block; } .lastvisited { background: #575757; clear: both; padding: 5px 0; margin: 0 0 1px 0; position: relative; } .lastvisited h4 { background: none; color: #fff; display: inline-block; font-size: 2em; letter-spacing: 1px; line-height: 1.1em; margin: 0; padding: 0; text-transform: capitalize; vertical-align: middle; width: 128px; } .lastvisitedproducts { display: inline-block; vertical-align: middle; } .lastvisitedproducts ul li { float: left; background: #fff; height: 75px; margin-right: 13px; text-align: center; width: 75px; } .lastvisitedproducts img.product-img { max-width: 75px; max-height: 75px; } #pdpMain .lastvisited { background: #fff; border-top: 1px solid #e7e6e5; border-bottom: 1px solid #e7e6e5; clear: both; position: relative; } #pdpMain .lastvisited h4 { color: #232323; } .tooltip-title { position: relative; } #ttdiv { position: absolute; text-align: center; z-index: 9999; } #ttdiv .top { background: #232323; border-radius: 5px; color: #fff; font-size: .9em; font-weight: bold; max-width: 175px; padding: 5px 7px; } #ttdiv .topbox{ background: #232323; /*border-radius: 5px;*/ color: #fff; font-size: .9em; font-weight: bold; text-align:left; max-width: 135px; padding: 15px 17px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /* IE 5-7 */ filter: alpha(opacity=95); /* Netscape */ -moz-opacity: 0.95; /* Safari 1.x */ -khtml-opacity: 0.95; /* Good browsers */ opacity: 0.95; } #ttdiv .topbox h2{color:#fff;font-size:1.5em;text-transform:capitalize;margin-bottom:10px;font-weight:bold} #ttdiv .topbox p{color:#fff;font-size:1em;} #ttdiv .bottom { background: #232323; /*border-radius: 5px;*/ color: #fff; font-size: .9em; font-weight: bold; text-align:left; max-width: 300px; padding: 5px 7px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; /* IE 5-7 */ filter: alpha(opacity=85); /* Netscape */ -moz-opacity: 0.85; /* Safari 1.x */ -khtml-opacity: 0.85; /* Good browsers */ opacity: 0.85; } #ttdiv .bottom h2{color:#fff;margin:0;padding;margin-bottom:6px;} div.htmlttip{display:none;} #ttdiv .top a { color: #fff; text-decoration: none; } #ttdiv .arrow{ background: url(../images/arrow-down-black.png) center top no-repeat; height: 10px; margin: 0 auto; width: 14px; } #ttdiv .bottomarrow{ background: url(../images/arrow-up-black.png) center top no-repeat; height: 10px; margin: 0 auto; width: 14px; } /* PRODUCT REVIEWS --------------------------------------------------------------------------------------- */ .pr-review-bottom-line-wrapper .pr-review-bottom-line { color: #009933 !important; text-transform: capitalize; } .pr-snapshot-write-review {background-image: none!important;padding-left:0!important} .reviewlogin {font-size:1.1em;margin: 0px 0px 0px 50px;width:700px;} .reviewlogin h2 {font-size:1.2em;padding:10px 0;} .reviewlogin .logincustomers {min-height:412px;} /* Overwrite powerreviews defaults */ .reviews .pr-snapshot-head, .reviews .pr-snapshot-body, .reviews .pr-review-faceoff, .reviews .pr-review-content-header, .reviews .pr-review-sort, .reviews .pr-contents, .reviews .pr-contents-wrapper { background: none; border: none; } .reviews .pr-review-rating-wrapper, .reviews .pr-review-main-wrapper { width: 75%; } .reviews .pr-review-author { width: 23%; font-size: 1em; } .reviews .pr-other-attributes-list li.pr-other-attribute-label { padding-left: 0px!important; width: 43%; font-size:1.1em!important; background-image: none!important; } .reviews .pr-other-attributes-list li.pr-other-attribute-value { width: 50%; font-size: 1.125em !important; } .pr-review-footer { padding-top: 10px; } #pr-snapshot-footer .ui-widget-content a { color: #2DA802!important; font-size:1.5em!important; } /*Gigya overrides*/ #main .gigyaGameModules .section-header {} #main .gigyaGameModules { padding: 0; text-align: left; } .gigyaGameModules > div { max-width: none; /*to make sure content doesn't wrap for smaller screens*/ padding-bottom: 1.5em; } #main .gigParams { display: none; } #divGigyaShareBarParams { display: none; } #pdpMain #btnGigyaShare, #pdpMain #divGigyaShareBar { display: inline-block; vertical-align: middle; zoom:1; *display:inline; width:100%!important; } #pdpMain #divGigyaReactions { padding: 10px 0; } #dialog-container .sendtofriend { display: block; } /***** HOP-UP-FORMS (examples: newsletter, catalogue) *****/ .catalogue .css-label { font-size:12px !important; } .hop-up-form span.error { /*color: #990000 !important;*/ font-size: 12px; display: block; background: transparent !important; margin-top: -65px; margin-right: 25px; float: right; } .hop-up-form .state span.error { /*color: #990000 !important;*/ font-size: 12px; display: block; background: transparent !important; margin-top: -60px; margin-right: -105px; float: right; } .hop-up-form .country span.error { /*color: #990000 !important;*/ font-size: 12px; display: block; background: transparent !important; margin-top: -60px; margin-right: -105px; float: right; } .hop-up-form { margin-bottom: 10px; } .hop-up-form .catalogue .form-row { margin-top: 0px !important; } .hop-up-form .errors-message { color: #D30000; display:none; } .hop-up-form .error-confirm-signup { color: #D30000; display: none; position: relative; left: 50px; top: -15px; width:400px; } .hop-up-form .formfield { float: left; height: 72px; margin: 5px 16px 0 0; width: 45%; } .hop-up-form input.input-text, .hop-up-form select { height: 30px; line-height: 30px; padding: 0 0 0 10px; width: 80%; } .hop-up-form select { height: 32px; line-height: 32px; width: 84%; } .hop-up-form .catalogue { padding-top: 10px; } .hop-up-form #state_all { height: 0px; margin: 0; padding: 0; width: 0px; } .hop-up-form label { display: none; } .hop-up-form .checkbox { width: 100%; } .hop-up-form .checkbox label, .hop-up-form .checkbox input { display: inline-block; float: none; font-size: 1em; vertical-align: middle; width: auto; zoom:1; *display:inline; } .newsletter-signup-checkbox-labels { position: relative; left: 50px; top: -25px; } .hop-up-form .form-caption, .sendtofriend .form-caption { display: block; margin-top: 5px; } #CatalogueForm { clear: both; } .sendtofriend .actions { margin: 15px 0; } /**** ORDER SUMMARY FIX FOR MISSING PAYPAL EMAILS ****/ .ohistory div.order{margin:10px 0; border-bottom: 1px solid #eaeaea;padding-top:15px;} .ohistory .orderdate{margin-top:10px;} .ohistory .span_half .order-number{margin-top:15px;} .ohistory .order-detail-options{margin-top:15px;} .ohistory .payment-shipping{margin-bottom:20px;} .ohistory .order-number .label,.ohistory .order-date .label, .ohistory .orderstatus strong {font-size:1.425em} .ohistory .orderdate,.ohistory .ordernumber{font-size:1.225em;margin:5px 0;} .ohistory .aside-box table td {padding-left:10px;} .ohistory .aside-box table td ul {margin-top:0;} .ohistory table th {font-size:1.225em;font-weight:bold;} .lushI #primary-content .order-shipment-table td p{font-size:1.1em;padding-bottom:5px;} .lushI #primary-content .order-shipment-table td div,.lushI #primary-content .order-totals-table td {font-size:1.1em;padding-bottom:5px;} .order-summary-email { background: #e7e7e7; border: 2px solid #ccc; border-radius: 5px; margin-bottom: 10px; padding: 5px; text-align:left; font-size:1.3em; } /* top 25 hide french text title */ .fr_CA .top25bestsellers #subcat-top h1{display:none} /*** Promotoion - BOGO ***/ .promotion{display:block;} .pdp-main .promotion{display:block;margin-bottom:10px;font-size:1.225em;} .pdp-main .promotion label{font-size:1.225em;margin-right:10px;} .pdp-main .promotion #pdpPromoDiv{font-size:1.225em;} .pdp-main .promotion img.bogoBadge{position:absolute;right:30px;top:90px;z-index:999;} /**** FREE SHIPPING CSS *****/ #free-shipping-wrapper{ display:none; } #free-shipping-container { position: absolute; top: 10px; right: 0; color: white; font-weight: bold; } #free-shipping-container .shipping-icon { margin-right: 3px; float:left; } #free-shipping-container p { position:relative; top:-8px; float:right; color:#fff !important; } #free-shipping-container .days-left { font-size: 1.2em; } #days-left { font-weight:bold; font-size:15px; } /**Shipping Cutoff**/ .shippingcutoff-hd{ display: block; position: relative; width: 100%; padding: 1px 0; font-size: 1.225em; font-weight: bold; text-align: center; background: #ebebeb; /*background:url(../images/christmas/plane.jpg) 0 10px no-repeat;*/} .shippingcutoff-hd:hover{background:#fff} .shippingcutoff-hd #cutoffday{font-size:14px;font-family: Arial, Helvetica, sans-serif;padding:0;margin:0;padding-top:0px;line-height:35px;} .shippingcutoff-hd span{margin:0!important;padding:0!important;} span.countdown_row, span.countdown_section, span.countdown_amount, span.cutoffdayleft {padding:0;margin:0;} .shippingcutoff-hd #shiptype.ship_fr{text-transform:lowercase} .shippingcutoff-hd #cutoffday.ground{ padding-left:45px;background:url(../images/icons/shipping/ground_truck_sm.png) 0 2px no-repeat; } .shippingcutoff-hd #cutoffday.air{ padding-left:50px;background:url(../images/icons/shipping/air_plane_sm.png) 0 0px no-repeat; } .shippingcutoff-hd #cutoffday.priority{ padding-left:35px;background:url(../images/icons/shipping/air_clock_sm.png) 0 2px no-repeat; } .shippingcutoff-hd .countdown_amount{position:relative;font-size:1em;color:#000;font-weight:bold;font-family: Arial, Helvetica, sans-serif; } .shippingcutoff-hd #counter{position:relative;} .shippingcutoff-hd .cutoffdayleft{position:relative;text-align:right;color:#000;font-weight:bold;font-family: Arial, Helvetica, sans-serif; } .shippingcutoff-hd #shiptype{position:relative;text-align:right;font-size:14px;text-transform:capitalize;color:#000;font-weight:bold;font-family: Arial, Helvetica, sans-serif;line-height:35px;padding:0;margin:0;padding:0px 0 0 3px;} /*Fr*/ .shippingcutoff-hd_fr{position:absolute;width:118px;height:50px;top:13px;right:143px;background:none;padding:0 0 0 2px;text-align:right;} .shippingcutoff-hd_fr #cutoffday{color:#fff;font-weight:900;font-family: Arial, Helvetica, sans-serif; } .shippingcutoff-hd_fr .countdown_amount{font-size:1.3em;color:#fff;font-weight:900;font-family: Arial, Helvetica, sans-serif;} .shippingcutoff-hd_fr .cutoffdayleft{position:relative;text-align:right;font-size:1em;color:#000;font-weight:bold;font-family: Arial, Helvetica, sans-serif;} .shippingcutoff-hd_fr #shiptype{position:relative;width:100%;clear:both;text-align:right;font-size:.9em;color:#ffffff;font-weight:bold;font-family: Arial, Helvetica, sans-serif;} table#shippingHeader{width:auto;margin:0;padding:0;margin-top:5px;display:inline-block;text-align:center;} table#shippingHeader td{text-align:left;width:auto;position:relative;vertical-align:top;height:35px;} table#shippingHeader td.ctype{} .sample-promo { display: block; position: relative; width: 100%; padding: 10px 0; font-size: 1.225em; font-weight: bold; text-align: center; background: #d1dce0; } .sample-promo .sample-inner-promo { padding: 0 40px; } .sample-promo a { color:#000; font-size:0.8em; text-decoration:underline; margin-left:10px; } .sample-promo:hover a{ transition: opacity 0.3s ease;opacity:1; } #counter div.closebutton{display:block;position:absolute;right:18px;top:12px;width:10px;padding:5px;height:20px;cursor:pointer;background: url("../images/icons/shipping/close_banner.png") 0px 0px;background-repeat:no-repeat} /*************************************/ /***********Ordergroove***************/ /*************************************/ .og_headers{position:relative;display:none;font-weight:bold;font-size:1em;text-align:left;} img#autofreshicon{position:absolute;left: 200px;top: 55px;} .og-actions #og-div .og_widget_content{margin-left:5px!important;} .og-actions #og-div{overflow:hidden;padding-left:5px;} table.item-list tr.ogspacer{border:0 none;} .product-add-to-cart .og-actions .og_widget_content div{overflow:hidden;display:block;padding-bottom:5px;margin-top:5px;} .pt_cart .og_widget_content > div{display:block;padding:5px;margin:5px;overflow:hidden} .og_widget_content .og_autorefresh_icon img {margin-left:2px!important} .og_widget_content label {position:inline-block;margin-left:5px;margin-top:2px!important;} .og_widget_content label.og_auto_deliver_label{margin-left:1px!important;} .og_widget_content input[type="radio"] {float:left;top:4px;display:block;position:relative;padding:5px;width:25px; } .og_widget_content .og_lbl {width:175px!important} .pt_cart .og_widget_content .og_lbl {} .og_widget_content .ogSeeDetailsLink {margin-top:10px!important;} #og-subs-container-header{display:block;} #og-msi-container h2.og-msi-subtitle { color: #101010 !important; font-family: Arial,Helvetica,sans-serif !important; font-size: 1.15em !important; font-weight: normal !important; line-height: 1.5em !important; margin-bottom: 15px !important;} #og-msi-container .impulse_offer_text {color:#232323!important;} .og_widget_content .og-frequency-wrap, .og_inline .og-frequency-wrap { background: url("../images/arrows/down-arrow.png") no-repeat scroll 98% 48% #FFFFFF!important; box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) !important;padding-left:2px!important; } .og_widget_content .og-frequency-wrap select { background: none transparent!important; border:0 none!important; cursor: pointer !important; padding:5px 2px 4px!important; box-shadow: 0 0!important; margin-top:2px!important; width: 114%;} .pt_cart .og_inline .og-frequency-wrap select{ background: none transparent!important; border:0 none!important; cursor: pointer !important; padding:5px 2px 4px!important; box-shadow: 0 0!important; margin-top:2px!important; width: 113%; overflow:hidden!important; } div.og_popup_buttons{margin-top:15px!important;} .og_widget_content .og-frequency-wrap, .og_inline .og-frequency-wrap{box-shadow: 0 0!important;min-width:100px;display:block!important;max-width:165px;overflow:hidden!important} #og-msi-container #og-orders-template #og-view-deliveries ul.order-list {z-index:9999;} #og-msi-container #og-orders-template .og-orders-totals .og-top #og-orders-subtotal-label, #og-msi-container #og-orders-template .og-orders-totals .og-top #og-orders-shipping-label {font-size:1em!important} #og-faqs .lush-faq-index ul li {text-decoration:none!important;color:#232323!important} #closeFaqs { margin-top: 10px; } .og-no-subs-con {width:88%!important;display:block;overflow:hidden!important} .og-no-subs-con h1 span {width:80%!important;overflow:hidden!important;} /**** PDP AWARD BADGE *****/ .pdp-main img.awardBadge{ position: absolute; right: 205px; bottom: -20px; width:130px; } .search-result-items img.awardBadgeGrid { position: absolute; width: 60px; z-index: 999; top: 40px; left: -20px; } .pdp-main .badge-container { position: absolute; bottom: -20px; width: 100%; left: 0; } .fr_CA .pdp-main .badge-container { bottom: 15px; } .pdp-main .badge-container img.shark-week-badge { max-width: 281px; width: 100%; margin: 0 auto; display: block; } @media screen and (max-width:768px) { .pdp-main img.awardBadge{ right: auto; left:10px; bottom: auto; top:130px; } .pdp-main .badge-container { top: 180px; } .fr_CA .pdp-main .badge-container { top: 120px; } } @media screen and (max-width: 560px) { .pdp-main .badge-container { top: 150px; } .fr_CA .pdp-main .badge-container { top: 100px; } } @media screen and (max-width: 480px) { .pdp-main .badge-container { top: 250px; } .fr_CA .pdp-main .badge-container { top: 185px; } } @media screen and (max-width: 380px) { .pdp-main .badge-container { top: 190px; } .fr_CA .pdp-main .badge-container { top: 135px; } } @media screen and (max-width:320px) { .pdp-main img.awardBadge{ right: 155px; bottom: 40px; } } /**** MOTHER'S DAY THATS WHAT MUM SAID ****/ #mothers-day-tradeable-bits h1 { color:#e12e58; margin-top:0px !important; text-transform:none; } #mothers-day-tradeable-bits span { color:#e12e58; } #mothers-day-tradeable-bits p { margin:5px; } #mothers-day-tradeable-bits .mdtb-right { margin:0 0 45px 75px; display: inline-block; *display: inline; zoom: 1; vertical-align:top; } #mothers-day-tradeable-bits .mdtb-left { margin:0 0 45px 0px; display: inline-block; *display: inline; zoom: 1; vertical-align:top; } .inline { display: inline-block; *display: inline; display:-moz-inline-box; zoom: 1; vertical-align:top; } @media screen and (max-width:960px) { #mothers-day-tradeable-bits .mdtb-left { width:100%; text-align:center; margin:0 0 0 0; } #mothers-day-tradeable-bits .mdtb-right { width:100%; text-align:center; margin:0 0 45px 0; } } @media screen and (max-width:720px) { #mothers-day-tradeable-bits .mdtb-right { margin:0 0 0 0; } #mothers-day-tradeable-bits .mdtb-left { margin:0 0 45px 0; } } @media screen and (max-width:768px) { #mothers-day-tradeable-bits h1 { color:#e12e58 !important; margin-top:0px !important; text-transform:none !important; } } /*** Unicorn Horn Rainbow - 05074 ***/ .rainbow-animated .rainbow-stripe:nth-child(1) { border-color: #f9889a; clip: rect(0, 84px, 42px, 0); height: 60px; left: 48px; -webkit-transform: rotate(180deg); top: 48px; width: 60px; z-index: 5; -webkit-animation: rainbow-in-out 5s 0.1s infinite; -moz-animation: rainbow-in-out 5s 0.1s infinite; -o-animation: rainbow-in-out 5s 0.1s infinite; animation: rainbow-in-out 5s 0.1s infinite; } /*.rainbow-preloader .rainbow-stripe:nth-child(1):before { border: 3px solid #ed2b2b; content: ''; display: block; height: 48px; width: 54px; }*/ .rainbow-animated .rainbow-stripe:nth-child(2) { border-color: #fec254; clip: rect(0, 108px, 54px, 0); height: 84px; left: 36px; -webkit-transform: rotate(180deg); top: 36px; width: 84px; z-index: 4; -webkit-animation: rainbow-in-out 5s 0.2s infinite; -moz-animation: rainbow-in-out 5s 0.2s infinite; -o-animation: rainbow-in-out 5s 0.2s infinite; animation: rainbow-in-out 5s 0.2s infinite; } /*.rainbow-animated .rainbow-stripe:nth-child(2):before { border: 3px solid #c9a20d; content: ''; display: block; height: 72px; width: 78px; }*/ .rainbow-animated .rainbow-stripe:nth-child(3) { border-color: #4eba6f; clip: rect(0, 132px, 66px, 0); height: 108px; left: 24px; -webkit-transform: rotate(180deg); top: 24px; width: 108px; z-index: 3; -webkit-animation: rainbow-in-out 5s 0.3s infinite; -moz-animation: rainbow-in-out 5s 0.3s infinite; -o-animation: rainbow-in-out 5s 0.3s infinite; animation: rainbow-in-out 5s 0.3s infinite; } /*.rainbow-animated .rainbow-stripe:nth-child(3):before { border: 3px solid #3c9958; content: ''; display: block; height: 96px; width: 102px; }*/ .rainbow-animated .rainbow-stripe:nth-child(4) { border-color: #8dcacd; clip: rect(0, 156px, 78px, 0); height: 132px; left: 12px; -webkit-transform: rotate(180deg); top: 12px; width: 132px; z-index: 2; -webkit-animation: rainbow-in-out 5s 0.4s infinite; -moz-animation: rainbow-in-out 5s 0.4s infinite; -o-animation: rainbow-in-out 5s 0.4s infinite; animation: rainbow-in-out 5s 0.4s infinite; } /*.rainbow-animated .rainbow-stripe:nth-child(4):before { border: 3px solid #237596; content: ''; display: block; height: 120px; width: 126px; }*/ .rainbow-animated .rainbow-stripe:nth-child(5) { border-color: #955ba5; clip: rect(0, 180px, 90px, 0); height: 156px; left: 0px; -webkit-transform: rotate(180deg); top: 0px; width: 156px; z-index: 1; -webkit-animation: rainbow-in-out 5s 0.5s infinite; -moz-animation: rainbow-in-out 5s 0.5s infinite; -o-animation: rainbow-in-out 5s 0.5s infinite; animation: rainbow-in-out 5s 0.5s infinite; } /*.rainbow-animated .rainbow-stripe:nth-child(5):before { border: 3px solid #774984; content: ''; display: block; height: 144px; width: 150px; }*/ .rainbow-animated { display: none; height: 90px; overflow: hidden; position: absolute; width: 180px; } .rainbow-wrapper { width: 180px; margin: auto; /*height: 90px;*/ position: relative; display: block; top: -26px; } .rainbow-animated:before, .rainbow-preloader:after { background-size: 6px 34px; bottom: 0; content: ''; display: block; height: 12px; left: 0; position: absolute; width: 66px; z-index: 10; } .rainbow-animated:after { left: auto; right: 0; } .rainbow-animated .rainbow-stripe { border-width: 12px; border-style: solid; border-radius: 100%; position: absolute; } .rainbow-animated .rainbow-stripe:before { border-radius: 100%; } @-webkit-keyframes rainbow-in-out { 0% { -webkit-transform: rotate(180deg); } 33% { -webkit-transform: rotate(360deg); } 66% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(540deg); } } @-moz-keyframes rainbow-in-out { 0% { -moz-transform: rotate(180deg); } 33% { -moz-transform: rotate(360deg); } 66% { -moz-transform: rotate(360deg); } 100% { -moz-transform: rotate(540deg); } } @-o-keyframes rainbow-in-out { 0% { -o-transform: rotate(180deg); } 33% { -o-transform: rotate(360deg); } 66% { -o-transform: rotate(360deg); } 100% { -o-transform: rotate(540deg); } } @keyframes rainbow-in-out { 0% { transform: rotate(180deg); } 33% { transform: rotate(360deg); } 66% { transform: rotate(360deg); } 100% { transform: rotate(540deg); } }