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

body {
	font-size: 80%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	background: #000 url(http://static.dealertown.com/dashboard/dealerSites/independent/other/rallye/_m/bg.jpg) 0 0 repeat-x;
}

a, a:hover { color: red; }
hr { border: solid #ccc 1px; }
.clear-left { clear: left; }
.clear { clear: both; }

#container {
	text-align:left;
	width: 1000px;
	margin: 0 auto;
}

#header { position: relative; }

	#logo { 
		float: left;
		padding-left: 50px;
	}

	#dealer-address {
		color: #fff;
		text-align: right;
		float: right;
		margin: 40px 5px 0 0;
	}
	
		#dealer-address h1 {
			font-size: 1.5em;
			text-transform: uppercase;
		}
		
		#dealer-address h1, #dealer-address p {
			margin: 0;
			padding: 0;
		}

#main { 
	background-color: #e9b836;
	clear: left;
	float: left;
}
	
	#top { 
		background: url(../_m/content-top.jpg) 0 0 no-repeat;
		width: 1000px;
		height: 6px;
	}
	
	#bottom { 
		background: url(../_m/content-bottom.jpg) 0 0 no-repeat;
		width: 1000px;
		height: 6px;
		clear: both;
	}
	
#left { 
	width: 175px; 
	float: left; 
}

	#explore {
		background: url(../_m/explore.jpg) 0 0 no-repeat;
		display: block;
		width: 157px;
		height: 39px;
		margin-left: 5px;
	}
	
	#dealer-info { 
		color: #fff;
		font-weight: bold;
		margin: 1em;
	}
	
		#dealer-info h2, #dealer-info h3, #dealer-info p { margin: 0; padding: 0; }
		#dealer-info h2 { text-transform: uppercase; margin-top: 1em; font-size: 1.5em; }
		#dealer-info h3 { font-size: 1.1em; margin-top: 0.5em; }
		#dealer-info p , #dealer-info h3 { margin-left: 1em; }

#content {  margin-left: 175px; }

	#content.sub {
		float: left;
		background-color: #fff;
		margin: 0;
		padding: 8px 13px;
		width: 792px;
		min-height: 500px;
	}
	
	#copy-top {
		float: left;
		background: url(../_m/copy-top.jpg) 0 0 no-repeat;
		width: 818px;
		height: 5px;
	}
	
	#copy-bottom {
		background: url(../_m/copy-bottom.jpg) 0 0 no-repeat;
		width: 818px;
		height: 5px;
		float: right;
		margin-right: 7px;
	}
	
	#content h1 { 
		color: #000;
		text-transform: uppercase;
		font-size: 1.5em;
		margin: 0;
		padding: 0;
	}
	
	#content.sub h2 { border-bottom: solid #ccc 1px; }
	
	.model-listing { 
		float: left; 
		margin: 1em; 
		padding: 0; 
		width: 150px; 
		height: 150px;
	}

	#oems-selection {
		float: left; 
		border: solid #fff 2px;
		background-color: #e9a41b;
		width: 800px;
		height: 400px;
		padding: 10px 0 0 10px;
	}
	
		#oems-selection .oem { float: left; margin: 0 5px 8px 0; }
		#oems-selection .oem img { border: 0; }
		
	#content ul li { list-style-type: none; }
		
#footer { clear: left; }

#legal { padding-top: 3px; }

	#legal, #legal a { 
		color: #7d7d7d; 
		text-decoration: none;
		text-align: center;
	}
	
	#legal p { clear: left; }
	#legal p span { margin: 0 1em; }
	
	
/* 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 */