/* CSS Document */
body {
	margin: 0; /* this will serve just as well */ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image:  url(../images/bk.jpg);
	background-repeat: repeat-x;
	background-color: #285080;
}

.clear { clear: both; }



.white {
	background-color: #FFFFFF;
}
.featurePanel {
	background-color: #5B85AD;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	font-size: 11px;
	color: #FFFFFF;
}
.font10 {
	color: #484848;
	font-size: 10px;
}
.font10footer {
	font-size: 10px;
}
.copyright {
	background-color: #D8D8D8;
	padding-right: 22px;
	padding-left: 22px;
	font-size: 11px;
	color: #8A8A8A;
}
a.copyrightLink {
	color: #8A8A8A;
	text-decoration: none;
}
a:hover.copyrightLink {
	color: #BC4B4B;
	text-decoration: underline;
}
.footer {
	font-size: 11px;
	color: #999999;
	background-color: #FFFFFF;

}
a.footerLink {
	color: #999999;
	text-decoration: none;
}
a:hover.footerLink {
	color: #BC4B4B;
	text-decoration: underline;
}

/* CSS Dropdown Menu */


#menuporsche {
background-image: url('../images/nav-porsche-R1.gif');
}

#menuporsche:hover {
background-image: url('../images/nav-porsche-R2.gif');
}

#menuproton {
background-image: url('../images/nav-proton-R1.gif');
}

#menuproton:hover {
background-image: url('../images/nav-proton-R2.gif');
}

#menusubaru {
background-image: url('../images/nav-subuaru-R1.gif');
}

#menusubaru:hover {
background-image: url('../images/nav-subuaru-R2.gif');
}


#dropmenudiv{
position:absolute;
font:normal 11px Arial;
line-height:18px;
z-index:220;
margin-left: 220;
margin-top: -2.3em;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 0px;
padding: 0px;
text-decoration: none;
font-weight: bold;
}
.link1 {
background-image: url('../images/nav-_1R.gif');
margin-left: 0;
}
.dbMenu{
	width:10em;
}
.dbMenu .subMenu{
	background-image:url('right.gif');
	background-position:center right;
}
.dbMenu li ul{
	position:absolute;
	left:9.7em;
	top:0;
	width:10em;

}
.dbMenu li>ul{
	left:9.8em;
}
.address {
	font-size: 10px;
	color: #B1B1B1;
	padding-left: 23px;
}
.content {
	font-size: 10px;
	color: #666666;
	padding-right: 26px;
	padding-left: 26px;
	padding-top: 20px;
	line-height: 17px;
	padding-bottom: 26px;
}

.content h2{
	font-size: 14px;
	color: #666666;
}

.contentSpecials {
	font-size: 10px;
	color: #666666;
	padding-right: 0px;
	padding-left: 26px;
	padding-top: 0px;
	line-height: 17px;
}
.panel {
	background-color: #F5F5F5;
	padding: 8px 11px 11px;
	font-size: 10px;
	color: #6B6B6B;
	line-height: 17px;
}
.panelHdr {
	font-size: 12px;
	font-weight: bold;
/*	color: #646464; */
	color: #646464; 
}
a {
	color: #646464;
	text-decoration: underline;
}
a:hover {
	color: #BC4B4B;
	text-decoration: none;
}
a.home {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover.home {
	color: #FFFFFF;
	text-decoration: none;
}
.panelHdrColor {

	font-size: 12px;
	font-weight: bold;
	color: #BC4B4B;
}
.navLine {
	background-image: url(../images/nav-repeat.gif);
	background-repeat: repeat-y;
}
.content2 {

	font-size: 10px;
	color: #666666;
	padding-right: 10px;
	padding-left: 26px;
	padding-top: 0px;
	line-height: 17px;
	padding-bottom: 0px;
}
.contentsub {

	font-size: 10px;
	color: #868686;
	padding-right: 26px;
	padding-left: 26px;
	padding-top: 20px;
	line-height: 17px;
	padding-bottom: 0px;
}
.tableHdr {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/tableHdr-image.gif);
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 5px;
}
.tableRow {
	background-image: url(../images/tableRow1-image.gif);
}
.tableRow2 {
	background-image: url(../images/tableRow2-image.gif);
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 7px;



}
.tablePad {
	font-size: 10px;
	color: #484848;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	line-height: 17px;

}

.tablePad2 {
	font-size: 10px;
	color: #484848;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 17px;

}

.formNormal {
	BORDER-RIGHT: #C0C0C0 1px solid;
	BORDER-TOP: #C0C0C0 1px solid;
	BORDER-LEFT: #C0C0C0 1px solid;
	BORDER-BOTTOM: #C0C0C0 1px solid;
	FONT-SIZE: 11px;
	COLOR: #484848;
	HEIGHT: 18px;
	WIDTH: 180px;
}
.formMid {
	BORDER-RIGHT: #C0C0C0 1px solid;
	BORDER-TOP: #C0C0C0 1px solid;
	BORDER-LEFT: #C0C0C0 1px solid;
	BORDER-BOTTOM: #C0C0C0 1px solid;
	FONT-SIZE: 11px;
	COLOR: #484848;
	HEIGHT: 18px;
	WIDTH: 100px;
}
.formMid3 {
	BORDER-RIGHT: #C0C0C0 1px solid;
	BORDER-TOP: #C0C0C0 1px solid;
	BORDER-LEFT: #C0C0C0 1px solid;
	BORDER-BOTTOM: #C0C0C0 1px solid;
	FONT-SIZE: 10px;
	COLOR: #484848;
	HEIGHT: 18px;
	WIDTH: 150px;
}
.formShort {
	BORDER-RIGHT: #C0C0C0 1px solid;
	BORDER-TOP: #C0C0C0 1px solid;
	BORDER-LEFT: #C0C0C0 1px solid;
	BORDER-BOTTOM: #C0C0C0 1px solid;
	FONT-SIZE: 11px;
	COLOR: #484848;
	HEIGHT: 18px;
	WIDTH: 50px;
}
.font11 {
	color: #484848;
	font-size: 11px;
	line-height: 17px;

}
.checkbox {
	vertical-align: -2px;
	height: 15px;
	width: 15px;
}
.formMid2 {
	BORDER-RIGHT: #C0C0C0 1px solid;
	BORDER-TOP: #C0C0C0 1px solid;
	BORDER-LEFT: #C0C0C0 1px solid;
	BORDER-BOTTOM: #C0C0C0 1px solid;
	FONT-SIZE: 11px;
	COLOR: #484848;
	HEIGHT: 18px;
	WIDTH: 140px;
}
.formArea{
	BORDER-RIGHT: #C0C0C0 1px solid;
	BORDER-TOP: #C0C0C0 1px solid;
	BORDER-LEFT: #C0C0C0 1px solid;
	BORDER-BOTTOM: #C0C0C0 1px solid;
	FONT-SIZE: 11px;
	COLOR: #484848;
	HEIGHT: 100px;
	WIDTH: 300px;
}
.font10white {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
}
.dropdown {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	width: 160px;
}
.font10Grey {
	color: #B2B2B2;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}
.tablePadleft {

	font-size: 11px;
	color: #484848;
	padding-top: 8px;
	padding-left: 10px;
}
.tableHdrAdmin {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(../images/tableHdr-admin.gif);
}
.tableRowAdmin {
	background-image: url(../images/tableRow1-admin.gif);
}
.tableRowAdmin2 {
	background-image: url(../images/tableRow2-admin.gif);
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 7px;
}
.tablePad2 {
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	font-weight: bold;

}
.font11red {
	color: #5B85AD;
	font-size: 12px;
}


a.ibdr {display:block; width:100px; height:55px; border:1px solid #D8D8D8; }

/* For Netscape, Firefox, Mozilla */
html>body a.ibdr { float: left; }

a.ibdr:hover {border: 1px solid #BC4B4B;
} 
.sidepanelleft {
	background-image: url(../images/side-panel-left.jpg);
	background-repeat: repeat-x;
}
.sidepanelright {
	background-image: url(../images/side-panel-right.jpg);
	background-repeat: repeat-x;
}
.font11whiteBkRed {
	color: #FFFFFF;
	font-size: 11px;
	line-height: 17px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #5B85AD;
}
.tableRed {
	background-color: #5B85AD;
}
.tableRedLight {
	background-color: #84A4C2;
}
.row1font {
	color: #484848;
	line-height: 150%;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #D8D8D8;
	font-size: 10px;
}
.row1Bk {

	background-color: #D8D8D8;
}
.row1line {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color: #D8D8D8;
}
.row1BkLight {
	background-color: #E8E8E8;
}
.row2font {

	color: #484848;
	font-size: 10px;
	line-height: 17px;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #FFFFFF;
}
.row2Bk {

	background-color: #FFFFFF;
}
.row2line {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
}
.row2BkLight {
	background-color: #FFFFFF;
}
li {
	display: outside;
	margin: 0; /*removes indent IE and Opera*/
	padding-left: 20px; /*removes indent Mozilla and NN7*/
	list-style-type: none; /*turns off display of bullet*/
	background: url(../images/bullet.gif) no-repeat;
}
ul.nicelist {
    margin: 0px;
	padding: 0px;
    list-style: none;
}


/* ***************************** SPECIAL OFFERS *************************** */

.newvehicle_container{
	clear: both;
	display: inline;
	float: left;
	margin: 0;
	font-size:80%;
}


.newvehicle_container img {

	padding: 0;
	border:none;
	background:#5b85ad;
}

a.vehiclemodel_btn {
	width: 490px;
	
	padding: 5px 5px 0 5px;
	display: block;
	float: left!important;
	border: 5px #F4F4F4 solid;
	margin: 0 5px 20px 0;
	color: #666666;
	text-decoration: none;
	font-size: 130%;
	background: #e8e8e8;
}

a:hover.vehiclemodel_btn {
	border: 5px #5b85ad solid;
	background: #f3f3f3;
	color: #666666;
}

.newvehicle_hdr {  display: block; font-weight: bold; margin: 0; text-transform: uppercase; }
.newvehicle_desc { display: block; margin: 0; line-height: 95%; }
.newvehicle_click { display: block; padding: 0 0 0 11px; background: url(../images/row_bullet.gif) 0 5px no-repeat;}


.disclaimer {

	font-size: 10px;
	color: #666666;
	padding-right: 25px;
	padding-left: 5px;
	padding-top: 0px;
	line-height: 17px;
	padding-bottom: 10px;
}


/* ***************************** Demo 3 COL *************************** */

.new_container {
	clear: both;
	display: inline;
	float: left;
	margin: 0 0 20px 0;
}

.new_container ul li {background: url(../images/row_bullet.gif) 0 5px no-repeat; 
}

a.model_btn {
	width: 240px;
	height: 300px;
	padding: 3px 5px 0 3px;
	display: block;
	float: left;
	border: 1px #EDEFEF solid;
	margin: 5px 10px 6px 0;
	color: #666666;
	text-decoration: none;
	font-size: 100%;
	background: #fff;
	}

.new_container img {border: 1px solid #f3f3f3;}

a:hover.model_btn {
	border: 1px #9AABB5 solid;
	background: #f3f3f3;
	color: #666666;
	}

.newcar_hdr {  display: block; font-weight: bold; margin: 0 0 3px; text-transform: uppercase; }
.newcar_desc { display: block; margin: 0 0  2px;  }
.newcar_click { display: block; text-decoration: underline; padding: 0 0 0 10px; background: url(../images/row_bullet_2.gif) 0 5px no-repeat; }


#preownedcontent { width:560px;  padding:20px; margin: 0px 0px 30px 0px; float:right; background:#F8F8F8; display: block; line-height: 130%; }
#preownedcontent h1 { clear: both; font-size: 100%; display: block; margin: 0 10px 5px 10px; padding: 0; color: #212F3C; }
#preownedcontent h2 { clear: left; font-size: 90%; margin: 5px 10px; padding: 0; color: #333; text-transform: uppercase; }
#preownedcontent h3 { clear: left; font-size: 70%; display: block; margin: 5px 10px; padding: 0; color: #212F3C; text-transform: uppercase;  }
#preownedcontent p { font-size: 70%; display: block; color: #212F3C; margin: 0; padding: 10px; line-height: 130%; }
#preownedcontent a { color: #212F3C; }
#preownedcontent a:hover { color: #05528F; }
#preownedcontent ul { list-style-type:none; list-style: none; padding:5px 0px 10px 10px; margin:0px;}
#preownedcontent li {  font-size: 70%; color: #212F3C; display: block; margin: 0px; padding: 0px 0px 0px 12px; background: url(../images/bullet.jpg) no-repeat left 8px;}

.preownedwhite { font-size: 10px; color: #484848; }



#bodycontent h1 { clear: both; font-size: 180%; display: block; margin: 0 10px 5px 8px; padding: 0; color: #07194C; font-family:Arial, Helvetica, sans-serif; }
#bodycontent h2, #preownedcontent h2 { clear: left; font-size: 14px; margin: 5px 10px; padding: 0; color: #07194C; text-transform: uppercase; line-height:20px;}
#bodycontent h3 { clear: left; font-size: 70%; display: block; margin: 5px 10px; padding: 0; color: #333; text-transform: uppercase;  }
#bodycontent p { font-size: 70%; display: block; color: #333; margin: 0; padding: 10px; line-height: 130%; }
#bodycontent a { color: #07194C; }
#bodycontent a:hover { color: #999; }
#bodycontent ul {font-size: 70%; display: block; color:#333; margin: 0; padding: 10px; line-height:150%;}


#models { margin-left: 5px; } /* margin works (cb) when .models_ind float and display elements are introduced */
#models h1 { font-size: 70%; font-weight: bold; margin: 2px 0 2px 0; padding: 5px; color: #333; }
#models h2 { display: block; font-size: 100%; margin: 5px 10px 5px 6px; padding: 0; color: #07194C; text-transform: uppercase; clear: both; }
#models p { font-size: 70%; margin: 0 5px 5px 0; padding: 0 5px 5px 5px; color: #333; line-height: 112%; }
#models a { color: #07194C; }
#models a:hover { color: #999; }

.models_ind { float: left; display: inline; background: #E9E9E9; width: 169px; height: 300px;  border: dotted 1px #EFEFEF; padding: 2px; margin: 3px; } /* float left to create the columns; display inline for cross browser */	

.models_new { float: left; display: inline; background: #E9E9E9; width: 214px; border: dotted 1px #EFEFEF; padding: 2px; margin: 5px; } 
.models_ind1 { float: left; display: inline; background: #E9E9E9; width: 214px; height: 90px;  border: dotted 1px #EFEFEF; padding: 2px; margin: 5px; } 
.models_ind2 { float: left; display: inline; background: #E9E9E9; width: 214px; height: 196px;  border: dotted 1px #EFEFEF; padding: 2px; margin: 5px; } 
.models_ind3 { float: left; display: inline; background: #E9E9E9; width: 214px; height: 233px;  border: dotted 1px #EFEFEF; padding: 2px; margin: 5px 5px 10px; }
.models_ind4 { float: left; display: inline; background: #E9E9E9; width: 214px; height: 150px;  border: dotted 1px #EFEFEF; padding: 2px; margin: 5px; } 

.list ul { float: left; width: 330px; font-size: 70%; display: block; margin: 0 5px 10px; padding: 10px; background: #E9E9E9; list-style: none; border: #EFEFEF 1px dotted; }
.list li { display: block; margin: 0 0 5px; padding: 0 0 0 13px; background: url(../images/bullet2.gif) no-repeat left 0px; line-height: 125%; }
.list a { color: #07194C; }
.list a:hover { color: #999; }

.list1 ul { float: left; width: 600px; font-size: 70%; display: block; margin: 0 5px 10px; padding: 10px; background: #E9E9E9; list-style: none; border: #EFEFEF 1px dotted; }
.list1 li { display: block; margin: 0 0 10px; padding: 0 0 0 10px; background: url(../images/bullet.gif) no-repeat left 4px; line-height: 125%; }
.list1 a { color: #07194C; }
.list1 a:hover { color: #999; }

.top { clear: both; float: right; margin: 10px; }

.img_left { float: left; padding: 5px; background-color: #FFFFFF; border: #EFEFEF 1px dotted; margin: 5px 10px 10px; }
.img_right { float: right; padding: 5px; background-color: #FFFFFF; border: #EFEFEF 1px dotted; margin: 5px 10px; }
.rh_img { background: #FFF; border: #EFEFEF 1px dotted; }

.terms{font-size:80%; margin: 10px 0 15px 0; color:#CCCCCC;}


a.specialshdr_link {padding: 15 15 15 10px;}