@charset "utf-8";
/* ******************************************
	STRUCTURE FOR SMALL CARS COMPARED
****************************************** */

body {
	margin: 0;
	padding: 0;
	color: #808285;
}
.container {
	margin: 0 auto;
	padding: 0;
	width: 960px;
}
.content {
	background: url(../images/header/container_side.gif) repeat-y center left;
	clear: both;
	width: 100%;
}
.mainContent {
	clear: both;
	float: left;
	width: 960px;
}

/* ******************************************
	MAIN NAV
****************************************** */

.navContainer {
	height: 30px;
	float: left;
	width: 960px;
	margin: 0;
	padding: 0;
}
.navContainer li {
	float: left;
}
.navContainer li a {
	display: block;
	height: 30px;
	background: url(../images/elements/mainNav.gif) no-repeat center left;
	text-decoration: none;
	text-indent: -9000px;
	}
	.navContainer li.home a {
		background-position: 0 0;
		width: 82px;
	}
		.navContainer li.home a:hover, .navContainer li.home a:active, .navContainer li.home a.on {
			background-position: 0px -30px;
		}
		
	.navContainer li.compareCars a {
		background-position: -82px 0;
		width: 137px;
	}	
		.navContainer li.compareCars a:hover, .navContainer li.compareCars a:active, .navContainer li.compareCars a.on {
			background-position: -82px -30px;
		}
	
	.navContainer li.safety a {
		background-position: -219px 0;
		width: 150px;
	}	
		.navContainer li.safety a:hover, .navContainer li.safety a:active, .navContainer li.safety a.on {
			background-position: -219px -30px;
		}
		
	.navContainer li.powerEfficiency a {
		background-position: -369px 0;
		width: 237px;
	}		
		.navContainer li.powerEfficiency a:hover, .navContainer li.powerEfficiency a:active, .navContainer li.powerEfficiency a.on {
			background-position: -369px -30px;
		}
		
	.navContainer li.features a {
		background-position: -606px 0;
		width: 168px;
	}		
		.navContainer li.features a:hover, .navContainer li.features a:active, .navContainer li.features a.on {
			background-position: -606px -30px;
		}
		
	.navContainer li.reviews a {
		background-position: -774px 0;
		width: 92px;
	}		
		.navContainer li.reviews a:hover, .navContainer li.reviews a:active, .navContainer li.reviews a.on {
			background-position: -774px -30px;
		}
		
	.navContainer li.videos a {
		background-position: -866px 0;
		width: 94px;
	}		
		.navContainer li.videos a:hover, .navContainer li.videos a:active, .navContainer li.videos a.on {
			background-position: -866px -30px;
		}
/*		
	.navContainer li.about a {
		background-position: -862px 0;
		width: 98px;
	}		
		.navContainer li.about a:hover, .navContainer li.about a:active, .navContainer li.about a.on {
			background-position: -862px -30px;
		}
*/

/* ******************************************
	COMPARE CARS DROP DOWN NAV
****************************************** */
.navContainer ul.sf-menu li.compareCars ul li a {
	display: block;
	text-decoration: none;
	text-indent: 0;
	background: none;	
	font: Arial, Helvetica, sans-serif 1.2em;
	color: #4a4a4a;
}
.navContainer ul.sf-menu li.compareCars ul li {
	margin-bottom: -9px;
	padding: 13px 5px 0 29px;
}
.navContainer ul.sf-menu li.compareCars ul {
	height: 179px;
	background: url(../images/elements/dropDownNav.gif) no-repeat center left;
	width: 256px;
}
.navContainer ul.sf-menu li.compareCars ul li a:hover {
	background: url(../images/elements/vs_cruze.gif) no-repeat 130px 0px;
	color: #fa1e1b;
	width: 256px;
}

/* ******************************************
	COMPARE CAR NAV
****************************************** */
div#compareCarNav li {
	float: left;
	padding-right: 14px;
	/*
	padding-top: 135px;
	*/
}
div#compareCarNav ul {
	margin-top: 150px;
}

/* ******************************************
	COMPARE CAR TABBED NAV
****************************************** */
div#tabbed-nav {
	text-align: left;
	margin-bottom: 10px;
	padding-top: 15px;
	width: 962px;
}
div#tabbed-nav li {
	display: inline;
	padding: 10px 0;
}
/* delete when images are included! */
div#tabbed-nav li a.on {
	color: red;
}

/* ******************************************
	2 COLUMN LAYOUT
****************************************** */
div#col-main {
	width: 650px; 
	float: right;
	/*margin-left: 35px;*/
}
.videos div#col-main {
	width: 598px; /* changed from 620px because of the size of the main video */
}
div#col-sub {
	width: 299px;
	float: left;
}
div.cols-2 {
	margin-top: 30px;
	line-height: 1.5em;
}

/* ******************************************
	SIDEBAR
****************************************** */
div#sidebar {
	float: left;
	margin-left: 10px;
}

/* ******************************************
	TABS NAV
****************************************** */

.tabNav {
	height: 70px;
	float: left;
	width: 965px;
	margin: 3px 0 0 -5px;
	padding: 0;
	padding-bottom: 20px;
}
.tabNav li {
	float: left;
}
.tabNav li a {
	display: block;
	height: 70px;
	background: url(../images/elements/tabs_compare.gif) no-repeat center top;
	text-decoration: none;
	text-indent: -9000px; 
	}
	.tabNav li.tabSafety a {
		background-position: 0 0;
		width: 245px;
	}	
		.tabNav li.tabSafety a:hover, .tabNav li.tabSafety a:active, .tabNav li.tabSafety a.on {
			background-position: 0 -70px;
		}
	
	.tabNav li.tabPower a {
		background-position: -245px 0;
		width: 240px;
	}	
		.tabNav li.tabPower a:hover, .tabNav li.tabPower a:active, .tabNav li.tabPower a.on {
			background-position: -244px -70px;
		}
		
	.tabNav li.tabFeatures a {
		background-position: -485px 0;
		width: 240px;
	}		
		.tabNav li.tabFeatures a:hover, .tabNav li.tabFeatures a:active, .tabNav li.tabFeatures a.on {
			background-position: -484px -70px;
		}
		
	.tabNav li.tabDimensions a {
		background-position: -725px 0;
		width: 240px;
	}		
		.tabNav li.tabDimensions a:hover, .tabNav li.tabDimensions a:active, .tabNav li.tabDimensions a.on {
			height: 70px;
			background-position: -724px -70px;
		}


/* ******************************************
	HOME CAR LIST NAV
****************************************** */

.navCarList {
	height: 105px;
	float: left;
	width: 960px;
	margin: -1px 0 0;
	padding: 0;
}
.navCarList li {
	float: left;
}
.navCarList li a {
	display: block;
	height: 106px;
	background: url(../images/pages/banner_home_cars.jpg) no-repeat center top;
	text-decoration: none;
	text-indent: -9000px; 
	}
	.navCarList li.toyota a {
		background-position: 0 0;
		width: 190px;
	}	
		.navCarList li.toyota a:hover, .navCarList li.toyota a:active, .navCarList li.toyota a.on {
			background-position: 0 -106px;
		}
	
	.navCarList li.mazda a {
		background-position: -190px 0;
		width: 190px;
	}	
		.navCarList li.mazda a:hover, .navCarList li.mazda a:active, .navCarList li.mazda a.on {
			background-position: -190px -106px;
		}
		
	.navCarList li.ford a {
		background-position: -380px 0;
		width: 190px;
	}		
		.navCarList li.ford a:hover, .navCarList li.ford a:active, .navCarList li.ford a.on {
			background-position: -380px -106px;
		}
		
	.navCarList li.mitsubishi a {
		background-position: -570px 0;
		width: 190px;
	}		
		.navCarList li.mitsubishi a:hover, .navCarList li.mitsubishi a:active, .navCarList li.mitsubishi a.on {
			background-position: -570px -106px;
		}
		
	.navCarList li.hyundai a {
		background-position: -760px 0;
		width: 200px;
	}		
		.navCarList li.hyundai a:hover, .navCarList li.hyundai a:active, .navCarList li.hyundai a.on {
			background-position: -760px -106px;
		}


/* ******************************************
	HOME PANELS
****************************************** */

.homePanels {
	height: 155px;
	float: left;
	width: 960px;
	margin: -1px 0 0;
	padding: 0;
}
.homePanels li {
	float: left;
}
.homePanels li a {
	display: block;
	height: 154px;
	background: url(../images/pages/tiles_menu.jpg) no-repeat center top;
	text-decoration: none;
	text-indent: -9000px; 
	}
	.homePanels li.panelSafety a {
		background-position: 0 0;
		width: 190px;
	}	
		.homePanels li.panelSafety a:hover, .homePanels li.panelSafety a:active, .homePanels li.panelSafety a.on {
			background-position: 0 -155px;
		}
	
	.homePanels li.panelPower a {
		background-position: -190px 0;
		width: 193px;
	}	
		.homePanels li.panelPower a:hover, .homePanels li.panelPower a:active, .homePanels li.panelPower a.on {
			background-position: -190px -155px;
		}
		
	.homePanels li.panelFeatures a {
		background-position: -383px 0;
		width: 194px;
	}		
		.homePanels li.panelFeatures a:hover, .homePanels li.panelFeatures a:active, .homePanels li.panelFeatures a.on {
			background-position: -383px -155px;
		}
		
	.homePanels li.panelReviews a {
		background-position: -577px 0;
		width: 193px;
	}		
		.homePanels li.panelReviews a:hover, .homePanels li.panelReviews a:active, .homePanels li.panelReviews a.on {
			background-position: -577px -155px;
		}
		
	.homePanels li.panelVideos a {
		background-position: -770px 0;
		width: 190px;
	}		
		.homePanels li.panelVideos a:hover, .homePanels li.panelVideos a:active, .homePanels li.panelVideos a.on {
			background-position: -770px -155px;
		}

/* ******************************************
	FOOTER
****************************************** */
.footer {
	border: none;
	border-top: 1px solid #E2E2E2;
	clear: both;
	display: inline-block;
	height: 1px;
	margin: 10px 0 5px; /* changed top to 10px from 50px */
	width: 100%;
	float: left;
	display: inline;
}
.footer .disclaimer {
	float: left;
	margin-bottom: 25px;
	margin-top: 25px;
	text-align: justify;
	width: 510px;
}
.footer ul {
	margin-top: 20px;
	float: right;
	width: 405px;
}
.footer ul li {
	float: left;
}