/* Basic Element Formatting ------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal;}
ol,ul {list-style:none;}
caption,th {	text-align:left;}
q:before,q:after {	content:'';}
abbr,acronym { border:0;}
a{ outline:none;}
a, a:hover {color:#545041;	text-decoration: none;}
a:hover { text-decoration:underline;}

/* New Selectors ------------------------------------------------------------- */
h1 {font-weight: normal; text-transform:uppercase;}
.jssPageSubHeading, .jssPageHeading {clear: both; background:#17212a; width:100%; height:36px; font-size:18px; color:#fff; text-indent:9px; line-height:36px; margin: 0 0 20px 0;}
.margTop{ margin-top:15px;}
body{ background:#82c9f6 url(../../../../images/body.png) repeat-x top; text-align:center; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
#page_container{ text-align:left; margin:0 auto; width:950px;}
#header{ width:950px; height:100px; position:relative; display:block;}
#header #logo{ width:303px; height:79px; position:absolute; left:0; top:11px;}
#header #header_gas{ width:88px; height:99px; position:absolute; right:-3px; top:0px;} 
#main_content{ width:950px; background:#fff;}
#main_content_pad{ padding:0 0 0 1px;}
#gutter{ width:205px; float:left; min-height:770px;}
#main{ width:744px; float:left;}
#main_pad_home{ padding:2px 4px 0 4px;}
#main_pad_sub{ padding:0 11px 0 11px;}
.gutter_box{ width:205px; display:block; border-top:solid 1px #d9d1d1; border-bottom:solid 1px #d9d1d1; background:url(../../../../images/gutter_box.png) repeat-y;}
.gutter_menu_pad{ padding:1px 2px;}
.gutter_banner_pad{ padding:10px 1px;}
.gutter_box_title{ width:100%; height:25px; display:block; background:#152c40; color:#fff; font-size:15px; line-height:25px; text-indent:10px; text-transform:capitalize;}
#banner_home_top{ margin-bottom:5px;}
#banner_sub{ width:736px; height:262px; position:relative;}
#banner_sub_left{ width:241px; height:262px; position:absolute; left:0; top:0;}
#banner_sub_mid{width:242px; height:262px; position:absolute; left:247px; top:0;}
#banner_sub_right{width:241px; height:121px; position:absolute; right:0; top:0;}
#banner_sub_nl{width:241px; height:135px; position:absolute; right:0; bottom:0; background:url(../../../../images/banner_sub_nl.gif) no-repeat;}
.home_box{ width:736px; display:block; border-top:solid 1px #d9d1d1; border-bottom:solid 1px #d9d1d1; background:url(../../../../images/home_box.png) repeat-y; margin:10px 0;}
.home_box_pad{  padding:0px 23px 8px 23px;}
.sub_box{ width:722px; display:block; border-top:solid 1px #d9d1d1; border-bottom:solid 1px #d9d1d1; background:url(../../../../images/sub_box.png) repeat-y; margin:10px 0;}
.sub_box_pad{ padding:8px;}
.prod_desc_box{border:solid 1px #d9d1d1;}
#prod_desc_table{padding:10px 0;}
#section_desc{background:#17212a; color:#fff; padding:8px 5px; margin-bottom:10px;}
#banner_sub_nl table{ margin:10px 0 0 10px;}
#banner_sub_nl table td img{ padding-bottom:15px;}
#header #header_tel{ width:200px; height:39px; position:absolute; right:99px; top:48px;} 
#header ul#menu_top{ width:560px; height:30px; position:absolute; right:93px; top:11px; list-style-type:none; text-align:right; margin:0; padding:0;} 
#header ul#menu_top li{ display:inline; color:#c4c4c6;  margin:0; padding:0 0 0 12px;}
#header ul#menu_top li a{color:#c4c4c6; text-decoration:none;}
#header ul#menu_top li a:hover{ text-decoration:underline;}
#header #header_search{ width:238px; height:24px; position:absolute; left:321px; bottom:7px;} 
.button{ border: none 0; margin:0; padding:0;}
.newsletter_join{ width: 163px; font-size:12px; font-style:italic; color:#838181;}
input.searchbox{ font-size:12px; font-style:italic; width:174px; height:20px; line-height:20px; padding:0; margin:0; text-indent:10px; color:#838181; border: solid 1px #bbbdbf; position:relative; top:1px; background:#fff; padding:0;}
input, select, textarea{ border: solid 1px #b4af9a; padding:3px 2px; font-size:11px;}
.chkbox, .submit-btn, .submitbtn{ border: none 0!important; padding:0;}
#footer{ width:100%; background:#17212a url(../../../../images/footer.png) repeat-x top; min-height:50px; display:block;}
#footer_pos{text-align:left; margin:0 auto; width:950px; color:#c4c4c6;}
#footer ul#footer_links{ width:600px; height:50px; line-height:50px; float:left; margin:0; padding:0;}
#footer ul#footer_links li{ display:inline;margin:0; padding:0 12px 0 0; }
#footer ul#footer_links li a{color:#c4c4c6; text-decoration:none;}
#footer ul#footer_links li a:hover{ text-decoration:underline;}
#footer #credit{ width:300px; height:50px; line-height:50px; float:right; text-align:right;}
#footer #credit a{color:#82c9f6; text-decoration:none;}
#footer #credit a:hover{text-decoration:underline;}
.clearit{ font-size:0; line-height:0; height:0; clear:both;}
.prodblock_home{ width:158px; height:222px; display:block; float:left; margin:0 19px 10px 0;}
.hzPblock_title{ color:#17212a; font-size:18px; font-weight:normal;}
.hzPblock_price{ color:#e10a16; font-size:18px; font-weight:normal;}
table.pblock_table{ margin-top:2px; margin-left:2px;}
td.pblock_img a img{ max-width: 150px; max-height:150px;}
td.pblock_title{ text-align:center;}
td.pblock_title a{ color:#2e2c2c; text-decoration:none; font-size:11px;}
td.pblock_title a:hover{ text-decoration:underline;}
td.pblock_price{ color:#e00916; font-weight:bold; font-size:14px; padding-left:10px;}
td.pblock_more{ text-align:right; padding-right:10px;}
.sectblock_item{ width:150px; height:180px; display:block; float:left; margin:0 24px 10px 0;}
.sub_box_pad_section{ padding:0px 23px 8px 23px;}
table.sblock_table td{ text-align:center;}
td.sblock_img a img{  max-width: 150px; max-height:150px;}
td.sblock_title{ padding:2px 0;}
td.sblock_title a{ color:#1b1a1a; text-decoration:none; font-size:12px; font-weight:bold; display:block; padding-left:5px; line-height: 12px;}
td.sblock_title a:hover{ text-decoration:underline;}
td.sblock_sdesc{ color:#fff; font-size:11px; padding-left:5px; padding-right:5px; line-height:12px;}
#prod_table{ margin-top:6px;}
.p_price{ font-size:24px; font-weight:bold; color:#cd180e;}
.p_rrp{ font-size:12px; color:#908a73;}
.p_save{ font-size:14px; color:#cd180e;}
.p_main_container {width:267px;}
.p_main{ width:250px; display:block; border:solid 1px #d0d0d0;}
#picture_thumbs{ margin-top:4px;}
.p_thumb{ width:78px; height:78px; border:solid 1px #d0d0d0; float:left; display:block; margin-right:6px;}
.clearit_thumb{clear:both; height:0; line-height:0; font-size:0; padding-top:4px;}
.p_click_img{display:block; margin-top:4px;}
.view{ float:right; text-align:right; width:150px; }
.view a{font-size:13px; color:#c4c4c6; text-decoration:underline; padding-right:10px;}
.view a:hover{text-decoration:none; color:#c4c4c6; }

/* Section And Listing Styles ------------------------------------------------------------- */
div#pagescontainer {	float: right;	position: relative;top: 0px;	padding: 1px;margin-bottom: 5px;}
ul#pageslist {	margin-left: 0;	padding-left: 0;	white-space: nowrap;	margin-top: 0px;	padding-top: 0px;margin-bottom: 0px;	margin-right: 0px;}
#pageslist li {	border: 1px solid #fff; 	background-color: #fff; 	color: #17212A;display: inline;	list-style-type: none;	margin: 0px;	padding: 0px;	
margin: 0px; font-weight: normal; font-size: 12px;}
#pageslist a {color: #fff; text-decoration:none;	background-color: #17212A;	padding: 0px 3px 0px 3px; 	margin: 0px; 	font-weight: normal; font-size: 12px;}
#pageslist a:link, #npageslist a:visited {	color: #fff;	background-color: #17212A;text-decoration: none;}
#pageslist a:hover {	color: #fff;	background-color:#82C9F6;text-decoration: none;}
div#jssMainContent {}
.jssBreadcrumb { margin-bottom: 2px; color:#17212a; text-transform:lowercase; font-size:11px; height:30px; line-height:30px;}
.jssBreadcrumb a{ text-transform: capitalize; color:#17212a !important; font-size:11px;}
.snippet_mid ul {	margin: 0px; padding: 0px; list-style-type: none;}
.snippet_mid ul li{background: url(../../../../images/menuleft_divider.png) no-repeat bottom; } 
.snippet_mid ul.jssSubSectionList li{ background:none !important;}
.snippet_mid ul li a{ color:#4b4639; font-size:12px; display:block; padding:3px 0; width:172px;} 
.snippet_mid ul.jssSubSectionList li a{ font-size:11px !important; padding:2px 0 !important;}
.snippet_mid ul li a:hover{text-decoration:none !important; /*background-color:#B4AF9A;*/ color:#d71a10;} 
.jssFormTable {	margin-left: auto;  margin-right: auto;	padding: 0px; border: 0px; width:100%;}
.jssCartTable {	margin-left: auto; margin-right: auto;	padding: 0px;	border: 0px; width:100%;}
.adselect {font-size:9px; color: #ff0000; font-weight:bold;}
.jssSubSecDiv3 {float: left;width: 150px;height: 190px;padding-left: 35px;}
.jssBoldLinks2 { 	font-size: 9px;	text-decoration: none; 	font-weight: bold;}
.adPageSubHeading {	font-size: 10px;	font-weight: bold;	padding: 2px;	margin-bottom: 5px;	margin-top: 5px;	clear: both;}

/* Multiple-Use Selectors ------------------------------------------------------------- */
.clearLeft {	clear: left;}
.clearBoth {	clear: both;}
.floatRight {	float: right;}
.center {	text-align: center;}

/* Standard text and link formatting ------------------------------------------------------------- */
.jssSmallerText {	font-size: 9px;	width: 100%;}
.jssBoldLinks {}
.jssProductTitle {		color:#fff;font-size: 10px;	text-decoration: none; }
.jssProductTitle:hover {color:#ff8d29;	font-size: 10px;	text-decoration: none; }
.jssPrice {	color: #800000;	font-weight: bold;	font-size: 9px;}
.jssProductLinks, jssProductLinks:link {color: #f08100;	padding: 1px 1px;	margin: 2px 2px 0px 0px;	font-size: 9px;	white-space: nowrap;	font-weight: bold;	border: 0px;	cursor: pointer;}
.jssProductAdd {height: 20px;	padding: 1px 3px 1px 3px;	margin-left: 0px;	padding-top: 0px;	font-size: 9px;	border: 0px;	text-align: center;	cursor: pointer;}
.jssProductAdd, .jssProductAdd:link{	background-color: #603054;	border: 1px solid #603054;	color: #fff;}

/* Header Styles ------------------------------------------------------------- */
img#jssLogo {	float: left; border: 0px;}
div#jssHeader {	color: #040;	background-color: #8dbfff;	border-bottom: 1px solid #0b51ab;font-size: 12px;	margin: 0;	width: 100%;	height: 70px;}
div#jssSubHeader {color: #ffffff;	background-color: #3586ef;	font-size: 12px;	font-weight: bold;	margin: 0;	width: 100%;	padding-top: 3px;	padding-bottom: 3px;}
span#jssWelcome {	padding-left: 5px;	font-weight: normal;	font-size: 9px;}
span#jssDate {	float: right;	padding-right: 5px;}
div#navcontainer {	float: right;	position: relative;	display: inline;	top: -5px;}
ul#navlist {	margin: 0px;	padding: 0px;	white-space: nowrap;	}
#navlist li {	display: inline;	list-style-type: none;	margin: 0px;	padding: 0px;}
#navlist a {	border: 0px solid #0b51ab; 	border-left: 2px solid #d2e6fe;padding: 1px 2px;	margin-right: 2px;	margin-bottom: 0px;	font-weight: normal;	font-size: 9px;}
#navlist a:link, #navlist a:visited {color: #000000;	background-color: #8dbfff;	text-decoration: none;}
#navlist a:hover {	color: #fff;	background-color: #036;text-decoration: none;}
.jssHeaderBlock{	border: 1px solid #ffffff;	background-color: #539dfb; margin: 5px;	margin-left: 0px;	padding: 0px;	float: right;	display: inline;	height: 80%;	font-size: 12px;}
.jssHeaderBlockTitle{background-color: #3586ef;	color: #ffffff;	padding: 1px 5px;	font-size: 9px;	font-weight: bold;}
.jssHeaderBlockContent{	background-color: #539dfb;	color: #ffffff;	padding: 1px 5px;	font-size: 9px;	font-weight: normal;}
.jssHeaderBlockLinks {	margin-top: 4px; margin-bottom: 2px; text-align: right;}

/* Left Column ------------------------------------------------------------- */
div#jssLeftMenu {color: #000000;	font-size: 12px;	width: 170px;	padding-top: 3px; margin-left: 0px;float: left;}
.jssSubSectionList {	margin: 0px; padding: 0px; padding-left: 14px;  list-style-type: square;}
.jssCustomerLinks {	margin: 0px; padding: 0px; padding-left: 5px; list-style-type: none;}
.jssNewsLinks {	margin: 0px; padding: 0px; padding-left: 17px; list-style-type: square;}

/* Right Column ------------------------------------------------------------- */
div#jssRightMenu {color: #000000;	font-size: 12px;     	width: 170px;	padding-top: 0px;margin-right: 0px; float: right;}

/* Right and Left Menu Box Style ------------------------------------------------------------- */
.jssMenuBox {	width: 168px;	margin-top: 10px;border: 1px solid #666666;}
.jssMenuBoxTitle {	color: #ffffff;	background-color: #3586ef;border-bottom: 1px solid #0b51ab;font-size: 9px;	font-weight: bold;	width: 100%;	text-align: center;}
.jssMenuBoxContent, .jssMenuBoxContentCent {	border-top: 1px solid #5faaf9;	border-bottom: 1px solid #5faaf9;	background-color: #fff;padding-top: 5px;	padding-bottom: 5px;	padding-left: 2px;	font-size: 10px;	height: 1%;}
.jssMenuBoxContent {	text-align: left;}
.jssMenuBoxContent:after { content: ""; display: block; height: 0; clear: both; }
.jssMenuBoxContentCent {	text-align: center;}

/* Main Content (Middle) Styles ------------------------------------------------------------- */
div#jssMainContent:after { content: ""; display: block; height: 0; clear: both; }

/* Footer Styles ------------------------------------------------------------- */
div#jssFooter {	color: #000000;margin: 0;	width: 100%;	clear: both;}
div#jssFooterLinksDiv {	margin-left: auto;	margin-right: auto;	text-align: center;	margin-top: 15px;	margin-bottom: 10px;	font-size: 12px;}
ul#jssFooterLinks	{	margin-left: 0;	padding-left: 0;	white-space: nowrap;	margin-top: 0px;	padding-top: 0px;	margin-bottom: 0px;	margin-right: 0px;}
#jssFooterLinks li {	display: inline;	list-style-type: none;	margin: 0px;	padding: 0px;	padding-left: 2px;	padding-right: 2px;	font-weight: bold;}
#jssFooterLinks a { color: #000000;	padding: 1px 1px;	margin: 2px 2px 0px 0px;	font-size: 9px;	white-space: nowrap;}
#jssFooterLinks a:link, #jssFooterLinks a:visited {		color: #f08100;text-decoration: none;	font-weight: bold;}
#jssFooterLinks a:hover {color: #000;	text-decoration: underline;	font-weight: bold;}
div#jssUsersOnline {	margin-left: auto;	margin-right: auto;	text-align: center;	clear: both;	font-size: 9px;}
div#jssCopyright {	margin-top: 10px;	margin-left: auto;	margin-right: auto;	text-align: center;	clear: both;	font-size: 9px;}

/* General Form Styling ------------------------------------------------------------- */
.jssForm {}
.jssFormRow {	clear: both;	height: 15px;	font-size: 10px;	margin: 5px 0 0 0;} 
.jssFormCol1 {	float: left;	width: 150px;	text-align: left;	height: 15px;	padding: 2px;	margin-right: 2px;	font-weight: bold;}
.jssFormCol2 {	float: left;	text-align: left;}	
.jssError {	font-size: 9px;	font-weight: normal;	color: #f00;}
.jssFormDiv {	text-align: center;}
.jssFormTable caption {margin-left: auto;  margin-right: auto;	font-size: 10px;}
.jssFormTable th {	font-weight: bold;	padding: 2px;	text-align: left;	font-size: 11px; vertical-align: top;	padding-top: 3px;}
.jssFormTable td {	font-weight: normal;	padding: 2px;	text-align: left;	font-size: 11px;}
.jssFormError {	font-weight: bold;	font-size: 9px;	color: #f00;}

/* Cart Styling ------------------------------------------------------------- */
.jssCartDiv {	text-align: center;}
.jssPCentered {	text-align: center;}
.jssCartTable caption {	border-bottom: 1px solid #B4AF9A; margin-left: auto;  margin-right: auto;	font-size: 12px;}
.jssCartTable th {	border-bottom: 1px solid #B4AF9A; font-weight: bold;	padding: 2px;text-align: left;	font-size: 12px;	vertical-align: top;}
.jssCartTable th.right {border-bottom: 1px solid #B4AF9A;	font-weight: bold;	padding: 2px;	text-align: right;	font-size: 12px;	vertical-align: top;}
.jssCartTable td {	font-weight: normal;	padding: 2px;	text-align: left;	font-size: 12px;vertical-align: top;}
.jssCartTable td.right {	font-weight: normal;	padding: 2px;	text-align: right;	font-size: 12px;	vertical-align: top;}
.jssCartTable th.total { font-weight: bold;	padding: 2px;text-align: right;	font-size: 12px;	vertical-align: top;}
.adcheckout{ border:none !important; padding-top:20px !important;}

/* general table styling ------------------------------------------------------------- */
.jssGeneralTableDiv {	text-align: center;}
.jssGeneralTable {	margin-left: auto;  margin-right: auto;	padding: 0px;	border: 0px; width:100%;}
.jssGeneralTable caption {	margin-left: auto;  margin-right: auto;	text-align: right;	font-weight: bold;	font-size: 11px;}
.jssGeneralTable th {border-bottom: 1px solid #B4AF9A;	font-weight: bold;	padding: 2px;	text-align: left;	font-size: 11px;	vertical-align: top;}
.jssGeneralTable td {	font-weight: normal;	padding: 2px;	text-align: left;	font-size: 11px;}
.jssGeneralTable td.bold {	font-weight: bold;	padding: 2px;	text-align: left;	font-size: 11px;}
.jssGeneralTable a {	padding: 1px 1px;	margin: 2px 2px 0px 0px;	font-size: 12px;	white-space: nowrap;}
.jssGeneralTable a:link, .jssGeneralTable a:visited{text-decoration: none;	font-weight: bold;	font-size: 12px;}
.jssGeneralTable a:hover{	color: #000;text-decoration: underline;	font-weight: bold;	font-size: 12px;}

/* Product Option (qty discounts, combinations etc.) ------------------------------------------------------------- */
.jssProductTableDiv {	text-align: center;}
.jssProductTable {	margin-left: auto;  margin-right: auto;	padding: 0px;width: 100%;border: 0px;}
.jssProductTable caption {	margin-left: auto;  margin-right: auto;	text-align: right;	font-weight: bold;	font-size: 11px;}
.jssProductTable th {	background-color: #aaaaaa;font-weight: bold;	padding: 2px;	text-align: left;	font-size: 11px;	vertical-align: top;}
.jssProductTable td {	background-color: #dddddd;font-weight: normal;	padding: 2px;	text-align: left;	font-size: 11px;}

/* Index-specific Styles ------------------------------------------------------------- */
.jssIndexProductThumbnail {	float: left; margin-right: 5px; padding: 3px;}
.jssIndexFullWidth {	clear: both; text-align: center; width: 100%;}
.jssIndexColLeft {	width: 49%; float: left;}
.jssIndexColRight {	width: 49%; float: right;}
.jssIndexProductBlock {	width: 100%; clear: both; text-align: left;}
.jssIndexProductGap {	width:2%; float: left;}

/* Other/Misc Styles ------------------------------------------------------------- */
.jssProductListMain {	clear: both; padding-top: 10px;	margin-bottom: 10px;}
.jssProductListTitle {	float: left; margin-right: 5px;}
.jssSecFlagsDiv {	float: right; width: 5.5em; margin-left: 5px; padding: 3px;}
.jssProductFlag {	background-color: #f08100; color: #ffffff; 	border: 1px solid #f00; 	border-left: 3px solid #f00; margin-bottom: 3px; 	padding-left: 3px; 	font-size: 0.6em; 	white-space: nowrap;	font-weight: normal;	text-align: right;}
.jssSectionThumbnail {	float: left;}
.jssSectionDesc {	margin-left: 105px;}
.jssSubSecDiv {	width: 100%; clear: both; text-align: left;}
.jssSecImages {	float: left; margin-right: 5px; padding: 0px; border: 1px solid #cbcbcb;}
.jssLinksDiv {	padding: 3px; font-weight: bold;}
.jssSubSecTitle {	padding-top: 3px;}
.jssSectionContent {	clear: both; padding-top: 10px;}
.jssSecProductTitle {	padding-top: 3px;}
.jssSecProductDiv {	clear: both; text-align: left;	margin-left: auto; margin-right: auto;}
.jssSendFriendDiv a:hover {  color:#ff8d29; 	text-decoration: underline; 	cursor: pointer;}
.jssProductSep {border-bottom: 1px solid #B4AF9A; background: #fff;	clear: both; border: 0px; margin-bottom: 5px; height: 5px;}
.jssProductFullImage {	float: left; margin-right: 10px; border: 1px solid;}
.jssProductOptionsDiv {	float: right; width: 254px;}
.jssProductFieldsDiv {	float: left; margin-left: 5px; text-align: left;}
.jssSendFriendDiv {	float:right; font-weight: bold;}
.jssSendFriendDiv a { 	color:#ff8d29;	font-size: 12px;	text-decoration: none; }