@charset "utf-8";/*[Basic Layout Stylesheet of all website pages] | Project:Plastic Mart | Version:1.0 | Author:Nithin Scaria - webduratech.com*/

/*GLOBAL RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form,  label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; 	padding: 0; border: 0; 	outline: 0;}

/*Fonts Used*/

/*@font-face {
    font-family: 'GothamMediumRegular';
    src: url('/fonts/gotham-medium.eot');
    src: url('/fonts/gotham-medium.eot') format('embedded-opentype'), url('/fonts/gotham-medium.woff') format('woff'), url('/fonts/gotham-medium.ttf') format('truetype'), url('/fonts/gotham-medium.svg#GothamMediumRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: 'GothamLightRegular';
    src: url('/fonts/gotham-light.eot');
    src: url('/fonts/gotham-light.eot') format('embedded-opentype'), url('/fonts/gotham-light.woff') format('woff'), url('/fonts/gotham-light.ttf') format('truetype'), url('/fonts/gotham-light.svg#GothamLightRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}*/

body {
	margin:0;
    padding:0;
    line-height:1.6;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:24px;
	color:#3c3c3c;
	-webkit-font-smoothing:antialiased;
	background:#ccc;
}
/*.wf-active body {
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}*/


p,li { 
	line-height:normal;
}

input, textarea{ font-family: 'Roboto', sans-serif;}

img{ max-width:100%;}

a,
a:focus, 
a:hover, 
a:active {
   outline:0 !important;
   
}

a, a img{ color:#95a5a6;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
a { text-decoration:none;}
a:hover { text-decoration:underline; color:#95a5a6;}

input[type=button], input[type=submit]{/* Modified Nov 25*/
 -webkit-appearance:none;
border-radius:0;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

h1, h2, h3, h4, h5 {
	text-shadow:none;
	font-family:'Roboto', sans-serif;
	font-weight:700;
	color:#3c3c3c;
	margin:0;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}

h1{ font-size:28px;}
h2{ font-size:28px;}
h3{ font-size:24px;}
h4{ font-size:20px;}
h5{ font-size:16px;}

input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
margin: 5px 1px 3px 1px;
}
input[type=text]:focus, textarea:focus {
box-shadow: 0 0 5px #78c9dd;
margin: 5px 1px 3px 1px;
border: 1px solid rgba(89, 184, 208, 1);
}

/*Custom Check Box */
input[type=checkbox].css-checkbox {
display:none;
}
input[type=checkbox].css-checkbox + label.css-label {
padding-left:60px;
height:46px;
display:inline-block;
line-height:46px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:20px;
vertical-align:middle;
cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
background-position: 0 -46px;
}
label.css-label {
background-image:url(/images/check-box.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=checkbox].css-checkbox + label.css-label02 {
padding-left:50px;
min-height:30px;
max-height:100px;
display:inline-block;
line-height:36px;
background-repeat:no-repeat;
background-position: 0 8px;
font-size:22px;
vertical-align:middle;
cursor:pointer;
margin-bottom:0;
}
input[type=checkbox].css-checkbox:checked + label.css-label02 {
background-position: 0 -92px;
}
label.css-label02 {
background-image:url(/images/check-box-small-white.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/*Custom Radio Box */
input[type=radio].css-radiobox {
display:none;
}
input[type=radio].css-radiobox + label.css-label-radio {
padding-left:60px;
height:46px;
display:inline-block;
line-height:46px;
background-repeat:no-repeat;
background-position: 0 0;
font-size:20px;
vertical-align:middle;
cursor:pointer;
}
input[type=radio].css-radiobox:checked + label.css-label-radio {/* Modified Nov 25*/
background-position: 0 -47px;
}
label.css-label-radio {
background-image:url(/images/check-box-round.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=radio].css-radiobox + label.css-label-radio02 {
padding-left:50px;
min-height:30px;
max-height:100px;
display:inline-block;
line-height:36px;
background-repeat:no-repeat;
background-position: 0 8px;
font-size:22px;
vertical-align:middle;
cursor:pointer;
margin-bottom:0;
}
input[type=radio].css-radiobox:checked + label.css-label-radio02 {
background-position: 0 -92px;
}
label.css-label-radio02 {
background-image:url(/images/check-box-smallround.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}


/*Back to top Btn
------------------------------------*/
span.back-to-top{ width:62px; height:62px; float:left; background:url(/images/back-to-top.png) no-repeat 0 0; position:relative; z-index:9999;
opacity:0.5;
filter:alpha(opacity=50); /* For IE8 and earlier */
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}

span.back-to-top:hover{
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}

/*-------------------------------GLOBAL LAYOUT--------------------------------------------------------*/
*, *:before, *:after{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.page-container{ width:100%; max-width:640px; min-width:320px; float:none; background:#ebebeb; margin:0 auto; position:absolute;  overflow:hidden;}
.container{ width:100%; float:left; padding:0 40px; position:relative;}
.container .container{ padding:0;}
#content{ width:100%; float:left; padding-top:10px;}/* Modified Nov 18*/
.footer-area{ width:100%; float:left;}

/* Common style
------------------------------------*/
hr{ width:100%; float:left; border:none; margin:30px 0 25px;}
hr.small-rule{ height:5px;}
hr.small-rule.white{ background:#fff; border:none;}
hr.small-rule.gray{ background:#ebebeb; border:none;}
hr.striped-line{ height:35px; background:url(/images/container-box-separator.png) no-repeat center 0; background-size:100% auto; margin-bottom:32px;}

.container.blue-icon-box{ background:#fff; border-top:5px solid #78c9dd; border-radius:0 0 4px 4px; box-shadow:0 2px 0 rgba(0,0,0,0.1); padding:20px 0; margin:15px 0 25px;}
.blue-icon-box h2{ max-width:83%; padding:0 35px; position:relative; z-index:88;}
.blue-icon-box h3{ line-height:30px; color:#8b8b8b; padding:0 35px 4px;}
.blue-icon-box p{ line-height:36px; color:#8b8b8b; padding:25px 35px;}

.blue-icon-box.gray-box{ background:#424242; box-shadow:0 3px 0 rgba(0,0,0,0.8);}
.blue-icon-box.gray-box h2{ color:#fff;}
.blue-icon-box.gray-box h3{ color:#c4c4c4;}
.blue-icon-box.gray-box p{ color:#c4c4c4;}

.blue-icon-box.call-now{ background:url(/images/call-now-box-bg.jpg) no-repeat 20px 0 #0b395c; box-shadow:0 3px 0 rgba(0,0,0,0.8); padding-top:15px;}
.blue-icon-box.call-now h2{ font-size:36px; font-weight:normal; letter-spacing:-0.8px; color:#fff;}
.blue-icon-box.call-now p{ font-size:40px; text-align:right; color:#ff9333; padding:45px 35px 8px;}

.blue-icon-box.promotions{ background:#424242; box-shadow:0 3px 0 rgba(0,0,0,0.8);}
.blue-icon-box.promotions h2{ color:#fff; padding-bottom:24px;}
.blue-icon-box.promotions h3{ font-size:36px; font-weight:300; line-height:normal; color:#fff; border-top:1px solid #4f4f4f; padding:30px 35px 4px;}
.blue-icon-box.promotions p{ color:#cbcbcb; padding:20px 35px;}
.blue-icon-box.promotions p a{ display:inline-block; font-size:20px; font-weight:900; text-transform:uppercase; color:#424242; background:#78c9dd; border-radius:4px; box-shadow:0 2px 0 #9ee1f2 inset; padding:11px 23px 13px;}
.blue-icon-box.promotions p a:hover{ text-decoration:none; text-shadow:1px 1px 1px #4399ae;}

.blue-icon-box .icon{ display:inline-block; background-size:100% auto !important; position:absolute; right:32px; top:0;}
.blue-icon-box .icon.price-tag{ width:84px; height:88px; background:url(/images/price-tag-icon.png) no-repeat 0 0; top:0;}
.blue-icon-box .icon.phone{ width:80px; height:79px; background:url(/images/phone-icon-two.png) no-repeat 0 0; top:17px;}
.blue-icon-box .icon.blocks{ width:40px; height:39px; background:url(/images/blocks-icon.png) no-repeat 0 0; top:23px;}
.blue-icon-box .icon.truck{ width:62px; height:45px; background:url(/images/truck-icon.png) no-repeat 0 0; top:22px;}
.blue-icon-box.accordion-menu{ padding-bottom:5px;}
.accordion-menu-bottom{ background:none; padding:0;}

/*Header (logo and menu)
------------------------------------*/
.sf { color:#fff;padding:35px 10px 10px 10px;float:right;}
.sf a { padding: 0px 6px;}
#header{ padding-top: 90px;background-color:#0f4267;}
.header-top.fixed { width:640px; max-width:100%; position:fixed; top:0; z-index:9999;}

.header-top-menu{ border-bottom:2px solid #104267; padding:0 !important;
background: rgb(45,116,168); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(45,116,168,1) 0%, rgba(23,82,126,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,116,168,1)), color-stop(100%,rgba(23,82,126,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(45,116,168,1) 0%,rgba(23,82,126,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(45,116,168,1) 0%,rgba(23,82,126,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(45,116,168,1) 0%,rgba(23,82,126,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(45,116,168,1) 0%,rgba(23,82,126,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d74a8', endColorstr='#17527e',GradientType=0 ); /* IE6-9 */
}
.header-top-menu ul{ list-style:none; padding:0; margin:0;}
.header-top-menu li{ display:inline-block; float:left; padding:0; margin:0;}
.header-top-menu .user-icon{ width:45px; height:45px; display:inline-block; background:url(/images/user-icon.png) no-repeat 0 0;}
.header-top-menu li.cart-icon-area{ float:right; position:relative;}
.header-top-menu .cart-icon{ width:45px; height:45px; display:inline-block; background:url(/images/cart-icon.png) no-repeat 0 0; margin:13px 14px 8px;}
.header-top-menu .cart-items{ width:24px; height:24px; display:inline-block; font-size:14px; font-weight:700; text-align:center; line-height:22px; color:#104267; background:#ff9333; border-radius:50%; position:absolute; right:15px; bottom:16px;}
.header-top-menu .phone-icon{ width:37px; height:45px; display:inline-block; background:url(/images/phone-icon.png) no-repeat 0 0;}
.header-top-menu .search-icon{ width:38px; height:38px; display:inline-block; background:url(/images/search-icon-top.png) no-repeat 0 0; margin:17px 16px 11px 19px;}
.header-top-menu li.menu{ float:right; padding:0; padding-top:2px;}
.header-top-menu li.menu a{ display:inline-block; font-size:20px; font-weight:500; line-height:28px; color:#fff; padding:8px 18px 26px 30px !important;}
.header-top-menu li.menu a .menu-text{ display:inline-block; float:left; padding:5px 0 0;}
.header-top-menu li.menu a .icon-bar{ width:42px; height:30px; display:inline-block; background:url(/images/menu-bg.png) no-repeat 0 0; margin:5px 0 0 18px;}
.header-top-menu li.menu.selected a .icon-bar{ background-position:0 -30px;}
.header-top-menu li.menu a:hover{ text-decoration:none; text-shadow:1px 1px 1px #000;}

#nav {
}
#nav > li {
}
#nav > li > a {
	display:inline-block;
	position:relative;
	padding:10px;
	cursor:pointer;
	position:relative;
	z-index:99;
}/* Modified Nov 21*/
#nav > li > a:hover {
    background:#0a4650;
}
#nav > li.selected  > a {
	color:#18537f;
    background-color:#ebebeb;
    z-index:99999;
}
#nav > li.selected  > a {
	text-shadow:1px 1px 1px #fff;
}
#nav li div {
    position:relative;
}
#nav li div div {
    background-color:#ebebeb;
    border:2px solid #d9d9d9;
    padding:12px 0;
    display:none;
    margin:0;
    position:absolute;
    top:-2px;
    z-index:9999;
    width:300px;
	box-shadow:0 2px 0 rgba(0,0,0,0.15)
}

#nav li div ul {
    padding:0 12px;
    position:relative;
	display:block;
    float:left;
    list-style-type:none;
}
#nav li div ul li {
    margin:0;
    padding:0;
}
#nav li div ul li h3 {
    border-bottom:1px solid #e3e3e3;
    color:#4f4f4f;
    font-weight:bold;
    margin:0 5px 4px;
    font-size:0.95em;
    padding-bottom:3px;
    padding-top:3px;
}

#nav li div div.main-menu { width:600px; background:#ebebeb; right:0; padding:15px 0;}
#nav li div div.main-menu li{ width:33.3%; float:left; text-align:left; padding:5px; position:relative;}
#nav li div div.main-menu li a{ display:block; font-family:'Roboto Condensed'; font-size:24px; text-align:center; background:#18537f; border-radius:4px; padding:14px 10px 18px !important;}
#nav li div div.main-menu li a:hover{ color:#18537f; background:#fff; text-shadow:1px 1px 1px #ccc; box-shadow:1px 1px 1px #aaa;}

#nav > li.selected  > a .user-icon{ background-position:0 -46px;}
#nav > li.selected  > a .cart-icon{ background-position:0 -46px;}
#nav > li.selected  > a .phone-icon{ background-position:0 -44px;}
#nav > li.selected  > a .chat-icon{ background-position:0 -44px;}
#nav > li.selected  > a .tank-icon{ background-position:0 -48px;}
.header-top-menu .tank-icon{ width:42px; height:30px; display:inline-block; background:url(/images/menu-bg.png) no-repeat 0 0; position:relative; z-index:9999; margin:21px 15px 15px;}

/*Login menu*/
#nav li div div.login-menu{ width:580px; padding:5px 0;}
#nav li div div.login-menu div{ width:100%; display:inline-block !important; background:none; border:none; box-shadow:none; left:auto; top:auto; position:relative;}
.login-menu .login-top{ border-bottom:1px solid #d9d9d9 !important; padding:4px 10px 16px !important;}
.login-menu h1{ display:inline-block; font-size:28px; font-weight:700; padding:14px 42px 0;}
.login-menu .login-top a{ float:right; font-size:18px; font-weight:700; text-transform:uppercase; letter-spacing:-0.4px; color:#45bbd8; border:2px solid #e3e3e3; border-radius:4px; box-shadow:0 2px 0 #ccc; padding:16px 44px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}
.login-menu .login-top a:hover{ text-decoration:none; text-shadow:1px 1px 1px #ccc; color:#45bbd8;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 32%, #ececec 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(32%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 32%,#ececec 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 32%,#ececec 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 32%,#ececec 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 32%,#ececec 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
}
.login-menu .login-menu-form{ padding:23px 0 !important;}
.login-menu .login-menu-form p{ padding:6px 28px 5px;}
.login-menu .login-menu-form p a{ font-size:22px; letter-spacing:-0.4px; color:#45bbd8; padding:0 18px;}
.login-menu .login-menu-form p a:hover{text-shadow:1px 1px 1px #ccc;}
.login-menu .login-menu-form p.forgot-password{ text-align:center; padding:26px 0 !important;}
.login-menu label{display:block; font-size:24px; font-weight:300; color:#3c3c3c; padding:4px 0 2px;}
.login-menu .login-text{ width:100%; display:inline-block; height:68px; font-size:22px; color:#8f8f8f; background:url(/images/login-icons02.png) no-repeat right 10px #fff; border:2px solid #e3e3e3; padding:10px 65px 14px 15px; margin:0 !important;}
.login-menu .login-text.username{ background-position:right 10px;}
.login-menu .login-text.password{ background-position:right -47px;}
.login-menu .login-text.zip-code{ width:46.5%; background-position:right -106px;}
.login-menu .login-button{ width:100%; display:inline-block; font-size:24px; font-weight:700; text-transform:uppercase; color:#ebebeb; border:none; border-radius:4px; box-shadow:0 2px 0 #104267; padding:12px 40px 15px; margin-top:30px; cursor:pointer;
background: #256899; /* Old browsers */
background: -moz-linear-gradient(top,  #256899 0%, #18537f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#256899), color-stop(100%,#18537f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #256899 0%,#18537f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #256899 0%,#18537f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #256899 0%,#18537f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #256899 0%,#18537f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#256899', endColorstr='#18537f',GradientType=0 ); /* IE6-9 */
-webkit-appearance: none;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.login-menu .login-button:hover{ text-shadow:1px 1px 1px #000;
background: #256899; /* Old browsers */
background: -moz-linear-gradient(top,  #256899 47%, #18537f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(47%,#256899), color-stop(100%,#18537f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #256899 47%,#18537f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #256899 47%,#18537f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #256899 47%,#18537f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #256899 47%,#18537f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#256899', endColorstr='#18537f',GradientType=0 ); /* IE6-9 */
}

/* chat-menu */
#nav li div div.cart-menu{ width:610px; right:0; padding:6px 0 0;}
#nav li div div.cart-menu div{ width:100%; display:inline-block !important; background:none; border:none; box-shadow:none; left:auto; top:auto; position:relative;}
.cart-top-box{ padding:0px 25px !important; margin:24px 0 0 !important;}
.cart-image-box{ width:22% !important; float:left; padding:0 !important;}
.cart-image-box img{ float:left;}
.cart-text-box{ width:78% !important; float:left !important; padding:5px 45px 0 28px !important;}
.cart-text-box h4{ font-weight:400; line-height:normal; color:#18537f;}
.cart-text-box p{ color:#18537f; padding:13px 0 0;}
.cart-text-box .quantity{ width:50px; display:inline-block; float:left; font-size:22px; text-align:center; color:#0d5561; background:#fff; border:2px solid #ccc !important; border-radius:4px; padding:8px 5px; margin:0 !important;}
.cart-text-box p span{ display:inline-block; float:left; font-size:18px; background:#dedede; border-radius:4px; padding:11px 22px 14px; margin-left:20px;}
.cart-top-box .remove-item{ width:36px; height:36px; display:inline-block; background:url(/images/remove-item.png) no-repeat  10px 9px #78c9dd; border-radius:4px; position:absolute; right:25px; top:48%; z-index:99;}
.cart-top-box .remove-item:hover{ background-color:#fff;}
.cart-bottom{ background:#f5f5f5 !important; border-top:2px solid #dedede !important; margin-top:42px !important; padding:25px !important;}
.cart-bottom .empty-cart-button{ float:left; font-size:18px; color:#fff; background:#bdbdbd; border:none; border-radius:4px; padding:13px 36px 18px; cursor:pointer; 
-webkit-appearance: none;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.cart-bottom .empty-cart-button:hover{ text-shadow:1px 1px 1px #999; color:#0d3655;}
.cart-bottom .checkout-button-top{ float:right; font-size:18px; font-weight:700; text-transform:uppercase; color:#fff; border:none; border-radius:4px; box-shadow:0 1px 1px #ccc; padding:15px 36px 16px; cursor:pointer;
background: #78c9dd; /* Old browsers */
background: -moz-linear-gradient(top,  #78c9dd 0%, #4eb3cc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78c9dd), color-stop(100%,#4eb3cc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #78c9dd 0%,#4eb3cc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #78c9dd 0%,#4eb3cc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #78c9dd 0%,#4eb3cc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #78c9dd 0%,#4eb3cc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78c9dd', endColorstr='#4eb3cc',GradientType=0 ); /* IE6-9 */
-webkit-appearance: none;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.cart-bottom .checkout-button-top:hover{ text-shadow:1px 1px 1px #298ba3;
background: #4eb3cc; /* Old browsers */
background: -moz-linear-gradient(top,  #4eb3cc 41%, #78c9dd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#4eb3cc), color-stop(100%,#78c9dd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #4eb3cc 41%,#78c9dd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #4eb3cc 41%,#78c9dd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #4eb3cc 41%,#78c9dd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #4eb3cc 41%,#78c9dd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eb3cc', endColorstr='#78c9dd',GradientType=0 ); /* IE6-9 */
}

/* phone-menu */
#nav li div div.phone-menu{ width:400px; left:0; padding:13px 20px 17px;}
#nav li div div.phone-menu p{ font-weight:700; letter-spacing:-0.5px;}
#nav li div div.phone-menu p strong{ display:inline-block; float:left; font-size:36px; letter-spacing:-1.4px; color:#185380; padding:5px 15px 0 2px;}
#nav li div div.phone-menu p span{ display:inline-block; font-size:20px; text-transform:uppercase; color:#5cbdd5; background:url(/images/blue-small-arrow.png) no-repeat 0 26px; padding:17px 0 0 15px;}
#nav li div div.phone-menu p a{ width:100%; display:inline-block; font-size:24px; text-transform:uppercase; text-align:center; color:#ebebeb; border-radius:4px; box-shadow:0 2px 0 #104267; padding:19px; margin:13px 0;
background: rgb(24,83,127); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(24,83,127,1) 0%, rgba(37,104,153,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,83,127,1)), color-stop(100%,rgba(37,104,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18537f', endColorstr='#256899',GradientType=0 ); /* IE6-9 */
}
#nav li div div.phone-menu p a:hover{ text-decoration:none; text-shadow:1px 1px 1px #104267;
background: rgb(37,104,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(37,104,153,1) 0%, rgba(24,83,127,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,104,153,1)), color-stop(100%,rgba(24,83,127,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(37,104,153,1) 0%,rgba(24,83,127,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(37,104,153,1) 0%,rgba(24,83,127,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(37,104,153,1) 0%,rgba(24,83,127,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(37,104,153,1) 0%,rgba(24,83,127,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#256899', endColorstr='#18537f',GradientType=0 ); /* IE6-9 */
}

/* chat-menu */
#nav li div div.chat-menu{ width:560px; left:-52px; padding:20px 0;}
#nav li div div.chat-menu h2{ border-bottom:1px solid #d9d9d9; padding:6px 32px 25px;}
#nav li div div.chat-menu p{ font-size:24px; line-height:34px; color:#1f73b2; padding:26px 32px;}
.chat-form{ display:block; padding:15px 30px 5px; position:relative;}
.chat-form label{ width:100%; display:inline-block; font-size:24px; padding:13px 0;}
.chat-form .chat-text{ width:85%; display:inline-block; font-size:24px; border:2px solid #e3e3e3 !important; padding:18px 10px; margin:0 0 12px !important;    padding:5px;margin: 0 0 5px 0!important;}
.chat-form textArea{ min-height:180px;}
.chat-form .send-message-button{ width:100%; display:inline-block; font-size:24px; font-weight:700; text-transform:uppercase; text-align:center; color:#ebebeb; border:none; border-radius:4px; box-shadow:0 2px 0 #104267; padding:11px 10px 15px; margin:18px 0; cursor:pointer;
-webkit-appearance: none;
background: rgb(24,83,127); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(24,83,127,1) 0%, rgba(37,104,153,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,83,127,1)), color-stop(100%,rgba(37,104,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18537f', endColorstr='#256899',GradientType=0 ); /* IE6-9 */
}
.chat-form .send-message-button:hover{ text-shadow:1px 1px 1px #104267;
background: rgb(37,104,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(37,104,153,1) 0%, rgba(24,83,127,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,104,153,1)), color-stop(100%,rgba(24,83,127,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(37,104,153,1) 0%,rgba(24,83,127,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(37,104,153,1) 0%,rgba(24,83,127,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(37,104,153,1) 0%,rgba(24,83,127,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(37,104,153,1) 0%,rgba(24,83,127,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#256899', endColorstr='#18537f',GradientType=0 ); /* IE6-9 */
}
.search-button{width:80px; height:72px; float:right; border:none; padding:1px 5px 2px; margin:0; cursor:pointer;-webkit-appearance: none; position:absolute; top:15px; right:28px; border:2px solid #e3e3e3; border-left-color:#ebebeb;
background:url(/images/search-icon.png) no-repeat 0 0;
transition: background-position .3s;
background-color: rgb(24,83,127); /* Old browsers */
position:relative;height:43px;top:0;right:0;width:70px;background: url(/images/search-icon55.png) no-repeat center -1px;
}
.search-button:hover {border:2px solid #79cade; background-position: center -44px;}
/*tank menu*/
#nav > li.tank-menu-area .subs{ position:static;}
#nav > li.tank-menu-area > a{}
.tank-menu{ width:500px; background:#303030; border:1px solid #303030; left:0; padding:10px 0 0;}
.tank-menu h3{ min-height:88px; font-size:20px; font-weight:500; text-transform:uppercase; color:#b1b1b1; padding:1px 20px; position:relative;}
.tank-menu a.contactUsBtn{ display:inline-block; text-decoration:none; color:#b1b1b1; border:1px solid #444; padding:5px 25px 7px; margin-top:10px;}
.tank-menu a.contactUsBtn:hover{ text-shadow:1px 1px 1px #000; color:#eee; border-color:#666;}
.tank-menu h3 .sb-close{ display:inline-block; float:right; text-decoration:none; color:#b1b1b1; padding:10px 0; position:relative; z-index:99; cursor:pointer; margin-top:6px;}
.tank-menu h3 .sb-close-icon{ width:42px; height:30px; display:inline-block; vertical-align:top; background:url(/images/menu-bg.png) no-repeat right 0; margin-top:2px; margin-left:16px;
opacity:0.50;
filter:alpha(opacity=50); /* For IE8 and earlier */
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.tank-menu h3 .sb-close:hover{ color:#eee;}
.tank-menu h3 .sb-close:hover .sb-close-icon{ /* Modified Nov 18*/
opacity:0.75;
filter:alpha(opacity=75); /* For IE8 and earlier */
}
.tank-menu ul{ width:100% !important; float:none !important; display:inline-block !important; padding:0 0 5px; margin:0; position:relative; z-index:999;}
.tank-menu li{ width:100%; display:inline-block; border-top:2px solid #303030; padding:0; margin:0;}
.tank-menu li h4{ font-family:'Roboto Condensed'; color:#74e3ff; background:#17527e; padding:14px 18px 20px;}
.tank-menu li a{ width:100%; display:inline-block; font-family:'Roboto Condensed'; font-size:20px; color:#e3e3e3; background:url(/images/tank-menu-right-arrow.png) no-repeat 96% 18px #3b3b3b; padding:14px 35px 20px 18px;}
.tank-menu li h4 a{ color:#74e3ff; background:none; padding:0;}
.tank-menu li a:hover{ text-decoration:none; text-shadow:1px 1px 1px #000; color:#74e3ff;}
.tank-menu li h4 a:hover{ color:#fff;}

/*topPhoneBox*/
.topPhoneBox{ text-align:center; margin-top:-8px;}
.topPhoneBox p{ font-size:29px; font-weight:700; letter-spacing:-1px; color:#fff; background:url(/images/phone_no_bg.png) no-repeat center 0; padding:2px 0 8px;}
li.ph-box a.ph_num{ font-weight: bold;color: #fff;padding-top: 30px!important;font-size: 19px;}

/*Logo and search*/
.search-area{ background:#fff; padding-top:19px; padding-bottom:42px;}
.header-top-menu ul li.logo-box{ display:inline-block; text-align:center; left:0;   width: 37%;position: relative;}/* Modified Nov 21*/
.header-top-menu ul a#logo{ max-width:none; background:none; padding:0; margin:17px 0 0;} /* Modified Nov 21*/
#logo a{ position:relative; z-index:9;}
#logo a img{}
.search-box{ width:100%; float:left; background:#ebebeb; border:2px solid #e3e3e3; padding:0 0 0 10px; margin:5px 0 0;  height:72px; clear:both;}
.search-text{ width:80%; font-size:30px; font-weight:300; color:#777; background:none; border:none !important; box-shadow:none !important; padding:7px 10px 12px;}

/* Banner style
------------------------------------*/
.banner-area{ padding-top:10px; padding-bottom:32px; position:relative;}/* Modified Nov 17*/
.banner-slide{ width:100%; float:left; position:relative; box-shadow:0 2px 0 rgba(0,0,0,0.2);}
.banner-slide img{ display:block;}
.banner-text{ width:100%; float:left; background:url(/images/banner-text-bg.png) repeat 0 0; padding:12px 30px; position:absolute; left:0; bottom:0;}
.banner-text h2{ font-size:24px; font-weight:400; line-height:36px;}
.banner-text h2 span{ font-style:italic;}

/* Footer Area
------------------------------------*/
.footer-area .footer-top{ padding:26px 0;}
.footer-area .footer-top p{ font-size:15px; text-transform:uppercase; text-align:center;}
.footer-area .footer-top a{ display:inline-block; text-decoration:none !important; line-height:1.1; color:#266899; border-bottom:1px solid #9bd9e3;}
.footer-area .footer-top a:hover{ text-decoration:none; text-shadow:1px 1px 1px #aaa;}
.footer-area .footer-middle{ border-top:8px solid #3f83b6;
background: rgb(45,116,168); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(45,116,168,1) 0%, rgba(23,82,126,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,116,168,1)), color-stop(100%,rgba(23,82,126,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(45,116,168,1) 0%,rgba(23,82,126,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(45,116,168,1) 0%,rgba(23,82,126,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(45,116,168,1) 0%,rgba(23,82,126,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(45,116,168,1) 0%,rgba(23,82,126,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d74a8', endColorstr='#17527e',GradientType=0 ); /* IE6-9 */
}
.footer-logos{ width:45%; float:left; padding:10px 0 10px;}
.footer-logos img{ padding-right:12px;}
.footer-toll-free{ width:55%; float:left; padding:27px 0 20px;}
.footer-toll-free p{ font-weight:700; text-align:right; color:#fff; margin:0;}
.footer-toll-free p span{ font-weight:300; color:#9bd9e3;}
.footer-area .copyright{ background:#2e2e2e;}
.footer-area .copyright p{ font-size:18px; font-weight:300; text-align:center; color:#ccc; padding:11px 0 15px; margin:0;}

/*------------------------------Hoome PAGE CONTENT---------------------------------------------------*/
.home-box h2{ display:inline-block; font-weight:300; text-transform:uppercase; color:#4c4c4c; padding:2px 0;}
.home-box a.cyan-arrow{ float:right; font-size:28px; font-weight:500; text-transform:uppercase; color:#45bbd8; background:url(/images/cyan-arrow.png) no-repeat right center; padding-right:30px; margin:2px 0;}
.home-box a.cyan-arrow:hover{ text-shadow:1px 1px 0 #fff;}
.home-box-details{ background:#fff; border:2px solid #ddd; margin-top:28px;}
.home-box-image{ text-align:center; padding:50px 20px 54px;}
.home-box-text{ border-top:2px solid #ddd; padding:20px 40px 36px; position:relative;}
.home-box-text .top-arrow{ width:59px; height:32px; display:inline-block; background:url(/images/top-arrow.png) no-repeat 0 0; position:absolute; left:44px; top:-32px;}
.home-box-text h3{ font-family:'Roboto Condensed'; font-size:36px; font-weight:400; line-height:1.6;}
.home-box-text p{ font-family:'Roboto Condensed'; font-size:30px; font-style:italic; font-weight:400; line-height:44px; color:#858584;}
.home-box .learn-more{ font-size:28px; font-weight:900;  color:#fff; margin:-2px 0 0;}
.home-box .learn-more a{ display:block; font-size:28px; font-weight:900; text-transform:uppercase; line-height:1.6; color:#fff; background:#78c9dd; border-radius:0 0 10px 10px; padding:14px 32px 16px 40px;}
.home-box .learn-more a .plus-sign{ width:25px; height:25px; float:right; display:inline-block; background:url(/images/plus-sign.png) no-repeat right center; margin-top:10px;}
.home-box .learn-more a:hover{ text-shadow:1px 1px 1px #479cb1;}

.easy-pay h2{ font-size:24px; font-weight:400; line-height:34px; text-transform:uppercase; padding:0 0 27px;}
.easy-pay .pay-cards{ text-align:center; background:#fff; box-shadow:0 2px 0 rgba(0,0,0,0.1); padding:10px 0 0;}
.easy-pay .pay-cards img{ display:inline-block; margin:6px 7px;}

/*------------------------------INNER PAGE CONTENT---------------------------------------------------*/
.container.inner.blue-icon-box{ background:#fff; border-top:5px solid #78c9dd; border-radius:0 0 4px 4px; padding:0; margin:15px 0 22px;}
.inner.blue-icon-box .container{ padding:0 35px;}

/*--------------Breadcrumb Style------------------------*/
.breadcrumb{ margin-top:26px;}
.breadcrumb p{ font-family:'Roboto Condensed'; font-size:22px; font-weight:700; letter-spacing:-0.5px;}
.breadcrumb-select option{ font-weight:400; padding:15px 18px;}
label.breadcrumb-label { width:43%; float:left; display:inline-block; position:relative;}

select.breadcrumb-select { width:100%; height:70px; display:inline-block; outline:none; font-family:'Roboto Condensed'; font-size:22px; font-weight:700; color:#2c71a5; background:#fff; border:2px solid #e3e3e3; padding:14px 20px 14px 12px; cursor:pointer;}

select.select-category::-ms-expand {
    visibility: hidden;
    /* or visibility: hidden; to keep it's space/hitbox */
}

/* Select arrow styling */
label.breadcrumb-label:after {
    content: '';
    width: 68px;
    height: 66px;
    position: absolute;
    display: inline-block;
    top: 2px;
    right: 2px;
    background: url(/images/blue-down-arrow.png) no-repeat right center;
    pointer-events: none;
}
.breadcrumb span{ float:left; display:inline-block; margin:20px 0 0;}
.breadcrumb span.right-arrow{ width:12px; height:23px; background:url(/images/right-arrow.png) no-repeat 0 0; margin:24px 8px 23px;}


/*------------------------------CATEGORY PAGE---------------------------------------------------*/
.category-page h1{ display:inline-block; clear:both; font-weight:400; text-transform:uppercase; padding:3px 0 2px;}
.category-box-row{ padding-bottom:19px !important;}
.category-box{ width:46.5%; float:left; background:#fff; border-radius:0 0 4px 4px; margin-top:22px; margin-left:3.49%;}
.category-box:first-child{ margin-right:3.49%; margin-left:0;}
.category-box a:hover{ text-decoration:none !important;}
.category-box-image{ text-align:center; padding:23px 5px 9px;}
.category-box a{opacity: 1;
transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-webkit-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
}
.category-box a:hover{
opacity:.8;
}
.category-box a:hover img{
opacity:0.79;
filter:alpha(opacity=79); /* For IE8 and earlier */
}
.category-box-text{ border-top:2px solid #ebebeb; padding:12px 20px 16px; position:relative;}
.category-box-text .top-arrow{ width:28px; height:16px; display:inline-block; background:url(/images/top-arrow-small.png) no-repeat 0 0; position:absolute; left:20px; top:-16px;}
.category-box-text h3{ min-height:78px; font-family:'Roboto Condensed'; font-size:26px; letter-spacing:-0.4px; line-height:normal; font-weight:400;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.category-box a:hover .category-box-text h3{ text-decoration:none !important; text-shadow:1px 1px 1px #ccc;}
.category-box .learn-more p{ display:block; font-size:20px; font-weight:900; text-transform:uppercase; line-height:1.6; color:#fff; background:#78c9dd; border-radius:0 0 4px 4px; padding:13px 15px 15px 22px;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.category-box .learn-more p .white-arrow{ width:12px; height:23px; float:right; display:inline-block; background:url(/images/white-arrow.png) no-repeat right center; margin-top:6px;}
.category-box a:hover .learn-more{ text-shadow:1px 1px 1px #479cb1;}

.guarantee-box{ margin-top:30px; margin-bottom:40px;}
.guarantee-box h2{ clear:both; font-size:28px; font-weight:400; text-transform:uppercase; padding:10px 0 0;}
.guarantee-box h2 .trophy{ width:53px; height:56px; display:inline-block; float:right; background:url(/images/trophy.png) no-repeat 0 0; margin-top:-5px; margin-right:26px;}
.guarantee-box p{ clear:both; font-weight:300; line-height:40px; letter-spacing:-0.4px; text-align:justify; padding:24px 18px 0;}

/*--------------Sub CATEGORY PAGE----------------------*/
.sub-category-page{ margin-bottom:60px;}
.sub-category-page h1{ clear:both; font-size:30px; font-weight:400; text-transform:uppercase; padding:12px 0 10px;}
.sub-category-image{ text-align:center; background:#fff; border:4px solid #e0e0e0; box-shadow:0 2px 0 #d9d9d9; padding:23px 5px 11px !important; margin:10px 0 0;}
.sub-category-text{ margin:10px 0;}
.sub-category-text p{ font-size:22px; line-height:36px; text-align:justify; padding:32px 18px 4px;}
.select-category option{ padding:2px 10px;}
label.label-category { width:100%; display:inline-block; position:relative;}

select.select-category { width:100%; height:70px; display:inline-block; outline:none; font-family:'Roboto'; font-size:24px; color:#3c3c3c; background:#fff; border:2px solid #e3e3e3; box-shadow:0 2px 0 #d6d6d6; padding:14px 40px 14px 16px; cursor:pointer;}

select.select-category::-ms-expand {
    visibility: hidden;
    /* or visibility: hidden; to keep it's space/hitbox */
}

/* Select arrow styling */
label.label-category:after {
    content: '';
    width: 68px;
    height: 66px;
    position: absolute;
    display: inline-block;
    top: 2px;
    right: 2px;
    background: url(/images/list_box_arrow.png) no-repeat right center;
    pointer-events: none;
}
.sub-category-box{ margin-top:40px !important;}
.sub-category-box:first-child{ margin-top:50px !important;}
.sub-category-box a{ display:block; float:left; background:#fff; border:2px solid #e3e3e3; border-radius:0 0 4px 4px;
opacity: 1;
transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-webkit-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
}
.sub-category-box a:hover{ text-decoration:none;opacity:.8;}
.sub-category-box h3{ font-family:'Roboto Condensed'; font-size:28px; font-weight:700; line-height:38px; letter-spacing:-0.2px; color:#2970a4; padding:20px 25px 24px; position:relative;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.sub-category-box a:hover h3{ text-shadow:1px 1px 1px #ccc;}
.sub-category-box .down-arrow{ width:28px; height:16px; display:inline-block; background:url(/images/down-arrow.png) no-repeat 0 0; position:absolute; left:29px; bottom:-16px; z-index:99;}
.sub-category-box ul{ width:100%; float:left; display:inline-block; list-style:none; border-top:2px solid #e3e3e3; padding:0; margin:0;}
.sub-category-box ul li{ width:100%; float:left; display:inline-block; background:#f7f7f7; border-bottom:1px solid #ebebeb; padding:0;}
.sub-category-box ul li span{ width:36%; float:left; display:inline-block; font-size:18px; font-weight:700; color:#8b8b8b; padding:27px 10px 10px 32px;}
.sub-category-box ul li strong{ width:64%; display:inline-block; font-family:'Roboto Condensed'; font-size:24px; font-weight:700; background:#fff; color:#3a3a3a; padding:23px 22px 24px;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.sub-category-box ul li.price{ border-bottom:none;}
.sub-category-box ul li.price span{ font-family:'Roboto Condensed'; font-size:28px; font-style:italic; text-align:center; color:#42b5d1; padding:20px;}
.sub-category-box ul li.price strong{ font-family:'Roboto'; width:calc(64% + 4px); display:inline-block; font-size:22px; font-weight:900; text-transform:uppercase; color:#fff; background:#78c9dd; border:1px solid #78c9dd; border-radius:0 0 4px 0; padding:26px 15px 23px 22px; margin:-1px -2px -2px; position:relative;}
.sub-category-box ul li.price strong .white-arrow{ width:12px; height:23px; float:right; display:inline-block; background:url(/images/white-arrow.png) no-repeat right center; padding:0; margin-top:5px;}
.sub-category-box a:hover ul li.price strong{ text-decoration:underline; text-shadow:1px 1px 1px #479cb1;}

.sub-category-box-image{ width:36%; float:left; text-align:center; padding:12px 10px 8px;}
.sub-category-heading{ width:64%; float:left; padding:32px 0 0;}
.sub-category-heading h3{ padding:20px 20px; padding-right:50px;}

.sub-category-c{ margin-top:30px !important;}
.sub-category-c:first-child{ margin-top:50px !important;}
.sub-category-c a{ width:100%; float:left; background:#fff; border:2px solid #e3e3e3; border-radius:0 0 4px 4px; opacity: 1;
transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-webkit-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;}
.sub-category-c a:hover{ text-decoration:none; opacity:.8}
.sub-category-c h3{ font-family:'Roboto Condensed'; font-size:26px; font-weight:700; line-height:36px; letter-spacing:-0.2px; color:#2970a4; padding:20px 25px 26px; position:relative;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.sub-category-c a:hover h3{ text-shadow:1px 1px 1px #ccc;}
.sub-category-c .down-arrow{ width:28px; height:16px; display:inline-block; background:url(/images/down-arrow.png) no-repeat 0 0; position:absolute; left:29px; bottom:-16px; z-index:99;}
.sub-category-c ul{ width:100%; float:left; display:inline-block; list-style:none; background:#f7f7f7; border-top:2px solid #e3e3e3; padding:0; margin:0;}
.sub-category-c ul li{ float:left; display:inline-block; font-family:'Roboto Condensed'; padding:0;}
.sub-category-c ul li.label-box{ width:21.5%; font-size:18px; font-weight:700; text-transform:uppercase; color:#8b8b8b; padding:22px 25px 10px;}
.sub-category-c ul li.description{ width:61.25%; background:#fff; color:#3a3a3a; padding:16px 12px;}
.sub-category-c ul li.description strong{ font-size:22px;}
.sub-category-c ul li.description span{ float:right; font-weight:700; font-style:italic; color:#42b5d1; padding:2px 10px;}
.sub-category-c ul li.view-link{ width:17.25%;}
.sub-category-c ul li.view-link strong{ display:block; font-size:24px; font-weight:700; text-transform:uppercase; color:#fff; background:#78c9dd; border:1px solid #78c9dd; border-radius:0 0 4px 0; padding:17px 13px 19px; margin:0 -2px -2px; position:relative;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.sub-category-c ul li.view-link strong .white-arrow{ width:12px; height:23px; float:right; display:inline-block; background:url(/images/white-arrow.png) no-repeat right center; padding:0; margin-top:6px;}
.sub-category-c a:hover ul li.view-link strong{ text-decoration:underline; text-shadow:1px 1px 1px #479cb1;}

/*------------------------------CONTACT PAGE CONTENT---------------------------------------------------*/
.contact-area{ width:100%; float:left; margin:0; background:#FFF;}
.contact-area hr:first-child{margin-top:0;}
.contact-content{width:42%; float:left;}
.contact-content span strong{color:#8b8b8b; font-size:.9em; line-height:26px;}
.contact-content p{color:#8b8b8b; font-size:.7em; line-height:32px; margin:30px 0 0 0;}
.contact-info{width:55%; float:right;}
.contact-info a{display:block; padding:35px 0; border:3px solid #ebebeb; width:98%; text-align:center; margin-bottom:30px; color:#276b9d; text-decoration:none; }
.contact-info a.tel{font-size:1.1em; font-weight:bold;}
.contact-info a:hover{ text-decoration:underline; text-shadow:1px 1px 1px #999;}
.contact-form{ width:100%; float:left; margin:25px 0 10px;}
.contact-form ul{padding:0; margin:0; list-style:none;}
.contact-form li{padding:0 0 50px 0; margin:0; list-style:none; clear:both; overflow:hidden;}
.contact-form li div{float:left; width:47%;}
.contact-form li div:last-child{float:right; margin-right:3px}
.contact-form label{display:block; color:#3c3c3c; font-size:24px; font-weight:300; margin-bottom:20px; }
.contact-form .text-box{width:98.8%; height:68px; display:block; padding:10px 65px 10px 15px; border:2px solid #e3e3e3; background:url(/images/contact-icons.png) no-repeat 97% top #ebebeb; color:#3c3c3c; line-height:46px; font-size:24px; font-weight:300;}
.contact-form .text-area{width:98.8%;display:block; padding:10px 65px 10px 15px; border:2px solid #e3e3e3; background:url(/images/contact-icons.png) no-repeat 97% top #ebebeb; color:#3c3c3c; line-height:26px; min-height:220px; font-size:.8em; font-weight:300;}
.submit-button{cursor:pointer; border:none;width:98.8%;display:block; font-size:22px; font-weight:900; text-transform:uppercase; color:#fff; background:#78c9dd; border-radius:5px;padding:22px 15px; box-shadow:0px 2px 0px #59b8d0; outline:none; transition: background-color 0.5s ease;
-webkit-appearance: none;}
.submit-button:hover{text-shadow:1px 1px 1px #999; background:#aaaaaa; box-shadow:0px 2px 0px #939292;}
.submit-button-gray{background:#aaaaaa; box-shadow:none;
-webkit-appearance: none;}
.submit-button-gray:hover{background:#78c9dd; box-shadow:none;}
.contact-form .email{background-position:98% 15px}
.contact-form .name{background-position:98% -51px}
.contact-form .state{background-position:95% -123px}
.contact-form .zip{background-position:98% -192px}
.contact-form .tank{background-position:98% -261px}
.contact-form .gallon{background-position:98% -332px}
.contact-form .phone{background-position:98% -409px}
.contact-form .message{background-position:98% -485px}

/*Billing Shipping*/
.billing-box{background:#fff; border:2px solid #d4d4d4; border-top:5px solid #78c9dd; border-radius:0 0 4px 4px; margin:10px 0 38px; position:relative; overflow:hidden;}/* Modified Nov 18*/
.billing-box h2{max-width:100%;position:relative; z-index:99; border-bottom:1px solid #ebebeb; padding:20px 19% 20px 35px;}
.billing-box h2 span{ font-size:18px; color:#8b8b8b; display:block; font-weight:400;padding-bottom:10px; margin-top:-5px;}
.billing-box .icon{ display:inline-block; background-size:100% auto !important; position:absolute; right:32px; top:22px;}
.billing-box .icon2{top:35px;}

.saved-address-content{padding:0;}/* Modified Nov 20*/
.saved-address{ border-bottom:1px solid #ebebeb; padding:22px 35px 12px}/* Modified Nov 20*/
.saved-address span{ display:inline-block; vertical-align:middle; margin-bottom:20px;}/* Modified Nov 20*/
.saved-address span:last-child{margin-top:0;}
.saved-address span label{display:inline-block; float:left; height:50px;}/* Modified Nov 20*/
.saved-address span input[type=checkbox]{float:left;}
.saved-address h3.right-arrow{ padding:3px 0 14px}/* Modified Nov 20*/
.saved-address h3.right-arrow a{ width:100%; display:inline-block; text-decoration:none; color:#3c3c3c; background:url(/images/right-arrow-bold.png) no-repeat right center; padding-right:25px;}/* Modified Nov 20*/
.saved-address h3.right-arrow a:hover{ text-shadow:1px 1px 1px #ccc; color:#f5a854;}/* Modified Nov 20*/
.saved-address p{ max-width:75%; display:inline-block; vertical-align:middle; margin:0 0 10px 10px; font-weight:300; line-height:32px;}/* Modified Nov 20*/
.saved-address p strong{font-weight:700;}/* Modified Nov 20*/
.address-btn-area{ width:100%; display:inline-block; clear:both; padding:3px 0 8px;}/* Modified Nov 20*/
.address-btn-area p{ max-width:100%; display:block; text-align:center; padding:10px 0; margin:0;}/* Modified Nov 20*/
.address-btn-area .ship-to-btn{ width:98%; display:inline-block; font-size:18px; font-weight:700; text-transform:uppercase; color:#fff; border:1px solid #ee922f; border-radius:4px; padding:16px; cursor:pointer;
background: #f8b367; /* Old browsers */
background: -moz-linear-gradient(top, #f8b367 0%, #f4a651 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8b367), color-stop(100%,#f4a651)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f8b367 0%,#f4a651 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f8b367 0%,#f4a651 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f8b367 0%,#f4a651 100%); /* IE10+ */
background: linear-gradient(to bottom, #f8b367 0%,#f4a651 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b367', endColorstr='#f4a651',GradientType=0 ); /* IE6-9 */
}/* Modified Nov 20*/
.address-btn-area .ship-to-btn:hover{ text-shadow:1px 1px 1px #bf782a;
background: #f8b367; /* Old browsers */
background: -moz-linear-gradient(top, #f8b367 0%, #f8b367 40%, #f4a651 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8b367), color-stop(40%,#f8b367), color-stop(100%,#f4a651)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f8b367 0%,#f8b367 40%,#f4a651 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f8b367 0%,#f8b367 40%,#f4a651 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f8b367 0%,#f8b367 40%,#f4a651 100%); /* IE10+ */
background: linear-gradient(to bottom, #f8b367 0%,#f8b367 40%,#f4a651 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8b367', endColorstr='#f4a651',GradientType=0 ); /* IE6-9 */
}
.address-btn-area .edit-delete{ width:47%; display:inline-block; font-size:18px; font-weight:700; text-transform:uppercase; color:#acacac; background:#fff; border:1px solid #c7c7c7; border-radius:4px; padding:11px; margin-left:1.5%; cursor:pointer;}/* Modified Nov 20*/
.address-btn-area .edit-delete:first-child{ margin-left:0; margin-right:1.5%;}/* Modified Nov 20*/
.address-btn-area .edit-delete:hover{ text-shadow:1px 1px 1px #ddd; color:#777; border-color:#ee922f;}/* Modified Nov 20*/

.billing-box-content{padding:35px 30px 15px 30px;}
.billing-box-content ul{padding:0; margin:0; list-style:none;}
.billing-box-content li{padding:0 0 20px 0; margin:0; list-style:none; clear:both; overflow:hidden;}
.billing-box-content li div{float:left; width:47%;}
.billing-box-content li div:last-child{float:right; margin-right:3px}
.billing-box-content label{display:block; color:#3c3c3c; font-size:24px; font-weight:400; margin-bottom:10px; }
.billing-box-content .text-box{width:98.8%; display:block; padding:15px 15px; border:2px solid #e3e3e3; background:#ebebeb; color:#3c3c3c; line-height:30px; font-size:24px; font-weight:300;}
.billing-box-content .text-area{width:98.8%;display:block; padding:10px 15px 10px 15px; border:2px solid #e3e3e3; color:#3c3c3c;background:#ebebeb; line-height:26px; min-height:220px; font-size:.8em; font-weight:300;}
.billing-box-content .help span{display:block; font-weight:300px; font-size:20px; color:#3c3c3c; padding-top:52px;}
.billing-box-content .help a{color:#187c8c;}
.billing-box-content p{clear:both; margin:0 0 30px;}
label.label-category-gray { width:100%; display:inline-block; position:relative;}
select.select-category-gray { width:100%; height:66px; display:inline-block; outline:none; font-family:'Roboto'; border:2px solid #e3e3e3; background:#ebebeb; color:#3c3c3c; line-height:30px; padding:10px 40px 10px 16px; cursor:pointer; font-size:24px; font-weight:300;}
select.select-category-gray::-ms-expand{visibility: hidden;}
/* Select arrow styling */
label.label-category-gray:after {
content: '';
width: 64px;
height: 62px;
position: absolute;
display: inline-block;
top:2px;
right:2px;
background: url(/images/list_box_arrow_gray.png) no-repeat right center;
pointer-events: none;
}
.checkout-button{margin:5px 0 20px;}
.checkout-button .submit-button{width:100%; font-size:28px; padding:20px 15px;}

/*Cart Page*/
.cart-box{ background:#fff;}
.cart-box ul{ width:100%; float:left; display:inline-block; list-style:none; padding:0; margin:0;  border-bottom:2px solid #e3e3e3;}
.cart-box li{ width:100%; float:left; display:inline-block; border-bottom:1px solid #ebebeb; padding:0;background:#f7f7f7 ;}
.cart-box li span{ width:36%; float:left; display:inline-block; font-size:18px; font-weight:700; color:#8b8b8b; padding:27px 32px 10px; display: table-cell; vertical-align: middle;}
.cart-box li strong{ width:64%; display:inline-block; font-size:24px; font-weight:700; background:#fff; color:#3a3a3a; padding:23px 22px 24px;}
.cart-box li strong input[type=text]{width:46px; font-size:24px; font-weight:900; text-align:center; border:2px solid #d4d4d4; border-radius:4px; background:#ebebeb; color:#3c3c3c; padding:5px 10px; margin:0;}
.cart-box li strong a{float:right; font-size:18px; font-weight:normal;color:#8b8b8b; line-height:30px; display:inline-block; background:url(/images/icon-remove.png) no-repeat right 0; padding:0 35px 0 0; margin-top:6px}
.order-box ul{ width:100%; float:left; display:inline-block; list-style:none; padding:0; margin:0;  border-bottom:2px solid #e3e3e3;}
.order-box li{ width:100%; float:left; display:inline-block; border-bottom:1px solid #ebebeb; padding:0;}
.order-box li span{ width:36%; float:left; display:inline-block; font-size:24px; font-weight:400; color:#3a3a3a; padding:19px 35px 10px;}
.order-box li strong{ width:64%; display:inline-block; font-size:24px; font-weight:700; color:#3a3a3a; padding:20px 35px 24px; text-align:right;}
.total strong,.total span{color:#187c8c!important; font-weight:bold!important;}

/*Product Page*/
.product-area{ width:100%; float:left; margin:0; background:#FFF;}
.product-area h1{font-weight:300; text-transform:uppercase;}
.product-image{ text-align:center; background:#fff; border:4px solid #e0e0e0; box-shadow:0 2px 0 #d9d9d9; padding:23px 5px 11px !important; margin:10px 0 40px;}
.product-area hr:first-child{margin-top:0;}
.product-box{border:2px solid #ebebeb; overflow:hidden; margin:38px 0}
.expander{color:#3c3c3c; font-size:28px; text-align:left; padding:10px 30px!important; display:block; text-decoration:none; min-height:66px; line-height:45px; }
.expander:hover{color:#3c3c3c;text-decoration:none;}
.collapsed{background:url(/images/icon-collapse.png) no-repeat 97% 16px #ebebeb;}
.expanded {background:url(/images/icon-expand.png) no-repeat 97% 16px #ebebeb;}
.product-box-inner,.product-desc{padding:30px; float:left;}
.product-desc p{font-size:20px; color:#8b8b8b; line-height:32px; text-decoration:none; margin-bottom:30px;}
.product-box .cart-box ul{border-bottom:0;}
.add-to-cart{clear:both; overflow:hidden; padding-top:10px;}
/* .add-to-cart span{float:left; padding:21px 25px; display:block; color:#2d72a6; font-size:24px; font-weight:bold; width:38%; border:2px solid #78c9dd; text-align:center;} */
.add-to-cart .submit-button{width:60%; float:right; padding:25px 15px;}
.feedbacks ul{padding:0; margin:0; list-style:none;}
.feedbacks li{padding:0 0 25px 0; margin:0; list-style:none; display:block; float:left;}
.feed-image{width:25%; float:left;}
.feed-image img{border:2px solid #ebebeb;}
.feed-desc{width:73%; float:right;}
.feed-desc p{font-size:18px; font-style:italic; color:#8b8b8b; line-height:32px; text-decoration:none; margin-bottom:20px;}
.feed-desc strong{font-weight:normal; color:#8b8b8b;}
.product-box .contact-form{margin-bottom:0;}
.product-box li:last-child{padding-bottom:0;}
.related-categories{padding-top:75px; padding-bottom:10px; position:relative;}
.arrow-down{width: 0;height: 0; border-left: 30px solid transparent;border-right: 30px solid transparent;border-top:30px solid #FFF; position:absolute; left:45%; top:0;}
.related-categories .home-box-details{border-radius:0 0 8px 8px!important;}
.related-categories p{font-size:24px; line-height:40px; color:#858584;}

/*Login Area*/
.login-area{ background:#fff; padding-bottom:45px !important; margin-top:-30px;}
.login-area hr:first-child{margin-top:0;}
.login-area h1{ display:block; font-size:30px; font-weight:400; text-transform:uppercase;}
.login-area label{display:block; font-size:30px; font-weight:300; color:#3c3c3c; padding:16px 0 3px;}
.login-area .login-text{ width:100%; display:inline-block; height:68px; font-size:26px; color:#3c3c3c; background:url(/images/login-icons.png) no-repeat right 10px #ebebeb; border:2px solid #e3e3e3; padding:10px; padding-right:65px; margin-bottom:18px !important;}
.login-area .login-text.username{ background-position:right 10px;}
.login-area .login-text.password{ background-position:right -47px;}
.login-area .login-links{ margin:55px 0;}
.login-area .login-links a{ float:left; color:#ff9333; margin:10px 0 15px;}
.login-area .login-links a:hover{ text-shadow:1px 1px 1px #ccc;}
.login-area .login-links .seperator-bar{ width:2px; height:53px; float:left; background:#ebebeb; margin:6px 15px;}
.login-area .login-button{ float:right; font-size:24px; font-weight:900; text-transform:uppercase; color:#fff; background:#78c9dd; border:none; border-radius:4px; box-shadow:0 2px 0 #59b8d0; padding:13px 40px; cursor:pointer;
-webkit-appearance: none;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
}
.login-area .login-button:hover{ background:#aaa; box-shadow:0 2px 0 #929292;}

.category-box .expander{ height:22px; min-height:0; display:block; text-decoration:none; padding:0 !important;}
.category-box .expander:hover{text-decoration:none;}
.category-box .expanded {background:url(/images/more-less-icons.png) no-repeat right -22px;}
.category-box .collapsed{background:url(/images/more-less-icons.png) no-repeat right 0;}
.category-box .content{ font-size:14px; line-height:20px; letter-spacing:-0.1px; color:#868686; padding:10px 0 0;}
.category-box .content p{ padding:10px 0;}

/*Login Area*/
.share-box{ text-align:right;}
.share-box a{ margin-left:5px;}
.share-box a:hover img{
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
.sticky-wrapper{ width:100%; display:inline-block; margin-bottom:10px;}
#sticker{ right:0; z-index:9999;}
#wrapper{ width:100%; float:right; display:inline-block;}
.is-sticky{ width:auto;}
.is-sticky #sticker{ width:62px; background:#ebebeb; border:2px solid #e0e0e0; border-right:none; padding:0 6px 6px;}
.is-sticky #sticker a{ float:left; line-height:0; margin:6px 0 0;}

.category-page .sticky-wrapper{ width:auto; float:right; margin:-22px 0 0; position:relative; top:23px;}

/*Search Tabs*/
.search-tabs{float:left; margin-top:30px;}
.search-tabs h2{font-size:26px; color:#45bbd8; font-weight:300; text-decoration:none; text-transform:uppercase; display:block; margin-bottom:30px;}
.search-tabs ul{padding:0; margin:0; list-style:none; line-height:80px;}
.search-tabs li{padding:0; margin:0 9px 0 0; list-style:none; display:inline-block; width:31.5%;}
.search-tabs li:last-child{margin-right:0;}
.search-tabs li a{font-weight:300; padding:20px 0;  display:block; background:#f5f5f5; color:#777777; text-decoration:none; text-align:center; border:2px solid #e3e3e3; -webkit-appearance: none; }
.search-tabs li.current a, .search-tabs li a:hover{border:2px solid #78c9dd; background:#FFF; color:#45bbd8;}
.search-tabs li.current a{font-weight:bold;}
.category-search{margin-top:18px;}
.content-search{margin-top:0;}
.content-search p{margin:20px 0; padding:18px 0 40px 0; clear:both; display:block; font-weight:300; border-bottom:2px solid #FFF;}
.content-search p:last-child{border:none;}
.content-search p em{font-weight:300; color:#45bbd8;}

/* Pagination styles */
.pagination{font-size:24px; margin:20px 0 40px 0; font-weight:bold;text-align:right; padding:10px 0; text-align:right;}
.pagination span, .pagination a{color:#45bbd8; background:#FFF; border:1px solid #c1e9f3; display:inline-block;
cursor:pointer;text-decoration:none !important;width:56px; height:56px; overflow:hidden; line-height:54px; margin:0 2px; text-align:center; transition: background 0.2s ease, }
.pagination span, .pagination a:hover, .pagination a.active {color:#b0b0b0; background:#ebebeb; border:1px solid #e3e3e3;}
.pagination .prev, .pagination .next{ background: url(/images/icon-pagination-arws.png) no-repeat!important; background-color:#FFF!important;} 
.pagination .prev{background-position:-1px -56px!important; }
.pagination .next{background-position:0 0px!important;}
.pagination .prev:hover, .pagination .next:hover{background-color:#E3E3E3!important;}



#pageslide {display: none;position: absolute;position: fixed;top: 0;height: 100%;z-index: 999999;width:517px;padding: 0;margin:0;overflow-x:hidden;overflow-y:auto; -webkit-box-shadow: inset 0 0 5px #222;-moz-box-shadow: inset 0 0 5px #222;box-shadow: inset 0 0 5px #222;-webkit-overflow-scrolling: touch;}
#sideMenu {display: none;}










/* Accordion Menu powered by www.menucool.com */

/* ##### acdnmenu #####*/
/* ##### Top level items #####*/
#acdnmenu 
{
    /* Note about height: 
    Set "height:auto;" if flexible height is required. 
    A fixed height is prefered as content below the menu won't be pulled down/up when the menu is expanding/collapsing. */
}

#acdnmenu ul.top
{
	padding-left:0;
    background:white;
    border-top:1px solid #ebebeb;
}

#acdnmenu div.heading, #acdnmenu a.link
{
    text-align:left;
    color:Black; 
    text-decoration:none;
    outline:none;
}

#acdnmenu div.current, #acdnmenu div:hover, #acdnmenu a.link:hover, #acdnmenu div.current a.link
{
    text-decoration:none;   
    background-position:0 -64px;
}


/* arrow image for the top headings */
#acdnmenu div.arrowImage {
    width:95px;
    height:30px;
    top:30%;
    right:20px; /* Changing it to "left:2px;" will position the arrow image to the left */
    background-image:url(../images/hide-show-icons-two.png);
    background-position:right 0;
}

#acdnmenu div.current div.arrowImage {
    background-position:right -30px;
}

#acdnmenu li.separator
{
    border-top:1px solid #ebebeb;/*1*/
    border-bottom:none; 
}


/* ##### Sub level items #####*/
#acdnmenu ul.sub
{
	padding-left:0; /*This determines the hierarchical offset*/ 
}

#acdnmenu ul.sub > li
{
	border-top:1px solid #ebebeb;
	padding:16px 70px 20px;
}

#acdnmenu ul.sub div.heading
{
    text-align:left;
    padding:5px; padding-left:20px;
    color:Black;
    background:none; 
}
#acdnmenu ul.sub div.heading a
{
    color:Black;
}

#acdnmenu ul div.heading h3{
	line-height:40px;
	max-width:79%;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

#acdnmenu ul.sub div.current
{
    color:Black;
    background:none; 
}

#acdnmenu ul.sub a.link
{
	display:inline-block !important;
    color:#8b8b8b;
    text-decoration:none;
    background:none; 
}

#acdnmenu ul.sub a.link:hover, #acdnmenu ul.sub a.current, #acdnmenu ul.sub div.heading a:hover, #acdnmenu ul.sub div.heading a.current
{
}

#acdnmenu ul.sub a.link:hover, #acdnmenu ul div.heading:hover h3
{
	text-shadow:1px 1px 1px #ccc;
}


#acdnmenu ul.sub div.arrowImage {
    width:95px;
    height:30px;
    top:6px;
    left:4px;
    background-image:url(hide-show-icons-two.png);
    background-position:right 0;
}
#acdnmenu ul.sub div.current div.arrowImage {
    background-position:right -30px;
}



/* ##### Followings usually don't need modification ###### */
/*Hack the font-size:0 bug for IE6 */
#acdnmenu,  #acdnmenu ul
{
    display:block;
    font-size:0px;
    line-height:0px;
	padding:24px 0 0;
}
#acdnmenu li {font-size:24px; line-height:normal;}
#acdnmenu:after {content:'.';height:0;clear:both;display:block;visibility:hidden;} 
#acdnmenu ul, #acdnmenu li, #acdnmenu div.heading, #acdnmenu a.smLink, #acdnmenu div.description {*zoom:1;}
#acdnmenu li {*float:left;*width:100%;}

#acdnmenu ul
{
	position:relative;/*!*/
	overflow:hidden;
	padding:0;margin:0;list-style-type: none;
}
#acdnmenu>ul{visibility: hidden;}
#acdnmenu li {padding:0;margin:0;}

#acdnmenu div.heading, #acdnmenu div.current
{
	position:relative;
    cursor: pointer;
	padding:13px 0;
}
#acdnmenu div.arrowImage {position:absolute; overflow:hidden;}




/* ##### acdnmenu02 #####*/
/* ##### Top level items #####*/
#acdnmenu02
{
    /* Note about height: 
    Set "height:auto;" if flexible height is required. 
    A fixed height is prefered as content below the menu won't be pulled down/up when the menu is expanding/collapsing. */
}

#acdnmenu02 ul.top
{
	padding-left:0;
    background:white;
    border-bottom:1px solid #d3d3d3;
}

#acdnmenu02 div.heading, #acdnmenu02 a.link
{
    text-align:left;
    color:Black;
    text-decoration:none;
    outline:none;
}

#acdnmenu02 div.current, #acdnmenu02 div:hover, #acdnmenu02 a.link:hover, #acdnmenu02 div.current a.link
{
    text-decoration:none;   
    background-position:0 -64px;
}


/* arrow image for the top headings */
#acdnmenu02 div.arrowImage {
    width:95px;
    height:30px;
    top:30%;
    right:40px; /* Changing it to "left:2px;" will position the arrow image to the left */
    background-image:url(../images/hide-show-icons-two.png);
    background-position:right 0;
}

#acdnmenu02 div.current div.arrowImage {
    background-position:right -30px;
}

#acdnmenu02 li.separator
{
    border:none; 
}


/* ##### Sub level items #####*/
#acdnmenu02 ul.sub
{
	padding-left:0; /*This determines the hierarchical offset*/ 
}

#acdnmenu02 ul.sub > li
{
	padding:16px 60px 22px;
}

#acdnmenu02 ul.sub div.heading
{
    text-align:left;
    padding:5px; padding-left:20px;
    color:Black;
    background:none; 
}
#acdnmenu02 ul.sub div.heading a
{
    color:Black;
}

#acdnmenu02 ul div.heading h2{
	font-size:24px;
	text-transform:uppercase;
	line-height:40px;
	max-width:79%;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

#acdnmenu02 ul.sub div.current
{
    color:Black;
    background:none; 
}

#acdnmenu02 ul.sub a.link
{
	display:inline-block !important;
	font-weight:300;
    color:#3b3b3b;
    text-decoration:none;
    background:none;
}

#acdnmenu02 ul.sub a.link:hover, #acdnmenu02 ul.sub a.current, #acdnmenu02 ul.sub div.heading a:hover, #acdnmenu02 ul.sub div.heading a.current
{
}

#acdnmenu02 ul div.heading:hover h2{
	text-shadow:1px 1px 1px #ccc;
}
#acdnmenu02 ul.sub a.link:hover
{
	text-shadow:1px 1px 1px #aaa;
}


#acdnmenu02 ul.sub div.arrowImage {
    width:95px;
    height:30px;
    top:6px;
    left:4px;
    background-image:url(hide-show-icons-two.png);
    background-position:right 0;
}
#acdnmenu02 ul.sub div.current div.arrowImage {
    background-position:right -30px;
}



/* ##### Followings usually don't need modification ###### */
/*Hack the font-size:0 bug for IE6 */
#acdnmenu02,  #acdnmenu02 ul
{
    display:block;
    font-size:0px;
    line-height:0px;
	padding:35px 0 0;
}
#acdnmenu02 li {font-size:24px; line-height:normal;}
#acdnmenu02:after {content:'.';height:0;clear:both;display:block;visibility:hidden;} 
#acdnmenu02 ul, #acdnmenu02 li, #acdnmenu02 div.heading, #acdnmenu02 a.smLink, #acdnmenu02 div.description {*zoom:1;}
#acdnmenu02 li {*float:left;*width:100%;}

#acdnmenu02 ul
{
	position:relative;/*!*/
	overflow:hidden;
	padding:0;margin:0;list-style-type: none;
}
#acdnmenu02>ul{visibility: hidden;}
#acdnmenu02 li {padding:0;margin:0;}

#acdnmenu02 div.heading, #acdnmenu02 div.current
{
	position:relative;
    cursor: pointer;
	border-top:1px solid #D3D3D3;
	padding:14px 60px 16px;
}
#acdnmenu02 div.current{ border-bottom:1px solid #D3D3D3;}
#acdnmenu02 div.arrowImage {position:absolute; overflow:hidden;}
#acdnmenu02 .sub { background:#ebebeb;}

.current .sub{ height:auto}






/* ##### acdnmenu04 #####*/
/* ##### Top level items #####*/
#acdnmenu04
{
    /* Note about height: 
    Set "height:auto;" if flexible height is required. 
    A fixed height is prefered as content below the menu won't be pulled down/up when the menu is expanding/collapsing. */
}

#acdnmenu04 ul.top
{
	padding-left:0;
    background:#333;
    border-bottom:1px solid #d3d3d3;
}

#acdnmenu04 div.heading, #acdnmenu04 a.link
{
    text-align:left;
    color:Black;
    text-decoration:none;
    outline:none;
}

#acdnmenu04 div.current, #acdnmenu04 div:hover, #acdnmenu04 a.link:hover, #acdnmenu04 div.current a.link
{
    text-decoration:none;   
    background-position:0 -64px;
}


/* arrow image for the top headings */
#acdnmenu04 div.arrowImage {
    width:95px;
    height:30px;
    top:30%;
    right:40px; /* Changing it to "left:2px;" will position the arrow image to the left */
    background-image:url(../images/hide-show-icons-two2.png);
    background-position:right 0;
}

#acdnmenu04 div.current div.arrowImage {
    background-position:right -30px;
}

#acdnmenu04 li.separator
{
    border:none;
}


/* ##### Sub level items #####*/
#acdnmenu04 ul.sub
{
	padding-left:0; /*This determines the hierarchical offset*/ 
}

#acdnmenu04 ul.sub > li
{
	padding:16px 60px 22px;
	border-bottom:1px solid #aaa;
}

#acdnmenu04 ul.sub div.heading
{
    text-align:left;
    padding:5px; padding-left:20px;
    color:Black;
    background:none; 
}
#acdnmenu04 ul.sub div.heading a
{
    color:Black;
}

#acdnmenu04 ul div.heading h2{
	color:#fff;font-size:24px;
	/*text-transform:uppercase;*/
	line-height:40px;
	max-width:79%;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}

#acdnmenu04 ul.sub div.current
{
    color:Black;
    background:none; 
}

#acdnmenu04 ul.sub a.link
{
	display:inline-block !important;
	font-weight:300;
    color:#3b3b3b;
    text-decoration:none;
    background:none;
}

#acdnmenu04 ul.sub a.link:hover, #acdnmenu04 ul.sub a.current, #acdnmenu04 ul.sub div.heading a:hover, #acdnmenu04 ul.sub div.heading a.current
{
}

/*#acdnmenu04 ul div.heading:hover h2{
	text-shadow:1px 1px 1px #ccc;
}
#acdnmenu04 ul.sub a.link:hover
{
	text-shadow:1px 1px 1px #aaa;
}*/


#acdnmenu04 ul.sub div.arrowImage {
    width:95px;
    height:30px;
    top:6px;
    left:4px;
    background-image:url(hide-show-icons-two2.png);
    background-position:right 0;
}
#acdnmenu04 ul.sub div.current div.arrowImage {
    background-position:right -30px;
}



/* ##### Followings usually don't need modification ###### */
/*Hack the font-size:0 bug for IE6 */
#acdnmenu04,  #acdnmenu04 ul
{
    display:block;
    font-size:0px;
    line-height:0px;
	padding:35px 0 0;
}
#acdnmenu04 li {font-size:24px; line-height:normal;}
#acdnmenu04:after {content:'.';height:0;clear:both;display:block;visibility:hidden;} 
#acdnmenu04 ul, #acdnmenu04 li, #acdnmenu04 div.heading, #acdnmenu04 a.smLink, #acdnmenu04 div.description {*zoom:1;}
#acdnmenu04 li {*float:left;*width:100%;}

#acdnmenu04 ul
{
	position:relative;/*!*/
	overflow:hidden;
	padding:0;margin:0;list-style-type: none;
}
#acdnmenu04>ul{visibility: hidden;}
#acdnmenu04 li {padding:0;margin:0;}

#acdnmenu04 div.heading, #acdnmenu04 div.current
{
	position:relative;
    cursor: pointer;
	border-top:1px solid #D3D3D3;
	padding:14px 60px 16px;
}
#acdnmenu04 div.current{ border-bottom:1px solid #D3D3D3;}
#acdnmenu04 div.arrowImage {position:absolute; overflow:hidden;}
#acdnmenu04 .sub { background:#ebebeb;}

@media (max-width: 479px){
/*#acdnmenu ul div.heading h3{ line-height:normal;}
#acdnmenu div.arrowImage{ width:30px;}*/
#acdnmenu04 ul div.heading h2{ font-size:20px;}
#acdnmenu04 div.arrowImage{ width:30px; top:20%; richness:20px;}
#acdnmenu04 li{ font-size:20px;}
#acdnmenu04 div.heading, #acdnmenu04 div.current{ padding:4px 20px 6px}
#acdnmenu04 ul.sub > li{ padding:14px 20px;}
}


















/*ov*/
.container { padding:0 20px;}
.category-box { margin-top:12px;}
 hr { margin: 20px 0 15px; }
.billing-box {margin:28px 0;}
select.select-category-gray { height:56px;}
label.label-category-gray:after { height:52px;}
.billing-box-content{padding: 25px 30px 15px 20px; }
.search-area{ padding-bottom:27px;}
.breadcrumb { margin-top:16px;}

.contact-info a{display:block; padding:20px 0; border:3px solid #ebebeb; width:98%; text-align:center; margin-bottom:30px; color:#276b9d; text-decoration:none; }

.contact-form .blank{background-position:98% -985px}

.selected-address-content{padding:35px 35px 15px 35px ;}
.selected-address-content h3 { margin-top:0; font-style:italic;}


#nav li div div.phone-menu p a.call{ width:100%; display:inline-block; font-size:24px; text-transform:uppercase; text-align:center; color:#ebebeb; border-radius:4px; box-shadow:0 2px 0 #104267; padding:19px; margin:13px 0;
background: rgb(24,83,127); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(24,83,127,1) 0%, rgba(37,104,153,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,83,127,1)), color-stop(100%,rgba(37,104,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18537f', endColorstr='#256899',GradientType=0 ); /* IE6-9 */
}
background: -moz-linear-gradient(top,  rgba(24,83,127,1) 0%, rgba(37,104,153,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(24,83,127,1)), color-stop(100%,rgba(37,104,153,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(24,83,127,1) 0%,rgba(37,104,153,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18537f', endColorstr='#256899',GradientType=0 ); /* IE6-9 */
}
#nav li div div.phone-menu p a.call:hover{ text-decoration:none; text-shadow:1px 1px 1px #104267;
background: rgb(37,104,153); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(37,104,153,1) 0%, rgba(24,83,127,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(37,104,153,1)), color-stop(100%,rgba(24,83,127,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(37,104,153,1) 0%,rgba(24,83,127,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(37,104,153,1) 0%,rgba(24,83,127,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(37,104,153,1) 0%,rgba(24,83,127,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(37,104,153,1) 0%,rgba(24,83,127,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#256899', endColorstr='#18537f',GradientType=0 ); /* IE6-9 */
}
                  
.billing-box-content li div{}
.billing-box-content li div.half{float:left; width:47%;}

.billing-box-content label.residential { font-size:15px; line-height:19px;}

.billing-box-content .help span{display:block; font-weight:300; font-size:20px; color:#3c3c3c; }

.cart-box ul{ width:100%; float:left; display:inline-block; list-style:none; padding:0; margin:0;  border-bottom:2px solid #e3e3e3;}

.cart-box li strong, .cart-box li.ship-class-msg strong { float:left; width:64%; display:inline-block; font-size:24px; font-weight:700; background:#fff; color:#3a3a3a; padding:23px 22px 24px;}
.cart-box li strong input[type=text]{width:66px; font-size:24px; font-weight:900; text-align:center; border:2px solid #d4d4d4; border-radius:4px; background:#ebebeb; color:#3c3c3c; padding:5px 10px; margin:0;}
.cart-box li strong a{float:left; font-size:18px; font-weight:normal;color:#8b8b8b; line-height:30px; display:inline-block; background:url(/images/icon-remove.png) no-repeat right 0; padding:0 35px 0 0; margin-top:6px}
.cart-box li strong a.cartItem{font-size:24px; font-weight:700; background:#fff; color:#3a3a3a; padding:0px;background-image:none;display:inline-block;}

.cart-box li strong span.half { padding:0 0 0 10px;}

.cart-box li strong input[type=submit]{border:0; cursor:pointer; float:right; font-size:18px; font-weight:normal;color:#8b8b8b; line-height:30px; display:inline-block; background:url(/images/icon-remove.png) no-repeat right 0; padding:0 35px 0 0; margin-top:6px}

.cart-box li.calc-result{ width:100%; float:left; display:inline-block; background:#fff; border-bottom:1px solid #ebebeb; padding:10px;}
.cart-box li.calc-result label {display:inline-block; width:95%; float:left; font-weight:400; font-size:1em !important; }

.cart-box li strong input.calc-zip[type=text]{width:106px; font-size:24px; font-weight:900; text-align:center; border:2px solid #d4d4d4; border-radius:4px; background:#ebebeb; color:#3c3c3c; padding:5px 10px; margin:0;}
.cart-box li.calc-city {display:none;}

.cart-box li.ship-class-msg strong a{font-size:18px; font-weight:normal;color:#8b8b8b; line-height:30px; display:inline-block; background:none; padding:0 35px 0 0; margin-top:6px}

.cart-box li strong a.dwg{float:left; font-size:24px; font-weight:700;color:#000; line-height:30px; display:inline-block; padding:0; margin-top:6px;background-image: none;text-decoration:underline;}
.cart-box li strong a.freight-calc{float:left; font-size:24px; font-weight:700;color:#000; line-height:30px; display:inline; padding:0; margin-top:6px;background-image: none;text-decoration:underline;}

.order-box p { padding:20px;}
.order-box p.search { padding:10px;font-size:18px;}

.order-box li strong span {width:100%;padding:0;}

.order-box li.cart span{ width:60%; float:left; display:inline-block; font-size:24px; font-weight:400; color:#3a3a3a; padding:19px 35px 10px;}
.order-box li.cart strong{ width:40%; display:inline-block; font-size:24px; font-weight:700; color:#3a3a3a; text-align:right;}
.order-box li.cart strong span {width:100%;padding:0;}

.related-categories{padding-top:30px;padding-bottom:75px; position:relative;}


.new-cust { float:left; }
.login-area .login-button.new-cust{float:left;width:98%;margin-top:14px;}

input[type=checkbox].css-checkbox + label.css-label2 { padding-left:60px;height:46px; display:inline-block;line-height:26px;background-repeat:no-repeat;background-position: 0 0;font-size:18px;vertical-align:middle;cursor:pointer; }
input[type=checkbox].css-checkbox:checked + label.css-label2 { background-position: 0 -46px;}
label.css-label2 {background-image:url(/images/check-box.png);-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

input[type=checkbox].css-checkbox + label.css-label02 { padding-bottom:15px;}

a.searchPager { display: block;text-align: center;float: left;padding:10px 10px 10px 10px;border: 1px solid #ddd;background: #aaa;margin:5px;font-weight:bold;color:#fff;}

a.searchPager:hover { text-decoration:none;background:#78c9dd;color:#fff;}

.shipsImm { font-weight: bold;color: #980000; }


.cust-service ul {margin-bottom:25px;}
.cust-service li { list-style:none;}
.cust-service a{display:block; padding:20px 0; border:3px solid #ebebeb; width:98%; text-align:center; margin-bottom:30px; color:#276b9d; text-decoration:none; }
.cust-service a:hover{ text-decoration:underline; text-shadow:1px 1px 1px #999;}


.sub-category-text select { width:100%; height:66px; display:inline-block; outline:none; font-family:'Roboto'; border:2px solid #e3e3e3; background:#fff; color:#3c3c3c; line-height:30px; padding:10px 40px 10px 16px; cursor:pointer; font-size:24px; font-weight:300;}
.sub-category-text select::-ms-expand{visibility: hidden;}


.button-small{width:40%; font-size:18px;margin-bottom:10px;padding:15px 7px;}


.contact-area .login-text{ width:100%; display:inline-block; height:68px; font-size:26px; color:#3c3c3c; background:url(/images/login-icons.png) no-repeat right 10px #ebebeb; border:2px solid #e3e3e3; padding:10px; padding-right:65px; margin-bottom:18px !important;}
.contact-area .login-text.username{ background-position:right 10px;}
.contact-area .login-text.password{ background-position:right -47px;}


.category-desc-box{border:2px solid #ebebeb; overflow:hidden; padding-top:20px;}
.category-desc-box .expander{color:#3c3c3c; font-size:28px; text-align:left; padding:10px 30px!important; display:block; text-decoration:none; min-height:66px; line-height:45px; }
.category-desc-box .expander:hover{color:#3c3c3c;text-decoration:none;}
.category-desc-box .expanded {background:url(/images/icon-expand.png) no-repeat 97% 16px #fff;}
.category-desc-box .collapsed{background:url(/images/icon-collapse.png) no-repeat 97% 16px #fff;}
.category-desc-box-inner,.category-desc{padding:30px; float:left;background:#fff;border-top:2px solid #ebebeb /*border-left:2px solid #fff;border-right:2px solid #fff;border-bottom:2px solid #fff;*/}


label.breadcrumb-label:after { background:none;}

#nav li div div { z-index:500;}

label.breadcrumb-label { width: 100%;}

/* .add-to-cart span.itemPrice{width:auto;} */

.breadcrumb-select option{ font-weight:400; padding:0px 18px;}

.breadcrumb span{float:none; display:inline-block; margin:0px 0 0;}


.sub-category-box a.cat-list{ width:100%;}

#nav li div div.main-menu li a.desktop { background:#78c9dd;}

.sb-slidebar {-webkit-overflow-scrolling: touch; }
.chk-container { background:#fff;padding:25px 15px;}


 ul.bullet-list { padding: 10px 0px 10px 40px;}
 ul.bullet-list li { list-style:disc;overflow:visible;padding:0 0 5px 0}
 
 ol.order-list li { list-style:decimal;overflow:visible;}

#home1 { width:100%; background:#fff; border:1px solid #303030; left:0; padding:0px 0 0;margin-top:30px;}
#home1 ul{ width:100% !important;   float:none !important; display:inline-block !important; padding:0 0 0px; margin:0; position:relative; }
#home1 li{ width:100%; display:inline-block; border-top:2px solid #b0b0b0; padding:0; margin:0;}
#home1 a{ width:100%; display:inline-block; font-family:'Roboto Condensed'; font-size:24px; color:#232323; background:url(/images/tank-menu-right-arrow.png) no-repeat 96% 18px #fff; padding:20px 35px 24px 18px;}
#home1 a:hover{ text-decoration:none; text-shadow:1px 1px 1px #000; color:#74e3ff;}
#home1 h4 a:hover{ color:#fff;}

table.responsive { margin-bottom: 0;}
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 45%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.pinned table { border-right: none; border-left: none; width: 100%; }
.pinned table th, .pinned table td { white-space: nowrap; }
.pinned td:last-child { border-bottom: 0; }
	
div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; }
div.table-wrapper div.scrollable { margin-left: 45%; }
div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
div.productR { margin-top:25px;}
table.product-listing { width:100%;-webkit-text-size-adjust: 100%;font-size:13px; background:#fff;}
table.product-listing tr:nth-child(even) { background-color: #f1f1f1; }
table.product-listing td { }
table.product-listing th { background: #78c9dd;color:#fff;}

table.product-listing h3.p-list { font-size:13px;}
table.product-listing  a { text-decoration:underline;color:#000;font-weight:normal;font-size:13px;}
table.product-listing  a.cat-inv-avail {  color:#980000;}

.footer-toll-free p a,.footer-toll-free p a:active,.footer-toll-free p a:visited,.footer-toll-free p a:hover,.footer-toll-free p a:link{  color:#fff; }
.footer-toll-free p a:hover { text-decoration:none;}

.sub-category-box a.related{ display:block;float:none;background:#fff; border:2px solid #e3e3e3; border-radius:0 0 4px 4px;opacity: 1;transition: opacity .5s ease-out;-moz-transition: opacity .5s ease-out;-webkit-transition: opacity .5s ease-out;-o-transition: opacity .5s ease-out;}
.sub-category-box a.related:hover{ text-decoration:none;opacity:.8;}


.search-area .billing-box { margin:0; padding:20px;}
.search-area .billing-box .billing-box-content { padding:0;}
.topPhoneBox p a { color:#fff;}
.topPhoneBox p a:hover { text-decoration:none;}


.sub-category-box-related{ margin-top:20px !important;}
.sub-category-box-related:first-child{ margin-top:50px !important;}
.sub-category-box-related a{ display:block; float:none; background:#fff; border:2px solid #e3e3e3; border-radius:0 0 4px 4px;opacity: 1;transition: opacity .5s ease-out;-moz-transition: opacity .5s ease-out;-webkit-transition: opacity .5s ease-out;-o-transition: opacity .5s ease-out;}
.sub-category-box-related a:hover{ text-decoration:none;opacity:.8;}
.sub-category-box-related h3{ font-family:'Roboto Condensed'; font-size:28px; font-weight:700; line-height:38px; letter-spacing:-0.2px; color:#2970a4; padding:20px 25px 24px; position:relative;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.sub-category-box-related a:hover h3{ text-shadow:1px 1px 1px #ccc;}

.sub-category-box-related a.related:hover{ text-decoration:none;opacity:.8;}

.checkoutBreadCrumbs { font-size:14px;padding:0 0 0 10px;}
.checkoutBreadCrumbs span.checkoutProgressI { color:#999;display:none;}

.alert-box
{
color: #555;
border-radius: 10px;
padding: 10px 10px 10px 36px;
margin: 10px;
}
        
.alert-box span
{
font-weight: bold;
text-transform: uppercase;
}
.error
{
background: #ffecec url('images/error.png') no-repeat 10px 50%;
border: 1px solid #f5aca6;
}
.success
{
background: #e9ffd9;
border: 1px solid #a6ca8a;
}
.warning
{
background: #fff8c4 url('images/warning.png') no-repeat 10px 50%;
border: 1px solid #f2c779;
}
.notice
{
background: #e3f7fc url('images/notice.png') no-repeat 10px 50%;
border: 1px solid #8ed9f6;
}
/*ov*/


























/*resp*/
/* Portrait tablet to landscape and desktop */
@media only screen and (max-width: 880px) {
}

@media (min-width: 768px) {
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
}
@media (min-width: 600px){li.ph-box a.ph_num{font-size: 28px;}}

@media (max-width: 600px) {
/*breadcrumb*/
.breadcrumb p{ font-size:20px;}
select.breadcrumb-select { font-size:20px; padding-top:17px;}
.breadcrumb span{ margin-top:0px;/*20px;*/}

/*menu*/
#nav li div div.main-menu { width:560px;}

#nav li div div.phone-menu{ width:390px; padding:12px 15px 15px;}

#nav li div div.chat-menu{ width:560px; left:-68px;}

#nav li div div.cart-menu{ width:560px; right:0px;}

#nav li div div.login-menu{ width:560px;}

/* Modified Nov 17
#nav > li.tank-menu-area{ padding-left:10px;}
#pageslide{ width:432px;}
.tank-menu{ width:415px;}
*/

input.css-checkbox[type="checkbox"] + label.css-label02{ font-size:20px; line-height:30px;}

.home-box-text h3{ line-height:normal;}
.search-tabs li{width:31.3%;}

.header-top-menu .search-icon{ margin-left:16px; margin-right:14px;}/* Modified Nov 17*/
#nav > li > a{ padding:8px;}/* Modified Nov 17*/
/*.header-top-menu ul a#logo{ margin:17px 26px 0;} Modified Nov 21*/



.footer-logos img.mca{ width:100px;height:40px;}
.footer-logos img.usa{ width:52px;height:40px;}
.footer-toll-free{ padding: 13px 0 20px;}
.footer-toll-free p{ font-size:18px;}	 
}

@media (max-width: 568px) {
.footer-logos{ text-align:center;}

/*Category page*/
.category-box-text h3{ font-size:14px;min-height:48px;/*font-size:22px;*/}
.guarantee-box h2{ font-size:26px;}

.sub-category-c h3{ padding-left:20px;}
.sub-category-c ul li.label-box{ width:21%; padding-left:15px; padding-right:5px;}
.sub-category-c ul li.description{ width:58%;}
.sub-category-c ul li.view-link{ width:21%;}



/*Login page*/
.login-area .login-button{ padding:12px 30px;}

/*breadcrumb*/
label.breadcrumb-label { width:100%/*35%*/;}

/*menu*/
#nav li div div.main-menu { width:530px;}
#nav li div div.main-menu li a{ font-size:20px;}

#nav li div div.phone-menu{ width:334px;}
#nav li div div.phone-menu p strong{ font-size:30px;}
#nav li div div.phone-menu p span{ font-size:18px; background-position:0 20px; padding-top:12px;}

#nav li div div.chat-menu{ width:530px; left:-68px;}

#nav li div div.cart-menu{ width:530px; right:0px;}

#nav li div div.login-menu{ width:530px;}

#pageslide{ width:422px;}/* Modified Nov 18*/

.tank-menu{ width:405px;}
.search-tabs li{width:31.1%;}

/*.header-top-menu ul a#logo{ margin:17px 0 0;} Modified Nov 21*/

#home1 a { font-size:18px;}
}

@media (min-width: 568px) and (max-width: 767px) {
}

@media (min-width: 480px) and (max-width: 567px) {
.container{ padding-right:20px; padding-left:20px;}

/*Category page*/
.category-box .learn-more p{ font-size:18px;}
.category-box .learn-more p .white-arrow{ margin-top:4px;}

.sub-category-heading { padding-top:10px;}

/*breadcrumb*/
.breadcrumb p{ font-size:18px;}
select.breadcrumb-select { font-size:18px; padding-top:19px; padding-left:10px;}
select.breadcrumb-select option{ padding:12px;}
.breadcrumb span{ margin-top:0px/*22px;*/}

/*Login page*/
.login-area .login-links{ margin:30px 0;}
.login-area .login-links a{ font-size:21px;}
.login-area .login-links .seperator-bar{ height:45px; margin:6px 15px;}

/*menu*/
.header-top-menu li{}/* Modified Nov 17*/
#nav > li > a{ padding:5px;}
.header-top-menu li.menu a{ font-size:16px; padding:8px 10px 16px 10px !important;}
.header-top-menu li.menu a .menu-text{ padding-top:6px;}
.header-top-menu li.menu a .icon-bar{ margin-left:12px;}
#nav li div div.main-menu { width:440px;}
#nav li div div.main-menu li{ width:32%;}
#nav li div div.main-menu li a{ font-size:18px;}

#nav li div div.phone-menu{ width:300px;}
#nav li div div.phone-menu p strong{ font-size:26px; padding-right:12px;}
#nav li div div.phone-menu p span{ font-size:16px; background-position:0 18px; padding-top:12px;}
#nav li div div.phone-menu p a{ font-size:22px; padding:16px;}

#nav li div div.chat-menu{ width:440px; text-align:left; left:-52px;}

#nav li div div.cart-menu{ width:440px; right:0px;}

#nav li div div.login-menu{ width:440px;}

#pageslide{ width:397px;}/* Modified Nov 18*/

.tank-menu{ width:375px;}

/*.header-top-menu ul a#logo{ max-width:77%;} Modified Nov 21*/

.sticky-wrapper{ margin-bottom:0;}
}

@media (max-width: 480px) {
.slider-controls .slider-prev, .slider-controls .slider-next{ width:55px;}

/*Category page*/
.sub-category-c ul li.label-box{ padding-left:10px;}
.sub-category-c ul li.description{ padding:16px 10px;}
.sub-category-c ul li.description span{ padding:2px 0;}

/*cart menu*/
.cart-text-box p{ padding-top:8px;}
.cart-text-box .quantity{ font-size:18px;}
.cart-text-box p span{ font-size:16px;}

input.css-checkbox[type="checkbox"] + label.css-label02{ font-size:16px; line-height:24px;}

.share-box a img{ max-width:28px;}

.category-page .sticky-wrapper{ top:34px;}

.is-sticky #sticker{ width:43px;}

.search-tabs li{width:31%;}






.billing-box li div.half{float:none; width:98%;}
.billing-box li div.half:last-child{margin-top:20px;}

.button-small {width:95%;}
input[type=checkbox].css-checkbox + label.css-label2{font-size:17px!important; line-height:18px;/*line-height:22px*/}

.cart-box li strong a.cartItem{ font-size:16px; padding:0px;}

.cart-box li.ship-class-msg strong{ font-size:16px; padding:14px 16px 16px;}
.cart-box li strong a.dwg{ font-size:16px; padding:0px;}

.order-box li.cart span{ font-size:14px; padding:15px 5px 10px 15px}
.order-box li.cart strong{ font-size:16px; padding:14px 16px 16px;}

.cart-box li strong a{font-size:14px; float:none; margin-top:15px;}


.login-area .login-button.new-cust{font-size:18px;padding:10px 20px;}
.order-box p.search { font-size:15px;}

.tank-menu li a { font-size:14px;padding: 7px 25px 10px 12px;background: url(/images/tank-menu-right-arrow2.png) no-repeat 96% 10px #3b3b3b;}
.tank-menu li h4 { padding:10px 12px 12px; }

}

/* Landscape phones and down */
@media (max-width: 479px) {
body { font-size:18px;}
span.back-to-top{ width:40px; height:40px; background-size:100% auto;}
.container{ padding-right:10px; padding-left:10px;}
.search-area .search-text{ font-size:25px;}
/*.search-box .search-button{ margin-top:5px;}*/

hr.small-rule { height:2px;}

.container h1 { font-size: 15px;}


h2{ font-size:20px;}
.banner-text h2{ font-size:18px; line-height:28px;}
.banner-text{ padding:12px 20px;}
.slider-controls .slider-prev, .slider-controls .slider-next{ width:42px;}
.home-box a.cyan-arrow{ font-size:20px;}
h3{ font-size:18px;}
.home-box-text{ padding:15px 20px 20px;}
.home-box-text h3{ font-size:20px;}
.home-box-text p{ font-size:20px;}
.home-box .learn-more a{ font-size:20px;}
.home-box .learn-more a .plus-sign{ margin-top:4px;}
.blue-icon-box p{ line-height:normal; padding:10px 20px;}
.blue-icon-box h2{ padding:0 20px;}
.blue-icon-box h3{ padding:0 20px 4px;}
.blue-icon-box .icon{ right:22px;}
.blue-icon-box.call-now h2{ font-size:24px;}
.blue-icon-box.call-now p{ font-size:28px; padding:28px 20px 4px;}
.blue-icon-box .icon.phone{ width:50px;}
#acdnmenu ul div.heading h3{ line-height:normal;}
#acdnmenu div.arrowImage{ width:30px;}
#acdnmenu02 ul div.heading h2{ font-size:20px;}
#acdnmenu02 div.arrowImage{ width:30px; top:20%; richness:20px;}
#acdnmenu li, #acdnmenu02 li{ font-size:20px;}
#acdnmenu ul.sub > li{ padding:14px 35px 16px;}
#acdnmenu02 div.heading, #acdnmenu02 div.current{ padding:4px 20px 6px}
#acdnmenu02 ul.sub > li{ padding:14px 20px;}
.blue-icon-box.promotions h3{ font-size:24px; padding:20px 20px 4px;}
.blue-icon-box.promotions p{ padding:14px 20px;}
.blue-icon-box.promotions p a{ font-size:16px;}
.footer-toll-free, .footer-logos{ width:100%; padding-top:10px;}
.footer-toll-free p{ text-align:center;}

/*=========================================================================*/
/*Contact page*/
.contact-content{clear:both; width:98%;}
.contact-content br{display:none;}
.contact-content p{margin:15px 0 50px 0; line-height:25px;}
.contact-info{clear:both; width:98%;}
.contact-info a{padding:20px 0;}
.contact-form li{padding:0 0 20px 0;}
.contact-form li div{float:none; width:98%;}
.contact-form li div:last-child{margin-top:20px;}
.contact-form label{margin-bottom:10px; font-size:20px}
.contact-form .text-box{font-size:20px;}
.billing-box-content .text-box{font-size:20px;}

hr{margin:8px 0;}

.billing-box{margin:18px 0;}
.billing-box h2{ font-size:18px; padding-right:42px;}/* Modified Nov 25*/
.billing-box h2 span{ font-size:16px}
.billing-box .icon{ top:22px; right:8px}/* Modified Nov 25*/
.billing-box .icon2{ top:26px}/* Modified Nov 25*/
.billing-box .icon img{ width:30px; height:auto;}/* Modified Nov 25*/
.billing-box li div{float:none; width:98%;}
.billing-box li div:last-child{margin-top:20px;}
.billing-box-content label{font-size:20px}
.submit-button{font-size:17px !important;}
.billing-box-content .help{margin-top:5px!important;}
.billing-box-content .help span{padding:0px; font-size:14px;}
.billing-box-content .expiry{margin-top:5px!important;}
.billing-box-content .expiry label:first-child{display:none;}
input[type=checkbox].css-checkbox + label.css-label{font-size:17px!important; line-height:22px}
.checkout-button{margin:10px 0 32px;}

.saved-address h3.right-arrow{ font-size:16px;}/* Modified Nov 20*/
input.css-radiobox[type="radio"] + label.css-label-radio{ height:27px; line-height:27px; background-size:100%; padding-left:27px;}/* Modified Nov 25*/
input[type=radio].css-radiobox:checked + label.css-label-radio { background-position:0 -28px;}/* Modified Nov 25*/

.saved-address p{ max-width:78%; font-size:16px; line-height:22px;}/* Modified Nov 25*/
.address-btn-area p{ max-width:100%;}/* Modified Nov 20*/
.address-btn-area .ship-to-btn{ font-size:15px; padding:12px;}/* Modified Nov 20*/
.address-btn-area .edit-delete{ font-size:15px; padding:8px;}/* Modified Nov 20*/

.cart-box li span{ font-size:14px; padding:15px 5px 10px 15px;}
.cart-box li strong{ font-size:16px; padding:14px 16px 16px;}
.cart-box li strong input[type=text]{ font-size:16px;}
.order-box li span{ font-size:14px; padding:15px 5px 10px 15px}
.order-box li strong{ font-size:16px; padding:14px 16px 16px;}
.cart-box li strong a{font-size:14px; margin-top:4px;}
.product-area h1{font-weight:300; font-size:22px;}
/* .add-to-cart span{width:100%; float:none; margin-bottom:10px; padding:11px 25px;} */
.add-to-cart .submit-button{width:100%; float:none; padding:15px 15px;}
.product-box{margin:22px 0;}
.expander{font-size:20px;}
.feed-image{width:50%; float:none;}
.feed-image img{border:2px solid #ebebeb; margin-bottom:15px;}
.feed-desc{width:100%; float:none;}
.product-desc p, .feed-desc p{font-size:16px;}

/*=========================================================================*/

/*Category page*/
.category-page h1{ font-size:15px;}
/*.category-box{ width:100%; margin-left:0 !important; margin-right:0 !important;}*/
.guarantee-box h2 .trophy{ margin-top:-25px; margin-right:10px;}
.guarantee-box p{ line-height:32px;}

.sub-category-page h1{ font-size:15px; padding:0;}
.sub-category-text p{ font-size:18px; line-height:26px; padding-top:10px;}
select.select-category{ font-size:18px; padding-top:18px;}
.sub-category-box h3{ font-size:20px; line-height:30px; padding:18px 15px 20px;}
.sub-category-box ul li span{ font-size:14px; padding:15px 5px 10px 15px}
.sub-category-box ul li strong{ font-size:16px; padding:14px 16px 16px;}
.sub-category-box ul li.price span{ font-size:18px; padding:16px 5px;}
.sub-category-box ul li.price strong{ font-size:16px; padding:18px 15px;}
.sub-category-box ul li.price strong .white-arrow{ margin-top:0;}

.sub-category-heading{ padding:0;}

.sub-category-c h3{ font-size:20px; line-height:26px; padding:14px 15px 16px;}
.sub-category-c ul li.label-box{ width:24%; font-size:14px; padding:19px 4px 10px 8px;}
.sub-category-c ul li.description{ width:54%; padding:15px 6px;}
.sub-category-c ul li.description strong{ font-size:15px;}
.sub-category-c ul li.description span{ font-size:15px; padding:3px 0;}
.sub-category-c ul li.view-link{ width:22%;}
.sub-category-c ul li.view-link strong{ font-size:15px; padding:16px 8px 20px;}
.sub-category-c ul li.view-link strong .white-arrow{ margin-top:-1px;}

.sub-category-box-related h3{ font-size:20px; line-height:30px; padding:16px 15px 18px;}

.category-desc-box-inner, .category-desc { padding:0 20px 20px 20px;}
/*.sub-category-image { display:none;}*/

.category-desc-box .expander { font-size:22px;}
   

/*breadcrumb*/
.breadcrumb p{ font-size:18px;}
label.breadcrumb-label { width:100%/*150px;*//*31%;*/}
label.breadcrumb-label:after{ height:60px;}
select.breadcrumb-select { height:64px; font-size:18px; /*padding-top:20px; padding-left:5px;*/}
select.breadcrumb-select option{ padding:12px;}
.breadcrumb span{ font-size:13px; /*margin-top:20px;width:155px; margin-left:5px;*/}
/*.breadcrumb span.right-arrow{ display:none;}*/

/*Login page*/
.login-area .login-links{ margin:15px 0;}
.login-area .login-area label{ font-size:24px; padding-top:5px;}
.login-area .login-text{ font-size:20px;}
.login-area .login-links a{ font-size:21px;}
.login-area .login-links .seperator-bar{ height:45px; margin:6px 15px;}
.login-area .login-button{ float:left; font-size:20px; padding:13px 40px; margin-top:20px;}

/*menu*/
/*#nav > li{ max-width:47%;} Modified Nov 21*/
.header-top-menu ul a#logo{ max-width:34%; margin-top:12px;}/* Modified Nov 21*/
 .header-top-menu ul a#logo {max-width: 92%;margin-top: 7px;margin-left: 6px;} 
.header-top-menu .user-icon{ width:25px; height:25px; background-size:100% auto;}
.header-top-menu .cart-icon{ width:25px; height:25px; background-size:100% auto; margin:4px 7px 2px;}/* Modified Nov 17*/
.header-top-menu .search-icon{ width:20px; height:20px; background-size:100% auto; margin:7px 6px 2px 9px;}/* Modified Nov 17*/
.header-top-menu .phone-icon{ width:20px; height:25px; background-size:100% auto;}
.header-top-menu .chat-icon{ width:26px; height:25px; background-size:100% auto;}
.header-top-menu .tank-icon{ width:21px; height:15px; background-size:100% auto; margin:9px 4px 5px 4px;}/* Modified Nov 17*/
#nav > li.selected  > a .user-icon{ background-position:0 -25px;}
#nav > li.selected  > a .cart-icon{ background-position:0 -26px;}
#nav > li.selected  > a .phone-icon{ background-position:0 -24px;}
#nav > li.selected  > a .chat-icon{ background-position:0 -24px;}
#nav > li.selected  > a .tank-icon{ background-position:0 -28px;}
.header-top-menu li.menu{ float:right !important; padding-right:5px;}
.header-top-menu li.menu a{ font-size:12px; font-weight:400; line-height:14px; padding:8px 10px !important;}
.header-top-menu li.menu a .icon-bar{ width:20px; height:15px; background-size:100% auto; margin:4px 0 6px 10px;}
.header-top-menu li.menu.selected a .icon-bar{ background-position:0 -14px;}
#nav li div div.main-menu { width:290px; right:0;}
#nav li div div.main-menu li{ width:48%;}
#nav li div div.main-menu li a{ font-size:16px; padding:6px 10px 10px !important;}

#nav li div div.phone-menu{ width:290px; left:-81px;}
#nav li div div.phone-menu p strong{ font-size:24px;  padding-right:12px;}
#nav li div div.phone-menu p span{ font-size:15px; background-position:0 17px; padding-top:12px;}
#nav li div div.phone-menu p a{ font-size:20px; padding:14px;}

#nav li div div.chat-menu{ width:300px; text-align:left; left:-35px; padding:10px 0;}
#nav li div div.chat-menu h2{ font-size:24px; padding:0 15px 15px;}
#nav li div div.chat-menu p{ font-size:18px; line-height:30px; padding:10px 15px;}
.chat-form{ padding:10px 15px 0 15px; }
.chat-form {padding: 5px 4px 0 10px;} 
.chat-form label{ font-size:20px;}
.chat-form .chat-text{ font-size:18px; padding:10px 15px; /*margin:0!important;*/}
.chat-form .chat-text {width:80%;font-size: 16px;padding: 4px 15px;}
.chat-form .send-message-button{ font-size:20px; padding:10px 10px 12px;}
/*.search-button{width:56px; height:47px; right:8px; top:10px;
background:url(../images/search-icon-small.png) no-repeat 0 -2px;
transition: background-position .3s;
background-color: rgb(24,83,127); 
}
.search-button:hover {border:2px solid #79cade; background-position:0 -50px;}*/

.search-button {width: 56px;height: 31px;right: 8px;top: 0px;background-size: 55px;}
.search-box:hover .search-button, .search-button:hover {background-color: #7ed0e5;background-position: center -30px;}
    
/*cart menu*/
.header-top-menu .cart-items{ width:19px; height:19px; font-size:10px; line-height:18px; right:9px; bottom:9px;}/* Modified Nov 17*/
#nav li div div.cart-menu{ width:300px; right:0px;}
.cart-top-box{ padding:0 10px 5px !important; margin-top:15px !important;}
.cart-image-box{ width:24% !important;}
.cart-text-box{ width:76% !important; padding:0 32px 0 10px !important;}
.cart-text-box h4{ font-size:16px;}
.cart-text-box p{ padding-top:5px;}
.cart-text-box .quantity{ font-size:16px; padding:5px;}
.cart-text-box p span{ font-size:14px; padding:8px 12px 11px; margin-left:10px;}
.cart-top-box .remove-item{ width:29px; height:29px; background-position:center; right:10px; top:40%;}
.cart-bottom{ padding:15px 10px !important; margin-top:15px !important;}
.cart-bottom .empty-cart-button{ font-size:16px; padding:10px 20px 13px;}
.cart-bottom .checkout-button-top{ font-size:16px; padding:10px 20px 13px;}

/*login menu*/
#nav li div div.login-menu{ width:290px;}
.login-menu h1{ font-size:24px; padding:14px 20px 0;}
.login-menu .login-top a{ font-size:16px; padding:14px 30px;}
.login-menu .login-menu-form p{ padding:6px 18px 5px;}
.login-menu .login-menu-form p a{ font-size:18px; letter-spacing:-0.4px; padding:0 14px;}
.login-menu label{ font-size:20px;}
.login-menu .login-text{ font-size:18px;}
.login-menu .login-text.zip-code{ width:65%;}
.login-menu .login-button{ font-size:20px;}

#pageslide{ width:277px;}/* Modified Nov 18*/

/*tank menu*/
.tank-menu{ width:260px; padding-top:5px;}
.tank-menu h3{ min-height:50px; padding:0 14px;}
.tank-menu h3 .sb-close{ margin-top:0;}
.tank-menu h3 .sb-close-icon{ width:16px; height:11px; background-size:15px auto; margin-top:4px; margin-left:13px;}
.tank-menu h4{ font-size:16px; padding:10px 12px 12px;}
.tank-menu a{ font-size:12px;}
.tank-menu a.contactUsBtn{ padding:4px 10px 5px; margin-top:0;}

.tank-menu h4 a{ font-size:14px; }

.topPhoneBox p{ display:inline-block; font-size:18px; background-size:100%; padding:2px 35px 4px;}

#header{ padding-top:78px;}
#header {padding-top: 68px;}
li.ph-box a.ph_num{ font-weight: bold;color: #fff;padding-top: 17px!important;font-size: 18px;}
/*rslides*/
.rslides_tabs a { height:25px;}
.rslides_tabs .rslides_here a {
  background-position:0 -40px !important;
  }

.category-page .sticky-wrapper{ top:28px;}


/*#nav li div div.chat-menu{ width:280px; left:-95px; right:auto;}*/
#nav li div div.phone-menu{ width:290px; left:-41px;}

/*.header-top-menu li{ padding-right:10px;}*/
.cart-box li strong input[type=submit] { background-image:none;padding:0;}

#home1 a { font-size:16px;}


 .footer-logos img.mca{ width:70px;height:27px;}
 .footer-logos img.usa{ width:39px;height:27px;}
 .footer-toll-free p{ font-size:15px;}
 .footer-logos{ width:45%;}
 .footer-toll-free{ width:55%; }
 
 
  .search-area .search-text{ font-size:19px;}
	 .search-area .search-box { height:52px;}
	 .search-box .search-button{width:60px; height:52px;background:url(/images/search-icon3.png) no-repeat 0 0;}
	 .search-box:hover .search-button, .search-button:hover {background-position:0 -53px;}
	 

.selected-address-content{padding:15px 15px 5px 15px ;}
.selected-address-content h3 { margin-top:0; font-style:italic;}
}

@media (min-width: 321px) and (max-width: 479px) {
    .breadcrumb span{margin-top:0px;width:auto;/*margin-top:20px;width:110px;*/}
    #nav li div div.tank-menu h3 { width:95%;}
}

@media (max-width: 320px) {
	.search-tabs li{width:30.2%;}
	.search-tabs li a{font-size:15px;}
	
	.breadcrumb span{ width:auto; /*margin-top:20px;width:100px;*/}
	 #nav li div div.tank-menu h3 { width:95%;}
	 select.select-category-gray { font-size:18px;}
	 
	
	 /*.header-top-menu li.menu a .menu-text{  display:none;}*/
	 input.css-checkbox[type="checkbox"] + label.css-label02{ font-size:15px; line-height:22px;}
	 
	 #home1 a { font-size:14px;}
	 #home1 a{ padding:21px 35px 28px 18px;}
	 
	 .login-area .login-button.new-cust{font-size:17px;padding:10px 16px;}
	 
	 
}

@media (max-width: 529px) and (min-width:480px){ .search-button { width:50px;} #header {padding-top: 80px;}}

@media (max-width: 415px){#header {padding-top: 62px;} }
@media (max-width: 399px){#header {padding-top: 54px;} }

@media (max-width: 351px){#header {padding-top: 54px;} li.ph-box a.ph_num{ font-size: 14px;} .header-top-menu ul li.logo-box { max-width:35%; margin-top:3px;}.chat-form .chat-text { width:77%;}}

#mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif; font-size: 15px; border: 1px solid #ABB0B2;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: #fff; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0; width:350px; vertical-align:top;}
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: #aaa; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
@media (max-width: 768px) {
    #mc_embed_signup input.email {width:100%; margin-bottom:5px;}
    #mc_embed_signup .clear {display: block; width: 100% }
    #mc_embed_signup .button {width: 100%; margin:0; }
}
#mc_embed_signup{background:#fff; clear:left; font:13px Helvetica,Arial,sans-serif; width:100%;padding-top:5px;text-align:left;}
#mc_embed_signup label { font-size:14px;}
#mc_embed_signup input.email { width:250px;font-size:13px;}
#mc_embed_signup .button { padding:0 5px;width:250px;}



table.radioButtonList tr td input[type=radio] { display:none;}


table.radioButtonList tr td input[type=radio] + label {
padding-left:50px;
min-height:30px;
max-height:100px;
display:inline-block;
line-height:36px;
background-repeat:no-repeat;
background-position: 0 2px;
font-size:22px;
vertical-align:middle;
cursor:pointer;
margin-bottom:0;
}
table.radioButtonList tr td input[type=radio]:checked + label {
background-position: 0 -43px;
}
table.radioButtonList tr td span.rightrdo { margin-left:20px;}
table.radioButtonList label {
background-image:url(/images/check-box-smallround.png);
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

input[type=radio].css-radiobox {
    display: none;
}