/* default html styles */
body { background: #767676 url('../_m/bg_gradient.jpg') top left repeat-x; }
p { font: 0.8em Arial, sans-serif; padding: 2px; }

h1 {}
h2 { font: bold 1.2em Arial, sans-serif; }
h3 { font: bold 0.9em Arial, sans-serif; }
h4 { font: bold 0.85em Arial, sans-serif; }

th { font: bold 0.8em Arial, sans-serif; }
td { font: 0.8em Arial, sans-serif; }

a:link{ text-decoration: none; }
a:visited{ text-decoration: none; }
a:hover{ text-decoration: underline; }
a:active{ text-decoration: none; }

ul { list-style: none; }
li { font: 0.9em Arial, sans-serif; }

/* container styles: */
#shell{
	position: relative;
	width: 800px;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	background-color: #42010a;
	padding-bottom: 9px;
	height: auto;
}
#shell-spacer { height: 100%; width: 1px; float: left; }
#kernel{ position: relative; width: 782px; padding: 0; margin: 0 auto; text-align: center; }
#header { background: #8a0014 url('../_m/suzuki_moto_header.png') top left no-repeat; width: 782px; height: 61px; }
#logo { width: 175px; height: 40px; position: absolute; top: 10px; left: 5px; }
#content { width: 782px; height: auto; }
#footer { position: relative; width: 100%; height: 5%; margin: 20px auto 10px auto; }
#footer ul { list-style: none; text-align: center; }
#footer ul li { font: 0.9em Arial, sans-serif; color: #d1d1d1; display: inline; }
#footer p { text-align: center; color: #d1d1d1; }
#footer a { font: 0.9em Arial, sans-serif; color: #d1d1d1; }
#footer-navigation { width: 782px; text-align: center; margin: 0 auto; }
#footer-navigation table { margin-bottom: 12px; }
#footer-navigation th a { color: #d1d1d1; text-decoration: underline; }
#footer-navigation a.model-year { color: #d1d1d1; text-decoration: underline; }
#footer-navigation a { color: #d1d1d1; text-decoration: underline; margin-left: 4px; }
#footer-navigation a:hover { color: #d1d1d1; text-decoration: underline; }
#footer-navigation a.no-link { text-decoration: none; }

.dealer-name{ font: bold 1.1em Arial, sans-serif; color: #fff; padding: 3px; }
.dealer-address{ font: bold 0.9em Arial, sans-serif; color: #010f45; padding: 3px; }
.dealer-phone{ font: bold 1.0em Arial, sans-serif; color: #010f45; letter-spacing: 0.15em; padding-left: 3px; }
.dealer-hours{ font: bold 0.7em Arial, sans-serif; color: #010f45; padding-left: 3px; }
.footer-dealer-address{ font: bold 0.9em Arial, sans-serif; color: #fff; padding: 3px; }
.footer-dealer-phone{ font: bold 1.0em Arial, sans-serif; color: #fff; letter-spacing: 0.15em; padding-left: 3px; }
.footer-dealer-hours{ font: bold 0.7em Arial, sans-serif; color: #fff; padding-left: 3px; }
.title{ font: bold 0.96em Arial, sans-serif; color: #fff; padding-left: 3px; text-transform: uppercase; }
a.big-link:link  { font: bold 1.0em Arial, sans-serif; color: #fff83e; padding: 3px; }
a.big-link:visited { font: bold 1.0em Arial, sans-serif; color: #fff83e; padding: 3px; }
a.big-link:hover { font: bold 1.0em Arial, sans-serif; color: #fff; padding: 3px; }
a.big-link:active { font: bold 1.0em Arial, sans-serif; color: #fff; padding: 3px; }
a.big-link-content:link  { font: bold 1.0em Arial, sans-serif; color: #010f45; padding: 3px; }
a.big-link-content:visited { font: bold 1.0em Arial, sans-serif; color: #010f45; padding: 3px; }
a.big-link-content:hover { font: bold 1.0em Arial, sans-serif; color: #010f45; padding: 3px; }
a.big-link-content:active { font: bold 1.0em Arial, sans-serif; color: #010f45; padding: 3px; }

/* Home page */
#home-content{ width: 782px; height: 530px; background-color: #8a0014; }
#home-content object { position: absolute; left: 0; z-index: 1;}

#home-content #left{ position: absolute; left: 0; width: 179px; height: 100%;  z-index: 2;}
#home-content #right{ float: right; width: 603px; height: 100%; }
.home-dealer-address{ font: bold 0.9em Arial, sans-serif; color: #fff; padding: 3px; }
.home-dealer-phone{ font: bold 0.75em Arial, sans-serif; color: #fff; letter-spacing: 0.05em; padding-left: 3px; margin-bottom: 1px; }
.home-dealer-phone span { color: #f00; }
.home-dealer-hours{ font: bold 0.7em Arial, sans-serif; color: #fff; padding-left: 3px; }

#specials-icon { position: absolute; right: 0; bottom: 0; width: 112px; height: 81px; z-index: -1; }

/* Content Pages */
#dealer-name-box { width: 179px; height: 118px; text-align: left; }
#content #dealer-name-box { height: auto;}
#dealer-info-box { width: 179px; height: 141px; text-align: left; margin-left: 4px; }
#dealer-info-box p { padding: 0; }
#dealer-info-box a { color: #fff; text-decoration: underline; }
#specials { position: absolute; right: 0; bottom: 0; width: 114px; height: 82px; }

#content{ width: 782px; height: auto; background-color: #fff; min-height: 540px; }
#content h1 { color: #010f45; }
#content a.big-link { color: #010f45; font-size: 0.85em; }
#content .home-dealer-phone span { color: #000; }
#content #left{ float: left; width: 179px; height: 100%; background-color: #fff; }
#content #right{ float: right; width: 603px; height: 100%; text-align: left; background-color: #fff; clear: right; }
#content #dealer-info-box p { color: #000; }
#content #dealer-info-box a { color: #000; text-decoration: underline; }


#dealer-sub-info-box { width: 95%; height: auto; margin: 12px auto; text-align: left; position: relative; }
#dealer-sub-info-box #l { float: left; width: 250px; }
#dealer-sub-info-box #m { float: left; margin-left: 6px; width: 225px; }
#dealer-sub-info-box #r { float: right; width: 260px; margin: 0; }
#dealer-sub-info-box #r p { font: bold 0.8em Arial, sans-serif; color: #fff; }
#dealer-sub-info-box #r a { color: #fff; text-decoration: underline; }
#dealer-sub-info-box #r img { border: 1px solid #ddd; z-index: 1; }
#dealer-sub-info-box #fix { width: 100%; clear: both; }

#generic { padding: 12px; margin-bottom: 10px; }
#generic h2 { margin-bottom: 6px; }
#generic h3 { margin: 10px 0 3px 0; }
#generic th { background-color: #696969; color: #fff; padding: 3px; margin-bottom: 4px; }
#generic td { padding: 2px; }
#generic td.odd { background-color: #fdfdfd; }

#generic ul { list-style-type: disc; margin-left: 23px; }
#generic ul li { padding: 0; margin: 0; }

#generalpics .pic { padding-right: 52px; padding-bottom: 25px; float: left; font: 0.9em Arial, sans-serif; width: 140px; height: auto; }
.pic .caption { text-decoration: none; }
.caption { padding-bottom: 4px; }

/* Forms */
fieldset { float: left; border: solid #004199 1px; padding: 10px; width: 560px; margin-bottom: 25px; font: 0.90em Arial, sans-serif; }
*+html fieldset { padding-top: 0px;}
legend { font-weight: bold; color: #004199; font: 0.95em Arial, sans-serif; }
label { float: left; margin: 0px 5px 5px 0px; width: 100px; clear: both; text-align: right; font: 0.90em Arial, sans-serif; }
fieldset input, fieldset select, fieldset textarea, fieldset span { float: left; margin: 0px 5px 5px 0px; font: 0.90em Arial, sans-serif; }
select { width: 200px; }

/* Ecommerce data */

/* Google Maps */
#generic #map { height: 300px; width: 500px; border: 1px solid #010f45; z-index: 1; }
#startaddress, #route { margin-top: 15px; }

/* Events */
.localevent { width: 100%; }
.event { width: 25%; }
.date { width: 25%; }
.location { width: 25%; }
.info { width: 25%; }

/* Finance Calculator */
.finance .fields { width: 425px; }
.finance label { width: 210px; clear: left;}
.finance #name, .finance #year { font-weight: bold; width: 200px; }
.finance .final { font-weight: bold; color: #ff0000; }
.finance #warrantyIndexContainer { float: left; margin: 5px; }
.finance #warrantyIndexContainer input { float: none; margin: 0; }

#finance_calc_legal { clear: both; }
#suzuki_finance_legal { display: none; }

/* Model */
#model { position: relative; z-index: 1; }
#model .subnav { width: 600px; height: 69px; margin-top: -30px; clear: both; z-index: 1; }
#model .subnav li { list-style-type: none; float: left; font-weight: bold; padding: 2px; margin-left: 15px; cursor: pointer; }
#model .subnav a { color: #fff; text-transform: uppercase; text-decoration: none; }
#model #model-top-info { width: 595px; height: 440px; margin-top: -30px; z-index: 1; }
/*#model #model-top-info .product_pics {
	width: auto;
	height: 80px;
	float: left;
	display: inline;
	z-index: 1; 
}
#model #model-top-info .product_pics img { border: 1px solid #ddd; z-index: 1; }
*/


#model #model-top-info .product_pics { width: 100%; height: auto; float: left; display: inline; z-index: 1; clear: both; }
#model #model-top-info #product_pic_up {}
#model #model-top-info #product_pic_down {}
#model #model-top-info #product_pic_thumbs { float: left; width: 135px; height: 415px; }
#model #model-top-info #product_pic_thumbs ul { margin: 0; padding: 0; }
#model #model-top-info #product_pic_views { float: right; width: 430px; margin: 39px 12px 0 10px; }
#model #model-top-info #product_pic_views img { width: 430px; }
#model #model-top-info .product_pics img { border: 1px solid #ddd; z-index: 1; }

/* 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; margin-left: 12px; }
.jcarousel-prev { z-index: 3; display: none; margin-left: 12px; }
.jcarousel-skin-tango .jcarousel-container-vertical { width: 80px; height: 350px; padding: 40px 0 0 0; }
.jcarousel-skin-tango .jcarousel-clip-vertical { width:  138px; height: 300px; }
.jcarousel-skin-tango .jcarousel-item { width: 135px; height: 70px; }
.jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 5px; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url('../../_m/common/next-vertical.gif') no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; }
.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { 
    cursor: default;
    background-position: 0 -96px;
}
.jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url('../../_m/common/prev-vertical.gif') no-repeat 0 0; }
.jcarousel-skin-tango .jcarousel-prev-vertical:hover { background-position: 0 -32px; }
.jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; }
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}


#model .hdr { width: 595px; height: 40px; z-index: 1; }
#model .hdr .print { width: 200px; height: 40px; float: right; vertical-align: top; font: 0.85em Arial, sans-serif; text-align: center; z-index: 1; }
#model .hdr .brochure_header { float: left; width: 200px; z-index: 1; }

#model h2.model_name { z-index: 1; }
#model #features, #model #specs, #model #modelwarranty { font-family: Arial, sans-serif; float: left; margin-left: 0; width: 590px; z-index: 1; }
#model #specs .msrp { color: red; }
#model #specs span.name { font-weight: bold; z-index: 1; }
#model #features h3 { margin-left: 9px; z-index: 1; }
#model #features ul, #model #specs ul { list-style-type: none; margin-left: 16px; padding: 0; z-index: 1; }
#model #features li { margin-bottom: 15px; z-index: 1; }
#model #specs li { margin: 0 0 5px 23px; list-style-type: none; z-index: 1; }
#model #modelwarranty h4, #model #modelwarranty p { padding: 6px 0; z-index: 1; }
#model #modelwarranty p.sep { font-weight: bold; font-size: 1.0em; }

#model #specs, #model #modelwarranty { display: none; }
.model_legal { clear: left; margin-bottom: 25px; }

/* Specials */
div.specials { padding: 12px; }
div.specials p { padding: 10px; }
div.specials span.headline { font: bold 0.90em Arial, sans-serif; }
div.specials span.subhead { font: bold 0.85em Arial, sans-serif; }
div.specials span.date { text-align: right; font: bold 0.85em Arial, sans-serif; color: #666; }
div.specials span.specials-pics img { padding: 4px; }
div.specials span.specials-files {}
div.specials a.specials-file-link { padding: 9px; margin-right: 4px; font: bold 0.75em Verdana, sans-serif; color: #666; }
hr.specials-hr { width: 90%; border: 1px solid #eee; margin-top: 12px; }

/* helpers */
.clear{ clear: both; } 
.required { color: #f00; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.extra { float: left; width: 100%; clear: both; padding-bottom: 12px; }
.extra p { clear: both; }

.small { font-size: 0.7em; }

/* dealer info on contact / about us pages */
#dealer-contact-info { width: 500px; }
#dealer-contact-info .left { float: left; }
#dealer-contact-info .right { float: right; }
#dealer-contact-info .phone-type, #dealer-contact-info .hours-days { font: normal 0.8em Arial, sans-serif; font-size: small; margin-left: 10px; }
#dealer-contact-info .phone-number, #dealer-contact-info .hours-times { font: bold 0.8em Arial, sans-serif; }
#dealer-contact-info h2 { font: bold 0.9em Arial, sans-serif; margin: 10px 0 6px 6px; }

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

.footnote {
	padding-top:4px;
	text-align:center;
	font-size: 0.7em;
}