/* CSS Document */
@import url("fonts.css");
@import url("header.css");
@import url("advertisement.css");
@import url("cars.css");
@import url("footer.css");
@import url("contentslider.css");
/*@import url("lightbox.css");*/
@import "thickbox.css";


/* Global */
body {
	background-color:#efefef;	
	background-image:url(../images/bg-body.jpg);
	margin:0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	}

.msg{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #0066a6;
	letter-spacing:0.03em;
	font-weight:normal;
	}



/* --------------- TOP Banner --------------- */
div#banner{
	text-align:center;
	position:absolute;
	margin-left:auto;
	margin-right:auto;	
	width:990px;
	height:103px;
	top:80px;
	}
/* --------------- TOP Banner 2 --------------- */
div#banner2{
	text-align:center;
	position:absolute;
	margin-left:auto;
	margin-right:auto;	
	width:990px;
	height:103px;
	top:65px;
	}

/* --------------- TOP Banner 3 --------------- */
div#banner3{
	text-align:center;
	position:absolute;
	margin-left:auto;
	margin-right:auto;	
	width:1050px;
	height:65px;
	top:1px;
	}


/* --------------- Main --------------- */
div#main{
	margin-left:auto;
	margin-right:auto;	
	width:990px;
	}
	
	
div#content{
	position:relative;
	top:150px;
	left:0;
	width:990px;
	height:712px;
	}
	
div#contentVans{
	position:absolute;
	top:8px;
	left:0;
	width:990px;
	height:700px;
	background-color:#d5cec5;
	border:thin solid #776d60;
	}
	
div#cvans{
        position:absolute;
	width:100%;
	height:100%;
}

div#dividerHome{
	text-align:center;
	position:absolute;
	top:8px;
	left:352px;
	width:120px;
	height:693px;
	background-color:#ffffff;
	}


div#title {
	position:relative;
	top:9px;
	left:18px;	
	z-index:100;
	}/* --------------- Applies for all titles --------------- */
	

/* --------------------------------------------- HOMEPAGE --------------------------------------------- */

/* --------------- Left --------------- */

div#leftHome {
	position:absolute;
	top:8px;
	left:0px;
	width:441px;
	height:602px;
	}
	

	/* --------- SEARCH --------- */
div#searchHome {
	position:relative;
	width:333px;
	height:87px;
	background-color:#A99B89;
	overflow:hidden;
	}
	
div#searchContent {
	position:absolute;
	margin-top:30px;
	left:15px;
	}
	
	
	
div#searchButton {
	position:absolute;
	top:0;
	left: 225px;
	}


	/* --------- BROWSE CAR --------- */
div#browseCarByHome {
	position:relative;
	width:320px;
	height:255px;
	top:16px;
	background-color:#3b89bb;
	}
	
div#browseContent {
	position:relative;
	top:30px;
	left:15px;
	}	

div#browseDivider {
	position:absolute;
	top:401px;
	left:0px;
	height:1px;
	width:100%;
	background-color:#a9e1f8;
	
	}

	/* --------- VIDEO --------- */
div#videoHome {
	text-align:center;
		position:relative;
	width:320px;
	height:255px;
	top: 8px;
	background-color:#3b89bb;
	}





/* --------------- RIGHT --------------- */
	
div#rightHome {
	position:absolute;
	top:8px;
/*	left:475px;   */
	left:365px;
	width:516px;
	height:602px;
	}

	/* --------- CURRENT UPDATES --------- */
div#currentUpdatesHome {
	position:relative;
	width:516px;
	height:406px;
	/* top:232px;   */
	top: 10px;
	background-color:#a9e1f8;
	}

div#currentUpdatesHome1 {
	position:relative;
	width:516px;
	height:240px;
	top:10px;
	background-color:#80b3d3;
	}

div#sliderHome1{
	position:absolute;
	top:40px;
	left:16px;
	height:150px;
	width:487px;
	color:#000000;
	}

div#currentUpdatesHome2 {
	position:relative;
	width:516px;
	height:177px;
	top:8px;
	background-color:#80d6ee;
	color:#000000;
	display:none;
	}

div#sliderHome2{
	position:absolute;
	top:40px;
	left:16px;
	height:150px;
	width:487px;
	}

div#updateDetailDate{
	float:right;
	}

	.floatImage{
	top:0;
	left:0;
	float:left;
	margin-right:10px;
	text-align:justify;
	border:thin solid #d5cec4;
	}
	
	.floatImage:hover{
	top:0;
	left:0;
	float:left;
	margin-right:10px;
	text-align:justify;
	border:thin solid #FF145E;
	}
		
div#marginCurrentUpdates{
	padding:20px;
	overflow-x:hidden;
	}


	/* --------- LATEST TESTS --------- */
div#latestTests {
	position:absolute;
	top: 0px;
	width:350px;
	height:402px;
	background-color:#3b89bb;
	
	}
	
div#latestTests01 {
	position:relative;
	width:516px;
	height:177px;
	top: 8px;
	background-color:#3b89bb;
	}
	
div#testsArea {
	position:relative;
	float:left;
	width:330px;
	height:110px;
	margin-top:10px;
	margin-right:15px;
	left:10px;
	top:0px;
	background-color:#ffffff;
	}
	
div#testsLogoHome {
	position:absolute;
	top:10px;
	left:180px;
	text-align:center;
	}
	
div#testsLogoHome div#testsLogoHometxt{
	position:relative;
	color:#5A5551;
	font-weight:bold;
	font-size:12px;
	top:3px;
	text-align:center;
	width:100%;
	}
	
	
div#testsDivider{
position:absolute;
	top:100px;
	left:0;
	height:1px;
	width:516px;

}
div#commingUpMain{
	position:relative;
	top:0px;
	left:0px;
	width:512px;
	height:27px;
	background-color:#0065a9;
}

div#commingUp {
	position:absolute;
}

div#textCommingUp {
	position:relative;
	top:5px;
	left:140px;
	color:#fff;
	width:368px;
}


	/* --------- GOODIES --------- */	
div#goodies {
	position:relative;
	width:516px;
	height:172px;
	background-image:url(../images/goodies.jpg);
	top: 51px;
	background-color:#556273;
	}
	
div#interestingReads {
	position:absolute;
	top:65px;
	left:45px;
	width:177px;
	height:74px;
	}	



div#livingWith {
	position:absolute;
	top:56px;
	left:287px;
	width:177px;
	height:83px;
	border: thin solid #aac4e7;
	}
	


/* --------------------------------------------- CONTAINER --------------------------------------------- */

	
	
div#leftContainer {
	position:absolute;
	top:0px;
	left:0px;
	width:333px;
	height:602px;
	}

div#leftContainer2{
	position:absolute;
	top:8px;
	left:0px;
	width:333px;
	height:602px;
	}


	/* --------- LEFT MAKE LOGO --------- */	
div#makeDisplay {
	position:relative;
	top:0;
	left:0;
	width:333px;
	height:115px;
	background-color:#fff;	
	}
	
div#makeLogo{
	position:relative;	
	margin-left:auto;
	margin-right:auto;
	top:16px;
	width:160px;
	height:86px;
	}
	

	/* --------- LEFT SPONSORS --------- */	
div#makeCredit {
	text-align:center;
	position:relative;
	top:8px;
	left:0;
	width:333px;
	height:200px;
	background-color:#fff;
	}

div#makeSponsorImage{
	position:relative;
	top:0px;
	left:0px;
	width:333px;
	height:115px;
	background-color:#fff;
	}
	
	
div#selectManufacturer {
	position:relative;
	top:16px;
	left:0;
	width:333px;
	height:40px;
	background-color:#3b89bb;
	}
	
div#selectManufacturer2 {
	position:relative;
	top:8px;
	left:0;
	width:333px;
	height:40px;
	background-color:#3b89bb;
		
	}
	

	
	/* --------- REAL FUEL TABLE --------- */
div#fuelTable {
	position:relative;
	top:24px;
	left:0;
	width:333px;
	height:307px;
	background-color:#cbedfb;
	overflow:auto;
	overflow-x:hidden;
	}
	
div#fuelTable2 {
	position:relative;
	top:16px;
	left:0;
	width:333px;
	height:520px;
	background-color:#cbedfb;
	overflow:auto;
	overflow-x:hidden;
	}
	
	/* --------- RIGHT --------- */	
	
div#rightContainer {
	position:absolute;
	top:8px;
	left:340px;
	width:649px;
	height:690px;
	background-color:#cbedfb;
	overflow-x:hidden;
	overflow:auto;
	}
	



/*------DetailPage---------------*/


.titleDetail02{
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #71675A;
	letter-spacing:0.02em;
	font-weight:normal;

	}

div#titleDetailCommon{
	position:relative;
	top:15px;
	left:15px;
	width:129px;
	height:19px;
	}
.floatImageDetail{
	top:0;
	left:0;
	float:left;
	margin-right:10px;
	text-align:justify;
	border:thin solid #FF145E;
	}
	
div#detailBar{
	position:absolute;
	top:18px;
	left:0;
	height:20px;
	width:4px;
	border: thin solid red;
	}
	

/* --------------------------------------------- CAR DETAIL PAGE --------------------------------------------- */

/* --------------- Left CONTENT --------------- */
div#leftContent {
	position:absolute;
	top:8px;
	left:0px;
	width:333px;
	height:602px;
	}

div#logoMakeContent {
	position:relative;
	width:333px;
	height:143px;
	top: 0px;
	background-color:#4E4E50;
	}
	
div#browseCarByContent {
	position:relative;
	top:8px;
	width:333px;
	height:251px;
	background-color:#A99B89;
	}
	

	
div#adContent {
	position:relative;
	top: 24px;
	width:333px;
	height:98px;
	background-color:#D8D5D1;	
}


div#list{
  position: relative;
  top: 0px;
  left: 0px;
  padding:0;
  z-index: 4;
  list-style: none inside;
  width: 600px;
  margin: 0;
  overflow:auto;  
}


div#links {
float:left;
margin-bottom:20px;
margin-left:20px;
width:98px;
height:52px;
cursor:pointer;
background-color:#ffffff;
border: 10px solid #fff;
}

div#unsubscribe{
	position:relative;
	text-align:center;
	top:60px;
}

div#unsubscribe a {
	color:#9C928A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
}


div#footerad{
	position:relative;
	text-align:center;
	top:60px;
}

div#footerad a {
	text-decoration:none;
}

div#cargoLogoHome{
	position:absolute; 
	background:url('../images/magazine/cargo_magazine.png') no-repeat scroll 0 0 transparent;
	height: 70px; 
	left: 555px; 
	position: absolute; 
	top: -20px; 
	width: 127px; 
	cursor:pointer;
	}

div#cargoLogoHome:hover{
	top: -22px; 
	}


div#new_reviews_commericals{
	position:absolute; 
	top:10px; 
	background:url('../images/commercials/38_new_reviews.png') no-repeat scroll 0 0 transparent;
	height: 58px; 
	left: 20px; 
	position: absolute; 
	top: -20px; 
	width: 150px; 
	cursor:pointer;
	}

div#new_reviews_commericals:hover{
	top: -22px; 
	}