/*
Authored by the Eric Franklin and The GoTriCities Network, www.gotricites.net
Comments/Questions, contact j.ericfranklin{at}gmail.com
 */


/*
----------------------------------------------------------------------------- 
body
-----------------------------------------------------------------------------*/
html { height: 100%; margin-bottom: 1px; }
body {
	margin: 0;
	padding: 0;
	font: 62.5%/1.6em Arial, Verdana, sans-serif;
	color: #5c5c5e;
	background: #ffffff;	
	}
body * {
	margin: 0;
	padding: 0;
	}
	
.linebot{border-bottom: 1px solid #CCC;}
.bodybiggerbold { font: bold 9.5pt/14pt Arial, sans-serif; color: #000; }
.subhead { font: bold 9pt/10px Arial, sans-serif; color: #406372; padding: 6px 20px 4px 20px; border-bottom: 1px solid #CCC;}
.staffcon {font-size: 1em; color:#000099;}
.price {color:#FF0000; font-weight:bold;}

/*
----------------------------------------------------------------------------- 
containers
-----------------------------------------------------------------------------*/

#container {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;			
}

#phone {
	width: 475px;
	height: 20px;
	background-color: #e6e6e6;
	font-size: 12px;
    font-weight: bold;
	color: #666666;
	float: left;
	text-align: left;
	padding: 5px 5px 0px 5px;
}

#contactinfo {
width: 600px;
margin-left: auto;
margin-right: auto;
}

#contactinfo img {
float: right;
height: 80px;
}

#top {
	width: 449px;
	height: 20px;
	background-color: #e6e6e6;
	font-size: 15px;
    font-weight: bold;
	color: #666666;
	float: left;
	text-align: right;
	padding: 5px 5px 0px 0px;
}

#top a:link, #top a:visited {	
	color: #666666;		
	text-decoration: none;	
}

#top a:hover {	
	color: #666666;		
	text-decoration: underline;		
}

#logo {
	width: 470px;
	height: 91px;
	float: left;
}

#search {
	width: 470px;
	height: 91px;
	float: left;
	background-image: url(../images/headbg.jpg);
	background-repeat: no-repeat;
}	

#search img {
float: right;
margin-top: 8px;
margin-right: 5px;
}

#middle {
	width: 940px;
	height: 330px;	
	border-top: 2px solid #3c5360;
}

#content {
	width: 940px;	
	border-top: 2px solid #3c5360;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	background-color: #FFFFFF;	
}

#content h2 {
	background-color: #aebdc5;
	color: #fff;
	font-size: 2em;
    padding: 10px;
    border-bottom: 1px solid #000000;
}

#content h3 {
	background-color: #aebdc5;
	color: #fff;
	font-size: 1.3em;
    padding: 8px;
    margin-bottom: 10px;
   
}

#content p {
     margin: 1em;
     font-size: 1.3em;
     font-family: arial, sans-serif;
}

#content a:link, #content a:visited {	
    color: #2e4675;		
	text-decoration: none;	
}

#content a:hover {	
    color: #2e4675;		
	text-decoration: underline;		
}

#content img {
padding: 0 5px 5px 20px;
}

#contentshow img {
padding: 0 5px 5px 20px;
}

#content span a:hover{
background-color: #aebdc5;
color: #fff;
padding: 5px;
}

/*
----------------------------------------------------------------------------- 
Top Nav
-----------------------------------------------------------------------------*/
#nav {
	width: 940px;
	height: 46px;
	clear: left;	
}

ul#nav {
padding-top: 4px;
margin: 0;
list-style: none;
float:left;
display: inline;
width: 940px;
background: url(../images/navback.jpg) repeat-x left center;
line-height: normal;
}

ul#nav li{
float:left;
display: inline;
background: none;
padding: 0;
font-family: Arial, sans-serif;
font-size: 14px;
}

ul#nav li#first-li{
margin-left: 26px;
}

ul#nav a{
display: block;
font-weight: bold;
color: #FFF;
border-right: 1px solid #d5e6f7;
text-decoration: none;
font-size: 14px;
padding: 14px 16px;
}

ul#nav a:hover{
background: #406372;
color: #FFF;
text-decoration: none;
}

.clear-border{border:none !important;}
	
/*
----------------------------------------------------------------------------- 
front page boxes
-----------------------------------------------------------------------------*/

#staff {
	width: 233px;
	height: 272px;
	float: left;
	border-right: 2px solid #fff;
	background-image: url(../images/colbg.jpg);
	background-repeat: repeat-x;
}

#staff h2 {
       text-transform: uppercase;
       font-family: arial, sans-serif;
       font-size: 14px;
       text-align: center;
       margin-top: 15px;
       font-weight: bold;
}

#staff img {
       margin-top: 35px;
       margin-left: 15px;
}

#staff p {
    font-size: 13px;
    margin: 10px 10px 0px 10px;   
}

#staff p a{
color: #2e4675;
font-weight: bold;
font-size: 16px;
}


#staff a:hover{
color: #2e4675;
font-weight: bold;
text-decoration: none;
}

#staff h5 {
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    margin: 10px 10px 0px 10px;
}

#staff h5 a:link, #staff h5 a:visited {	
    color: #2e4675;		
	text-decoration: none;	
}

#staff h5 a:hover {	
    color: #2e4675;
	background-color: #e6e6e6;		
	text-decoration: underline;		
}

#pre {
	width: 233px;
	height: 272px;
	float: left;
	border-right: 2px solid #fff;
	background-image: url(../images/colbg.jpg);
	background-repeat: repeat-x;
}

#pre h2 {
       text-transform: uppercase;
       font-family: arial, sans-serif;
       font-size: 14px;
       text-align: center;
       margin-top: 15px;
       font-weight: bold;
}

#pre img {
       margin-top: 35px;
       margin-left: 15px;
}

#pre p {
    font-size: 13px;
    margin: 10px 10px 0px 10px;   
}

#pre h5 {
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    margin: 10px 10px 0px 10px;
}

#pre h5 a:link, #pre h5 a:visited {	
    color: #2e4675;		
	text-decoration: none;	
}

#pre h5 a:hover {	
    color: #2e4675;
	background-color: #e6e6e6;		
	text-decoration: underline;		
}

#special {
	width: 233px;
	height: 272px;
	float: left;
	border-right: 2px solid #fff;
	background-image: url(../images/colbg.jpg);
	background-repeat: repeat-x;
}

#special h2 {
       text-transform: uppercase;
       font-family: arial, sans-serif;
       font-size: 14px;
       text-align: center;
       margin-top: 15px;
       font-weight: bold;
}

#special img {
       margin-top: 35px;
       margin-left: 15px;
}

#special p {
    font-size: 13px;
    margin: 10px 10px 0px 10px;   
}

#special h5 {
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    margin: 10px 10px 0px 10px;
}

#special h5 a:link, #special h5 a:visited {	
    color: #2e4675;		
	text-decoration: none;	
}

#special h5 a:hover {	
    color: #2e4675;
	background-color: #e6e6e6;		
	text-decoration: underline;		
}

#buy {
	width: 233px;
	height: 272px;
	float: left;
	border-right: 2px solid #fff;
	background-image: url(../images/colbg.jpg);
	background-repeat: repeat-x;
}

#buy h2 {
       text-transform: uppercase;
       font-family: arial, sans-serif;
       font-size: 14px;
       text-align: center;
       margin-top: 15px;
       font-weight: bold;
}

#buy img {
       margin-top: 35px;
       margin-left: 15px;
}

#buy p {
    font-size: 13px;
    margin: 10px 10px 0px 10px;   
}

#buy h5 {
    font-size: 11px;
    font-weight: bold;
    text-align: right;
    margin: 10px 10px 0px 10px;
}

#buy h5 a:link, #buy h5 a:visited {	
    color: #2e4675;		
	text-decoration: none;	
}

#buy h5 a:hover {	
    color: #2e4675;
	background-color: #e6e6e6;		
	text-decoration: underline;		
}


/*
----------------------------------------------------------------------------- 
showroom
-----------------------------------------------------------------------------*/

table#show td, th{
border: 0 solid #DDD;
margin: 0;
padding: 10px;
text-align: center;
}

table#show td.car{ /* controls top row */
margin: 0;
padding: 5px;
background: #f5f5f5;
border-top: 8px solid #DDD;
}

#content hr{
	border: 1px solid #c1c1c1;	
	margin: 35px;
}

#contentshow hr{
	border: 1px solid #c1c1c1;	
	margin: 35px;
}

#side {
	width: 197px;    
	background-color: #f5f5f5;
	float: left;	
    border-left: 1px solid #e6e6e6;    
}

#contentshow {
	width: 739px;
	float: left;			
	border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
	background-color: #FFFFFF;	
}

#contentshow ul {
margin-left: 18px;
font-size: 1.5em;
margin-top: 10px;
line-height: 20px;
list-style-type: none;
}

#contentshow ol {
margin-left: 30px;
font-size: 1.3em;
line-height: 20px;
}

#contentshow table {
    font-size: 1.3em;
    padding: .5em;
}

#contentshow table .staff{
    font-size: .9em;
    padding: .5em;
}

#contentshow h5 {
margin-left: 10px;
margin-right: 10px;
font-size: .9em;
border-top: 1px solid #DDD;
}

#contentshow h4 {	
	color: #3c5360;
	font-weight: bold;
	font-size: 1.6em;
    margin-left: 12px;
    margin-bottom: 5px;
    margin-top: 30px;
	border-bottom: 1px solid #DDD;   
}

#contentshow h3 {
	background-color: #aebdc5;
	color: #fff;
	font-size: 1.1em;
    padding: 8px;
    margin-bottom: 10px;   
}

#contentshow h2 {
	background-color: #aebdc5;
	color: #fff;
	font-size: 2em;
    padding: 10px;
    border-bottom: 1px solid #000000;
}

#contentshow h1 {		
	font-size: 2.2em;
    padding: 10px 10px 10px 15px;
    border-bottom: 1px solid #000000;
}

#contentshow h6 {		
	font-size: 2.2em;
    padding: 10px 10px 0 15px;    
}

#contentshow p {
     margin: 1em;
     font-size: 1.3em;
     font-family: arial, sans-serif;
}

#contentshow a:link, #contentshow a:visited {	
    color: #2e4675;		
	text-decoration: none;	
}

#contentshow a:hover {	
    color: #2e4675;		
	text-decoration: underline;		
}

#footershow {
	width: 460px;
	height: 20px;
	float: left;
	background-color: #e6e6e6;
	border-top: 2px solid #c1c1c1;
    padding: 10px;
    font-size: 12px;
    font-family: arial, sans-serif;
}

#footergtcshow {
	width: 440px;
	height: 20px;
	float: left;
	background-color: #e6e6e6;
	border-top: 2px solid #c1c1c1;
    padding: 10px;
    font-size: 12px;
    font-family: arial, sans-serif;
	text-align: right;
}

#footergtcshow a:link, #footergtcshow a:visited {	
    color: #2e4675;		
	text-decoration: none;	
}

#footergtcshow a:hover {	
    color: #2e4675;		
	text-decoration: underline;		
}

#footershowb {
	width: 299px;	
	float: left;
	background-color: #e6e6e6;
	border-top: 2px solid #c1c1c1;
    padding: 10px;
    font-size: 12px;
    font-family: arial, sans-serif;
}

#footergtcshowb {
	width: 400px;	
	float: right;
	background-color: #e6e6e6;
	border-top: 2px solid #c1c1c1;
    padding: 10px;
    font-size: 12px;
    font-family: arial, sans-serif;
	text-align: right;
}

#footergtcshowb a:link, #footergtcshow a:visited {	
    color: #2e4675;		
	text-decoration: none;	
}

#footergtcshowb a:hover {	
    color: #2e4675;		
	text-decoration: underline;		
}


/*
-----------------
++ Left Column
----------------- */

ul#sidenav{
background: #f5f5f5;
padding: 0 0 1em 0;
margin: 0 5px 1em 5px;
}

ul#sidenav li{
display: block;
border-bottom: 1px solid #DDD;
border-top: 1px solid #FFF;
}

ul#sidenav li a{
display: block;
padding: .3em 8px .3em 20px;
font-weight: bold;
font-family: arial, sans-serif;
font-size: 1.2em;
color: #5c5c5e;
}

ul#sidenav a:hover{
background: #DDD;
text-decoration: none;
}

/*
----------------------------------------------------------------------------- 
mini nav
-----------------------------------------------------------------------------*/

#mini {position: relative; margin: 0; padding: 0; width: 458px; height: 33px;}
#mini li {width: auto; height: 33px; position: absolute; top: 0px; background: url(http://www.donhillautomotive.com/images/mininav.gif) 0 0 no-repeat; display: block; list-style: none;}
#mini a {width: auto; height: 33px; display: block;}
#mini a:hover {border: none;}
#mini #mini-ext {left: 0px;width: 86px;}
#mini #mini-per {left: 86px; background-position: -86px 0;width: 108px;}
#mini #mini-spec {left: 194px; background-position: -192px 0;width: 102px;}
#mini #mini-price {left: 296px; background-position: -296px 0;width: 89px;}
#mini #mini-int {left: 385px; background-position: -385px 0;width: 73px;}

#mini #mini-ext a:hover {background: url(http://www.donhillautomotive.com/images/mininav.gif) 0px -32px no-repeat;}
#mini #mini-per a:hover {background: url(http://www.donhillautomotive.com/images/mininav.gif) -86px -32px no-repeat;}
#mini #mini-spec a:hover {background: url(http://www.donhillautomotive.com/images/mininav.gif) -192px -32px no-repeat;}
#mini #mini-price a:hover {background: url(http://www.donhillautomotive.com/images/mininav.gif) -296px -32px no-repeat;}
#mini #mini-int a:hover {background: url(http://www.donhillautomotive.com/images/mininav.gif) -385px -32px no-repeat;}

#mini #mini-ext a.active {background: url(http://www.donhillautomotive.com/images/mininav.gif) 0px -32px no-repeat;}
#mini #mini-per a.active {background: url(http://www.donhillautomotive.com/images/mininav.gif) -86px -32px no-repeat;}
#mini #mini-spec a.active {background: url(http://www.donhillautomotive.com/images/mininav.gif) -192px -32px no-repeat;}
#mini #mini-price a.active {background: url(http://www.donhillautomotive.com/images/mininav.gif) -296px -32px no-repeat;}
#mini #mini-int a.active {background: url(http://www.donhillautomotive.com/images/mininav.gif) -385px -32px no-repeat;}

/*
----------------------------------------------------------------------------- 
footer
-----------------------------------------------------------------------------*/

#footer {
	width: 460px;
	height: 20px;
	float: left;
	background-color: #e6e6e6;
	border-top: 2px solid #c1c1c1;
    padding: 10px;
    font-size: 12px;
    font-family: arial, sans-serif;
}

#footergtc {
	width: 440px;
	height: 20px;
	float: left;
	background-color: #e6e6e6;
	border-top: 2px solid #c1c1c1;
    padding: 10px;
    font-size: 12px;
    font-family: arial, sans-serif;
	text-align: right;
}

#footergtc a:link, #footergtc a:visited {	
    color: #2e4675;		
	text-decoration: none;	
}

#footergtc a:hover {	
    color: #2e4675;		
	text-decoration: underline;		
}

/*
----------------------------------------------------------------------------- 
++ Form Styles
-----------------------------------------------------------------------------*/

div#search form{margin: 0em 1em 0em 0em; padding-top: 4em;}

div#search form input {
font-size: 2em;
}

div#contentshow form em{color: #F4853B;}

div#contentshow form fieldset{
padding: 10px;
width: 75%;
display: block;
margin: 0 auto 1em auto;
border: 1px solid #999;
}

div#contentshow form legend{
text-transform: uppercase;
font-size: 1.1em;
padding: 0px 8px;
}

div#contentshow form label{
float:left;
line-height: 1.6em;
width: 100px;
text-align: right;
margin-right: 15px;
}

div#contentshow form input{
width: 60%;
background: #FFC;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}

div#contentshow form p.textarea textarea{
width: 60%;
height: 200px;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
}

div#contentshow form p.submit input{
display: block;
width: auto;
margin: 0 auto 1em auto;
background: #DDD;
padding: 5px 8px;
border: 2px solid;
border-color: #FFF #999 #666 #F0F0F0;
}

form#search input.submit{
width: 30px;
border: 1px solid #999;
}

/*
----------------------------------------------------------------------------- 
++ Spec Table
-----------------------------------------------------------------------------*/
div.cSpecsTable {
	margin-top: 8px;
	margin-bottom: 20px;
	_margin-top: 14px;
	width: 706px;
	clear:both;
}

div.cSpecsTable .textHeader{
	width: 210px;
}
div.cSpecsTable  li{
	list-style-type: disc;
    margin: 10px 10px 15px 30px;
}
div.cSpecsTable .text{
	width:706px;
	margin:10px 0px 0px 14px;
	padding:0px;
}
div.cSpecsTable .text p{
	margin:10px 0px 10px 0px;
	padding:0px;
}
div.cSpecsTable .text ul{
	margin:3px 0px 3px 0px;
	padding-left:20px;
	padding-bottom:10px;
	line-height:15px;
}

/* to make this look normal in firefox and IE we size for firefox, then aligh right */
div.cSpecsTable table {
	width: 706px;
	border-collapse: collapse;
	margin-left:8px;
	_margin-left:12px;
	padding:0px;
}

div.cSpecsTable table th {
	vertical-align: top;
}

div.cSpecsTable td, div.cSpecsTable p, div.textRight{
	line-height: 14px;
	font-size: 12px;
	margin-left: 15px;
	margin-bottom: 20px;
}

div.cSpecsTable table th.legend{	
	vertical-align:middle;
	text-align:left;
	padding-left:10px;
}

div.cSpecsTable table tr.top th {
	xpadding-top: 5px;
}

div.cSpecsTable table tr th.w11{width:11%;}
div.cSpecsTable table tr th.w12{width:12%;}
div.cSpecsTable table tr th.w13{width:13%;}
div.cSpecsTable table tr th.w15{width:15%;}
div.cSpecsTable table tr th.w15{width:15%;}
div.cSpecsTable table tr th.w20{width:20%;}
div.cSpecsTable table tr th.w25{width:25%;}
div.cSpecsTable table tr th.w30{width:30%;}
div.cSpecsTable table tr th.w35{width:35%;}
div.cSpecsTable table tr th.w40{width:40%;}
div.cSpecsTable table tr th.w50{width:50%;}
div.cSpecsTable table tr th.w52{width:52%;}
div.cSpecsTable table tr th.w60{width:60%;}
div.cSpecsTable table tr th.w65{width:65%;}
div.cSpecsTable table tr th.w70{width:70%;}
div.cSpecsTable table tr th.w75{width:75%;}
div.cSpecsTable table tr th.w80{width:80%;}
div.cSpecsTable table tr th.w85{width:85%;}

div.cSpecsTable table tr th.trim {
	margin:0px;
	padding: 5px 2px 8px 2px;
	border-left:1px solid #fff;
	text-align: left;
}

div.cSpecsTable table tr th.trim2 {
	margin:0px;
	padding: 5px 2px 8px 2px;
	border-left:1px solid #fff;
	background-color: #eee;
}

div.cSpecsTable table th.rowspan {
	height: 100%;
}

div.cSpecsTable table tr.even,
#cSpecsContent .even {
	background-color: #eeeeee;
}

div.cSpecsTable table tr.even td.name{
 border:none;
}

div.cSpecsTable table tr.odd td.name{
	 _border:none;
}

div.cSpecsTable table tr.odd td{
    padding-top:10px;
	padding-bottom:10px;
	border-left: 8px solid white;
	border-right: 8px solid white;
_padding-top:10px;
	_padding-bottom:10px;
	_border-left: 8px solid white;
	_border-right: 8px solid white;
    font-size: .9em;
	text-align: left;
}

div.cSpecsTable table tr.even td{
	padding-top:10px;
	padding-bottom:10px;
	border-left: 8px solid white;
	border-right: 8px solid white;
    font-size: .9em;
	text-align: left;
}

div.cSpecsTable table td {
	text-align: center;
}

div.cSpecsTable table a {
    color:#17436B;
}

/* the title for each line item */
div.cSpecsTable table td.name {
	text-align: left;
	padding: 8px 0px 8px 8px;
}