@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', sans-serif;
	font-weight:400;
	font-size:24px;
	color:#3c3c3c;
	-webkit-font-smoothing:antialiased;
	background:#ccc;
}

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.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-family:'GothamLightRegular'; font-size:36px; font-weight:normal; letter-spacing:-0.8px; color:#fff;}
.blue-icon-box.call-now p{ font-family:'GothamMediumRegular'; 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)
------------------------------------*/
#header{ padding-top:141px;}
.header-top.fixed { width:640px; max-width:100%; position:fixed; top:0; z-index:9999;}

.header-top-menu{ border-bottom:8px 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;}
.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 */
}
.search-button:hover {border:2px solid #79cade; background-position:0 -70px;}
/*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;}


/*Logo and search*/
.search-area{ background:#fff; padding-top:19px; padding-bottom:42px;}
.header-top-menu ul li.logo-box{ width:100%; display:inline-block; text-align:center; position:absolute; left:0;}/* Modified Nov 21*/
.header-top-menu ul a#logo{ max-width:32%; 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; background:#f7f7f7; border-bottom:1px solid #ebebeb; padding:0;}
.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;}
.expanded {background:url(/images/icon-expand.png) no-repeat 97% 16px #ebebeb;}
.collapsed{background:url(/images/icon-collapse.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;}