/* Platts 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/platts-van-centre.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; /*change from 9px to 8px */
	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); image not needed .. it causes the distortion */
}


#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 .abarthNav,
.franNav .vansNav,
.franNav .piaggioNav,
.franNav .newsalesNav,
.franNav .usedsalesNav,
.franNav .vansalesNav,
.franNav .newsNav,
.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);
}

.piaggioNav {
background-image:url(../images/franchise_navblocks/piaggio_navblock.jpg);
}

.newsalesNav {
background-image:url(../images/franchise_navblocks/vansalesnew_navblock.jpg);
}

.usedsalesNav {
background-image:url(../images/franchise_navblocks/vansalesused_navblock.jpg);
}

.vansalesNav {
background-image:url(../images/franchise_navblocks/vansales_navblock.jpg);
}
.newsNav {
background-image:url(../images/franchise_navblocks/news_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;
	list-style-type: square;
}

.bodytext_rev {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 130%;
	color:#CCC;
}
.bodytextRed {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 16px;
	color:#FF0000;
	list-style-type: square;
}



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

.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; /*change from #333333 */
}

.headline2 a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 130%;
color:#cc0000; /*change from #333333 */
}
.headline2 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 130%;
color:#cc0000; /*change from #333333 */
}
.headline2 a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 130%;
color:#cc0000; /*change from #333333 */
}
.headline2 a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
line-height: 130%;
color:#cc0000; /*change from #333333 */
}


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

.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;
}