/*----------------------------+
 | Site: Premier Automotive   |
 +----------------------------*/

 
@import url("reset.css");



/* Core layout 
======================================================================*/
body {background:#e3e3e3 url(../images/core/bg.gif) repeat-x; font:12px Verdana, Arial, Helvetica, sans-serif; color:#333;}
#container {width:960px; margin:0 auto;}
#header {width:960px; height:182px; background:url(../images/core/banner-bg.jpg) no-repeat;} 
#navigation {width:960px; height:51px; overflow:hidden;}
#flash {width:960px; height:325px; overflow:hidden; background:url(../images/core/flash-bg.jpg) no-repeat 0 0;}
#content {width:960px; margin:0 auto;}
	#content-left {width:600px; float:left;  margin:0 0 15px 0; padding:0 20px 0 0; border-right:2px solid #d6d6d6;}
	#content-right {width:300px; float:left; padding:0 17px 0 17px;}
#footer {width:930px; background:#d6d6d5; padding:15px; margin:0 0 15px 0; font-size:10px; line-height:18px;}
.productcontainer{margin-bottom:30px;}





/* Navigation layout 
======================================================================*/
ul.nav {list-style:none; width: 960px; height:51px; display: inline-block; clear: both;}
ul.nav li {float:left; height:51px; overflow:hidden;}
ul.nav li a {display:block; height:51px; text-indent:-9999px;}
ul.nav li a:hover {background-position:0 -51px!important;}

ul.nav li#home a {background: url(../images/nav/home.jpg) no-repeat 0 0; width: 128px;} 
ul.nav li#tools a {background: url(../images/nav/tools.jpg) no-repeat 0 0; width: 239px;} 
ul.nav li#paint a {background: url(../images/nav/paint.jpg) no-repeat 0 0; width: 198px;} 
ul.nav li#compressors a {background: url(../images/nav/compressors.jpg) no-repeat 0 0;width: 193px;} 
ul.nav li#contact a {background: url(../images/nav/contact.jpg) no-repeat 0 0;width: 202px;} 

.home ul.nav li#home a {background: url(../images/nav/home.jpg) no-repeat 0 0; background-position:0 -51px!important; width: 128px;} 
.tools ul.nav li#tools a {background: url(../images/nav/tools.jpg) no-repeat 0 0; background-position:0 -51px!important; width: 239px;} 
.paint ul.nav li#paint a {background: url(../images/nav/paint.jpg) no-repeat 0 0; background-position:0 -51px!important; width: 198px;} 
.compressors ul.nav li#compressors a {background: url(../images/nav/compressors.jpg) no-repeat 0 0; background-position:0 -51px!important; width: 193px;} 
.contact ul.nav li#contact a {background: url(../images/nav/contact.jpg) no-repeat 0 0; background-position:0 -51px!important; width: 202px;} 

a {color:#CC0000; text-decoration:none;}
a:hover {text-decoration:underline;}

#footer a {color:#616161;}







 /* Font Style
======================================================================*/
.home h1 {text-indent:-9999px; background:url(../images/titles/h1-home.gif) no-repeat 0 0; height:50px; width:600px;}
.tools h1 {text-indent:-9999px; background:url(../images/titles/h1-tools.gif) no-repeat 0 0; height:50px; width:600px;}
.paint h1 {text-indent:-9999px; background:url(../images/titles/h1-paint.gif) no-repeat 0 0; height:50px; width:600px;}
.compressors h1 {text-indent:-9999px; background:url(../images/titles/h1-compressors.gif) no-repeat 0 0; height:50px; width:600px;}
.contact h1 {text-indent:-9999px; background:url(../images/titles/h1-contact.gif) no-repeat 0 0; height:50px; width:600px;}

h2 {font:18px Arial, Helvetica, sans-serif; color:#9966CC; padding:0 0 10px 0; clear: both;}
h3 {font:16px Arial, Helvetica, sans-serif; color:#666; padding:0 0 10px 0;}
h4 {color:#000; padding:0 0 5px 0;}
h5 {color:#666; padding:0 0 5px 0;}
p {line-height:20px; padding:0 0 15px 0;}







/* Extras 
======================================================================*/
.right {float:right;}
.left {float:left;}


 dl.float-left
{
border: 1px solid #c6c6c4;
background-color: #d6d6d6;
width: 125px;
text-align: center;
padding: 0 0 10px 0;
float: left;
margin: 0 0 10px 10px;
height:200px;
}

.float-left dt
{
font-weight: bold;
background-color: #c6c6c4;
color: #583975;
padding: 5px 10px;
margin-bottom: 10px;
height:	40px;
}

.float-left dd img
{
border: 6px solid #fff;
}

.float-left dd
{
margin: 0;
padding: 0 10px 5px 10px;
font-size: 85%;
}




 /* Form Style
======================================================================*/
form.form fieldset,
form.form ol, 
form.form li, 
form.form legend {
	margin: 0;
	padding: 0;
}

form.form fieldset { border: 0; }

form.form ol { list-style: none; }

form.form li { margin-bottom: 5px; }

form.form label {
	display: inline-block;
	width: 150px;
}

form.form input, form.form select, form.form textarea {
	width: 250px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fff;
	font: normal 13px/13px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}

form.form textarea { height: 200px; }

form.form select {
	padding: 0;
	width: auto;
}

form.form li.button { margin-top: 15px; }

form.form li.button input {
	width: auto;
	border: 0;
	background: #333;
	color: #fff;
	cursor: pointer;
}

form.form fieldset legend {
	padding: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #444;
	_margin: 0 -7px; /* IE Win fix */
}

/* IE Mac legend fix */
form.form legend {
  display: inline-block;
}