/* CSS Document */

#headContainer {
	width:100%;
	height: 175px;
	background-image:url(../images/topPanel_ext.jpg);
	text-align: right;
	background-repeat: repeat-x;
	background-position: top;
}
body {
	font-family:Arial, Helvetica, sans-serif;
}

#header {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 9px;
	background-image:url(../images/topPanel5.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 160px;
}

#telephone {
	float: left;
	width: 185px;
	margin-right: 30px;
	margin-top:127px;
	padding-left: 40px;
	padding-top:6px;
	padding-bottom:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	text-align:left;
	color: #555555;
	background-image:url(../images/phone-icon.gif);
	background-repeat: no-repeat;
	background-position: left;
	margin-left: 20px;
}

#container {
width: 960px;
margin-right: auto;
margin-left: auto;
text-align: left;
}
body {text-align: center;
}

#containerWide {
width: 1070px;
margin-right: auto;
margin-left: auto;
text-align: left;
}
body {text-align: center;
}

#leftSidebar {
float: left;
width: 309px;
margin-left:10px;
}

#content {
	float: right;
	width: 630px;
}


/* Navigation */


#navContainer {
	width: 660px;
	float: right;
}

#topNav {
	margin-top: 5px;
	padding-right: 10px;
}

#topNav ul {
margin: 0;
padding: 0;
list-style-type: none;
text-align: right;
}

#topNav ul, li {
display: inline;

}

#topNav ul, #topNav li, #topNav a {
text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left: 6px;
	padding-right: 6px;
	color:#666666;
}

#topNav ul, #topNav li, #topNav a:hover {
color: #CC0000;
}


#mainNav {
	margin-top: 9px;
	height:30px;
	padding-right: 10px;
}

#mainNav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: right;
}

#mainNav ul, #mainNavli {
display: inline;
background-image:url(../images/red.jpg);
}


#mainNav ul, #mainNav li, #mainNav a {
text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 6px;
	padding-right:6px;	
	color:#FFFFFF;	
}


#mainNav li:hover {
	background-image:url(../images/red_over.jpg);
}


/* Sidebar */

.franNav .alfaNav,
.franNav .fiatNav,
.franNav .daihatsuNav,
.franNav .protonNav,
.franNav .syNav,
.franNav .vansNav,
.franNav .abarthNav,
.franNav .plattsNav
 {
background-position:top;
background-repeat:no-repeat;
}

.alfaNav {
background-image:url(../images/franchise_navblocks/alfa_navblock.jpg);
}

.fiatNav {
background-image:url(../images/franchise_navblocks/fiat_navblock.jpg);
}

.daihatsuNav {
background-image:url(../images/franchise_navblocks/daihatsu_navblock.jpg);
}

.syNav {
background-image:url(../images/franchise_navblocks/ssangyong_navblock.jpg);
}

.vansNav {
background-image:url(../images/franchise_navblocks/fiat_professional_navblock.jpg);
}

.protonNav {
background-image:url(../images/franchise_navblocks/proton_navblock.jpg);
}

.abarthNav {
background-image:url(../images/franchise_navblocks/abarth_navblock.jpg);
}

.plattsNav {
background-image:url(../images/franchise_navblocks/p_navblock.jpg);
}
/* Footer content begins */

#footerContainer {
	clear: both;
	width:100%;
	height:50px;
	background-color:#333333;
}

#footer {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	height:30px;
	padding-top: 7px;
}

#baseNav {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
}

#baseNav2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777777;
}

#baseNav ul, #baseNav2 ul {
	list-style:none;
	margin: 0px;
	padding: 3px;
}

#baseNav li, #baseNav2 li {
	display:inline;
	padding-left: 20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}

#baseNav a:link, #baseNav a:visited {
	color:#CCCCCC;
	text-decoration:none;
}

#baseNav2 a:link, #baseNav2 a:visited {
	color:#777777;
	text-decoration:none;
}

#baseNav a:hover, #baseNav2 a:hover {
	color:#FC3;
	}
	


#baseNav3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#777777;
	width: 960px;
	margin-left:auto;
	margin-right:auto;
	padding-top: 7px;
}

#baseNav3 ul {
	list-style:none;
	margin: 0px;
	padding: 3px;
}

#baseNav3 li {
	display:inline;
	padding-left: 20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
}

#baseNav3 a:link, #baseNav3 a:visited {
	color:#777777;
	text-decoration:none;
}

#baseNav3 a:hover {
	color:#C00;
	}





	
.image {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.backgroundimage {
	background-repeat: no-repeat;
}

.bodytext {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	color:#333333;
}

.bodytext_rev {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 130%;
	color:#CCC;
}

.headline1 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height: 130%;
color:#666666;
}

.headline_rev1 {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
line-height: 130%;
color:#FFFFFF;
}

.headline2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 130%;
color:#333333;
}

.headline3 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 130%;
color:#C00;
}

.headline_rev2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 130%;
color:#FFFFFF;
}

.price_flash {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height:120%;
color:#FFF;
background-color:#C00;
text-indent:10px;
width:300px;
}

.inset {
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	margin-left: 20px;
}
.inset2 {
	padding: 0px;
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom:0px;
	margin-left: 0px;
	width: 170px;
}


#hotspot_link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#333333;
	list-style-type:none;
	text-decoration: none;
	text-align: right;
	float: right;
	height: auto;
	width: auto;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	clear: none;
	z-index: 2;
}

#hotspot_link a, #hotspot_link a:visited {
	display: block;
	background-color: #FFFFFF;
	background-image:url(../images/arrow-icon.png);
	color: #333333;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 25px;
	margin: 0;
	background-position: 0% 50%;
	text-decoration: none;
	background-repeat: no-repeat;
	}

#hotspot_link a:hover, #hotspot_link_rev a:hover {
	color:#CC0000;
	text-decoration: underline;
	background-image: url(../images/arrow-icon_over.png);
	background-repeat: no-repeat;
}

#hotspot_link_rev {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FFFFFF;
	list-style-type:none;
	text-decoration: none;
	text-align: right;
	float: right;
	height: auto;
	width: auto;
	margin: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	clear: none;
	z-index: 2;
}

#hotspot_link_rev a, #hotspot_link_rev a:visited {
	display: block;
	background-image:url(../images/arrow-icon.png);
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 25px;
	margin: 0;
	background-position: 0% 50%;
	text-decoration: none;
	background-repeat: no-repeat;
	}

#hotspot_link_rev a:hover {
	color:#CC0000;
	text-decoration: underline;
	background-image: url(../images/arrow-icon_over.png);
	background-repeat: no-repeat;
}

.left_title {
	margin: 0px;
	float: left;
	width: 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	clear: both;
}
.ticklist {
	list-style-image: url(../images/tick-icon.jpg);
	list-style-type: circle;
}
.captions {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #666666;
}

#floatframe {
	position:absolute;
	top:50px;
	width:100%;
	height:100%;
	z-index:100;
}

#subhead_bar_blue {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	background-color: #666;
	width: 261px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin: 0px;
	border: 1px solid #FFF;
}

#left_panel_text {
	line-height:16px;
	background-color: #CCCCCC;
	width: 261px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin: 0px;
	border: 1px solid #FFF;
}

#button_link {
	width:280px;
	height:42px;
	background-image: url(../images/used_search_button.jpg);
	margin-top: 5px;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
	margin-bottom: 5px;
}

#button_link a, #button_link a:visited {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFF;
	}

#button_link a:hover {
	color:#F93;
	text-decoration: underline;
}

#offer_wrap {
	background-color:#999;
	padding:10px;
	margin:0;
	width:582px;
}

.offerbox_l {
	width:280px;
	height:220px;
	border:#FFF solid thin;
	margin:0px 0px 10px;
	float: left;
	padding:0px;
}

.offerbox_r {
	width:280px;
	height:220px;
	border:#FFF solid thin;
	margin:0px 0px 10px;
	float: right;
	padding: 0px;
}

.offerbox_t {
	width:280px;
	height:90px;
	border-bottom:#666 solid thin;
}

.offerbox_l2 {
	width:280px;
	height:260px;
	border:#FFF solid thin;
	margin:0px 0px 10px;
	float: left;
	padding:0px;
}

.offerbox_r2 {
	width:280px;
	height:260px;
	border:#FFF solid thin;
	margin:0px 0px 10px;
	float: right;
	padding: 0px;
}

.offerbox_t2 {
	width:280px;
	height:159px;
	border-bottom:#666 solid thin;
}

.offerbox_b {
	width:260px;
	height:110px;
	padding:10px;
	background-color:#EFEFEF;
}

.offerbox_b2 {
	width:260px;
	height:80px;
	padding:10px;
	background-color:#EFEFEF;
}


  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

 main stylesheet ends, CC with new stylesheet below... 

[if IE]>

  .clearfix {
    zoom: 1;     /* triggers hasLayout */
    }  /* Only IE can see inside the conditional comment
    and read this CSS rule. Don't ever use a normal HTML
    comment inside the CC or it will close prematurely. */


#pic_top_right {
	float:right;
	margin-bottom: 20px;
	margin-left: 15px;
	margin-top: -40px;
	text-align: right;
}

#pic_right {
	float:right;
	margin-bottom: 20px;
	margin-left: 15px;
}

#pic_left {
	float:left;
	margin-bottom: 20px;
	margin-right: 15px;
}

.pic_frame {
	border: 1px solid #FFF;
}

#offer_wrap2 {
	background-color:#DCE6E8;
	padding:10px;
	margin:0;
	width:582px;
}

#offer_wrap_full {
	background-color:#666;
	padding:10px;
	margin:0;
	width:912px;
}