@charset "utf-8"; @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); /*-------------------------------------------------------------------------------------------------- CSS Styles for . version: 1.0 --------------------------------------------------------------------------------------------------*/ /* =CSS Reset --------------------------------------------------------------------------------------------------*/ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* End CSS Reset --------------------------------------------------------------------------------------------------*/ /* remember to define focus styles! */ :focus { outline: 0; } /* =Toolkit --------------------------------------------------------------------------------------------------*/ /* Micro Clearfix Hack by Nicholas Gallagher (http://nicolasgallagher.com/micro-clearfix-hack/) */ /* For modern browsers */ .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } /* For IE 6/7 (trigger hasLayout) */ .cf { zoom:1; } /* general purpose classes */ .nodisplay { display:none; } .nodisplay_strict { display:none !important; } .alignleft { float:left; } .alignnone { clear:both; font-size:0; line-height:0; margin:0; padding:0; border:0; height:0; width:0;} .alignright { float:right;} /* End Toolkit --------------------------------------------------------------------------------------------------*/ /* =Normalization - mostly derived from normalize.css (https://github.com/necolas/normalize.css/) but without comments and compressed to keep the file small --------------------------------------------------------------------------------------------------*/ hr { display:block; height:1px; border:0; margin:1em 0; padding:0; border-top:1px solid #cccccc; /* change border colour to suit your needs */ } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html {font-size: 100%; -webkit-text-size-adjust: none; -ms-text-size-adjust: none;} body, button, input, select, textarea { font-family: sans-serif; } a:focus { outline: none; } a:hover, a:active { outline: none; } h1 {} h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {} dd { margin: 0px; } nav ul, nav ol { list-style: none; list-style-image: none; } ins {text-decoration: none;} del { text-decoration: line-through; } abbr[title] { border-bottom: 1px dotted; cursor:help; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace;} pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } small { font-size: 100%; } sub,sup { font-size: 100%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align:top;} svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: none; margin: 0; padding: 0; } legend { border: 0; padding: 0; white-space: normal; *margin-left: -7px;} button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; outline:0;} button, input { line-height: normal; } button{ border: 0; padding: 0; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; white-space: normal;} input, select { vertical-align:middle; } select { padding:0 8px; border: 1px solid #d7d7d7; height:35px; line-height:24x; font-family: 'Open Sans', sans-serif; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type="checkbox"] { -webkit-appearance:checkbox; -moz-appearance:checkbox; } input[type="radio"] { -webkit-appearance:radio; -moz-appearance:radio; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0;} textarea { overflow: auto; vertical-align: top; resize: none; -webkit-appearance: none; } ::-moz-focus-inner {border: 0; outline: 0;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #5e5e5e; opacity:1;} /* WebKit browsers */ input:-moz-placeholder, textarea:-moz-placeholder { color: #5e5e5e; opacity:1;} /* Mozilla Firefox 4 to 18 */ input::-moz-placeholder, textarea::-moz-placeholder { color: #5e5e5e; opacity:1;} /* Mozilla Firefox 19+ */ input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #5e5e5e; opacity:1;} /* Internet Explorer 10+ */ /* End Normalization --------------------------------------------------------------------------------------------------*/ /* =Typography --------------------------------------------------------------------------------------------------*/ /* Setting up the fonts */ body { font: 14px/18px Arial, Helvetica, sans-serif; color:#000; background:#fff; -webkit-font-smoothing: antialiased; } /* End Typography --------------------------------------------------------------------------------------------------*/ /* =Headings --------------------------------------------------------------------------------------------------*/ h1 {} h2 {} h3 {} h4 {} h5 {} h6 {} /* End Headings --------------------------------------------------------------------------------------------------*/ /* =Links --------------------------------------------------------------------------------------------------*/ a {text-decoration:none; Color:#000; cursor:pointer !important; outline: 0;} a:hover {text-decoration:none;} /* End Links --------------------------------------------------------------------------------------------------*/ /* =Branding --------------------------------------------------------------------------------------------------------*/ p {padding:0 0 10px 0; margin:0;} html, body { font-family: 'Open Sans', sans-serif; } /* =Header ----------------------------------------------------------------------------------------------------------*/ .main-container, .footer-container, .page-header{ max-width: 1230px; z-index: 2; position: relative; } .header-language-background{ background: #fff; padding: 11px 30px;} .header-language-background .header-language-container{ position: relative; max-width: 1170px;} .welcome-outer{ width: 50%; float: left;} .welcome-outer .contact-info{ padding-left: 47px; color: #454545; font-size: 14px; font-family: 'Open Sans', sans-serif; border-left: 1px solid #c5c5c5; line-height: normal; position: relative;} .welcome-outer .contact-info::before{ content: ""; position: absolute; height: 20px; width: 20px; background: url('../images/sprite.png') no-repeat -2px -3px; display: block; top: -1px; left: 18px;} .header-outer{background: url('../images/background-img.png') no-repeat; background-size: cover; position: relative; z-index: 10;} .cms-home .header-outer::after{ position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 50px; background: #fff; content: ""; z-index: 1;} .header-language-background .welcome-msg{padding-right: 20px; float: left; padding-bottom: 0px; font-size: 14px; color: #454545; text-transform: capitalize; font-family: 'Open Sans', sans-serif; line-height: normal; padding-left: 0px; letter-spacing: 0.1px;} .header-language-background .welcome-msg b{ font-weight: 600;} #header-nav{ clear: both;} .header-language-background .header-language-container .skip-links{ width: 50%; float: right; clear: none; text-align: right; overflow: visible;} .account-cart-wrapper{ position: relative; height: 20px;} .header-language-background .header-language-container .skip-links .skip-link, .header-language-background .header-language-container .skip-links .skip-link-login{float: right; height: auto; line-height: normal; background: transparent; padding: 0 20px; border-right: 1px solid #c5c5c5; width: auto;} .header-language-background .header-language-container .skip-links .skip-link:hover{ opacity: 1;} .header-language-background .header-language-container .skip-links .skip-link .icon, .header-language-background .header-language-container .skip-links .skip-link-login .icon{ height: 21px; width: 22px; background: url('../images/sprite.png') no-repeat 0 -64px; margin-top: -3px; margin-right: 5px; vertical-align: middle; display: inline-block;} .header-language-background .header-language-container .skip-links .skip-login .icon{ background-position: 0 -143px;} .header-language-background .header-language-container .skip-links .skip-cart .icon{ background-position: 0 -240px; float:left; } .header-language-background .header-language-container .skip-links .skip-cart .label { float:left; } .header-language-background .header-language-container .skip-links .skip-cart{ border-right: none; padding-right: 0;} .header-language-background .header-language-container .skip-links span.label{ font-size: 14px; line-height: normal; color: #454545; text-transform: capitalize; display: inline;} .skip-cart.no-count .count, .skip-cart .count{ display: inline-block; color: #454545; font-weight: 600; height: 18px !important; text-transform: capitalize; line-height: normal; font-family: 'Open Sans', sans-serif; float: right; padding-left:5px; margin-top:-2px; } .skip-cart .count::before, .skip-cart .count::after{ display: none !important;} .header-minicart{ float: right; position: relative; z-index: 99;} #header-cart.skip-active, #header-account.skip-active{ top: 31px;} #header-account.skip-active{ right: inherit; left: 80px; padding: 0; background: #fff; border-color: #c5c5c5;} #header-account a{ font-family: 'Open Sans', sans-serif; color: #2b2e2d; text-transform: capitalize;} .header-top{ overflow: hidden; padding: 15px 0 10px;} .header-top .logo{ padding: 0; } .header-top #header-search{ position: relative; float: right; top: 0; margin-top: 19px; width: 27%;} .header-top #header-search #search{ box-sizing: border-box; height: 45px; border-color: #fff; border-radius: 3px; padding-left: 15px; font-family: 'Open Sans', sans-serif; font-size: 14px;} #search_mini_form .search-button{ top: 0; bottom: 0; height: auto; } #search_mini_form .search-button::before{ background: url('../images/sprite.png') no-repeat 3px -321px; } #header-nav{ border-bottom: none;} #header-nav ol.nav-primary{ background: #1288eb; margin-top: 0; border-radius: 2px;} #header-nav ol.nav-primary > li > a{ /*padding: 7px 25px; */color: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600;} #header-nav ol.nav-primary > li > a:hover, #header-nav ol.nav-primary > li.menu-active > a, .nav-primary li.level0 ul.level0 > li > a:hover, .nav-primary li.level0 ul.level0 > li.menu-active > a{background: #b1d862; color: #fff;} .header-minicart .block-subtitle{ color: #AED854; padding: 15px;} .header-minicart .block-subtitle .close{ top: -2px; right: 0;} .header-minicart .product-name{ text-transform: capitalize; color: #2b2e2d; overflow: hidden;} .header-minicart .product-details .product-name a{ float: left; color: #2b2e2d; text-align: left;} .header-minicart .info-wrapper td{ text-align: left; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #2b2e2d;} .header-minicart .info-wrapper th, .header-minicart .subtotal span.label{font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; color: #2b2e2d; text-transform: capitalize; } .header-minicart .info-wrapper .qty{ border-color: #c5c5c5; line-height: 30px;} .header-minicart .info-wrapper .qty:focus button.visible { opacity:1; } .header-minicart .info-wrapper .quantity-button.visible { opacity:1; } .header-minicart .btn-edit, .header-minicart .remove, .header-minicart .cart-link{ color: #AED854 !important; text-transform: capitalize; font-weight: 600;} .header-minicart .subtotal{ padding: 5px 0; line-height: normal;} .header-minicart .subtotal span.price{ font-family: 'Open Sans', sans-serif; font-size: 14px; color: #2b2e2d;} .header-minicart .minicart-actions .checkout-button{display: block; border: 1px solid #7d7d7d; background: #7d7d7d; height: 30px; line-height: 15px; border-radius: 3px; } .header-minicart .minicart-actions .checkout-button span{ color: #fff; ont-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600;} .header-minicart .minicart-actions .checkout-button:hover{ background: #AED854; border-color: #AED854;} .header-minicart .empty{ font-size: 12px; color: #454545;} /*========= Mega menu ================================*/ .nav-primary li.level0 ul.level0 { top:100%; padding: 0; border-color: #dadada; background:#fff; width:700px; } .nav-primary li.level0 ul.level0 li { position:relative; float:left; width:33.33%; } .nav-primary li.level0 ul.level0 > li > a{ padding:12px 25px; color: #2b2e2d; font-size: 14px; line-height: normal; border-color: #dadada; font-family: 'Open Sans', sans-serif; font-weight: 600; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .nav-primary li.level0 li.parent a::after{border: none;} .nav-primary li.level0 li.level1 > a::after{background: url('../images/sprite.png') no-repeat -56px -148px; height: 15px; width: 10px; display: block; top: 5px; bottom: 0; margin: auto; } .nav-primary li.level0 ul.level0 > li > a:hover::after, .nav-primary li.level0 ul.level0 > li.menu-active > a::after{background-position: -56px -68px; } .nav-primary li ul li.level1.menu-active div.mega-submenu::after, .nav-primary li ul li.level1.menu-active div.mega-submenu::before{ content: ''; display: table;} .nav-primary li ul li.level1.menu-active div.mega-submenu::after{ clear: both; } .nav-primary li ul li.level1.menu-active div.mega-submenu { display:block; position:absolute; left:100%; top:0; background: #fff; width:100%; padding:0; border-top:1px solid #dadada; } .nav-primary li ul li.level1.menu-active div.mega-submenu ul.level1 { display:block; float: left; width: 100%; position:static; padding:0; border-top: 0; border-bottom: 0; border-left:1px solid #dadada; border-right:1px solid #dadada; background: #fff; } .nav-primary li ul li.level1.menu-active div.mega-submenu ul:last-child.level1{border-bottom:1px solid #dadada; } .nav-primary li ul li.level1.menu-active div.mega-submenu ul.level1 li.level2 { width:100%; float: left; padding:0;} .nav-primary li ul li.level1.menu-active div.mega-submenu ul.level1 li.level2 ul.level2{ position: static; display: block; float: left; width: 100%; border:0; padding:0; background: #fff;} .nav-primary li ul li.level1.menu-active div.mega-submenu ul.level1 li a { border-bottom:0; color:#2b2e2d; border: none; font-size:14px; line-height: 22px; font-family:'Open Sans', sans-serif; text-overflow: ellipsis; width: 100%; white-space: nowrap; overflow: hidden; padding:5px 25px 5px 30px; } .nav-primary li ul li.level1.menu-active div.mega-submenu ul.level1 li a:hover { background:#eee; } .nav-primary li ul li.level1.menu-active div.mega-submenu ul.level1 li.level2 ul.level2 li a { border-bottom: 0; border-top: 0; border-right: 0; border-left:0; border-bottom: 1px solid #d8d8d8; color: #2b2e2d; font-size: 13px; line-height: 25px; font-family: 'Open Sans', sans-serif; font-weight: normal; margin:0; } .nav-primary li ul li.level1.menu-active div.mega-submenu ul.level1 li.level2 ul.level2 li.level3 { width:100%; } .nav-primary li ul li.level1.menu-active div.mega-submenu ul.level1 li.level2 ul.level2 li.level3 a { padding-left:40px; font-size:12px; } /*========= Banner ================================*/ .magestore-bannerslider{ margin-top: 10px;} .magestore-bannerslider-standard .flexslider{ border: none; border-radius: 0; margin-bottom: 0; z-index: 100;} .magestore-bannerslider-standard .flex-control-nav{ bottom: 30px;} .magestore-bannerslider-standard .flex-control-paging li { margin: 0 2px;} .magestore-bannerslider-standard .flex-control-paging li a{ background: #cccdcc; box-shadow: none;} .magestore-bannerslider-standard .flex-control-paging li a.flex-active{background: #b1d862; } /*========= Banner ================================*/ /* =Header ----------------------------------------------------------------------------------------------------------*/ /*========= Breadcrumb ================================*/ .breadcrumbs{ margin: 30px 0;} .breadcrumbs li span{ font-size: 0px; height: 18px; width: 18px; display: block; background: url('../images/sprite.png') no-repeat -50px -326px;} .breadcrumbs li a, .breadcrumbs li strong{ font-size: 13px; line-height: normal; text-transform: capitalize; color: #2b2e2d; font-weight: 600; font-family: 'Open Sans', sans-serif;} .breadcrumbs li strong{ font-weight: 400;} /*========= Breadcrumb ================================*/ input.input-text{ border: 1px solid #d7d7d7; width: 100%; height: 40px; line-height:24px; font-family: 'Open Sans', sans-serif;} input.input-text:hover, input.input-text:focus{ border-color: #1288EB;} .form-list select { border:1px solid #d7d7d7; width:100%; height:40px; line-height:40px; font-family:'Open Sans', sans-serif; } .main-container.col2-left-layout{ padding: 50px 30px;} .wrapper{ background:none; position:relative; } .products-grid{ margin-bottom: 20px;} .products-grid > li{ position: relative; } .products-grid > li, .products-grid li.slide{ border: 1px solid #d8d8d8; border-radius: 3px; margin-bottom: 30px;} .products-grid > li:hover, .products-grid li.slide:hover{ border-color: #aed854;} .products-grid li a.product-image{ border: none; margin-top: 15px;} .products-grid .product-image img{ width: auto; margin: auto; max-width: 100%;} .products-grid li .product-info{ padding: 15px !important; min-height: 165px !important; overflow: hidden; position: static;} .products-grid li .product-info .product-name{ padding: 15px; background: #eee; margin: 0 -15px; text-align: center;} .products-grid li .product-info .product-name a{ font-size: 15px; color: #151817; font-weight: 600; font-family: 'Open Sans', sans-serif; min-height: 42px; display: block;} .products-grid li .product-info .price-box{ width: 45%; float: left; text-align: left; margin: 0; padding-top: 15px;} .products-grid li .product-info .price-box p{ display: block; padding: 0;} .products-grid li .product-info .price-box .price{ font-size: 20px; color: #151718; line-height: normal; font-weight: 600; margin-bottom: 0; font-family: 'Open Sans', sans-serif; display: block;} .products-grid li .product-info .price-box .old-price .price{ font-size: 14px; opacity: 0.7; font-weight: 500;} .products-grid li .product-info .actions{ display: block; position: relative; width: 55%; float: right; min-height: 5px; padding-top: 25px; text-align: right;} .products-grid li .product-info .actions .button{ display: none;} .products-grid li .product-info .actions .button.btn-cart{display: block; border: 1px solid #7d7d7d; background: #7d7d7d; height: 30px; line-height: 15px; border-radius: 3px; float: right;} .products-grid li .product-info .actions .button span{ font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 600;} .products-grid li .product-info .add-to-links{ display: none;} .products-grid li:hover .product-info .actions .button, .products-grid li:hover .product-info .product-name{ background: #aed854; border-color: #aed854; } .products-grid li:hover .product-info .product-name a{color: #fff;} .products-grid > li .ratings, .owl-stage-outer li.slide .ratings{ position: absolute; margin: 0; top: 10px; right: 10px; } .sidebar{ padding-right: 20px;} .sidebar .block-title span, #narrow-by-list dt{ padding: 12px 15px; background: #aed854; color: #fff; font-size: 20px; line-height: normal; font-family: 'Open Sans', sans-serif; display: block; text-transform: capitalize; font-weight: 600; border-color: #aed854;} .sidebar .block-content ul#outer_ul{ padding: 0;} .sidebar .block-content ul#outer_ul li{ margin-left: 0; padding: 3px 2px; border-bottom: none; border-top: 1px solid #e7e7e7;} /*.sidebar .block-content ul#outer_ul li:last-child{ border-bottom: 1px solid #e7e7e7;}*/ .sidebar .block-content ul#outer_ul li:first-child{ border-top: none; border-bottom: none;} .sidebar .block-content ul#outer_ul li a{ font-size: 13px; color: #2b2e2d; line-height: normal; font-family: 'Open Sans', sans-serif; } .sidebar .block-content ul#outer_ul li #parent{ background: url('../images/sprite.png') no-repeat -52px -140px !important; cursor: pointer;} .sidebar .block-content ul#outer_ul li #parent.expanded{background-position: -52px -235px !important;} .sidebar .block-content ul#outer_ul li > ul{margin-bottom: -3px;} .sidebar .block-content ul#outer_ul li > ul > li{ background: none; padding-left: 12px; border-color: #d8d8d8; } .sbanner{ margin-bottom: 10px; overflow: hidden;} .cms-home .col-main > .std{display: none;} h1.head{ font-size: 35px; line-height: normal; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #2b2e2d; margin-bottom: 30px; text-transform: capitalize;} h1.head b{ font-weight: 600;} .slideshow.products-grid{ position: static;} .home-products{ padding-top: 40px; border-top: 1px solid #d7d7d7; position: relative;} .home-products .owl-nav{ position: absolute; top: 53px; right: 0;} .home-products .owl-nav div{ display: inline-block; height: 24px; width: 24px; margin-left: 5px; background: url('../images/sprite.png') no-repeat -1px -402px; font-size: 0;} .home-products .owl-nav .owl-prev:hover{ background-position: -1px -468px;} .home-products .owl-nav div.owl-next{ background-position: -1px -532px;} .home-products .owl-nav div.owl-next:hover{background-position: -1px -598px;} /*=================== Product detail page =======================================*/ .product-view{ padding: 30px 0; position: relative;} .product-img-box { width:44%; padding-right:5px; } .product-view .product-shop{ width: 52%; } .product-image, .no-touch .product-img-box .product-image:hover:not(.zoom-available){ border-color: #dcdcdc; padding: 15px;} .product-img-box .product-image { width:100%; height:411px; } .product-img-box .product-image .product-image-gallery { width:100%; height:100%; } .product-image-gallery .gallery-image.visible { position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; max-width:100%; max-height:100%; } .more-views{ margin-bottom: 25px;} .more-views h2{ font-size: 18px; line-height: normal; text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-bottom: 15px; color: #393c3b;} .more-views ul li{ border: 1px solid #dcdcdc; padding: 5px; width: 20% ; text-align: center;} .more-views ul li a{ border: none;} .more-views ul li img{ max-width: 100%;} .more-views ul:not(.product-image-thumbs) li{ padding: 0;} .print-page{ font-size: 13px; line-height: normal; color: #484b4a; padding-left: 30px; position: absolute; top: 0px; right: 0; font-family: 'Open Sans', sans-serif; font-weight: 600;} .print-page i{ background: url('../images/sprite.png') no-repeat -208px -313px; display: inline-block; height: 20px; width: 20px; margin-right: 5px; float: left;} .product-view .product-shop .product-name{ width: 100%;} .product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1{ color: #484b4a; font-size: 25px; line-height: normal; text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight: 600; width: 80%; float: left;} .product-view .product-shop .product-name .extra-info{ width: 20%; float: right; clear: none; margin: 0; padding: 10px 0 0 0; text-align: right; } .product-view .product-shop .product-name .extra-info p{ padding: 0;} .product-view .product-shop .product-name .extra-info p.availability span.value{ font-size: 13px; line-height: normal; text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight: 600; padding:3px 5px; background: #AED854; border-radius: 3px; color: #fff; min-width: 80px; text-align: center; display: inline-block; } .product-view .product-shop .price-info{ text-align: left; padding-left: 0; display: block; float: left; max-width: 100%; display: block; width: 100%; margin-bottom: 0;} .product-view .product-shop .price-box{ margin-bottom: 0} .product-view .product-shop .price-box .special-price{ padding-left: 0; padding-right: 20px;} .product-view .product-shop .price-box .regular-price .price, .product-view .product-shop .price-box .special-price .price, .product-view .product-shop .price-box .full-product-price .price{ color: #aed854; font-size: 25px; line-height: 25px;} .price-box .old-price .price{ color: #484b4a; font-size: 18px; font-weight: 300;} .product-view .product-shop .price-info .regular-price .price{ font-size: 25px; line-height: normal; color: #aed854; font-family: 'Open Sans', sans-serif; font-weight: 600;} .product-view .short-description .std{ color: #808080; font-size: 13px; line-height: normal; text-transform: capitalize; font-family: 'Open Sans', sans-serif;} .product-view .manufacture{ overflow: hidden; line-height: 40px; width: 63%; float: left; } .product-view .manufacture a{ float: left; border: 1px solid #dcdcdc; padding: 0 15px; width: 116px; text-align: center; margin:0 0 5px; clear: both;} .product-view .manufacture a img{ max-height: 40px; display: inline-block; width:100%; height:100%; vertical-align:middle;} .product-view .manufacture span{ float: left; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #808080; font-size: 13px; margin-left: 20px;} .product-view .product-options{ padding: 0; border: none; margin-top: 30px; float:left; width:100%; } .product-view .product-options dl{ /*overflow: hidden;*/} .product-view .product-options dl dt, .product-view .add-to-cart .qty-wrapper label{ width: 28%; float: left; padding: 0; margin: 0 0 10px 0; height: 30px; line-height: 30px; color: #484b4a; font-family: 'Open Sans', sans-serif; text-transform: capitalize;} .product-view .product-options dl dd{ width: 72%; float: left; padding: 0; margin: 0 0 10px 0; border: none; height: 30px; line-height: 30px;} .product-view .product-options dl dd select, .product-view .add-to-cart .qty-wrapper input.input-text{ width: 100%; max-width: 140px; height: 30px; line-height: 30px; border: 1px solid #dcdcdc; border-radius: 2px; padding:3px 5px; font-family: 'Open Sans', sans-serif; text-transform: capitalize;} .product-view .product-options p.required, .product-shop .add-to-links, .product-shop .sharing-links{ display: none;} .product-options-bottom{ padding: 0; background: none; border: none;} .product-view .add-to-cart{ margin: 0; padding: 0; border: none;} .product-view .add-to-cart .qty-wrapper{ display: block; width: 100%; overflow: hidden; margin: 0;} .product-view .add-to-cart .add-to-cart-buttons{ display: block; width: 100%; overflow: hidden; margin: 7px 0 0 0;} .product-view .add-to-cart .qty-wrapper input.input-text{max-width: 70px; text-align: left;} .product-view .add-to-cart .add-to-cart-buttons .button{ width: 40%; float: left; background: #1288eb; border-radius: 3px; height: 60px; margin-bottom: 0;} .product-view .add-to-cart .add-to-cart-buttons .button span{ font-size: 20px; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: bold; text-transform: uppercase;} .product-view .add-to-cart .add-to-cart-buttons > div, .product-view .add-to-cart .add-to-cart-buttons strong{ text-align: left; width: 60%; float: left; margin: 0 !important; height: 60px; line-height: 60px; padding-left: 10%;} .product-view .add-to-cart .add-to-cart-buttons strong{ font-family: 'Open Sans', sans-serif; font-weight: bold;} .offerbox{ background: none !important; border: none !important; font-size: 20px; color: #1288eb !important; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: bold; text-decoration: underline !important;} .popup-linkouter{ background: #f6f6f6; border-radius: 3px; padding: 25px 25px 20px 25px; margin-top: 0px; float: left; width: 100%;} .popup-linkouter ul{ } .popup-linkouter ul.pop-up-links > li{ float: left; width: 50%; margin-bottom: 10px; position: relative; padding-left: 15px; padding-left: 20px;} .popup-linkouter ul.pop-up-links > li a, .popup-linkouter ul.pop-up-links > li{font-size: 13px; line-height: normal; color: #484b4a; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: capitalize;} .popup-linkouter ul.pop-up-links > li:hover a{color: #1288eb !important; } .popup-linkouter ul.pop-up-links > li:before { content: ""; height: 7px; width: 7px; display: block; position: absolute; left: 0px; top: 0; bottom: 0; margin: auto; background: #1288eb; border-radius: 50%;} .product-option-bottom::after, .product-option-bottom::before{ content: ''; display: table;} .product-option-bottom::after{ clear: both;} .product-option-bottom{ /*overflow: hidden;*/ margin-top: 25px;} .product-option-bottom li{ width: 86px; height: 86px; padding: 10px 0; float: left; border: 1px solid #dcdcdc; border-radius: 5px; text-align: center; margin-right: 10px; position: relative;} .product-option-bottom li a{ position: relative; font-size: 10px; line-height: normal; text-transform: uppercase; color: #3f4140; padding: 0; height: 66px; display: block;} .product-option-bottom li a .checkbox { display:none; } .product-option-bottom li a span.label{ text-align: center;} .product-option-bottom li a span.label span.images{ height: 36px; margin-top: 5px;} .product-option-bottom li a span.label span.images img{ display: inline-block;} .product-option-bottom li a span.label label span{ display: block;} .product-option-bottom li a div.validation-advice{ color: #df280a; font-size: 10px; margin: 5px 0 0; position: absolute; top: 82px; width: 86px; left: -42px;} /*.product-option-bottom li:first-child{ background: url('../images/60-days-return.png') no-repeat 27px 10px;} .product-option-bottom li:nth-child(2){background: url('../images/extended-warranty.png') no-repeat 30px 10px;} .product-option-bottom li:nth-child(3){background: url('../images/free-return.png') no-repeat 13px 10px;} .product-option-bottom li:nth-child(4){background: url('../images/made-in-india.png') no-repeat 27px 17px;}*/ .product-option-bottom ul.options-list label{ padding:0;} .product-options .product-option-bottom ul.options-list .radio, .product-options .product-option-bottom ul.options-list .checkbox{ top: -4px; left: 65px; margin:0 ; position: absolute;} .manufature-outer { overflow: hidden; float:left; width:100%; } .product-view .product-shop .ratings{ overflow: hidden; width: 35%; float: left; margin: 0; padding: 5px 0; /*height: 36px;*/ line-height: 36px; margin-right:10px;} .product-view .ratings .rating-links{ padding: 0 12px; margin: 7px 0; border-right: 1px solid #dcdcdc; display:inline-block; width:auto; line-height: normal; clear: none; } .product-view .rating-links a:first-child, .rating-links .separator{ display: none; } .product-view .rating-links a{ /*padding-left: 90px; background: url('../images/star.png') no-repeat 0px 2px;*/ font-size: 13px; line-height: normal; color: #808080; font-family: 'Open Sans', sans-serif;} .product-collateral .toggle-tabs{ border: none; background: none; border-color: #aed854; border-bottom: 2px solid #aed854 !important;} .product-collateral .toggle-tabs li > span{ font-size: 18px; color: #484b4a; text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight: 600; height: 50px; line-height: 50px;} .product-collateral .toggle-tabs li.current > span, .product-collateral .toggle-tabs li:hover > span{ background: #aed854; color: #fff; border-color: #aed854;} .product-collateral > dl > .tab-container{ border: none; padding:30px 0;} .product-collateral > dl > .tab-container h5, .product-collateral > dl > .tab-container h4, .tab-container #customer-reviews h2, .tab-container #customer-reviews h3{font-size: 16px; color: #484b4a; text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 15px 0;} .product-collateral > dl > .tab-container h4{ font-size: 20px;} .product-collateral > dl > .tab-container p, .product-collateral > dl > .tab-container li{ font-size: 14px; color: #787878; font-family: 'Open Sans', sans-serif; position: relative;} .product-collateral > dl > .tab-container .std li{ list-style: none; padding-left: 20px; margin-bottom: 10px;} .product-collateral > dl > .tab-container .std li:before { content: ""; height: 7px; width: 7px; display: block; position: absolute; left: 0px; top: 0; bottom: 0; margin: auto; background: #aed854; border-radius: 50%;} .tab-container #customer-reviews dl dd .review-meta, #customer-reviews h3 span{ font-family: 'Open Sans', sans-serif; color: #484b4a; } #customer-reviews .fieldset .form-list label{ font-family: 'Open Sans', sans-serif; color: #2b2e2d; font-weight: 600; } #customer-reviews .review-heading{ padding: 0;} .ratings .rating-box{ width: 72px; display:inline-block; float: left; margin:10px 0;} .review-customer-view.customer-account .col-main { padding-left:0; } .product-review { font-family: 'Open Sans', sans-serif; } .product-review .product-details { float:left; width:56%; padding-left:15px; } .product-review h2.product-name { color: #484b4a; font-size: 25px; line-height: normal; text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight: 600; width:100%; float: left; } .product-review h3 { float:left; width:100%; padding-right:10px; margin-bottom:10px; } .product-review .ratings-description dt { font-size:16px; line-height: normal; text-transform: capitalize; font-family: 'Open Sans', sans-serif; } .product-view .block.block-related, .product-view .block.block-upsell{ display: block; float: none; width: 100%; padding:45px 0 0 0; margin-bottom: 45px; border-top: 1px solid #dcdcdc;} .order-info-box .box-content { font-family: 'Open Sans', sans-serif; } .product-view .block ul{ position: relative;} .product-view .block ul li{ margin-bottom: 0;} .product-view .block .owl-controls{ position: absolute; top: 0; bottom: 0; margin: auto; height: 40px; left: -30px; right: -30px;} .product-view .block .owl-controls .owl-nav div{ background: url('../images/sprite.png')no-repeat -206px -384px; font-size: 0px; display: inline-block; height: 60px; width: 30px; } .product-view .block .owl-controls .owl-nav div.owl-prev:hover{ background-position: -204px -484px;} .product-view .block .owl-controls .owl-nav div.owl-next{ background-position: -195px -585px; float: right;} .product-view .block .owl-controls .owl-nav div.owl-next:hover{ background-position: -273px -585px;} #backgroundPopup { overflow:auto; position:absolute; height:100%; } .pro-popup{ position:fixed; top:50%; left: 50%; margin-left:-125px; z-index: 9999; background:#fff; text-align: left; padding: 30px; border-radius: 3px; -webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75); box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75); visibility: hidden; opacity: 0; transition: visibility 0.5s, opacity 0.5s linear; width:251px; margin-top:-202px; } .pro-popup#internationalQuotesFormId{right: 0px;} .pro-popup.active{ visibility: visible; opacity: 1;} .pro-popup .page-title{ border: none;} .pro-popup .page-title h1{font-family: 'Open Sans', sans-serif; color: #2b2e2d; display: block; width: 100%; text-align: center; text-transform: capitalize; font-size: 22px; border: none; } .pro-popup .form-list li{ display: block; width: 100%; } .pro-popup .form-list li label{ font-family: 'Open Sans', sans-serif; color: #2b2e2d; display: block; } .pro-popup .form-list li input.input-text{ height: 32px; line-height: 32px; font-size: 13px; color: #2b2e2d; padding:6px 12px; } .pro-popup select{ width: 100%; border: 1px solid #d7d7d7; max-width: 100%; height: 32px; line-height: 32px; /* color: #2b2e2d;*/ font-family: 'Open Sans', sans-serif; padding:4px 12px; font-size: 13px; background: none;} .pro-popup .buttons-set .button{ margin-left: 0; float: none; background: #aed854; border-radius: 3px; width: 100%;} .pro-popup .buttons-set .button span{ font-size: 16px; line-height: normal; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 600; } /*=================== Product detail page =======================================*/ /*=================== Product category =======================================*/ #narrow-by-list{ margin-top: 5px; } #narrow-by-list dt{ background: #eee !important; border-color: #eee !important; color: #2d2d2d; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 600; padding: 10px 15px; } #narrow-by-list dt.even{ background: #1288eb; border-color: #1288eb;} .block-layered-nav .block-content, .block-layered-nav .block-title{ margin: 0;} .block-layered-nav .block-content > dl > dd{ padding: 0; border: none; margin-bottom: 25px;} .block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a{ border-bottom: 1px solid #e7e7e7; padding: 10px 15px; font-size: 13px; color: #2b2e2d; line-height: normal; font-family: 'Open Sans', sans-serif; margin: 0;} .block-layered-nav dl dd ol > li > a .count{ color: #1288eb; font-weight: 600;} .block-layered-nav dl dd ol > li:last-child > span, .block-layered-nav dl dd ol > li:last-child > a{ border-bottom: none;} .block-layered-nav dl dd ol > li:hover{ background: #f4f9e9;} .block-layered-nav .currently{ } .block-layered-nav .currently .block-subtitle{ padding: 10px 15px; font-family: 'Open Sans', sans-serif; text-transform: capitalize; color: #2b2e2d; font-weight: 600; background: #eee;} .block-layered-nav .currently ol{padding: 0; margin: 0;} .block-layered-nav .currently ol li{ padding: 10px 15px; font-family: 'Open Sans', sans-serif; margin: 0; color: #2b2e2d; } .block-layered-nav .currently ol li .btn-remove::after{ display: none;} .block-layered-nav .currently ol li .btn-remove{ background: url('../images/sprite.png') no-repeat -125px -3px; border: none;} .page-title.category-title h1{ font-size: 30px; line-height: normal; color: #474747; text-transform: capitalize; font-weight: 600; padding-bottom: 0;} .products-list > li .product-image img{ width: auto; margin: auto;} .products-list > li .product-image:hover, .no-touch .product-image:hover{ border-color: #AED854;} .products-list .product-name a{ font-size: 15px; color: #151817; font-weight: 600; font-family: 'Open Sans', sans-serif; display: block;} .products-list .product-name a:hover{ color:#AED854;} .products-list .product-shop .price-box .price{ font-size: 20px; color: #151718; line-height: normal; font-weight: 600; margin-bottom: 0; font-family: 'Open Sans', sans-serif; display: block;} .products-list .product-shop .price-box .old-price .price{ font-size: 14px; opacity: 0.7; font-weight: 500;} .products-list .product-shop .desc .link-learn{ color: #AED854; display: block;} .products-list .action .button{display: block; border: 1px solid #7d7d7d; background: #7d7d7d; height: 30px; line-height: 15px; border-radius: 3px; float: right;} .products-list .action .button:hover{ background: #AED854; border-color: #AED854;} .products-list .action .button span{ font-size: 12px; font-family: 'Open Sans', sans-serif; font-weight: 600;} .block .actions a.clear-all{ margin-left: 15px; } /*=================== Product category =======================================*/ /*=================== Blog =======================================*/ .col-right.sidebar{ padding-right: 0px;} .blog-index-list .col-main, .blog-post-view .col-main{ padding-right: 7%;} .col-right.sidebar .sbanner a{ float: right;} .block-blog .block-title strong{ background: none; padding: 0;} .blog-index-list .main-container .breadcrumbs, .blog-post-view .main-container .breadcrumbs{ display: none;} .blog-img{ margin-bottom: 15px; display: block;} .blog-img img{max-width: 100%; } .postTitle{ border: none;} .postTitle h2 a, .postTitle h2{ font-size: 25px; line-height: normal; color: #484b4a; text-transform: capitalize;} .postTitle h3{ font-size: 13px; line-height: normal; color: #878b8a; text-transform: capitalize; padding: 10px 0 5px;} .postTitle h3 .username{ color: #1288eb; margin-left: 10px;} .postContent p{ font-size: 14px; line-height: normal; color: #747474; } .postWrapper .tags{ display: none;} .blog-index-list:not(.blog-post-view) .postWrapper{border-bottom: 1px solid #d8d8d8; margin-bottom: 25px;} .aw-blog-read-more{ background: #aed854; border:1px solid #aed854; border-radius: 3px; text-transform: uppercase; color: #fff; padding: 5px 10px; font-size: 12px; font-weight: 600;} .aw-blog-read-more:hover{ background: #fff; color: #2b2e2d;} /*=================== Blog =======================================*/ /*=================== checkout =======================================*/ .checkout h1{ color: #636363; text-transform: none; } .checkout-onepage-index .col-main{ width: 64%;} .checkout-onepage-index .col-right, .checkout-onepage-index .col-left{ width: 32%;} .opc{ position: relative;} .opc .fieldset p.required{ position: absolute; right: 20px; margin: 0; padding: 0; } .opc .section .step-title::after{ background: url('../images/sprite.png') no-repeat -123px -65px; height: 30px; width: 30px; position: absolute; right: -5px; top: 0; bottom: 0; margin: auto; content: ""; display: block;} .opc .section:hover .step-title::after{ background-position: -123px -141px;} .opc .section.active .step-title::after{ background-position: -123px -321px;} .no-touch .opc .section.allow:not(.active) .step-title:hover{ background: none;} .opc .section .step-title{ overflow: hidden; border-top: none; border-bottom: 1px solid #dcdcdc !important; cursor: pointer;} .opc .section .step-title a{ display: none !important;} .opc .section .step-title h2{ margin-left: 0px; font-size: 20px; color: #2b2e2d !important; text-transform: capitalize; border-color: #dcdcdc; font-weight: 600; height: 55px; line-height: 55px;} .opc .section:hover .step-title h2, .opc .section.active .step-title h2{ color: #aed854 !important;} .opc .section .input-box select{ width: 100%; border: 1px solid #d7d7d7; max-width: 100%; height: 40px; line-height: 40px; color: #2b2e2d; font-family: 'Open Sans', sans-serif; padding:0 5px;} .opc input.input-text{ color: #2b2e2d;} .opc .button, .cart-table .product-cart-actions .button, .cart-table .button2{ background: #1288eb !important; border-radius: 3px;} .opc .button span, .cart-table .product-cart-actions .button, .cart-table .button2 span{ text-transform: uppercase; font-size: 12px; color: #fff; line-height: normal; font-family: 'Open Sans', sans-serif; font-weight: 600;} .opc .buttons-set a{ color: #1288eb; font-weight: 600;} .opc .section .step{ padding: 20px 0;} #checkout-progress-wrapper .block-progress{ border-left: none;} #checkout-progress-wrapper .block-progress .block-title{ display: none;} #checkout-progress-wrapper .block-progress h3{ font-size: 20px; color: #2b2e2d; line-height: normal; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: capitalize; height: 50px; line-height: 50px; border-bottom: 1px solid #dcdcdc;} #checkout-progress-wrapper .block-progress dt.complete::after{ content: ""; display: block; height: 15px; width: 20px; position: absolute; top: 20px; right: 2px; background: rgba(0, 0, 0, 0) url("../images/sprite.png") no-repeat scroll -126px -328px;} #checkout-progress-wrapper .block-progress dt.complete{ padding: 10px 6px 10px 15px; background: #f1f1f1; font-size: 14px; line-height: normal; color: #2b2e2d; text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight: 600;} #checkout-progress-wrapper .block-progress dt.complete .changelink{ float: right;} #checkout-progress-wrapper .block-progress dt.complete .changelink a{font-size: 12px; line-height: normal; text-transform: uppercase; background: #aed854; color: #fff; padding:2px 10px; border: 1px solid #aed854; border-radius: 3px;} #checkout-progress-wrapper .block-progress dt.complete .changelink a:hover{ background: #fff; color: #2b2e2d;} #checkout-progress-wrapper .block-progress dt.complete .changelink .separator{ display: none;} .block-progress .block-content{ margin-top: 0;} .block-progress .block-content dl > div{ position: relative;} .block-progress dd{ margin-bottom: 0px; border-bottom: 1px solid #dcdcdc; padding-bottom: 15px; font-family: 'Open Sans', sans-serif; font-style: normal; } .block-progress dd address{color: #2b2e2d; font-size: 13px; line-height: 20px; font-style: normal; font-family: 'Open Sans', sans-serif;} .opc .data-table th{ background: #f1f1f1; font-size: 14px; color: #2b2e2d; font-weight: 600; font-family: 'Open Sans', sans-serif; text-transform: capitalize; border-color: #dcdcdc;} .opc .data-table tbody td, .opc .data-table tfoot td{ font-size: 14px; color: #2b2e2d; font-family: 'Open Sans', sans-serif; text-transform: capitalize; border-color: #dcdcdc;} .opc .data-table tfoot tr{ background: none;} .opc .data-table tfoot tr.last span, .opc .data-table tfoot tr.last td{ font-size: 19px; line-height: normal; } .opc #review-buttons-container button.button{ float: right; margin: 0;} #review-buttons-container .f-left{ float: left; padding: 0;} #review-buttons-container{ padding: 15px 0; border-bottom: 1px solid #dcdcdc;} .sp-methods dt{ margin-top: 0px;} .form-list .control label, .sp-methods dt label, #checkout-shipping-method-load .sp-methods dd label, #co-shipping-method-form .sp-methods dd label, .product-options ul.options-list label{ background: none !important;} /*=================== checkout =======================================*/ /*=================== Cart =======================================*/ .cart-table{ width: 100%;} .cart .page-title{ margin-bottom: 0px;} .cart .page-title h1{ background: #e5e5e5; display: block; margin: 0px; padding: 0; color: #484b4a; font-size: 20px; line-height: normal; padding:10px 15px; text-transform: capitalize; width: 100%;} .cart-table thead tr, .cart-table tfoot tr, .cart-table tfoot td{ border-bottom: none;} .cart-table thead th{ background: #f5f5f5; color: #4b4d4c; font-size: 14px; line-height: normal; text-transform: capitalize; font-weight: 600; font-family: 'Open Sans', sans-serif; padding: 8px 15px; border: none;} .cart-table tbody td, .cart-table tbody tr{ padding: 15px;/*padding: 15px !important;*/ border-color: #e5e5e5; vertical-align: middle; font-family: 'Open Sans', sans-serif;} .cart-table tbody td .product-name a{ font-size: 15px; color: #151817; text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight: 600;} .cart-table .product-cart-sku{color: #151817; text-transform: capitalize; font-family: 'Open Sans', sans-serif; } .cart-table .cart-links > li > a { display: none;} .cart-table .product-cart-actions .qty{ border: 1px solid #d7d7d7; border-radius: 3px; } .btn-remove.btn-remove2{ background: url('../images/sprite.png')no-repeat -121px -401px; height: 26px; width: 26px;} .cart-table .product-cart-total span, .cart-table .product-cart-price span{ font-size: 15px; line-height: normal; color: #151817; font-family: 'Open Sans', sans-serif;} .cart-table .product-cart-total{ font-weight: 600;} .cart-table .button2 span{ color: #fff !important; text-decoration: none; font-family: 'Open Sans', sans-serif; font-weight: 600; line-height: 30px; padding: 0 5px;} .cart-forms, .cart-totals-wrapper, .crosssell{ clear: none;} .cart-totals-wrapper{ max-width: 367px; position: relative;} .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping{ background: none; border-color: #e5e5e5; border-radius: 3px;} .cart-forms .discount{ padding: 30px 35px;} .cart-totals{ padding: 0px; margin: 0;} .cart-table .product-cart-image{ width: 12%; padding-left: 15px; padding-right: 15px; vertical-align: top;} .cart-table .product-cart-image a.product-image{ width: 107px; height: 107px;} .cart-table .product-cart-image a.product-image img{ max-width: 100%; height: auto;} .cart-table .product-cart-info { width: 40%;} .cart-table .product-cart-info .item-options { display:none; } #discount-coupon-form label{ font-size: 22px; line-height: normal; color: #151817; text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-bottom: 15px;} #discount-coupon-form p{ font-size: 13px; line-height: normal; color: #797a7a; padding-right: 25%;} #discount-coupon-form input.input-text{ margin-top: 0; height: 31px; border-radius: 3px;} #discount-coupon-form .button{ background: #aed854; padding: 6px 15px; border-radius: 3px;} #discount-coupon-form{ background: url('../images/gift-bk.png') no-repeat right 0 top 17px;} .cart .cart-totals table{ margin-bottom: 0;} .cart .cart-totals table td:not(.estimate){ font-size: 16px; line-height: normal; color: #151817; padding: 5px 15px; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: capitalize;} .cart .cart-totals table td span, .cart .cart-totals table tfoot strong span, .cart .cart-totals table tfoot span.price{ font-family: 'Open Sans', sans-serif; font-weight: 600; } .cart .cart-totals table td.estimate{ text-align: left; padding: 10px 0 10px 35px; background: #f3f3f3; } .cart .cart-totals table td.estimate .btn{ background: #aed854; color: #fff; font-size: 12px; line-height: normal; text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight: 600; padding: 3px 15px; border-radius: 3px;} .cart .cart-totals table tfoot{ border: none;} .cart .cart-totals table tfoot td{ font-size: 22px !important; line-height: normal; color: #151817;} .cart .cart-totals table tfoot strong{ font-weight: 600;} .cart-totals-wrapper .buttons-set .a{color: #3399CC; } .checkout-types li, .checkout-types, .cart-totals .checkout-types .btn-checkout{ margin: 0; width: 100%; display: block;} .cart-totals .checkout-types .btn-checkout{ background: #aed854; padding: 15px; } .cart-totals .checkout-types .btn-checkout span{ font-size: 14px; line-height: normal; color: #fff; text-transform: uppercase; font-family: 'Open Sans', sans-serif; font-weight: 600;} .cart-totals-wrapper .shipping{ position: absolute; bottom: 130px; right: 0; background: #fff; text-align: left; padding: 30px; border-radius: 3px; -webkit-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75); box-shadow: 0px 0px 13px -4px rgba(0,0,0,0.75); visibility: hidden; opacity: 0; transition: visibility 0.5s, opacity 0.5s linear;} .cart-totals-wrapper .shipping.active{ visibility: visible; opacity: 1;} .cart-table .product-cart-actions select { width:60px; } .cart-totals-wrapper .shipping .form-list li { margin: 5px 0px !important; width: 100%; overflow: hidden;} .cart-totals-wrapper .shipping .form-list li > label{width: 40%; float: left; font-size: 13px; line-height: normal; color: #484b4a; font-family: 'Open Sans', sans-serif; text-transform: capitalize; height: 30px; line-height: 30px;} .cart-totals-wrapper .shipping .form-list li > .input-box{ width: 55%; float: right;} .cart-totals-wrapper .shipping .form-list input{ margin: 0;} .cart-totals-wrapper .shipping .form-list .input-box select { height:30px; margin-top:0; } .cart-totals-wrapper .shipping .form-list li .required:after { display:none; } .cart-totals-wrapper .shipping #co-shipping-method-form .sp-methods dd label{ border: none;} .cart-totals-wrapper .shipping .sp-methods{ overflow: hidden;} .cart-totals-wrapper .shipping .sp-methods dt{ width: 40%; float: left; margin: 0; height: 30px; line-height: 30px; color: #484b4a; font-family: 'Open Sans', sans-serif; font-weight: 500;} .cart-totals-wrapper .shipping .sp-methods dd{ width: 55%; float: left; margin: 0;} .cart-totals-wrapper .shipping .sp-methods dd li{ margin: 0;} .cart-totals-wrapper .shipping .buttons-set{ text-align:center;} .cart-totals-wrapper .shipping #co-shipping-method-form .buttons-set .button, .shipping .buttons-set button.button, .customer-account .col-main .button, .product-collateral > dl > .tab-container .button{ background: #1288eb !important; border-radius: 3px; float: none; margin: 0;} .cart-totals-wrapper .shipping #co-shipping-method-form .buttons-set .button span, .shipping .buttons-set button.button span, .customer-account .col-main .button span, .product-collateral > dl > .tab-container .button span{ font-size: 12px; line-height: normal; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 600;} .cart-forms.top{ display: none;} /*=================== Cart =======================================*/ /*=================== Contact =======================================*/ .contacts-index-index .col-main > p{ font-size: 14px; color: #747474; line-height: normal; font-family: 'Open Sans', sans-serif; padding-bottom: 30px;} .contact-page{ overflow: hidden;} .contact-left{ float: left; width: 45%; background: #f5f5f5; padding: 50px;} .contact-right{ float: right; width: 50%;} #contactForm{ padding-left: 20px; max-width: 420px;} .contact-left span{ font-size: 16px; color: #333333; line-height: normal; font-family: 'Open Sans', sans-serif; display: block; margin-bottom: 30px; padding-left: 40px; position: relative;} .contact-left span::before{background: url('../images/sprite.png') no-repeat -205px -2px; content: ""; position: absolute; left: 0px; top: 0; height: 30px; width: 30px; display: block;} .contact-left span.phone::before{ background-position: -205px -68px;} .contact-left span.fax::before{ background-position: -205px -144px; } .contact-left span.email::before{ background-position: -205px -240px;} .contact-left p.text{ font-size: 14px; color: #929292; line-height: normal; font-family: 'Open Sans', sans-serif; line-height: 22px; margin: 30px 0 0 0; padding: 0;} .contact-right input.input-text, .contact-right textarea{ padding: 0 10px; border-color: #d7d7d7; max-width: 100%; font-size: 14px; border-radius: 2px; font-family: 'Open Sans', sans-serif; color: #2b2e2d;} .contact-right input.input-text{ height: 30px; line-height: 30px; } .contacts-index-index .buttons-set{ max-width: 100%; margin-left: 0; text-align: left; border: none;} .contacts-index-index .buttons-set .button{ margin-left: 0; float: none; background: #aed854; border-radius: 3px;} .contacts-index-index .buttons-set .button span{ font-size: 16px; line-height: normal; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 600; } #captcha-input-box-contact_us label{ font-size: 14px; color: #7b7b7b; line-height: 20px; text-transform: capitalize; margin: 15px 0;} #captcha-input-box-contact_us #captcha_contact_us{ width: 258px;} /*=================== Contact =======================================*/ /*=================== Login create account & Acoount pages =======================================*/ .account-login .page-title h1, .account-create .page-title h1, .customer-account-forgotpassword .main .page-title h1, .customer-account .col-main h1{ font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: capitalize; line-height: normal; color: #2b2e2d;} .account-login a.f-left, .customer-account-forgotpassword .main a{ color: #aed854; font-family: 'Open Sans', sans-serif; font-weight: 600; } .account-login .buttons-set .button, .account-create .buttons-set .button, .customer-account-forgotpassword .main .buttons-set .button{ background: #1288EA; border-color: #1288EA; border-radius: 3px;} .account-login .buttons-set .button span, .account-create .buttons-set .button span, .customer-account-forgotpassword .main .buttons-set .button span{ font-family: 'Open Sans', sans-serif; font-weight: 600; } .account-login h2, .account-create h2, .customer-account-forgotpassword .main h2{ color: #2b2e2d; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: capitalize;} .account-login p:not(.required), .account-create p:not(.required), .customer-account-forgotpassword .main p:not(.required){color: #2b2e2d; font-family: 'Open Sans', sans-serif;} .account-create .fieldset, .account-create .buttons-set, .customer-account-forgotpassword .main .buttons-set, .customer-account-forgotpassword .main .fieldset{ margin-left: 0; max-width: 600px;} .customer-account .col-left.sidebar .block-account li, .customer-account .col-left.sidebar .block-content, .customer-account .col-left.sidebar .block-title{ margin: 0;} .customer-account .col-left.sidebar .block-account li a{ font-size: 13px; color: #474747; line-height: normal; border-bottom: 1px solid #e7e7e7; padding: 5px 15px; text-transform: capitalize; font-family: 'Open Sans', sans-serif; display: block;} .customer-account .col-left.sidebar .block-account li a:hover, .customer-account .col-left.sidebar .block-account li.current a, .customer-account .col-left.sidebar .block-account li.current a strong { background: #f4f9e9; color: #474747 !important;} .customer-account .col-main{ padding-left: 7%;} .customer-account .col-main .accordion .account-head{ font-size: 20px; line-height: normal; font-family: 'Open Sans', sans-serif; font-weight: 600; color: #2b2e2d; text-transform: capitalize; border: none; padding: 12px 0; margin: 0; border-bottom: 1px solid #dcdcdc; background: none !important; position: relative;} .customer-account .col-main .accordion .account-head::after{background: url('../images/sprite.png') no-repeat -122px -67px; content: ""; position: absolute; top:0; bottom: 0; right: 0; height: 25px; width: 25px; margin: auto; } .customer-account .col-main .accordion .account-head.ui-state-active{ color: #aed854;} .customer-account .col-main .accordion .account-head.ui-state-active::after{background-position: -122px -320px;} .customer-account .col-main .accordion .account-cont{ border: none; padding: 12px 0;} .customer-account .col-main .accordion .account-cont .link{ display: block; padding-left: 35px; font-size: 14px; line-height: normal; font-family: 'Open Sans', sans-serif; color: #2b2e2d; text-transform: capitalize; position: relative; margin-bottom: 15px; } .customer-account .col-main .accordion .account-cont .link::before{ background: url('../images/sprite.png') no-repeat -119px -472px; content: ""; position: absolute; top:0; left: 0; height: 25px; width: 25px;} .customer-account .col-main .accordion .account-cont .link.change-pass::before{ background-position: -119px -534px;} .customer-account .col-main .accordion .account-cont .link.modify::before{ background-position: -119px -602px;} .account-cont.first{ max-height: 130px;} #my-orders-table{ margin-top: 0;} #my-orders-table th, .customer-account .col-main h2, .customer-account .col-main h3{font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: capitalize; color: #2b2e2d;} #my-orders-table td, #my-orders-table td a{font-family: 'Open Sans', sans-serif; text-transform: capitalize; color: #2b2e2d; vertical-align: middle;} .dashboard .box-account{ border: none; padding: 0; margin-bottom: 20px;} .dashboard .box-head{ margin-top: 20px;} #wishlist-table .product-name a{ font-family: 'Open Sans', sans-serif; font-weight: 600; color: #2b2e2d; text-transform: capitalize; } #wishlist-table td.customer-wishlist-item-cart > p a{ font-weight :600; color:#ffffff;} /*=================== Login create account & Acoount pages =======================================*/ /*=================== CMS PAGES =======================================*/ .cms-page-view .page-title h1{ margin-bottom: 0; padding: 0; text-align: center; display: block; font-size: 43px; line-height: normal; text-transform: none; background: #aed854; padding: 25px 0; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-bottom: 25px; } .cms-page-view .std p{ font-size: 14px; line-height: normal; color: #787878; font-family: 'Open Sans', sans-serif; font-style: normal; } .cms-page-view .std h5{ font-size: 20px; line-height: normal; color: #484b4a; text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-bottom: 20px;} .cms-page-view .std ul li{list-style: none; font-size: 14px; color: #484b4a; line-height: normal; font-family: 'Open Sans', sans-serif; font-weight: 600; font-style: normal; margin-left: 0; padding-left: 18px; position: relative; margin: 7px 0;} .cms-page-view .std ul li:before { content: ""; height: 7px; width: 7px; display: block; position: absolute; left: 0px; top: 0; bottom: 0; margin: auto; background: #aed854; border-radius: 50%;} /*=================== CMS PAGES =======================================*/ /*=================== 404 & thank you =======================================*/ .cms-index-noroute{ background: url('../images/404.png') no-repeat; background-size: cover;} .cms-index-noroute .header-language-background, .cms-index-noroute .footer-before-container, .cms-index-noroute .footer-container, .cms-index-noroute #header-search{ display: none; } .cms-index-noroute .header-outer{ background: none; } .cms-index-noroute .main{ text-align: center; background-color: rgba(255, 255, 255, 0.65); padding: 15px 0 80px; border-radius: 3px; margin-top: 6%;} .cms-index-noroute .main .page-title h1{ font-size: 174px; line-height: normal; font-family: 'Open Sans', sans-serif; font-weight: bold; color: #aed854; margin: 0;} .cms-index-noroute .main .std h1, .cms-index-noroute .main .std h3{ font-size: 45px; line-height: normal; color: #474747; font-family: 'Open Sans', sans-serif; font-weight: bold; text-transform: capitalize;} .cms-index-noroute .main .std h3{ font-weight: 400; text-transform: none; font-size: 30px;} .checkout-onepage-success .page-title h1, .checkout-cart-index .page-title h1{ font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: capitalize; line-height: normal; color: #2b2e2d;} .checkout-onepage-success .sub-title{font-family: 'Open Sans', sans-serif; font-weight: 400; text-transform: capitalize; line-height: normal; color: #2b2e2d;} .checkout-onepage-success .col-main, .checkout-onepage-success .buttons-set{ text-align: left;} .checkout-onepage-success .buttons-set .button{ margin: 0; background: #1288EA; border-color: #1288EA; border-radius: 3px;} .checkout-onepage-success .buttons-set .button span{ font-family: 'Open Sans', sans-serif; font-weight: 600; } /*=================== 404 =======================================*/ /*=================== Toolbar =======================================*/ .toolbar{ background: #eee; border: none; padding: 5px 15px;} .toolbar .sorter{ float: right; margin: 0;} .toolbar .pager{ float: left;} .toolbar .pager .amount{ padding: 0; margin: 0;} .toolbar .pager .amount strong, .sorter label, .sorter .sort-by select{ font-size: 16px; line-height: normal; color: #474747; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: capitalize;} .sorter label{ font-size: 14px; margin-right: 10px;} .sorter > .sort-by label{ margin-top: 2px; } .sorter > .sort-by{ line-height: normal; height: auto; margin-top: 3px; margin-right: 30px;} .sorter .sort-by select{ height: 25px; line-height: 25px; padding: 0px 5px; border: 1px solid #c5c1c1; background: #fff; border-radius: 3px; font-size: 13px; min-width: 130px;} .sorter .view-mode{ padding: 0px; margin-top: 5px;} .sorter > .view-mode .grid{ background: url('../images/sprite.png') no-repeat -52px -406px;} .sorter > .view-mode strong.grid, .sorter > .view-mode a.grid:hover{ background-position: -52px -475px;} .sorter > .view-mode .list{background: url('../images/sprite.png') no-repeat -50px -538px;} .sorter > .view-mode strong.list, .sorter > .view-mode a.list:hover{ background-position: -50px -603px;} .sorter > .view-mode .grid, .sorter > .view-mode .list{ height: 13px; width: 15px; margin-top: 5px;} .sorter > .sort-by .sort-by-switcher{ height: 16px; width: 15px;} .sorter > .sort-by .sort-by-switcher--asc{ background-position: 0 -549px;} .sorter > .sort-by .sort-by-switcher--asc:hover{background-position: -50px -549px;} .sorter > .sort-by .sort-by-switcher--desc{ background-position: 0 -572px;} .sorter > .sort-by .sort-by-switcher--desc:hover{ background-position: -50px -572px;} .category-image img { width:30%; } /*=================== Toolbar =======================================*/ /*=================== Footer =======================================*/ .testimonial-outer{ overflow: hidden; padding: 40px 0; max-width: 1170px; margin: auto; border-top: 1px solid #d7d7d7; } .testimonial-outer .testimonial{ float: left; width: 60%;} .testimonial-outer .testimonial h1.head{ margin-bottom: 0;} .testimonial-outer .our-blog{ float: right; width: 40%; padding-left: 9%; font-family: 'Open Sans', sans-serif; } .test-inner{ overflow: hidden; border-bottom: 1px solid #d7d7d7; padding: 30px 0; font-family: 'Open Sans', sans-serif; } .test-inner:last-child{ border: none;} .test-inner .user{ width: 18%; float: left;} .test-inner .test-content{ width: 70%; float: left;} .test-inner .test-content p{ color: #787878; font-style: italic; font-size: 14px; line-height: 20px;} .test-inner .test-content p.client-name{ color:#bbdb65; font-style: normal;} .test-inner .test-content a{color: #a6cf4e; font-size: 14px; font-weight: 600; text-transform: capitalize;} .our-blog h2.head-name{ font-size: 25px; line-height: normal; color: #414455; font-weight: 300; margin: 17px 0 3px; text-transform: capitalize;} .our-blog .date{font-size: 13px; color: #777a8b; line-height: normal; padding-left: 20px; position: relative;} .our-blog .date::before{background: url('../images/sprite.png') no-repeat -56px -3px; position: absolute; content: ""; height: 20px; width: 20px; display: block; left: 0; top: 0; } .our-blog p{ font-size: 14px; line-height: normal; color: #151817; margin-top: 15px;} .our-blog p.readmore{ margin-top: 0;} .our-blog a{ font-size: 14px; font-weight: 600; color: #049cee; display: block;} .our-blog a img{ width: 100%;} .featured-outer{ background: #f1f1f1; padding:4% 0 5% 0;} .featured-outer .featured-brand{ max-width: 1170px; margin: auto;} .featured-outer .featured-brand h1.head{ text-align: center; margin-bottom: 4%;} .featured-outer .featured-brand .owl-controls{ display: none;} .featured-outer .featured-brand .owl-carousel .owl-item img{ width: auto; margin: 0 auto;} .newslatter-outer{ background: url('../images/news-outer.png') no-repeat; background-size: cover; overflow: hidden;} .newslatter-outer .newslatter{ max-width: 1170px; margin: auto; width: 100%; display: block; padding:40px 0 35px 0; overflow: hidden;} .news-left{ width: 57%; float: left; padding: 1px 30px 0 90px; background: url('../images/sprite.png') no-repeat 0 -684px; font-size: 16px; line-height: normal; color: #fff; font-family: 'Open Sans', sans-serif; letter-spacing: 1px;} .news-right{ width: 43%; float: left;} .news-right .input-box{ float: left; width: 65%; padding: 0;} .news-right .input-box .input-text{ height: 50px; line-height: 50px; padding: 15px; background: #fff; border-color: #fff; border-radius: 3px; color: #5e5e5e; font-size: 16px; line-height: normal; font-family: 'Open Sans', sans-serif; width: 100%;} .news-right .actions{ width: 35%; float: right; padding-left: 15px; margin: 0;} .news-right .actions .button{ width: 100%; background: #aed854; height: 50px; border-radius: 2px;} .news-right .actions .button span{ font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600;} .footer-container{ padding-bottom: 0;} .footer{ border: none;} .footer-link{ display: block; width: 100%; overflow: hidden; font-family: 'Open Sans', sans-serif; padding: 30px 0; } .footer-link .links{margin-bottom: 0;} .footer-link .address{ width: 29%;} .footer-link .link{ width: 17%;} .footer-link .get-in-touch{ width: 18%; } .footer-link .blog-get-in-touch{ width: 24%; } .footer-link .blog-link{ width: 38%; } .footer-link .accept{ width: 19%; padding-right: 0px;} .footer-logo{ display: block; margin-bottom: 20px;} .footer-link h6.head{ font-size: 16px; line-height: normal; color: #333; text-transform: capitalize; font-family: 'Open Sans', sans-serif; font-weight: 600; margin-bottom: 15px;} .footer-link span.label{ font-size: 13px; line-height: normal; color: #797979; display: block; margin-bottom: 5px; text-transform: capitalize; font-weight: normal;} .footer-link span.label b{ font-weight: 600;} .footer-link p, .footer-link ul li a{ font-size: 13px; line-height: normal; color: #797979; display: block; text-transform: capitalize; font-weight: normal;} .footer-link .links ul li a:hover{ color: #AED753;} .footer-link ul{ margin-bottom: 25px;} .footer-link .links.get-in-touch > ul > li, .footer-link .links.accept > ul > li{ display: inline-block; padding: 2px 3px;} .footer-link .links.get-in-touch > ul > li{opacity: 0.7;} .footer-link .links.get-in-touch > ul > li:hover{ opacity: 1;} .footer-link .links.blog-get-in-touch > ul > li, .footer-link .links.accept > ul > li{ display: inline-block; padding: 2px 3px;} .footer-link .links.blog-get-in-touch > ul > li{opacity: 0.7;} .footer-link .links.blog-get-in-touch > ul > li:hover{ opacity: 1;} .footer-link .links.accept .bbc { padding-top: 20px;} .footer address{ font-size: 13px; line-height: normal; color: #7a7a7a; font-family: 'Open Sans', sans-serif; border-color: #e7e7e7; padding: 40px 0; margin-top: 0;} /*=================== Footer =======================================*/ #priceOfferBox{ margin: 0 auto; left: 0; right: 0; } /* =Forms --------------------------------------------------------------------------------------------------*/ /* Removing fieldset borders (remove if you want to keep the defaults defined in Normalization) */ fieldset{border: none; margin: 0; padding: 0;} fieldset p{} .contactform{width:300px;} .fieldgroup{display:block; margin-bottom:5px; border:1px solid #999; background:#efefef; padding:8px 10px; overflow:hidden;} .fieldgroup input, .fieldgroup textarea{border:none; background:none; padding:0; width:100%;} /* End Forms --------------------------------------------------------------------------------------------------*/ /* =Tables --------------------------------------------------------------------------------------------------*/ #cardListGrid #t_content_row td { text-align:center; } .data-table tbody td, .data-table tfoot td { font-family:'Open Sans', sans-serif; } body.customer-account .data-table td a { font-family:'Open Sans', sans-serif; } /* End Tables --------------------------------------------------------------------------------------------------*/ /* =Misc 1 --------------------------------------------------------------------------------------------------*/ .my-account .form-list ul li { display:block; margin-bottom:10px; } .my-account .addresses-list .item{ font-family:'Open Sans', sans-serif; } #cardManagementGrid table tr td { padding:10px; border-bottom:1px solid silver; } #cardManagementGrid table tr#t_head_row { background:#f4f4f4!important; color:#2b2e2d; padding:10px; } /* End Misc 1 --------------------------------------------------------------------------------------------------*/ /* =Misc 2 --------------------------------------------------------------------------------------------------*/ /* End Misc 2 --------------------------------------------------------------------------------------------------*/ /* =Additional 1 --------------------------------------------------------------------------------------------------*/ .postContent.std img{ max-width: 100%; height:auto; width: 100%; margin-bottom: 18px; } .postContent.std p:empty{ display: none; } #my-orders-table tbody tr td:first-child{ width: 50%; } #payment_form_ccgateway .input-box label#cc_number_label{ border:1px solid #d7d7d7; padding:9px 8px; width: 100%; } .skip-cart .count, .skip-link.skip-active .count{ color: #454545; } .mini-products-list .product-image{ padding:0;} .mini-products-list .product-details{ margin-left: 76px; } .truncated a.details{ color: #454545; } .truncated .truncated_full_value { float:left; } .truncated .truncated_full_value .item-options{ left:0; right:inherit; border: 1px solid #1288eb; float:left; } .truncated .truncated_full_value .item-options::after{ border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #1288eb; left:20px; } .truncated .truncated_full_value .item-options dt{ font-size: 12px; color: #454545; } .truncated .truncated_full_value .item-options dd{ font-size: 12px; color: #454545; } .featured_category{} .featured_category .slide{ background: #fff; width: 170px; height: 111px; display: inline-block;} .featured_category .slide a > img{ max-width: 100%; height: 111px;} .news-left > p{font-family: "Open Sans",sans-serif; font-size: 16px; font-weight: 300;} /* End Additional 1 --------------------------------------------------------------------------------------------------*/ /* =Additional 2 --------------------------------------------------------------------------------------------------*/ /* End Additional 2 --------------------------------------------------------------------------------------------------*/ .add-to-cart-buttons .paypal-button,.paypal-or{display:none!important;} #header-nav ol.nav-primary > li.level0.nav-1 > a{padding:7px 2px;} .catalog-product-view .zoomContainer { z-index:99;} /* By CB */ .product-view .add-to-cart-wrapper { clear:both; width:auto; padding-left:0; margin-top:30px;} .product-view .add-to-block { width:75%; } .product-view .popup-linkouter {display:inline-block; margin-bottom:12px; } .product-view .socialbar{ margin-top:14px;} .product-view .product-options-bottom {display:inline-block;} .product-view .manufature-outer, .product-view .product-options, .product-view .add-to-cart-wrapper, .product-view .popup-linkouter {float:none;} .checkout-cart-index .cart-coupon, .checkout-cart-index .crosssell-items {display:inline-block; width:100%;} .checkout-cart-index .crosssell-items { margin-top: 15px;} .checkout-cart-index .crosssell-items h2 { color: #151817; font-family: "Open Sans",sans-serif; font-size: 16px; font-weight: 600; line-height: normal; margin-bottom: 15px; text-transform: capitalize;} /* end */ .main-container, .footer-container, .page-header{ max-width: 1230px; } @media (min-width: 1200px) { #header-nav ol.nav-primary > li.level0{ display: table-cell; width: 1%;} #header-nav ol.nav-primary > li.level0:hover, #header-nav ol.nav-primary > li.level0.menu-active{ background: #b1d862;} #header-nav ol.nav-primary > li > a{ /*padding: 7px 40px;*/ padding:7px 0; text-align: center; display: block;} #header-nav ol.nav-primary > li.level0.nav-1 > a{ padding: 7px 20px;} #header-nav ol.nav-primary > li.level0.nav-2 > a{ padding: 7px 20px;} } @media (min-width: 992px) and (max-width: 1199px) { .main-container, .footer-container, .page-header{ max-width: 985px; } #header-nav ol.nav-primary > li.level0{ display: table-cell; width: 1%;} #header-nav ol.nav-primary > li.level0:hover, #header-nav ol.nav-primary > li.level0.menu-active{background: #b1d862;} #header-nav ol.nav-primary > li > a { /*padding: 7px 40px;*/ padding:7px 0; text-align: center; display: block; font-size:12px; } #header-nav ol.nav-primary > li.level0.nav-1 > a{ padding: 7px 20px; } #header-nav ol.nav-primary > li.level0.nav-2 > a{ padding: 7px 20px; } .header-language-background .header-language-container .skip-links .skip-link, .header-language-background .header-language-container .skip-links .skip-link-login { padding:0 14px; } .nav-primary li.level0 ul{ width: 225px;} .nav-primary li.level0 ul.level0 > li > a{ padding:13px;} .nav-primary li ul li.level1.menu-active div.mega-submenu ul.level1:first-child{ padding-top: 15px;} .nav-primary li ul li.level1.menu-active div.mega-submenu{ width: 600px;} .nav-primary li ul li.level1.menu-active div.mega-submenu ul.level1 li.level2{ width: 33.33%; padding:0 15px; margin-bottom: 15px;} #my-orders-table tbody tr td:first-child{ width: 30%; } .product-view .manufacture{ width: 100%; padding-left: 0;} .product-view .product-options dl dt, .product-view .add-to-cart .qty-wrapper label{ width: 40%;} .product-view .product-options dl dd{ width: 60%;} .product-view .add-to-cart-buttons .button{ padding:0 20px;} .product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1{ width: 82%;} .product-view .product-shop .product-name .extra-info{ width: 18%;} .more-views ul li{ width: 75px;} } @media (min-width: 801px) and (max-width: 991px) { .account-cart-wrapper a.skip-login span.label, .account-cart-wrapper a.skip-account span.label{ display: none;} .header-language-background .header-language-container .skip-links span.label{ display: none;} .main-container, .footer-container, .page-header{ max-width: 990px; } #header-nav ol.nav-primary > li.level0{ display: table-cell; width: 1%;} #header-nav ol.nav-primary > li.level0:hover, #header-nav ol.nav-primary > li.level0.menu-active{background: #b1d862;} #header-nav ol.nav-primary > li > a{ /*padding: 7px 40px;*/ padding:7px 0; text-align: center; display: block; font-size:11px;} #header-nav ol.nav-primary > li.level0.nav-1 > a{ padding: 7px 5px; } #header-nav ol.nav-primary > li.level0.nav-2 > a{ padding: 7px 5px; } .products-grid > li{ width: 47.7273%;} .products-grid > li:nth-child(2n){ margin-right:0; clear: none;} .products-grid > li:nth-child(2n+1){margin-right: 3.7037%;} .sidebar .block-content ul#outer_ul li label{ text-overflow: ellipsis; width: 80%; overflow: hidden; white-space: nowrap;} .opc .fieldset p.required{ position: relative; right: 0; margin-bottom: 10px;} .nav-primary li.level0 ul{ width: 200px;} .nav-primary li.level0 ul.level0 > li > a{ padding:12px;} .nav-primary li ul li.level1.menu-active div.mega-submenu ul.level1:first-child{ padding-top: 15px;} .nav-primary li ul li.level1.menu-active div.mega-submenu{ width: 454px;} .nav-primary li ul li.level1.menu-active div.mega-submenu ul.level1 li.level2{ width: 50%; padding:0 15px; margin-bottom: 15px;} .product-view .add-to-cart-buttons .button{ padding:0 10px;} .product-view .add-to-cart .add-to-cart-buttons > div, .product-view .add-to-cart .add-to-cart-buttons strong{ width: 50%; } } @media only screen and (max-width:1024px){ .nav-primary li.level1 ul.level1{ padding: 15px;} .products-grid li .product-info .product-name a{height: auto; min-height: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .products-grid li .product-info{ min-height: 147px !important;} .products-grid li .product-info .actions .button.btn-cart{ padding: 7px 0; width: 100%;} .testimonial-outer, .newslatter-outer .newslatter{ padding: 40px 30px;} .news-left{ background-position: 0 -672px;} .featured-outer .featured-brand{ padding: 0 30px;} .footer-link .links{ margin: 0 !important; padding-right: 20px; width: 20% !important;} .footer-link .links img{ max-width: 100%; display: block;} #my-orders-table tbody tr td:first-child{ width: 30%; } .product-view .manufacture{ width: 100%; padding-left: 0;} .product-view .product-options dl dt, .product-view .add-to-cart .qty-wrapper label{ width: 40%;} .product-view .product-options dl dd{ width: 60%;} .product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1{ width: 82%;} .product-view .product-shop .product-name .extra-info{ width: 18%;} .more-views ul li{ width: 75px;} } @media only screen and (max-width:800px){ .opc .fieldset p.required{ position: relative; right: 0; margin-bottom: 10px;} /*.account-cart-wrapper a.skip-link-login.skip-login{ display: none;}*/ .skip-nav { width: 25%; } .header-outer{ background: none;} .header-outer .logo{ margin-bottom: 15px; padding: 0 30px;} .skip-link.skip-login{ display: none;} .header-minicart .minicart-actions .cart-link { right:50%; margin-right:-70px; } .header-minicart{ width: 25%;} .header-minicart .skip-link{ width: 100%; border: 1px solid #ededed;} .account-cart-wrapper{ height: 0px; position: static;} .header-minicart .skip-link{ position: relative;} .skip-link { width:20%; border-left:1px solid #ededed; } .skip-link-login { width:15%; text-align:center; float:left; padding-top:13px; font-size:12px; } .skip-link.skip-cart .label{ position: relative; line-height: normal; top: -5px; display:none; } .skip-cart.no-count .count, .skip-cart .count{ background: none; width:50%; font-size:16px; display:inline-block; text-align:left; float:none; vertical-align:-webkit-baseline-middle; vertical-align:-moz-middle-with-baseline; font-weight:normal; } .header-top{ padding: 15px 0 0 0;} .header-top #header-search{ float: none; width: 100%; margin-top: 0;} #header-account, #header-nav{ padding: 0;} #header-account li a{ font-size: 14px; line-height: normal; color: #2b2e2d; text-transform: capitalize; font-family: 'Open Sans', sans-serif; padding: 5px 25px;} #header-nav ol.nav-primary > li > a{ padding: 4px 30px;} #header-nav ol.nav-primary li.level0{border-bottom:1px solid rgba(255, 255, 255, 0.5);} #header-nav ol.nav-primary li:last-child.level0{ border-bottom: 0;} #header-nav ol.nav-primary li.level0 a:hover, #header-nav ol.nav-primary li.level0.menu-active > a{background: #b1d862; color: #fff;} .header-minicart.responsive{ width: 100%; } .nav-primary li ul li.level1.menu-active div.mega-submenu { position:static; width:100%; } .nav-primary li.parent a::after, .nav-primary li.parent.menu-active > a::after{ border: none !important; background: url('../images/sprite.png') no-repeat -56px -148px; height: 15px; width: 10px; display: block; top: 3px; bottom: 0; margin: auto; } .nav-primary li.level0 li, .nav-primary li ul{ padding: 0 !important; } .nav-primary li.level1 ul.level1 li.level2{ float: none; width: 100%; padding: 0;} .nav-primary li ul li.level1.menu-active div.mega-submenu ul.level1 li.level2 { width:100%; } .nav-primary li ul li.level1.menu-active div.mega-submenu ul.level1 li.level2 a { padding:7px 40px; } .nav-primary li.level0 ul.level0 { width:100%; } .nav-primary li.level0 ul.level0 li { width:100%; background:#fff; float:none; } .nav-primary li:last-child.level1 a{ border-bottom: 0;} .nav-primary li.level0 ul.level0 li a{ padding:12px 30px; color: #2b2e2d; font-size: 13px; line-height: normal; border-color: #dadada; font-family: 'Open Sans', sans-serif; font-weight: 600;} .nav-primary li.level0 li.level1 > a::after{ background: url("../images/sprite.png") no-repeat scroll -56px -148px; width: 12px;} .nav-primary li.level0 ul.level0 > li.parent.level1.menu-active > a::after, .nav-primary li.level0 ul.level0 > li.parent.level1 > a:hover::after{background-position: -3px -651px; } /*.nav-primary li.level0 ul.level0 li.level1 ul.level1 li a{ padding: 4px 25px;}*/ #header-nav ol.nav-primary li.level0 ul li.level1 a:hover, #header-nav ol.nav-primary li.level0 ul li.level1.menu-active a, #header-nav ol.nav-primary li.level0 ul li.level1.menu-active a:hover{ background: #9cbd59;} #header-nav ol.nav-primary li.level0 ul li.level1.menu-active .mega-submenu a{ background: #fff;} #header-nav ol.nav-primary li.level0 ul.level0 li.level1 ul.level1 li a:hover, #header-nav ol.nav-primary li.level0 ul.level0 li.level1 ul.level1 li.level2.menu-active > a{ background: #dfe4d6; color:#747474; } #header-nav ol.nav-primary li.level0 ul.level0 li.level1 ul.level1 li > a:hover::after, #header-nav ol.nav-primary li.level0 ul.level0 li.level1 ul.level1 li.level2.menu-active > a::after, #header-nav ol.nav-primary li.level0 ul.level0 li.level1 ul.level1 li.level2.menu-active > a:hover::after{ width: 12px; background-position: -51px -651px;} /*.nav-primary li.level0 ul.level0 li.level1 ul.level1 li.level2 ul.level2 li a{ padding: 4px 25px; }*/ /*.nav-primary li.level0 li.level1 > a:hover{ background: #f4f4f4; color: #2b2e2d;}*/ .nav-primary li.parent:hover > a::after, .nav-primary li.menu-active > a::after, .nav-primary li.parent.menu-active > a::after{background-position: -3px -651px; } /*.nav-primary li.level2 a{ padding-left: 30px !important;}*/ /*.nav-primary li.level2 a::after{ left: 18px !important;}*/ /*.nav-primary li.level3 a{ padding-left: 35px !important;}*/ .nav-primary li.level1.menu-active .mega-submenu{ display: block;} .nav-primary li.level1.menu-active .mega-submenu > ul{ display: block;} #header-account li a, .nav-primary a.level0{ border-bottom: 0;} .sidebar .block:not(.block-layered-nav){ margin-bottom: 15px;} .sidebar .block:not(.block-layered-nav) .block-content{ border-bottom: 1px solid #d7d7d7; border-color: #d7d7d7; padding: 0;} .sidebar .block-content > ul#outer_ul > li{ padding: 3px 15px;} .sidebar .block-title span{ padding: 5px 15px;} .sidebar:not(.col-right) .block:not(.block-layered-nav) .block-title > strong::after{ display: none;} .col2-left-layout .pager, .col2-right-layout .pager, .col3-layout .pager{ clear: none;} .col2-left-layout .sorter, .col2-left-layout .pager, .col2-right-layout .sorter, .col2-right-layout .pager, .col3-layout .sorter, .col3-layout .pager{ width: auto;} .block-layered-nav .block-subtitle--filter, .block-layered-nav .block-subtitle--filter:hover{ background: #AED854; font-family: 'Open Sans', sans-serif; font-weight: 600; text-transform: capitalize;} .block-layered-nav #narrow-by-list{ padding: 0px; border-color: #AED854;} .sidebar:not(.col-right) .block-title span, #narrow-by-list dt{ padding: 5px 20px; font-size: 14px; border: none !important;} .customer-account .sidebar .block-title span, .customer-account #narrow-by-list dt, .product-collateral > dl > dt{ background: #aed854 !important; color: #fff;} .product-collateral > dl > dt, .product-collateral > dl > dt:hover{ margin-bottom: 5px; border-color: #aed854; color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 600;} .block-layered-nav .block-content > dl > dt::after{ border-color: transparent -moz-use-text-color transparent #2b2e2d;} .block-layered-nav .block-content.accordion-open > dl > dt.current::after{ border-color: #2b2e2d transparent -moz-use-text-color;} .block-layered-nav dl dd ol > li > span, .block-layered-nav dl dd ol > li > a{ padding: 5px 20px;} .col-right.sidebar .block-title span{ padding: 7px 10px 7px 24px; font-size: 14px;} .sidebar .block:not(.block-layered-nav) .block-title > strong::after, .product-collateral > dl > dt::after{ border-color: transparent -moz-use-text-color transparent #fff;} .sidebar .block:not(.block-layered-nav) .block-title.active > strong::after, .product-collateral.accordion-open > dl > dt.current::after{border-color: #fff transparent -moz-use-text-color;} .blog-index-list .col-main, .blog-post-view .col-main{ padding-right: 0;} .sidebar .block:not(.block-layered-nav) .block-title > strong, .col-right.sidebar .block-content{padding: 0 !important; border-color: #AED854 !important;} .menu-tags, .menu-categories, .menu-recent{ margin: 0; padding: 5px 9px;} .customer-account .col-main{ padding-left: 0;} .checkout-onepage-index .col-main{ width: 100%;} .cart-totals-wrapper .shipping{ visibility: visible; opacity: 1; box-shadow: none; display: block; width: 100%; float: none; position: relative; bottom: 0; } .cart-totals, .cart-forms .discount, .cart-forms .giftcard, .cart-forms .shipping, .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell{ float: none; display: block; width: 100%; } .display-single-price .cart-forms, .display-single-price .cart-totals-wrapper, .display-single-price .crosssell{ padding: 0; max-width: 100%;} .cart-totals-wrapper .shipping, .cart .cart-totals, .cart .cart-forms #discount-coupon-form .discount{ margin-bottom: 15px; border: 1px solid #d7d7d7; border-radius: 3px; padding: 15px;} .cart-forms.top{ display: block;} .contact-left{ padding: 20px;} .product-img-box, .product-view .product-shop{ width: 100%; display: block; float: none;} .product-img-box .product-image{ clear: both; width:100%; } .product-option-bottom { text-align:center; } .product-options ul.options-list { display:inline-block; margin:auto; } .pro-popup{ top: 893px !important; right: 407px !important;} #internationalQuotesFormId.pro-popup{ right: 56px !important;} .sbanner, .cart .cart-totals table td.estimate, .cart-forms.bottom { display: none;} .checkout-cart-index .cart-coupon .cart-forms { display: block; } .testimonial-outer .testimonial, .testimonial-outer .our-blog, .news-left, .news-right{ width: 100%; display: block; float: none; overflow: hidden;} .testimonial-outer .testimonial, .testimonial-outer .our-blog, .sidebar .block:not(.block-layered-nav) .block-title > strong, .footer{padding: 0;} .news-left{ background-position: 0 -683px; margin-bottom: 15px;} .footer-link .address.links{ width: 100% !important; } .footer-link .links{ width: 50% !important; margin-bottom: 20px !important;} .footer-link h6.head{ margin-bottom: 5px;} .footer-link ul, .block-layered-nav .block-content > dl > dd{ margin-bottom: 0px;} input, textarea {-webkit-appearance:none;} input[type=checkbox] { -webkit-appearance:checkbox; } #my-orders-table tbody tr td:first-child{ width: 30%; } body.customer-account .data-table.orders th.ship, body.customer-account .data-table.orders td.ship, body.customer-account .data-table.orders td.status, body.customer-account .data-table.orders th.status { display:block; } #my-orders-table tbody tr td:first-child { width:17%; } #my-orders-table tbody tr td { width:17%; } .sidebar .block:not(.block-layered-nav) .block-title { position:relative; } .sidebar .block:not(.block-layered-nav) .block-title span:after { content:'+'; position:absolute; top:5px; left:7px; color:#fff; font-weight:bold; } .sidebar .block:not(.block-layered-nav) .block-title.active span:after { content:'-'; position:absolute; top:5px; left:7px; color:#fff; font-weight:bold; } } @media only screen and (max-width:760px){ .products-grid li .product-info{ padding: 5px !important;} .products-grid li .product-info .price-box .price{ font-size: 16px;} .products-grid li .product-info .price-box { width:100%; text-align:center; } .products-grid li .product-info .actions { width:100%; padding-top:15px; } .products-grid li .product-info .price-box p { display:inline-block; } .magestore-bannerslider-standard .flex-control-nav{ bottom: 0;} .cms-page-view .page-title h1{ font-size: 24px; padding: 15px 0;} .cms-index-noroute .main .page-title h1{ font-size: 24px;} .cms-index-noroute .main .std h1, .cms-index-noroute .main .std h3{ font-size: 18px;} .pro-popup{ display: none;} .cart-table .product-cart-image { width:120px; } .cart-table .product-cart-info { width:57%; float:left; } .cart-table td[data-rwd-label] { width:100%; } .cart-table tbody tr { position:relative; } .cart-table .product-cart-info .btn-remove { position:absolute; top:0; right:0; margin:0; } } @media only screen and (max-width:480px){ .skip-cart.no-count .count, .skip-cart .count{ display: none;} .testimonial-outer, .newslatter-outer .newslatter{ padding: 15px;} .test-inner .user, .test-inner .test-content, .news-right .input-box, .news-right .actions, .footer-link .links{ width: 100% !important; float: none; display: block;} .news-right .actions{ padding: 0; margin-top: 5px;} .news-left{ background: none; padding: 0; font-size: 14px; text-align: center;} .products-grid > li{ width: 48%; margin-bottom: 15px; margin-right: 4% !important; clear: none !important;} .products-grid > li:nth-child(even){ margin-right: 0 !important;} .col2-left-layout .sorter, .col2-left-layout .pager, .col2-right-layout .sorter, .col2-right-layout .pager, .col3-layout .sorter, .col3-layout .pager{ width: 100%;} .sorter > .sort-by{ margin-right: 5px;} .sorter .sort-by select{ min-width: 60px;} .products-list .action .button{ float: none; } .products-list .product-shop .action{ padding: 0;} .postTitle h2 a, .postTitle h2, .cart .page-title h1{ font-size: 18px;} .postTitle h3{ font-size: 12px;} .cart-table tbody td, .cart-table tbody tr, .cart .cart-totals table td:not(.estimate){ padding: 5px !important;} .cart .cart-totals table td:not(.estimate){ font-size: 14px;} .cart .cart-totals table tfoot td{ font-size: 18px !important;} .skip-link-login { padding-top:13px; font-size:12px; white-space:nowrap; } .cms-page-view .page-title h1{ font-size: 18px; padding: 15px 0;} .product-view .product-shop .product-name .h1, .product-view .product-img-box .product-name h1{ width: 100%; display: block; font-size: 18px;} .cms-page-view .std h5{ font-size: 14px; margin-bottom: 10px;} .cms-page-view .std p{ margin-bottom: 0; font-size: 12px; } .account-login .page-title h1{ font-size: 18px;} .print-page{ top:0; padding-left:0; right:0; left:inherit;} .product-view .product-shop .ratings, .product-view .manufacture, .product-view .product-options dl dt, .product-view .add-to-cart .qty-wrapper label, .product-view .product-options dl dd, .product-view .add-to-cart .add-to-cart-buttons .button, .product-view .add-to-cart .add-to-cart-buttons > div, .product-view .add-to-cart .add-to-cart-buttons strong, .popup-linkouter li{ width: 100%; display: block; float: none; } .product-view .add-to-cart .add-to-cart-buttons > div, .product-view .add-to-cart .add-to-cart-buttons strong{ padding: 0; text-align: center;} .product-option-bottom li{ margin-bottom: 10px;} .product-view .block .owl-controls{ left: 5px; right: 5px;} .product-view .block.block-related, .product-view .block.block-upsell{ padding: 15px 0 0; margin-bottom: 15px;} .popup-linkouter ul.pop-up-links > li{ width: 100%; display: block;} .test-inner .user { text-align:center; } .test-inner .user img { margin:auto; } .contact-left, .contact-right{ width: 100%; display: block; float: none; margin-bottom: 15px;} #contactForm, .product-view .manufacture, .product-view .product-options dl dd select, .product-view .add-to-cart .qty-wrapper input.input-text{ max-width: 100%; padding-left: 0;} .contact-left p.text{ margin: 0;} .contact-left span{ margin-bottom: 15px;} .skip-nav .label{ display: none;} .owl-carousel .owl-item { text-align:center; } #my-orders-table tbody tr td:first-child{ width: auto; } } @media only screen and (max-width:360px){ h1.head{ font-size: 20px;} .main-container.col2-left-layout{ padding: 15px;} .header-outer .logo{ padding: 0 15px;} .products-grid > li{ width: 100%; margin-bottom: 15px;} #my-orders-table tbody tr td:first-child{ width: auto; } } /* Responsive Design for Retina Displays on iPad and iPhone --------------------------------------------------------------------------------------*/ /*@media only screen and (-webkit-min-device-pixel-ratio: 2){}*/ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 4/2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { #logo a {background:url(../img/logo.html) left top no-repeat; background-size:100% 100%;} }