/*

		 TollgateSynthestics.com | AMSOIL
		 
		 Website Designed by JH Graphics - 11/08
		 Artist: JoEllen Harshman
		 http://jhgraphics.com
		 
*/

/* STRUCTURE
................................................. */ 

* 												{ margin: 0; } 
html, body 										{ height: 100%; } 
body 											{ background: #ff9200 url(images/bkgd.gif) fixed no-repeat center top;
												  margin: 0px auto; padding: 0px; }
.wrapper 										{ min-height: 100%; height: auto !important; height: 100%; width: 950px;
												  margin: 0 auto -120px; /* the bottom margin is the negative value of the footer's height */ }
.footer, .push 									{ height: 120px; width: 950px; /* .push must be the same height as .footer */ }

.header											{ background: url(images/amsoil-header.jpg) no-repeat center top;
												  width: 950px; height: 221px; margin: 0; padding: 0; }
.header-info									{ padding: 50px 0px 0px 100px; margin: 0 auto;
												  font: bold 15px/22px Arial, Helvetica, sans-serif; color: #fff; }
.header-info a									{ color: #fff; text-decoration: none; outline: none;  }
.header-info a:visited 							{ color: #fff; text-decoration: none; outline: none;  }
.header-info a:hover 							{ color: #00539c; text-decoration: none; outline: none;  }

.home											{ float: left; width: 380px; height: 95px; position: absolute; margin-left: 35px; margin-top: 35px; }
.ams											{ color: #d40012; }
.oil											{ color: #7cc2ff; }
.nav											{ padding: 6px 0px 0px 20px;}
.authorizeddealer								{ position: relative; top: 147px; left: 385px;  margin: 0 auto; width: 136px; height: 91px; 
												  background: url(images/authorized-amsoil-dealer.gif) no-repeat; }

.contentwrap									{ margin: 0px auto; padding: 20px 30px 30px 30px; }

.rtside											{ float: right; margin-left: 20px; width: 210px; padding: 20px 0px 20px 35px;
												  border-left: 1px dotted #efae59; background: #FFF; }
.rtside ul										{ font: bold 15px/18px Arial, Helvetica, sans-serif; color: #333; letter-spacing: -1px;
												  margin-bottom: 30px; padding: 0; list-style-image: url(images/rt-side-bullet.gif); }
.rtside ul a									{ color: #6b0000; text-decoration: none; outline: none;  }
.rtside ul a:visited 							{ color: #6b0000; text-decoration: none; outline: none;  }
.rtside ul a:hover 								{ color: #ed1c2e; text-decoration: none; outline: none;  }

.shop-online-box								{ background: url(images/shop-online-box.gif) no-repeat; height: 183px; 
												  margin: 10px 0px 0px 0px; padding: 10px; }
.shop-online-box ul								{ font: 15px/22px Arial, Helvetica, sans-serif; color: #fff;
												  margin-bottom: 30px; padding: 0; list-style: circle; }
.shop-online-box ul a			 				{ color: #99a4ad; text-decoration: none; outline: none;  }
.shop-online-box ul a:visited 					{ color: #99a4ad; text-decoration: none; outline: none;  }
.shop-online-box ul a:hover 					{ color: #fff; text-decoration: none; outline: none;  }
#sob1, #sob2, #sob3								{ float: left; width: 150px; margin: 10px 0px 0px 30px; padding: 0; }
										  
.cf-colone	 									{ float: left; width: 255px; margin: 0px 5px 0px 5px; padding-right: 20px;}	
.cf-coltwo				 						{ float: left; width: 255px; margin: 0px 5px 0px 5px; padding-left: 20px; }
.cf-colthree									{ float: left; width: 510px; margin: 0px 5px 0px 5px; padding-right: 20px;}

.p-colone	 									{ float: left; width: 255px; margin: 0px 5px 0px 5px; padding-right: 20px;}	
.p-coltwo				 						{ float: left; width: 255px; margin: 0px 5px 0px 5px; padding-left: 20px; }


.fp												{ height: 155px; margin: 0; padding: 0;
												  font: 16px/5px Arial, Helvetica, sans-serif; color: #999; text-align: center; text-decoration:none; }
.fp	a											{ color: #999; text-align: center; text-decoration:none; }
.fp	a:visited									{ color: #999; text-align: center; text-decoration:none; }
.fp	a:hover										{ color: #333; text-align: center; text-decoration:none; }
.fp-colone	 									{ float: left; width: 55px; margin: 0px 4px 0px 4px; padding: 0px; }	
.fp-coltwo, .fp-colthree, .fp-colfour			{ float: left; width: 265px; margin: 0px 4px 0px 4px; padding: 0px; }


.button-cont									{ width: 670px; height: 25px; padding: 10px; }
.leftcol, .rightcol								{ float: left; padding-left: 20px; width: 305px; text-align: center; }	

.pfloatLF 										{ float: left; text-align: center; width: 210px; margin-bottom: 15px; }

.callout										{ float: right; width: 250px; margin-left: 15px; margin-bottom: 15px; padding: 15px;
												  font: 14px/16px Arial, Helvetica, sans-serif; color: #999; text-align: center;
												  border-top: 2px dotted red; border-bottom: 2px dotted navy; }

.floatLF 										{ float: left; }
.floatRT 										{ float: right; text-align: left; }
.indent											{ margin-left: 50px; }
.clear 											{ clear: both; }								  


/* NAVIGATION
................................................. */ 




/* TEXT
................................................. */ 

p												{ font: 14px/20px Arial, Helvetica, sans-serif; color: #333; margin: 0;padding: 0; }
p a												{ color: #00539c; text-decoration: none; outline: none;  }
p a:visited 									{ color: #00539c; text-decoration: none; outline: none;  }
p a:hover 										{ color: #a25a00; text-decoration: none; outline: none;  }

ul												{ font: 15px/22px Arial, Helvetica, sans-serif; color: #333; margin: 0;padding: 0; }
ul a, a:visited 								{ color: #00539c; text-decoration: none; outline: none;  }
ul a:hover 										{ color: #a25a00; text-decoration: none; outline: none;  }

h1 /* Callout Text */							{ font: 25px/30px "Times New Roman", Times, serif; color: #000033; margin: 0;padding: 0; }

h2 /* Page Titles */ 							{ font: 25px/30px "Times New Roman", Times, serif; color: #00539c; margin: 0;padding: 0; }

h3 li /* Linked Headings */ 					{ font: 15px "Arial", Helvetica, sans-serif; color: #5a0000; }
h3 a											{ color: #5a0000; text-decoration: none; outline: none; }
h3 a:visited									{ color: #5a0000; text-decoration: none; outline: none; }
h3 a:hover										{ color: red; text-decoration: underline; outline: none; }

h4 /* Headings */ 								{ font: 18px/35px Arial, Helvetica, sans-serif; color: #5a0000; margin: 0;padding: 0; border-bottom: 1px dotted #5a0000; }

h5 /* Shop Online */ 							{ font: 17px/18px "Times New Roman", Times, serif; color: #fff; margin: 0;padding: 0; }
h5 a											{ color: #fff; text-decoration: none; outline: none; }
h5 a:visited									{ color: #fff; text-decoration: none; outline: none; }
h5 a:hover										{ color: #00539c; text-decoration: none; outline: none; }

a.button 										{ clear: left; background: transparent url('images/button-a.gif') no-repeat scroll top right;
												  color: #FFF; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */
    											  font: bold 14px Arial, Helvetica, sans-serif; text-decoration: none; }
a.button span 									{ background: transparent url('images/button-span.gif') no-repeat;
    											  display: block; line-height: 14px; padding: 5px 0 5px 18px; } 
a.button:active 								{ background-position: bottom right; color: #FFF; outline: none; /* hide dotted outline in Firefox */ }
a.button:active span 							{ background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ }
a.button:visited 								{ color: #FFF; outline: none; /* hide dotted outline in Firefox */ } 


a.order 										{ clear: left; background: transparent url('images/button-a.gif') no-repeat scroll top right;
												  color: #FFF; display: block; float: left; height: 24px; width: 188px; margin-right: 6px; padding-right: 18px; /* sliding doors padding */
    											  font: bold 13px Arial, Helvetica, sans-serif; text-decoration: none; }
a.order span 									{ background: transparent url('images/button-span.gif') no-repeat;
    											  display: block; line-height: 14px; padding: 5px 0 5px 18px; } 
a.order:active 									{ background-position: bottom right; color: #FFF; outline: none; /* hide dotted outline in Firefox */ }
a.order:active span 							{ background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */ }
a.order:visited 								{ color: #FFF; outline: none; /* hide dotted outline in Firefox */ } 


/* FORM
................................................. */ 

.formtext										{ text-align: center; font: 15px Arial, Helvetica, sans-serif; color: #243d18; }

.show											{ display:block; }
.hidden, hr										{ display:none; }

.clearfix:after 								{ content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 										{ display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix 								{ height: 1%;}
.clearfix 										{ display: block;}
/* End hide from IE-mac */

fieldset, form									{ margin:0; padding:0; border:0; }
fieldset ol										{ margin:0; padding:12px 0 0; list-style:none; }
fieldset ol li									{ margin-bottom: 12px; }
fieldset ol label								{ float:left; width: 200px; line-height:10px; font: 15px Arial, Helvetica, sans-serif; 
												  color: #002e52; text-align:left; padding-top:0px; padding-left: 0px;}
fieldset ol input.text,
fieldset ol input.email,
fieldset ol textarea							{ float:right; width: 250px; background-color: #ffdf86; border: 1px dotted #6e735c;
												  padding:5px; font-size:16px; outline: none; }

fieldset ol input.text							{ height:20px; }
fieldset ol textarea							{ height:130px; font-size:16px;}

.checkbox-label									{ font: bold 15px Arial, Helvetica, sans-serif; color: #002e52; line-height:10px; text-align:left; }
.message										{ width: 510px; background-color: #ffdf86; border: 1px dotted #6e735c; margin-top: 12px; 
												  margin-left: -5px; font-size:16px; outline: none; }

.submit input									{ clear: both; float: left; margin-top: 12px; background: url(images/send.gif) no-repeat top center; }

/* @end */



/* FOOTER
................................................. */ 

.footer											{ margin: 0 auto; text-align: center; background: #e4d2bc; }

#fc1											{ float: left; width: 300px; padding-left: 20px; text-align: left; }
#fc2											{ float: left; width: 610px; text-align: right; }

.footernav 										{ font: bold 12px/20px Arial, Helvetica, sans-serif; color: #001b32; word-spacing: 1px; text-decoration: none; }
.footernav a									{ color: #001b32; text-decoration: none; outline: none; }
.footernav a:visited 							{ color: #001b32; text-decoration: none; outline: none; }
.footernav a:hover 								{ color: #004885; text-decoration: none; outline: none; }