/* 
A Lot of Cars: 
site design by Scott Lenger :: www.scottlenger.com
last updated: September 25, 2006
*/

* {margin:0; padding:0;list-style:none;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 76%; color:#333;}
a {color:#000; text-decoration:none;}
a:hover {text-decoration:underline;}

#frame {margin:0 auto; width:550px; clear:left;}
#frame p {padding:20px 50px; clear:both;} /* phone number */

.skiplink {display:none}


/* Header ----------------------------------------------------------- */
#header {padding:10px 0 0;}
#header h1 {padding-left:50px; height:40px;}
#header h1 span {display:none;}
#header ul {display:none;}


/* SubNavigation ---------------------------------------------------- */
#subnavigation {padding:0 50px; display:block; clear:left;
	background: url(/subnavbottom.gif) repeat-y left bottom #000;}
	#subnavigation ul.inventory {display:none;}
	#subnavigation ul.finance {background: url(/subnavfinance.gif) no-repeat left top;}
	#subnavigation ul.tradein {background: url(/subnavtradein.gif) no-repeat left top;}
	#subnavigation ul.about {background: url(/subnavabout.gif) no-repeat left top;}
	#subnavigation ul.locations {background: url(/subnavlocations.gif) no-repeat left top;}
	#subnavigation ul.contact {background: url(/subnavcontact.gif) no-repeat left top;}
#subnavigation ul li {display:inline;
	font-weight: bold;}
#subnavigation ul li a {color:#000;}
#subnavigation ul li.current a {color:#000;}



/* Content ---------------------------------------------------------- */
#content {padding-bottom:25px; margin:0 auto; width:550px;}

#content.homepage {width:625px;}
#content img.homepage {margin:50px auto 65px; padding:10px; float:none;
	border:solid 2px #888;}

#content h2 {margin:25px 0 20px; width:550px; display:block; position:relative;
	color:#333;
	border-bottom: solid 2px #888;}
#content h2.narrow {margin-left:50px; width:450px;}
#content h2 span {display:none;}

/* category sorting menu */
ul#sort {margin-top:-10px;}
ul#sort li {padding-right:25px; display:inline;
	font-size:.9em; font-weight:bold;}	
ul#sort li a {color:#333;}
ul#sort li.current a {color:#000;}


/* For browsing categories */	
div.inventory {margin:20px 0; height:135px; width:550px;}
.inventory h3 {padding:10px 0 10px; font-size:1.25em; font-weight:bold;}
.inventory ul li {padding:0 6px 0 0; display:inline;}
.inventory img {margin-right:20px; float:left;
	border:solid 2px #000; }

#content img.main {padding:8px; border: solid 2px #888;}

/* single car page and pages with textual content */
#singlecar {margin:35px auto 0; width:450px;}
#singlecar img {margin-bottom:15px; float:none;
	border:solid 2px #444;}
#singlecar img.single {margin-right:20px; float:left;}
#singlecar h2 {width:450px;}
#singlecar h3 {margin:0 0 10px;}
#singlecar ul li, #singlecar ol li, #singlecar p {padding:8px 20px; line-height:1.4em; clear:left;}
#singlecar p {padding:8px 0;}
#singlecar p a {text-decoration: underline;}

/* mini images on single car page */
#imagepreview {margin-bottom:45px;}
#imagepreview a img {border:none;}
#imagepreview img {margin:0 10px 0 0; padding:0; width: 75px; display:inline;}



/* Footer ------------------------------------------------------ */
p.footer {font-weight:bold;}

p.credits {margin:10px 0; clear:both; 
	color:#555; font-size:.9em; text-align:center;}

	
	
/* Admin Pages ------------------------------------------------ */
ul#adminnav {display:none;}
ul#adminnav li {margin:0; padding:0 25px 0 0; float:left; text-align:left;
	font-weight:bold;}

table {margin-top:10px; padding-top:6px; clear:left;
	border:solid 1px #888;}
table tr.alt {background-color: #eee;}
table tr:hover {background-color:#ccc;}
table th {padding:0 0 6px;
	color:#fff;}
table td {padding:4px 6px; vertical-align: top;
	border-right:dotted 1px #888; border-bottom:dotted 1px #888;}
table img {margin:0; width:80px;}
#content a img.button {display:none;}

ul.radio, ul.text {padding:8px 0;}
ul.radio li {width:100px; float:left;}
ul.radio li label, ul.text li label  {padding-right:3px; width:80px; display:block; float:left; 
	text-align:right;}
ul.text li img {margin:0 2px 4px 2px; padding:0; width:120px;}