/* global styles */

.included {float: left; padding: 15px;}

body {
	margin:0;
	padding:0 0 10px 0;
	background:#666666 top left repeat-x url(../images/bgnd.png);
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}


div {
	text-align:left;
}
div.divider {
	clear:left;
	height:1px;
	overflow:hidden;
	border-bottom:dotted 1px #999999;
	margin:16px 0 16px 0;
}


p {
	clear:left;
	margin-top:0;
}


#container {
	width:741px;
}


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


#header {
	padding:30px 20px 25px 20px;
	height:56px;
	text-align:right;
}
#header a {
	color:#666666;
	text-decoration:none;
	font-size:11px;
}
#header a:hover {
	color:#999999;
	text-decoration:none;
}


#footer {
	padding:10px 0 0 0;
	text-align:center;
}
#footer, #footer a {
	color:#999999;
	text-decoration:none;
	font-size:11px;
}


h2 {
	margin-top:0;
	font-weight:normal;
	font-size:16px;
}


/* navigation */


#nav, #nav li {
	list-style:none;
	margin:0;
	padding:0;
	font-size:11px;
	font-weight:bold;
}


#nav li {
	float:left;
	padding:0 0 0 5px;
	background:none;
}
#nav a {
	float:left;
	display:block;
	background:none;
	padding:7px 5px 7px 0px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	width:60px;
}
#nav a.medium {
	width:86px;
}
#nav a.large {
	width:111px;
}
#nav li:hover, #nav li.selected {
	background:top left no-repeat url(../images/nav-left.png);
}
#nav li:hover a, #nav li.selected a {
	background:top right no-repeat url(../images/nav-right.png);
	color:#000000;
}


/* homepage */


#banner {
	clear:left;
	border:solid 1px #FFFFFF;
	color:#999999;
}


#promo, #promo li {
	list-style:none;
	margin:0;
	padding:0;
	background-color:#FFFFFF;
}
#promo {
	padding:0 0 0 1px;
}
#promo li {
	float:left;
}
#promo li a {
	display:block;
	width:147px;
	margin:0 1px 1px 0;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}
#promo li a strong {
	display:block;
	padding:6px 0 6px 8px;
	background-color:#CC0033;
	font-weight:bold;
}


#promo li .caption {
	display:block;
	margin-top:1px;
	padding:104px 8px 8px 8px;
	background:top left no-repeat;
	color:#7F7F7F;
}
#promo li:hover .caption {
	color:#CC0033;
}
#promo li .sales { 						background-image:url(../images/promo-sales.jpg); }
#promo li:hover .sales {			background-image:url(../images/promo-sales-over.jpg); }
#promo li .storage { 					background-image:url(../images/promo-storage.jpg); }
#promo li:hover .storage {		background-image:url(../images/promo-storage-over.jpg); }
#promo li .contact { 					background-image:url(../images/promo-contact.jpg); }
#promo li:hover .contact {		background-image:url(../images/promo-contact-over.jpg); }
#promo li .testdrive { 				background-image:url(../images/promo-testdrive.jpg); }
#promo li:hover .testdrive {	background-image:url(../images/promo-testdrive-over.jpg); }
#promo li .service { 					background-image:url(../images/promo-service.jpg); }
#promo li:hover .service {		background-image:url(../images/promo-service-over.jpg); }
#promo li .parts { 						background-image:url(../images/promo-parts.jpg); }
#promo li:hover .parts {			background-image:url(../images/promo-parts-over.jpg); }


#promo li.clear {
	clear:both;
	float:none;
	display:block;
	height:1px;
	overflow:hidden;
}


/* normal page */


h1 {
	float:left;
	width:707px;
	background:#CC0033 top right no-repeat url(../images/isuzu-logo-invert.gif);
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	padding:7px 16px 7px 16px;
	margin:0;
	border-left:solid 1px #FFFFFF;
	border-right:solid 1px #FFFFFF;
}


#content {
	clear:left;
	border:solid 1px #FFFFFF;
	background-color:#FFFFFF;
	font-size:13px;
	line-height:15px;
}


.col {
	float:left;
	padding:16px;
}
.left {
	clear:left;
	width:337px;
	border-right:solid 1px #FFFFFF;
	background-image:none;
}
.right {
	float:left;
	width:337px;
	border-left:none;
}
.grey {
	background-color:#E6E6E6;
}


/* new holdens */


ul.newholden {
	clear:left;
	margin:0 0 1px 0;
	padding:10px 0 8px 40px;
	list-style:none;
	background:top left no-repeat;
	height:75px;
}
ul.newholden.tall {
	height:150px;
}
ul.newholden li {
	float:left;
	margin:0;
	padding:0;
}
ul.newholden li a {
	display:block;
	float:left;
	width:95px;
	padding:55px 0 0 0;
	margin:0 2px 2px 0;
	font-size:10px;
	color:#000000;
	text-decoration:none;
	background:top center no-repeat;
	text-align:center;
}
ul.newholden li a:hover {
	color:#CC0033;
}


/* stock list */


.stocklist thead tr, .stocklist thead tr:hover { background-color:#FFFFFF }
.stocklist th { font-weight:normal; text-align:left }
.stocklist th a { color:#666666; padding-left:12px; background:center left no-repeat url(../images/icon-arrow-down-grey.gif) }
.stocklist th a.selected, .stocklist th a:hover { color:#000000; text-decoration:none; background-image: url(../images/icon-arrow-down-green.gif) }
.stocklist td, .stocklist th { padding:8px; border-bottom:1px dotted #CCCCCC }
.stocklist tr.alt { background-color:#F0F0F0 }
.stocklist tr:hover { background-color:#FFFFCC }
.stocklist td img { border:1px solid #CCCCCC }


.stockheader { font-size:16px; font-weight:normal; width:600px }
.stockheader td.r { text-align:right }


.stock { width:600px }
.stock td.label, .stock td.text { padding:3px 0; border-bottom:1px dotted #999999 }
.stock td.text { font-weight:bold }
.stock td.divider { width:5% }


.stock_detail_thumbnails { color:#999999; }
.stock_detail_thumbnails img { border:1px solid #CCCCCC; }


a#print {
	display:block;
	float:right;
	width:100px;
	padding-left:20px;
	margin-right:70px;
	background:center left no-repeat url(../images/icon-printer-onred.gif);
	text-decoration:none;
	font-weight:normal;
	color:#EB99AD;
}
a#print:hover { color:#FFFFFF }


#stock-footer { display:none; text-align:center }


h4 { font-size:14px; font-weight:normal; color:#999999; text-align:center; margin-top:2em }


/* forms */


.form_left {
	clear:left;
	float:left;
	display:block;
	width:100px;
	text-align:right;
	font-weight:bold;
	margin:1px 5px 0 0;
	font-size:11px;
}
.form_right {
	float:left;
	display:block;
	margin:1px 0 0 0;
	width:220px;
	overflow:hidden;
}
.form_right.text {
	overflow:visible;
}


a.revealer {
	padding-left:18px;
	background:left center no-repeat url(../images/icon-plus-grey.gif);
	font-weight:bold;
}
a.revealer:hover {
	background:left center no-repeat url(../images/icon-plus-red.gif);
}


.h3 {
	float:left;
	padding:0 0 0 5px;
	margin-bottom:14px;
	height:25px;
	background:top left no-repeat url(../images/button-left.gif);
}
.h3 a {
	float:left;
	display:block;
	background:none;
	padding:4px 10px 0 5px;
	height:21px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	width:auto;
	background:top right no-repeat url(../images/button-right.gif);
	font-weight:bold;
}
.h3:hover {
	background-image:url(../images/button-left-over.gif);
}
.h3:hover a {
	background-image:url(../images/button-right-over.gif);
}


.stafflist p {
	padding-bottom:10px;
}
.stafflist img {
	margin-right:10px;
}


/* Terms */


#terms {
	margin:0;
	padding:20px;
	font-size:11px;
}
#terms div {
	background-color:#FFFFFF;
}
#terms h1 {
	width:100%;
}
#terms ul, #terms ol, #terms p {
	padding:10px;
	clear:left;
}