/*
 * merged files non-ie.css, default.css, benefit.css
 * http://www.suzukiauto.com/_cj/(filename)
 */

/* --- non-ie.css --- */
/* Hover positions */
#top-nav #vehicles:hover { background-position: 50% -216px;}
#top-nav #shoppingTools:hover { background-position: 50% -252px; }
#top-nav #news:hover { background-position: 50% -288px; }
#top-nav #owners:hover { background-position: 50% -324px; }
#top-nav #aboutSuzuki:hover { background-position: 50% -360px; }
#top-nav #espanol:hover { background-position: 50% -396px; }

#top-nav.no-js li#vehicles.lock ul li .flyOut {
	left:-9899px;
}

#top-nav.no-js li:hover ul { left:0; visibility:visible; }


#top-nav.no-js li li:hover a {
	background:#d8e1e8;
	color: #415872;
}

	#top-nav.no-js #vehicles.lock ul li.lock .flyOut,
	#top-nav.no-js #vehicles ul li:hover .flyOut { left: 100%; margin-left:-2px;}
	
	
.byo_center_column {
	
	margin-top:-14px;
	
}

/* --- default.css --- */
* {
	margin: 0;
	padding: 0;
	font-family: arial, verdana, tahoma, sans-serif;
}
html { height:100%; background:#000; }

body {
	font-size: 16px;
	background-image: url(field.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
* html body{height: 100%;}

h1 {
	font-size: 1.4em;
	margin-bottom: 15px;
	color: #FFCC00;
}
h2 { font-size: 1.2em; margin-bottom: 10px; }
h3 { font-size: 1.1em; margin-bottom:  8px; }
h4 { font-size: 1.0em; margin-bottom:  5px; }
h5 { font-size: 0.9em; margin-bottom:  5px; }
h6 { font-size: 0.8em; margin-bottom:  5px; }


p { font-size: 0.9em; line-height: 1.1em; margin-bottom: 0.5em; }

a { color:#436a8f; outline: none; }
a:hover { color: #83aacf; }
/*a:visited { color: #aaa; }*/

img{ border: 0; }
ul, ol {
	margin-left: 20px;
	font-size: .75em;
	padding:0;
}
ul ul, ul ol, ol ul, ol ol { font-size: 1em; }
li { }
dl { font-size: .75em; }

td, tr { vertical-align: top; }

.right { float:right; display:inline; right:0; }
.left { float:left; display:inline; left:0; }
.center { text-align:center; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { zoom:1; }
.legal { font-size: 0.7em; font-weight: normal; color: #888;}
.red { color:#e00; }
.odd { background-color: #fff; }
.even { background-color: #e2e2e2; }
.scroll { overflow:auto; }
.hide { display:none; }
.show { display:block; }
.link { color:#436a8f; text-decoration:underline; cursor:pointer; }
span.link:hover { color: #83aacf; }
.bold{ font-weight: bold;}
.super { font-size: .7em; vertical-align: super; }
.adpixels { position:absolute; left:-9999px; }

/* end general-begin layout */
#container {
	width:1000px;
	min-height:100%;
	margin:0 auto;
	position:relative;
}
* html #container { height:100%; }

#header {
	height:87px;
	margin-bottom:5px;
}

	#header #logo {
		height:87px;
		width:173px;
		float:left;
		display:inline;
		margin-bottom:-100%;
		background: url(../_m/venom/logo.png);
	}
	
	#header #logo a {
		height:100%;
		width:100%;
		display:block;
		position:relative;
		z-index:1;
	}

#mid {
}

	#mid div.mid-top {
		background:url(../_m/venom/content-top.png) no-repeat top center;
		height:7px;
		overflow:hidden;
	}
	#mid div.mid-main {
		min-height:404px;
		background: url(../_m/venom/content-main.png);
	}
	* html #mid div.mid-main { height:404px; }
	
	#mid div.mid-bottom {
		background:url(../_m/venom/content-bottom.png) no-repeat;
		height:7px;
		overflow:hidden;
	}
	
	#mid .content {
		margin:0 8px 0 4px;
		width:816px;
		border:1px solid #4686a8;
		min-height:400px;
		background:#000;
		float:left;
		display:inline;
	}
	* html #mid .content { height:400px; }
	#mid .content .content { border:none; float:none; width: auto; display:block; }
	
	#mid.wide #left-nav-container { display:none; }
	
	#mid.wide .content { width:983px; margin:0 7px; }
	#mid.wide .content .content { width:auto; margin:0; }
	#mid.wide #inner div.top {
		background:url(../_m/venom/inner-content-wide.png) no-repeat 0 0;
	}
	#mid.wide #inner div.bottom {
		background:url(../_m/venom/inner-content-wide.png) no-repeat 0 -4px;
	}
	#mid.thin #inner {
		padding-right:20px;
	}
	#mid.thin .content .content,
	#mid.thin .top,
	#mid.thin .bottom {
		width:405px;
		float:right;
		display:inline;
	}
	#mid.thin .subnav .top,
	#mid.thin .subnav .bottom {
		width:auto;
		float:left;
		clear:both;
		position:relative;
		z-index:1;
	}
	#mid.thin .content .content { width:385px; }
	#mid.thin #inner div.top {
		background:url(../_m/venom/inner-content-thin.png) no-repeat 0 0;
	}
	#mid.thin #inner div.bottom {
		background:url(../_m/venom/inner-content-thin.png) no-repeat 0 -4px;
	}
	
#inner {
	margin:8px;
	position:relative;
}

/* ie6 link fix */
* html #inner {
	position: relative;
	z-index: 1;
}

	#inner div.top {
			background:url(../_m/venom/inner-content.png) no-repeat 0 0;
			height:4px;
			overflow:hidden;
	}
	
	#inner div.bottom {
			background:url(../_m/venom/inner-content.png) no-repeat 0 -4px;
			height:4px;
			overflow:hidden;
	}
	
	#inner .content {
		margin:0;
		padding:5px 10px;
		background:#fff;
		position:relative;
	}

#footer {
	margin-top: 12px;
	padding:0 30px 30px;
	color:#777777;
	font-size: 10px;
}
#footer a, #footer .legal a { color: #777777; }
	
	#footer .nav {
		text-align:right;
	}

	#footer .legal {
		clear:both;
		width:500px;
		margin: 0 auto;
		text-align: center;
		color: #666666;
		font-size:1em;
	}
	
	#footer p {
		font-size:1em;
		line-height:1.4em;
	}

#mats {
	margin-top:6px;
	background: url(../_m/venom/shade_lower.png) no-repeat;
	height:112px;
	padding-top:9px;
}
* html #mats * {
	position:relative;
	z-index:1;
}

/* end layout-begin nav */
#top-nav {
	position:relative;
	z-index:999999;
	margin-left:173px;
	height:87px;
	margin-bottom:-100%; /* or could make this pos absolute */
}
	
#left-nav-container {
	position:relative;
	z-index:999998;
	width:166px;
	min-height:405px;
	float:left;
	display:inline;
	margin-left:4px;
}
* html #left-nav-container { height:405px; }

/* end-nav */
#no-script {
	background:#fffecc;
	color:#000;
	padding:5px;
	border-bottom:2px solid black;
	zoom:1;
}
#no-script p {
	background: url(../_m/icon_error.gif) no-repeat;
	padding-left:25px;
	width:650px;
	margin:0 auto;
	font-weight:bold;
	zoom:1;
}

/* thumbs */
#model-thumbs-09 { zoom:1; }

	.thumbs {
		margin:20px auto 0;
		margin-left: 50px;
		position:relative;
		height:95px;
	}
		
		.thumbs div {
			position:absolute;
			background-repeat:no-repeat;
			height:95px;
			width:125px;
			top:0;
			cursor:pointer;
			overflow:hidden;
		}
		.thumbs #thumb_sx4_sport { left:0px; z-index:200; }
		.thumbs #thumb_sx4_crossover  { left:130px; z-index:300; }
		.thumbs #thumb_grand_vitara { width: 130px; left:260px; z-index:400; }
		.thumbs #thumb_xl7 { width: 140px; left:390px; z-index:500;  }
		.thumbs #thumb_equator { width: 140px; left:545px; z-index:500;  }
		
		.thumbs div a { background-image: url(../_m/venom/thumbs/models_09.jpg); height:180px; width: 792px; display:block; position:absolute; top:0; }
		
		.thumbs #thumb_sx4_sport a { margin-left:0; }
		.thumbs #thumb_sx4_crossover a { margin-left:-140px; }
		.thumbs #thumb_grand_vitara a { margin-left:-280px; }
		.thumbs #thumb_xl7 a { margin-left:-420px;  }
		.thumbs #thumb_equator a { margin-left:-590px;  }
		
		.thumb-specs a { width:150px; text-align:center; }
		.thumb-specs .sx4_sport { left:10px; }
		.thumb-specs .sx4_crossover { left: 145px; }
		.thumb-specs .grand_vitara { left:280px; }
		.thumb-specs .xl7 { left:418px; }
		.thumb-specs .equator { left: 565px;  }
		
		#container #thumbs.choosen div.cur a,
		#container #thumbs.select div:hover a { margin-top:0;}
		
		#container #thumbs.select div a,
		#container #thumbs.choosen div a { margin-top:-101px; }
		
	.thumb-names {
		width:635px;
		margin: 0 auto 5px;
		margin-left: 70px;
		position:relative;
	}
	
	#model-thumbs-09 .thumb-names { height:28px; background: url(../_m/venom/thumbs/names_09.png) no-repeat; }
	#model-thumbs-09 .select { background-position: 0 -29px; }
	
	.thumb-specs {
		position:relative;
		width:681px;
		margin:0 auto -5px;
		height:45px;
		overflow:hidden;
		margin-left: 25px;
	}
		.thumb-specs a {
			position:absolute;
			text-align:center;
			height:30px;
			margin-top:-45px;
			font-size:11px;
			font-weight:bold;
			text-decoration:none;
			white-space:nowrap;
			color: #83aacf;
		}
		
		#container .thumb-specs a.cur,
		#container .thumb-specs a.over { color: #436a8f; }
		
		#container .thumb-specs .sport-mpg { padding-left: 3px; }
		#container .thumb-specs a.over .sedan-mpg { }
		#container .thumb-specs a.over .sport-mpg { color: #000000; }
		#container .thumb-specs a.over .sedan-price { }
		#container .thumb-specs a.over .sport-price { color: #000000; }
		
		#container .select a { margin-top:0; }

/* --- benefit.css --- */
#container .benefit {
	/*font-weight:inherit;  woo IE so awesome, cant even do inheritance.. */
	/*color:inherit;  woo IE so awesome, cant even do inheritance.. */
	/* border-bottom:1px dotted #000000; */
	color: #2F57A9;
	text-decoration:none;
	cursor:pointer;
}

#container .benefit:hover {
	text-decoration: underline;
}

#lightbox {
	display: none;
	position: absolute;
	width: 490px;
	z-index:9999999;
}

	#lightbox .shadow,
	#lightbox360 .shadow {
		background:url(../_m/shopping_tools/benefit/dropshadow.png) bottom right;
		padding-bottom:1px;
	}
	
	#lightbox img {
		display:none;
	}

#overlay {
	display:none;
	background-image: url(../_m/overlay.png);
}

.benefitpopup {
	padding:2px;
	border:1px solid black;
	background-color:#fff;
	margin:0 4px 4px 0; /* right and bottom margins for the container over the shadow */
	position:relative;
	z-index:1;
}

	.benefitpopup .close {
		height:14px;
		padding-right:16px;
		background:url(../_m/shopping_tools/benefit/close.gif) right 0 no-repeat;
		float:right;
		cursor:pointer;
		font-size:10px;
		color:#83aacf;
		width: 100%;
		right: 10px;
		text-align: right;
		text-decoration:none;
		position: absolute;
	}
	
	.benefitpopup a.close:hover {
		background-position: right -14px;
		color:#436a8f;
	}
	
	.benefitpopup img {
		display:block;
		margin:16px 0 3px;
		vertical-align: middle;
		width:480px;
		height:201px;
	}
	* html .benefitpopup img {
		margin-top:18px;
	}
	
	.benefitpopup h6 {
		border-bottom:1px solid #ccc;
	}