/*
 
Copyright (c) Enigma Interactive 2004

SOM2
Project:		Vroom
Filename:		layout_common.css
Description:	Site-wide layout elements
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
1	08/10/07	MS			created

*/


/*MISC*/
body {
	margin:0;
	padding:0;
	text-align:center;
	color:#595959;
	font: normal 75% Arial, Helvetica, sans-serif;
	background: #FFFFFF url(/images/general/main_bg.gif) top left;
}

.central {
	margin: 0 auto;
}

h1 {
	background:#CC0000;
	color:#FFF;
	font-size:1.7em;
	font-weight:bold;
	margin:0 0 10px;
	padding:8px 10px;
}

h2 {
	color:#E3252F;
	font-size:1.1em;
	font-weight:bold;
	margin:24px 0px 6px 0px;
	padding:0;
}

.bigtext {
	color:#E3252F;
	font-size:2em;
	font-weight:bold;
}

p {
	padding:0 0 0.5em;
	margin:0;
	overflow:hidden;
}

.hidden {
	display:none;
}

img {
	margin:0;
	padding:0;
	display:block;
	border:none;
}

a {
	color:#E10915;
	text-decoration:none;
}

a img {
	border:none;
	margin:0;
	padding:0;
}

form {
	margin:0;
	padding:0;
}

#siteHolder {
	background: transparent url(/images/general/bg_shadow.gif) repeat-y top center;
	width:100%;
	padding:32px 0;
	text-align:left;
}

#site {
	overflow:hidden;
	width:960px;
	margin: 0 auto;
}

#siteTop, #siteSplash, #coSiteTool, #information {
	overflow: hidden;
	margin-bottom: 10px;
}

#siteSplash, #sitePromise, #coArticleUsedCar_search {display:block;float:left;height:300px;margin-right:10px;}
#siteSplash {width:530px;background-color:#F11C18;}
#sitePromise {width:165px;background-color:#FFCC00;}
#coArticleUsedCar_search {width:245px;background-color:#A1A1A1;margin-right:0;}

#siteContent {
	position:relative;
	width:100%;
	overflow:hidden;
	margin:0;
	padding:0;
}

.boxArea {
	width:100%;
	overflow:hidden;
}

.row {
	width:100%;
	overflow:hidden;
}

.prevNextPad {
	clear:both;
	width:100%;
	margin:0px 0px 0px 0px;
}

.rowLeft {
	float:left;
	width:50%;
}

.rowRight {
	float:right;
	width:50%;
}

.floatRight {
	float:right;
}

.marginBottom {
	margin-bottom:10px;
}

/*MAIN AREA AKA CONTENT*/ 
#siteMain {
	width:100%;
	overflow:hidden;
}

#midPanel {
	float:left;
	width:785px;
	margin-left:10px;
}

#mainPanel {
	float:left;
	width:610px;
	display:block;
}

#bodyText {
	position: relative;
	height: auto;
	float: left;
	width:100%;
}

#mainPanel .rightFloat {
	float:right;
}

#mainPanel p {
	padding-bottom:0.5em 0em 0.5em 0em;
	margin:0;
}

#bodyText ul {
	list-style:none;
	margin:0;
	padding:0;	
}

#bodyText ul .desc {
	margin-bottom:6px;
}

#bodyText ul li a {
	color:#E10915;
	text-decoration:none;	
	font-weight:bold;
}

#bodyText .item {
	padding:4px 0px 8px 0px;
	margin:0;
}


#bodyText .title {
	font-weight:bold;
}


/*SIGNPOST*/
#signpostPanel {
	float:right;
	width: 165px;
	overflow: hidden;
}

#signpostPanel div div {
	margin:0;
}

#signpostPanel .contact {
	padding:5px;
}

#signpostPanel .coArticleSignpostWrap {
	color:#E3252F;
	font-weight:bold;
	background-color:#FFCC00;
	position:relative;
	overflow:hidden;
	display:block;
	margin-bottom: 10px;
}

#signpostPanel .coArticleSignpostWrap .headline {
	margin:0;
	padding:2px 4px 2px 4px;
}

#signpostPanel .coArticleSignpostWrap a {
	color:#FFF;
	text-decoration:none;	
	font-weight:bold;
}

#signpostPanel .coArticleSignpostWrap img {
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

#signpostPanel .summary {
	background-color:#B4B4B1;
	color:#000;
	padding:2px 4px 6px 4px;
}

#signpostPanel .coArticleSignpostWrap .articleText {
	background:#B4B4B1 url(/images/signposts/signpost_bottom.gif) no-repeat bottom left;
	position:relative;
	overflow:hidden;
	display:block;
}

#signpostPanel .coArticleSignpostWrap p {
	color:#000;
	font-size:0.9em;
	font-weight:normal;
	margin:0;
	padding:2px 4px 6px 4px;
}

.signpost {
	width: 165px;
}

/*CAR SEARCH*/

#coArticleUsedCar_search {
	
}

#coArticleUsedCar_search select {
	width:215px;
	font-size:1.3em;
	font-weight:bold;
	/*color:#F11C18;*/
}
#coArticleUsedCar_search .alt {
	color:#000000;
}

#coArticleUsedCar_search .row {
	margin:5px 15px;
}
#coArticleUsedCar_search .search {
	margin:15px 15px 0;
}
#coArticleUsedCar_search .favs {
	margin:0 15px;
}

#coArticleUsedCar_search .search_results_row {
	overflow:hidden;
	position:relative;
	width:100%;
}

/*SEARCH RESULTS*/
.message_body {
	margin-top:8px;
	margin-bottom:8px;
	overflow:hidden;
}

.message_body_row {
	padding:4px 4px 4px 4px;
	color:#FFF;
	background-color:#333;
	overflow:hidden;
}

#mainPanel .search_results_row {
	width:100%;
	overflow:hidden;
}

#mainPanel .searchResultsModelBox {
	float:left;
	width:292px;
	overflow:hidden;
	margin:5px;
	border:1px solid #CCC;
}

#mainPanel .search_results_model {
	color:#333;
	font-size:0.8em;
}

.rowLeft_searchResults {
	float:left;
	width:124px;
}

.rowRight_searchResults {
	float:right;
	width:165px;
}

#mainPanel .search_results_model .carSearchImg {
	float:left;
}

#mainPanel .search_results_model .manufacturer {
	font-weight:bold;
}

#mainPanel .search_results_model .baggedImg_sm {
	display:block;
	position:absolute;
	bottom:1px;
	right:4px;
}

#mainPanel .search_results_model a:link, #mainPanel .search_results_model a:visited, 
#mainPanel .search_results_model a:hover, #mainPanel .search_results_model a:active {
	text-decoration:none;
}

#mainPanel .message_body_row a:link, #mainPanel .message_body_row a:visited, 
#mainPanel .message_body_row a:hover, #mainPanel .message_body_row a:active {
	text-decoration:none;
	color:#E10915;
	font-weight:normal;
}

/*CAR DETAILS*/
.rowLeft_carDetails {
	float:left;
	width:264px;
}

.rowRight_carDetails {
	float:right;
	width:320px;
	padding-right:5px;
}

#coArticleUsedCar_details {
	width:610px;
}

#mainPanel .carDetailsBox {
	float:left;
	width:100%;
}

#mainPanel .carDetails {
	height:100%;
	background-color:#FFF;
	border:1px solid #CCC;
	color:#333;
	/*font-size:0.8em;*/
	overflow:hidden;
	position:relative;
}

#mainPanel .carDetails .textSmall {
	font-style:italic;
	font-size:0.9em;
}



#mainPanel .carDetails a {
	color:#000;
	text-decoration:none;
	font-size:0.9em;
}

#mainPanel .carDetails a:hover {
	font-weight:bold;
}

#mainPanel .carDetails_pad {
	padding:8px 4px 4px 4px;
}

#mainPanel .baggedImg_lg {
	position:absolute;
	top:8px;
	right:4px;
}

#mainPanel .carDetailImg_lg {
	padding:0;
	margin:0;
}

#mainPanel .carDetailImg_sm {
	float:left;
	padding:4px 1px 4px 1px;
}

#mainPanel .carDetails .dealerBox {
	border:1px solid #CCC;
	margin:6px 7px 6px 1px;
	padding:5px;
}

#mainPanel .logoBG {
	width:318px;
	height:30px;
	background-color:#E10A16;
}

#mainPanel .price {
	font-size:1.6em;
	font-weight:bold;
}


#mainPanel .header {
	font-size:1.2em;
	font-weight:bold;
}

#mainPanel ul {
	padding:10px 0px 10px 18px;
	list-style-image: url(/images/general/listImage.gif);
}

#mainPanel .listBold {
	font-weight:bold;
}

/*BAG*/
#mainPanel .centerBag {
	position:relative;
	width:498px;
	margin:0 auto;
}

#mainPanel .bagBorder {
	border:18px solid #E10915;
}

#mainPanel .bagItem {
	border-bottom:2px solid #333333;
	overflow:hidden;
	width:100%;
	margin-bottom:10px;
}

#mainPanel .bagItem .col1 {
	float:left;
	overflow:hidden;
	width:120px;
}

#mainPanel .bagItem .col2 {
	float:left;
	padding-left:10px;
	overflow:hidden;	
}

#mainPanel .bagItem .col3 {
	float:right;
	overflow:hidden;	
}

#mainPanel .bagItem img {
	padding:0;
	margin:0;
}

#mainPanel .bagItem .bagName {
	font-weight:bold;
}

#mainPanel .bagItem .bagPrice {
	font-size:0.9em;
	font-weight:bold;
	padding:12px 0px 10px 0px;
}

#mainPanel .bagItem a {
	font-size:0.8em;
	color:#E10915;
	text-decoration:none;	
	font-weight:normal;
}

#mainPanel .bagItem .removeCar {
	display:block;
	margin-top:8px;
}

#mainPanel .bagMessageBox {
	position:relative;
	width:400px;
	margin:0 auto;
	background-color:#FFCC00;
	padding:10px;
}


#mainPanel .bagMessage {
	color:#E10915;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}


/*DEALER LIST*/
#mainPanel .dealerList {
	/*width:498px;*/
	width:626px;
	overflow:hidden;
	padding-top:12px;
	padding-bottom:12px;
}

#mainPanel .dealerColLeft {
	float:left;
	overflow:hidden;
	/*width:139px;*/
	width:245px;
}

#mainPanel .dealerColRight {
	padding-left:12px;
	float:right;	
	/*width:347px;*/
	width:375px;
	overflow:hidden;
	padding-left:6px;
}

/*DEALER DETAIL*/
#mainPanel .dealerBanner {
	width:100%;
	background-color:#BDBEC0;
	padding:4px 0px 4px 0px;
	margin-bottom:5px;
}

#mainPanel .dealerBannerText {
	font-size:1.2em;
	font-weight:bold;
	padding-left:4px;
}

#mainPanel .centerCarList {
	position:relative;
	width:498px;
	margin:0 auto;
}

#mainPanel .dealerDetailsBox {
	background-color:#FFF;
	border:1px solid #CCC;
	margin:10px 0px 0px 0px;
	padding:5px;
}

#mainPanel .dealerDescriptionBox {
	width:99%;
	overflow:hidden;
}


#mainPanel .dealerContact {
	display:block;
}

#mainPanel .dealerDetailsBox .rowLeftDD {
	float:left;
	overflow:hidden;
}

#mainPanel .dealerDetailsBox .rowRightDD {
	float:left;
	overflow:hidden;
	padding-left:6px;
}

#mainPanel .dealerDetailsBox .row a {
	color:#E10915;
	font-weight:bold;
	text-decoration:none;
}

#mainPanel .dealerDetailsPadTop {
	margin-top:10px;
}

#mainPanel .dealerDetailsPadBottom {
	padding-bottom:10px;
}

#mainPanel .dealerDetails {
	width:498px;
	overflow:hidden;
	padding:0;
	margin:0;
}

#mainPanel .dealerDetails .colSmall {
	font-size:1.1em;
	font-weight:bold;
	height:20px;
	padding:0;
	margin:0;
}

#mainPanel .dealerDetails .colTall {
	font-size:1em;
	font-weight:bold;	
	height:63px;
	padding:0;
	margin:0;
}

#mainPanel .dealerDetails .colTall img {
	padding:0;
	margin:0;
	display:block;
}

#mainPanel .dealerDetails .colTall a {
	font-size:0.8em;
	color:#E10915;
}

#mainPanel .dealerDetails .col1 {
	border:1px solid #CCC;
	overflow:hidden;
	width:84px;
	background-color:#FFF;
}

#mainPanel .dealerDetails .col2 {
	border:1px solid #CCC;
	overflow:hidden;	
	width:90px;
	background-color:#FFF;
	padding-left:3px;
}

#mainPanel .dealerDetails .col3 {
	border:1px solid #CCC;
	overflow:hidden;	
	width:144px;
	background-color:#FFF;
	padding-left:3px;
}

#mainPanel .dealerDetails .col4 {
	border:1px solid #CCC;
	overflow:hidden;	
	width:60px;
	background-color:#FFF;
	padding-left:3px;
}

#mainPanel .dealerDetails .col5 {
	overflow:hidden;	
	width:45px;
	vertical-align:bottom;
	padding-left:3px;
}

#mainPanel .dealerDetails .col6 {
	overflow:hidden;	
	width:27px;
	vertical-align:bottom;
	padding-left:3px;
}

/*HOW TO FIND US*/
#mainPanel .centerMap {
	position:relative;
	width:498px;
	padding:20px 0px;
	margin:0 auto;
}


/*BUTTONS*/
#mainPanel .buttons {
	/*margin-top:12px;*/
}

#mainPanel .inlineButton {
	float:right;
	overflow:hidden;	
}

#mainPanel .buttons a {
	display:block;
	overflow:hidden;
	width:143px;
	height:15px;
	background-color:transparent;
	background-position:top left;
	float:left;
	margin-right:6px;
}

#mainPanel .buttons a.butClearBag, #mainPanel .buttons a.butPrintBag {
	width:119px;
	height:25px;
}

#mainPanel .buttons a.butDealerLocationFat {
	width:109px;
	height:25px;
}



#mainPanel .butsRight a {
	margin-right:0px;
	margin-left:6px;
}

#mainPanel .buttons a:hover {
	background-position:bottom left;
}

#mainPanel a.butBack {
	background-image:url(/images/buttons/back.gif);
}

#mainPanel .butPad {
	padding-bottom:15px;
}

.butSearch {
	background-image:url(/images/buttons/search.gif);
}
#mainPanel a.butReset {
	background-image:url(/images/buttons/reset.gif);
}
#mainPanel a.butDealer {
	background-image:url(/images/buttons/dealer.gif);
}
#mainPanel a.butDealerLocation {
	background-image:url(/images/buttons/dealer-location.gif);
}
#mainPanel a.butDealerLocationFat {
	background-image:url(/images/buttons/dealer_location_map.gif);
}
#mainPanel a.butGetRoute {
	background-image:url(/images/buttons/get-route.gif);
}
#mainPanel a.butNewSearch {
	background-image:url(/images/buttons/new-search.gif);
}
#mainPanel a.butPrintBag {
	background-image:url(/images/buttons/print-bag.gif);
}
#mainPanel a.butPrintMap {
	background-image:url(/images/buttons/print-map.gif);
}
#mainPanel a.butPrint {
	background-image:url(/images/buttons/print.gif);
}
#mainPanel a.butNext {
	background-image:url(/images/buttons/next.gif);
}
#mainPanel a.butPrevious {
	background-image:url(/images/buttons/previous.gif);
}
#mainPanel a.butClose {
	background-image:url(/images/buttons/close.gif);
}
#mainPanel a.butClearBag {
	background-image:url(/images/buttons/clearBag.gif);
}

#mainPanel a span{
	display:none;
}

/*BREADCRUMB TRAIL*/
#coSiteSubNavigation {
	float: right;
	color:#E10915;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	overflow:hidden;
	font-weight:normal;
	margin:5px 8px;
}

#coSiteSubNavigation ul {
	list-style:none;
	margin:0;
	padding:0;
}

#coSiteSubNavigation ul a {
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

#coSiteSubNavigation li {
	display:block;
	float:left;
	margin:0;
	padding:0;
	color:#FFF;
}

#coSiteSubNavigation li span {
	font-weight: bold;
	color: #FFF;
}

/*FOOTER AREA*/
#information {
	padding: 0;
	background-color: #CC0000;
	text-align: center;
	padding-bottom:10px;
}

#links {
	font-size: 1em;
}

#coSiteTool {
	margin-top:10px;
}

#coSiteTool .snippet {
	float: left;
	margin: 10px 50px 0 20px;
	text-align: left;
	color:#FFF;
	font-size: 0.8em;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#coSiteTool .snippet a {
	color:#FFF;
}

#coSiteTool a {
	font-weight:bold;
	color:#646464;
	text-decoration:none;
}

#coSiteFooter {
	color:#BDBDBD;
	font-weight:bold;
	font-size: 0.9em;
}

#coSiteFooter p {
	padding: 0;
}

#slideshow {
    position:relative;
	width:258px;
    height:194px;
}

#slideshow a img {
    position:absolute;
    top:0;
    left:0;
	width:258px;
    height:194px;
   	display:block;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
	width:258px;
    height:194px;
    z-index:8;
}

#slideshow img.active {
    z-index:10;
}

#slideshow_mini {
    position:relative;
}

#slideshow_mini img {
    position:relative;
	width:80px;
	height:61px;
	display:inline;
	padding:1px;
	cursor:pointer;
}


#slideshow_mini img {
   border:1px solid #fff;
	
}

#slideshow_mini img.active {
    border:1px solid #E3252F;
}

.dealer {
	display:block;
	float:left;
	margin:10px 5px 0 0;
}