/* =========== OWL AROUSEL STYLES =========== */ .owl-carousel .owl-wrapper:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .owl-carousel{ display:none; position:relative; width:100%; -ms-touch-action:pan-y; } .owl-carousel .owl-wrapper{ display:none; position:relative; -webkit-transform:translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow:hidden; position:relative; width:100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out; } .owl-carousel .owl-item{ float:left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor:pointer; } .owl-controls{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); } .grabbing{ cursor:url(grabbing.png) 8 8, move; } .owl-carousel .owl-wrapper,.owl-carousel .owl-item{ -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); } /* =========== OWL TRANSITION STYLES =========== */ .owl-origin{ -webkit-perspective:1200px; -webkit-perspective-origin-x:50%; -webkit-perspective-origin-y:50%; -moz-perspective:1200px; -moz-perspective-origin-x:50%; -moz-perspective-origin-y:50%; perspective:1200px; } /* fade */ .owl-fade-out{ z-index:10; -webkit-animation:fadeOut .7s both ease; -moz-animation:fadeOut .7s both ease; animation:fadeOut .7s both ease; } .owl-fade-in{ -webkit-animation:fadeIn .7s both ease; -moz-animation:fadeIn .7s both ease; animation:fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out{ -webkit-animation:backSlideOut 1s both ease; -moz-animation:backSlideOut 1s both ease; animation:backSlideOut 1s both ease; } .owl-backSlide-in{ -webkit-animation:backSlideIn 1s both ease; -moz-animation:backSlideIn 1s both ease; animation:backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out{ -webkit-animation:scaleToFade .7s ease both; -moz-animation:scaleToFade .7s ease both; animation:scaleToFade .7s ease both; } .owl-goDown-in{ -webkit-animation:goDown .6s ease both; -moz-animation:goDown .6s ease both; animation:goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in{ -webkit-animation:scaleUpFrom .5s ease both; -moz-animation:scaleUpFrom .5s ease both; animation:scaleUpFrom .5s ease both; } .owl-fadeUp-out{ -webkit-animation:scaleUpTo .5s ease both; -moz-animation:scaleUpTo .5s ease both; animation:scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty{ 0%{ opacity:1 } } @-moz-keyframes empty{ 0%{ opacity:1 } } @keyframes empty{ 0%{ opacity:1 } } @-webkit-keyframes fadeIn{ 0%{ opacity:0; } 100%{ opacity:1; } } @-moz-keyframes fadeIn{ 0%{ opacity:0; } 100%{ opacity:1; } } @keyframes fadeIn{ 0%{ opacity:0; } 100%{ opacity:1; } } @-webkit-keyframes fadeOut{ 0%{ opacity:1; } 100%{ opacity:0; } } @-moz-keyframes fadeOut{ 0%{ opacity:1; } 100%{ opacity:0; } } @keyframes fadeOut{ 0%{ opacity:1; } 100%{ opacity:0; } } @-webkit-keyframes backSlideOut{ 25%{ opacity:.5; -webkit-transform:translateZ(-500px); } 75%{ opacity:.5; -webkit-transform:translateZ(-500px) translateX(-200%); } 100%{ opacity:.5; -webkit-transform:translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut{ 25%{ opacity:.5; -moz-transform:translateZ(-500px); } 75%{ opacity:.5; -moz-transform:translateZ(-500px) translateX(-200%); } 100%{ opacity:.5; -moz-transform:translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut{ 25%{ opacity:.5; transform:translateZ(-500px); } 75%{ opacity:.5; transform:translateZ(-500px) translateX(-200%); } 100%{ opacity:.5; transform:translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn{ 0%, 25%{ opacity:.5; -webkit-transform:translateZ(-500px) translateX(200%); } 75%{ opacity:.5; -webkit-transform:translateZ(-500px); } 100%{ opacity:1; -webkit-transform:translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn{ 0%, 25%{ opacity:.5; -moz-transform:translateZ(-500px) translateX(200%); } 75%{ opacity:.5; -moz-transform:translateZ(-500px); } 100%{ opacity:1; -moz-transform:translateZ(0) translateX(0); } } @keyframes backSlideIn{ 0%, 25%{ opacity:.5; transform:translateZ(-500px) translateX(200%); } 75%{ opacity:.5; transform:translateZ(-500px); } 100%{ opacity:1; transform:translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade{ to{ opacity:0; -webkit-transform:scale(.8); } } @-moz-keyframes scaleToFade{ to{ opacity:0; -moz-transform:scale(.8); } } @keyframes scaleToFade{ to{ opacity:0; transform:scale(.8); } } @-webkit-keyframes goDown{ from{ -webkit-transform:translateY(-100%); } } @-moz-keyframes goDown{ from{ -moz-transform:translateY(-100%); } } @keyframes goDown{ from{ transform:translateY(-100%); } } @-webkit-keyframes scaleUpFrom{ from{ opacity:0; -webkit-transform:scale(1.5); } } @-moz-keyframes scaleUpFrom{ from{ opacity:0; -moz-transform:scale(1.5); } } @keyframes scaleUpFrom{ from{ opacity:0; transform:scale(1.5); } } @-webkit-keyframes scaleUpTo{ to{ opacity:0; -webkit-transform:scale(1.5); } } @-moz-keyframes scaleUpTo{ to{ opacity:0; -moz-transform:scale(1.5); } } @keyframes scaleUpTo{ to{ opacity:0; transform:scale(1.5); } } @charset "UTF-8"; /** AJAX loading box **/ #AjaxLoading {display:none; text-align:center; background:#FCF5AA; width:180px; z-index:10000000000; padding:5px 10px;} #AjaxLoading img {vertical-align:bottom; margin-right:5px;} * {margin:0; padding:0} body {font:13px Verdana, Geneva, sans-serif; color:#666; background-color: #FFFFFF;} p, h1, h2, h3, h4, h5, h6, ul {margin-bottom:10px} img {border:0} .clear, .Clear {clear:both} a {text-decoration:none; color:#0098cc} input[type="submit"], input[type="button"] {cursor:pointer; background:url(images/btnBG.png) repeat-x left top; height:28px; padding:0px 10px 2px 10px; line-height:28px; border:0 none; color:#fff; font:13.5px Verdana, Geneva, sans-serif; font-weight:bold} input[type="text"], input[type="password"] {height:16px; padding:5px; border:solid 1px #ccc} #tools, #header, #footer, #wrapper, #Wrapper, #legals {width:980px; margin:0 auto} #brandsCarrousel {width:980px; margin:0 auto} .Message {padding:7px 10px 7px 25px} .PromoMessage { background-color: #62bb46; color: #FFFFFF; padding:1px 10px 5px; font-size:15px; text-align:center; } .InfoMessage { background-color:#E8FFDF; color: #000000; padding:4px 10px 6px; margin-bottom: 25px; font-size:15px; text-align:center; } /* .SuccessMessage { background-color: #E8FFDF; color: #FFFFFF; padding:4px 10px 6px; margin-right: 9px; margin-left: 9px; margin-bottom: 25px; font-size:17px; text-align:center; } .ErrorMessage { background: #FFECEC url('../../Beauty/images/ErrorMessage.gif') no-repeat 5px 8px; color: #555; padding:7px 10px 7px 25px } */ .SuccessMessage { background: #E8FFDF url('../../Beauty/images/SuccessMessage.gif') no-repeat 5px 8px; color: #555; padding:7px 10px 7px 25px } .ErrorMessage { background: #FFECEC url('../../Beauty/images/ErrorMessage.gif') no-repeat 5px 8px; color: #555; padding:7px 10px 7px 25px } textarea {font:11px Verdana, Geneva, sans-serif} .OutOfStockMessage {color:#f58025; font-weight:bold; font-size:17px; font-style:italic; margin-top:-15px; margin-bottom:1px; text-align:center;} .CurrentlySoldOut {color:#f58025; font-weight:bold; font-size:17px; font-style:italic; margin-top:-15px; margin-bottom:1px; text-align:center;} .required {font-size:16px; color:#F00} .validation {padding:1px; font:13px Verdana, Geneva, sans-serif; color:#666;} /* TOOLS */ #toolsContainer {background:url(images/toolsBG.jpg) repeat-x left top; height:32px; width: 100%;} #tools {height:32px; line-height:32px; color:#fff} #no1SkinCare {font-size:12px; font-weight:bold; float:left; margin-left:15px; margin-right:65px} #tools li {float:left; list-style:none; line-height:29px; height:32px; background:url(images/toolsDiv.jpg) no-repeat left top; padding:0 8px} #tools ul {float:left; margin:0} #topCart {float:right; line-height:29px; background:#f58021 url(images/cartICN.png) no-repeat 10px 8px; padding:0 10px 0 30px; height:32px; margin-right:10px} #tools a {color:#fff} #tools a:hover {text-decoration:underline} #tools .home a {background:url(images/homeICN.png) no-repeat left center; padding-left:18px} #tools .about a {background:url(images/aboutICN.png) no-repeat left center; padding-left:26px} #tools .contact a {background:url(images/phoneICN.png) no-repeat left center; padding-left:16px} #tools .faq a {background:url(images/faqICN.png) no-repeat left center; padding-left:23px} #tools .blog a {background:url(images/blogICN.png) no-repeat left center; padding-left:19px} #tools .account a {background:url(images/accountICN.png) no-repeat left center; padding-left:18px} #SideCartContents {display:inline} /* HEADER */ #mainMenu {padding:0; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; margin-bottom:25px} #mainMenu ul {margin-bottom:0; text-align:center} #mainMenu li {list-style:none; font-size:16px; display:inline-block; margin:0 11px; position:relative; height:38px; line-height:38px} /**/ #mainMenu li ul {position:absolute; top:38px; left:-11px; z-index:1000; display:none; border-top:solid 0px #ccc} #mainMenu li:hover ul {display:block} #mainMenu li ul li { background: #0098cc !important; /* background:url(images/toolsBG.jpg) repeat-x left top; */ border-bottom: 1px dotted #FFFFFF; border-right: 1px dotted #FFFFFF; border-left: 1px dotted #FFFFFF; font-size: 12px; font-weight:normal; margin: 0 !important; padding: 4px 10px 6px !important; text-align: left; width: 210px; height:13px; line-height:13px } #mainMenu li ul li a {height:20px;} #mainMenu li ul li:hover {background:#FFFFFF !important;} #mainMenu li ul li:hover a {color:#0098cc} .SubMenu a {color:#FFFFFF; text-transform:uppercase;} .MainLink a {color:#0098cc; text-transform:uppercase} .MainLink a:hover {color:#999; text-transform:uppercase} /**/ #mainMenu li:first-child {display:none} #mainMenu li li:first-child {display:block} /* #mainMenu li a {color:#666; text-transform:uppercase} */ #mainMenu li a a:hover {color:#0098cc} #mainMenu li:nth-child(6) {background:url(images/salesICN.png) no-repeat left center; padding-left:23px} #mainMenu li:nth-child(7) {background:url(images/brandsICN.png) no-repeat left center; padding-left:16px} #logo {margin:10px 20px; float:left} h1#logo {background:url(images/jellen.jpg) no-repeat left top; width:151px; height:117px; text-indent:-9000px; margin:10px 20px; float:left} h1#logo a {display:block; width:151px; height:117px; text-indent:-9000px} #search {background:url(images/searchBG.jpg) no-repeat left top; width:336px; height:59px; float:left; margin-top:50px; margin-left:53px; position:relative} #search label {display:none} #search input[type="text"] {position:absolute; top:8px; left:8px; width:265px; height:33px; padding:5px 8px; border:0 none; background:0 none; color:#b3b3b3; font-size:18px; font-style:italic} #search input[type="submit"] {position:absolute; top:8px; right:7px; width:25px; height:33px; border:0 none; background:0 none; color:#fff; font-size:1px; cursor:pointer; text-indent: -9000px} #callChat {float:right; background:url(images/topContactBG.jpg) no-repeat left top; width:380px; height:59px; margin-right:10px; margin-left:10px; margin-top:50px} #callChat img {margin-top:14px; margin-left:16px} #LiveChat {position:relative; float: right; background-color: transparent; width:360px; height:50px; margin-right:6px; margin-left:0px; margin-top:-43px;} /* #LiveChat {position:relative; float: right; background-color: transparent; width:180px; height:50px; margin-right:6px; margin-left:0px; margin-top:-43px;} */ /* HOME */ #sliderContainer {float:left; width:641px; height:403px; margin-left:10px; margin-bottom:30px; position:relative} #sliderContainer li {list-style:none} /* temporary static banner */ #slider li {list-style:none} #controls {position:absolute; right:10px; bottom:10px} ol#controls li {float:left; width:10px; height:10px; border-radius:10px; background:#f2f2f2; list-style:none; margin-left:4px; text-indent:-9000px; overflow:hidden} #controls a {text-indent:-9000px; overflow:hidden; cursor:pointer; display:block; width:10px; height:10px} ol#controls .current {background:#0098CC} #searchspring {float:right; width:311px; height:414px; margin-right:9px; margin-top:1px} /* TAB SKIN CARE */ .home #TabbedPanels2 {border-bottom:dashed 1px #ccc; margin-bottom:30px; padding-bottom:10px;} .home #TabbedPanels2 ul.TabbedPanelsTabGroup {background:url(images/h2BG.png) no-repeat center bottom; height:39px} #careTech {font-size:22px; width:645px; margin-left:10px} #careTechMore {font-size:13px; padding-top:9px} #careTechMore span {color:#0098cc} /* Circular Content Carousel Style 1 */ .ca-container {position:relative; margin:25px auto 20px auto; width:939px; height:130px} .ca-wrapper {width:100%; height:100%; position:relative} .ca-item {position:relative; float:left; width:333px; } .ca-nav span {width:26px; height:26px; background:url(images/prevCarrousel.png) no-repeat top left; position:absolute; top:50%; margin-top:-15px; left:-20px; text-indent:-9000px; cursor:pointer; z-index:100} .ca-nav span.ca-nav-next{width:26px; height:26px; background:url(images/nextCarrousel.png) no-repeat top left; position:absolute; top:50%; margin-top:-15px; left:934px; text-indent:-9000px; cursor:pointer; z-index:100} /* Circular Content Carousel Style 1 */ .ca-container {position:relative; margin:25px auto 20px auto; width:939px; height:130px} .ca-wrapper {width:100%; height:100%; position:relative} .ca-item {position:relative; float:left; width:333px; } .ca-nav span {width:26px; height:26px; background:url(images/prevCarrousel.png) no-repeat top left; position:absolute; top:50%; margin-top:-15px; left:-20px; text-indent:-9000px; cursor:pointer; z-index:100} .ca-nav span.ca-nav-next{width:26px; height:26px; background:url(images/nextCarrousel.png) no-repeat top left; position:absolute; top:50%; margin-top:-15px; left:934px; text-indent:-9000px; cursor:pointer; z-index:100} /* Circular Content Carousel Style 1 */ .ca-container {position:relative; margin:25px auto 20px auto; width:939px; height:130px} .ca-wrapper {width:100%; height:100%; position:relative} .ca-item {position:relative; float:left; width:333px; } .ca-nav span {width:26px; height:26px; background:url(images/prevCarrousel.png) no-repeat top left; position:absolute; top:50%; margin-top:-15px; left:-20px; text-indent:-9000px; cursor:pointer; z-index:100} .ca-nav span.ca-nav-next{width:26px; height:26px; background:url(images/nextCarrousel.png) no-repeat top left; position:absolute; top:50%; margin-top:-15px; left:934px; text-indent:-9000px; cursor:pointer; z-index:100} /* Circular Content Carousel Style 1 */ .ca-container {position:relative; margin:25px auto 20px auto; width:939px; height:130px} .ca-wrapper {width:100%; height:100%; position:relative} .ca-item {position:relative; float:left; width:333px; } .ca-nav span {width:26px; height:26px; background:url(images/prevCarrousel.png) no-repeat top left; position:absolute; top:50%; margin-top:-15px; left:-20px; text-indent:-9000px; cursor:pointer; z-index:100} .ca-nav span.ca-nav-next{width:26px; height:26px; background:url(images/nextCarrousel.png) no-repeat top left; position:absolute; top:50%; margin-top:-15px; left:934px; text-indent:-9000px; cursor:pointer; z-index:100} /* ============================== CUSTOM STYLE 25 5 2016 ============================== */ .clearfix { zoom:1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } /* img{ max-width: 100%; vertical-align: middle; } */ .header-call{ float: left; margin-right: 65px; margin-left: 10px; } #HomeSlideShow{ width: 650px; height: 403px; float: left; overflow: hidden; margin-bottom: 30px; } #HomeSlideShow .slide-content{ width: 100% !important; display: block; } .flex-control-nav a{ background: #0097cc !important; box-shadow: none !important; border: none !important; } .flex-control-nav a.flex-active, .flex-control-nav a:hover{ background: #f58021 !important; } .flex-direction-nav a{ z-index: 15; } .slide-show-render .slides li{ border: none !important; } #toolsContainer{ position: relative; z-index: 30; } .ca-item{ text-align: center; } #HomeFeaturedProducts .ProductDetails{ text-align: center; height: auto; } .ProductList li .addcart,.addcart, #HomeFeaturedProducts .addcart, #HomeNewProducts .addcart, #SideTopSellers .addcart{ margin: 0 auto; float: none; text-align: center; } .ProductList li .details, .details, #HomeFeaturedProducts .details, #HomeNewProducts .details, #SideTopSellers .details{ float: none; text-align: center; width: auto; } .ProductList li{ text-align: center; border: 1px solid #e9e9e9; } .product-item-slider .product{ text-align: center; border: 1px solid #e9e9e9; } .bx-wrapper .ca-item .ProductDetails{ text-align: center !important; } #LayoutColumn2 .ProductList li{ border: 1px solid #e9e9e9; width: 227px; margin:0 7px 10px 7px;} .BlogPostContent p{ margin-bottom: 0; } .BlogPostContent{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; } #NewsContent + div{ margin: 0 !important; } .owl-brand-slider .owl-pagination{ display: none !important; } .brandsSlider{ margin: 0 35px; } .owl-brand-slider{ margin: 0; } .owl-brand-slider{ text-align: center; } .owl-brand-slider a{ padding: 0 10px; display: inline-block; } .owl-prev, .owl-next{ height: 26px; width: 26px; display: inline-block; text-indent: -999px; overflow: hidden; } .owl-next{ background:url("images/nextCarrousel.png") no-repeat left top; } .owl-prev{ background:url("images/prevCarrousel.png") no-repeat left top; } .brandsSlider .owl-next{ position: absolute; top: 50%; right: -35px; margin-top: -13px; } .brandsSlider .owl-prev{ position: absolute; top: 50%; left: -35px; margin-top: -13px; } .care-slider-wrap{ margin: 0 35px; } .care-slider{ margin: 0; list-style: none; } .skinCare_block img{ margin-top: 4px; } .care-slider li{ padding: 0 10px; display: block; } .care-slider li li{ padding: 0; display: block; } .care-slider-wrap .owl-next{ position: absolute; top: 50%; right: -35px; margin-top: -13px; } .care-slider-wrap .owl-prev{ position: absolute; top: 50%; left: -35px; margin-top: -13px; } .product-item-slider{ list-style: none; margin-bottom: 30px !important; } .product-item-slider .owl-next{ position: absolute; top: 50%; right: -0px; margin-top: -13px; } .product-item-slider .owl-prev{ position: absolute; top: 50%; left: -0px; margin-top: -13px; } .product-item-slider .ca-item{ float: none; width: auto; } .product-item-slider .ca-item .product, #HomeFeaturedProducts .ca-item .product, #HomeNewProducts .ca-item .product{ width: auto; } #HomeFeaturedProducts .ProductImage, #HomeNewProducts .ProductImage a, .product-item-slider .ProductImage, .product-item-slider .ProductImage a { display: block; width: auto; } #tools ul .SideCategoryListFlyout{ margin: 0; } #tools ul .CategoryList h2{ display: none; } #tools ul .CategoryList ul{ display: block; position: relative; box-shadow: none; top: auto; right: auto; float: none; } #tools ul.treeview li{ padding: 0 !important; height: auto; position: relative; border-bottom: none; } #tools ul.treeview .hitarea{ position: absolute; top: 0; right: 0; width: 39px; height: 39px; border-left: 1px solid #cccccc; background:url(//cdn2.bigcommerce.com/n-d57o0b/87b7o/templates/__custom/images/icon-plus-minus-blue.png?t=1579191448) no-repeat top left; } #tools ul.treeview .hitarea.collapsable-hitarea{ background-position: bottom left; } .CategoryList .treeview li a, #tools ul.treeview li a{ padding: 10px !important; display: block; line-height: normal; font-size: 14px; } .CategoryList .treeview li a{ border-bottom: 1px solid #cccccc; } .CategoryList .treeview li li a, #tools ul.treeview li li a{ padding-left: 20px !important; } input[type="submit"], input[type="button"]{ border-radius: 4px; color: #fff; font-weight: bold; padding: 5px 9px 7px; display: inline-block; } ..my-account-inner-page input[type="submit"]:hover, .my-account-inner-page input[type="button"]:hover{ background: #62bb46 !important; } .btn{ background: #62bb46 !important; border-radius: 4px; color: #fff; font-weight: bold; padding: 5px 9px 7px; display: inline-block; } .btn:hover{ background: #f58021 !important; } .btn.alt{ background: #f58021 !important; } .btn.alt:hover{ background: #62bb46 !important; } input[type="text"], input[type="password"], textarea{ padding: 7px; font-size: 13px; } textarea { border: 1px solid #ccc; resize: none; max-width: 95%; } select{ max-width: 100%; } #LoginForm .CreateAccount{ width: 45%; border: 1px solid #cccccc; margin-right: 1%; padding: 2%; min-height: 247px; } #LoginForm .AccountLogin{ width: 45%; border: 1px solid #cccccc; padding: 2%; min-height: 247px; } #LoginForm .AccountLogin input.Textbox{ width: 60%; } #LoginForm .CreateAccount h2, #LoginForm .AccountLogin h2{ margin-bottom: 25px; } #LoginForm .CreateAccount li{ margin-top: 5px; } #LoginForm .CreateAccount li:first-child{ margin-top: 0; } #CreateAccountForm{ margin-bottom: 30px; padding: 20px; border: 1px solid #ccc; } #CreateAccountForm h2{ margin-top: 0; } #EditAccountForm dd, #CreateAccountForm dd, .FormContainer dd{ margin-bottom: 15px; min-height: 33px; } #EditAccountForm dt, #CreateAccountForm dt, .FormContainer dt{ padding-top: 8px; } #fullsize #LoginForm .AccountLogin{ margin-top: 0; } .YourAccount ul{ list-style: none; } .my-account-inner-page .Left .AccountMenu{ border: 1px solid #cccccc; } .my-account-inner-page .Left .AccountMenu h2{ margin: 0 !important; padding: 5px !important; color: #ffffff !important; background: #0098cc; } .my-account-inner-page .Left .AccountMenu ul{ margin: 0 !important; list-style: none; } .my-account-inner-page #SideAccountMenu li{ padding: 0; background: none; border-top: 1px solid #cccccc; } .my-account-inner-page #SideAccountMenu li:first-child{ border-top: none; } .my-account-inner-page #SideAccountMenu li a { color: #999; display: block; line-height: normal; padding: 10px; font-size: 14px; } .my-account-inner-page #SideAccountMenu li a:hover{ color: #0098cc; } .my-account-inner-page .FormContainer dt { float: left; height: 22px; margin-bottom: 10px; margin-right: 10px; padding-top: 5px; text-align: right; width: 145px; clear: both; } .my-account-inner-page .FormContainer p.Submit{ margin-left: 155px; } .my-account-inner-page .FormContainer dd{ margin-bottom: 15px !important; } .Message { background-position: 10px center !important; font-size: 13px !important; line-height: 18px; padding-bottom: 15px !important; padding-left: 35px; padding-right: 15px !important; padding-top: 15px !important; text-align: left !important; } .AccountOrdersList li{ padding-bottom: 0; border-top: 1px solid #cccccc; padding-top: 15px; margin-top: 15px; } .AccountOrdersList li:first-child{ border-top: none; padding-top: 0; margin-top: 0; } .AccountOrdersList li hr{ display: none; } .AccountOrderStatusList hr{ display: none; } .AccountOrderStatusList li{ padding-bottom: 0; border-top: 1px solid #cccccc; padding-top: 15px; margin-top: 15px; } .AccountOrderStatusList li:first-child{ border-top: none; padding-top: 0; margin-top: 0; } .OrderItemList{ margin-top: 10px; } .OrderItemList li{ padding-bottom: 0; padding-top: 5px; border-top: none; margin-top: 0; } .account-inner-content, .ShippingAddressList, .AccountOrdersList{ margin: 0; padding: 20px; border: 1px solid #cccccc; } .account-inner-content hr{ display: none; } .account-inner-content .BillingDetails, .account-inner-content .ShippingDetails, .account-inner-content #ReorderForm{ border-top: 1px solid #cccccc; padding: 10px 0; margin: 10px 0; } .account-inner-content .Meta{ line-height: 20px; } .AccountMessageList li{ border-bottom: 1px solid #cccccc; padding-bottom: 15px; margin-bottom: 15px; } .AccountMessageList li hr{ display: none; } .ShippingAddressList li{ display: inline-block; width: 45%; margin-right: 3%; margin-bottom: 15px; vertical-align: top; } #wishlistsform .CartContents td a{ margin: 0 3px; } #wishlistsform td, #wishlistsform th,.CartContents tbody td, .CartContents tfoot td{ padding: 10px; vertical-align: middle; } /* .ExpressCheckoutTitle{ padding: 10px 15px; border: 1px solid #0098cc; color: #0098cc; font-size: 17px; } .ExpressCheckoutTitle span{ color: #f58020; } .ExpressCheckoutBlockCompleted .ChangeLink, a.ChangeLink { background: #f58020; border-radius: 2px; font-size: 14px; height: auto; line-height: normal; padding: 7px 10px; width: auto; margin-top: 6px; } .ExpressCheckoutBlockCompleted .ChangeLink:hover, a.ChangeLink:hover{ background: #0098cc; } .ExpressCheckoutContent input[type="text"], .ExpressCheckoutContent input[type="password"]{ padding: 7px; } .CartContents tfoot .SubTotal td{ border-color: #cccccc; } .SelectBillingAddress option, .SelectShippingAddress option{ padding: 7px; } */ .QuantityInput { left: auto; position: relative; top: auto; margin-bottom: 5px; } #LoginForm .CreateAccount ul{ margin-bottom: 20px; } .my-account-inner-page .Breadcrumb{ display: none !important; } .RemoveFromWishlistForm{ text-align: center; } #SideTopSellers .ProductDetails{ text-align: center; } select{ padding: 2px 2px } select option{ padding: 3px 10px } .YourAccount a:hover {color: #999999} .YourAccount ul{ margin: 0; } .YourAccount ul li { margin-bottom: 0; margin-top: 20px; } .YourAccount ul li:first-child{ margin-top: 0; } #SideTopSellers .ProductActionAdd, .ProductActionAdd{ text-align: center !important;; } .skinCare_block h2{ text-align: left; } #HomeFeaturedProducts .ca-item .product, #HomeNewProducts .ca-item .product, .product{ margin: 10px; } .TabbedPanelsContent{ margin: 0; padding: 30px 0 10px 0; } .ProductImage img{ margin: 15px 0; } .ProductActionAdd{ margin-bottom: 15px; } .ProductImage, .ProductDetails, .ProductDetails a, .ProductPriceRating, .ProductActionAdd, .ProductActionAdd .details{ text-align: center !important; } .ProductDetails{ margin: 0 15px !important; height: 45px !important; } .ProductDetails a{ margin: 10px 0; } #footWarranty div{ margin-bottom: 25px; } #footWarranty div img{ display: inline-block; vertical-align: middle; margin-right: 5px; } #footWarranty div p{ display: inline-block; vertical-align: middle; margin-bottom: 0; } .skinCare_block img{ margin-bottom: 10px; } .ProductActionAdd-slider{ margin: 0 15px 15px 15px; } #copyright a{ color: #ffffff; } .my-account-page .titleDeco, .my-account-inner-page .titleDeco{ background: none; padding-left: 0; padding-bottom: 0; } .BlogPostContent{ clear: both; } .BlogPostContent { zoom:1; } .BlogPostContent:before, .BlogPostContent:after { content: ""; display: table; } .BlogPostContent:after { clear: both; } /* ============================== MEDIA STYLE 25 5 2016 ============================== */ @media screen and (max-width: 979px) { #HomeSlideShow{ margin-bottom: 15px; float: none; width: 100%; height: auto; } .slide-show-render-full .slide-content, .slide-show-render-full .drop-indicator, .slide-show-render .slides li, .slide-show-render .slides{ height: auto; } #wrapper #searchspring {width:100%; margin-left:0%; margin-right:0; box-sizing:border-box; min-height:311px; max-width:inherit} #wrapper #sliderContainer {width:100%; margin-right:0%; box-sizing:border-box; margin-left:0; overflow:hidden; text-align:center} #searchspring .content {box-sizing:border-box; width:100%} #brandsSlider .bx-wrapper, #TabbedPanels2 .bx-wrapper{ margin: 0 38px !important; } #Container #header{ margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #cccccc; } .my-account-inner-page .FormContainer dt{ float: none !important; height: auto !important; margin-bottom: 5px !important; width: auto !important; text-align: left; } .my-account-inner-page .FormContainer dd{ float: none; width: auto; margin-bottom: 7px; } .my-account-inner-page .FormContainer p.Submit{ margin-left: 0 !important; } .my-account-inner-page #LayoutColumn1{ width: 29%; } #footWarranty{ text-align: center; } #footWarranty div{ margin: 0 10px 15px 10px !important; display: inline-block; } #connectBlock{ text-align: center; } #connectBlock h2, #connectBlock h3{ float: none; display: block; vertical-align: middle; } #SideNewsletterBox{ float: none; display: inline-block; vertical-align: middle; } #connectBlock .socialmedia li{ float: none; display: inline-block; vertical-align: middle; } #footWarranty div{ width: 35%; text-align: left; } #footWarranty{ padding-top: 20px; } .norton-tab{ width: 100% !important; float: none !important; margin: 0 0 15px 0 !important; } #LayoutColumn2 .ProductList li .ProductImage a { display: table-cell; vertical-align: middle; } } @media screen and (max-width: 767px) { .skinCare_block h2{ text-align: center; } #header #callChat{ display: block; float: none; margin: 10px auto; } #header #callChat a{ display: block; text-align: center; } #wrapper #searchspring{ text-align: center; } #wrapper #searchspring form div{ text-align: left; } #searchspring input[type="image"]{ display: inline-block; } li#careTech{ text-align: center; margin: 0; } .skinCare_block h2{ font-size: 14px; } #HomeSlideShow{ margin-bottom: 15px; } .TabbedPanelsContent{ padding: 20px 0 0 0; } #brandsCarrousel .titleDeco{ padding-top: 20px; padding-left: 0; text-align: center; } .ProductActionAdd .details{ display: none; } #SideTopSellers .addcart, .addcart{ float: none; display: inline-block; } #footWarranty{ text-align: center; } #footWarranty div{ display: inline-block; margin: 10px 40px!important; width: auto; display: block; text-align: center; } #connectBlock{ text-align: center; } #connectBlock h2, #connectBlock h3{ float: none; } #SideNewsletterBox{ float: none; display: inline-block; } #connectBlock .socialmedia li{ display: inline-block; float: none; } #searchspring h2{ text-align: center; } #mobilePhoneChat{ display: none !important; } .header-logo-block{ text-align: center; } .header-logo-block img{ float: none !important; margin: 0 !important; } #search{ display: block !important; } #header #search{ background: url(//cdn2.bigcommerce.com/n-d57o0b/87b7o/templates/__custom/images/search_bg.jpg?t=1579191448); float: none; margin: 10px; width: auto; border: 1px solid #eaeaea; border-radius: 2px; padding: 5px; height: auto; } #SearchForm{ border: 1px solid #dadada; position: relative; background: #ffffff; } #mobileSearch{ display: none !important; } #search input[type="text"] { float: left; height: 17px; left: auto; padding: 9px 3%; position: relative; top: auto; width: 94%; } #search input[type="submit"] { background: url(//cdn2.bigcommerce.com/n-d57o0b/87b7o/templates/__custom/images/icon-search.png?t=1579191448) no-repeat center center; height: 35px; padding: 0; position: absolute; right: 0; top: 0; width: 35px; } .skinCare_block img{ float: none; margin-bottom: 10px; width: auto; } .care-slider li{ text-align: center; } .skinCare_block h2{ float: none; margin: 5px 0; width: auto; } .skinCare_block li{ float: none; margin: 0 2px; width: auto; } #LoginForm .CreateAccount, #LoginForm .AccountLogin{ min-height: 100px; } #LoginForm .AccountLogin, #LoginForm .CreateAccount, #fullsize #LoginForm .CreateAccount, #fullsize #LoginForm .AccountLogin{ float: none; width: 92%; margin-bottom: 15px; padding: 4%; } #LoginForm .AccountLogin input.Textbox{ width: 80%; } /* #CreateAccountForm dt, #EditAccountForm dt, .FormContainer dt, #LoginForm .AccountLogin dt .AddBillingAddress .FormContainer dt { float: none; height: auto; margin-bottom: 5px; width: auto; } */ #CreateAccountForm dd, #EditAccountForm dd, .FormContainer dd, #LoginForm .AccountLogin dd, .AddBillingAddress .FormContainer dd{ float: none; width: auto; margin-bottom: 7px; } #CreateAccountForm p.Submit, .FormContainer p.Submit, #LoginForm .AccountLogin p.Submit{ margin-left: 0; } .my-account-inner-page #LayoutColumn1 { box-sizing: border-box; float: none; margin-bottom: 35px; width: 100%; } .my-account-inner-page #LayoutColumn2 { box-sizing: border-box; float: none; width: 100%; } .account-inner-content, .ShippingAddressList, .AccountOrdersList{ padding: 15px; } .titleDeco{ font-size: 20px; } /* .ExpressCheckoutTitle{ line-height: normal; padding: 7px 10px; } .ExpressCheckoutContent dd, .ExpressCheckoutContent dt{ float: none !important; width: auto !important;; } .ExpressCheckout h3{ line-height: 28px; height: auto; } .ExpressCheckoutBlockCompleted .ChangeLink, a.ChangeLink{ margin-top: 0; } .ExpressCheckout .CheckoutRedeemCoupon{ margin-top: 15px; } .ExpressCheckout .CheckoutRedeemCoupon strong{ margin-bottom: 5px; display: inline-block; } #OrderConfirmationForm th{ font-size: 12px; } */ .product-item-slider{ margin-bottom:0 !important; } #callChat img{ margin-left: 0; } #footWarranty{ padding-top: 10px; } #footWarranty div{ display: block; margin: 20px 0px!important; } #copyright{ font-size: 12px; } } @media screen and (max-width: 567px) { .ShippingAddressList li{ border-top: 1px solid #cccccc; display: block; margin-right: 0; margin-top: 10px; padding-top: 10px; width: auto; margin-bottom: 0; } .ShippingAddressList li:first-child{ margin-top: 0; padding-top: 0; border-top: none; } #copyright{ line-height: 20px; padding: 7px 0; } } @media screen and (max-width: 479px) { #header #callChat { background-size: 100% 100%; height: auto; margin: 5px 10px; padding: 11px; width: auto; } #callChat img{ margin: 0; height: auto; width: auto; } #footWarranty div{ display: block; margin: 20px 0px!important; } .AccountOrderStatusList form{ float: none !important; margin-left: 0; margin-bottom: 5px; } #wishlistsform input[type="button"]{ margin-bottom: 5px; } #wishlistsform th{ font-size: 11px; } } .ShowSlides .slides > li.slide .slide-overlay,.ShowSlides .slides > li.slide .slide-image-wrapper { display:block; } .slides > li.slide .slide-overlay,.slides > li.slide .slide-image-wrapper { display:none; } .slides { opacity:0; } .show .slides { opacity:1; display:block;} .Left .BlockContent ul.category-list li { position:relative; } .treeview .hitarea.collapsable-hitarea,.treeview .hitarea.expandable-hitarea { padding: 5px 10px; color: #666; font-weight: normal; font-size: 15px; text-transform: uppercase; margin-bottom: 8px; display: block; position: absolute; background: url(//cdn.searchspring.net/ajax_search/sites/6crijg/img/facetbutton.png) no-repeat right 10px center white; right: 0; height: 20px; width: 20px; } .Left .BlockContent ul.category-list ul { margin-left: 0 !important; } .Left .BlockContent ul.category-list li li a{ padding-left: 30px !important; } #LayoutColumn2 .ProductList li .ProductImage img { max-width: 100%; width: 100%; } #header #callChat img { max-width:100%; } #LayoutColumn2 .ProductList li .ProductImage { display:table;width:100% !important; } #LayoutColumn2 .ProductList li .ProductImage a { display:table-cell; } img {max-width:100%; } #LayoutColumn2 .ProductList li .ProductImage img { width:auto;max-height:230px; } /* =============== custom style :: 26 1 2017 =============== */ /* ==== Temporarily commented out because products were not showing on my category pages! === */ .ProductThumbImage img { max-width:inherit; } #HomeSlideShow{ width: 100%; } #LayoutColumn1 ul.category-list, #LayoutColumn1 .ShopByPrice ul{ margin-left: 0; } .ShopByPrice{ font-size: 14px; } .ShopByPrice li a{ border-bottom: 1px solid #cccccc; padding: 10px; display: block; } #SideShopByBrand ul{ margin-left: 0; } #SideShopByBrand li{ font-size: 14px; margin-bottom: 7px; } .ProductList li .details{ display: none !important; } .ProductList li .addcart{ float: none !important; } #CategoryPagingBottom,#CategoryPagingTop,.CategoryPagination { margin-top:20px; } .Left #SideCategoryShopByPrice,.Left #SideShopByBrand { display:none !important; } .Left #SideCategoryList { display:none; } .Left #SideCategoryList.show { display:block; } #QuickViewContent #text_qty_ { position:relative; } #LayoutColumn2 .ProductList li .ProductImage a { display: table-cell; vertical-align: middle; } /* =============== custom style :: 1 2 2017 =============== */ #LayoutColumn1 h2{color: #60aa47;} .Left .CategoryList .treeview li a{border-bottom: 1px dotted #cccccc; padding: 8px !important;} #LayoutColumn1 ul, .SideCategoryListFlyout{margin-bottom: 0;} .SideCategoryListClassic ul ul{margin-top: 0;} .pagenumbersortbox{border-top: 1px dotted #b3b3b3;} #CategoryPagingTop .CategoryPagination, .pagenumbersortbox > .CategoryPagination{border:none;} #CategoryPagingTop.Block.Moveable.Panel, .pagenumbersortbox > .CategoryPagination {width: 50%; float:left;} #CategoryPagingTop, .CategoryPagination{margin:0} .FloatRightSort {float: right;} .SortBox {margin-top: 12px;} #CategoryPagingBottom .FloatRightSort{display:block;} .PagingBottom {margin-top: 20px;} #CategoryPagingBottom .CategoryPagination, .CategoryPagination{border-top: 1px dotted #b3b3b3; border-bottom: 1px dotted #b3b3b3;} .pagenumbersortbox .PagingList{text-align: left; padding-top:12px;} .PagingList{text-align: left;} .pagenumbersortbox #SearchSortingSelectContainer{margin:0 0 20px;} .SearchContainer > .CategoryPagination{margin-top:20px;} #QuickSearch{width:320px !important; border: 1px solid #b3b3b3; top:133px !important; } #QuickSearch td{border-bottom: none;} .QuickSearchAllResults td{border-top:1px solid #b3b3b3; padding:10px !important;} .QuickSearchResultName, .QuickSearchResultMeta span, .QuickSearchAllResults{font-size:14px; line-height:20px;} #tools ul.treeview .hitarea{height:29px; width:29px;} #LayoutColumn2 .ProductList li .addcart{width:125px;} .addcart.Out.of.Stock{background: #f58021 !important;} .SearchSuggest {font-size: 15px;} .SearchSorting.SortBox{position: inherit; float:right} .ProductList li .ProductDetails a{font-weight:normal;} #SearchResultsBrand {margin-bottom: 20px;} #SearchResultsCategory >ul li{list-style:none; font-size: 15px;} #SearchResultsCategory >ul {margin:10px 0 15px;} #SearchResultsCategory >ul li a{font-size: 15px; line-height: 23px;} .Block.BlockContent.banner_brand_page_top{margin-bottom:30px;} .QuickSearchAllResults td a{font-weight:700;} .QuickSearchResultImage .searchImg{border: 1px solid #b3b3b3 !important; width: 65px; height: 65px; text-align: center; vertical-align: middle;} .QuickSearchResultImage .searchImg span{ display: table-cell; vertical-align: middle; width: 65px; height: 65px;} @media only screen and (max-width: 1024px) { .pagenumbersortbox .PagingList{padding-top:6px;} } @media only screen and (max-width: 1023px) { /* HOME PAGE */ #QuickSearch{top:145px !important;} } /* iPhone-6 plus 736 (Landscape) view */ @media only screen and (max-width: 767px) { /* HOME PAGE */ #QuickSearch{width:735px !important; top:255px !important;} .PagingList{width: 100%;} .header-logo-block{padding-top:5px;} } /* iPhone-6 667 (Landscape) view */ @media only screen and (max-width: 735px) { #QuickSearch{width:635px !important; } #CategoryPagingTop.Block.Moveable.Panel, .pagenumbersortbox > .CategoryPagination {width: 46%;} } /* iPhone-5 568 (Landscape) view */ @media only screen and (max-width: 666px) { #QuickSearch{width:536px !important; } #CategoryPagingTop.Block.Moveable.Panel, .pagenumbersortbox > .CategoryPagination {width: 50%;} } /* iPhone-4 480 (Landscape) view */ @media only screen and (max-width: 567px) { #QuickSearch{width:449px !important; } } /* iPhone-6 plus 414 (Porrtrait) view */ @media only screen and (max-width: 479px) { #QuickSearch{width:382px !important; top:245px !important; } #CategoryPagingTop.Block.Moveable.Panel, .pagenumbersortbox > .CategoryPagination{width:100%;} .SearchSorting.SortBox{float:left; width:100%;} #SearchSortingSelectContainer{text-align: left; padding-left:5px;} .FloatRightSort{float:left; padding-left:5px;} .SortBox{float:left; margin-bottom:20px; margin-left: 5px;} } /* iPhone-6 375 (Porrtrait) view */ @media only screen and (max-width: 413px) { #QuickSearch{width:343px !important; } } /* iPhone-4 320 (Porrtrait) view */ @media only screen and (max-width: 374px) { #QuickSearch{width:288px !important; top:238px !important;} }