/* CSS Document Created by: Justin Chapman --- June 7th, 2007 ----- Spray Paint Booths*/

	/* PAGE LAYOUT */
body {margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;background-repeat: repeat-x;background-color: #fff;background-image: url(images/bg.gif);}
#wrapper {position:relative;height:auto;width:950px;margin-left:auto;margin-right:auto;	}
#header{position:relative;height:175px;width:950px;margin-top:10px;background-image: url(images/header.gif);}
#logo {position:absolute;height:100px;width:650px;left:150px;top:15px;background-image: url(images/logo.gif);}
#nav {position:relative;top:125px;height:50px;width:923px;margin-left:14px;}
#body-text {position:relative;height:auto;width:800px;padding-left:75px;padding-right:75px;padding-top:10px;padding-bottom:10px;     background-image:url(images/body.gif);}
#body-top {position:relative;height:40px;width:800px;padding-left:75px;padding-right:75px;
     background-image:  url(images/body_top.gif);background-position: 0px 0px;}	
#body-bottom {position:relative;height:35px;width:800px;padding-left:75px;padding-right:75px;
     background-image:url(images/body_bottom.gif);}	
#footer {text-align:center;width:950px;height:111px;padding-top:20px;background-image: url(images/footer.gif);
     background-repeat: no-repeat;}
	
	/* NAVIGATION STYLES */
a#tan_current{ height: 41px; width: 145px;  padding-top:9px; padding-right:4px; padding-left:4px; background-position: 0 -60px;	background-image: url(images/navsub.gif);float: left;display: block;background-repeat: repeat-x;}
a#tan_link{ height: 38px; width: 145px;  padding-top:12px; padding-right:4px; padding-left:4px; background-position: 0 0px;	background-image: url(images/navsub.gif);float: left;display: block;background-repeat: repeat-x;}
a#tan_link:hover { height: 41px; width: 145px;  padding-top:9px; padding-right:4px; padding-left:4px; background-position: 0 -120px;	background-image: url(images/navsub.gif);float: left;display: block;background-repeat: repeat-x;}	

	/* NAV MOVEMENT -----ALL STATES */
#nav a{font-size: 13px;color: #fff;text-decoration:none;text-align: center;font-family: arial;font-weight: bold;}	
#nav a:link{font-size: 13px;color: #fff;text-decoration:none;font-family:arial;font-weight: bold;}	
#nav a:visited{font-size: 13px;color: #fff;text-decoration:none;font-family: arial;font-weight: bold;}
#nav a:hover{font-size: 13px;text-decoration:none;font-family: arial;color: #fff;font-weight: bold;}
#nav a:active{font-size: 13px;color: #fff;text-decoration:none;font-family: arial;font-weight: bold;}

	/* quote box */	
div#calltoquotesrt {float: left;height: 195px;margin: 0px 5px 10px 0px;padding: 10px 10px 10px 5px;width: 255px;background-image: url(images/bg-quote3.gif);background-repeat: no-repeat;background-position: left top;}
div#calltoquotesrt h5 {text-align: center; color:#0072A3;padding: 10px 0 0px 20px;margin: 0px 10px 15px 5px;font-family: arial;font-size: 15px;}
div#calltoquotesrt select { background-color: #ffffff; font-family: arial, helvetica; font-size: 11px; margin-bottom: 3px; margin-left: 85px; margin-top: 5px;}
div#calltoquotesrt .style1 { font-family:arial; font-size: 12px;color: #FFFFFF;font-weight: bold;}
div#calltoquotesrt h6{ height: 26px; width:100px; margin: 10px 0px 10px 105px; background-image:url(images/btn.gif)}
	 
	/* INDEX FOUR BOXES */	
#quad_box{position:relative;height: 375px;width: 799px;padding-top: 5px;padding-bottom:10px;}
#quad_box1{position:relative;height: 165px;width: 375px;padding-top: 7px;padding-bottom: 7px;padding-left: 10px;
     padding-right: 10px;float:left;border: 1px solid #CCCCCC;background-image: url(images/grid_bg.gif);margin-right: 5px; 
	 margin-bottom: 5px;}
#quad_box2{position:relative;height: 165px;width: 375px;padding-top: 7px;padding-bottom: 7px;padding-left: 10px;
     padding-right: 10px;float:left;border: 1px solid #CCCCCC;background-image: url(images/grid_bg.gif);margin-bottom: 5px;}
#quad_box3{position:relative;height: 170px;width: 375px;padding-top: 7px;padding-bottom: 7px;padding-left: 10px;
     padding-right: 10px;float:left;border: 1px solid #CCCCCC;background-image: url(images/grid_bg.gif);margin-right: 5px;}
#quad_box4{position:relative;height: 170px;width: 375px;padding-top: 7px;padding-bottom: 7px;padding-left: 10px;
     padding-right: 10px;float:left;border: 1px solid #CCCCCC;background-image: url(images/grid_bg.gif);}
.productimagegrid {clear:both;float: left;background-position: 0 0;margin-right:40px;border: 2px solid #999999;}

	/* IMAGE CONTAINER SECONDARY PAGES*/	
.productimagert {clear:both;float: right;margin-top: 10px;margin-right: 20px;margin-bottom: 15px;margin-left: 25px;
     background-position: 0 0;border: 2px solid #999999;}
		
	/* FOOTER STYLES*/
div#footer ul { list-style: none; background: none; display: inline;}
div#footer ul li { list-style: none; background: none; display: inline; font: normal 11px arial; padding: 0 0 0 1px;}
div#footer ul li a { padding: 0 2px 0 0;}
div#footer p { font: normal 11px arial; text-align: center; margin: 0px; padding: 5px 0 0 0;}	
#footer a:visited{text-decoration: underline;font-family: Arial;font-size:11px;color: #51678F;font-weight: bold;}	
#footer a:active{text-decoration: underline;font-family: Arial;font-size:11px;color:#51678F;font-weight: bold;}	
#footer a:link{text-decoration: underline;font-family: Arial;font-size:11px;color:#51678F;font-weight: bold;}	
#footer a:hover{text-decoration: underline;font-family: Arial;font-size:11px;color: #7989A7;font-weight: bold;}	

	/* TEXT STYLES*/
.h1 {font-size:20px;color:#BDD011;font-family:verdana;line-height: 24px;}
.h2 {font-size:16px;color: #4ABBED;font-family:verdana;font-weight: bold;}
.bodytext {font-size:12px;color:#000000;font-family: Verdana;}

	/* TEXT LINK STYLES */	
.bodytext a:visited{text-decoration: underline;font-family: Arial;font-size:12px;color: #51678F;font-weight: bold;}	
.bodytext a:active{text-decoration: underline;font-family: Arial;font-size:12px;color:#51678F;font-weight: bold;}	
.bodytext a:link{text-decoration: underline;font-family: Arial;font-size:12px;color:#51678F;font-weight: bold;}	
.bodytext a:hover{text-decoration: underline;font-family: Arial;font-size:12px;color: #7989A7;font-weight: bold;}	
.h2 a:visited{text-decoration: underline;color: #487285;font-family:verdana;font-size: 16px;font-weight: bold;}
.h2 a:active{text-decoration: underline;color: #487285;font-family:verdana;font-size: 16px;font-weight: bold;}
.h2 a:link{text-decoration: underline;color: #487285;font-family:verdana;font-size: 16px;font-weight: bold;}
.h2 a:hover{text-decoration: underline;color: #000000;font-family:verdana;font-size: 16px;font-weight: bold;}
a img { border : none; }

/*RFQ*/
ul.steps li {
font-weight:bold;
padding:5px 0 5px 0;
}
ul.steps {list-style:none outside none; margin-top:20px; color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
letter-spacing:0.025em;
margin-left:100px;
}
ul.steps li strong {
color:#993333;
font-size:14px;
}

ul.steps h3 {
color:#356788;
font-family:verdana;
font-size:22px;
font-weight:bold;
line-height:26px;
margin:0;
padding:0 0 10px;
text-align:left;
}

#myframe {width:450px; margin:10px 0 20px 142px; -moz-border-radius: 10px; border-radius: 10px; border:#CCC solid 1px; padding:10px 10px 0 10px; background-color:#FFF;}