h1 { font-size: 1.25rem; } h2 { font-size: 1.2rem; } h3 { font-size: 0.9rem; } p { font-size: 94%; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea { /*border: none; */ box-shadow: 0 0 0 0; transition: none; } /* spacing */ .column, .columns { padding-left: 0.5375rem; padding-right: 0.5375rem; } .gutter-top{ margin-top: 1.2em !important; } .gutter-right{ margin-right: 1.2em !important; } .gutter-bottom{ margin-bottom: 1.2em !important; } .gutter-left{ margin-left: 1.2em !important; } .width100{ width: 100%; } #maincontent{ background: url('wrapper_bkg.png') repeat-x #eeeeee; width: 100%; padding-top: 20px; } .left-sidebar{ background: #fff; -webkit-border-radius: 15px; border-radius: 10px; } .contentwrap{ padding-left: 21px; } .heading{ -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background: #005655; padding: 10px 36px !important; margin: 0; min-height: 20px; line-height: 1em; color: #fff; } /* header */ .header-area{ clear: both; overflow: inherit; background: url('header-bgd.png') no-repeat center center #005655; background-size: cover; margin-bottom: 0.8em; } .phone { color: #FFF; font-weight: bold; font-size: 2em; height: 40px; line-height: 40px; text-align: center; } .headermid{ margin: 1em auto; } .headerlogo img{ width: 100%; max-width: 428px; } .logoimage{ background: #fff; } .small-logo{ margin: 0em 1em; } .header-address { padding-top: 0.8em; color: #fff; } .anniversary{ float: right; margin: 0 72px 0 0; } .anniversary img{ width: 66px; height: 66px; } /* top nav */ .topnav{ } .topnav ul{ list-style: none; float: left; padding: 0 0 0 10px; margin: 0; } .topnav li{ display: inline; margin: 0 10px; } .topnav li a{ color: #fff; font-size: 18px; } .topnav .button{ padding: 5px 10px; margin: 0px; font-weight: bold; } .topnav button:hover, .topnav button:focus, .topnav .button:hover, .topnav .button:focus { background: rgba(255, 255, 255, 0.1); } .housekeeping{ } .quick-search { height: 40px; line-height: 40px; margin: 0; } .quick-search input { margin: 0px; padding: 0px; } .topnav .quick-search-text{ height: 40px; margin: 0; padding: 0 0 0 10px; border: none; line-height: 40px; -webkit-border-radius: 10px; border-radius: 10px; width: 100%; color: #000; } .quick-search-button { } .quick-search-button-wrapper input { margin: 0; border: none; } .quick-search-text { height: 20px; font-size: 1.1em; } .searchbutton { line-height: 40px; width: 100%; background: url('search-icon.png') no-repeat center center transparent; border: none; color: transparent; } .searchbutton:hover { background: url('search-icon.png') no-repeat center center rgba(255, 255, 255, 0.1); } .sf_suggestion{ left: auto !important; top: 43px; } .sf_suggestion ul { margin: 1px !important; padding: 0px !important; float: none !important; height: auto !important; line-height: normal !important; } .sf_suggestion li { line-height: 1.1em; height: 1.1em; padding: 0; margin: 0; } .fbtwitter { height: 40px; line-height: 40px; } .fbtwitter a img { border: none; height: 30px; margin: 6px 6px 0 0; } .navigation-bar { width: 100%; z-index: 999999; padding: 0; } .navigation-bar .page-list h3 { display: none; } .navigation-bar  li { list-style: none; display: inline-block; } .navigation-bar  li a { color: #fff; } #mega-menu ul li > a, #brochure-menu li > a { } #mega-menu .nav-link { text-transform: uppercase !important; display: inline-block; text-align: center; } #mega-menu .nav-link > a { color: #fff; display: block; padding: 0.5em 0.5em 0 0.5em !important; } #mega-menu .nav-link > a, #mega-menu .nav-link > a:hover, #mega-menu .nav-link > a:visited { padding: 0; display: block; width: 100%; font-weight: bold; } #mega-menu ul li ul li, #brochure-menu li li { background: none; } #mega-menu ul li ul li:hover, #brochure-menu li li:hover { background: none; } #mega-menu ul li ul li a, #mega-menu ul li:hover ul li a, #brochure-menu li li a, #brochure-menu li:hover li a { text-align: left; text-transform: capitalize; } #mega-menu ul li ul li, #brochure-menu li li { border: none; } #mega-menu ul li div .row { clear: both; height: 1%; overflow: hidden; border: none; margin: 0; display: flex; flex-flow: wrap row; } /* Nav bar styles ------------------------------------ */ #mega-menu  > ul { font-size: 0.8em; float: left; list-style-type: none; margin: 0; position: relative; padding: 0; width: 100%; } #mega-menu ul li { float: left; width: 11.1%; text-align: center; } #mega-menu ul > li > a { float: left; margin: 0; padding: 10px 4%; text-decoration: none; line-height: 1.5em; color: #999999; height: 4em; width: 96%; } #mega-menu .center-container { position: relative; } #mega-menu, #brochure-menu { width: 100%; } #mega-menu ul li a, #brochure-menu ul li a { padding: 1em 0; } #mega-menu .absolute-center { width: 50%; height: 50%; overflow: auto; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #mega-menu ul li a:link, #mega-menu ul li a:visited { text-decoration: none; } #mega-menu ul li a:hover {} #mega-menu ul li ul li { border-left: none; } #mega-menu ul li#last {} #mega-menu ul ul { border-right: none; border-left: none; background: none; } #mega-menu ul ul li a { text-decoration: none; } /* Used to style hover/selected action on top level links */ #mega-menu ul li a.sel:link, #mega-menu ul li a.sel:visited, #mega-menu ul li a.sel:active, #mega-menu ul li a:hover { text-decoration: none; background: rgba(255, 255, 255, 0.1) none repeat scroll 0% 0%; -webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; } #mega-menu ul li ul li:hover, #brochure-menu li li:hover { border: none; } #mega-menu ul li:hover ul li:hover a, #brochure-menu li:hover li:hover a { text-decoration: none; background: none; } #mega-menu ol { clear: both; float: left; margin: 0; padding: 0; list-style-type: none; background: #dddddd; } #mega-menu ol li { float: left; margin: 0; padding: 4px 10px; margin-top: 2px; display: inline; border-right: 1px solid #005655; } #mega-menu ol li a { color: #000000; } /* Drop Down Box */ #mega-menu ul li > div { position: absolute; top: 4em; text-align: left; display: none; z-index: 9999999; border: none; left: 0 !important; background: #ffffff; -webkit-border-radius: 0 5px 5px 5px; border-radius: 0 5px 5px 5px; -webkit-box-shadow: 0 1px 4px 0px rgba(20,20,20,0.5); box-shadow: 0 2px 4px 0px rgba(20,20,20,0.5); padding: 5px; overflow: hidden; } #mega-menu .dropdown-wrapper { -webkit-box-shadow: 0 1px 4px 0px rgba(20, 20, 20, 0.5); box-shadow: 0 2px 4px 0px rgba(20, 20, 20, 0.5); padding: 0; } #mega-menu ul li div div { text-align: left; display: block; position: relative; top: 0px; width: 100%; } .lastMenudiv { right: 0px; } #mega-menu ul li ul, #brochure-menu li ul, #brochure-menu li ol { width: 20%; } #mega-menu ul li div ul { float: left; margin: 0; padding: 0; border-left: 2px solid #fff; } #mega-menu ul li div ul.last { border-right: none; margin-right: 0px; } #mega-menu ul li div ul li { float: none; background: none; border-right: none; border-radius: 0; width: 100%; } #mega-menu ul li div ul li a { text-align: left; padding: 3px 5px; height: auto; line-height: normal; background: none; display: block; border-radius: 0 !important; white-space: normal; float: none; min-height: 3em; height: auto; color: #005655; width: 100%; } #mega-menu ul li div ul li a:hover { font-weight: normal; background: #fafafa; } #mega-menu .subnav {} /* Styles for each row of links */ #mega-menu ul li div .row { clear: both; height: 1%; overflow: hidden; border: none; margin: 0; display: flex; flex-flow: wrap row; padding: 0; } #mega-menu ul li div .row:nth-child(even) { background: rgba(0, 86, 85, 0.2); } /* Nav bar styles ------------------------------------ */ /* Used to overwrite id's styles */ a.dropheading, a.dropheading:visited { color: #80999999 !important; } a.dropheading:hover { color: #999999 !important; } a.droplink, a.dropfooter { color: #005655 !important; margin-left: 1em !important; border-left: 1px solid #005655 !important; width: 95%; float: right; } a.droplink:hover, a.dropfooter:hover { color: #999999 !important; } /* end of nav bars */ .breadcrumb-top { border-bottom: 1px solid #e0e0e0; margin-bottom: 0.8em; } .breadcrumb-bottom { margin-top: 2em; } .home_background { } .bx-wrapper .bx-viewport { -moz-box-shadow: unset !important; -webkit-box-shadow: unset !important; box-shadow: unset !important; } .logo { width: 95%; } /* cart-summary */ .cart-summary { font-size: 1em; float: right; width: 100%; background: rgba(255, 255, 255, 0.1); -webkit-border-radius: 1em; border-radius: 1em; text-align: center; } .cart-summary .top { min-height: 11px; } .cart-summary-icon{ background: url('quickbasketicon.png') no-repeat 50% 50%; height: 21px; line-height: 41px; display: block; margin: 10px 0; } .cart-summary-title{ height: 14px; font-size: 1.4em; color: #fff; display: block; margin: 13px 0; } .cart-summary .mid{ color: #000; background: #fff; -webkit-box-shadow:inset 0 2px 3px 0 rgba(20,20,20,0.5); box-shadow:inset 0 2px 3px 0 rgba(20,20,20,0.5); margin: 0; padding: 0 1em; height: 55px; line-height: 55px; font-size: 1em; } .cart-summary .links{ height: 41px; line-height: 41px; font-size: 18px; color: #fff; padding: 0; } .cart-summary a { text-decoration: none; color: #fff; } /* sidebar */ .sidebarnav { text-align: center; list-style: none; font-size: 18px; } .sidebarnav a{ width: 190px; } .sidebarnav img{ border: none; width: 100%; } .catalogue{ margin: 15px 0 0 !important; } .catalogue-image { } .catalogue-image img{ /*width: 132px;*/ max-width: 100%; } .sidebar-nav-button li{ -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 1px 1px rgba(55,55,55,0.6); box-shadow: 1px 1px 1px 1px rgba(55,55,55,0.6); background: #005655; color: #fff; margin: 12px 0; min-height: 1.8em; line-height: 1.8em; padding: 0; } .sidebar-nav-button li:hover{ -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; -webkit-box-shadow: 1px 1px 1px 1px rgba(55,55,55,0.4); box-shadow: 1px 1px 1px 1px rgba(55,55,55,0.4); background: #009999; } .sidebar-nav-button li span { display: block; } .sidebar-nav-button li a{ color: #fff; display: block; width: 100%; } /* sign up */ .signup{ background: #88b4da; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; } .signup h3{ font-size: 16px; border: none; color: #fff; font-weight: normal; text-align: center; padding-top: 0; } .signup .inputstyle{ background: #eeeeee; color: #787878; -webkit-border-radius: 10px; border-radius: 10px; border: medium none; display: block; font-size: 14px; height: 26px; } .signup .button{ margin: 5px 9px 9px; } .indicates-required{ margin: 5px 9px; color: #ffffff; } /* testimonials */ .testimonials{ margin: 0 15px; } .testimonials p{ font-style: italic; } .testimonials .cycle-sentinel{ height: 200px; } /* home page */ .homepagefragment{ -webkit-border-radius: 10px; border-radius: 10px; background: #1786e3; /* Old browsers */ background: -moz-linear-gradient(top, #1786e3 0%, #116ab5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1786e3), color-stop(100%,#116ab5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1786e3 0%,#116ab5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1786e3 0%,#116ab5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1786e3 0%,#116ab5 100%); /* IE10+ */ background: linear-gradient(to bottom, #1786e3 0%,#116ab5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1786e3', endColorstr='#116ab5',GradientType=0 ); /* IE6-9 */ padding: 10px; margin: 10px 0 0 0; color: #fff; } .marketing-lists{ } .marketing-lists .marketing-list, .section-lists .section-list{ margin-top: 10px; background: #fff; -webkit-border-radius: 10px; border-radius: 10px; overflow: hidden; } /* section list */ .section-list{ } .section-list table{ margin: 0; padding: 0; } /* section links */ .section-link { } .section-item{ width: 150px; height: 166px; display: block; float: left; } .section-item span{ display: block; width: 100%; overflow: hidden; text-align: center; font-weight: bold; color: #000; margin-top: 10px; } .marketingprice{ font-size: 13px; } .section-item img{ width: 100px; margin: 0 25px; border: none; } .section-link-box { /*width: 226px; display: block; float: left;*/ overflow: hidden; height: 125px; border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 15px; } .section-link-box a{ overflow: hidden; } .section-link-box span{ width: 100%; display: block; overflow: hidden; text-align: center; padding: 0; margin: 0; } .section-link-image { width: 206px; height: 100px; margin: 0; overflow: hidden; } .section-link-image img{ width: 100px; margin: 0 6px; padding: 0; float: none; } .section-link-name { } .section-link-name h3{ padding: 0; margin: 0; text-align: center; color: #000000; } .section-link-description { text-align: center; display: block; color: #999999; } /* fragment */ .fragmentbox { overflow: hidden; padding: 10px; } /* breadcrumb */ .breadcrumb-top { clear: both; padding: 0 36px; background: #ffffff; color: #999999; } .content-area .breadcrumb-top li a:link, .content-area .breadcrumb-bottom li a:link { } .breadcrumb-top ul, .breadcrumb-bottom ul { padding: 0; margin: 0; list-style: none; } .breadcrumb-top ul li, .breadcrumb-bottom ul li { display: inline; } .breadcrumb-top ul li a, .breadcrumb-bottom ul li a { color: #999999; border-right: solid 1px #333; margin-right: 5px; padding-right: 7px; } .text_breadcrumbs a { color: #999999 !important; } .text_breadcrumbs { padding: 5px 0; margin: 0; border-bottom: 1px solid #eee; text-align: left; } /* product list */ .product-list { margin-bottom: 1em; } .product-list-page-row { overflow: hidden; } .product-list-page-body{ width: 206px; min-height: 340px; padding: 10px; float: left; text-align: center; display: table; } .product-list-page-image{ width: 100%; overflow: hidden; } .product-list-page-image img{ width: 108px; margin: 0 auto; padding: 0; float: none; } .product-list-name{ /* margin-top: 25px; */ font-size: 0.8em; } .product-list-page-price{ margin-top: 10px; color: #005655; } .product-list-page-price  .lable { font-size: 16px; font-weight: bold; } .product-list-page-price .pricevalue{ } .product-list-page-price  .lable{ color: #999999; } .product-list-page-price .pricevalue{ font-size: 14px; font-weight: bold; } .product-list-page-body .quantity-box { padding: 8px 0; } .product-list-page-body .quantity-box  .quantity-box-input, .product-page-price .quantity-box  .quantity-box-input{ width: 100%; max-width: 100%; height: 34px; font-size: 15px; color: #999999; text-align: center; background: #D8E6F3; border: 1px solid #88B4DA; -webkit-border-radius: 10px; border-radius: 10px; } .product-list select{ padding: 0; } .quantity-box .label { line-height: 34px; } .product-list .attribute-list table { margin: 0 auto; } .product-list .attribute-list * { text-align: center; } /* product page */ .product-page-body{ background: #fff; position: relative; overflow: hidden; padding: 10px 36px; } .productcode{ color: #999999; } .product-page-right{ /* width: 281px; float: left; position: relative; */ } .product-page-right h3{ margin-bottom: 5px; } .product-page-heading{ font-weight: bold; font-size: 25px; } .product-page-title{ } .product-page-section{ } .product-page-image{ position: relative; clear: both; } .product-page-image img{ width: 473px; } .mainimage{ /* height: 247px; overflow: hidden; width: 281px; border: 1px solid #000; */ margin: 0 auto 9px; } .extraimageblock{ padding: 0; } .extraimage{ border: 1px solid #ccc; /*float: left; margin: 0 9px 0 0; height: 82px; width: 82px;*/ } .extraimage img{ /*border: none; width: 82px; margin: 0 1px 0 0; padding: 0;*/ } .product-page-info{ } .product-page-info ul{ margin: 0; padding: 0 15px; } .product-page-info li{ margin: 0; padding: 0; list-style: disc; color:  #999999; } .product-page-info li span{ color: #000000; } .product-page-info h3{ color: #005655; margin: 5px 0; } .product-page-send{ margin-top: 10px; clear: both; } .product-page-left{ /* width: 50%; float: right; */ } .product-page-name{ } .product-page-description { font-size: 12px; } .product-page-description ul, .product-page-description li { list-style: disc; font-size: 12px; } .product-page-options{ padding-top: 8px; } .product-page-options .lable{ margin-top: 8px; } .product-page-options .dropdown{ width: 254px; } .product-page-options .dropdown select{ width: 274px; } .product-page-price{ margin-top: 10px; color: #005655; } .product-page-price  .lable{ font-size: 16px; font-weight: bold; } .product-page-price  .lable{ color: #999999; } .product-page-price .pricevalue{ font-weight: bold; } .product-page-price .pricedisclamer{ font-size: 12px; } .product-page-price .quantity-box { padding: 8px 0; } .product-page-price .quantity-box  .quantity-box-input{ } .product-page-whatstrength{ margin-top: 10px; font-size: 13px; } .product-page-buttons{ margin: 10px 0; height: 38px; } .addtocart{ } .continue{ } .product-page-related{ } .productfoot{ border-top: 1px solid #eee; padding: 13px 0; height: 13px; } .productfragment{ padding: 5px 0; color: #005655; border-bottom: 1px solid #eee; } .webexclusive{ width: 100%; clear: both; overflow: hidden; } /* */ .jquerybubblepopup-all-furneaux{ } .jquerybubblepopup{ width:auto; height:auto; margin:0px; padding:5px; position:absolute; border:0px; z-index:100; text-align:center; background-color:transparent; } .jquerybubblepopup-ie{ filter:progid:DXImageTransform.Microsoft.Shadow(color="#666666", Direction=135, Strength=3); }/* the plugin adds this class only if browser is IE; if IE9, it's added to main <DIV> else to <TABLE> */ .jquerybubblepopup table{ width:auto; height:auto; margin:0px; padding:0px; display:table; border-collapse:collapse; border-spacing:0px; border:0px; empty-cells:show; background-color:transparent; } .jquerybubblepopup tbody{ display:table-row-group; vertical-align:middle; border:0px; background-color:transparent; } .jquerybubblepopup td{ margin:0px; padding:0px; background-color:transparent; } .jquerybubblepopup-top-left,    .jquerybubblepopup-top-right, .jquerybubblepopup-bottom-left, .jquerybubblepopup-bottom-right{ width: 0; height: 0; display: none; } .jquerybubblepopup-top-middle,  .jquerybubblepopup-bottom-middle{ overflow:hidden; display: none; background:none; } .jquerybubblepopup-middle-left, .jquerybubblepopup-middle-right{ width: 0; display: none; background:none; } .jquerybubblepopup-tail{ border:0px; margin:0px; padding:0px; display:inline; } .jquerybubblepopup-all-furneaux .jquerybubblepopup-innerHtml, .jquerybubblepopup-innerHtml{ font-family:inherit; font-size:11px; font-weight:normal; background-color:#fff !important; color: #000 !important; padding: 0.8em !important; border: 1px solid #000; /*text-transform: capitalize;*/ } /* marketing */ .marketing-list{ overflow: hidden; margin-top: 1em; } .marketing-list ul{ margin: 0; } .product-name{ font-size: 0.8em; } .carousel{ display: block; } .carousel span{ display: block; text-align: center; padding: 0 0.5em; /* white-space: normal; */ } .carousel h3{ overflow: hidden; white-space: normal; height: 7em; } /* .marketing-item{ display: block; float: left; } .marketing-item span{ display: block; overflow: hidden; text-align: center; font-weight: bold; color: #000; margin-top: 10px; } .marketingprice{ font-size: 13px; } .content-area .marketing-list h3 { margin: 0; padding: 0 10px; } .marketing-item .product-image{ } .marketing-item img{ margin: 0 25px; border: none; } .cycle-slideshow .carousel{ list-style: none; padding: 0; margin: 0; } .carousel{ top: 0; overflow: hidden; } .carousel span{ display: block; overflow: hidden; text-align: center; font-weight: bold; color: #000; margin-top: 10px; white-space: normal; } .carousel img{ margin: 0 25px; border: none; } */		 /* recent-products */ .recent-products { background: url('recently_viewed_bkg.png') no-repeat #fff; width:1000px; height: 240px; overflow: hidden; } .recent-products-heading { -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background: #2ca749; /* Old browsers */ background: -moz-linear-gradient(top, #80a7ca 0%, #93bbdd 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#80a7ca), color-stop(100%,#93bbdd)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #80a7ca 0%,#93bbdd 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #80a7ca 0%,#93bbdd 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #80a7ca 0%,#93bbdd 100%); /* IE10+ */ background: linear-gradient(to bottom, #80a7ca 0%,#93bbdd 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a7ca', endColorstr='#93bbdd',GradientType=0 ); /* IE6-9 */ padding: 0 10px; margin: 10px 0 0 0; height: 47px; line-height: 47px; color: #fff; text-align: left; } .recenthtbuttonleft, .recenthtbuttonright { padding: 0; margin: 0; cursor: pointer; width: 5%; border: 0; height: 194px; color: #fff; } .recenthtbuttonright { float: right; background: url('recentarrowright.png') no-repeat; } .recenthtbuttonleft { float: left; background: url('recentarrowleft.png') no-repeat; } #recenthtlist{ background: #fff; -webkit-border-radius: 10px; border-radius: 10px; margin: 10px 0 0 0; } #recenthtlist #recenthtitem { width: 90%; float: left; /*height: 194px;*/ } #recenthtlist #recenthtitem td { width: 19%; display: block; float: left; text-align: center; } /* search page */ .searchcontent{ padding: 0 10px; } .product-image{ display: block; overflow: hidden; } /*  */ .input-text{ border: 1px solid #009999; width: 100%; margin: 0; padding: 0.3em; } /* footer */ .footer-area { width: 88%; margin: 1.5em auto 0; border-top: 2px solid #005655; } .footer-area .collapse > li{ padding-left: 0; padding-right: 0; } .footerphone{ /*background: url('footerphone.png') no-repeat;*/ background: #76c4ee; /* Old browsers */ background: -moz-linear-gradient(top, #76c4ee 0%, #5caad4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76c4ee), color-stop(100%,#5caad4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #76c4ee 0%,#5caad4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #76c4ee 0%,#5caad4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #76c4ee 0%,#5caad4 100%); /* IE10+ */ background: linear-gradient(to bottom, #76c4ee 0%,#5caad4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76c4ee', endColorstr='#5caad4',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 0.5em; border-radius: 0.5em; -webkit-box-shadow: 0 2px 4px 0px rgba(20,20,20,0.5); box-shadow: 0 2px 4px 0px rgba(20,20,20,0.5); height: 63px; line-height: 63px; text-align: center; font-size: 24px; color: #fff; margin: 0 auto; } .footerblock{ margin: 0 auto; overflow: hidden; padding-left: 3em; } .footercol{ /*width: 25%; float: left;*/ } .footercol a{ color: #999999; } .copyrightmessage{ text-align: center; margin: 30px 0 50px; font-size: 0.8em; float: left; } .brand-list{ margin: 1em 0; } .brand-list  ul{ background: none repeat scroll 0% 0% #FFF; border-radius: 10px; } .brand-list li{ /*display: block; float: left; width: 16.6%; overflow: hidden; margin: 3px 0;*/ } .brand-list a{ display: block; text-align: center; line-height: 60px; } .brand-list span{ background: none repeat scroll 0 0 #FFFFFF; display: block; height: 60px; line-height: 60px; margin: 0 auto; width: 90%; } .brand-list img{ border: medium none; margin: 0; max-height: 60px; width: 100%; width: auto; } /* lightbox */ .lightbox-close{ background: url('lightbox-btn-close.gif') no-repeat; text-indent: 9999em; overflow: hidden; } /*  login */ .login-page .row{ margin-bottom: 0.8em; } .login-page .input-field{ width: 100%; } /* Checkout ------------------------------------------------ */ div.CheckoutCartSection { margin: 0px 10px 10px; } div .checkout-buttons{ width: 100%; } .checkout-progress{ background: #80999999; -webkit-border-radius: 1em; border-radius: 1em; margin-bottom: 1em; } .checkout-progress ul{ margin: 0; padding: 0; } .checkout-progress ul li{ margin: 0; padding: 0 0.5em; color: #fff; font-size: 0.8em; } .checkout-progress ul .tag{ } .checkout-progress ul .selected{ background: #005655; } .checkout-heading{ line-height: 2em; } .checkout-heading-span{ } h3.checkout-heading { width: auto; padding: 3px; background-color: #009999; font-size: 13px; font-weight: bold; color: #DDD; border-bottom: 3px solid #FFF; } fieldset { border: none; padding: 0; margin: 0; float: left; width: 100%; } .address-options { float: left; width: 100%; } .checkout fieldset label { float: left; clear: left; width: 11.5em; display: block; } .checkout .InvoiceField, .checkout .DeliverField { float: left; width: 25%; margin-left: 0.5em; } #idCheckoutForm .checkout label, #idCheckoutForm .checkout p, #idCheckoutForm .checkout input, #idCheckoutForm .checkout select { margin: 0.5em; } .payment-logo { width: 120px; margin-right: 1em; } /* misc */ .floatright{ float: right; } .floatleft{ float: left; } .clearboth{ clear: both; } .hidden{ display: none; visibility: hidden; } .backgroundfill{ background: #ffffff; clear: both; } /* Small screens */ @media only screen { } /* Define mobile styles */ @media only screen and (max-width: 855px) { .cart-summary .mid { font-size: 1.5em; } .cart-summary .links { font-size: 1.4em; } } @media only screen and (max-width: 40em) { .contentwrap { padding: 0; } .header-area, .bulk-area, .footer-area { overflow: visible; } .topnav{ margin-bottom: 0.8em; } .topnav ul{ list-style: none; padding: 0; margin: 0; display: block; width: 100%; } .topnav li{ display: block; margin: 0px; padding: 5px 10px; text-align: center; } .topnav li a{ display: block; } .header-area{ } .headerlogo{ margin: 0; padding: 0 0 0.5em; background: #fff; } .small-logo{ padding: 0; background: none repeat scroll 0% 0% #FFF; border-radius: 10px; } .cart-summary { background: none; /*width: 100%;*/ margin-left: 0; height: auto; } .cart-summary .top{ display: none; visibility: hidden; height: auto; } .cart-summary .mid, .cart-summary .links{ display: block; float: left; margin: 0; padding: 0.4em 0.2em; height: auto; line-height: 1.2em; font-size: 1.5em; color: #fff; background: none; -webkit-box-shadow: none; box-shadow: none; } .cart-summary .top{ visibility: visible; width: 30%; } .cart-summary .mid{ width: 50%; } .cart-summary .links{ text-align: right; } .navigation-bar{ background: none; } #mega-menu{ display: none; visibility: hidden; } .mobi-menu{ } .mobi-menu .title-area{ background: #88B4DA; } .mobi-menu .title-area span{ color: #fff; } .mobi-menu ul{ margin-left: 0; } .mobi-menu li{ list-style: none; } .nav-list{ display: none; background: #fff; } #show-menu{ cursor: pointer; } /* Base Styles */ .nav-list, .nav-list ul, .nav-list li, .nav-list a { position: relative; } .nav-list { } .nav-list a { } .nav-list > ul > li:first-child { } .nav-list > ul > li:first-child > a { } .nav-list > ul > li:first-child > a > span { } .nav-list > ul > li:first-child:hover { } .nav-list > ul > li { display: block; clear: both; } .nav-list > ul > li:hover { } .nav-list > ul > li > a { padding: 0.1em 0.75em; width: 100%; display: inline-block; } .nav-list > ul > li > a > span { display: block; } .nav-list > ul > li > a:hover { background: #f8f8f8; } .nav-list > ul > li.active { background: #f8f8f8; } .nav-list > ul > li.has-sub > a { } .nav-list > ul > li.has-sub > a:after { display: inline-block; content: "+"; width: 2em; float: right; } .nav-list > ul > li.has-sub.active > a { background: #f8f8f8; } .nav-list > ul > li.has-sub.active > a:after { content: "-"; } .nav-list ul ul { display: none; } .nav-list ul ul li { display: block; clear: both; padding-left: 1.5em; } .nav-list ul ul li:last-child { } .nav-list ul ul a { display: block; } .nav-list ul ul a:hover { } .checkout-cart th { font-size: 0.8em; padding: 4px 0; } table.checkout-cart td { padding-left: 0; padding-right: 0; } .checkout-cart p, .checkout-cart table, .checkout-cart td{ font-size: 10px; } .cart-buttons{ } .cart-buttons .button{ width: 100%; margin: 0.4em 0; } .fbtwitter { padding-right: 0; } .quick-search{ padding-left: 0; margin: 0; } /* sign up */ .signup{ width: 210px; margin: 36px 15px 0; } .signup h3{ font-size: 16px; } .signup .inputstyle{ font-size: 14px; height: 26px; margin: 5px; padding: 0 5px; } .breadcrumb-top{ padding-left: 10px; padding-right: 10px; } .product-page-body{ padding-left: 0; padding-right: 0; } } /* max-width 640px, mobile-only styles, use when QAing mobile issues */ /* Medium screens */ @media only screen and (min-width: 40.063em) { .header-area{ } .topnav ul .hide-for-small { display: inline !important; } } /* min-width 641px, medium screens */ @media only screen and (min-width: 40.063em) and (max-width: 64em) { #imgleftbkg, #imgrightbkg{ display: none; visibility: hidden; } .header-area, .bulk-area, .footer-area { overflow: visible; } .topnav{ background: url('topnav_bkg.png') no-repeat; width: 100%; height: 50px; line-height: 50px; margin: 0 0 20px 0; } .topnav ul{ list-style: none; width: 100%; text-align: center; padding: 0 0 0 10px; } /* sign up */ .signup{ margin: 36px 15px 0; } .signup h3{ font-size: 0.8em; } .signup .inputstyle{ font-size: 14px; height: 26px; margin: 5px 5%; padding: 0 5px; width: 90%; } } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */ /* Large screens */ @media only screen and (min-width: 64.063em) { .outerwrapper{ overflow: hidden; } .innerwrapper{ background: url('wrapper_bkg.png') repeat-x #eeeeee; margin: 0 367px; } #imgleftbkg, #imgrightbkg{ width: 367px; background: #fff; } #imgleftbkg{ margin-right: -367px; margin-left: -100%; margin-bottom: -99999px; padding-bottom: 99999px; } #imgrightbkg{ margin-left: -367px; /*Set left marginto -(RightColumnwidth)*/ margin-bottom: -99999px; padding-bottom: 99999px; } #contentwrapper{ float: left; width: 100%; } #contentcolumn{ margin: 0 auto; /*Margins for content column. Should be "0 RightColumnwidth 0 LeftColumnwidth*/ margin-bottom: -99999px; padding-bottom: 99999px; } #wrapper { background: url('wrapper_bkg.png') repeat-x #eeeeee; margin: 0 auto; } #inner{ position: relative; margin: 0 auto; max-width: 1066px; } #maincontent{ /*width: px;*/ padding: 0 33px; margin-right: -100%; display: inline-block; } .headerlogo{ /*width: 750px;*/ height: auto; } .topnav{ background: rgba(255, 255, 255, 0.1); line-height: 50px; padding: 0.5em 0; } .topnav ul{ float: left; padding: 0 0 0 10px; height: 40px; line-height: 40px; } /* sign up */ .signup{ width: 210px; margin: 36px auto 0; } .signup h3{ font-size: 16px; } .signup .inputstyle{ font-size: 14px; height: 26px; margin: 5px auto; padding: 0 5px; width: 182px; } } /* min-width 1025px, large screens */ @media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */