/* CSS Document */

#main-image {height:358px; overflow:hidden; background-color:#FCD9B3; }

#main-control {height:40px; overflow:hidden; background-color:#FCD9B3; position:relative; }
#main-control h1 {font-size:24px; font-weight:normal; color:#F25B22; position:absolute; top:5px; left:5px; }
#item-colors {position:absolute; top:5px; right:40px;height:20px; }

/*
$finishLinks .= "<a title=\"Show item in Oak\" href=\"#\"><div class=\"color-oak\"></div>Oak</a>\n";

#item-colors a {display:block; width:60px; height:40px; float:right; }
#item-colors p {display:block; width:5px; height:30px; float:right; }
*/
#item-colors div { width:20px; height:20px; }
#item-colors div.color-mahogany {background-color:#663300;}
#item-colors div.color-oak {background-color:#CC6600; }
#item-colors div.color-white {background-color:#FFFFFF; }
#item-colors div.color-black {background-color:#000000; }
#item-colors div.color-copper {background-color:#FF9900; }
#item-colors div.color-redwood {background-color:#CC0000; }
#item-colors div.color-taumar {background-color:#DBCDC1; }
#item-colors div.color-natural {background-color:#F1F1E2; }
#item-colors div.color-rust {background-color:#660000; }
#item-colors div.color-stainless {background-color:#8B8B8B; }
#item-colors div.color-gray {background-color:#999999; }
#item-colors div.color-birch {background-color:#F7EBDA; }
#item-colors div.color-espresso {background-color:#331d01; }
#item-colors div.color-red {background-color:#9e0f07; }
#item-colors div.color-blue {background-color:#0f218f; }
#item-colors div.color-checked {background-image:url(../images/color-check.gif) no-repeat; }

#item-colors a {display:block; width:50px; height:30px; float:right; }
#item-colors p {display:block; width:5px; height:30px; float:right; text-decoration:none; font-size:8px; color:#8B8B8B;}
#item-colors a {text-decoration:none; font-size:8px; color:#8B8B8B; }

/*
#item-colors a.color-mahogany {background-color:#663300;}
#item-colors a.color-oak {background-color:#CC6600; }
#item-colors a.color-white {background-color:#FFFFFF; }
#item-colors a.color-black {background-color:#000000; }
#item-colors a.color-copper {background-color:#FF9900; }
#item-colors a.color-redwood {background-color:#CC0000; }
#item-colors a.color-natural {background-color:#F1F1E2; }
*/

#main-control a#item-zoom {position:absolute; top:5px; right:5px; text-decoration:none; font-size:8px; color:#8B8B8B; }

#main-control a.buy-now {
	color:#F25B22;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	position:absolute;
	top:5px;
	right:5px;
	left: 370px;
	width: 89px; }

#main-control a.buy-now:hover {color:#0F63B7; }

#product-main-control {height:30px; background-color:#FCD9B3; position:relative; }
#product-main-control h1 {font-size:24px; font-weight:normal; color:#F25B22;margin:0px 0px 0px 5px; }

#main-text { overflow: auto; background-color:#FCD9B3; position:relative; }
#main-text-short {height:90px; overflow:hidden; background-color:#FCD9B3; position:relative; }
#main-text-shortest {height:60px; overflow:hidden; background-color:#FCD9B3; position:relative; }
#text-side {width:160px; float:left; padding-left:5px; padding-right:5px;  overflow:auto; }
#text-side h2 {font-size:20px; color:#F25B22; margin-top:10px; font-weight:normal; }
#text-side h3 {font-size:16px; color:#F25B22; }
#text-side h4 {font-size:12px; color:#8B8B8B; }
#text-main {width:310px; float:right; font-size:14px; overflow:visible;margin:0px 10px 10px 0px; }
#text-main-full {width:490px; float:left; font-size:13px;}
#text-main-full p  {margin-bottom:4px; margin-top:4px; }

/* classes added for gel fuel page */
.easy-fuel {float:left; margin:5px; height:90px; vertical-align:middle;}
.easy-fuel img {float:left; margin:5px; display:inline;}

.econ-env {float:left; margin-right:5px; margin-left:5px;}
.price {color:#F25B22; font-size:16px; margin-top:10px; }
.phone {font-size:20px; color:#0F63B7; margin-top:10px; }
.side-margins {margin:1px 5px 1px 5px; font-size:13px;}
.includes {font-size:10px;}
.dimensions {font-size:10px; color:#8B8B8B; }

/* classes added for how it works page*/
#main-video {height:325px; width:490px; position:relative; top:0px; left:0px; margin:0px; overflow:hidden; text-align:center; border:2px solid #FCD9B3;}
#realfuel-items {height:210px; width:100%; overflow:hidden; position:absolute; bottom:0px; left:0px; }
.realfuel-item {height:100%; width:150px; position:relative; margin:0px; background-color:#FCD9B3;}
.realfuel-middle-item {height:100%; width:150px; position:relative; margin:0px; background-color:#8B8B8B; color:#FFFFFF;}
.title  {font-weight:bold; font-style:oblique; color:#F25B22;}
.headers {font-size:16px; color:#F25B22; margin-top:5px; }
div.video-side-section {height:170px; width:100%; margin-bottom:10px; background-color:#FCD9B3;}
#item-whyrf {position:absolute; top:0px; left:0px; }
#item-easy {position:absolute; top:0px; left:167px;}
#item-video-files {position:absolute; top:0px; right:0px;}

div.side-section-short { background-color:#8B8B8B; height:65px; width:100%; margin-bottom:10px; border:2px solid #8B8B8B; margin:0px; color:#FFFFFF; font-weight:bold;}
div.side-section {height:185px; width:100%;padding:5px 0px;}
div.side-section-vip {height:200px; width:100%; margin-bottom:10px;}
div.side-section-long {height:340px; width:100%; margin-bottom:10px; background-color:#FCD9B3;}
div.side-section-medium {height:250px; width:100%; margin-bottom:10px; background-color:#FCD9B3;}
div.side-section-double {height:335px; width:100%; margin-bottom:10px; background-color:#FCD9B3;}
div.side-section-medium-white {height:250px; width:100%; margin-bottom:10px; background-color:#FFFFFF;}
/****** vipclub model - side section when 1 product on page  ******/
div.side-section-full {height:490px; width:100%; margin-bottom:10px; background-color:#FCD9B3;}
/****** ----  ******/


#side-crossref a.buy-now {color:#F25B22; font-size:16px; font-weight:bold; text-decoration:none; text-align:right; display:block; width:100%; }
#side-crossref a.buy-now:hover {color:#0F63B7; }
#side-crossref h2, #side-upsell h2, #side-shopping h2, #side-thankyou h2{display:block; border-bottom:2px solid #F78E1F; margin:5px 0px; font-size:13px;}
#side-crossref h3 {font-size:13px; color:#F25B22; }
a.crossref-item {display:block; width:100%; color:#000000; text-decoration:none; clear:both; }
a.crossref-item:hover {color:#0F63B7; }
.item-name {float:left; width:150px; overflow:hidden; font-size:13px;}
.item-numb {float:left; font-size:13px; }
.item-cost {float:right; font-size:13px; }

/******
 - vipclub form on the side  
******/
#side-vipclub { background-color:#8B8B8B; color:#FFFFFF; border:2px solid #8B8B8B; font-weight:bold; }
#side-vipclub h1 {display:block; height:25px; font-size:16px; text-align:left; }
#side-vipclub p {margin:0px 5px; font-size:12px; }
#side-vipclub a {text-decoration:none; color:#F78E1F; }
#frmVIPclub p {clear:both; display:block; margin-top:0px;padding:3px 0px; }
#frmVIPclub label {display:block; width:55px; float:left; /* font-size:14px; */}
#frmVIPclup input, 
#frmVIPclup input {display:block; float:left; width:160px;}
	#lstState {width:45px;}
	#lblZIP {width:37px !important; margin-left:26px !important; }
	#txtZIP {width:45px;}


#side-buyfuel a {display:block; width:100%; height:100%; border:2px solid #F78E1F; text-decoration:none; position:relative; }
#side-buyfuel a:hover {border:2px solid #FCD9B3;}
#side-buyfuel a h1 {display:block; height:25px; width:100%; font-size:16px; text-align:left; background-color:#F78E1F; color:#FFFFFF; position:absolute; bottom:0px;}
#side-buyfuel a:hover h1 {background-color:#FCD9B3; color:#F25B22;  }
#side-buyfuel img {position:absolute; top:10px; left:75px; }

#gel-fuel-pager h2 {display:block; height:25px; font-size:16px; text-align:left; background-color:#F78E1F; color:#FFFFFF; }

.buy-fuel {
	color:#F25B22;
	font-size:13px;
	text-decoration:none;
	position:relative;
	top:1px;
	right:5px;
	left: 65px;
	width: 69px;
}


/* add same format as label for customer service page links    */
.unchecked-link {
	padding-left: 20px;
	background: url(../images/check-unchecked.gif) no-repeat;
}

.checked-link {
	padding-left: 20px;
	background: url(../images/check-checked.gif) no-repeat;
}

/* add formatting for  customer service heading and fonts   */

#main-headers {height:30px; overflow:hidden; background-color:#FCD9B3; position:relative; text-align:right; padding-right:10px; padding-top:10px; font-size:16px; font-weight:bold; }