@charset "UTF-8";



/* Mass Reset (taken from 960.gs) -- 
	This resets the padding, margins, etc so you are working off the same defaults since browsers are all different */

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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Text base (taken from 960.gs) --
	This adds some basic text formating that the mass reset takes away */
	
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:square}li{margin-left:30px} /*p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px}*/

/* CSS Document */

/* --- basic markup styles for links and images --- */

body {
	margin: 0; padding: 0;
	background: #333; color: #FFF;
	font:  small Verdana, Arial, Helvetica, sans-serif;
}

a {
	text-decoration: none;
}

a img {
	border: 0;
}

p {
	margin: 0 0 1em;
}


/* --- This is a page container that is centered and encompasses the entire document --- */

#page-container {
	width: 780px;
	margin: 0 auto;
	background: #021F3A;
}

/* --- Header content including navlinks using sprites --- */

#header {
	margin: 0 auto;
	background: url(../images/header.jpg) no-repeat;
	height: 198px; width: 780px;
	position: relative;
}

#navlinks li {
	margin: 0; padding: 0; list-style: none;
	position: absolute; top: 162px;
}

#navlinks li, #navlinks a {
	height: 26px; display: block;
}

#bottomheader {
	margin: -3px auto 0;
	height: 42px; width: 780px;
}

#panel1b {left: 0; width: 82px;}
#panel2b {left: 96px;	width: 93px;}
#panel3b {left: 192px;	width: 148px;}
#panel4b {left: 344px;	width: 118px;}
#panel5b {left:	464px;	width: 95px;}

#panel1b a:hover {
    background: transparent url(../images/header.jpg)
    0 -198px no-repeat;}
	#panel2b a:hover {
    background: transparent url(../images/header.jpg)
    -96px -198px no-repeat;}
#panel3b a:hover {
    background: transparent url(../images/header.jpg)
    -192px -198px no-repeat;}
#panel4b a:hover {
    background: transparent url(../images/header.jpg)
    -344px -198px no-repeat;}
#panel5b a:hover {
    background: transparent url(../images/header.jpg)
    -464px -198px no-repeat;}
	

/* --- Content of the document with graphical border --- */
#content {
	margin: 0 auto;
	background: url(../images/contentbg.png) center repeat-y;
	padding: 0 0 0 72px;
}

#content img.genuine {
	margin: 0 auto 20px 55px;
	
}

#contenthead {
	height: 17px;
	background: url(../images/contenthead.png) right no-repeat;
}

#servicehead {
	height: 17px;
	background: url(../images/servicecontentbg.png) right no-repeat;
}

#storehead {
	height: 17px;
	background: url(../images/storeheader.png) right no-repeat;
}

#maincontent {
	width: 640px;
	margin: 0 auto;
	padding: 20px 20px 20px 30px;
	background: url(../images/maincontentbg.png) center repeat-y;
}

#maincontent h1 {
	font: 16px bold Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
}


#maincontent h1.service {
	font: 16px bold Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	text-decoration: underline;
	font-style: italic;
}

#maincontent strong {
	color: #fff;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
}

#maincontent img.first {
	float: right;
	margin: 0 0 .5em 1em;
}

#maincontent img.last {
	float: left;
	margin: 1em 1em 1em 0;
}

#contactcontent {
	clear:both;
	background: url(../images/maincontentbg.png) center repeat-y;
	margin:0 auto;
	padding: 2em 0 0 0;
	width: 100%;
	}

#maincontent div.contactturbo {
	float: left;
	
	margin: 0;
}

#maincontent div.contactturbo h1 {
	font-family: Arial;
	font-size: 20px;
	color: #b50000;
	text-align: right;
	font-weight: bold;
	margin: 0 0;
	padding: 0 0;
}

#maincontent div.contactturbo h2
{	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: 18px bold Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
}

#maincontent div.contactturbo h2 span
{	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: 12px bold Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
}

#maincontent div.contactodessa h2 span
{	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: 12px bold Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
}

#maincontent div.contactturbo h3 {
	margin: 10px 0 0 0;;
	padding: 0 2em 0 0;
	font: 11px bold Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
}

#maincontent div.contactodessa {
	float: right;
	width: 251px;
	margin: 0;
}

#maincontent div.contactodessa h1 {
	font-family: Arial;
	font-size: 20px;
	color: #b50000;
	text-align: right;
	font-weight: bold;
	margin: 0 0;
	padding: 0 0;
}

#maincontent div.contactodessa h2
{	margin: 0 0 0 0;
	padding: 0 2em 0 0;
	font: 18px bold Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-align: right;
}


#maincontent div.contactodessa h3 {
	margin: 10px 0 0 0;;
	padding: 0 4.5em 0 0;
	font: 11px bold Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right;
}

#maincontent h2 {
	font: 18px bold Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 1em 0 .5em 2em;
}

#maincontent p {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color: #999;
	margin: 0;
}
#maincontent p.serviceproducts {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0;
	
}

#maincontent p.service {
	color: #999;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

#maincontent p.service-inquiry {
		color: #fff;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
}

#maincontent a {
	color: #617698;
	text-decoration: underline;
}

#maincontent a:hover {
	color: #fff;
	text-decoration: underline;
}

#maincontent p.contact {
	padding: 4em 0 2em 0;
	text-align:center
}

#maincontent h1.contact {
	text-align:center;
	padding: 0 4em 0 0;
}
#blankpage {
	background: url(../images/blank-page-bg.jpg) center no-repeat;
	height:100%;
}

#blankpage li {
	padding-bottom: 2em;
}

#storecontent {
	background: url(../images/storebg.png) center no-repeat;
	height: 450px;
}

#storecontent img.garrett {
	float: left;
}

#storecontent img.rotomaster {
	float: left;
	margin: 0 0 0 80px;
}

#storecontent img.mistsubishi {
	float: right;
}

#storecontent img.three {
	clear: both;
	margin: 300px auto 0 20px;
}

#contentfooter {
	height: 25px;
	background: url(../images/contentfooterbg.png) right no-repeat;
	clear:both;
}

/* -- Footer of the document -- */

#footer {
margin: 0 auto;
padding: 1em 2em;
background: #557FA9;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-size: 10px;
color:#000;
text-align: center;
}

/* -- form CSS */




form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0 auto;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border: 1px solid #2A435C;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */