@charset "utf-8";
* {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
body {
	background:#1c1b20 url(../images/bg.jpg) no-repeat;
	margin-top:15px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
a img {
	border: none;
}
p      {
	margin-bottom: 16px;
}
a {
	color:#F3C108;
}
a:hover {
	color:#C0C0C0;
}
#container {
	width: 954px;
	background-image: url(../images/bg_container.png);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-right: 53px;
	padding-left: 53px;
	height: 840px;/*775px*/
	padding-top: 18px;
	padding-bottom: 53px;
	background-position: center top;
}
#contact-popover {
	position: absolute;
	z-index: 1313;
	width: 100%;
	height: 100%;
	background-image:url(../images/bg_popover.png);
	display: none;
}
#contact-popover .content {
	display:block;
	width: 250px;
	height: 200px;
	background-color: #000;
	color: #999;
	font-size:13px;
	margin: 25px auto 0px;
	padding:25px;
	border: 10px solid #fff;
}
#contact-popover .content h3 {
	font-size: 24px;
	color: #F3C108;
	margin-bottom: 16px;
	text-transform: uppercase;
}
#contact-popover a#closeme {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	background-color: #333;
	background-image: url(../images/closeX.png);
	background-repeat: no-repeat;
	border: 3px solid #333;
	display: block;
	margin: auto;
	height: 20px;
	width: 284px;
	padding-right: 30px;
	text-transform: uppercase;
	text-align: right;
	background-position: right top;
}
#contact-popover a#closeme:hover {
	color: #000;
	border: 3px solid #F3C108;
	background-color: #F3C108;
}


#masthead {
	background-image: url(../images/bg_masthead.png);
	background-repeat: no-repeat;
	display: block;
	height: 62px;
	width: 944px;
	padding-right: 10px;
}
#logo {
	display: block;
	float: left;
	width: 190px;
}
#dealer_search {
	font-size: 9px;
	line-height: 18px;
	text-transform: uppercase;
	text-align: right;
	font-weight: bold;
	padding-top: 22px;
	padding-right: 110px;/*social*/
}
#dealer_search a {
	color: #000;
	text-decoration: none;
}
#dealer_search a:hover {
	color: #000;indinde
	text-decoration: underline;
}
#zip_search {
	background: url(../images/bg_dealer-search.png) 110px 0 no-repeat;
	display: block;
	float: right;
	height: 20px;
	width: 200px;
	color: #000;
}
#zip_search label {
	display: block;
	float: left;
	height: 20px;
	width: 100px;
	margin-right: 10px;
	font-size: 11px;
}

#zip_search label:after {
	content:" >";
}

#zip_search #zipfield {
	color:#666;
	font-size: 11px;
	width:67px;
	height:19px;
	background-color: transparent;
	border:none;
	display: block;
	float: left;
	font-weight: bold;
	padding-left: 3px;
}
#zip_search .submitbutton {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
}
#social-btns {
	width: 72px;
	height: 17px;
	float: right;
	/*overflow: hidden;*/
	/*background: url(../images/social-icons.gif) no-repeat;*/
	margin: 24px 11px 0 11px;
}
#social-btns ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#social-btns li {
	position: relative;
	float: left;
}
#social-btns li a {
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}
a#fb {
	width: 18px;
	height: 17px;
	background: url(../images/social-icons.gif) no-repeat;
}
a:hover#fb {
	background: url(../images/social-icons.gif) no-repeat 0 -17px;	
}
a#yt {
	width: 18px;
	height: 17px;
	background: url(../images/social-icons.gif) no-repeat -18px 0;
}
a:hover#yt {
	background: url(../images/social-icons.gif) no-repeat -18px -17px;	
}
a#tw {
	width: 18px;
	height: 17px;
	background: url(../images/social-icons.gif) no-repeat -36px 0;
}
a:hover#tw {
	background: url(../images/social-icons.gif) no-repeat -36px -17px;	
}
a#at {
	width: 18px;
	height: 17px;
	background: url(../images/social-icons.gif) no-repeat -54px 0;
}
a:hover#at {
	background: url(../images/social-icons.gif) no-repeat -54px -17px;	
}

#nav-area {
	background-color: #000;
	text-align: center;
	display: block;
	height: 25px;
	width: 952px;
	color: #FFF;
	background-image: url(../images/bg_nav.png);
	border: 1px solid #000;
}
#nav-area ul {
	display: inline;
	list-style-type: none;
}
#nav-area ul li {
	display: inline;
	font-size: 12px;
	line-height: 25px;
	text-decoration: none;
}
#nav-area ul li a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
	text-transform: uppercase;
	line-height: 25px;
	display: inline-block;
	height: 25px;
}
#nav-area ul li a:hover {
	color: #F3C108;
}
#nav-area ul li a.selected {
	color: #F3C108;
}
#subnav {
	background-image: url(../images/bg_subnav.png);
	height: 25px;
	padding-top: 1px;
}
#subnav ul li {
	display: inline;
	list-style-type: none;
}
#subnav ul li a {
	font-size: 12px;
	line-height: 25px;
	text-transform: uppercase;
	color: #555861;
	text-decoration: none;
	display: block;
	float: left;
	padding-right: 12px;
	padding-left: 12px;
	font-weight: bold;
	background-image: url(../images/bg_subnav-roll.png);
	background-position: 0px 0px;
}
#subnav ul li a:hover {
	background-position: 0px -70px;
}
#subnav ul li a.selected {
	background-position: 0px -70px;
}
#subnav ul#model-17dc {
	padding-left:95px;
}
#subnav ul#model-17sc {
	padding-left:240px;
}
#subnav ul#model-1850dc {
	padding-left:390px;
}
#subnav ul#model-19cc {
	padding-left:555px;
}
#home-feature {
	background-color: #333;
	display: block;
	height: 469px;
	width: 954px;
	margin-bottom: -65px;
	overflow: hidden;
}
#home-feature-headline {
	display: block;
	height: 63px;
	width: 954px;
	position: relative;
	z-index: 13;
}
a.home-link,
a:visited.home-link {
	color: #575b63;
}
a:hover.home-link {
	color: #fff;
	background-color:#000;
	text-decoration:none;
}
.leftcol {
	display: block;
	float: left;
	width: 664px;
}
.rightcol {
	float: left;
	width: 290px;
}
.rightcol.tall {
	background-image: url(../images/bg_rightcol.png);
	display: block;
	height: 587px;
}
.rightcol.xtall {
	background-image: url(../images/bg_rightcol.png);
	display: block;
	height: 612px;
}


.leftcol .content-short{
	font-size: 14px;
	color: #575b63;
	padding-right: 20px;
	padding-left: 20px;
	background-image: url(../images/bg_yellow-sm.png);
	display: block;
	height: 136px;
	width: 624px;
	padding-top: 8px;
	padding-bottom: 0px;
	line-height: 20px;
}
.leftcol.overhead {
	background-image: url(../images/bg_yellow-big.png);
	height: 587px;
	overflow: hidden;
	background-position: center center;
}

.leftcol h1  {
	font-size: 20px;
	line-height: 26px;
	text-transform: uppercase;
	margin-bottom: 8px;
	color: #FFF;
	margin-top: 8px;
}
.leftcol h2  {
	color: #FFF;
	font-size: 14px;
	margin-bottom: 4px;
	text-transform: uppercase;
}
.leftcol p:last-child {
	margin-bottom:0px;
}
.rightcol .content ul:last-child {
	margin-bottom:25px;
}
.rightcol .content {
	padding-right: 20px;
	padding-left: 20px;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	padding-top: 25px;
	width: 250px;
	display: block;
}
.rightcol.tall .content {
	padding-right: 20px;
	padding-left: 15px;
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
	padding-top: 25px;
	width: 255px;
	height: 489px;
	display: block;
}
.content ul {
	margin-bottom: 16px;
}

.rightcol .content h1 {
	font-size: 22px;
	line-height: 26px;
	color: #F3C108;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.rightcol .content h1.hero {
	color: #FFF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F3C108;
	border-bottom-color: #F3C108;
	margin-bottom: 18px;
	padding-top: 16px;
	padding-bottom: 16px;
	clear: both;
}
.rightcol .content h2 {
	text-transform: uppercase;
	color: #F3C108;
	margin-bottom: 6px;
	font-size: 14px;
}
.rightcol .content h3 {
	font-size: 32px;
	color: #FFF;
	margin-bottom: 8px;
}
#pricearea {
	background-image: url(../images/bg_price-header.png);
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	width: 250px;
	padding-top: 13px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	color: #FFF;
}
.rightcol #pricearea h3.price {
	font-size: 24px;
	text-align:center;
	/*letter-spacing: -3px;*/
	display: block;
	float: right;
	width:248px; 
	/*width: 135px;*/
	/*height: 48px;*/
	line-height: 45px;
	color: #F2BD07;
}

.rightcol #pricearea span.starting {
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 0px;		
	display: block;
	float: left;
	/*width: 135px;*/
	/*height: 48px;*/
	line-height: 45px;
	color: #F2BD07;
	padding-right: 3px;
}

.rightcol #pricearea h4.price-includes {
	text-transform: uppercase;
	font-size: 10px;
	line-height: 10px;
	width: 248px;
	/*width: 113px;*/
	display: block;
	float: left;
}



.rightcol .content h4{
	margin-bottom: 16px;
	font-size: 12px;
}


ul.speclist li{
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F3C108;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 14px;
	width: 250px;
	display: block;
}
ul.speclist li .spec {
	width: 120px;
	text-align: right;
	float: left;
	margin-right: -120px;
	position: relative;
	left: 130px;
}
.photo-top {
	height: 160px;
	width: 290px;
}
.leftcol #overehead-hero {
	background-image: url(../images/bg_yellow.png);
	height: 600px;
	width: 500px;
}
.caption {
	font-size: 11px;
	color: #999;
}
#model-slides,
#options-slides {
	display: block;
	height: 380px;
	width: 664px;
	overflow: hidden;
}
#model-thumbs,
#options-thumbs {
	background-color: #000;
	display: block;
	padding: 4px;
	height: 55px;
	width: 656px;
}
#model-thumbs li,
#options-thumbs li {
	width: 93px;
	display: block;
	float: left;
	margin-right: 8px;
	margin-left: 8px;
	list-style-type: none;
}
#model-thumbs li a,
#options-thumbs li a {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5; 
}
#model-thumbs li a:hover,
#options-thumbs li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8; 
}
#model-thumbs li.activeSlide a,
#options-thumbs li.activeSlide a {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1; 
}

#gallery img {
	margin-right: 8px;
}



#footer {
	font-size: 11px;
	color: #999;
	background-repeat: no-repeat;
	height: 53px;
	width: 954px;
	padding-top: 0;
	padding-bottom: 0;
	/*margin: auto;*/
	text-align: right;
}
.explore-btn {
	display: block;
	float: right;
	margin-left: 15px;
}
#model-gallery,
#options-gallery {
	display: block;
	height: 587px;
	width: 664px;
}
#model-features {
	display: block;
	height: 587px;
	width: 664px;
	background-image: url(../images/bg_yellow-big.png);
}
#content-area {
	display: block;
	height: 572px;
	width: 624px;
	background-image: url(../images/bg_yellow-big.png);
	padding: 20px;
	font-size: 13px;
	line-height: 20px;
	overflow-y: auto;
}
#content-area .column {
	display: block;
	float: left;
	width: 300px;
	font-size: 12px;
}
#content-area a {
	color: #333;
}
#content-area a:hover {
	color: #FFF;
	background-color: #000;
}

.JIDLdealerName {
	font-weight: bold;
	font-size: 14px;
}

.hide {
	display: none;	
}

.footerLink {
	margin-top:-54px;
	padding:0;
	position:relative;
}

.footerLink a {
	width:77px;
	height:20px;
	display:block;	
}