html, body, * {
	margin: 0;
	padding: 0;
}

body {
	font: 90% arial, verdana, sans-serif;
	text-align: center;
	background: #fff url(../_m/bg.jpg) top center no-repeat;
}

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { zoom:1; }
.clear { clear: both; }

#container {
	text-align: left;
	width: 953px;
	margin: 108px auto 0px auto;
	padding: 0px 7px 23px 6px;
	background: url(../_m/content-bg.png) 0 0 repeat-y;
}

#header { 
	position: absolute;
	top: 0;
	color: #fff;
}
	
	#header #logo { margin: 8px 0px 8px 10px; }
	
	#header #logo a { 
		background: url(http://static.dealertown.com/dashboard/dealerSites/suzuki/moto/skin_12/_m/logo.jpg) 0 0 no-repeat;
		display: block;
		width: 218px;
		height: 43px;
	}
	
	#header h1 {
		text-transform: uppercase;
		font-size: 1.8em;
		margin-left: 10px;
	}

		#header h1 a {
			text-decoration: none;
			color: #fff;
		}
	
	#header p { font-weight: bold; margin-left: 10px;}
	
	.map {
		position: absolute;
		margin-left: 690px;
		margin-top: -15px;
		z-index: 2;
	}
	
		.map a {
			text-transform: uppercase;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
		}
	
#dealerinfo {
	margin-top: 5px;
	background: url(../_m/info-box.jpg) 0 0 no-repeat;
	width: 155px;
	height: 325px;
	float: left;
	clear: left;
	color: #fff;
	font-size: 0.9em;
}

	#dealerinfo h2 { 
		color: #0465bc;
		font-size: 1.0em;
		text-transform: uppercase;
	}
	
	#dealerinfo h2, #dealerinfo p, #dealerinfo dl { margin-left: 15px; }
	#dealerinfo p { margin-bottom: 10px; }
	#dealerinfo a { color: #0465bc; }
	#dealerinfo .first { margin-top: 15px; }
	
	#dealerinfo ul { padding: 0px 15px; }
	#dealerinfo ul li { list-style-type: none;}


/* BEGIN copy content */
#content {
	float: right;
	width: 794px;
	z-index: 1;
}
	
	#splash { 
		float: left; 
		margin-top: 5px;
	}

	#special-note {
		float: left;
		width: 206px;
		height: 328px;
		background-color: #fff;
		margin-top: 12px;
		font-size: 0.9em;
	}
	
		#special-note .spnotes-tab {
			width: 206px;
			height: 24px;
			background: url(../_m/spnotes-tab.gif) 0 0 no-repeat;
			position: absolute;
			margin-top: -24px;
		}
		
		* html #special-note .spnotes-tab { position: relative; }
		*+html #special-note .spnotes-tab { position: relative; }
		
		#special-note .special-copy { 
			margin: 8px;
			width: 190px;
			height: 300px;
			position: absolute;
			overflow: auto;
		}
		
		#special-note .special-copy ol li { list-style-type: decimal; margin-left: 25px; }
		#special-note .special-copy ul li { list-style-type: disc; margin-left: 25px; }		
		
	#scroller {
		width: 792px;
		margin-top: 10px;
		overflow: hidden;
	}

	#content #heading { 
		background-color: #e1e1e1; 
		margin-top: 8px;
	}
	
		#content #heading h1 {
			color: #0465bc;
			text-transform: uppercase;
			font-size: 1.1em;
			padding: 0px 0px 3px 15px;
		}
		
	#copy {
		background-color: #fff;
		min-height: 600px;
		padding: 15px;
	}
	
	* html #copy { height: 600px; }
	
	#copy h2, #copy h3, #copy ul.copylist { margin-bottom: 15px; }
	#copy p { color: #666; margin-bottom: 10px; }
	#copy ul.copylist li { list-style-type: square; margin-left: 25px; }
	#copy ol li { margin-left: 25px; }
	#copy a { color: #000; }
	#copy a:hover { color: #0465bc; }
	
	#copy .calendar {
		float: left;
		margin: 5px;
		text-align: center;
	}
		
		#copy .calendar .caption  {
			text-decoration: none;
			color: #000;
		}
	
	#copy .event tr th { background-color: #ccc; }
	#copy .event tr th, #copy .event tr td { padding: 3px 5px; }
	#copy .eventtype { text-transform: uppercase; }
	
	#copy .model-type-regular, #copy .model-type-long {
		float: left;
		width: 175px;
		margin: 25px 25px 10px 25px;
		text-align: left;
	}
	
	#copy .model-type-regular { height: 325px;}
	#copy .model-type-long { height: 595px;}
	* html #copy .model-type-long { height: 640px;}
	
		#copy .model-type-regular ul li, #copy .model-type-long ul li { list-style-type: none; font-size: 0.9em;}
		
	#map { width: 100%; height: 500px; }
		
#top {
	width: 794px;
	height: 22px;
	margin-top: -14px;
	position: absolute;
	background: url(../_m/generic-top.gif) 0 0 no-repeat;
	z-index: 1;
}

/* BEGIN showroom */
#model-top {
	width: 794px;
	height: 22px;
	margin-top: -17px;
	position: absolute;
	background: url(../_m/showroom-top.gif) 0 0 no-repeat;
	z-index: 1;
}

#top-nav-gallery {
	border: solid #bfbfbf 1px;
	float: left;
}

	#top-nav-gallery .subnav { 
		background-color: #e1e1e1;
		border-bottom: solid #bfbfbf 1px;
		width: 762px;
	}

	#top-nav-gallery .subnav li {
		float: left;
		list-style-type: none;
		padding: 5px 10px;
	}
		
		#top-nav-gallery .subnav li a {
			text-decoration: none;
			text-transform: uppercase;
			color: #000;
			font-weight: bold;
		}
		
		#top-nav-gallery .subnav li a:hover,  #top-nav-gallery .subnav .current a { color: #0465bc; }
		
#specs { display: none; }
#features, #specs { margin: 10px; }
.underline { border-bottom: solid #ccc 1px; }

#years { text-align: right; position: relative; top: -35px;}
*+html #years { position: relative; top: -35px;}

#model-sample {
	float: right; 
	width: 242px; 
	background-color: #fff; 
	margin: 0 0 15px 15px; 
	padding: 8px;
}

	#model-sample img { width: 242px; border: solid #ccc 1px; }
	
#bottom {
	width: 794px;
	height: 5px;
	background: url(../_m/generic-bottom.gif) 0 0 no-repeat;
}

#footer {
	clear: both;
	margin: 5px 0px;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
}

	#footer, #footer a { color: #fff;}

#sitemap {
	font-size: 0.75em;
	margin: 5px 0px 5px 225px;
}

	#sitemap ul li { 
		font-weight: bold; 
		list-style-type: none;
		float: left;
		margin: 0px 15px;
	}

	#sitemap ul li ul li { 
		font-weight: normal;
		float: none;
		margin: 0;
	}

	#sitemap ul li, #sitemap ul li a { color: #fff; }

/* BEGIN forms */
fieldset {
	border: solid #ccc 1px;
	padding: 5px;
	margin: 0px 0px 15px 0px;
}

	fieldset p { margin-bottom: 5px; }
	
legend { font-weight: bold; color: #0465bc;}

label {
	width: 150px;
	clear: both;
	text-align: right;
}

label, fieldset input, fieldset select, fieldset textarea, fieldset span {
	float: left;
	margin: 0px 5px 5px 0px;
}

.finance label { font-size: 0.9em; }
.finance select { width: 250px; }

.small { font-size: 0.8em; }
p.required, label.required, span.error { color: #f00; }
.interest { clear: left; margin-left: 155px; }

/* IMAGE CAROUSEL SLIDER */
.jcarousel-container { position: relative; }
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
.jcarousel-list li, .jcarousel-item { float: left; list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px; height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next { z-index: 3; display: none;  }
.jcarousel-prev { z-index: 3; display: none;  }
.jcarousel-skin-tango .jcarousel-container-vertical { width: 80px; height: 350px; padding: 40px 0 5px 0; }
.jcarousel-skin-tango .jcarousel-clip-vertical { width:  138px; height: 316px; }
.jcarousel-skin-tango .jcarousel-item { width: 135px; height: 70px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 15px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; width: 134px; height: 27px; cursor: pointer; background: transparent url(../_m/next-vertical.jpg) no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; width: 134px; height: 27px; cursor: pointer; background: transparent url(../_m/prev-vertical.jpg) no-repeat 0 0; }
* html .jcarousel-skin-tango .jcarousel-next-vertical { bottom: 0px; }

#mycarousel li a img{ border: none; }
#mycarousel li { margin: 2px 0px; }
#product_pic_thumbs { float: left; margin: 3px 0px 0px 5px; width: 135px; }
#product_pic_views { float: left; width: 600px; margin: 10px 0px 10px 10px; }
/* END IMAGE CAROUSEL SLIDER */

.legal { clear: both; color: #fff; }

#legal {
	clear:both;
	color:#444444;
	margin:0 auto;
	width:800px;
	margin-top: 10px;
	margin-bottom: 20px;
}

.footnote {
	padding-top:4px;
	text-align:center;
}