/** * Magento * * NOTICE OF LICENSE * * This source file is subject to the Academic Free License (AFL 3.0) * that is bundled with this package in the file LICENSE_AFL.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/afl-3.0.php * If you did not receive a copy of the license and are unable to * obtain it through the world-wide-web, please send an email * to license@magentocommerce.com so we can send you a copy immediately. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magentocommerce.com for more information. * * @category design * @package magento-foundation_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.com) * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */ /* ============================================================================= Global Styles ============================================================================= */ html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } body, button, input, select, textarea { font-family: 'OpenSans',sans-serif; color: #222; } /* Typography ---------------------- */ @font-face {font-family: "OpenSans"; src: url("../fonts/open-sans/OpenSans-Regular-webfont.eot");src: url("../fonts/open-sans/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/open-sans/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/open-sans/OpenSans-Regular-webfont.svg#GeneralFoundicons") format("svg");font-weight: normal;font-style: normal;} @font-face {font-family: "OpenSansBold"; src: url("../fonts/open-sans/OpenSans-Bold-webfont.eot");src: url("../fonts/open-sans/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/open-sans/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/open-sans/OpenSans-Bold-webfont.svg#GeneralFoundicons") format("svg");font-weight: normal;font-style: normal;} @font-face { font-family: "OpenSansLight"; src: url("../fonts/open-sans/OpenSans-Light-webfont.eot");src: url("../fonts/open-sans/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/open-sans/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/open-sans/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/open-sans/OpenSans-Light-webfont.svg#GeneralFoundicons") format("svg");font-weight: normal;font-style: normal;} @font-face {font-family: 'merriweatherbold'; src: url('../fonts/merriweather/merriweather-bold-webfont.eot'); src: url('../fonts/merriweather/merriweather-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/merriweather/merriweather-bold-webfont.woff') format('woff'), url('../fonts/merriweather/merriweather-bold-webfont.ttf') format('truetype'),url('../fonts/merriweather/merriweather-bold-webfont.svg#merriweatherbold') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family: 'merriweatherlight'; src: url('../fonts/merriweather/merriweather-light-webfont.eot'); src: url('../fonts/merriweather/merriweather-light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/merriweather/merriweather-light-webfont.woff') format('woff'), url('../fonts/merriweather/merriweather-light-webfont.ttf') format('truetype'), url('../fonts/merriweather/merriweather-light-webfont.svg#merriweatherlight') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'merriweatherregular'; src: url('../fonts/merriweather/merriweather-regular-webfont.eot'); src: url('../fonts/merriweather/merriweather-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/merriweather/merriweather-regular-webfont.woff') format('woff'), url('../fonts/merriweather/merriweather-regular-webfont.ttf') format('truetype'), url('../fonts/merriweather/merriweather-regular-webfont.svg#merriweatherregular') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'montserratregular'; src: url('../fonts/montserrat/montserrat-regular-webfont.eot');src: url('../fonts/montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat/montserrat-regular-webfont.woff') format('woff'), url('../fonts/montserrat/montserrat-regular-webfont.ttf') format('truetype'),url('../fonts/montserrat/montserrat-regular-webfont.svg#montserratregular') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'montserratbold'; src: url('../fonts/montserrat/montserrat-bold-webfont.eot');src: url('../fonts/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/montserrat/montserrat-bold-webfont.woff') format('woff'),url('../fonts/montserrat/montserrat-bold-webfont.ttf') format('truetype'),url('../fonts/montserrat/montserrat-bold-webfont.svg#montserratbold') format('svg');font-weight: normal;font-style: normal;} @import url(http://fonts.googleapis.com/css?family=Lato:400,300,700,900); @import url("/graphics/homepage/font-awesome-4.4.0/css/font-awesome.min.css"); h1, h2, h3, h4, h5, h6 {font-family: "merriweatherbold","OpenSans","Helvetica Neue",Arial!important;font-weight:normal!important;font-style: normal;} .product-name, .product-name a{font-family: "merriweatherregular","Helvetica",Arial;color:#424242;font-size:14px;line-height:25px;} small { font-size: 85%; } /* Links ---------------------- */ a { color: #2BA6CB; text-decoration:underline; } a:visited { } a:hover { color: #2284A1; } a:focus { outline: thin dotted; } :focus { outline:0; } a:hover, a:active { outline: 0; } /* Content ---------------------- */ p { margin:0 0 15px; } b, strong { font-weight:bold; } ul,ol { list-style:none; } ::-moz-selection { background: #13A6E7; color: #fff; text-shadow: none; } ::selection { background: #13A6E7; color: #fff; text-shadow: none; } /* Images */ img { border:0; vertical-align:top; -ms-interpolation-mode: bicubic; vertical-align: middle;max-width: 100%;} .logo-box img { max-width: 100%; } .no-display { display:none !important} .no-margin {margin: 0 !important;} /* Clears ================================================================================ */ .clearer:after, .newrow:after, .ma-header-container:after, .ma-header-container .top-container:after, .header:after, .header .quick-access:after, #nav:after, #colorbox:after, .size-list:after, .main:after, .footer:after, .ma-footer-container .bottom-container:after, .col-main:after, .col2-set:after, .col3-set:after, .col3-layout .product-options-bottom .price-box:after, .col4-set:after, .search-autocomplete li:after, .block .block-content:after, .block .actions:after, .block li.item:after, .block-poll li:after, .block-layered-nav .currently li:after, .page-title:after, .products-grid:after, .products-list li.item:after, .box-account .box-head:after, .dashboard .box .box-title:after, .box-reviews li.item:after, .box-tags li.item:after, .pager:after, .sorter:after, .ratings:after, .add-to-box:after, .add-to-cart:after, .product-essential:after, .product-collateral:after, /*.product-view .product-img-box .more-views ul:after,*/ .product-view .box-tags .form-add:after, .product-view .product-shop .short-description:after, .product-view .box-description:after, .product-options .options-list li:after, .product-options-bottom:after, .product-review:after, .cart:after, .cart-collaterals:after, .cart .crosssell li.item:after, .opc .step-title:after, .checkout-progress:after, .multiple-checkout .place-order:after, .group-select li:after, .form-list li:after, .form-list .field:after, .buttons-set:after, .popular-block:after, .page-print .print-head:after, .advanced-search-summary:after, .gift-messages-form .item:after, .cmshome-promotional-product:after, .send-friend .form-list li p:after, .popular-block ul:after{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; } .popular-plist-block .product_name .maincategoryname, .merriweatherbold-hd, .index-products .h-product-block .maincategoryname, .billing-section-heading {font-family: "merriweatherregular",Arial,Verdana,sans-serif !important;font-size: 18px;font-weight: 300;line-height: 40px;} .cmshome-promotional-product .product-name{font-family:"merriweatherbold","OpenSans","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif !important;} /* ============================================================================= Layout ========================================================================== */ .wrapper { } .page { /*max-width: 80%; */margin:auto;background: #fff; border:none;} .main { line-height: 1.231; background:#fff} .rowa { min-width: auto !important; width: auto !important;} aside { margin: 0; } body.catalog-category-view .page { /*max-width: 80%; */margin:auto;background: #FFFFFF; border:none;} body.catalog-category-view .page .main { /*max-width: 80%; */margin:auto;background: #FFFFFF; border:none;} /* Columns Layout */ .col-left { float:left; } .col-main { float:left; } .col-right { float:right; margin: 15px 0 0 0; padding: 0 15px 0 15px!important; } .columns.col-right { padding: 0 30px 15px 15px; } .col-wrapper { margin: 0; } .col1-layout .col-main {float:none;width:auto;padding: 15px 0px;} .col2-left-layout .col-main { float:right; margin: 30px 0 0 0; padding: 0 30px 0 15px; } /*.col2-left-layout .col-left { padding: 30px 15px 0 0; } */ .col2-left-layout .col-left { padding: 0px 15px 0 0; } .col2-right-layout .col-main { padding: 0 15px 0 15px; margin: 15px 0 0 0; float: left; } .col3-layout .col-wrapper .col-main { float:right; } /* Content Columns */ .col2-set { } .col2-set .col-1 { float:left; width: 50%; } .col2-set .col-2 { float:right; width: 50%; } .col2-set .col-narrow { width:32%; padding: 15px; } .col2-set .col-wide { width:65%; padding: 15px; } .col2-set .col-1 .box { float:left!important; width: 95%!important; } .col2-set .col-2 .box { float:right!important; width: 95%!important; } .col2-set .addresses-primary, .col2-set .addresses-additional { width: 48%!important; } .col3-set .col-1 { float:left; width:32%; } .col3-set .col-2 { float:left; width:32%; margin-left:2%; } .col3-set .col-3 { float:right; width:32%; } .col4-set .col-1 { float:left; width:23.5%; } .col4-set .col-2 { float:left; width:23.5%; margin:0 2%; } .col4-set .col-3 { float:left; width:23.5%; } .col4-set .col-4 { float:right; width:23.5%; } .col2-left-layout [role="main"] {/*margin: 30px 0 0;*/ padding:0 15px 15px;float:right;} .col3-layout .col-wrapper { width: 80%; float: left; margin: 30px 0; } .col3-layout .col-right[role="complementary"] { width: 20%; padding:0 15px; } .col3-layout .col-wrapper [role="main"] { width: 75%; float: right; } .col3-layout .col-wrapper .col-left[role="complementary"] { width: 25%; padding: 0 15px ; } @media only screen and (max-width: 800px) { .col3-layout .col-wrapper [role="main"] {width: 100%;} } /* Off Canvas */ body{ padding: 0; margin: 0; } [role="main"]:before { content: " "; position: absolute; z-index: -1; top: 0; left: -100%; width: 100%; height: 100%; } [role="complementary"], [role="main"] { width: 100%; padding: 0 15px; display: block; position: relative; z-index: 1; -webkit-transition: 0.25s all ease-in; -moz-transition: 0.25s all ease-in; -ms-transition: 0.25s all ease-in; -o-transition: 0.25s all ease-in; transition: 0.25s all ease-in; } .js [role="complementary"] { width: 25%; float: left; } .js [role="main"] { width: 75%; } .js [role="main"] { left:0; margin-left: 0; z-index: 1; position: relative; } .off-canvas-buttons { } .off-canvas-buttons ul { margin-bottom:0; display:block; } .off-canvas-buttons li { display: inline-block; } .off-canvas-buttons li.last { float:right; } .col2-right-layout .off-canvas-buttons, .col3-layout .off-canvas-buttons { margin: 0; } .col2-right-layout .off-canvas-buttons { padding: 0 0 32px; margin: 0 0 15px;} @media only screen and (max-width: 800px) { .js [role="complementary"] { width: 80%!important; float: left; z-index: 2; } .js [role="main"] { width: 100%; } .js .active-right [role="main"] { left: -80%; border-right:1px solid #ddd; } .js .active-right[role="complementary"] { margin-left: 0; } .js .active-left [role="main"] { margin-right: -80%!important; } .js .col2-right-layout [role="complementary"] { margin: 15px 0 0 100%; position: absolute; float: left; padding: 15px; } .js .active-right .col2-right-layout [role="complementary"] { margin-left: 20%; float: left; background:#fff } .js .col2-left-layout [role="complementary"] { margin-left: -100%; position: absolute; } .js .active-left .col2-left-layout [role="complementary"] { border-right: 1px solid #ddd; margin-left: 0; padding: 15px; } .js .col3-layout [role="complementary"] { margin-left: 100%; position: absolute; width: 80% !important; z-index: 2; } .js .active-right .col3-layout [role="complementary"] { margin-left: 20%; } .js .col3-layout .col-wrapper [role="complementary"] { margin-left: -100%; float: left; padding: 15px; border-right: 1px solid #ddd; } .js .active-left .col3-layout .col-wrapper [role="complementary"] { margin-left: 0; } } #featuredContent { background: #f4f4f4; } #featuredContent div { background: #f4f4f4; padding: 30px 60px; } /* Top Nav */ .top-bar ul>li.toggle-topbar{float:left;position:relative !important;width:50px} .top-bar ul>li.toggle-topbar a{border-width:0 !important;height:40px !important;bottom:auto !important;top:5px !important;width:40px !important} .top-bar ul>li a:not(.button){display:inline !important;left:15px;top:0;margin:0 !important} .top-bar ul>li.toggle-topbar{height:0 !important;margin:0 !important} .top-bar ul.links{padding:0 !important;height:auto} .top-bar ul.links>li{float:right} .top-bar li.mini-cart{text-align:right;display:none;color:#fff} .header-container .price{color:#ccc} .top-bar.expanded .row{clear:both} /* ============================================================================= Header ========================================================================== */ .logo { float:left; } .header-container { background: #fff; } header {/*padding: 15px 0 0;margin: 15px 0 0;*/} header .logo {float:left;text-decoration:none !important;/*margin: 15px 0 0 30px;*/} header .quick-access {padding:10px 0; background:#f7f7f7; /* border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; */ } header .quick-access .links { margin:7px 0; display:inline-block} header .quick-access .links > li {/*display: inline-block;*/margin-right:5px;} header .quick-access .links > li a{ color:#9C9C9C; text-transform:uppercase} .form-language {margin: 0 auto;height: 40px;} .form-language select {width: auto;float: right;margin:0 0 0 10px;} /*.header-container .links { float:right; margin-right:15px; clear: right; } .header-container .links li {float:left;padding:0;}*/ .links li .button, .cart-table .button{display: inline!important; float: left!important;} .cart-table .button{margin-right: 15px;} .search-mini-form {float: right;} header .welcome-msg { margin:0; text-align:right; } header .form-search label { float:left; text-align:left; text-indent:-999em; overflow:hidden;display:none; } header .form-search { border:1px solid #d7d7d7; background:#FFF; overflow:hidden; padding:0 5px;} header .form-search input.input-text, header .form-language select { width: auto; float:left; margin:0px; box-shadow:none;border:none} .item .button, .form-search .button {background:transparent;border:0;} header .form-language label, header .form-search button.btn-search {vertical-align:middle;float:left; box-shadow: none !important;line-height:24px; width:32px; height:30px; background:url("../images/search.png") no-repeat 0px 2px; } header .form-search button.btn-search {background:url("../images/search.png") no-repeat 0px 2px; border:none; } header .form-search button.btn-search:hover {background:url("../images/search.png") no-repeat 0px -29px; } header .form-search .search-autocomplete { z-index:999; } header .form-search .search-autocomplete ul { border:1px solid #ccc; background-color:#f9f9f9; } header .form-search .search-autocomplete li { text-align:left; border-bottom:1px solid #ddd; padding:2px 8px; cursor:pointer; } header .form-search .search-autocomplete li .amount { float:right; font-weight:bold; } header .form-search .search-autocomplete li.odd { background-color:#f0f0f0; } header .form-search .search-autocomplete li.selected { background-color:#ddd; } header .form-language { clear:both; padding:5px 0 0; text-align:right; float: right; } .header-container .top-bar { background: none;overflow: visible;height:40px;margin:0; display:none;} #search_mini_form { margin:0px; padding:0px;} @media only screen and (max-width: 800px) { .header-container .top-bar { background: #222222; height: 45px; overflow: hidden; } .header-container .top-bar li.mini-cart { display: block; } .header-container .links { margin-right: 0; } .header-container .top-bar ul.links { padding: 0 15px 0 15px!important; } } /* BreadCrumbs */ .breadcrumbs { font-size:12px;line-height:1.25; background: #FFFFFF; padding: 10px 0px;} .breadcrumbs ul { margin-bottom: 0; } .breadcrumbs li { display: inline; } .breadcrumbs li a{ font-weight: normal; color:#02ADF2; font-size:12px; } .breadcrumbs li strong { font-weight: bold; color:#000000; font-size:12px; } .breadcrumbs li a:hover, .breadcrumbs li strong:hover{ color:#03a8e2} .breadcrumbs li > span { background: url(../images/bred_arrow.jpg) no-repeat 0px 3px ; width:7px; height:14px; display:inline-block;} /* Page Headings */ .page-title { overflow: hidden; margin: 0 0 15px; } .page-title h1{font-size:36px;} /*.page-title h1, .page-title h2, .product-name h1 { margin: 0 0 15px 0; font-family:merriweatherregular !important; text-align:center;}*/ .page-title h1, .page-title h2, .product-name h1 { margin: 0 0 15px 0; font-family:lato !important; text-align:center;} .page-title .separator { margin: 0 3px; } .page-title .link-rss { float: right; margin:7px 0 0; } .title-buttons { text-align: right; } .title-buttons button{ margin-top: 15px; display:inline; } .title-buttons h1, .title-buttons h2, .title-buttons h3, .title-buttons h4, .title-buttons h5, .title-buttons h6 { float: left; } .title-links{ margin-top:30px; } .subtitle { clear: both; padding: 15px 0 0; font-size: 15px; font-weight: bold; margin: 0 0 6px; } /* ============================================================================= ICONS ========================================================================== */ .btn-cart:before, .form-search .button:before, .form-language label:before, .product-view .box-tags .form-add .input-box:before, .btn-remove:before, .btn-remove2:before, .dashboard .box-recent .box-head h2:before, .dashboard .box-info .box-head h2:before, .new-users h2:before, .registered-users h2:before, .error-msg:before, .success-msg:before, .note-msg:before, .notice-msg:before, .arrow-up:before, .arrow-down:before, .mini-products-list .link-cart:before, .link-wishlist:before, .link-compare:before, .validation-advice:before, .opc .step-title a:before, .back-link a:before, .block-layered-nav .currently .label:before, .i-next:before,.i-previous:before, .cart-header:before, .off-canvas-left:before, .off-canvas-right:before { font-family: "GeneralFoundicons"; color: #2BA6CB; font-size:48px; background:transparent; border:0; vertical-align: middle; } .btn-cart:before { content: "\f024"; } .mini-products-list .link-cart:before { content: "\f024"; } .link-wishlist:before, .link-compare:before { font-size:24px; margin: 0 5px 0 0; } .link-wishlist:before { content: "\f001"; } .block-related .link-wishlist:before { font-size:36px; } .link-compare:before { content: "\f000"; } .popular-block { background:#efefef; padding:10px 0; } .popular-block > h3 {color: #6C6C6C;font-family: "montserratregular" !important;font-size: 17px; letter-spacing: 2px; text-align: center; text-transform:uppercase} .btn-cart, .btn-cart:hover, .form-search .button:hover {background-color:transparent!important;border:0!important;color:#2BA6CB!important;} .btn-cart{display:inline !important;} .btn-cart:hover:before, .form-search .button:hover:before {background-color: transparent !important;color: #2284A1 !important;} button.btn-cart:hover, .btn-remove:hover:before, .arrow-up:hover:before, .arrow-down:hover:before, .mini-products-list .link-cart:hover:before, .link-wishlist:hover:before, .link-compare:hover:before , .back-link a:hover:before, .i-next:hover:before, .i-previous:hover:before, .cart-header:hover:before, .off-canvas-left:hover:before , .off-canvas-right:hover:before { color: #2284A1; } .opc .step-title a:hover:before { color:#2795b7; } /*.form-search .button:before {font-size:24px;} .form-language label:before {content: "\f027";font-size:24px;float: right;}*/ .product-view .box-tags .form-add .input-box:before { float:left; margin:0 15px 0 0; font-size:32px; content: "\f020"; } .btn-remove, .btn-remove2 {display:block;font-size:0;padding: 0 8px;} .btn-remove:before, .btn-remove2:before {content: "\f006";font-size:10px; line-height: 24px;} .dashboard .box-recent .box-head h2:before { content: "\f02a";font-size:24px;margin: 0 10px 0 0;} .dashboard .box-info .box-head h2:before, .new-users h2:before, .registered-users h2:before { font-size: 20px;margin: 0 10px 0 0;} .dashboard .box-info .box-head h2:before { content: "\f00e"; } .new-users h2:before { content: "\f019"; } .registered-users h2:before { content: "\f025"; } .error-msg , .success-msg, .note-msg, .notice-msg {color: #FFFFFF;text-shadow: 0 -1px rgba(0, 0, 0, 0.3);border: 1px solid rgba(0, 0, 0, 0.1);padding: 10px 20px;font-size:20px;font-weight: normal;} .success-msg:before, .error-msg:before , .note-msg:before, .notice-msg:before { font-size: 20px;margin: 0 10px 0 0;} .error-msg { background-color: #C60F13; } .error-msg:before { content: "\f006"; color:#fff; float: left; } .success-msg { background-color: #5DA423; } .success-msg:before { content: "\f005"; color:#fff; float: left; } .note-msg, .notice-msg { background-color: #2BA6CB; } .note-msg:before, .notice-msg:before { content: "\f022"; color:#fff; float: left; } .arrow-up:before, .arrow-down:before { font-size:12px;line-height:33px; margin-left:8px;} .arrow-up:before { content: "\f016"; } .arrow-down:before { content: "\f017"; } .validation-advice:before { content: "\f016"; color: #C60F13; font-size: 16px; margin: 0 5px 0 0; } .opc .step-title a:before { content: "\f016"; font-size: 24px; margin: 10px; display: block; } .back-link a:before { content: "\f016"; font-size: 24px; margin: 0 10px 0 0; } .block-layered-nav .currently .label:before { content: "\f014"; font-size: 24px; margin: 0 10px 0 0; } .i-next:before { content: "\f014"; font-size: 18px; margin: 0 10px 0 0; } .i-previous:before { content: "\f015"; font-size: 18px; margin: 0; } .i-previous img, .i-next img { display: none; } .cart-header:before { content: "\f024"; font-size: 36px; } .off-canvas-left:before { content: "\f014"; font-size: 36px; } .off-canvas-right:before { content: "\f015"; font-size: 36px; } .active-left .off-canvas-left:before { content: "\f015"; } .active-right .off-canvas-right:before { content: "\f014"; } .off-canvas-buttons .off-canvas-right, .off-canvas-buttons .off-canvas-left { padding: 10px !important; } /* Overwrites Foundation */ ol li ul, ol li ol , ol#poll-answers, .currently ol, .box-account ol, ol.opc{ margin-left: 0 !important; } .form-list label, #checkout-step-payment label {display: inline;clear: both;} aside p { font-size: 1em!important; font-style: normal!important;} /* ============================================================================= Toolbars ========================================================================== */ /* Pager */ .pager { padding:10px 0;} .pager .amount { float:left; margin:0; } .box-reviews .pager { padding:0;} .pager .limiter, .sorter .sort-by { float:right; text-align: right; } .my-account .limiter select, .pager select { width: auto; display: inline; } .my-account .limiter label, .pager label { display: inline; } .pager .limiter label { vertical-align:middle; } .pager .pages { text-align: center; } .pager .pages ol { display:inline; } .pager .pages li { display:inline; margin:0 2px; font-weight: bold; } /* Sorter */ .sorter .view-mode { float:left; margin:0; } .sorter .sort-by label { vertical-align:middle; } .sorter .sort-by select { width: auto; } .sorter label , .toolbar label { display: inline !important; } /* Toolbar */ .toolbar {clear: both;line-height: 20px;background: #DDDDDD;margin: 0 0 15px;} .toolbar-bottom { clear: both; } .toolbar .pager, .toolbar .sorter { /*padding: 10px 15px 0; */} .toolbar select { width: auto !important;display: inline;} /* Tools */ .a-left { text-align:left !important; } .a-center { text-align:center !important; } .a-right { text-align:right !important; } .f-left, .left { float:left !important; } .f-right, .right { float:right !important; } .f-none { float:none !important; } .no-display { display:none; } .nobr { white-space:nowrap !important; } .empty { display: none; } /* Clears ---------------------- */ .clearer:after, .product-essential:after, .opc .step-title:after, .col-main:after, .col2-set:after, .col3-set:after, .col4-set:after, .box-account .box-head:after, .dashboard .box .box-title:after, .block .block-content:after, .pager:after, .sorter:after, .products-grid:after, .product-options-bottom:after {display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;} /* ============================================================================= Navigation ========================================================================== */ .nav-container {background: #FFF;clear:both;margin: 0 !important;} /* All Levels */ /* Style consistent throughout all nav levels */ #nav {height: 40px; margin-bottom: 0; } #nav li { border:1px solid #FFF; position:relative;text-transform:none; text-align:left; } #nav li.over { z-index:998; } #nav a, #nav a:hover { display:block; line-height:1.3em; text-decoration:none; } #nav span { display:block; cursor:pointer; white-space:nowrap; } #nav li ul span {white-space:normal; } /* 0 Level */ #nav li { float:left; margin:0; padding:0; } #nav li.active a { color:#444; } #nav a { float:left; padding:7px; color:#444; font-family:"montserratregular"} #nav li.over a, #nav a:hover { color:#444; } #nav li.over { background:#ececec; } #nav li.active { border:1px solid #FFF; background:#ececec; } /* 1st Level */ #nav ul li, #nav ul li.active, #nav ul li.over { float:none; border:none; background:none; margin:0; padding:0; padding-bottom:1px; text-transform:none; } #nav ul li.parent { } #nav ul li.last { padding-bottom:0; } #nav ul li.active { margin:0; border:0; background:none; } #nav ul a, #nav ul a:hover { float:none; padding:0; background:none; } #nav ul li a { font-weight:normal !important; } /* 2nd Level */ #nav ul, #nav div { position:absolute; width:15em; top:38px; left:-10000px; border:1px solid #FFF; border-bottom:2px solid #999; padding:3px 8px; background:#fcfcfc; font-size:11px; margin:0px; } #nav div ul { position:static; width:auto; border:none; padding:0; } /* 3rd+ Level */ #nav ul ul, #nav ul div { top:5px; } #nav ul li a { padding:3px 0; color:#444 !important; } #nav ul li a:hover { padding:3px 0; color:#666 !important; } /* Show menu */ #nav li ul.shown-sub, #nav li div.shown-sub { left:-1px; z-index:999; } #nav li .shown-sub ul.shown-sub, #nav li .shown-sub li div.shown-sub { left:100px; } /* ============================================================================= Product ========================================================================== */ /* Category Page */ .category-image {text-align:center;margin: 0 0 30px;} .category-description { margin:0 0 10px; } /* View Type: Grid */ .products-grid li.item {border-top: 1px solid #EEEEEE; float: left; padding-top: 15px !important; } .product-name { margin: 0; font-size: 1.5em; } .products-grid .product-name, .products-list .product-name, .block-content .product-name, .box-up-sell .product-name, .block-related .product-name, #my-orders-table .product-name, #opc-review .product-name { font-size: 1.2em !important;margin: 0; height: 58px;overflow: hidden;} .products-grid .price-box .price{ font-size:16px;} .products-grid .price-box, .products-grid .product-name{ padding:0 17px;} .box-up-sell .product-name { margin-top:15px; } /* Provisional grid for 3 columns */ .col3-layout .products-grid li.item {padding: 0 15px;width: 33%;} .products-grid li.item.first { padding-left: 0;} .products-grid li.item.last { padding-right: 0;} /*.products-grid .product-image { display: block; margin:0 0 15px; height:210px; overflow:hidden;border-bottom: 1px solid #d3d3d3;} old style list.phtml*/ .products-grid .product-image img{} .products-grid .price-box { margin: 5px 0; } .col2-left-layout .products-grid li.item, .col2-right-layout .products-grid li.item { width: 33%; float:left; } .col1-layout .products-grid li.item { width: 33%; float:left; } /* View Type: List */ .products-list { float: left; margin-left:0; } .products-list li.item { border-top: 1px solid #EEEEEE; padding:15px 0; clear:both; } .products-list li.item.last { border-bottom: 1px solid #EEEEEE; } .products-list .product-image { max-width: 33%; float:left; margin:0 15px 15px 0; } .products-list .price-box { float:left; margin:20px 15px 0 0; } .products-list .availability { float:left; margin:5px 0 0; } .products-list .desc { line-height:1.35; clear: right; } .products-list .btn-cart { margin: 15px 0; } .products-list .add-to-links li { display:inline; } .products-list .add-to-links .separator { display:inline; margin:0 5px; } /* ============================================================================= Product View ========================================================================== */ .product-essential { padding: 0; } .product-essential h2, .product-collateral h2 { font-size: 1.5em; } .row.product-collateral { background:#fff; margin:0px;} .product-collateral .box-collateral { margin:0px; } .product-collateral .box-collateral.box-tags, p.note { margin:0; } .product-collateral .box-collateral .gray-box {background:#efefef;} .box-collateral.box-up-sell {background:#f2f2f2;margin-top: 20px;padding: 10px 0 30px;} .box-collateral.box-up-sell .row {width:980px;margin:auto;} .box-collateral .product_name {height: 48px;overflow: hidden;} .box-collateral .product_name {height: 48px;overflow: hidden;} /* Product Images */ .product-view .product-img-box { padding: 0 15px 0 20px !important;} .col3-layout .product-view .product-img-box { float:none; margin:0 auto; } .product-view .product-img-box .product-image { margin:0 auto; } .product-view .product-img-box .product-image-zoom { position:relative; width:265px; height:265px; overflow:hidden; z-index:9; } .product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; } .product-view .product-img-box .zoom-notice { margin:0 0 5px; text-align:center; } .product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(../images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; display:none } .product-view .product-img-box .zoom.disabled { -moz-opacity:.3; -webkit-opacity:.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";/*IE8*/ opacity:.3; } .product-view .product-img-box .zoom #track { position:relative; height:18px; } .product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(../images/magnifier_handle.gif) 0 0 no-repeat; } .product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; } .product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; } .product-view .product-img-box .more-views h2 { font-size: 1.3em; text-transform: uppercase; } .product-view .product-img-box .more-views li { margin:0 3% 0 0; border: 1px solid #ddd; width:96px; height:96px; margin-right:5px; display:inline-block; } .product-view .product-img-box .more-views li a {display: block;height: 93px;text-align: center;width: 95px;} .product-view .product-img-box .more-views li a img { height:100%} .product-view .product-img-box .more-views li:first-child { margin-left:0; } .page-popup .buttons-set, .review-product-list .buttons-set {border-top: 0;margin: 15px 0;padding: 0;padding: 15px 0;} .product-image-popup { margin:0 auto; } .product-image-popup .nav { font-weight:bold; text-align:center; margin: 0 0 10px 0; } .product-image-popup .image-label { font-weight:bold; margin:0 0 10px; } /* Product Shop */ .product-view .product-shop { float: right; padding-right: 0; } .col1-layout .product-view .product-shop { float: right; } .col3-layout .product-view .product-shop { float: none; width: auto; } .product-view .product-shop .product-name h1 { margin: 0; } .product-view .product-shop .availability { margin: 10px 0; } .product-view .product-shop .short-description { margin: 10px 0; padding:10px 0 0; } .product-options-bottom .add-to-links { float: right; margin-bottom: 0;clear: both;} .product-options-bottom .add-to-links li, .product-details .add-to-links li { float: left;} .product-details .add-to-links { display: inline-block; } /* Add to Links */ .separator { margin: 0 10px; color: #bbb; } /* Add to Cart */ .add-to-cart label {float:left; font-size:16px;line-height:24px;margin-top:15px;} .add-to-cart .qty {float:left;margin:10px 20px 10px 5px;width: 2.5em;} .add-to-cart button.button { float:left; } .add-to-cart .paypal-logo { clear:left; margin:0; padding:10px 0 0; text-align:right; } /* Add to Links + Add to Cart */ .add-to-box { background: #fafafa; border:1px solid #ddd; margin: 10px 0; padding: 10px 20px; display: inline-block;} .add-to-box .add-to-cart { float:left; } .add-to-box .or { float:left; font-weight:bold; margin:10px; } .add-to-box .add-to-links { float:left; margin:0 10px; } .add-to-box .add-to-links li .separator { display:none !important; } /* Rating */ .no-rating { margin:0; } .rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(../images/bkg_rating.gif) 0 0 repeat-x; text-indent:-999em; overflow:hidden; } .rating-box .rating { float:left; height:13px; background:url(../images/bkg_rating.gif) 0 100% repeat-x; } .ratings .rating-box { float:left; margin:0; } .box-reviews .ratings .rating-box { float:none; } .product-view .ratings .rating-box { margin:5px; } .ratings .amount { padding: 5px; } .box-up-sell .ratings .rating-box { float: none; margin:5px auto; } .ratings-table { clear: both; } .ratings-table th, .ratings-table td { padding:10px; } .ratings-table th { font-weight:bold; } /* Availability */ .availability { margin:0; font-size:85%; } .availability span { font-weight:bold; } /* Options Tool Tip */ .item-options dt { font-weight:bold; font-style:italic; } .item-options dd { padding-left:10px; margin:0 0 6px; } .truncated { cursor:help; } .truncated a.dots { cursor:help; } .truncated a.details { cursor:help; } .truncated .truncated_full_value { position:relative; z-index:999; } .truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; } .truncated .show dl { top:-20px; left:50%; } .col-left .truncated .show dl { left:15px; top:7px; } /* Prices */ .price { white-space:nowrap !important; } #slider-range { width: 210px;left: 10px;} .price-box { margin:5px 0; } .price-box .price { font-weight:bold; } /* Regular price */ .regular-price { } .regular-price .price {font-weight:bold;font-size:1.5em; } .product-details .price, .subtotal .price, .box-up-sell .price, .grouped-items-table .price {font-weight:bold;font-size:1.3em; } .product-options-bottom .price {font-size:1.5em; } .old-price, .special-price { font-size: 1em; margin: 0; } .old-price .price { text-decoration:line-through; } .minimal-price-link { display: block; } .price-from, .price-to { margin: 0; } /* Tier Prices */ .tier-prices { margin:10px 0; padding:10px; background-color:#f4f7f7; border:1px solid #dadddd; } .tier-prices li { line-height:1.4; background:url(../images/i_tier.gif) no-repeat 0 3px; padding:2px 0 2px 10px; } .tier-prices .benefit { font-style:italic; font-weight:bold; } .tier-prices .price { font-weight:bold; } .tier-prices-grouped li { padding:2px 0; } .tier-prices-grouped li .price { font-weight:bold; } /* Product Options */ .product-options dl { margin: 0; } .product-options dt label { font-weight: bold; } .product-options ul.options-list .label { background:#fff;text-align: left;} .product-options ul.options-list .label label {background: #eee;display: inline !important;} .product-options-bottom { margin: 0 0 10px; padding: 15px 20px; background: #fafafa; border: 1px solid #ddd; } .product-options-bottom .price-box { float: left; margin: 0; padding: 0; } .product-options-bottom .add-to-cart { float: right; } .qty-holder label { float: left; } /* Grouped Product */ .product-view .grouped-items-table .price-box { margin:0; padding:0; } .product-view .box-tags h3 { font-size: 1.3em; } .product-view .box-tags .product-tags li { display: inline; padding:0 7px; } .product-view .box-tags .form-add input.input-text { width:auto; } .product-view .box-reviews .form-add h3 { font-size:1.3em; margin-bottom: 0; } .send-friend { padding: 15px; } .send-friend .page-title { padding: 0 0 0 15px; } /* ============================================================================= Sidebar ========================================================================== */ .block {margin:0 0 15px !important;clear: both;} section .block h3, aside h3, .crosssell h2, .discount h2, .shipping h2, .block-tags h3 , .multiple-checkout .col2-set h2.legend {font-size: 1.2em;color: #666;text-transform: uppercase;margin:0;padding: 15px;background: #ccc;} .block-content { padding: 0px; } .short-heading, .block-content .narrow-by-list dt{ color: #545454;font-family: "montserratregular" !important;font-size: 14px;font-style: normal;line-height: 1.3em; text-align: left;text-transform: uppercase; margin-bottom:10px;} .block .block-title a { text-decoration:none !important; } .block .block-subtitle { margin: 0 0 10px; padding:5px 0; font-size:1.2em; font-weight:bold; } .block .btn-remove { float:right; margin:0; } .block .actions button.button { float:right; margin: 10px 0; } .block .block-content #recently-viewed-items li.item, .block .block-content #compare-items li.item {list-style: disc outside none; margin: 10px 0;} .block .radio label:before {border-radius: 8px;} .block .radio label {display: inline-block;cursor: pointer;position: relative;padding-left: 25px;margin-right:15px; margin-bottom:0px;font-size: 13px;} .block .radio input[type=radio]{display: none;} .block .radio label:before {content: "";display: inline-block;width: 14px;height: 14px;margin-right: 10px;position: absolute;left: 0; bottom: 1px;background-color: #fff;border: 1px solid #aeaeae; margin-bottom:1px;} .block .radio input[type=radio]:checked + label:before {color: #f3f3f3;line-height: 18px; background:#ffb85b; border:1px solid #ffb85b;} .block ol{ margin:0px;} .block ol li label{ font-family:"OpenSansLight"} #checkout-payment-method-load .radio label:before {content: "";display: inline-block;width: 24px;height: 24px;margin-right: 10px;position: absolute;left: 0;bottom:1px;margin-bottom:1px; background:url("../images/checkout_unselect_radio.jpg") no-repeat;border-radius: 8px;} #checkout-payment-method-load .radio label {display: inline-block;cursor: pointer;position: relative;padding-left: 30px;margin-right:15px; margin-bottom:0px;font-size: 13px;line-height:25px;} #checkout-payment-method-load .radio input[type=radio] {display: none;} #checkout-payment-method-load .radio input[type=radio]:checked + label:before {color: #f3f3f3;line-height: 18px; background:#ffb85b; background:url("../images/checkout_select_radio.jpg") no-repeat} #checkout-payment-method-load .twelve.column.radio { line-height: 30px;margin-top: 10px;padding-left:20px;} .final-summary-products .summry-block-i .radio { line-height: 30px;margin-top: 3px;} .checkout-onepage-index .main, .checkout-onepage-index .page{background:#f9f9f9} .checkout-heading span {color: #545454;font-family: "OpenSans";font-size: 15px;} .checkout-agreements .checkbox, .uni-main-td-first .checkbox { display: block;float: left;margin-top: 10px;text-align: right;} .summry-block-i .checkbox label:before, .colorpicker .checkbox label:before, .remove-background .checkbox label:before, .checkout-agreements .checkbox label:before, .uni-main-td-first .checkbox label:before {border-radius: 14px;} .summry-block-i .checkbox label, .colorpicker .checkbox label, .remove-background .checkbox label {font-size: 14px!important;line-height: 30px;} .summry-block-i .checkbox label, .colorpicker .checkbox label, .remove-background .checkbox label, .checkout-agreements .checkbox label, .uni-main-td-first .checkbox label {display: inline-block;cursor: pointer;position: relative;padding-left:35px;margin-right:15px; margin-bottom:0px;font-size: 11px;} .summry-block-i .checkbox input[type=checkbox], .colorpicker .checkbox input[type=checkbox], .remove-background .checkbox input[type=checkbox], .checkout-agreements .checkbox input[type=checkbox], .uni-main-td-first .checkbox input[type=checkbox]{display: none;} .summry-block-i .checkbox label:before {background:url("../images/checkout_unselect_checkbox.jpg") no-repeat; border:none!important;border-radius:0!important;} .summry-block-i .checkbox input[type=checkbox]:checked + label:before{background:url("../images/checkout_select_checkbox.jpg")no-repeat!important;; border:none;} .summry-block-i .checkbox label:before, .colorpicker .checkbox label:before, .remove-background .checkbox label:before, .checkout-agreements .checkbox label:before, .uni-main-td-first .checkbox label:before {content: "";display: inline-block;width: 28px;height: 28px;margin-right: 10px;position: absolute;left:3px; bottom: 1px;background-color: #fff;border: 2px solid #aeaeae; margin-bottom:1px; border:2px solid #aeaeae;} .summry-block-i .checkbox input[type=checkbox]:checked + label:before, .colorpicker .checkbox input[type=checkbox]:checked + label:before, .remove-background .checkbox input[type=checkbox]:checked + label:before, .checkout-agreements .checkbox input[type=checkbox]:checked + label:before, .uni-main-td-first .checkbox input[type=checkbox]:checked + label:before {color: #f3f3f3;line-height: 18px;background:url("../images/right_tick.png");} /* Mini Products List */ .mini-products-list .product-image { float:left; margin: 0 15px 15px 0; } .mini-products-list .product-name { font-size: 1.3em !important; } .mini-products-list .link-cart, .mini-products-list .link-wishlist { float:right; } .mini-products-list .price-box { float:left; } /* Block: Account */ .block-account { border-color:#bbb; } .block-account .block-content ul { margin-bottom:0; } .block-account .block-content li { color: #2284A1; text-transform: uppercase; } .block-account .block-content li a { display:block; border-bottom:1px solid #ddd; padding:5px 0; text-decoration:none !important; } .block-account .block-content li.last a { border-bottom:0; } .block-account .block-content li.current { font-size: 1.2em; border-bottom:1px solid #ddd; padding: 5px 0; } .block-account .block-content li.current.last { border-bottom:0; } /* Block: Currency Switcher */ .block-currency .block-content { padding:15px; } /* Block: Layered Navigation */ .block-layered-nav .block-subtitle { border:1px solid #ccc; border-width:1px 0; text-transform:uppercase; } .block-layered-nav dl { margin-bottom: 0; } .block-layered-nav dt { padding: 0; font-weight: bold; text-transform: uppercase; margin: 5px 0; } .block-layered-nav dd { padding: 0; border-bottom: 2px dotted #ccc; } .block-layered-nav dd.last { border-bottom: 0; } .block-layered-nav .currently li { background:#ccc; padding:5px 10px; } .block-layered-nav .currently .label { background:transparent; text-transform:uppercase; } .block-layered-nav .actions { background: #AAAAAA; font-weight: bold; margin: 0 0 15px; padding: 8px 10px; text-align: right; } /* Block: Cart */ .block-cart .summary { padding:2px 0 10px; } .block-cart .amount { margin:0; } .block-cart .amount a { font-weight:bold; } .block-cart .subtotal { margin:5px 0 0; text-align: right; } .block-cart .subtotal .price { font-weight:bold; } .block-cart .actions { border-bottom:1px solid #ccc; } /* Block: Wishlist */ .block-wishlist .actions { text-align:right; clear: both; } .block-wishlist .actions a { float:none; } ol#wishlist-sidebar, ol#cart-sidebar, ol#block-related { margin-left:0; clear: both; } /* Block: Related */ .block-related input.checkbox { float:left; } .block-related .product { } .block-related li.item , .block-wishlist li.item, .block-cart li.item { border-top: 1px solid #DDDDDD; clear: both; margin-bottom: 10px; padding-top: 15px;} /* Block: Compare Products */ .catalog-product-compare-index { padding: 30px; } .compare-table th { font-weight: bold; } /* Block: Recently Compared */ .block-compared .block-title strong { background-image:url(../images/i_block-list.gif); background-position:0 1px; } /* Block: Poll */ .block-poll .label {background: transparent !important;text-align: left;} .block-poll .label label {font-size: 1em;} .label-additional {color: #666;font-weight:bold;} .block-poll form { margin:0; } .block-poll input.radio { float: left; } .block-poll .label { display: block; margin-left:20px; } .block-poll li { padding: 2px 0; } .block-poll .answer { font-weight:bold; } .block-poll .votes { float:right; margin-left:10px; } .block-subscribe label { font-weight:bold; } /* Block: Reorder */ .block-reorder input.checkbox { float:left; margin:2px 10px 0 0; } form#reorder-validate-detail { margin:0; } /* Block: Banner */ .block-banner { border:0; } .block-banner .block-content, .paypal-logo div { padding:0; text-align:center; margin: 0 0 15px 0; } /* Block: Login */ .block-login .block-content { padding:5px 10px; } .block-login label { font-weight:bold; } .block-login input.input-text { display:block; width:167px; margin:3px 0; } .block-login .actions { background:none; padding:0; margin:3px 0 0; } /* ============================================================================= Forms ========================================================================== */ form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; display:inline; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; *overflow: visible; } table button, table input { *overflow: auto; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } 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; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } address { } select{background-color:white;border:1px solid #ccc;border-radius:2px 2px 2px 2px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;color:rgba(0,0,0,0.75);display:block;font-family:inherit;font-size:14px;height:32px;margin:0 0 12px;padding:6px;transition:all .15s linear 0;width:100%} .fieldset{border:1px solid #ddd;background:#fafafa;padding:30px 30px 15px 30px;margin:30px} .fieldset .legend{color:#444;float:left;font-weight:bold;font-size:1em;border:1px solid #ddd;background:#eee;margin:-43px 0 0 -10px;padding:5px 10px;position:relative} /* Form lists */ ul.form-list{margin:0} .form-list li{margin:0 0 10px} .form-list label,.form-add h4{font-family:"OpenSans","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif !important;color:#444;font-size:1em;float:left;position:relative;z-index:0} .form-list label.required em{float:right;font-style:normal;position:absolute;top:0;right:-8px} .form-list li.control label{float:none} .form-list li.control input.radio,.form-list li.control input.checkbox{margin-right:6px} .form-list li.control .input-box{clear:none;display:inline;width:auto} .form-list .input-box{display:block;clear:both} .form-list .name-firstname,.form-list .name-lastname,.fields .field{width:48%} .form-list .field.name-lastname,.fields .field:last-child{float:right} .form-list .fields{display:block} .form-list .field{display:inline-block} .form-list textarea{height:10em} .form-list li.additional-row{border-top:1px solid #ccc;margin-top:10px;padding-top:7px} .form-list li.additional-row .btn-remove{float:right;margin:5px 0 0} .form-list li.wide{clear:both;padding:0} .buttons-set{clear:both;margin:4em 0 0;padding:15px 0;border-top:1px solid #ddd} form#login-form{margin:0} #checkout-step-login .buttons-set{padding:0} .buttons-set p.required{margin:0 0 10px} .buttons-set .back-link{float:left;margin:0;font-size:1.2em;text-transform:uppercase} .buttons-set button.button{float:right;margin-left:5px} .buttons-set-order{margin:10px 0 0} .buttons-set-order .please-wait{padding:12px 7px 0 0} .link-cart,.link-wishlist,.link-reorder,.link-compare,.link-print{font-weight:bold} .divider{clear:both;display:block;font-size:0;line-height:0;height:1px;margin:10px 0;background:url(../images/bkg_divider1.gif) 0 50% repeat-x;text-indent:-999em;overflow:hidden;border:5px solid red} /* Form Validation */ .validation-advice {color: #c60f13;font-size: 10px;font-weight: normal;} .validation-failed { border:1px dashed #eb340a !important; background:#faebe7 !important; } .validation-passed {} p.required { font-size:1em; text-align:right; } /* Expiration date and CVV number validation fix */ .v-fix { float:left; } .v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; } /* Global Messages */ .messages { margin: 0 0 20px 0; } .messages ul { list-style: none !important; margin: 0 !important; padding: 0 !important; } .messages { width: 100%; clear: both; } .messages li li { font-size: 1.4em; } /* ============================================================================= Tables ========================================================================== */ table { border:0; border-collapse: collapse; border-spacing: 0; empty-cells:show; font-size:100%; } caption,th,td { vertical-align:top; text-align:left; font-weight:normal; } /* Data Table */ .data-table thead { background: none repeat scroll 0 0 #CCCCCC; } .data-table { width:100%; } .data-table .odd { background-color:#eee; } .data-table .even { background-color:#f6f6f6; } .data-table td.last, .data-table th.last { border-right:0; } .data-table tr.last th, .data-table tr.last td { border-bottom:0 !important; } .data-table td, .data-table th { padding:10px 15px; } .data-table thead th { padding:10px 15px; font-weight:bold; white-space:nowrap; vertical-align:middle; } .data-table thead th.wrap { white-space:normal; } .data-table thead th a, .data-table thead th a:hover { } .data-table thead th { } .data-table thead th .tax-flag { font-size:11px; white-space:nowrap; } .data-table tfoot {border-bottom:1px solid #ddd;border-top:1px solid #ddd;background: #fff;} .data-table tfoot tr.first td { } .data-table tfoot tr { } .data-table tfoot td { border-bottom:0; border-right:1px solid #ddd; } .data-table tfoot strong { font-size:1.3em; } /* Bundle products tables */ .data-table tbody.odd tr td, .data-table tbody.even tr td { border-bottom:0; } .data-table tbody.odd tr.border td, .data-table tbody.even tr.border td { border-bottom:1px solid #ddd; } .data-table tbody td .option-label { font-weight:bold; font-style:italic; } .data-table tbody td .option-value { padding-left:10px; } /* Product Tags */ .tags-list { display:block; font-size:13px; border:1px solid #ddd; background:#f0f0f0; padding:15px; } .tags-list li { display:inline !important; margin:0 5px 0 0; } .page-sitemap { padding: 0 30px;} /* ============================================================================= Cart ========================================================================== */ /* Shopping Cart ========================================================================= */ .cart .page-title h1 { } /* Checkout Types */ .cart .page-title .checkout-types li { margin:0 0 5px; } .cart .title-buttons .checkout-types { float: right; top: 0; z-index: 10; } .cart .title-buttons .checkout-types li { float:left; margin:0; } .cart .checkout-types .btn-proceed-checkout{z-index:999; } /* Shopping Cart Collateral boxes */ .cart .cart-collaterals { padding:0; } .cart .cart-collaterals .col2-set {float:left;padding:0;} .cart .cart-collaterals .col2-set .col-1 {padding:0 15px 15px 0;} .cart .crosssell .product-name { font-size: 1.3em; } .cart .crosssell .product-image { float:left; width:30%; margin-right:5%; border:1px solid #ddd; } .cart .crosssell li.item { margin:15px 0; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .cart .crosssell li.item:last-child { margin:15px 0 0; padding-bottom: 0; border-bottom: 0; } .cart fieldset { width: 100%;padding:0px;border:0 } /* Discount Codes & Estimate Shipping and Tax Boxes */ .cart .discount, .cart .shipping, .cart .crosssell {padding:0;margin:0;border: 1px solid #ccc;} #crosssell-products-list,.discount-form, .shipping-form { padding: 15px; } #co-shipping-method-form { margin: 0; } .cart .discount .buttons-set, .cart .shipping .buttons-set { margin:10px 0 0; border:0; padding:0; text-align:left; } .cart .discount .buttons-set button.button, .cart .shipping .buttons-set button.button { float:none; margin-left:0; } form#shipping-zip-form { margin-bottom: 0; } .cart .discount .input-box { } .cart .shipping .sp-methods { margin:10px 0 0; padding:5px 0 0; } .cart .shipping .sp-methods label { display: inline; } /* Shopping Cart Totals */ .cart .totals { float:right; padding: 0 0 0 15px; } .cart .totals table {width:100%;margin:0;border:0;} .cart .totals td {padding:5px 15px;background: none repeat scroll 0 0 #FFFFFF !important; border: 1px solid #DDDDDD;} .cart .totals .checkout-types { text-align:right; } .cart .totals .checkout-types li { clear:both; margin:10px 0; } /* Demo Notice */ .demo-notice { margin:0; padding:6px 10px; background:#d75f07; font-size:12px; line-height:1.15; text-align:center; } /* ============================================================================= Checkout ========================================================================== */ .please-wait { float:right; } .please-wait img { vertical-align:middle; } .cvv-what-is-this { font-size:11px; cursor:help; margin-left:10px; } /* One Page Checkout */ .block-progress dl { margin-bottom:0; } .block-progress dt {font-family: "OpenSans",Arial,Verdana,sans-serif !important;font-size:1.2em;line-height:1.35em;background:#2BA6CB;border:1px solid #2284A1;margin:0 0 10px;padding:5px 10px;} .block-progress dd { background:#eee; border:1px solid #a3aeb3; border-top:0; padding:8px 13px; margin:0 0 6px; } .block-progress dt.complete { margin:0; background:#2284A1; } .block-progress dd.complete {} .block-progress p { margin:0; } .opc fieldset { width: 100%; } #co-billing-form fieldset {border: 0;border-radius: 0; margin: 0; padding:0;} .opc .buttons-set { margin-top:0; padding-top:2em; } .opc .buttons-set p.required { margin:0; padding:0 0 10px; } .opc .buttons-set .back-link small, .buttons-set .back-link small { display:none; } .opc .buttons-set.disabled button.button { display:none; } .opc .buttons-set .please-wait { height:21px; line-height:21px; } .opc .ul { list-style:disc outside; padding-left:18px; } .opc { position:relative; } .opc li.section {} .opc .step {border-top:0;padding:15px 30px;position:relative;display: inline-block;border: 1px solid #CCCCCC;width: 100%;} .opc li.section.allow { border-bottom: 1px solid #2BA6CB; } .opc li.section.allow.active { border-bottom: 0; } .opc .step-title {border-bottom:1px solid #2284A1;background:#2BA6CB;padding:5px 10px;text-align:right;} .opc .step-title a, .opc .allow.active .step-title a {display:none;} .opc .allow .step-title a {display:block;} .opc .step-title .number{float:left;padding:0 7px;margin:7px;font-size:1.1em;font-weight:bold;background:#2284a1} .opc .step-title h2{float:left;margin:7px;font-size:1.3em !important} #opc-login h3{font:bold 20px/24px Arial,Helvetica,sans-serif;color:#2ba6cb} .opc .step-title a{float:right;font-size:1em;line-height:1.5em} .opc .allow .step-title{background:#2284a1;border-bottom:0;cursor:pointer} .opc .allow .step-title .number{background:#2ba6cb} .opc .allow .step-title h2:hover{color:#2ba6cb} .opc .allow.active .step-title h2:hover{color:#222} .opc .active .step-title{background:#2ba6cb;cursor:default} .opc .active .step-title .number{background:0} .opc .step .tool-tip{right:30px} #opc-login .buttons-set{border-top:0} #opc-login h3{font-size:13px;border-bottom:1px solid #e4e4e4;padding-bottom:2px;text-transform:uppercase} #opc-login h4{font-size:1em;font-weight:bold;margin:0} #opc-shipping_method .buttons-set{border-top:0} .opc .gift-messages-form{margin:0 -30px;background:#f6f1eb;border:1px solid #e9e4de;border-width:1px 0;padding:22px 24px 22px 30px} .opc .gift-messages-form .inner-box{padding:5px;height:260px;overflow:auto} #opc-review .item-options{margin:5px 0 0} #opc-review .buttons-set p{margin:0;line-height:40px} #opc-review .buttons-set .please-wait{height:40px;line-height:40px} #checkoutSteps .fields .field{width:50%;padding:0 15px} #checkout-step-login .col2-set{padding:0} /* Multiple Addresses Checkout */ .multiple-checkout { clear: both; } .checkout-progress li { float:left; width:19%; margin:0 3px 0 0; border-top:10px solid #2BA6CB; padding:2px 0 0; font-weight:bold; text-align:center; } .checkout-progress li.active { border-top-color:#2284A1; } .checkout-multishipping-billing label { display: inline; } .checkout-multishipping-overview .col-1, .checkout-multishipping-overview .col-2 { padding: 15px; } .multiple-checkout h2, .multiple-checkout h3, .multiple-checkout h4 { font-size: 1em; font-weight: bold; } .multiple-checkout h3.legend { padding: 0 15px; font-size: 1.5em; } .multiple-checkout select { width: auto; } .multiple-checkout .col2-set, .multiple-checkout .col3-set { margin:0 0 25px; background: #fafafa; border: 1px solid #ccc;} /* ============================================================================= My Account ========================================================================== */ /* Account Login/Create Pages ============================================================ */ .account-login .content { min-height:300px; background:#efefef; border-bottom:0; } .account-login .content h2 { margin:0 0 10px; border-bottom:1px solid #ddd; padding-bottom: 5px; font-size:14px; } .account-login .buttons-set { border-top:0; margin:0; padding:0; } .account-login { } .account-login .col-1, .account-login .col-2 { background: #eee; width: 48%!important; border: 1px solid #ddd; padding: 25px !important; margin-bottom:25px;border-top:5px solid} .my-account { } .my-account .fieldset { margin: 30px 0; } .my-account .buttons { margin-top:2em; } .dashboard .col2-set { margin:0 0 15px; } .dashboard .box-info h4 { font-size:1em; font-weight:bold; text-transform:uppercase; margin-top:0; } .box-account { background:#f9f9f9; border:1px solid #ccc; padding:15px; margin: 0 0 20px; } .box-account .box-head { border-bottom:1px solid #ddd; margin:0 0 10px; text-align:right; } .box-account .box-head h2 { text-transform: uppercase; margin: 0 0 10px; } .box-account .box-title a, .box-account .box-head a { line-height: 3em; text-align: right; float: right; } .box-account .number {float: left;font-size: 1.2em;font-weight: bold;margin: 0 15px 0 0;} .box-account .product-name { font-size: 1.5em; margin-bottom: 15px;} .box-title {clear: both;display: inline-block; width: 100%;} .box-title h3 { float:left; font-size: 1.3em; } /* Address Book */ .addresses-list h2 { font-size:1.3em; text-transform:uppercase; } .addresses-list h3, .order-info-box h2, .box-account .box-head h2, .dashboard .box .box-title h3, .dashboard .box .box-title h4 {font-size: 1.5em; margin-top: 5px;color: #444;float:left;} .addresses-list h3, .order-info-box h2 { float:none; } .addresses-list a { font-weight:bold; } .addresses-list li.item { background:#f6f6f6; border:1px solid #ccc; padding:10px 15px; margin:0 0 30px; } .addresses-list ol, ol#cart-sidebar-reorder{ margin:0 0 10px 0; } /* Order Print Pages */ .page-print { margin: 0 auto;max-width: 1200px;padding: 30px 0;} .page-print .print-head img { margin: 15px 0; } .page-print h1 { font-size:2em; clear: both; } .page-print h2 { font-size:1.5em; } /* My Wishlist */ .my-wishlist .data-table td { padding:10px; } .my-wishlist .product-image { display:block; margin:0 0 5px; } .my-wishlist textarea { display:block; width:97%; height:109px; } .my-wishlist .buttons-set { margin-top:2em; } .my-wishlist .buttons-set button.button { float: left; margin: 0 0 15px; } #wishlist-table .add-to-links { white-space:nowrap; } #wishlist-table .product-name, #my-tags-table .product-name { font-size: 1.2em;margin-bottom: 15px;} .my-tag-edit a.button { background: #ddd; border: 1px solid #bbb;} /* My Reviews */ #my-reviews-table td { padding:10px; } .product-review .product-name { font-size:1.3em; margin:0 0 10px; } .product-review h3 { font-size:1.1em; margin:0 0 5px; } .product-review .ratings-table { margin:0 0 10px; } .form-add fieldset { width: 100%; } /* ============================================================================= Footer ========================================================================== */ footer {padding: 15px 0;margin: 15px 0 0;clear:both; background:#FFF} footer .button.small {background: transparent !important;border: 0 !important;color: #2BA6CB;font-size: 14px;font-weight: normal;box-shadow: none;} footer .store-switcher { display:inline; margin:0 5px 0 0; } footer .store-switcher label { font-weight:bold; vertical-align:middle; } footer .store-switcher select { padding:0; vertical-align:middle; } footer address { margin:10px 0; color: #989898;font-family: "montserratregular";font-style: normal;line-height: 1.3em; text-transform: uppercase;} footer .b-links {display:table; margin:auto; } footer .b-links .d-block{ display:table-cell; padding-right:30px; text-align:center } footer ul {} footer ul li { text-align:left;line-height:30px;} footer ul.links {} footer .links li a.button, footer .links li a , footer li a {color:#545454} footer li:last-child a, footer .links li:last-child a { color:#545454 } footer .column, footer .columns { } footer li.last { background:none !important; padding-right:0 !important; border-right:0; } .footer-container .bottom-container { margin:0 0 5px; } .footer h2 { font-size:14px;text-align:left;color:#989898;font-family: "montserratregular" !important;font-style: normal;line-height: 1.3em;text-transform: uppercase;} .social-connection {} .social-connection ul li { display:inline-block; margin-right:5px;} /* Sample Data ============================================================================ */ .home-callout { margin:15px 0; text-align: center; clear: both; } .best-selling { float:right!important; padding: 0 0 0 15px!important; } .best-selling ul { clear:both; } .best-selling li { width:50%; border-top:1px solid #ccc; padding:15px; float: left; background: #f6f6f6; } .best-selling .product-img { float:left; border:1px solid #eee; margin-right: 15px;} .best-selling p a { font-family: "OpenSans","Helvetica Neue","Helvetica",Arial,Verdana,sans-serif !important; font-size: 1.3em; } /* ============================================================================= Footer Start ========================================================================== */ .footer div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { font-family:OpenSans; font-size:12px; color:#545454} /* ============================================================================= Footer End ========================================================================== */ /* ============================================================================= Media queries ========================================================================== */ @media only screen and (max-width: 800px) { /* Style adjustments for viewports 800px and over, Galaxy Tab portrait */ .page { margin:0; max-width: 100%; border:0; } aside { clear:both; } .col2-right-layout .col-main, .col2-right-layout .col-left, .col2-right-layout .col-right, .col2-left-layout .col-main, .columns.col-right { padding: 0 15px; margin-top:0; } .col3-layout .col-wrapper, .cart-collaterals .col2-set, .col2-set .col-1, .col2-set .col-2 { padding: 0; } .col3-layout .col-wrapper { margin: 0; } .col2-set .col-1, .col2-set .col-2 { margin-bottom:15px; } .col1-layout .col-main { padding: 15px 15px 0; margin-top:0; } .col2-left-layout [role="main"] { margin:0!important; padding: 0 15px; } .col-right { margin: 15px 0 0; padding: 0 15px !important; } .col3-layout .col-right[role="complementary"] { padding: 0 15px!important;} .column, .columns { width:100% !important; } .col2-set .col-1, .col2-set .col-2 { width: 100%!important; } .col3-layout .col-wrapper .col-main, .product-view .product-shop, .col2-left-layout .col-main { float: none; } .col2-left-layout .col-left { padding:15px; } .col3-layout .col-wrapper { float:left; width: 100%; } h1 { font-size: 2.3em!important; } h2 { font-size: 1.8em!important; } .addresses-list h3, .order-info-box h2, .box-account .box-head h2, .dashboard .box .box-title h3, .dashboard .box .box-title h4, aside h3, .crosssell h2, .discount h2, .shipping h2, .block-tags h3, .multiple-checkout .col2-set h2.legend, .addresses-list h2 { font-size: 1.2em !important; } .product-essential h2, .product-collateral h2 { font-size: 1.4em !important; } .product-view .box-tags h3 { font-size: 1.1em; } .product-name { font-size: 1em !important; } .product-view .product-img-box .product-image { max-width: 80%; margin:0 auto; } .product-view .product-shop .short-description {margin: 0;padding: 0;} .row.product-collateral { padding: 0 15px 15px; } .product-view .product-shop { padding:0!important; } .header-container .top-bar { display: block; } header .logo { margin: 7px 0 0 15px; } header .form-search input.input-text {float: left;margin: 0 0 10px;width:65%;} header .quick-access { width: 100%; } header .quick-access { padding:10px; } .form-search button.button {width: auto !important;padding: 10px 20px 11px;} .search-mini-form { float: left;margin:0;width: 50%;} .quick-access .links li {display: none;} .quick-access .links li.first, .quick-access .links li.last {display: block;} .breadcrumbs { padding: 10px 15px 10px 0; } .page-title { margin: 0; } #nav a { padding: 10px 12px; } .links a.button.small { padding: 8px; } .cart .totals { clear: both; } .cart .cart-collaterals .col2-set .col-2 { clear: both; margin-top:20px; } .page { background: #fff; border: 0; box-shadow:0; } .overflow { overflow-x: auto; clear: both;} .overflow form { margin-bottom:0; } .order-items, #wishlist-view-form, #checkout-review-table-wrapper { width:100%; overflow-x:auto; } button.button, input.button[type="submit"] { padding: 10px 20px 11px!important; } button.button, input.button[type="submit"] { width: auto!important; } .fieldset .legend { font-size: 1.2em!important; } #product-review-table.data-table td, #product-review-table.data-table th { padding: 0; } .category-image img { width: 100%; } .category-products > .toolbar { display: none; } .block-progress { display: none; } .checkout-onepage-index .page-title h1, ol#checkoutSteps { margin-left:0; } .checkout-onepage-index .off-canvas-buttons { display: none!important; } .checkout-onepage-index .col-main { margin:15px 0; } .account-login .content { min-height: auto!important;} .best-selling { float: none !important; } .best-selling li { width: 100%; } .col2-set .col-1 .box, .col2-set .col-2 .box {float: none !important;width: 100% !important;margin: 10px 0;} .block-account { margin-top: 0!important; } .best-selling, .side-col { padding: 0!important; } } /* ============================================================================= Print styles ========================================================================== */ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* rws Start */ #amount{ box-shadow:none;} #search { border:none; box-shadow:none; margin:0px; width:88%; display:inline-block} .sl_feature {/*background:#F9F9F9;*/overflow:hidden;} .sl_feature li { display:inline-block;margin: 0px 0;font-family: "merriweatherregular"; /*color:#2d2d2d;*/} .sl_feature .column , .sl_feature .column img { border-bottom:0px; background-color:white; } .sl_feature li span { margin-right:10px;} .sl_feature li span.shipping_icon {background:url("../images/shipping_icon.png") no-repeat;display:inline-block;height:46px; line-height:42px; width: 46px;} .sl_feature li span.customize_icon {background:url("../images/customize_icon.png") no-repeat;display:inline-block;height:46px;line-height:42px;width: 46px;} .sl_feature li span.sadip_icon {background:url("../images/sadip_icon.png") no-repeat; display: inline-block;height: 46px; line-height: 42px; width: 46px;} .phone_chat_icons {float: left;margin:6px 0 0;} .phone_chat_icons ul { margin:0px;} .phone_chat_icons ul li { display:inline-block} .phone_chat_icons ul li i { /*display: inline; height: auto;*/ line-height: inherit; vertical-align: baseline; width: auto;} .phone_chat_icons ul li i span { display: inline-block; font-size: 1.2em; font-style: normal; font-family: "montserratregular"; margin-left:2.2em;vertical-align: middle; color:#9C9C9C} .phone_icon { background:url("../images/phone_icon.png") no-repeat; width:30px; height:30px; display:block;} .chat_icon { background:url("../images/chat_icon.png") no-repeat; width:30px; height:30px; display:block;} .target { background:#ccc; margin: 0 !important;padding: 2px 8px;position: absolute; right: 18px;top: 30px; z-index: 5000;} .target li a { color: #808080!important; font-size: 11px;line-height: 10px;text-transform: uppercase;} .customdropdownbox .two-point { margin:0px; padding:0px; display: table;} .customdropdownbox .two-point li{display: table-cell;vertical-align: top; min-width: 30px;} .customdropdownbox{float: right;margin-right: 22px; margin-top:7px;} .customdropdownbox .user-name { margin: 0 7px 0 25px;padding: 5px 17px 3px 5px;position: relative; color:#9C9C9C;background: url("../images/user_right_arrow.png") no-repeat right 5px;} /*.customdropdownbox .user-name:after { display: block;position: absolute;content: '';width: 12px;height: 15px;top: 3px;right: 0px;}*/ .customdropdownbox a{ color: #9C9C9C;font-size: 13px; text-transform: uppercase;} .customdropdownbox a.cartgo { position:absolute;top:2px;} .customdropdownbox a.cartgo strong{ background:url("../images/cart_basket.png") no-repeat; width:26px; height:25px; display:block; text-indent:-9999em; } /*.customdropdownbox a.cartgo span:before{ content:'0'}*/ /*.customdropdownbox a.cartgo span { background:#03A8E2;border: 2px solid #FFFFFF;border-radius: 20px;color: #FFFFFF;display: block;font-size: 10px;left: 16px;min-height: 9px;min-width: 22px;padding: 1px;position: absolute;text-align: center;top: 28px;}*/ .customdropdownbox a.cartgo span { background: #03a8e2;border: 2px solid #ffffff;border-radius: 20px;bottom: 10px;color: #ffffff;display: block;font-size: 10px;height: 23px;left: 16px; min-height: 9px;min-width: 22px;padding: 1px;position: relative;text-align: center;width: 23px;} .index-products{ background:#F9F9F9; padding:20px 40px; } .customdropdownbox span.down-arrow {position: absolute;right: -28px;top: 0;} .customdropdownbox span.down-arrow:before {} .customdropdownbox span.down-arrow:after {color: #03A8E2;content: ">";font: 13px "Consolas",monospace;padding: 0 0 2px; pointer-events: none; position: absolute;right:0px;top: 0;transform: rotate(90deg);} .box-up-sell .p-product-block{ background:#fff;padding:30px 0; text-align:center} .products-grid .w-product, .products-list .w-product, .popular-plist-block .p-product-block, .category-products .h-product-block, .index-products .h-product-block { background:#fff;padding:30px 0; text-align:left} .box-up-sell .p-product-block .h-product-block img {border-bottom:1px solid #efefef; margin-bottom:10px;} .popular-plist-block .h-product-block img, .category-products .h-product-block img, .index-products .h-product-block img { width:100%; margin-bottom:10px; /*border-bottom:1px solid #efefef*/} .popular-plist-block .product_name .maincategoryname, .category-products .h-product-block .maincategoryname, .index-products .h-product-block .maincategoryname { font-size:16px; color:#000; padding:0px 17px; display:block} .maincategoryname a { color: #000; } .h-product-block ul { min-height:300px;} .box-up-sell .box-caption {color: #000;font-family: "montserratregular" !important;font-size: 18px;margin: 20px 0;text-align: center;text-transform: uppercase;} .box-up-sell .product_name a { font-size:16px; color:#000; padding:0px 17px; display:block;font-family:Arial,Verdana !important;font-weight: 700; min-height:50px; } .index-products .h-product-block a{ color:#737373; font-size:14px; font-family:"OpenSans"; line-height:24px;} .index-products .h-product-block .maincategory { padding:00px;} .index-products .h-product-block .maincategory ul { margin:0px; padding:0 17px;padding-bottom: 15px;} .home-page-title { font-family:"merriweatherregular"; text-transform:uppercase; display:block; text-align:center; font-size:24px; color: #000; margin-bottom:10px;} .customsubcategoriesview .product_name .maincategoryname, .customsubcategoriesview .custom_printed_wrap h2 {font:Bold 22px/21px "Arial"!important; text-align: center;padding:0px; margin-bottom:5px;} .customsubcategoriesview .product_name { min-height:42px;} .cmshome-promotional-product { background:#fff; margin-bottom:10px;padding: 50px 0;} .cmshome-promotional-product .product-img { float:left; margin-right:10px;} .cmshome-promotional-product .product-des { color:#545454; line-height:24px;} .cmshome-promotional-product .product-name{ margin-bottom:10px; font-weight:300; font-family: merriweatherregular!important;} .cmshome-promotional-product button { background:#fff; border:1px solid #919191; padding:12px 16px; border-radius:3px; margin-top:10px;} .cmshome-promotional-product button span { color: #7d7d7d; font-family:"montserratregular"} .cmshome-promotional-product button:hover{ opacity:0.7} /*product-specificaton hover*/ .pro-hover-padding{ padding:0 17px;} .pro-hover-padding .product-name{ padding:0px;} #products-list .hoverlistproduct{/*position:absolute;*/ bottom:0px; left:0px; background:#fff;z-index:10;width:100%;} #products-list .hoverlistproduct .buy-section{ bottom:0px;position:absolute;left:0px;right:0px;margin:auto} #products-list .hoverlistproduct .buy-section .button-ornage, #products-list .hoverlistproduct .buy-section .button.button { background:#03a8e2; color:#FFF; font-family: "montserratregular"; border:none; display:inline-block; padding:12px 13px; } #products-list .hoverlistproduct .buy-section .button.button span{} #products-list .hoverlistproduct .buy-section .button.button span span{ font-size:14px; padding:0px; } #products-list .changeingimage {margin: 10px auto;width: 100px;} /* ======================================================================================= */ .category-3blocks .product-name{color: #424242;font-family: "merriweatherlight",Arial;font-size: 16px;line-height: 25px; margin:5px 0;} .category-3blocks .product-price {color:#737373;font-size:14px;font-family: "OpenSansBold"; padding:0 15px;} .category-3blocks .product-price span {font-family: opensans;font-weight: normal; color: #949494;} .wh-product-overlay .item-no, .wh-product .product_count, .p-product-block .product_count, .p-product-block .product_price {font-family: opensans;font-weight: normal; color: #000; padding:0 17px 10px; font-size:14px;} .wh-product-overlay .item-no{ padding:0 17px 5px; font-size:12px;} .p-product-block .product_price span, .p-product-block .product_count span {display:block;} .box-up-sell .p-product-block .price-box, .wh-product .product_count span.style, .p-product-block .product_count span.style, .p-product-block .product_price .price {font-family: "OpenSansBold"; color:#000;font-size: 14px;} .box-up-sell .p-product-block .price-box .regular-price .price {color: #000;display: inline-block;font-family: "OpenSansBold";font-size: 14px;font-weight: normal;} .wh-product .product_count > span { display: block; height: 11px; line-height: 14px;} .box-up-sell .p-product-block .product_price span {display: inline-block;} .box-up-sell .p-product-block .price-box .each-class{font-family:OpenSansBold;font-size:14px;} .back-to-top { position: fixed; bottom: 8em; right: 0px;text-decoration: none;color: #000000;background-color: rgba(235, 235, 235, 0.80); font-size: 12px;padding: 1em;display: none; z-index:999;} .back-to-top:hover {background-color: rgba(135, 135, 135, 0.50);} .wh-product .product_count span.style .price-box { padding:0px;} .wh-product .product_count .price-box .regular-price .price{font-size: 16px;font-weight: normal;} .wh-product .available-colors{color: #989898;font-family: opensans;font-size: 11px; font-weight: normal; margin-top:5px;margin-bottom:10px} .wh-product {height:375px;float:left;list-style:none;position:relative;background-color:#FFF;padding:0 0 30px 0;font-size:14px} .wh-product .wh-product-content-wrapper{position:relative;display:block;background-repeat:repeat-x;overflow:hidden} .wh-product .wh-product-content-wrapper ul{margin:0;padding:0;position:absolute;top:370px;left:1px;overflow:hidden;-webkit-transition:all,0.45s;-moz-transition:all,0.45s;transition:all,0.45s; background:#fff; z-index:9999; width:204px; height:376px;} .wh-product .wh-product-content-wrapper ul li{list-style:none;line-height:18px;display:block;} .wh-product:hover ul{top:0px} .wh-product .wh-product-content{-webkit-transition:all,0.15s;-moz-transition:all,0.15s;transition:all,0.15s;overflow:hidden;height:370px; width:210px; background-color:#FFF} .wh-product .wh-product-overlay{height:378px; width:100%;-o-transition:none .3s ease-in-out 0;-webkit-transition:none .3s ease-in-out 0;-moz-transition:none .3s ease-in-out 0;display:block;position:absolute;z-index:99;border-radius:0 0 3px 3px} /*.wh-product .wh-product-overlay:hover{top:-370px; border:3px solid red;-webkit-transition:all,0.15s;-moz-transition:all,0.15s;transition:all,0.15s;}*/ .wh-product:hover .wh-product-overlay{-webkit-transition:none;-moz-transition:none;transition:none;background-position:right top;border:3px solid #d3d3d3;margin-left:-2px;margin-top:-2px} .product_descriptoin { left: 0; padding: 10px 15px; position: absolute; top: 0; width: 300px; z-index: 9999; } .product_descriptoin:hover { opacity:0;-o-transition:none .3s ease-in-out 0;-webkit-transition:none .3s ease-in-out 0;-moz-transition:none .3s ease-in-out 0;} .addthis_native_toolbox { float: left;} /* CATALOG PRODUCT VIEW */ .catalog-product-view .horizontal-view {float: none!important;padding-top:20px;text-align:center} .catalog-product-view .horizontal-view ul li {display: inline-block; padding: 5px;width: 106px !important;height: 106px !important;} .catalog-product-view .gray-bg {background:#fff; padding-left:20px; padding-right:20px;} .catalog-product-view .product-name h1 {font-size:24px; text-align:left; margin:0px;} .catalog-product-view .item-number {color: #989898; font-size: 12px; padding: 7px 0px;} .catalog-product-view .more-views {float: left;} .product-img-box .catalog-product-view .more-views {float: left;} .catalog-product-view .price-box .regular-price .price { color:#313030; font-size:22px;} .catalog-product-view .each-class { color:#000;font-size:22px;} .catalog-product-view .table { display:table;} .catalog-product-view .table-row { display:table-row;} .catalog-product-view .table-cell { display:table-cell; padding-right:8px; } .catalog-product-view .price-box { text-align: right;} .catalog-product-view .add-to-cart .qty { width:45px; height:37px;} .catalog-product-view .add-to-cart .qty, .catalog-product-view .add-to-cart label { float:none; font-size:14px; text-align:center; margin:03px 0; box-shadow:none } .catalog-product-view .cpv-table { display:table; clear:both;margin:auto; width:100%} .catalog-product-view .cpv-table-row { display:table-row;} .catalog-product-view .cpv-table-cell { display:table-cell; background:#fff;padding: 20px 0px; width: 40%;border-right:1px solid #fff} .catalog-product-view .cpv-table-cell h2 { color: #000; font-family: "montserratregular" !important;font-size: 18px; text-transform: uppercase; margin-top: 20px;} .product-detaillst p { border-bottom: 1px solid #D7D7D7; font-size: 14px; line-height: 30px; margin:0px} .more-less p {border-bottom: medium none;} .size-list { clear: both;} .size-list li { float:left; text-align:center; margin-right:6px;width: 34px;} .size-list li label { color: #4d4d4d;cursor: pointer;display: block;font-size: 14px;font-weight: 500;margin-bottom: 3px;} .size-list li input[type="text"] { border: 1px solid #d7d7d7;border-radius: 0 3px 3px 0;padding:4px;text-align:center;width:45px;height:37px; box-shadow:none; color:#7c7c7c; font-weight: normal;} .size_box input[type="number"], .size_box input[type="text"] { border: 1px solid #d7d7d7;border-radius: 5px;padding:4px;text-align:center;width:30px;height:32px; box-shadow:none; color:#7c7c7c; font-weight: bolder; margin-right:6px;font-weight:normal; font-size:12px; margin-left:10px;} #colorsizelist .size-list li input[type="text"] {border: 1px solid #d7d7d7;border-radius: 7px; box-shadow: none; color: #7c7c7c; font-weight: normal; height: 30px;padding: 1px; text-align: center; width: 35px; font-size: 12px;margin-bottom: 0px;} #colorsizelist .size-list li label { color: #4d4d4d; cursor: pointer;display: block; font-size: 11px;font-weight: 700; margin-bottom: 3px;} #nonapparelcolorbox_tool > li .size_box input[type="text"] { border: 1px solid #d7d7d7;border-radius: 0 3px 3px 0;padding:4px;text-align:center;width:45px;height:35px; box-shadow:none; color:#7c7c7c; font-weight: bolder;font-weight:normal;} .catalog-product-view .pricetable { display:table; width:100%} .catalog-product-view .price-row { display:table-row; margin-top:5px; padding-top:5px; color:#000} #cartbutton {font-size:18px;border-radius: 10px;line-height: 25px;border-radius: 10px;} .catalog-product-view .price-row:nth-child(even) {background: #fff} .catalog-product-view .price-row:nth-child(odd) {background: #f2f2f2} .catalog-product-view .price-cell { display: table-cell; line-height: 33px; padding: 0 20px; font-size:14px;} .catalog-product-view .price-cell-price { min-width:70px;display: table-cell; line-height: 33px; font-size:14px; color:#000;font-weight: 500; text-align: left;} @media only screen and (max-width: 1024px) { .catalog-product-view .cpv-table-cell { overflow:auto; max-width: 396px; } .big-btn { font-size:18px; width: 98%; } #cartbutton { width: 98% !important; min-width:180px !important; height: 53px !important; } .btn-blue { height: 53px !important; } #cartbutton span { font-size: 16px !important; padding:0px 5px; } span#finaltotal { font-size: 22px !important; } .catalog-product-view .price-cell-price { line-height: 23px; font-size:11px; } #buyBlank > div.twelve.columns > div.row.zipcoderow > div.row > div.col-sm-3 > div > div > div { display:none !important; } #buyBlank { height:330px !important; } } .delivery-detail { color:#000} .delivery-detail li { margin-bottom:10px;} .delivery-detail .d-date b { background:url(../images/d_timing.png) no-repeat; width:30px; height:30px; margin-right:10px; float:left} /* .delivery-detail .s-type b { background:url(../images/s_type.png) no-repeat; width:30px; height:30px; margin-right:10px; float:right} */ .adjust {font-family: Arial;font-weight: bold;display:block;line-height:30px;} .shipping-label {line-height:37px} .catalog-product-view .gray-bg #zip, .catalog-product-view .gray-bg .sbHolder { float:right} .shippingzipcode, 8.zipcoderow {line-height:45px;} #zip { background:#fff; border: 1px solid #ccc;/*height: 45px; width: 200px; */color:#747474;font-size:12px;} .zip { border: 1px solid #dbdbdb;float: left;padding: 10px;width: 130px;} .zip > input[type="button"] { float: left; height: 30px; width: 54px;background:#03a8e2;border:none;color:#fff} .zip > input[type="text"] { float: left; height: 30px; width: 54px;margin:0px;border:1px solid #03a8e2;border-radius:0px;} .price-box { clear: both;} .adcrt-row { margin:10px 0px 20px 0} .adcrt-button a { font:bold 12px/50px Arial; line-height: 50px;margin-right: 10px;} .totalpriceofpro { float:right;line-height: 40px;} .totalpriceofpro .price { color: #999999;font-family: arial;font-size: 29px;font-weight: normal;} /*#colorsizelist { clear:both;min-height: 385px;margin-bottom:20px;}*/ #colorsizelist{ clear:both;/*min-height: 385px;*/margin-bottom:20px;} #colorsizelist div label, #colorsizelist div span {border-radius: 20px;float: left;line-height: 45px;margin-right: 5px;} #colorsizelist ul { margin:10px 0!important; clear:both;} #colorsizelist ul li span { margin-right:10px; margin-bottom:5px; line-height:30px;box-shadow:1px 0px 4px 0px #d4d4d4;border-radius: 20px;} #colorsizeprice {height: 130px;} #colorlist_common{max-height:450px;} /* .specificecolorli {clear: both !important;display: block !important;float: none !important;height: 35px;width: 280px !important;} */ .specificecolorli{display: inline-block !important;line-height: 88px;} .specificecolorli label {display: inline-block !important;float: none;font-weight: normal !important;margin-right: 5px;position: relative;top: -10px;width: auto !important;margin-bottom: 0px!important;line-height: 30px!important;border-radius: 0px!important;} .specificecolorli li span {margin-bottom:0px!important;} .specificecolorli #specificcolorlistdiv {display: inline-block;} .specificecolorli #specificcolorlistdiv label{top: 0;} /*Selection of Color of product sectoin*/ .rightmark { background-image:url(../images/selected-tick.png); } .rightmark:hover { background-image:url(../images/cross-tick.png); } .selected { background-image: url("../images/selected-tick.png");} #colorbox { margin-top:10px; } #colorbox li { margin-right:5px; margin-bottom:5px; float:left;box-shadow: 2px 2px 2px lightgray;} #colorbox li.rightmark { background-image:url(../images/selected-tick.png); } #colorbox li.rightmark:hover { background-image:url(../images/cross-tick.png); } #colorbox li.selected { background-image: url("../images/selected-tick.png");} .product-price-block { color: #7C7C7C;display: block;font-size: 22px; text-align: right; margin:0} .product-price-block > span { display: inline-table; } .product-price-block #eachproduct-numbers { font-weight: bolder; color:#989898;font-size:22px;display: inline-table;} .product-price-block .eachprice { background: #989898;border-radius: 20px;color: #ffffff;display: inline-table;font-size: 22px; padding: 10px 20px;} .product-price-block #eachprice { font-weight: bolder; color:#fff;font-size:22px;display: inline-table;} .color-selection-hd { color:#000; font-size:16px; margin-bottom:10px; } .color-selection-hd span { color:#000; font-size:12px; display:block; line-height:20px; } .silkletter-right-panel { float: right;width:260px;} .replace-color-panel {} .pane {width:260px;min-height:500px;float:left;} .main_dt{min-height:500px;} .bottom-line {/* border-top: 1px solid #d3d3d3; */clear: both;float: none;display: block;/* padding:20px; */overflow:hidden;border-bottom: 1px solid #d3d3d3; margin-bottom: 30px;} #printcolor li.selected{ background-image:url(../images/selected-tick.png); } /*Non Appareal Product Section*/ #nonapparelcolorbox > li {clear: both;} #nonapparelcolorbox > li div.color_box {float:left;box-shadow: 2px 2px 2px lightgray;border-radius: 20px;} #nonapparelcolorbox > li .slider_box.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all { width: 500px;float: left;margin: 13px;} #nonapparelcolorbox_tool > li {clear: both;} #nonapparelcolorbox_tool > li div.color_box {float:left;box-shadow: 2px 2px 2px lightgray;} #nonapparelcolorbox_tool > li .slider_box.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all { width:125px;float: left;margin: 12px;} #fontcolor li.selected {background-image: url("../images/selected-tick.png");} #fontcolor li {float: left;margin-bottom: 5px;margin-right: 5px;} #product_choose ul { list-style: none; } #nonapparelcolorbox2 > li {float:left; display: inline-block; margin: 5px 10px 0;} #nonapparelcolorbox2 > li div.color_box {box-shadow: 2px 2px 2px lightgray;border-radius: 20px;} /*.estimated-date {clear: both;display: block;font-size: 12px; margin-top:20px; margin-bottom:17px; text-align:right;} */ .estimated-date span{color:#13a6e7} .sort-by.text-right { float: left;} .email-friend { background:url("../images/mail_icon.gif") no-repeat scroll 0 3px ; float: left;} .email-friend a {color: #444444;padding-left: 20px;} .colorpicker{padding:10px;} #clipartcolor li {float: left;margin-bottom: 5px;margin-right: 5px;border-radius: 20px;} #clipartcolor li.selected {background-image: url("../images/selected-tick.png");} .product-detaillst p label {margin-right: 10px;display: inline;} #tottalQuantity{margin:0px !important;padding:0px;} /*Summary Division*/ .design-index-confirmation .main {max-width: 100%; width:100%;} .design-index-confirmation .main .twelve.columns.col-main{padding:0px; border-top:1px solid #d7d7d7} #summary-page {} #summary-page .summary-left-column { background:#f9f9f9;border-right: 1px solid #d7d7d7;min-height: 700px;} #summary-page .summary-left-column .panel-section-heading{background: #eeeeee;color: #686767;display: block;font-family: opensans;font-size: 18px;line-height: 30px;margin: 0 -15px 20px; padding: 7px; text-align: center;} #summary-page .main-column { } .summary-product-review .slected-product-image ul {margin-bottom:10px;} .summary-product-review .slected-product-image li {display:inline-block; margin-right:5px; margin-bottom:5px;} .summary-product-review .slected-product-image li:last-child {margin-right: 0;} .summary-product-review .slected-product-image li a {width:140px; height:140px; border:1px solid #cacaca; display:block;position:relative} .summary-product-review .slected-product-image li img {bottom: 0; left: 0;right: 0;top: 0;margin: auto;position: absolute;width: 90%;} .summary-order-list {} .summary-order-list li {clear: both;display: block; font-size:16px; color:#767676;position:relative;line-height:40px;} .summary-order-list li span{ position:relative; float:right;color:#000;} .summary-order-list li span.total-price {font-size:18px;font-weight:bold;} .final-summary-products {display: block;margin:auto auto auto 150px;font-size:16px;} .final-summary-products h1 { color:#424242;font: 300 26px/1.2em merriweatherregular;text-align:center} .final-summary-products div.finalsummary-small-heading {} .final-summary-products div ul li{font-size:15px; color:#000; line-height: 35px;} .finalsummary-small-heading { color: #767676;font-size: 16px;line-height: 30px;} .final-summary-products .summry-block-iii, .final-summary-products .summry-block-ii, .final-summary-products .summry-block-i {border-bottom:1px solid #d7d7d7; padding-bottom:10px; margin-bottom:10px;} .final-summary-products .summry-block-iii {border-bottom:none;} .final-summary-products .summry-block-iii textarea {width:315px;height:113px;} .final-summary-products p, .final-summary-products ul {margin:0px;} #product_addtocart_form input[type="submit"] {margin-left: 150px;} #summary-page .radio label:before {border-radius: 8px;} #summary-page .radio label:before {content: "";display: inline-block;width: 24px;height: 24px;margin-right: 10px;position: absolute;left: 0;bottom:1px;margin-bottom:1px; background:url("../images/checkout_unselect_radio.jpg") no-repeat} #summary-page .radio label {display: inline-block;cursor: pointer;position: relative;padding-left: 30px;margin-right:15px; margin-bottom:0px;font-size: 13px;line-height:25px;} #summary-page .radio input[type=radio]{display: none;} #summary-page .radio input[type=radio]:checked + label:before {color: #f3f3f3;line-height: 18px; background:#ffb85b; background:url("../images/checkout_select_radio.jpg") no-repeat} #summary-page .twelve.column.radio { line-height: 30px;margin-top: 10px;padding-left:20px;} #customdimension {width:150px;} #sku {color: #7c7c7c;} /*Chechout Page*/ .your-order-line { border-bottom: 5px solid #d3d3d3;border-top: 5px solid #d3d3d3;text-align: center;} .your-order-line p { font-size: 28px;line-height: 80px;margin: 0;} .your-order-line > p span { color: #d3d3d3;} .thanks-order { color: #03abe9;font-size: 28px;line-height: 70px; } .what-happen-title { color: #03abe9;font: 18px/70px OpenSans;} .bothborder { border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; } .address-block { background:#eeeeee;margin-bottom: 10px;padding: 20px;} .address-block h2 { font: 18px/50px "montserratregular" !important;margin: 0;} .shipping-address h2 { font: 14px/18px "montserratregular" !important;margin: 0;} .shipping-address .hd { font: 16px/40px "montserratregular"; color: #000000;} .thankyou-title { font-family: montserratregular !important; font-size: 22px;} .thankyou-table { border:1px solid #d3d3d3; padding:5px; } .checkoutx-onepage-success .hd { font: 16px/40px "montserratregular";} .what-happen {margin-bottom:50px;} tr.shipping, tr.fee, #my-orders-table .grand_total.last, #my-orders-table .subtotal.first { background:#03abe9;} #my-orders-table .odd , #my-orders-table tbody tr:nth-child(2n) {background:#fff} #my-orders-table tr.shipping td, #my-orders-table tr.fee td, #my-orders-table .grand_total.last td, #my-orders-table .subtotal.first td {border:none; color:#fff;font-family: montserratregular; font-weight: normal;} .shipping-instruction {border:1px solid #d3d3d3; padding:10px; margin-top:20px;} .product-details .price, .subtotal .price, .box-up-sell .price, .grouped-items-table .price {} #once a {cursor: pointer;} #backbutton { display: inline-block !important;} #salestaxamount {margin-top: 9px;text-align: right;color:#999999} /* checkout page styling*/ .checkout-header {background:#fff} .header-continuecheckout, .header-list-icon {margin-top: 0; padding-top: 0; position: relative; top: 15px;} .header-list-icon i {} .header-list-icon p{display:inline-block;margin-left:10px;} .billingandshipping {display: block;} .billingandshipping .line-step, .billingandshipping .second-step, .billingandshipping .first-step {display: inline-block;position:relative} .billingandshipping .second-step i, .billingandshipping .first-step i {background:#000;border-radius: 30px;color: #ffffff;display: inline-block;height: 30px;line-height: 30px;width: 30px;} .billingandshipping .second-step > span , .billingandshipping .first-step > span { display: block; line-height: 0;} .billingandshipping .line-step hr {left: -52px;position: absolute; top: -22px; width: 166px;} .billingandshipping .line-step { width: 70px;} .billingandshipping .dactivate { opacity: 0.3;} .colorsplit{display:inline!important;} .upsizechargeclass {margin-bottom: 36px;margin-right: 29px;} .column.shippingzipcode {line-height: 44px;} #choose_color_container{text-align: center;color: red;padding: 10px;} /*Tool-sharing*/ #tool-share {clear: both;display: block;height: 60px;} #tweet_share, #fb_share, #print_design, #download_proof, #mail_tofriend {width:40px; height:40px;display:block;margin-right:6px;border:none;float:left;text-indent: -999em;} #tweet_share{background:url('../images/tl_twshare.jpg')no-repeat} #fb_share{background:url('../images/tl_fbshare.jpg')no-repeat} #print_design{background:url('../images/tl_print.jpg')no-repeat} #mail_tofriend{background:url('../images/tl_download.jpg')no-repeat} #download_proof{background:url('../images/tl_mail.jpg')no-repeat} .hideAll, .showAll {cursor: pointer;} .products-grid .featuredclass {width:83px; height:83px; display:block; position:absolute; background:url("../images/featured_sticker.png") no-repeat scroll 50% 50%;; top:-5px; left:0px; z-index:1} /*Product View Page 190325 start*/ .order-summary-block label{display:inline-block;font-size:11px;} .order-setupfee-block-1 {clear:both;} .order-setupfee-block-1 label {display:inline-block;font-size:11px;} #runcharge, #setupFee { float: right;} .buy_printed_row label , .buy_printed_row select{font-size: 12px;} /*Product View Page 190325 end */ #navbar{ position:relative; width:100%; height:32px; background-color: #03ADF2; } #navbar_content { width: 95% ; margin-left: auto ; margin-right: auto ; padding-top:2px; color:white } #navbar_content p, #navbar_content div, #navbar_content div p { color:white; } #navbar_content a, #navbar_content a:visited { color:white; font-weight:bold; } #navbar_content a:Hover { color:#CCC; font-weight:bold; } @media only screen and (max-width: 800px) { #navbar_content_right { display:none; } } /* css added by iverve start*/ .six.columns.product-shop.gray-bg{float: left;} .product_blank{width: 100%;float: left;} .proatt-left{float: left;width: 45%;} .proatt-right{float: right;width: 50%;} /* css added by iverve start*/ #cartbutton{background: #00ccff;height: 66px;max-width: 266px; min-width:220px;} #cartbutton span{font-size: 24px;} #product-price-3{ display: inline-block; width: 244px; text-align: center;} #product-price-3 span{color: #999999; font-family: arial; font-size: 29px; font-weight: normal;} .adcrt-button .twelve.column{margin-top: 15px;} #product-price-2{margin-top: 7px;} .product_att-section .adcrt-button{ border-top: 1px solid #ccc;} .viewbtn{padding: 15px 14px 15px !important;border: none !important;} /* css added by iverve start*/ /* css added by iverve starts for cart*/ #webform_2_form{background: none repeat scroll 0 0 hsl(0, 0%, 98%); border: 1px solid hsl(0, 0%, 87%); padding: 10px 15px;width: 64%;} #webform_2_form .form-list li:last-child,#webform_2_form .form-list li:last-child div.field{width: 100%;} #webform_2_form .form-list li.fields label{display: none;} #webform_2_form .form-list li.fields .control label,#webform_2_form .form-list li:last-child label{display: inline;color: hsl(0, 0%, 0%);} #webform_2_form .fieldset{background: none;border: none;margin: 0;padding: 0;} #webform_2_form .buttons-set{ border: 0 none;margin: 0;} #webform_2_form .buttons-set .required{ display: none;} #webform_2_form .form-list li.fields .control input{float: none !important;} #webform_2_form ul.list-select{margin: 0;} .quotet{color: rgb(156, 156, 156); font-size: 14px; text-align: left; text-decoration: underline;cursor: pointer;} .quotetcon{font-family:Arial;border-radius: 6px 6px 8px; border: 3px solid rgb(204, 204, 204); display: block; width: 326px; background: none repeat scroll 0% 0% white; z-index: 1000; top: 46px; position: absolute; padding: 5px; left: 220px;display:none;} .quotetcon .close-crt-popup-modal{ float: right; color: #AAA; background: white; padding: 0px 4px; text-align: center; font-size: 18px; font-style: normal !important; border-radius: 10px; line-height: 17px; cursor: pointer;} h4.quicktitle { font-family: Arial,Verdana,Serif!important; } .category-title h1{color: #0096DB; margin-bottom: 0px;} .shortdesc {float: left; text-align:center; margin-bottom: 12px; width:100%;} .chat_icon { /* display:none; */} #scqZqn { display:none; } #psqZqnl { display:none !important; } /* css added by iverve ends for cart*/ /*10-7-2015 category new design*/ .shortdesccat{width: 100%;padding: 15px 0 15px;} .bottomsection{padding-top: 20px;} .catalog-category-view #sidebar{display: none;} .catalog-category-view #sidebar{display: none;} .catalog-category-view .main.row section{width: 100%;} .catfiter{ display: inline-block; margin: 0 auto; padding: 0 20px; text-align: center; width: 22%;} .catalog-category-view .span2{text-align: center;} .catalog-category-view .products-list li{text-align: center} .main.row{width: 100% !important;min-width: 100% !important;} .main.row section{padding: 0px !important;} .show-for-small.off-canvas-buttons{display: none;} .featuredpro {max-width: 1170px;margin:0 auto;} .featuredpro h5{text-align: center;} /*.bottomsection{background: #eaeaea;} */ .featuredpro .page-title.category-title{position: relative;width: 100%;} .featuredpro h1 { border-bottom: 2px solid #ececec; color: #000000; float: left; font-size: 24px; text-align: left; width: 100%; z-index: -9999; padding-bottom: 18px; } .featuredpro .category-title .titleborder { background: none repeat scroll 0 0 #f89d18; bottom: 0; display: block; font-size: 0; height: 4px; position: absolute; width: 500px; z-index: 900; } .bottomsection .featuredpro .category-title h1{ border-bottom: 2px solid #FFFFFF;} .bottomsection { /* border-top: 1px solid #c1c1c1; */} .category-products ul li, .category-products-featured ul li {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #d6d6d6;padding: 0 !important;margin-right: 2%;} .featuredpro .category-products ul li, .featuredpro .category-products-featured ul li {width: 23%;} .category-products ul li figure, .category-products-featured ul li figure { display: block !important; background: none !important;margin: 0 auto;max-width: 100% !important;text-align: center;} figure .product-image,figure .product-image .lazyload{display: block;margin: 0 auto;} /* .category-products ul li figure a{ background: #fff;} */ .product_count{text-align: left;} .product_count span{color:#f89d18;} figure h2 .product-name{max-width: 100% !important;} .no_unit{float: left;color: white;} .no_unit span{font-size: 18px;} .hover-proname{} .aslowas{color: #f89d18;clear: both;text-align: left;margin: 0px;} .minqua{font-size: 30px;} .buy-colors .price-box { color: #F89D18; margin: 0; padding: 0; text-align: left; } .buy-colors .price-box span.price{font-size: 36px;} .no_colors { background: none repeat scroll 0 0 #072331; bottom: 0; clear: both; color: #FFFFFF; display: block; left: 0; margin: 0; min-height: 58px; overflow: hidden; padding: 7px; position: absolute; text-align: left; width: 100%; } .buy-section-button a span span { border: 1px solid #0099ff; color: #FFFFFF; padding: 10px; } .buy-section-button a:hover{text-decoration: none;} figure h2.product-name{max-width: 100% !important;} .box_skitter.box_skitter_large{margin: 0 auto;} .main.row #loader{text-align: center;} .block.block-subscribe{background: none repeat scroll 0 0 #2A2A2A; padding: 80px; text-align: center; padding: 55px 80px; } .block.block-subscribe h3{ color: #FFFFFF; text-transform: uppercase; } #newsletter{background: #2A2A2A;color: white;display: inline-block; margin: 0 auto; width: 90%; min-height: 38px; padding: 8px;} .form-subscribe-header .input-box{margin: 0 auto;width: 87%;} #newsletter-validate-detail .input-box{ margin: 0 auto; width: 75%;} .no_colors li { display: inline-block; width: auto !important; border: none !important; } ul.no_colors-list{ display: block;margin: 5px 0 0;} ul.no_colors-list > li { margin: 0; } .news-bor-btm{ border-bottom: 1px solid #F89D18; display: inline-block; font-size: 0; min-width: 200px !important; } .block-subscribe label { font-weight: normal; line-height: 100px; color: white; } #newsletter-validate-detail button{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid; color: #FFFFFF; min-height: 38px; padding: 0 19px; vertical-align: top; } .form-subscribe-header .input-box{ width: 76%;} .offer-inner { border: 5px solid #787979; float: left; line-height: 24px; margin-bottom: 10px; padding: 12px 0 12px 25px; width: 100%; } .offer-inner { border: 1px solid #CBCBCB; line-height: 24px; padding: 12px; text-align: left; width: 96%; } .offer-sub { float: left; margin-left: 10px; width: 88%; } .container .offer{ width: 33.3333%; } .footer{clear: both;} .footer-block{ margin: 0 auto; max-width: 1169px; width: 100%;} .iconouter{float: left; width: 9%;} .img-responsive{padding-top: 10px;} .footer-block .offer{float: left;width: 33%;} label.head-title{font-weight: bold;} .img-responsive{float: left;} .buy-section-button a:hover span{text-decoration: none;} .featuredpro .toolbar{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); text-align: right; width: 34%; float: left; } .catfiter { clear: none !important; float: left; margin: 0 auto; padding: 0 20px; text-align: left; width: 33%; } .filter-options .span2{float: right;width: 66%;} .filter-options{ clear: both; overflow: hidden; width: 100%; } .featuredpro .filter-options select{width: 200px;} .row.breadcrumbs{ margin: 0 auto !important; max-width: 1199px !important; /*padding-left:9px; padding-right:9px;*/ text-align: left;} .catalog-product-view .row.breadcrumbs{ margin: 0 auto !important; max-width: 1279px !important; padding-left:9px; padding-right:9px; text-align: left;} #products-list .product-name, .item-no, .product_count{text-align: left;} .hover-name { color: #FFFFFF; float: left; font-size: 18px; text-align: left; display:block; width:100%; } @media only screen and (max-width: 900px) { #content-body > div > div:nth-child(1) > div.col-sm-10 > h1 { font-size:20px !important; } .container { width:100% !important; } #buyBlank { margin-top:110px; } #product_printed { margin-top:140px; } #buyBlank > div:nth-child(9) > div { float:left !important; width:100%; margin:10px auto; } /* .box_skitter.box_skitter_large,.container_skitter,.container_skitter img { width: 100% !important; } */ .box_skitter span.info_slide_dots{display: none !important;} .filter-options .toolbar,.filter-options .span2{width: 100%;} .filter-options .toolbar div{ float: none; margin: 0 auto; text-align: center;} .catfiter{width: 100%;} .block-content .narrow-by-list dt,.catfiter,.catnewfolter select{text-align: center;} .catnewfolter ol{display: inline-block;} .footer-block .offer{width: 100%;float: none;width: 94%;} .form-subscribe-header label{ line-height: 28px;} } .buy-section-button a:hover, .buy-section-button a:focus, #buy_details a:hover, #buy_details a:focus { text-decoration:none; } .sbOptions { z-index:5010!important; } /*category page design ends*/ .nav-tabs > li > a { display: inline-block !important; } #summary-page #sidebar { padding: 0 15px!important } /*Menu Design*/ #top-bar { background: none repeat scroll 0 0 #02ADF2; padding: 5px 0; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } #top-bar a { color: #FFFFFF; line-height: 26px; } .form-control { background-color: #FFFFFF; background-image: none; border: 1px solid #CCCCCC; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; } .flat-control { border-radius: 0; box-shadow: none; } #top-bar input[type="text"] { height: 25px; max-width: 400px; padding: 0 5px; } .no-border { border-width: 0; } #main-nav { background: none repeat scroll 0 0 #F9F9F9; border-bottom: 1px solid #F0F0F0; margin-bottom: 15px; padding: 10px 0; } .navbar-default { background-color: rgba(0, 0, 0, 0); border-color: rgba(0, 0, 0, 0); border: none !important; margin-bottom: 0px !important; } .cbp-hrmenu > ul > li > a { color: #898989; font-size: 12px; padding: 10px; text-transform: uppercase; border: none !important; padding: 10px 10px 8px 10px; display: inline-block; } #cbp-hrmenu li a i { margin-left: 5px !important; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { background-color: rgba(0, 0, 0, 0); color: #333333; } .header-container{display: none;} .main-container { margin-top:-31px; } @media only screen and (max-width: 768px) { #main-nav{display: none;} .header-container{display: block;} .col-sm-6.text-right.text-center-mobile{ clear: both; margin: 0 auto; width: 100%; text-align: center; } .main-container { margin-top:0px; } } .freeorange { background: none repeat scroll 0 0 #FF0000; color: #FFFFFF; font-size: 20px; line-height: 31px; position: relative; text-align: center; text-transform: uppercase; } /* Start 29-01-2016 */ .cms-home .col1-layout .col-main{padding:0px !important;} .top-banners { margin: 0 auto; max-width:4000px; max-height: 2480px; overflow:hidden; } .top-banners ul { background-color: #e6e6e6; float:left; width:100%; margin: 0 auto;} .top-banners ul.second-banner-row{padding: 1.88% 0px;} .top-banners ul li.img1 { float: left; width: 64.625%;} .top-banners ul li.img2 { float: left; padding: 0% 0% 0.94% 1.43%; width: 35.375%;} .top-banners ul li.img3 { float: left; padding: 0% 0% 0% 1.43%; width: 35.375%;} .top-banners ul li.img4 { float: left; width: 20.1%;} .top-banners ul li.img5 { float: right; padding: 0 0 0 1.85%; width: 79.09%;} /* End 29-01-2016 */ .buy4xbanner { color: #FFFFFF; position: relative; text-align: center; text-transform: uppercase; } @media only screen and (max-width: 1145px) { .buy4xbanner { display:none; } } .footer { margin-top:10px; background: #F1F1F1; padding: 50px 0 80px 0; border-top: 1px solid #E3E3E3; } .footer h3 { font-family:Lato, OpenSans !important; text-transform: uppercase; font-size: 16px; font-weight: 700 !important; } .triangled ul { margin: 0px; padding: 0px; list-style: none; } .triangled ul li:before { font-family: "FontAwesome"; content: "\f04b"; margin-right: 10px; color: #d9d9d9; display: block; float: left; position: relative; top: 5px; font-size: 7px; } .social-icons { margin: 20px 0px; padding: 0; } .social-icons li { float: left; text-align: center; } .social-icons li a { width: 32px; margin-right: 4px; height: 28px; padding-top: 0px !important; display: inline-block; background: #d9d9d9; color: #fff; line-height: 32px; font-size: 1.3333em; -moz-transition: opacity 0.3s ease-in; -o-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; -ms-transition: opacity 0.3s ease-in; transition: opacity 0.3s ease-in; } .social-icons li { overflow: hidden; } .social-icons li { float: left; text-align: center; } ul.order-links{ background: #02a5f2 none repeat scroll 0 0; line-height: 30px; margin-left: -13px; margin-top: 20px; padding: 15px; position: absolute; text-align: left; top: 19px; z-index: 1; } ul.order-links { display: none; } #top-bar ul.list-inline li.order-info:hover ul.order-links { display: block; } #top-bar a { line-height:40px;} .order-info{ height:40px;} .featuredpro .shortdesccat{ padding: 0 0 15px; } .featuredpro .container{ width: 1170px; } .featuredpro .container .row{ margin-bottom: 20px; } .featuredpro .container .row .thumbnail{ border:none; } .featuredpro .container .row .right-border {background-color: #02adf2; height: 100px; position: absolute; right:0; top:40px; width:3px;} .featuredpro .container .row .col-xs-12.col-sm-12.col-md-6.col-lg-2:last-child .right-border{display: none;} .featuredpro .container .row .thumbnail .caption-details{text-align: center; color: #424242; font-family: "merriweatherregular","Helvetica",Arial; font-size: 14px; margin-top: 20px;} .featuredpro .container .row .thumbnail .caption-details a{color: #000000; line-height: 40px;} .featuredpro .container .row .thumbnail .caption-details a:hover{text-decoration: none;} .featuredpro .container .row .thumbnail .caption-button{ width: 100%; text-align: center;} .featuredpro .container .row .thumbnail .caption-button a{border:2px solid #02ADF2; background-color: white; padding:7px 25px; text-align: center; font-family: "merriweatherregular","Helvetica",Arial; font-size: 14px; color:#02ADF2;} .featuredpro .container .row .thumbnail .caption-button a:hover{ background-color:#02ADF2; color:white; text-decoration: none; } .shopperapproved-review .headline { margin: 4em auto 3em; max-width: 87.5em; padding-left: 1em; padding-right: 1em; } .shopperapproved-review .headline h2{ font-size: 3em; line-height: 1.125; font-weight: normal; margin: 0 0 0.125em; text-align: center; color: #6d6e70; font-family: "Museo Sans",Arial,Helvetica,sans-serif; } .shopperapproved-review .headline p{ font-size: 1.125em; line-height: 1.33333; text-align: center; color:#6d6e70; } .shopperapproved-review .headline p a{ color:red; } .shopperapproved_widget{ height: auto !important; } .sa_review{ background: none !important; border: medium none !important; height: auto !important; display: table !important; width: 100% !important; } .sa_review .sa_info{ float:none !important; width: 100% !important; display: table-footer-group !important; background-image: url("images/background_arrow.jpg"); background-repeat: no-repeat; background-position: 30px 0; height: auto !important; } .sa_review .sa_comments{ background: #8cc1c1 none repeat scroll 0 0 !important; border-radius: 5px; color: #f7f5f2 !important; font-size: 20px; line-height: 1.25 !important; margin: 0 !important; padding: 1.5em !important; height: auto !important; float:left !important; width: 100% !important; /* display: table-header-group !important; */ } .sa_review .sa_star { background-image: url("images/rating-sprite.png") !important; background-position: -20px 0 !important; height: 30px !important; width: 22px !important; } .sa_star.sa_activestar{ background-position: 0 0 !important; } .shopperapproved_widget table { border: medium none !important; } .sa_review .sa_info > div{ display: table-header-group !important; float:left; padding-top: 5px !important; } .sa_review .sa_info .sa_name { margin-left: 60px; color: #8cc1c1; min-width:120px; min-height:60px; } .sa_review .sa_info .sa_name .sa_displayname{ font-weight: normal; } .sa_review .sa_info .sa_date{ color: #6d6e70; white-space: nowrap; margin-left: 5px; } .sa_review .sa_info > span{ display: table-footer-group !important; float:right; } @media screen and (min-width: 1367px) { .catalog-category-view .col-left.fixed-left-position { display: block !important; float: left; left: 0; padding: 10px !important; position: fixed; top: 150px; width: 13% !important; } .col-left.fixed-left-position .block.catfiter { width: 100%; padding: 0 20px 0 0; } .col-left.fixed-left-position .narrow-by-list.new-title-design > dt { border-bottom: 3px solid #ffffff; margin-bottom: -3px !important; } .col-left.fixed-left-position .narrow-by-list.new-title-design > .titleborder { background: #f89d18 none repeat scroll 0 0; bottom: 0; display: block; font-size: 0; height: 4px; position: relative; width: 100px; z-index: 900; } } @media screen and (min-width: 1700px) { .catalog-category-view .col-left.fixed-left-position { left:50px; } } @media screen and (min-width: 1800px) { .catalog-category-view .col-left.fixed-left-position { left:130px; } } @media screen and (min-width: 2000px) { .catalog-category-view .col-left.fixed-left-position { left:200px; } } @media screen and (min-width: 2200px) { .catalog-category-view .col-left.fixed-left-position { left:250px; } } @media screen and (min-width: 2600px) { .catalog-category-view .col-left.fixed-left-position { left:400px; } } @media screen and (min-width: 3000px) { .catalog-category-view .col-left.fixed-left-position { left:650px; } } @media screen and (min-width: 3600px) { .catalog-category-view .col-left.fixed-left-position { left:1050px; } } #bs-example-navbar-collapse-1 > ul:nth-child(1) > li.searchBarWrapper.hidden-xs > form > div > div.input-group > input:focus, .searchautocomplete input[type="text"]:focus { background-color:#ffffff !important; } a.morelink, a.morelink:hover { color: #02adf2 !important; text-decoration: none !important; cursor: pointer !important; } .logoclass { display: block; left: 82px; position: absolute; top: 82px; z-index: 9; } #maincat1 a, #maincat1 a:visited { color:#02ADF2; } #maincat1 a:hover { text-decoration:underline; } #habla_both_div { display:none !important; } .my-account { margin-top: 30px; } .header_phone { font-size:26px !important; } @media only screen and (max-width: 1286px) { .header_phone { font-size:18px !important; } } @media only screen and (max-width: 1086px) { .header_promotional { display:none !important; } .header_phone { display:none !important; } } .cms-page-view .main.row { margin-top: 20px; } .border_box { margin-top: 20px !important; } #fancybox-wrap { z-index: 99999 !important; } /*start SilkLetter - New Category Page at 06/09/2017*/ #content-container > .bottomsection { background: none !important; max-width: 1500px; margin: 0 auto; } .featuredpro .category-products ul li{ width: 18% !important; } .sp-top80 > .featuredpro{ float: right; padding-right: 9%; width: 70%; } .left-block-bar { width: 22%; float: left; /* padding-left: 9%; padding-left: 4%;*/ } .left-block-bar > .staticPosition{ padding-right: 21% !important; } /*End SilkLetter - New Category Page at */ /* start milan category page design changes as per psd */ .left-block-bar .uploadLogoGrid .content-style-text h2{ font-size: 15px; font-weight: bold !important;} .left-block-bar .uploadLogoGrid .content-style-text p{font-size: 13px; font-weight: normal; } .left-block-bar .uploadLogoGrid{min-height: 235px;} .bottomsection .form-control, .uploadLogoGrid .form-control {color: #333 !important; border: 1px solid #fff !important;-moz-appearance:none; -webkit-appearance:none; appearance:none; } /* arrows */ .bottomsection .form-control, .uploadLogoGrid select.form-control { background-image: linear-gradient(45deg, transparent 50%, #333 50%), linear-gradient(135deg, #333 50%, transparent 50%), linear-gradient(to right, white, white); background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0; background-size: 5px 5px, 5px 5px, 2.5em 2.5em; background-repeat: no-repeat; } .bottomsection .featuredpro { float: left; padding: 10px 0 !important; position: relative; right: 20px; width: 75%; z-index: 9999; } .bottomsection .col-sm-3.staticPosition{ padding: 0 0 0 20px !important; width: 80% !important;} .category-products ul li .product_count span { color: #666 !important; font-size: 13px; font-weight: bold; } .category-products, .category-products ul li, .left-block-bar, #content-container > div.bottomsection > div.left-block-bar > div.filtersSection ul li {font-family:Lato, OpenSans !important; } .category-products ul li .buy-colors .price-box .each-class, .category-products ul li .product_count .each-class { display: none;} .category-products .products-grid .price-box .price { color: #339900 !important; } .category-products .products-grid .price-box { font-weight;bold; float: right; position: relative; /* right: 28%; */ } .category-products ul li .product-name a{ font-family:Lato, OpenSans !important; font-size: 13px !important; color: #333 important; line-height: 15px !important;} .cs-style-7 figure.cs-hover figcaption, .no-touch .cs-style-7 figure:hover figcaption{ background: #fff !important; } .category-products ul li .product-name { font-family: Lato, OpenSans !important; line-height: 16px !important; } .category-products ul li .buy-colors .child_old p { color: #333 !important;} .category-products ul li .buy-section1 .buy-section-button span:first-child { color: white; } .category-products ul li .buy-colors .price-box span.price{ font-size: 16px !important} .category-products .no_colors { color:#333; background:none; position:relative !important; padding:10px !important} .category-products ul li .buy-colors .child_old p{ font-size:13px !important; line-height:20px; font-family:Lato, OpenSans !important; float:left; } .category-products ul li .buy-colors .child_old .aslowas { color:#666 !important; margin: 10px; } .category-products ul li .buy-colors .child_old p span{ font-size:13px } .buy-section-button a span span{ border: 0px solid hsl(204, 100%, 50%); border-radius: 0px; text-transform:uppercase; background-color: hsl(204, 100%, 50%); } .products-grid figure:hover a, .products-grid figure:hover a:hover { text-decoration:none !important;} .category-products .buy-colors .hover-proname { float: left; /* padding: 0 0 0 20%; */ margin: 10px 0; } .category-products ul li .buy-section1 { bottom: 12px; left: 0; position: absolute; right: 0; width: 100%; } .category-products ul li .buy-colors .child_old hr { margin:0 !important;} .products-grid .featuredclass {width:50px; height:50px; display:block; position:absolute; top:0px; left:0px; z-index:1} .bottomsection .filtersSection .col-sm-2{ clear:left; margin: 15px 0; } .bottomsection .fixedProductFilter{ position:relative; top:0; } .col-sm-2 a.reset-filter, .filtersSection .btn.btn-info.btn-block.showUploadLogoModal { display: none; } .bottomsection .filtersSection .form-group label{ position:relative; float:left; left:0px; font-size:12px; color:#666; top:0; text-transform:uppercase; } .filtersSection .toolbar .form-control, .bottomsection .filtersSection .block-content .form-control { border:2px solid #ccc !important; padding:0 10px 4px !important} .narrow-by-list ul.colors-list{ width:100%; float:left; } .narrow-by-list ul.colors-list li a { color: #000; } .narrow-by-list ul.colors-list li a span{ display: inline-block; height: 15px; line-height: 15px; margin-right: 2%; width: 15px; } .uploadLogoGrid button#uploadlogofile { background-image:none !important;} .bottomsection .filtersSection { border:none;} @media only screen and (max-width: 600px) { .bottomsection .left-block-bar { width:auto !important} /*.bottomsection .featuredpro { float:none !important;}*/ .featuredpro .category-products #products-list li.three{ width:auto !important; margin:10px 0 ; clear:both; } .bottomsection .featuredpro { right: -29px !important;} .col-sm-3.staticPosition{ right: -18px;} .left-block-bar {float: none !important;} .bottomsection .filtersSection .col-sm-2 { width: 87%; } } @media only screen and (min-width: 360px) and (max-width: 640px) and (orientation : landscape) { .left-block-bar {float: none; display:none; } .col-sm-3.staticPosition { right: -18px;} .featuredpro .category-products #products-list li.three { right: -52px; } .bottomsection .filtersSection .col-sm-2 { width: 87%; } } @media only screen and (min-width:601px) and (max-width: 960px) { .bottomsection .left-block-bar { width:auto !important} /*.bottomsection .featuredpro { float:none !important;}*/ .featuredpro .category-products #products-list li.three{ clear:none !important; width:46.5% !important; margin: 10px 1.5% !important; float:left !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .left-block-bar {float: none; display:none; } .col-sm-3.staticPosition { right: -18px;} .filtersSection .col-sm-2 {width: 84% !important} .bottomsection .featuredpro{ right: -37px !important;} } @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape) { .featuredpro .category-products ul li{ width:18% !important; } .bottomsection .featuredpro { width: 91% !important;} .bottomsection .featuredpro { width: 92% !important; } } @media only screen and (min-width: 980px) and (max-width: 1280px) { .col-sm-3.staticPosition { width: 100% !important;} .bottomsection .featuredpro {width: 94%;} } @media only screen and (min-width: 980px) and (max-width: 1280px) and (orientation : landscape){ .bottomsection .featuredpro { width : 75% !important} } .shortdesccat {clear: both;} /* end milan category page design changes as per psd */ /*Css for feature product star*/ @import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css); fieldset, label { margin: 0; padding: 0; } h1 { font-size: 1.5em; margin: 10px; } .cs-style-7 figcaption { border: 1px solid #03a8e2; } .mycategory { font-family:Lato, OpenSans !important; } /****** Style Star Rating Widget *****/ .rating { display:none; border: none; float: left; } .rating > label:before { margin: 5px; font-size: 1.25em; font-family: FontAwesome; display: inline-block; content: "\f005"; } .rating > .half:before { content: "\f089"; position: absolute; } .rating > label { color: #ddd; float: right; color: #FFA500; } /*end Star css*/ .buy-section-button a:hover, .buy-section1 > div > a > span > span:hover, .buy-section-button a:hover span { color:black !important; } /****** NEW HOMEPAGE 12/26/2017 *****/ .cms-devtheme .page { background: #ffffff; } #top-bar .header-part { padding: 0px 0px 0px 0px; } .header-part .uppercase { text-transform: unset; } .header-part .list-inline > li { padding: 6px 6px 6px 6px; } .header-part .topBarLinks li a i { margin-right: 10px; } .text-right.header-part .list-inline > li { padding: 6px 0px 6px 6px; color:#fff; } .text-right.header-part .shoppingCartHeader-part .price1 { padding-left: 8px; font-size: 14px !important; font-weight: 600;} .cms-devtheme #main-nav { margin-bottom: 0px !important; } .navbar-default .header-part1 { padding: 0px 0px 0px 0px; } .navbar-default .header-part1 .navbar-collapse { padding: 0px 0px 0px 0px; } #themainmenu .categoryDropDownButton { font-weight: bold; padding: 7px 10px;} .navbar-collapse .dropdown .caret { margin-left: 5px; } .header-part1 .navbar-collapse .searchBarWrapper .topSearchBarInput-part { width: 560px; height: 36px; border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; } .header-part1 .navbar-nav .searchBarWrapper .input-group-btn > .btn { font-size: 12px; height: 36px; text-align: center; color: #6d6e70; border-top-right-radius: 3px !important; border-bottom-right-radius: 3px !important; } .header-part1 .navbar-nav .searchBarWrapper .input-group-btn > .btn:hover { color: #333 !important; background-color: transparent; } .header-part1 .navbar-collapse .nav-part { float:right;} .navbar-default .header-part1 .nav-part > li { padding: 15px 0px 15px 7px; } .navbar-default .header-part1 .nav-part > li > a { padding: 0px 0px 0px 0px; font-size: 16px; font-weight: bold; } .navbar-default .header-part1 .nav-part > li > a > i { margin-left: 5px; margin-right: 7px; font-size: 16px; } .col1-layout .col-main { padding: 0px 0px 0px 0px !important; } p { margin: 0 0 0px !important; } .cms-devtheme .featuredImg { height: unset; margin-right: 11px;} .cms-devtheme .mainSlider { height: unset; } .row.no-gutter .smallbbanner { padding-left: 7.5px; padding-right: 7.5px;} .mainSlider .row.no-gutter .headno1 { padding: 10px 5px 0px 5px; text-align: center; font-size: 12px; font-weight: bold; } .row.no-gutter .secondslider2 { padding-top: 10px !important; } .section-category-grid #allCategory1 { padding-bottom: 30px; margin-top: 30px; } .homePageCategory1 .product-item:nth-child(3n+1) { margin-left: 0;} .homePageCategory1 .product-item { width: 32.3%; margin-bottom: 20px; display: inline-block; vertical-align:top; margin-left:12px; border: 1px solid #dadada; } .product-item .first.category.box { padding: 0px 0px 20px 15px; } .product-item .first.category.box .category-head { padding:20px 0px 20px 0px; } .first.category.box .category-head span{ color: #333; font-size: 16px; } .product-item .first.category.box li { font-size:12px; color:#dadada !important;} .product-item ul li a { margin: 5px 0; color: #6d6e70; display: block; } .product-item .headno2 { padding: 5px; border-top: 1px solid #dadada; text-align:center; color:#13A6E7; background-color:#f7f6f6;} .product-item .headno2 i { padding-left: 5px; } .headno2:hover { color: #ffffff; background-color:#13A6E7;} #allCategory1 .product-item .maincatbox1 { background: rgba(0, 0, 0, 0) url("../images/test1.png") no-repeat scroll 0 0 / 100% 100%; } #allCategory1 .product-item .maincatbox2 { background: rgba(0, 0, 0, 0) url("../images/test2.png") no-repeat scroll 0 0 / 100% 100%; } #allCategory1 .product-item .maincatbox3 { background: rgba(0, 0, 0, 0) url("../images/test3.png") no-repeat scroll 0 0 / 100% 100%; } #allCategory1 .product-item .maincatbox4 { background: rgba(0, 0, 0, 0) url("../images/test4.png") no-repeat scroll 0 0 / 100% 100%; } #allCategory1 .product-item .maincatbox5 { background: rgba(0, 0, 0, 0) url("../images/test5.png") no-repeat scroll 0 0 / 100% 100%; } #allCategory1 .product-item .maincatbox6 { background: rgba(0, 0, 0, 0) url("../images/test6.png") no-repeat scroll 0 0 / 100% 100%; } #allCategory1 .product-item .maincatbox7 { background: rgba(0, 0, 0, 0) url("../images/test7.png") no-repeat scroll 0 0 / 100% 100%; } #allCategory1 .product-item .maincatbox8 { background: rgba(0, 0, 0, 0) url("../images/test8.png") no-repeat scroll 0 0 / 100% 100%; } #allCategory1 .product-item .maincatbox9 { background: rgba(0, 0, 0, 0) url("../images/test9.png") no-repeat scroll 0 0 / 100% 100%; } #allCategory1 .product-item .maincatbox10 { background: rgba(0, 0, 0, 0) url("../images/test10.png") no-repeat scroll 0 0 / 100% 100%; } #allCategory1 .product-item .maincatbox11 { background: rgba(0, 0, 0, 0) url("../images/test11.png") no-repeat scroll 0 0 / 100% 100%; } .section-bottom1 { border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; background-color:#ffffff; padding: 20px 0px 30px 0px;} .section-bottom1 .styled-heading { color:#13A6E7; margin-top: 30px;} .section-bottom1 .styled-heading-top { color:#141414;} .section-bottom1 .styled-heading-top span { font-size:16px;} .section-bottom1 .brandsImages a img { width: 11%; } .styled-heading-top::after { content: unset !important;} #content-body .bg-grey { background:#ffffff;} .sp-top-bottom100 .shopperapproved-review { padding: 0px 15px 0px 15px !important; } .sp-top-bottom100 .bottom-content { background:#fff; padding: 30px 0px 30px 0px; } .shopperapproved-review .headline { margin: unset;} .shopperapproved-review .headline p a { color: #13A6E7 !important; } .sa_review .sa_info { background-image: unset !important;} .sa_review .sa_comments { } .col1-layout.container .footer { margin-top: 0px; padding: 50px 80px 70px 100px; } .footer .footer-part { display: block; float: left; width: 100%; padding-left: 30px; } .triangled ul li::before { display: none !important;} .footer .triangled ul li a { color: #13A6E7; } .social-icons.clearfix li a i { color: #ffffff; } .shopperapproved_widget table tbody tr td { width: 50%; } .shopperapproved_widget .sa_comments { background: #13A6E7 !important; } .shopperapproved_widget .sa_review .sa_info .sa_name { color: #13A6E7 !important; margin-left: 5px !important; } @media only screen and (min-width:1500px) and (max-width:2000px) { .container{ width: 1500px !important;} .header-part .list-inline > li { padding: 15px 19px 15px 0px; } .header-part .list-inline > li > a { font-size: 16px !important; } .header-part .list-inline > li > a > i { font-size: 18px; } .text-right.header-part .list-inline > li { padding: 15px 0px 15px 20px; } .text-right.header-part .list-inline > li > a { font-size: 14px !important; } .text-right.header-part .shoppingCartHeader-part .price1 { font-size: 16px !important; } .header-part1 .navbar-header .navbar-brand { width: 100%; } .header-part1 .navbar-header .navbar-brand > img { width: 140px; } #themainmenu .categoryDropDownButton { font-size: 14px; padding: 7px 20px; } .header-part1 .navbar-collapse .searchBarWrapper .topSearchBarInput-part { width: 747px; } .header-part1 .navbar-nav .searchBarWrapper .input-group-btn > .btn { font-size: 14px; } .navbar-default .header-part1 .nav-part > li { padding: 15px 6px 15px 6px; } .navbar-default .header-part1 .nav-part > li > a { font-size: 18px; } .navbar-default .header-part1 .nav-part > li > a > i { margin-left: 10px; margin-right: 10px; font-size: 22px; } .cms-devtheme .featuredImg { margin-right: 16px; } .mainSlider .row.no-gutter .smallbbanner { padding-left: 10px; padding-right: 10px; } .mainSlider .row.no-gutter .headno1 { padding: 15px 5px 0px 5px; } .mainSlider .row.no-gutter .secondslider2 { padding-top: 20px !important; } .homePageCategory1 .product-item { width: 32.2%; margin-left: 20px; } .product-item .first.category.box { padding: 0px 0px 20px 25px; } .product-item .first.category.box li { font-size: 13px; font-weight: bold; } .product-item .headno2 { padding: 10px; } .shopperapproved-review .headline { margin: 4em auto 3em; } .col1-layout.container .footer { margin-top: 0px; padding: 50px 80px 70px 100px; } .footer .footer-part { display: block; float: left; width: 100%; padding-left: 30px; } } @media only screen and (min-width:900px) and (max-width:1100px) { .header-part .uppercase > li > a > span { font-size: 14px; } .header-part1 .navbar-collapse .searchBarWrapper .topSearchBarInput-part { width: 370px;} .navbar-default .header-part1 .nav-part > li > a { font-size: 14px;} .mainSlider .row.no-gutter .headno1 { padding: 5px 0px 5px 5px; font-size: 12px; } .mainSlider .row.no-gutter .secondslider2 { padding-top: 0px !important; } .homePageCategory1 .product-item { margin-left: 10px; } .col1-layout.container .footer { padding: 50px 80px 70px 80px; } .footer .footer-part { padding-left: 0px; } } @media only screen and (min-width:768px) and (max-width:900px) { .header-part .topBarLinks li a i { font-size:16px; } .header-part .uppercase > li > a > span { font-size: 14px; } .text-right.header-part .list-inline > li { display: block;} .text-right.header-part .list-inline .shoppingCartHeader0-part { display:none;} .header-part1 .navbar-header { width:100%;} .header-part1 .navbar-nav #themainmenu { padding-left: 0px; } .header-part1 .collapse #themainmenu .categoryDropDownButton { padding: 7px 7px !important; } .navbar-default .header-part1 .nav-part > li { padding: 15px 0px 10px 10px; } .header-part1 .navbar-collapse .searchBarWrapper .topSearchBarInput-part { width: 335px;} .header-part1 .navbar-nav .searchBarWrapper .input-group-btn > .btn { padding: 7px 20px !important; } .navbar-default .header-part1 .navbar-collapse .nav-part { float: left; } .navbar-default .header-part1 .navbar-nav > li { padding-left: 10px; } .navbar-default .header-part1 .nav-part > li > a { font-size: 12px;} .mainSlider .row.no-gutter .secondslider2 { padding-top: 0px !important; } .mainSlider .row.no-gutter .headno1 { padding: 2px 0px 5px 0px; font-size: 10px; } .homePageCategory1 .product-item:nth-child(2n+1) { width: 49%; margin-left: 0 !important; } .homePageCategory1 .product-item { width: 49%; margin-left: 10px !important; } .product-item .first.category.box { padding: 0px 0px 10px 15px; } .col1-layout.container .footer { padding: 50px 0px 70px 0px; } .footer .footer-part { padding-left: 0px; } .new-mega-dropdown { width: 735px !important; padding-left: 230px !important; position: relative !important; background: #fff !important; min-height: 500px !important; border-radius: 4px !important; top: 0px !important; } .left-mega-dropdown { width: 230px !important; position: absolute !important; } .left-mega-dropdown > ul > li > a { display: block !important; } .submenu { position: absolute !important; width: 500px !important; left: 230px !important; height: 100% !important; overflow: unset !important; top: 0px !important; } .submenu .col-sm-4 { width: 33.3% !important; } } @media only screen and (min-width:421px) and (max-width:700px) { .text-right.header-part .list-inline > li > a > i { font-size: 16px !important;} .text-right.header-part .list-inline > li > a > .font-10 { padding: 5px 5px 5px 5px; font-size: 14px !important; } .header-part1 .navbar-header .navbar-toggle { margin-right: 15px !important;} .searchBarWrapper .form-inline .form-group .topSearchBarInput-part { height: 36px !important; } .featuredImg { height: auto !important; padding: 0px 5px 10px 5px; margin-right: 0px !important;} .featuredImg a img { width:100%; } .mainSlider img { width: 100%; } .mainSlider .row.no-gutter .headno1 { padding: 10px 0px 10px 5px; font-size:12px; } .section-category-grid { margin-top:10px;} .homePageCategory1 .product-item { width:100%; margin-left: 0px;} .allCategory1 .product-item { padding: 0px 5px 0px 5px;} .product-item .maincatbox1 .product-list { float:right;} .col1-layout.container .footer { padding: 20px 0px 20px 0px; } .footer .footer-part { padding-left: 30px; } .navbar-nav { margin: 10px 15px !important; } .header-part1 .navbar-collapse .nav-part { float: none; width: 70%; display: none !important; } #themainmenu .categoryDropDownButton { background: #02ADF2; color: #fff; } .new-mega-dropdown { top: 0px !important; } } @media only screen and (max-width: 420px) { .text-right.header-part .list-inline > li { display: block; } .text-right.header-part .list-inline > li > a { top: 0px; } .text-right.header-part .list-inline > li > a > i { font-size: 16px !important;} .text-right.header-part .list-inline > li > a > .font-10 { padding: 5px 5px 5px 5px; font-size: 14px !important; } .header-part1 .navbar-header .navbar-toggle { margin-right: 15px !important;} .searchBarWrapper .form-inline .form-group .topSearchBarInput-part { height: 36px !important; } .col1-layout .col-main { padding: 0px; } .featuredImg { margin-right: 0px !important; padding: 0px 8px 10px 8px; } .mainSlider .row.no-gutter .headno1 { padding: 10px 0px 10px 5px; font-size:10px; } .homePageCategory1 .product-item { width:100%; margin-left: 0px;} .section-bottom1 .brandsImages a img { width: auto; } .col1-layout.container .footer { padding: 20px 0px 20px 0px; } .footer .footer-part { padding-left: 30px; } .navbar-nav { margin: 10px 15px !important; } .header-part1 .navbar-collapse .nav-part { float: none; width: 70%; display: none !important; } #themainmenu .categoryDropDownButton { background: #02ADF2; color: #fff; } .new-mega-dropdown { top: 0px !important; } } .wr360_player .container { width:455px !important; } /* Added 1/17/2018 */ .box-content-avs{ /*left:26px;*/ } .linknodisappear2{ /* left:-6%;*/ } #grayboxwidth .cpv-table-cell { /* padding-top:20px !important; */ } .qty-slider{ padding:26px 25px; } .inner-content-ak{ /*color: #02adf2 !important; font-weight: bold !important; margin: 28px 0 0 34px !important;*/ padding: 15px 15px; } .catalog-product-view .price-cell-price { background:#f9f9f9 !important; border: 0;} .not-apparel-block{ /*padding-bottom: 36px; margin-top: 21px; border: 1px solid #f5f5f5; padding-bottom: 36px;*/} .estimated-date {clear: both;display: block; /*font-size: 12px; margin-top:20px; margin-bottom:17px; text-align:right;*/ color: #333;} .estimated-dat .uppercase { text-transform: unset; color: #333; } .estimated-date { margin: unset !important; /* margin-top: 9px !important; */ } .inner-content-ak .btn.btn-blue-small { border-radius: 0px !important; } .estimated-date .uppercase { color: #333; font-size: 13px !important; font-weight: bold; line-height: 32px;} .estimated-date #shippingdatecontainer { font-size: 16px !important; font-weight: bold; } #cartbutton { background: #00ccff; height: unset; max-width: unset; min-width: unset; width: auto; float: unset;} .big-btn.btn-blue { height: auto !important; padding: 10px; width: 100%; } .prod-num { background:url("../images/num.png") no-repeat; width: 30px; height: 48px; color:#fff; line-height: 35px; position:absolute; font-weight:bold; left:-8px; padding:0 8px; font-size: 22px; font-family: sans-serif;} .pro-section1 .prod-num { top: 13%;} .pro-section2 .prod-num { top: 7%;} .pro-section3 .prod-num { top: 7%;} .pro-section4 .prod-num { top: 8%;} .prod-totalordermain { /*background:url("../images/total-order.png") repeat-x;*/ background-color: #ccc; float: left; width: 100%; height:auto; padding: 10px 0px; } /*background: rgba(187,187,187,1) !important; background: -moz-linear-gradient(top, rgba(187,187,187,1) 0%, rgba(227,227,227,1) 100%) !important; background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(187,187,187,1)), color-stop(100%, rgba(227,227,227,1))) !important; background: -webkit-linear-gradient(top, rgba(187,187,187,1) 0%, rgba(227,227,227,1) 100%) !important; background: -o-linear-gradient(top, rgba(187,187,187,1) 0%, rgba(227,227,227,1) 100%) !important; background: -ms-linear-gradient(top, rgba(187,187,187,1) 0%, rgba(227,227,227,1) 100%) !important; background: linear-gradient(to bottom, rgba(187,187,187,1) 0%, rgba(227,227,227,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#e3e3e3', GradientType=0 ) !important; */ .pro-section { display: block;width: 100%; background: #f9f9f9; padding-top: 20px; } .prod-num { background:url("../images/num.png") no-repeat; width: 30px; height: 48px; color:#fff; line-height: 35px; position:absolute; font-weight:bold; left:-8px; padding:0 8px; font-size: 22px; font-family: sans-serif; top: 18%;} .pro-section .prod_title .prod-title1 h1 { color: #333; font-weight: bold !important; } .pro-section .prod-sku { display: inline-block; } .pro-section .prod_title #prod-description { display: inline-block; width: auto; } .pro-section .prod_title #prod-description a { color: #1ab4f3; font-size: 16px; } .pro-section .prod_title .prod-slac{ display: inline-block; padding: 5px; color: #02adf2; } .pro-section .prod_title #product_just_stars { display: inline-block; } .pro-section .prod_title #product_just_stars .ind_cnt.low { display: none; } .pro-section .prod-button .nav-content-text { float: right; left: 0%;} .pro-section .prod-button .nav-content-text > li { left: 0%; } .pro-section .prod-button .nav-content-text > li > a { border: 1px solid #02adf2; background-color: #fff; color: #1ab4f3; margin: 0px; padding: 10px 8px; } .pro-section .prod_url .pro-link { display: inline-block; float: left; padding: 10px 0px; text-decoration: underline; } .pro-section .prod_url .pro-link .text-grey a { color: #878787;} .free_ship i { font-size: 22px !important; } .checkbox-button li label { margin: 0; padding: 5px 25px; } .checkbox-button li label span { display: inline-block !important; } .pro-section .prod_url .prod-shipping { display: inline-block; float: right; padding: 10px 0px; } .pro-section .prod_url .prod-shipping .free_ship { margin-bottom: 0px; color:#1ab4f3; font-size: 18px; font-weight: bold; } .pro-section .prod-button { padding-left: 0px; } .pro-section1 { display: block; width: 100%; background: #f9f9f9; margin-top: 5px; padding: 20px 0px;} .pro-section1 h1 { color: #333; font-size: 20px; font-weight: bold !important; padding: 0px 0px; text-transform: unset; } .pro-section1 .box-content-avs { padding: 10px 0px; } .pro-section1 .box-content-avs .nav-content-text { left : 0%; } .pro-section1 .box-content-avs .nav-content-text > li { left : 0%; } .pro-section1 .box-content-avs .nav-content-text > li > a { border: 1px solid #02adf2; background-color: #fff; color: #02adf2; margin: 0px;} .pro-section2 { display: block; width: 100%; background: #f9f9f9; margin-top: 5px; padding: 20px 0px; } .pro-section2 .prod2-title h1 { color: #333; font-size: 20px; font-weight: bold !important; padding: 0px 15px; margin: 0px; } .pro-section2 .prod2-title1 p { padding: 0px 15px; } .pro-section2 .tab-content { /*height: 370px;*/ } .pro-section2 #grayboxwidth .cpv-table-cell { background: #f9f9f9; } .pro-section3 { display: block; width: 100%; background: #f9f9f9; margin-top: 5px; padding: 20px 0px; } .pro-section3 .prod3-title h1 { color: #333; font-size: 20px; font-weight: bold !important; padding: 0px 15px; margin: 0px; } .pro-section3 .prod3-title1 p { padding: 0px 15px; } /*.checkbox-button li input:checked + span { background-color: #fff !important; color: #02adf2 !important; font-size: 18px; font-weight: bold; }*/ .checkbox-button li label span { background-color: #fff; color: #1ab4f3; font-size: 18px; font-weight: bold; text-transform:uppercase; } .checkbox-button li ::first-child { border-right: 0 !important; } .checkbox-button li ::second-child { border-right: 0 !important; } .checkbox-button{display:inline-block;} .checkbox-button li{ background-color:#fff; border:1px solid #02adf2; /* overflow:auto; */ float:left; } .checkbox-button li label { margin:0; padding:0px; display:inline-block !important; /*float:left; width:4.0em;*/ } .checkbox-button li label span { text-align:center; padding:5px 15px; display:block; } .checkbox-button li label input { display:none; } .checkbox-button li input:checked + span { background-color:#02adf2; color:#fff; } .pro-section4 { display: block; width: 100%; background: #f9f9f9; margin-top: 5px; padding: 20px 0px 0px 0px; } .pro-section4 .prod4-title h1 { color: #333; font-size: 20px; font-weight: bold !important; padding: 0px 15px; margin: 0px; } .pro-section4 .prod4-title1 p { padding: 0px 15px; } .pro-section4 .prod-total { /*padding: 10px;*/ text-align: center; } @media only screen and (max-width: 1280px) { .prod-title1 h1 { font-size:18px } .prod-title .prod-sku { font-size:12px } .pro-section .prod_title #prod-description a { font-size:12px } .pro-section .prod-button .nav-content-text > li > a { font-size: 12px; } #main-nav { margin-bottom:0px !important;; } } @media only screen and (max-width: 1201px) { .header_phone { font-size: 16px !important; } .pro-section ul.nav-content-text { text-align: center; width: 100%; display: flex; justify-content: center; } input.topSearchBarInput { width:350px !important; } }