@import url('/bootstrap/3.1.0/modified/css/bootstrap.css'); @import url('https://fonts.googleapis.com/css?family=Oswald:400,500'); /* { box-sizing:content-box;}*/ body { font-family:sans-serif; font-size:16px; line-height:1.2em;color:#000; margin:0px; padding:0px; text-align:center; height:100% } blockquote { margin-left:12px } a:link { color:#0070ba; text-decoration:underline } a:visited { color:#0070ba; text-decoration:underline } a:active { color:#0070ba; text-decoration:underline } a:hover { color:#00549c; text-decoration:none } /*.producttitle { font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:5px 10px 5px 10px; background-color:#f5f5f5; border:1px solid #ccc }*/ .productprice { font-size:20px; font-weight:bold; color:#000; font-family:tahoma} .productdesc { font-size:12px; line-height:1.5em; font-weight:normal; color:#000; padding:0px 0px 0px 0px} .productcart { font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-bottom:10px} .productstock { font-size:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; padding-top:10px } .productnotes { font-size:12px; line-height:1.5em; padding-top:20px} .productdirections { font-size:12px; line-height:1.5em; padding:10px; border:1px solid #ccc } .producttabs { font-size:18px; border:0px solid #ccc; border-bottom:2px solid #ccc; background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:5px 0px 5px 0px; text-align:left } .productspecs { font-size:11px; font-family:arial; line-height:1.5em; padding-top:15px; text-align:left } .categorytitle { font-size:25px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; border-bottom:1px solid #ccc } .categorylisting { text-align:center;max-width:150px; } .categoryprodname { font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:3px } .categorypricewrap { position:absolute; left:0; bottom:0; background-color:#fff; border-right:1px solid #966699; border-top:1px solid #666; text-align:center } .categoryprice { padding:2px 5px 2px 5px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } .categoryproddesc { line-height:1.35em } .categoryfl { background-color:#f5f5f5; padding:3px 0px 3px 0px; text-align:center } .categoryrank { padding:2px 3px 2px 3px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#000 } .categoryrankwrap { position:absolute; right:0; bottom:0; background-color:#f5f5f5; border-left:1px solid #ccc; border-top:1px solid #ccc; text-align:center } .wrappertop { width:800px; margin: 0px auto; text-align:left; } .wrapper-noleftnav { width:800px; margin: 0px auto; text-align:left; border-right:1px solid #a2a2a2; border-left:1px solid #a2a2a2; height:auto;} .wrappermain { width:800px; margin: 0px auto ; text-align:left; height:auto;clear:both;} .leftnav { width:178px; float:left; } .content { visibility:visible;width:100%;padding:15px 0px 50px 0px;float:left;min-height:590px;} .maincontent {width:800px;padding:0px;margin:0 auto 40px auto;float:right;} .footerlinks { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#333; line-height:1.65em } .footerlinks A:link { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#0070ba; text-decoration:underline } .footerlinks A:visited { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#0070ba; text-decoration:underline } .footerlinks A:active { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#0070ba; text-decoration:underline } .footerlinks A:hover { font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#00549c; text-decoration:none } /* Lists 10-01-2013*/ li {padding:3px 0px;} .content li {padding:6px 0px;} /* Category Links */ .arrowlistmenu{ width: 50%; /*width of menu*/ } .arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/ } .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .arrowlistmenu ul li a{ /*color: #0070ba;*/ background: url(/images/category-bullet.gif) no-repeat center left; /*custom bullet list image*/ display: block; padding: 4px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: 700; /*border-bottom: 1px solid #dadada; font-family:Arial, Helvetica, sans-serif;*/ } .arrowlistmenu ul li a:visited{ /*color: #0070ba; font-size: 85%;*/ text-decoration:none; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ /*color: #00549c; background-color: #F3F3F3; font-size: 85%;*/ } /* Article */ .sliderwrapper{ position: relative; /*leave as is*/ overflow: hidden; /*leave as is*/ border: 10px solid navy; border-bottom-width: 6px; width: 400px; /*width of featured content slider*/ height: 250px; } .sliderwrapper .contentdiv{ visibility: hidden; /*leave as is*/ position: absolute; /*leave as is*/ left: 0; /*leave as is*/ top: 0; /*leave as is*/ padding: 5px; background: white; width: 390px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */ height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; } .pagination{ width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/ text-align: right; background-color: navy; padding: 5px 10px; } .pagination a{ padding: 0 5px; text-decoration: none; color: #00007D; background: white; } .pagination a:hover, .pagination a.selected{ color: #000; background-color: #FEE496; } /*combine these to current styles /rb/04-29-13 */ .wrappertop {width:100%;margin:0px;padding:0px;} .wrappermain, .wrappermain-noleftnav {width:800px;border:none;background:#FFF;} /*Top Nav Style Declarations 06/21/2013/RB */ #topnav {display:block;float:left;width:100%;height:122px;margin:0;padding:0;} #topnav * {box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;} #topnav .row {width:800px;margin:0 auto;display:block;} .rounded-top-left-corner-5px {-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;} .rounded-top-right-corner-5px {-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;} .rounded-bottom-left-corner-5px {-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;} .rounded-bottom-right-corner-5px {-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;} .topmenu-box-shadow {-webkit-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.3);box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.3);} .navlinks {display:block;float:left;padding:0;margin:0;} .navlinks a, .navlinks a:visited, .navlinks a:hover, .navlinks a:active {color:#FFF;font:normal 13px Arial, Helvetica, sans-serif;text-decoration:none;border:none;} /* Top Bar Declarations */ #topnav .topbar {background:url(/images/new/header-stripes.jpg) repeat-x left top;height:52px;width:100%;} .topbar .navlinks {padding-top:11px;margin-left:40px;padding-bottom:10px;} .topbar .navlinks a {padding:0px 0px 0px 0px;margin:0px 60px 0px 0px;} .topbar a, .topbar A {color:#FFF!important;font:normal 17px Arial, Helvetica, sans-serif!important;text-decoration:none!important;border:none!important;} .topbar .navlinks > a:hover {text-decoration:underline!important;} /* Dropdown arrows */ #topnav a.dropdownarrow { padding-right:13px;background:url(/images/new/dropdown-arrow-dark-down.png) no-repeat right 3px;} .topbar .navlinks > a.dropdownarrow:hover {text-decoration:none!important;} /* Search button */ #navsearch { position:relative;top: 8px;width:248px;float:left;} #navsearch .button-search {right: 0px;top: 0px;background: url(/images/new/button-search.png) no-repeat center center;width: 34px;height: 24px;border-left: 1px solid #DFDFDF;position:absolute;cursor:pointer;display:block;} #navsearch input {font:italic 15px Arial,Helvetica,sans-serif!important;border-color: #DFDFDF;width: 237px;height:13px;text-shadow: 0 1px 0 #FFFFFF;background: none repeat scroll 0 0 #FAFAFA;border-style: solid;border-width: 1px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;margin: 0 24px 0 0!important;padding: 5px 0 5px 10px!important;-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;display:inline;} /* Contact info */ #topnav .contactinfo {display:inline-block;float:right;margin:0px 0px 0px 0px;padding:0px 25px;font:normal 15px/15px Arial, Helvetica, sans-serif;color:#67F561;background:#148d1c;height:36px; } #topnav .contactinfo div {float:left;margin-top:10px;} #topnav .contactinfo a {color:#67F561!important;} #topnav .contactinfo a:hover {text-decoration:underline!important;} /* Bottom Bar Declarations */ #topnav .bottombar {background:none;width:100%;} .bottombar .navlinks {float:right;margin-left:4px;} .bottombar .navlinks a {margin: 0px 0px 0px 0px;border:none;padding:0;} .bottombar .navlinks img {opacity:0.65;filter:alpha(opacity=65);} .bottombar .navlinks img:hover {opacity:1.0;filter:alpha(opacity=100);} /* Second top nav row */ #therabreath-logo {display:block;float:left;width:178px;height:60px;} #therabreath-logo a h1 {margin:0;padding:0;width:178px;height:60px;} .product-list {top:60px;border-top:2px solid #F47C00;cursor:default;margin-right:0px;} .product-list li {font:normal 11px Arial, Helvetica, sans-serif;vertical-align:middle;border-top:1px solid #EEE;padding:8px 3px;} .product-list li table tr td {font:normal 11px Arial, Helvetica, sans-serif;padding-right:15px;} .product-list li:first-child {border-top:none;padding-top:0px;} .product-list li:last-child {border-top:none;padding:0px;font-size:12px!important;} .product-list li img {border:1px solid #ccc;} .product-list td.price {font-weight:bold;padding-right:0px;text-align:right;} .divider-top {border-top:1px solid #006b54;height:8px;overflow:hidden;cursor:default!important;} li.signin {margin-bottom:8px;} li.signout {cursor:default;} /* A flat, orange button */ .input-orange-button {color: #FFF;font-weight: 100;background-color: #F47C00;padding: 7px 0px; border: 0px none; text-transform: uppercase; cursor: pointer;width:100%; text-align:center;display:block; margin:0px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px;} .input-orange-button:hover { background-color: #F86800;} /* A flat, orange button for checkout in top nav cart */ .input-checkout-button {color: #FFF;font-weight: 100;background-color: #F47C00;padding: 7px 0px; width:100%; border: 0px none; text-transform: uppercase; cursor: pointer;float:right;text-align:center;display:block; margin:0px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px;} .input-checkout-button:hover { background-color: #F86800;} /* Cart Contents */ table.cart-contents-table tr td {padding:5px;border-top:1px solid #eee;font:normal 11px/14px Arial, Helvetica, sans-serif;color:#909090;text-align:left;} table.cart-contents-table tr td span.nofluoride {color:#f47c00;font:normal 11px/14px Arial, Helvetica, sans-serif;} table.cart-contents-table img {border:1px solid #CCC;} table.cart-contents-table a.productname {font:bold 11px/14px Arial, Helvetica, sans-serif!important;text-decoration:none;color:#0da62a;} table.cart-contents-table a.productname:hover {text-decoration:underline;} table.cart-contents-table tr.coupon {background:#fafafa;} table.cart-contents-table tr.coupon td:nth-child(2) {font-weight:bold;} table.cart-contents-table tr.coupon span {font:normal 11px/14px Arial, Helvetica, sans-serif;} table.cart-contents-table tr td:nth-child(3) {text-align:center;} table.cart-contents-table tr td:nth-child(4) {text-align:right;} table.cart-contents-table tr td:last-child {font-weight:bold;text-align:right;} table.cart-contents-table tr.totalitems td {font:bold 11px Arial, Helvetica, sans-serif;color:#555;padding-bottom:15px;text-align:right;border-top:1px solid #555;text-transform:uppercase;} table.cart-contents-table tr:first-child td {border-top:none;font:bold 11px/14px Arial, Helvetica, sans-serif;color:#000;} .noitems {width:300px;padding:20px 15px;font:normal 12px/15px Arial, Helvetica, sans-serif;color:#909090;text-align:center;} .noitems a {font:normal 12px/15px Arial, Helvetica, sans-serif;} /* Colors */ .green, span.green {color:#006b54!important;} .red, span.red, td.red {color:#f00!important;} /*Left Nav Style Declarations -- chg #leftnav and ul.menuitems BACKGROUND back to #FAFAFA */ #leftnav {width:178px;font:normal 13px Arial, Helvetica, sans-serif;color:#909090;/*margin-bottom:25px;*/background:#FFF url(/images/new/leftnav-gradient.png) repeat-y right top;} #leftnav * {box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;} ul.menuitems {padding:0;margin:0;width:100%;display:block;background:#FFF url(/images/new/leftnav-gradient.png) repeat-y right top;} ul.menuitems li {padding:0px 18px 18px 18px;margin:0;list-style:none;display:block;} ul.menuitems li a {color:#909090;text-decoration:none;font:normal 13px Arial, Helvetica, sans-serif;} ul.menuitems li a:hover {color:#006b54;text-decoration:none;} ul.menuitems li:first-child {padding-top:18px;} ul.menuitems li.header {color:#d6d6d6;font:bold 14px Arial, Helvetica, sans-serif;text-align:center;margin:15px 0px;text-transform:uppercase;} ul.menuitems li.green a {font-weight:bold;} .menuheader, .casepackheader {background:#006b54;background:#17ab2f;padding:8px 0px 8px 17px;width:161px;border-bottom:1px solid #d6d6d6;display:block;} .menuheader, .menuheader a, .casepackheader {font:bold 13px Arial, Helvetica, sans-serif;text-decoration:none;color:#FFF;} .menuheader a:hover {color:#c6ffa7;color:#FFF;} /*.menuheader, .menuheader a {line-height:1.6em;}*/ .casepackheader {border-bottom:none;padding-left:0px;} .menuheader {background: #1db838; /* Old browsers */ background: -moz-linear-gradient(top, #1db838 0%, #15AA2C 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1db838), color-stop(100%,#15AA2C)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1db838 0%,#15AA2C 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1db838 0%,#15AA2C 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1db838 0%,#15AA2C 100%); /* IE10+ */ background: linear-gradient(to bottom, #1db838 0%,#15AA2C 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1db838', endColorstr='#15AA2C',GradientType=0 ); /* IE6-9 */ } ul.menuwhite {background:#FFF url(/images/new/leftnav-gradient.png) repeat-y right top;} ul.menuwhite li {padding:0px 0px 0px 14px;} ul.menuwhite li:first-child {padding-top:0px;} .padding-bottom-40px { padding-bottom:40px!important;} .menuheader a.h4 {font-size:16px!important;} #about-drkatz {margin:0px 0px 0px 0px;width:100%;text-align:center;display:block;background:#FFF;height:235px;background:url(/images/new/dr-harold-katz.jpg) no-repeat left center;} #about-drkatz .dk-title {position:relative;width:178px;height:235px;} #about-drkatz .dk-title div {position:absolute;bottom:0px;left:0px;padding:8px 0px 8px 17px;width:161px;background:white;opacity:0.85;font:bold 14px Arial, Helvetica, sans-serif;color:#000;text-align:left;} /*#about-drkatz img {display:block;width:100%;} #about-drkatz .header {color:#a5a5a5;font:500 12px/10px Arial, Helvetica, sans-serif;letter-spacing:2px;margin:10px auto 3px auto;border-bottom:1px solid #ccc;text-transform:uppercase;} #about-drkatz .header .title {color:#a99372;font:normal 24px Arial, Helvetica, sans-serif;letter-spacing:normal;text-transform:none;text-shadow: 1px 1px 0px #ccc;background-image:none;} #about-drkatz .tagline {color:#7c7c7c;text-transform:uppercase;font:normal 11px/11px Arial, Helvetica, sans-serif;margin-top:4px;}*/ .drkatz-link a {font:bold 16px Arial, Helvetica, sans-serif;color:white;margin:0px auto 0px;text-align:left;padding:7px 0px 6px 17px;width:161px;background:#f47c00;text-decoration:none;display:block;vertical-align:middle;} .drkatz-link a img {margin-top:-2px;} .drkatz-link a:hover {background:#f86800;text-decoration:none;color:#FFF!important;} #leftnav .button {-webkit-border-radius: 2px;-moz-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;text-align:center;background:#f47c00;height:28px;width:130px;margin:10px auto 0px;/*background:#0da62a;*/} #leftnav .button a {display:block;width:100%;text-decoration:none;text-transform:uppercase;font:normal 12px/12px Arial, Helvetica, sans-serif;color:#FFF;padding:8px 0px!important;} #leftnav .button:hover {/*background:#39811e;*/background: #F86800;} #leftnav .nopadding, #leftnav .nopadding li {padding:0px 0px 0px 0px;} #leftnav .no-bg-url-white {background:none;background-color:#FFF;} .green, .green a, li.green, li.green a, ul.menuitems li.green, ul.menuitems li.green a {color:#006b54;} .center {padding-left:0;padding-right:0;margin-left:0;margin-right:0;text-align:center;width:100%;} /* Hide featured on section in left nav */ #LeftNavFeatured {display:none;} /*Footer styles below 06-21-2013/RB */ #footernav {display:block;width:100%;left:0;bottom:0;float:left;position:relative;/*margin-top:40px;*/} #footernav .footer-top {background:#f3f3f3;width:100%;float:left;font:normal 13px Arial, Helvetica, sans-serif;color:#FFF;margin:0;padding:0px 0px;display:block;border-top:1px solid #dedede;} #footernav .footer-top p {color:#bbb;font:bold 14px Arial, Helvetica, sans-serif;text-align:center;text-transform:uppercase;margin-bottom:0px;padding-bottom:0px;} #footernav .footer-btm {background:#f3f3f3;width:100%;float:left;display:block;font:normal 13px Arial, Helvetica, sans-serif;color:#909090;margin:0;padding:0px;text-align:center; border-top:1px solid #dedede;} #footernav .footer-mid {background:#f3f3f3;width:100%;float:left;display:block;font:normal 13px Arial, Helvetica, sans-serif;color:#909090;border-top:1px solid #dedede;margin:0;padding:10px 0px;} #footernav .copyright {background:#404040;width:100%;float:left;display:block;font:normal 13px Arial, Helvetica, sans-serif;color:#808080;margin:0;padding:0px 0px;text-align:left} #footernav .footer-content {width:800px;margin:10px auto;text-align:center;} #footernav .copyright .footer-content {text-align:left;} #footernav .footer-links {margin:0 auto;} .footer-top img {opacity:0.6;filter:alpha(opacity=60);} .footer-top img:hover {opacity:1.0;filter:alpha(opacity=100);} .footer-content .content-block-left {float:left;max-width:480px;margin:20px 0 0 0;} .footer-content ul {margin:0;padding:0;list-style:none;float:left;display:block;text-align:left;margin-right:85px;} .footer-content ul:last-child {margin-right:0px;float:right;} .footer-content .content-block-right {margin:20px 0 0 0;float:right;max-width:248px;} .footer-content li {padding:2px 0px;margin:0;} .footer-content li a {color:#232323!important;text-decoration:none;font:normal 14px Arial, Helvetica, sans-serif;} .footer-content li a:hover {color:#0da62a!important;text-decoration:none;} .footer-content td {padding:0px 10px;text-align:center;vertical-align:middle;} .footer-content td:first-child {padding:0px 10px 0px 0px;} .footer-content td:last-child {padding:0px 0px 0px 10px;} #footernav .horizontal-list {text-align:center!important;display:block;min-height:73px;margin:15px auto;} #footernav .horizontal-list div {float:left;display:block;margin:0px 12px 0px 0px;padding:0;text-align:center;vertical-align:middle;} #footernav .horizontal-list div:last-child {margin-right:0px;} .footer-content .guarantee {font:normal 14px/17px Arial, Helvetica, sans-serif;color:#232323;float:left;display:block;margin:15px 0;text-align:left;} .footer-content .guarantee > h5.title {margin:0;padding:0 0 8px 0;color:#0da62a;font:bold 14px Arial, Helvetica, sans-serif;text-transform:uppercase;background:none!important;} .footer-content .social-networks {color:#d6d6d6;color:#0da62a;font:bold 14px Arial, Helvetica, sans-serif;margin:15px 0px;text-transform:uppercase;float:left;display:block;text-align:left;} .footer-content .social-icons {float:left;display:block;text-align:left;margin-top:8px;} .footer-content .social-icons img {margin-right:4px;border:0px;opacity:1.0;filter:alpha(opacity=100);} .footer-content .social-icons img:last-child {margin-right:0px;} .footer-content .social-icons img:hover {opacity:0.65;filter:alpha(opacity=65);} .footer-content .social-icons a {border:0px;text-decoration:none;margin:0px;padding:0px;} .content span, .content p, .content .categorylisting {line-height:1.4em;} .product-description, .description {padding-top:0px;margin-top:0px;color:#555;font-size:16px;line-height:1.3em;color:#555;} a.description, .description a {font-size:16px;line-height:1.3em;} table.description td {color:#555;font-size:16px;line-height:1.3em;color:#555;} /*Inputs */ .form input[type="text"], .form input[type="email"], .form input[type="password"], .form input[type="tel"], .form input[type="number"], .form select { border: #aaa solid 1px; display: inline-block; padding: 6px 2px 6px 5px; margin-bottom: 7px; margin-left:0px; } .input-large-group {position:relative;display:table;border-collapse:separate;} input.input-large {height:30px;font-size:14px;padding:2px 2px;font-weight:100;margin:0px 0px 0px 0px;border:1px solid #CCC!important;line-height:1;} .input-large-group-addon:first-child {margin:0px;height:24px;font-weight:100;line-height:1;font-size:14px;padding:6px 9px;text-align:center;width:20px;cursor:pointer;cursor:hand;background:#DDD;border:1px solid #ccc;color:#767676;-webkit-border-top-left-radius:2px;-webkit-border-bottom-left-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-bottomleft:2px; border-bottom-left-radius:2px; border-top-left-radius:2px;border-right:none;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .input-large-group-addon:last-child {margin:0px;height:24px;font-weight:100;line-height:1;font-size:14px;padding:6px 9px;text-align:center;width:22px;cursor:pointer;cursor:hand;background:#DDD;border:1px solid #ccc;color:#767676;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:2px; border-bottom-right-radius:2px; border-top-right-radius:2px;border-left:none;margin-right:8px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .categorycart strong {visibility:hidden;} .categorycart select[name="qty"] {font-size:12px;line-height:22px;width:45px;height:28px!important;border: #aaa solid 1px;margin:0px;padding:4px 2px;text-align:center;} .categorycart input[type="submit"] {font-size:12px;line-height:12px;font-weight:100;height:28px;width:100px;margin:0px auto 0px;padding:5px 0px;-webkit-border-radius: 2px;-moz-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;text-align:center;background:#f47c00;color:#FFF!important;border-spacing:none!important;border-color:#f47c00!important;border:none!important;text-transform:uppercase;} .categorycart input[type="submit"]:hover {background: #F86800;cursor:pointer;cursor:hand;} /* Buttons */ .addtocart-button {margin:0px auto 0px;/*background:#0da62a;*/padding:5px 0px!important;-webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;text-align:center;background:#f47c00;color:#FFF!important;border-spacing:none!important;border-color:#f47c00!important;border:none!important;} .addtocart-button:hover {/*background:#39811e;*/background: #F86800;cursor:pointer;cursor:hand;} .button-small {margin:0px!important;text-align:left;padding:5px 5px!important;text-decoration:none;text-transform:uppercase;font:normal 10px Arial, Helvetica, sans-serif;} .button-margin {margin:8px 0px;} .button-width-80-pct {width:80%!important;margin:inherit auto;} input.gsc-search-button {margin:0px auto 7px!important;/*background:#0da62a;*/padding:7px 0px!important;-webkit-border-radius: 2px!important; -moz-border-radius: 2px!important; -khtml-border-radius: 2px!important; border-radius: 2px!important;text-align:center;background:#f47c00;color:#FFF!important;border-spacing:none!important;border-color:#f47c00!important;border:none!important;width:100px;font-size:16px;} input.gsc-search-button:hover {/*background:#39811e;*/background: #F86800;cursor:pointer;cursor:hand;} /* Redefined global style */ .fontsize14 p a, .fontsize14 ul a, .fontsize14 ol a, .fontsize14 li a, .fontsize14 p, .fontsize14 ul, .fontsize14 ol, .fontsize14 li {font-size:14px!important;line-height:18px!important;} .fontsize14 p:first-child {font-size:14px!important;line-height:18px!important;margin-top:30px;} .addthis {margin:20px 0px;width:100%;} .pullright {float:right;} h1 + div.addthis {margin-top:0px;} h1, .h1, h1 .producttitle, h1.producttitle {/*font:700 2.6em 'Roboto Condensed', Arial, Helvetica, sans-serif;color:#767676;*/} h1, .h1, h1 .producttitle, h1.producttitle {font-size:34px!important;font-family:'Oswald', sans-serif;letter-spacing:normal;padding:0px 0px 10px 0px;border:none!important;text-decoration:none;text-transform:uppercase!important;font-weight:500!important;color:#222!important;line-height:1.15em;} h1.soft-headline {text-transform:none!important;font-weight:400!important;padding-bottom:0px!important;} .no-uppercase {text-transform:none!important;} .uppercase {text-transform:uppercase;} h1 .producttitle, h1.producttitle {border-bottom:1px solid #CCC!important;margin:0px;} .categoryContent h1 {font-size:30px!important;font-family:'Oswald', sans-serif;letter-spacing:normal;padding:15px 0px 10px 0px;border:none!important;text-decoration:none;text-transform:none!important;color:#767676!important;font-weight:normal!important;} h2, .h2 {font-size:30px!important;font-family:'Oswald', sans-serif;font-weight:normal!important;letter-spacing:normal;color:#555!important;border:none!important;background:none;text-transform:none;margin:0px;padding:0px 0px 15px 0px;font-style:italic;} h1 > a {text-decoration:none!important;cursor:default;} h1 > a > div {color:#222!important;text-decoration:none;} h1 + h2 {margin-top:-15px;} h1 + h5 {margin-top:0px;padding-top:0px;} h3, .h3 {font-size:30px!important;line-height:1.35em;margin:0px;padding:0px;font-weight:500;font-family:'Oswald', sans-serif!important;} h4, h4 a, .h4 {font-weight:400;font-size:24px!important;line-height:1.35em;font-family:'Oswald', sans-serif;} h5, .h5 {font-weight:400;font-size:18px!important;line-height:1.4em;font-family:'Oswald', sans-serif;} h6, .h6, h6 a {font-weight:400;font-size:16px!important;line-height:1.2em;padding:0;margin:0;font-family:'Oswald', sans-serif;} h4 {margin:0px;padding:0px;} h4 + h5 {margin-top:0px; padding-top:0px;} h5.nopadding {margin:0px;padding:0px;} h5 + p {padding-top:0px;margin-top:0px;} h1 + p, h1 + ul {padding-top:0px;margin-top:0px;} h4 a {text-decoration:none!important;color:#000!important;} h4 a:hover {color:#00549c!important;text-decoration:underline!important;} div.content + h1 {margin-top:0px!important;} h4 a strong, h4 strong, h4.strong, h4 a.strong {font-weight:500!important;} h5 strong, h5.strong, h5 a strong, h5 a.strong {font-weight:500!important; } .small {font-size:0.9em!important;} .small a {text-decoration:none!important;} .x-small {font-size:0.7em!important;} .normal {font-weight:normal;} .large {font-size:1.1em!important;line-height:1.1em!important;} .x-large {font-size:1.3em!important;} .unit {} p {line-height:1.4em;} p.nopadding {padding-bottom:2px;margin-bottom:0px;} ul.noindent, ul.noindent li {margin-left:0px;} .indent-left {padding-left:25px;} .index-right {padding-right:25px;} .clearfix { clear:both; } /* Background Colors */ .bg-dark-green {background:#006b54!important;} .bg-light-green {background:#1eb53a!important;} .bg-orange {background:#f47c00!important;} .bg-icy-mint {background:#2CACE3!important;} .bg-white {background:#FFF!important;} .bg-dark-grey {background:#555!important;} .bg-light-grey {background:#eee!important;} .bg-f8f8f8 {background:#f8f8f8!important;} .bg-very-light-grey {background:#FAFAFA!important;} .bg-dark-orange {background-color:#DC7000!important;} /* Colors */ .dark-green {color:#006b54!important;} .light-green {color:#1eb53a!important;} .orange {color:#f47c00;} .icy-mint {color:#2CACE3!important;} .white {color:#FFF!important;} .dark-grey {color:#555!important;} .light-grey {color:#eee!important;} .off-black {color:#222!important;} a.white {color:#FFF!important;} a.input-orange-button {text-decoration:none!important;} /* Borders */ .grey-border {border:1px solid #dedede!important;padding:10px;} .dark-green-border {border:1px solid #006b54!important;padding:10px;} .light-green-border {border:1px solid #1eb53a!important;padding:10px;} .orange-border {border:1px solid #f47c00!important;padding:10px;} .bottom-border-light-grey {border-bottom:1px solid #CCC!important;} .light-grey-border {border:1px solid #CCC!important;padding:10px;} .thick-border {border-width:2px!important;} /* Text Decorations */ .underline { border-bottom:1px solid #CCC!important;margin-bottom:8px;} .dark-grey-underline { border-bottom:1px solid #767676!important;} .strikethrough {text-decoration:line-through;} .strong {font-weight:bold;} /*h4.strong, h4 a.strong {font-weight:500!important;}*/ div.asterisk {padding-left:22px;background:url(/images/new/dark-grey-asterisk.png) no-repeat;height:14px;} .yellow-highlight {background: yellow;border-bottom: solid 1px rgba(0, 0, 0, 0.07);border-right: solid 1px rgba(0, 0, 0, 0.07);padding: 6px 6px 2px 4px;color: inherit;} /* Corners */ .rounded-corners-5px {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} /* padding, margin, justify */ .no-padding-top {padding-top:0px!important;} .no-margin-top {margin-top:0px!important;} .no-padding-bottom {padding-bottom:0px!important;} .no-margin-bottom {margin-bottom:0px!important;} .no-margin-left {margin-left:0px!important;} .no-margin-right {margin-right:0px!important;} .no-padding-left {padding-left:0px!important;} .no-padding-right {padding-right:0px!important;} .no-padding {padding:0px!important;} .no-margin {margin:0px!important;} .full-width {width: 100%!important;} .text-center {text-align:center!important;} .text-left {text-align:left!important;} .text-right {text-align:right!important;} .pull-left {position:relative;float:left;text-align:left;} .pull-right {position:relative;float:right;text-align:right;} .nofloat {float:none;} .pull-up {position:relative;margin-top:-25px;} .padding-top {padding-top:4px;} .padding-top:first-child {padding-top:0px;} .padding-bottom {padding-bottom:4px;} .padding-bottom:last-child {padding-bottom:0px;} .bottom-margin-20 {margin-bottom:20px;} .bottom-margin-30 {margin-bottom:30px;} .top-margin-30 {margin-top:30px;} .top-margin-20 {margin-top:20px;} .padding-top-lg, td.padding-top-lg, table.padding-top-lg td {padding-top:25px;} .padding-bottom-lg, td.padding-bottom-lg, table.padding-bottom-lg td {padding-bottom:25px;} table.padding-top-lg {padding-top:0px;} table.padding-bottom-lg {padding-bottom:0px;} .margin-top-xl {margin-top:35px;} .margin-top-lg {margin-top:25px;} .margin-top-md {margin-top:15px;} .margin-top-sm {margin-top:10px;} .margin-top-xs {margin-top:6px;} .margin-bottom-xl {margin-bottom:35px;} .margin-bottom-lg {margin-bottom:25px;} .margin-bottom-md {margin-bottom:15px;} .margin-bottom-sm {margin-bottom:10px;} .margin-bottom-xs {margin-bottom:6px;} /* Table */ table.table {border:none;} table.table tr td {border-bottom:1px solid #EEE;padding:8px;} table.table tr th {padding:12px 8px;color:#FFF;font-weight:700;background:#208800;text-align:center;} table.table tr th:first-child {text-align:left;} table.table tr th:last-child {text-align:right;} table.table tr:last-child td {border-bottom:none!important;} table.table tr:last-child td > input.input-orange-button {margin-top:8px;} table.table-no-padding-left tr td:first-child {padding-left:0px;} table.table-no-padding-left tr td:last-child {padding-right:0px;} table.table-no-padding-last tr:last-child td {padding:0px;} table.table-no-padding-right tr td:last-child {padding-right:0px;} table.first-column-bold tr td:first-child {font-weight:bold;} table tr.product-list td {text-align:center;} table tr.product-list td:first-child {text-align:left;} table tr.product-list td:last-child {text-align:right;} table.border-outline, div.border-outline {border:1px solid #EEE;} .no-border-top {border-top:none!important;} .no-border-bottom {border-bottom:none!important;} .no-border-outline {border:none!important;} /*Back To Top link */ .back-to-top {display:none;z-index:100;position:absolute;top:505px;left:50%;margin-left:296px;border:1px solid #CCC;background:white;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:4px 10px;font:12px Arial, Helvetica, sans-serif;} .back-to-top:hover {border:1px solid #1eb53a;} .back-to-top a {color:#ccc!important;text-decoration:none!important;} .back-to-top a:hover {color:#1eb53a!important;} /* Feature Boxes */ h4.feature-title {line-height:1.6em!important;} .feature-title {margin-bottom:0px;background:#F3F3F3;border:1px solid #1DB838;border-bottom:none;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px; border-top-left-radius:4px;border-top-right-radius:4px;padding:3px 10px;color:#FFF;} .feature-title + div {margin-top:0px;margin-bottom:12px;border-collapse:collapse;border:1px solid #1DB838;border:1px solid #CCC!important;border-top:none!important;} .feature-title + div > p:first-child {padding-top:0px;margin-top:0px;} .feature-title + div > p:last-child {padding-bottom:0px;margin-bottom:0px;} .feature-title {background: #1db838; /* Old browsers */ background: -moz-linear-gradient(top, #1db838 0%, #15AA2C 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1db838), color-stop(100%,#15AA2C)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1db838 0%,#15AA2C 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1db838 0%,#15AA2C 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1db838 0%,#15AA2C 100%); /* IE10+ */ background: linear-gradient(to bottom, #1db838 0%,#15AA2C 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1db838', endColorstr='#15AA2C',GradientType=0 ); /* IE6-9 */ } .feature-highlight {margin-top:8px;padding:6px 3%;font-size:14px;line-height:14px;font-weight:normal;width:94%;} /* Responsive ROS Banner */ .ros-banner img {width:100%;max-width:545px;} /* Lists */ ol {padding:0;margin:0 0 0 18px;} ol li {padding-left:0px;margin-left:0px;margin-bottom:15px;line-height:1.4em;} ol li:last-child {margin-bottom:none;} /* DIVS */ div.columns {width:100%;margin-top:20px;} div.columns div.half-width { width:48%;position:relative;} div.columns div.half-width:nth-child(odd) {margin-right:0.8%;float:left;} div.columns div.half-width:nth-child(even) {margin-left:0.8%;float:right;} /*Sidebars */ .sidebar-right {position:relative;float:right; width:190px;margin-left:20px; margin-bottom:20px;margin-top:0px;} .content-left {width:335px;margin-bottom:20px;} .homepage-left {width:330px;float:left;} .homepage-right {position:relative;margin-top:0px;width:197px;float:right;} .homepage-right img {border:1px solid #CCC;} #Sitemap_BraftonMoreLink a {cursor:pointer;cursor:hand;color:#0070ba!important; text-decoration:underline;} #Sitemap_BraftonMoreLink a:hover {color:#00549c!important;text-decoration:none;} /* File icons */ .img_pdf {background:url(/images/icons/filetypes.png) no-repeat 0 0;padding-left:40px;margin-bottom:8px;height:30px;vertical-align:middle;} .img_xls, .img_lsx {background:url(/images/icons/filetypes.png) no-repeat 0 -30px;padding-left:40px;margin-bottom:8px;height:30px;vertical-align:middle;} .img_doc, .img_ocx {background:url(/images/icons/filetypes.png) no-repeat 0 -60px;padding-left:40px;margin-bottom:8px;height:30px;vertical-align:middle;} .img_gif, .img_jpg, .img_png, .img_peg {background:url(/images/icons/filetypes.png) no-repeat 0 -90px;padding-left:40px;margin-bottom:8px;height:30px;vertical-align:middle;} /* Imgs */ .img-thumbnail {border:1px solid #CCC;padding:0px;margin:5px;} .img-product {border:1px solid #CCC;padding:0px;margin:0px;} .maincontent img[align="right"] {margin:0px;margin-left:12px;margin-bottom:12px;} .maincontent img[align="left"] {margin:0px;margin-right:12px;margin-bottom:12px;} /*Links*/ .product-link {font-size:12px;} /*Product Category page-specific CSS */ /*.category {border-top:3px solid #1eb53a;}*/ /*.category h1 {font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;font-size:30px!important;text-transform:uppercase;font-weight:700!important;color:#222!important;}*/ .category .categorypricewrap {display:none;} .category .category-product-content {height:352px;overflow:hidden;} /*.category img {width:100%;max-width:150px;height:auto;}*/ .category .category-product-add-to-cart {text-align:center;margin:6px 0px;} .category .category-product-title {text-align:left;margin:6px 0px 6px 0px;overflow:hidden;} .category .category-product-title a {text-decoration:none;color:#222;} .category .category-product-title a:hover {text-decoration:underline;} .category .category-product-description {text-align:left;margin-bottom:6px;overflow:hidden;color:#555;} .category .category-product-price {text-align:left;font:bold 18px Arial, Helvetica, sans-serif;color:#000;margin:6px 0px;} .category .sale-price {color:#f47c00;} .category .regular-price {color:#555;text-decoration:line-through;font-weight:normal;} .category .category-product-fluoride-options {height:20px;overflow:visible;margin-bottom:5px!important;text-align:left;} .category .category-guarantee {margin:25px 0px;color:#555;/*background:#EEE;*/padding:20px 0px;border-top:3px solid #1eb53a;border-bottom:3px solid #1eb53a;} /*.category .category-guarantee {-webkit-box-shadow: 0px 5px 8px -5px rgba(0,0,0,0.75); -moz-box-shadow: 0px 5px 8px -5px rgba(0,0,0,0.75); box-shadow: 0px 5px 8px -5px rgba(0,0,0,0.75);}*/ .category .category-guarantee h4 {font-size:24px!important;} .category .category-guarantee p {margin:0px;padding:0px;} .guarantee-box { padding:15px 0px; margin:15px 0px 15px 0px;} .guarantee-box h4 {padding-top:0px;margin-top:0px;font-size:24px!important;font-weight:500;color:#1eb53a;} .guarantee-box p {padding-top:8px;margin-bottom:0px;padding-bottom:0px;} .guarantee-box img[align="left"] {margin-right:0px!important;} .savings-calculator {font-size:18px;font-weight:bold;color:#f47c00;} /* AddThis, Disqus, Wufoo */ #disqus_thread {margin-top:25px;border-top:1px solid #DDD;padding-top:25px;width:100%;} .addthis_toolbox {display:block;width:auto;} .addthis_toolbox a {display:inline-block;} .wufoo {font:normal 12px/16px Arial, Helvetica, sans-serif;} .wufoo .info h2 {font:bold 12px/16px Arial, Helvetica, sans-serif;color:#555;} .wufoo .info div {font-size:12px;color:#000;} .wufoo li.buttons input.btTxt {margin:0px auto 0px;/*background:#0da62a;*/padding:5px 0px!important;-webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;text-align:center;background:#f47c00;color:#FFF!important;border-spacing:none!important;border-color:#f47c00!important;border:none!important;} .wufoo li.buttons input.btTxt:hover {/*background:#39811e;*/background: #F86800;cursor:pointer;cursor:hand;} /* Product Tabs */ .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav:before, .nav:after { display: table; content: " "; } .nav:after { clear: both; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } .nav > li.disabled > a { color: #999999; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; cursor: not-allowed; background-color: transparent; } .nav.open > a, .nav.open > a:hover, .nav.open > a:focus { color: #ffffff; background-color: #428bca; border-color: #428bca; } .nav.open > a .caret, .nav.open > a:hover .caret, .nav.open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #dddddd; } .nav-tabs > li { float: left; margin-bottom: -1px; padding:0px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; text-decoration:none; font-size:16px; } @media (max-width: 545px) { .nav-tabs > li > a { font-size:16px; padding: 6px 10px; } } .nav-tabs > li > a:hover { border-color: #eeeeee; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; cursor: default; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; } .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } .nav-tabs.nav-justified > li { display: table-cell; float: none; width: 1%; } .nav-tabs.nav-justified > li > a { text-align: center; } .nav-tabs.nav-justified > li > a { margin-right: 0; border-bottom: 1px solid #dddddd; } .nav-tabs.nav-justified > .active > a { border-bottom-color: #ffffff; } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } .tab-content > .active, .pill-content > .active { display: block; min-height:150px; line-height:1.4em; padding:15px!important; border:1px solid #DDD; border-top:none; } /* CSS Hack */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .input-large-group input.input-large {height:23px;margin-bottom:-1px;padding:2px 2px;} .input-large-group .input-large-group-addon {padding-bottom:5px;} #CasePackPricing input.input-large {height:23px;} #CasePackPricing .input-large-group-addon {padding-bottom:5px;} } /*KLE - START aditional generic css for style changes */ button {border:none;background:none;} label.default{ cursor:pointer; color: #6d6d6d; } input.default[type="submit"],input.default[type="button"] { color: #FFF; font-weight: 100; background-color: #f58504; padding: 7px 10px 7px 10px; border: 0px none; text-transform: uppercase; cursor: pointer; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } input.default[type="submit"]:hover,input.default[type="button"]:hover{ background-color: #F86800; border: 0px none; text-transform: uppercase; cursor: pointer; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } input.default[type="checkbox"], input.default[type="radio"] { -khtml-appearance: none; vertical-align: middle; } input.default[type="radio"]:disabled, input.default[type="checkbox"]:disabled { opacity: .3; } input.default[type="text"],input.default[type="email"],input.default[type="password"], select.default { border: #aaa solid 1px; display: inline-block; padding: 6px 2px 6px 5px; margin-bottom: 7px; } select.default { border: #aaa solid 1px; display: inline-block; padding: 5px 2px 5px 5px; margin-bottom: 7px; } input.default[disabled], select.default[disabled], textarea.default[disabled], input.default[readonly], select.default[readonly], textarea.default[readonly], input.default[disabled]:hover, select.default[disabled]:hover, textarea.default[disabled]:hover, input.default[readonly]:hover, select.default[readonly]:hover, textarea.default[readonly]:hover { cursor: not-allowed; color: #999; background-color: #E2E2E2; } .topleftrounded, .toprounded, .rounded { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .toprightrounded, .toprounded, .rounded { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .bottomleftrounded, .bottomrounded, .rounded { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .bottomrightrounded, .bottomrounded, .rounded { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .unrounded { border-radius:0px!important; -moz-border-radius:0px!important; -webkit-border-radius:0px!important; } /*KLE - END aditional generic css for style changes */ /* Alert boxes (from Bootstrap 3.0.3*/ .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable { padding-right: 35px; } .alert-dismissable .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } .alert-fact { border-radius:0px; background-color:#FAFAFA; border-left:3px solid #DDD; color:#555; } .alert-fact h4 {margin-top:0px;padding-top:0px;margin-bottom:0px;padding-bottom:0px;} .alert-fact h4 + p {margin-top:5px;padding-top:0px;} .alert-border-danger {border-color: #a94442!important;} .alert-border-warning {border-color: #8a6d3b!important;} .alert-border-info {border-color: #31708f!important;} .alert-border-success {border-color: #3c763d!important;} /*FBC Customer Portal content */ .fbc-tab-content {border:1px solid #DDD!important;border-top:none!important;width:100%;display:block!important;float:left;margin-bottom:40px;} .fbc-tab-content > div {padding:15px;display:block;} .fbc-tab-content table {margin-bottom:15px;display:table;vertical-align:top;} .fbc-contact-numbers {margin:25px 0px 40px 0px;display:block;} .fbc-content, .fbc-content #CommonContent, .fbc-content #ContactNumbers { display:block;width:100%;} .fbc-content #ContactNumbers {height:40px;} .fbc-discount-table {border-collapse:collapse;} .fbc-discount-table td {padding:5px!important;font-size:13px!important;text-align:center;} .fbc-discount-table tr.fbc-current-discount-level td {font-size:14px!important;border-top:2px solid #31708f!important;border-bottom:2px solid #31708f!important;background-color: #d9edf7!important;color:#31708f!important;font-weight:bold;!important} .fbc-discount-table tr.fbc-current-discount-level td:first-child {border-left:2px solid #31708f!important;} .fbc-discount-table tr.fbc-current-discount-level td:last-child {border-right:2px solid #31708f!important;} .container {width:830px;margin:0 auto;text-align:left;} /* New homepage 01-08-2014 */ #homepage-slider {width:100%;margin:0 auto;text-align:center;height:271px;overflow:hidden;display:block;} .slidedeck a.slide-link {font:normal 18px Arial, Helvetica, sans-serif;color:white;margin:8px 0px;padding:5px 15px;background:#f47c00;text-decoration:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .slidedeck a.slide-link:hover {background:#f86800;text-decoration:none;} .slidedeck {margin:0px auto;padding:0px;width:100%;display:block;height:inherit;text-align:center;} .slidedeck dt {display:none;} .slidedeck dd {text-align:center;margin:0px auto 8px auto;width:100%;} .slidedeck dd p.slidedeck-h2 {font:normal 22px Arial, Helvetica, sans-serif;color:#222;margin:0px;padding:0px;} .slidedeck dd p.slidedeck-h1 {font:600 26px Arial, Helvetica, sans-serif;color:#222;text-shadow:1px 1px #FFF;margin:0px 0px 15px 0px;padding:0px;} .slidedeck dd p.slidedeck-content {font:normal 16px/21px Arial, Helvetica, sans-serif;color:#555;word-spacing:4px;margin:0px;padding:0px;} .slidedeck dd img {width:100%;margin:0 auto;} .slidedeck-navigation {text-align:center;width:100%;display:block;position:relative;float:left;margin-bottom:8px;} .slidedeck-navigation div {margin:0 auto;text-align:center;} .slidedeck-navigation div div {height:10px;width:10px;margin:3px 3px 0px 3px;padding:0px;border-radius:5px;background:#CCC;text-align:center;display:inline-block;cursor:pointer;cursor:hand;} .slidedeck-navigation .sd-nav-active {background:#555;} #homepage-spotlight {text-align:left;float:left;width:100%;} #homepage-spotlight h4 {margin-bottom:6px;padding-bottom:0px;} #homepage-spotlight p {line-height:1.4em;margin-top:0px;padding-top:0px;} #homepage-spotlight a { } #homepage-spotlight img {} #homepage-featured, #homepage-guarantee {width:100%;float:left;} #homepage-guarantee {margin:0px!important;padding:0px!important;float:left;} #homepage-guarantee .category-guarantee {margin:0px!important;padding:0px!important;} #homepage-featured .col-sm-4 .featured-item {max-width:252px;width:100%;padding:0px;margin:0;} #homepage-featured .col-sm-4:nth-child(2) .featured-item {margin:0 auto!important;text-align:center!important;} #homepage-featured .col-sm-4:nth-child(3) .featured-item {float:right;margin-right:0px;} #homepage-featured .col-sm-4:nth-child(3) {padding:0!important;} #homepage-featured .featured-item a, #homepage-featured .featured-item a:hover {color:#FFF!important;text-decoration:none!important;} #homepage-featured .featured-item > div {margin-bottom:0px;border-top:none!important;border-bottom:none!important;border-color:#DDD!important;} #homepage-featured .featured-link {width:100%;margin:0;padding:0;} #homepage-featured .featured-link a {font:normal 20px Arial, Helvetica, sans-serif;color:white;margin:0px auto 0px;text-align:center;padding:8px 0px;width:100%!important;background:#f47c00;text-decoration:none;-webkit-border-radius:0px 0px 3px 3px;-moz-border-radius:0px 0px 3px 3px;border-radius:0px 0px 3px 3px;display:block;vertical-align:middle;} #homepage-featured .featured-link a:hover {background:#f86800;text-decoration:none;} #homepage-featured .featured-link a > span {font-size:16px;} .homepage-retailer-table td {padding:15px;} .homepage-retailer-table td:first-child {padding-left:0px;} .homepage-retailer-table td:last-child {padding-right:0px;} .homepage-retailer-table {display:table-row;} .homepage-retailer-table div {display:table-cell;vertical-align:middle;text-align:center;padding:15px 8px;} .homepage-retailer-table div:last-child {padding-left:0px;padding-right:0px;} @media (max-width: 545px) { #homepage-spotlight img {max-width:50%;} #homepage-featured .col-xs-6:first-child, #homepage-featured .col-xs-6:nth-child(3) {padding-right:10px!important;} #homepage-featured .col-xs-6:nth-child(2) {padding-left:10px!important;} #homepage-featured .col-xs-6:nth-child(2) .featured-item {float:right;margin-right:0px;} #homepage-spotlight h4 {font-size:16px!important;} #homepage-spotlight p, #homepage-spotlight p a {font-size:14px!important;} #homepage-featured .featured-item h4.feature-title a {font-size:17px!important;} #homepage-featured .featured-link a {font-size:16px!important;} #homepage-featured .featured-link a > span {font-size:13px!important;} } @media (min-width: 546px) { .homepage-retailer-table div.col-sm-3 {width:24%;padding:15px 8px;} .homepage-retailer-table div.col-sm-3:last-child {width:28%;padding-left:8px;padding-right:0px;} .homepage-retailer-button a {float:right;margin-top:10px;} } .homepage-retailer-button a {display:block;margin-right:0px;width:100%;text-decoration:none;text-transform:uppercase;font:normal 12px/12px Arial, Helvetica, sans-serif;color:#FFF;padding:8px 9px;!important;background:#f47c00;-webkit-border-radius: 2px;-moz-border-radius: 2px;-khtml-border-radius: 2px;border-radius: 2px;text-align:center;height:28px;} .homepage-retailer-button a:hover { background:#F86800;} .homepage-articles a.homepage-article-title:link, .homepage-articles a.homepage-article-title:visited {color:#222!important;text-decoration:none;text-transform:capitalize;} .homepage-articles a.homepage-article-title:hover {color:#00549c!important;text-decoration:underline;} .max-lines { text-overflow: ellipsis; word-wrap: break-word; overflow: hidden; max-height: 4.2em; line-height: 1.4em; position:relative; } .ellipsis {position:absolute;;z-index:10;background:white;top:32px;padding-top:1px;-webkit-padding-before:0px;right:0px;color:#222;width:10px;height:15px;} .inset-border { margin:0px;padding:0px;-webkit-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1);-moz-box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1);box-shadow: inset 0px 0px 0px 3px rgba(255,255,255,1);} /* Products */ .product-table {display:table;table-layout:fixed;width:100%;} .product-row {display:table-row;} .product-cell {display:table-cell;vertical-align:top;height:auto;} /*Breathco products */ .products-list-row {display:table-row;width:100%;padding:25px 0px 40px 0px;border-bottom:1px solid #CCC;} .products-list-row:last-child {border-bottom:none;} .featured-button a, input.featured-button, button.featured-button {text-decoration:none;font:normal 18px/18px Arial, Helvetica, sans-serif;color:#FFF;background:#f47c00;-webkit-border-radius: 3px;-moz-border-radius: 3px;-khtml-border-radius: 3px;border-radius: 3px;text-align:center;padding:7px 13px;} .featured-button a:hover, input.featured-button:hover, button.featured-button:hover { background:#F86800;} .button-thin {padding:3px 13px 5px 13px!important;} span.bullets {line-height:1.8em;font-weight:bold;} #scrolltop {position:fixed;z-index:100;bottom:50px;right:20px;cursor:hand;cursor:pointer;display:none;} #scrolltop img {opacity:0.65;filter:alpha(opacity=65);} #scrolltop img:hover {opacity:1.0;filter:alpha(opacity=100);} .required-field {font-size:0.9em;color:#FF0000;vertical-align:super;} /*button {font-size:1.75em!important;line-height:1em!important;font-weight:100;margin:0px auto 0px;padding:10px 0px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;border-radius: 4px;text-align:center;background:#f47c00;color:#FFF!important;border-spacing:none!important;border-color:#f47c00!important;border:none!important;cursor:pointer;cursor:hand;} button span.glyphicon {font-size:0.8em;} button:hover {background: #F86800;} button.cancel {font-size:1.5em!important;background:#ddd!important;color:#000!important;border:1px solid #CCC!important;} button.cancel:hover {background:#ccc!important;} */ @media (min-width: 546px) { .product-table .col-sm-4:nth-child(3n+1) {clear:both;} .cart-container .address:nth-child(3n+1) {clear:both;} } @media (max-width: 545px) { /*#scrolltop {display:none;}*/ .product-table .col-xs-6:nth-child(odd) {padding-left:0px!important;float:left;clear:both;} .product-table .col-xs-6:nth-child(even) {padding-right:0px!important;float:right;} } /* Bootstrap Collapse Panel */ .panel { margin-bottom: 20px; background-color: #ffffff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { /* padding: 15px;*/ } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group .list-group-item:first-child { border-top: 0; } .panel > .list-group .list-group-item:last-child { border-bottom: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table { margin-bottom: 0; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #dddddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th, .panel > .table-bordered > tfoot > tr:first-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:first-child > th, .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tfoot > tr:first-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:first-child > td { border-top: 0; } .panel > .table-bordered > thead > tr:last-child > th, .panel > .table-responsive > .table-bordered > thead > tr:last-child > th, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th, .panel > .table-bordered > thead > tr:last-child > td, .panel > .table-responsive > .table-bordered > thead > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-heading { padding: 6px 10px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; cursor:pointer;cursor:hand; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; border-radius: 4px; overflow: hidden; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse .panel-body { border-top: 1px solid #dddddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #dddddd; } .panel-default { border-color: #dddddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #dddddd; } .panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #dddddd; } .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #dddddd; } .panel-primary { border-color: #428bca; } .panel-primary > .panel-heading { color: #ffffff; background-color: #428bca; border-color: #428bca; } .panel-primary > .panel-heading + .panel-collapse .panel-body { border-top-color: #428bca; } .panel-primary > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #428bca; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ebccd1; } .panel > .panel-body {display:hidden;} .panel .in > .panel-body {display:block;} .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; transition: height 0.35s ease; } /* New shopping cart css styles */ .cart-container {margin-top:0px;} .ros-banner {text-align:center;margin:0 auto;max-width:800px;} .ros-banner img {width:100%;max-width:800px;height:auto;} iframe[name="google_conversion_frame"] {height:0px;} @media (max-width: 829px) { .cart-container {position:relative;padding:15px 5px;text-align:left;} /*.alert {margin:0px 0px;} .cart-container .ros-banner {} .ros-banner img {width:100%;height:auto;max-width:inherit;}*/ table.shiptab {width:inherit;} /*.cart-container .payment-options input[type=image], .cart-container .payment-options span {display:none;visibility:hidden;}*/ } .cart-container label.shipping { display: inline-block; padding: 8px 0px 8px 5px; margin: 1px 1px 8px 1px; cursor: pointer; border: 1px #b7b7b7 solid; width: 97%; font-weight: bolder; background-color:#FFF; font-size:14px; } .cart-container label.shipping:last-child { margin-bottom:1px; } .cart-container label.shipping:hover { background-color: #dff3d6; } .cart-container label.disabled { cursor: not-allowed; color: #999; background-color: #E2E2E2; } .cart-container label.disabled:hover { background-color: #E2E2E2; } .cart-container input[type="radio"].shipbox { display:none; } .cart-container input[type="radio"].shipbox:checked + label { border: 1px #b7b7b7 solid; background-color: #dff3d6; } .cart-container .money { margin-left: 7px; color: black; } .cart-container .originalpricedisabled { margin-left: 7px; text-decoration: line-through; color: gray; font-size: 12px; } .cart-container .estimateddelivery { font-size: 12px; } .cart-container .estimateddelivery:before { margin-left: 7px; content: " ("; } .cart-container .estimateddelivery:after { content: ")"; } /* Shipping */ table.shipping { /* border-top: 1px solid #aaaaaa;*/ border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; background-color: #EEE; width: 100%; color: #000; padding: 0px 0px 5px 0px; font-size: 18px; } table.shipping > tbody > tr { vertical-align: top; } table.shipping > tbody > tr > td { padding: 0px 0px 0px 10px; } table.shipping > tbody > tr > td > li > select { /* width: 250px;*/ } table.shipping > tbody > tr > td > li > input[type=text] { width: 150px; } table.shipping > tbody > tr > td > li > a.orange { margin-left: 5px; } table.shipping > tbody > tr > td > li { padding: 5px 5px 5px 0px; } /* Shipping Tabs in Shipping Section */ table.shiptab { font-size: 14px; } table.shiptab > tbody > tr > td.shipbox { cursor: pointer; width: 106px; /*min-height: 105px;*/ display: inline-block; background-color: #FFF; border-left: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; text-align: center; vertical-align: top; color: #000; padding: 5px 0px 0px 0px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; } table.shiptab > tbody > tr > td.shipboxintl { background: url(/images/shipmethod/shipping_process.png) no-repeat top center; display: inline-block; background-color: #347bd2; border-left: 1px solid #b7b7b7; border-right: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; width: 450px; height: 90px; text-align: center; vertical-align: top; color: #fff; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; } table.shiptab > tbody > tr > td.selected { background-color: #dff3d6; /*background-color: #00A8C8;*/ } table.shiptab > tbody > tr > td.shipbox:hover { background-color: #f1fbeb; /* background-color: #effae9; background-color: #00C8F8; */ } table.shiptab > tbody > tr > td > li { font-size: 12px; font-weight: bold; padding: 0px 0px 2px 0px; } table.shiptab > tbody > tr > td > li > img.logo { width: 25px; height: 28px; } table.shiptab > tbody > tr > td > li.money { font-size: 14px;/*color:#777;*/ } table.shiptab > tbody > tr > td > li.originalprice { font-size: 14px; color:#777; text-decoration:line-through; } table.shiptab > tbody > tr > td > li.originalpricedisabled { font-size: 14px; text-decoration:line-through; } table.shiptab > tbody > tr > td > li.small { font-size: 11px;/*color:#777;*/ } /* Items Listed in /styles/cart.css -- NN to consolidate /RB */ table.coupons, table.shipping {font-size:inherit!important;} /*table.shiptab {width:auto!important;}*/ @media (max-width: 545px) { .cart-container h1 {text-align:left!important;} } /* Shopping Cart CSS from /styles/site.css */ /****************** Globals ******************/ /* * { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }*/ /*body, form { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 auto; padding:0 auto; } .container { //width: 940px; width: 765px; text-align: left; // added by KEVIN to center div// margin-left: auto; margin-right: auto; height:auto; }*/ /*a, a:visited, a:focus, a:hover, a:active { color:#09F; text-decoration: none; } p { line-height: 16px; } h1 { letter-spacing: 0em; text-transform: capitalize; padding: 0px 0px; font-size: 24px; color: #767676; font-weight: 100; margin: 25px 0px 26px 0px; } h3, h4 { font-size: 18px; color: #767676; padding:0; margin: 12px 0px 7px 0px; }*/ .cart-container li { list-style: none; } /* A flat, orange button */ input.orange { color: #FFF; font-weight: 100; background-color: #F47C00; padding: 7px 10px 7px 10px; } input.orange:hover { background-color: #F86800; } input.grey { color: #000; font-weight:100; background-color:#C4C4C4; padding:7px 10px 7px 10px; } input.grey:hover {background-color:#BABABA;} tiny { font-size: 5pt; padding: 0px 0px 0px 0px; } /* Generic stuff for Inputs */ input[type="button"], input[type="reset"], input[type="submit"] { border: 0px none; text-transform: uppercase; cursor: pointer; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } input[type="submit"].square{ padding:0; margin:0; -webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-topright: 0px; border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius-bottomright: 0px; border-bottom-right-radius: 0px; } /* A class for instructions in empty text fields */ input[type=text].empty { color: #999; } /* Stuff for rounded corners */ .topleftrounded, .toprounded, .rounded { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .toprightrounded, .toprounded, .rounded { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .bottomleftrounded, .bottomrounded, .rounded { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .bottomrightrounded, .bottomrounded, .rounded { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } /****************** TopNav Stuff ******************/ table.topnav { background-color: #106800; width: 100%; } table.topnav > tbody > tr > td { padding: 10px 10px 10px 10px; height: 30px; } table.topnav > tbody > tr > td > a { color: #a4dd9b; font-size: 14px; font-weight: bold; } table.topnav > tbody > tr > td > a:hover { color: #b4edab; } /* SubNav Stuff (second line of TopNav) */ div.subnav, div.subnav > table { width: 100%; height: 95px; overflow: hidden; border-bottom: 3px solid #106800; } div.subnav > table > tbody > tr { vertical-align: top; } div.subnav > table > tbody > tr > td { padding: 0px; height: 82px; } div.subnav > table > tbody > tr > td > a.link { display: inline-block; width: 168px; height: 82px; background: url(/images/buttons/nav.png); background-repeat: none; text-align: center; color: #c3c3c3; padding: 29px 0px 0px 0px; } div.subnav > table > tbody > tr > td > a:hover { color: #333; } /****************** Footer Stuff ******************/ table.footer { width: 100%; background-color: #EEE; border: 1px solid #DFDFDF; font-size: 12px; } table.footer > tbody > tr > td.rightsreserved { background-color: #444; color: #DDD; padding: 10px 10px 10px 10px; } table.footer > tbody > tr > td > li { padding: 5px 5px 5px 5px; } /* ********************************************** * KEVIN ADDED MORE STYLE BELOW ********************************************** */ .breadcrumbs { display:inline-table; font-weight: 100; margin: 20px 0px 26px 0px; padding: 0; } .breadcrumbs li { display:inline; /*float: left; margin: 16px 0px 26px 0px; margin: 16px 0px 26px 0px;*/ } .breadcrumbs li a { font-size: 24px; color: #c3c3c3; /*padding: 0 15px 0 0;*/ text-decoration: none; } /*.breadcrumbs li a:link, .breadcrumbs li a:visited,*/ .breadcrumbs li a:hover, .breadcrumbs li a:focus { /* color: #c3c3c3;*/ color:#09F; text-decoration: none; } .breadcrumbs li.active, .breadcrumbs li.active > a,.breadcrumbs li.active > a:hover, .breadcrumbs li.active > a:focus, .breadcrumbs li.active > a:link { color: #767676; } .breadcrumbs li.disabled, .breadcrumbs li.disabled > a,.breadcrumbs li.disabled > a:hover, .breadcrumbs li.disabled > a:focus, .breadcrumbs li.disabled > a:link { /*color: #767676;*/ color: #c3c3c3; } .orange-smallx{ color: #FFF; font-weight: 100; background-color: #F47C00; padding: 2px 5px 2px 5px; margin: 0px; font-size: 0.75em; } .orange-smallx:hover { background-color: #F86800; } .orange-small { padding: 1px 2px 1px 2px; margin: 0px 0px 0px 0px; font-size: 0.75em; } .orange-mid { font-size: 1.5em; } .orange-large, .grey-large, .button-large { font-size: 2em; } .right { float: right; } .left { float: left; } .address { display: table; float:left; /* display: inline-block;*/ width:195px; border:#CCC solid 1px; padding:10px; line-height:20px; margin-top:10px; margin-right:20px; margin-bottom: 20px; } @media (max-width: 545px) { .address {width:100%;margin-bottom:0px;} .address input[type=submit], .address input[type=button] {display:block;} .address li {display:inline-block;} .address li:after {content: ", ";} .address li:last-child:after, .address li:nth-last-child(2):after, .address li:nth-last-child(3):after {content: "";} } .addressDisable { /* color:white; background-color: #00A8C8;*/ border: #00A8C8 solid 2px; } .addressActive{ background:url(/images/active_status.png) top right no-repeat; } .payment { display: table; float:left; /* background-color: #f6f6f6;*/ padding:10px; border: #CCC solid 1px; line-height: 20px; margin-right:20px; margin-bottom: 25px; } .paymentaddress{ display: inline-block; width:180px; border:#CCC solid 1px; padding:5px; margin:5px; line-height:20px; } dl { font-size: 12px; } dt, dd { } dt { font-weight: bold; } dd { margin-left: 10px; } .dl-horizontal { *zoom: 1; } .dl-horizontal:before, .dl-horizontal:after { display: table; line-height: 0; content: ""; } .dl-horizontal:after { clear: both; } .dl-horizontal dt { float: left; overflow: hidden; clear: left; text-align: right; text-overflow: ellipsis; white-space: nowrap; padding-left: 10px; } .dl-horizontal dd { margin-left: 30px; margin-bottom: 5px; } /* KLE genetic table style */ table.borders { border-left: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; } table > tbody > tr > th { text-align: left; color: #767676; font-size: 18px; } table > tbody > tr > th.headertitle, div.headertitle { background-color: #208800; color: #FFF; padding: 12px 5px 12px 12px; font-size: 18px; } table > tbody > tr > th.subtitle { font-size: 14px; /* padding-bottom: 10px;*/ /* color:#009372; text-transform: uppercase;*/ } table > tbody > tr > td p { padding-top: 10px; vertical-align: top; margin-top: 0; } table > tbody > tr > td.headertitle { background-color: #208800; color: #FFF; padding: 12px 5px 12px 12px; font-size: 18px; text-transform: capitalize; } table > tbody > tr > th.footer { background-color: #444; color: #FFF; padding: 12px 5px 12px 12px; } table > tbody > tr > td.topborder { padding: 7px 5px 0px 12px; border-top: 1px solid #aaaaaa; } table > tbody > tr > td.topborderdashed { padding: 7px 5px 0px 12px; border-top: 1px dashed #aaaaaa; } table > tbody > tr > td.leftborder { padding: 7px 5px 0px 12px; border-left: 1px solid #aaaaaa; } table > tbody > tr > td.rightborder { padding: 7px 5px 0px 12px; border-right: 1px solid #aaaaaa; } table > tbody > tr > td.bottomborder { padding: 7px 5px 0px 12px; border-bottom: 1px solid #aaaaaa; } table > tbody > tr > th.topborder { padding: 7px 5px 0px 12px; border-top: 1px solid #aaaaaa; } table > tbody > tr > th.leftborder { padding: 10px 5px 0px 12px; border-left: 1px solid #aaaaaa; } table > tbody > tr > th.rightborder { padding: 10px 5px 0px 12px; border-right: 1px solid #aaaaaa; } table > tbody > tr > th.bottomborder { padding: 7px 5px 0px 12px; border-bottom: 1px solid #aaaaaa; } .creditcard { float:left; background: url(/images/buttons/CC_Tab.jpg) no-repeat top left; text-align: center; vertical-align: middle; width: 250px; height: 27px; background-color: #0e65d3; color: #FFF; font-weight: 100; font-size: 18px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } table.tab > tbody > tr > th.creditcard:hover { cursor: pointer; } .paypal { float:left; background: url(/images/buttons/PayPal_Tab.jpg) no-repeat top left; text-align: left; width: 250px; height: 27px; color: #000; font-weight: 100; font-size: 18px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } table.tab > tbody > tr > th.paypal:hover { cursor: pointer; } table.tab > tbody > tr > td { color: #000; padding: 5px 5px 5px 5px; border-top: 2px solid #0e65d3; border-right: 1px solid #b7b7b7; border-left: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; } table.tab > tbody > tr:last-child > th {border-bottom:1px solid #b7b7b7;} table.savedcards > tbody > tr > td { /* border-bottom: 1px solid #b7b7b7;*/ padding: 5px 5px 2px 5px;; } table.highlight{ /* background-color:#00A8C8;*/ border: #00A8C8 solid 1px; } /* loading overlay */ .loading { background: url(/images/loading/loading2.gif) no-repeat scroll center center #FFF; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; /*height: 1080px !important; change to YOUR page height*/ background-color: #fff; opacity: 0.5; filter: alpha(opacity=15); -moz-opacity: 0.5; -khtml-opacity: 0.5; z-index: 998; } /* KLE BT OVERIDE STYLES */ body .modal { /* new custom width */ max-width: 640px; background:white; margin:0 auto; } .modal-backdrop { background-color: #333; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=15); } .modal-custom-height { max-height: 830px; height:auto; } /* Standards for Input designs (fields and buttons alike) */ /* common settings checkbox and radiobutton */ input[type="checkbox"], input[type="radio"] { /* margin-right: 14px;*/ -khtml-appearance: none; vertical-align: middle; } /* disabled settings for checkbox and radiobutton */ input[type="radio"]:disabled, input[type="checkbox"]:disabled { opacity: .3; } select { border: #aaa solid 1px; display: inline-block; padding: 5px 2px 5px 5px; margin-bottom: 7px; } .cart-container input[type="text"],.cart-container input[type="email"], .cart-container input[type="password"], .cart-container input[type="tel"],.cart-container input[type="number"], .cart-container select { border: #aaa solid 1px; display: inline-block; padding: 6px 2px 6px 5px; margin-bottom: 7px; height:32px; border-top-left-radius: 0px!important; border-top-right-radius: 0px!important; border-bottom-left-radius: 0px!important; border-bottom-right-radius: 0px!important; } input[type=radio] { -webkit-appearance: radio; -moz-appearance: radio; } input[type=checkbox] { -webkit-appearance:checkbox; -moz-appearance: checkbox; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly], input[disabled]:hover, select[disabled]:hover, textarea[disabled]:hover, input[readonly]:hover, select[readonly]:hover, textarea[readonly]:hover { cursor: not-allowed; color: #999; background-color: #E2E2E2; } table.addressform { margin-top: 10px; } table.addressform > tbody > tr > td input[type="text"], table.addressform > tbody > tr > td input[type="email"], table.addressform > tbody > tr > td input[type="tel"], table.addressform > tbody > tr > td input[type="number"], table.addressform > tbody > tr > td select { width: 100%; margin-bottom: 10px; } div.addressform input[type="text"], div.addressform input[type="email"], div.addressform input[type="tel"], div.addressform input[type="number"], div.addressform select { width: 100%; margin-bottom: 10px; } div.padded-form input[type="text"], div.padded-form input[type="email"], div.padded-form input[type="password"], div.padded-form input[type="tel"], div.padded-form input[type="number"], div.padded-form select, form.padded-form input[type="text"], form.padded-form input[type="email"], form.padded-form input[type="password"], form.padded-form input[type="tel"], form.padded-form input[type="number"], form.padded-form select, form.padded-form textarea, div.padded-form textarea { width: 90%; margin-bottom: 10px; } .padded-button { padding-left:0px;padding-right:0px;} @media (min-width: 830px) { .padded-button {padding-left:35px!important;padding-right:35px!important;} .pull-right-desktop {float:right!important;} .pull-left-desktop {float:left!important;} } @media (max-width: 829px) { select { -webkit-appearance:none !important; -moz-appearance: none !important; background:#FFF url(/images/new/select-arrow-down.png) no-repeat right center; border-radius:0; border-top-left-radius: 0px!important; border-top-right-radius: 0px!important; border-bottom-left-radius: 0px!important; border-bottom-right-radius: 0px!important; -webkit-border-radius: 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; } h1, .h1 { margin-top:0px;} } .cart-container input[type=radio], .padded-form input[type=radio] { -webkit-appearance: radio; -moz-appearance: radio; } .cart-container input[type=checkbox], .padded-form input[type=checkbox] { -webkit-appearance:checkbox; -moz-appearance: checkbox; } @media (max-width: 545px) { .full-width-xs input[type="text"], .full-width-xs input[type="submit"], .full-width-xs input[type="button"], .full-width-xs input[type="email"], .full-width-xs input[type="password"], .full-width-xs input[type="tel"], .full-width-xs input[type="number"], .full-width-xs select, input.padded-button { width: 100%!important; } } input.fixed { width: 14em; } input.state { width: 8em; } input.zipcode { width: 6em; } /*textarea { height: 5em; width: 20em; border:#208800 solid 1px; } placeholder plugin class .placeholder { color: #aaa; }*/ label { cursor:pointer; color: #6d6d6d; } label[for*="Same"], label[htmlfor*="Same"],label[for*="Use"], label[htmlfor*="Use"],label[for*="chk"], label[htmlfor*="chk"], label[for*="BillingAddressAnonymous"] { color: #000; } .note { border: 1px solid orange; padding: 1em; background: #ffffe0; } span.addrerror,addrerror,.addrerror label { padding: 1px 2px 1px 2px; color: red; line-height: normal; font-weight: bold; BACKGROUND-COLOR: #FF0; } .message{ /* padding:5px 4px 5px 4px; color: #767676; color:#000; background-color:#fccba7;*/ } .subtitle{ font-size:18px;} .row_header { font-weight:bold; background-color:#9fbed3; } .clearform { font-size:11px; color:#0000ff; text-decoration:underline; cursor:hand; } .checking { background-image: url('/images/loading/ui-anim_basic_16x16.gif') ; background-repeat: no-repeat; vertical-align: middle; background-color: white; background-position:right; } .checked { background-image: url('/images/loading/checked.gif') ; background-repeat: no-repeat; vertical-align: middle; background-color: white; background-position:right; } .NoChecked { background-image: url('/images/loading/x.gif') ; background-repeat: no-repeat; vertical-align: middle; background-color: white; background-position:right; } .attentionGreen { background-image: url('/images/loading/attention-green.png') ; background-repeat: no-repeat; vertical-align: middle; background-color: white; background-position:right; } .attentionRed { background-image: url('/images/loading/attention-red.png') ; background-repeat: no-repeat; vertical-align: middle; background-color: white; background-position:right; } .txtStar {color: black; font-weight:bolder; } .formRequired { border: 2px solid #dadada; border-radius: 0px;} .formRequired:focus { outline: none; border-color: #F00; box-shadow: 0 0 0px #9ecaed; } label.shipMethod{ color:#000; } label.shipMethodFree{ color: #C00; } /* Shipping Alert Messages /RB/08-26-2013 */ .shipping-alert {margin:10px 0px;padding:15px;background:#DFF3D6;border:1px solid green;color:#666;font:normal 13px/19px Arial, Arial, Helvetica, sans-serif;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .shipping-alert b, .shipping-alert strong {color:green;} /* Product Substitution message /RB/08-28-2013 */ .product-sub-alert {margin:10px 0px;padding:15px;color:#b94a48;text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);background:#f2dede;border:1px solid #eed3d7;font:normal 13px/19px Arial, Arial, Helvetica, sans-serif;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;} .product-sub-asterisk {color:red;font-size:14px;font-weight:bold;} #product-photo-column div {} #related-products .feature-title + div {border:none!important;margin-top:20px!important;} .pull-right-desktop {float:right;} .text-right-desktop {text-align:right;} .padding-left-desktop {padding-left:15px;} .padding-right-desktop {padding-right:15px;} #mobile-nav-container, #mobile-cart-controls {display:none;} /* End Shopping Cart Styles */ #now-available h3 {margin:0 0 10px 0!important;padding:0!important;font:500 28px/32px 'Oswald', sans-serif!important;} #now-available a {font-size:20px!important;line-height:24px!important;} #now-available a span {font-size:18px!important;} a.topnavtab_old { height:60px;padding:0px 31px;opacity:0.7;display:inline-block;float:left;cursor:pointer;cursor:hand;margin-left:5px; background: #ffffff; /* Old browsers */ background: -webkit-linear-gradient(#ffffff 0%, #f2f2f2 100%); background: -o-linear-gradient(#ffffff 0%, #f2f2f2 100%); background: linear-gradient(#ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 2px -1px rgba(0, 0, 0, 0.3); } a.topnavtab {height:44px;padding:16px 29px 0 29px!important;opacity:0.7;display:inline-block;cursor:pointer;cursor:hand;font:500 20px 'Oswald', sans-serif!important;letter-spacing:0.75px; color:#7d7d7d!important;text-transform:uppercase; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 41%, #fdfdfd 57%, #eeeeee 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 41%,#fdfdfd 57%,#eeeeee 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#ffffff 41%,#fdfdfd 57%,#eeeeee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ } a.topnavtab:hover {opacity:1.0;} a.topnavtab div {padding-top:20px;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { #homepage-featured .featured-link a {padding-top:3px;padding-bottom:7px;} input[name="qty"] { box-sizing:content-box;} } @media (min-width: 546px) { .no-padding-left-desktop {padding-left:0px;} .no-padding-right-desktop {padding-right:0px;} .no-padding-top-desktop {padding-top:0px;} .no-padding-bottom-desktop {padding-bottom:0px;} #product-photo-column div {max-width:321px;float:left;} } @media (min-width: 546px) and (max-width: 829px) { /*.leftnav {display:block!important;top:70px;left:0px!important;}*/ .wrappermain {width:inherit;margin-top:75px;} #now-available h3 {font:500 23px/28px 'Oswald', sans-serif!important;} #now-available a {font-size:18px!important;line-height:22px!important;} #now-available a span {font-size:16px!important;} } @media (max-width: 829px) { body {overflow-x:hidden;} .container {width:100%;background:#FFF;} .wrappermain {padding:15px;} .content {/*float:left;position:relative;z-index:0;top:60px;*/width:inherit;} .maincontent {width:inherit;} .content p, .content > a, .content p > a {font-size:16px;} /* #mobile-top-menu > a.list-group-item {font-size:14px;}*/ .leftnav {/*position:absolute;width:178px;*/display:none;} #mobile-nav-container {display:inline;float:left;text-align:left;position:fixed;top:0px;left:0px;width:100%;z-index:5;background:white;} #mobile-nav-border {height:10px;display:block;background:#1eb53a;width:100%;padding:0px;} #mobile-nav-cart {height:50px; width:100%;display:block;border-bottom:10px solid #1eb53a;} #mobile-nav-cart-items {float:left;text-align:center;color:white;font:bold 16px Arial, Helvetica, sans-serif;background:#1eb53a;width:50%;cursor:pointer;cursor:hand;padding-top:10px;border-bottom:1px solid #FFF;height:40px;box-sizing:border-box;} #mobile-nav-cart-checkout {float:right;text-align:center;color:white;font:bold 16px Arial, Helvetica, sans-serif;background:#f47c00;width:50%;text-transform:uppercase;cursor:pointer;cursor:hand;padding-top:10px;border-bottom:1px solid #FFF;height:40px; box-sizing:border-box;border-left:1px solid #FFF;} #mobile-nav {text-align:left;width:100%;border-top:5px solid #f47c00;background:#f8f8f8 url(/images/new/bg/mobile.png) repeat-x top left;height:65px;padding:0px;margin:5px 0 0 0;} #mobile-nav .mobile-nav-link {float:right;display:inline-block;width:30px;border:1px solid #1eb53a;color:#FFF;background:#1EB53A;border-radius:36px;margin-top:16px;margin-right:10px;font-size:16px;padding:5px 10px 6px 6px;cursor:pointer;cursor:hand;} #mobile-nav .mobile-nav-link:hover {background:#006b54;border:1px solid #006b54;} #mobile-nav .mobile-shop-now {float:right;display:inline-block;width:auto;border:1px solid #f47c00;color:#FFF;background:#f47c00;border-radius:4px;margin-top:16px;margin-right:10px;font-size:16px;padding:6px 6px 5px 6px;cursor:pointer;cursor:hand;line-height:16px;text-align:center;text-transform:uppercase;text-decoration:none;} #mobile-nav .mobile-shop-now:hover {background-color:#f86800!important;border:1px solid #f86800;} /*#mobile-nav .mobile-nav-link {float:right;display:inline-block;width:30px;border-left:1px solid #EEE;border-right:1px solid #999;height:60px;font-size:20px;padding:20px 10px;color:#555;} #mobile-nav .mobile-nav-link:first-child {border-right:none;} #mobile-nav .mobile-nav-link:last-child {border-left:none;}*/ #mobile-categories {display:none;border-top-left-radius:0px;border-top-right-radius:0px;} #mobile-menu {height:60px;cursor:pointer;cursor:hand;display:inline-block;} #mobile-top-menu {display:none;background:white;z-index:4;margin:0px;border-top-left-radius:0px;border-top-right-radius:0px;overflow-y:auto;position:fixed;width:100%;font-size:14px;} #mobile-categories .list-group-item {border-left:none;border-right:none;border-bottom:none;width:50%;display:block;font-size:12px;} #mobile-categories .list-group-item:last-child, .list-group-item:first-child {border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-collapse:collapse;} #mobile-categories .list-group-item:nth-child(odd) {float:right;width:50%;} #mobile-top-menu .list-group-item {text-decoration:none;color:#555;font-weight:bold;} #mobile-top-menu .list-group-item:hover {color:white;background:#1eb53a;} #mobile-search-menu {display:none;background:#EEE;padding:6px 8px;z-index:4;margin:0px;border-top-left-radius:0px;border-top-right-radius:0px;width:100%;border-bottom:1px solid #DDD;} #mobile-search-menu button {color:#FFF;background:#f47c00;height:34px;} #footernav {position:relative;bottom:0px;width:100%;margin:0px;} #footernav .footer-content {width:inherit;padding:0px 10px;} #footernav .footer-content .guarantee {margin: 0 0 15px 0;} .pull-right-desktop {float:none;} .text-right-desktop {text-align:inherit;} .align-center-mobile {text-align:center;} .padding-right-desktop {padding-right:0px;} .padding-left-desktop {padding-left:0px;} table.cart tr td:nth-child(2) {border-left: 1px solid #AAA!important;} table.cart tr td{} .input-checkout-button {font-size:1.6em;} .input-large-group {display:block;} .input-large-group input[name*="qty"] {font-size:1.6em;height:41px;box-sizing:border-box;vertical-align:middle;} .input-large-group span.input-large-group-addon {font-size:1.6em;padding:8px ;vertical-align:middle;} .cart-container input[type="text"], .cart-container input[type="email"], .cart-container input[type="password"], .cart-container input[type="tel"], .cart-container input[type="number"], .cart-container select { height: 38px; } .cart-container a {font-size:14px;} #mobile-cart-controls { display:block;border-top:1px solid #EEE;margin:6px 0px 0px 0px;padding:6px 0px 0px 0px;width:100%;} #mobile-cart-controls a {display:inline-block;font-size:11px!important;padding:3px 0px;text-align:center;width:31.5%;border:1px solid #CCC;border-radius:2px;background:#eee;margin:0 1% 0 0;text-decoration:none;} #mobile-cart-controls a:last-child {margin-right:0%;} } @media (max-width: 545px) { .wrappermain {width:inherit;margin-top:80px;display:block;} .leftnav {/*left:-178px;z-index:3;top:60px;width:178px;*/display:none;} .content {float:left;width:inherit;} .content {margin-left:0px;} #homepage-featured .featured-item {max-width:49%;margin-right:1%;} #product-photo-column div {max-width:100%;} #mobile-shop-now-button {background:#EEE;padding:0px 8px 6px 8px;z-index:4;margin:0px;border-top-left-radius:0px;border-top-right-radius:0px;width:100%;border-bottom:1px solid #DDD;} #mobile-shop-now-button a {text-decoration:none;color:white;text-transform:uppercase;} #now-available h3 {font:bold 16px/20px 'Oswald', sans-serif!important;} #now-available a {font-size:16px!important;line-height:20px!important;} #now-available a span {font-size:16px!important;} } @media print { #print-logo, .content, .maincontent {width:100%;float:left;margin-left:0px!important;display:block;top:0px;padding:0px;} #print-logo {border-bottom:2px solid #CCC;} .content {margin:0px 0px 0px 0px;padding:15px 0px;height:100%;overflow:visible;} #footernav {margin:0px;padding:0px;background:none;} .leftnav {display:none;} .tab-content > .active {padding:0px 0px 20px 0px!important;} .tab-content > .tab-pane {display:block;border:none;padding:0px 0px 20px 0px!important;border-bottom:1px solid #CCC;margin-bottom:20px;} h4 + p.no-margin-top, h4 + p {margin-top:10px!important;} }