/* default html styles */
html, body{ height: 100%; }
body { background: #3f3f3f url('../_m/bg_slice.png') top left repeat-x; }
p { font: 0.8em Arial, sans-serif; color: #000; text-align: left; }

a:link{ text-decoration: none; color: #fff; }
a:visited{ text-decoration: none; color: #fff; }
a:hover{ text-decoration: underline; color: #fff; }
a:active{ text-decoration: none; color: #fff; outline: none; }

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

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

/* container styles: */
#shell{	position: relative; width: 799px; padding: 0; margin: 0 auto; text-align: center;
	height: auto !important; /* real browsers */
	height: 100%; /* IE6: treat as min-height*/
	min-height: 100%; /* real browsers */
	background: #130746 url('../_m/bg_bottom_gradient.jpg') top left repeat-y;
}

/* Header */
#home-header{ background: #130746 url('../_m/suzuki_moto_header.jpg') top left no-repeat; width: 799px; height: 90px; }

#header{ position: relative; background: #130746 url('../_m/suzuki_moto_header_w.jpg') top left no-repeat; width: 799px; height: 90px; }
#dealer-phone { position: absolute; top: 23px; left: 335px; width: 200px; text-align: left; font: bold 0.90em Arial, sans-serif; color: #fff; }
#dealer-phone .phone { font: bold 0.85em Arial, sans-serif; color: #fff; }

#logo { width: 250px; height: 60px; position: absolute; top: 10px; left: 10px; }

#dealer-name-box { position: absolute; top: 9px; right: 9px; width: 259px; height: 71px; text-align: left; }
#dealer-name-box h1.dealer-name { font: bold 1.15em Arial, sans-serif; color: #fff; }
#dealer-name-box address.home-dealer-address { padding: 6px; font: bold 0.90em Arial, sans-serif; color: #fff83e; }

.map { padding: 2px; }
.website { padding: 2px; }
.email { padding: 2px; }

/* Home page */
#home-content{ width: 799px; height: 409px; background-color: #130746; }
#home-content-footer { width: 799px; height: 91px; background: #130746 url('../_m/bg_info_area.jpg') top left no-repeat; }

/* Content */
#content { width: 100%; min-height: 309px; background-color: #fff; text-align: left; z-index: 1; }
#content h2 { font: bold 1.25em Arial, sans-serif; margin: 0 0 12px 6px; color: #7a86a8; }
#content h3 { font: bold italic 1.0em Arial, sans-serif; margin: 10px 0 6px 6px; color: #010f45; }
#content h4 { font: bold italic 1.0em Arial, sans-serif; margin: 0 0 6px 6px; color: #010f45; }
#content p { margin-left: 9px; padding: 4px; }
#content a:link { text-decoration: none; color: #000; }
#content a:visited { text-decoration: none; color: #000; }
#content a:hover { text-decoration: underline; color: #000; }
#content a:active { text-decoration: none; color: #000; outline: none; }
#content ul { margin: 6px 0 6px 30px; list-style-type: none; }
#content ul li { font-weight: normal; }

#content table { margin: 0; text-align: center; width: 90%; }
#content table tr th { padding: 4px; margin: 4px 12px 0 0; color: #fff; }
#content table tr td { padding: 4px 6px 4px 0; }
#content #events table tr td { background-color: #fff; }
#content #events table tr td.odd { background-color: #eee; }
#content-footer { width: 799px; height: 91px; background: #130746 url('../_m/bg_info_area_w.jpg') top left no-repeat; }

#content #generic { width: 749px; padding-top: 10px; margin: 0 auto; }
#content #generic a { color: #00f; }

/* Privacy page "back to top" links: */
#content #generic p span { float: right; clear: left; margin-right: 40px; }

#content #events { width: 749px; padding-top: 10px; margin-left: 30px; }
#content #warranty { width: 749px; padding-top: 10px; margin: 0 auto; }

/* dealer hours block: */
#dealer-hours { position: relative; float: right; width: 550px; text-align: left; margin: 4px 6px; color: #fff; }
#dealer-hours div.title { position: absolute; top: 0; left: 0; width: 115px; }
#dealer-hours div.title p { text-align: right; color: #fff83e; font-size: 0.75em; font-weight: bold;}
#dealer-hours div.hours { position: absolute; top: 0; right: 205px; width: 215px; }
#dealer-hours div.hours p { text-align: left; color: #fff; font-size: 0.75em; font-weight: bold; }

#dealer-info { float: left; width: 200px; text-align: left; margin: 4px 6px; }
#dealer-info h3.dealer-name { font: bold 1.05em Arial, sans-serif; color: #fff; }
#dealer-info address.footer-dealer-address { font: bold 0.80em Arial, sans-serif; color: #fff; padding: 4px 0; }
#dealer-info a { color: #fff83e; }
#dealer-info p { font-size: 0.75em; font-weight: bold; color: #fff; }

/* showroom */
#content #generic table.showroom { margin: 0 auto; text-align: center; }
#content #generic table.showroom tr td { padding: 4px; }

/* Model */
#model { position: relative; z-index: 1; width: 90%; margin: 0 auto; padding-bottom: 12px; }
#model .subnav { width: 100%; height: 40px; z-index: 1; padding: 9px 0; margin: 0 auto; text-align: center; }
#model .subnva ul { z-index: 1; }
#model .subnav li { display: inline; list-style-type: none; font-weight: bold; font-size: 0.80em; padding: 2px; margin-left: 15px; cursor: pointer; z-index: 1; }
#model .subnav a:link, #model .subnav a:visited, #model .subnav a:active, #model .subnav #features_tab a, #model .subnav #specs_tab a, #model .subnav #warranty_tab a { color: #666; text-transform: uppercase; text-decoration: none; }
#model .subnav a:hover, #model .subnav #features_tab a:hover, #model .subnav #specs_tab a:hover, #model .subnav #warranty_tab a:hover { color: #666; text-transform: uppercase; text-decoration: underline; }
#model #model-top-info { width: 100%; height: auto; margin-top: 0; z-index: 1; clear: both; }
#model #model-top-info h2.model_name { clear: both; }
#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: 38px 5px 0 5px; }
#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 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: 10px; }
.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: 100%; height: 40px; z-index: 1; }
#model .hdr .print { margin-top: -30px; width: 200px; height: 30px; 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: 20px 0 0 0; width: 100%; 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; }

/* Footer */
#special-note { width: 99%; }
#special-note #dealer-note { float: left; width: 300px; padding: 10px; }
#special-note #dealer-note p { color: #fff; }
#special-note #dealer-note a { font-weight: bold; }
#special-note #dealer-image { float: right; width: 423px; padding: 10px; }

#footer { width: 775px; clear: both; margin: 0 auto; }
#footer p { padding: 12px; text-align: center; color: #fff;}
#footer ul{ list-style: none; text-align: center; margin-bottom: 9px; }
#footer ul li{ font: 0.9em Arial, sans-serif; color: #fff; display: inline; }

#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 { font: 0.80em Arial, sans-serif; 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; }

/* Forms */
fieldset { float: left; border: solid #ccc 1px; margin-left: 20px; padding: 10px; width: 90%; 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; }
.extra { float: left; width: 100%; clear: both; padding-bottom: 12px; }
.extra p { clear: both; }

/* 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: 20%; font-weight: bold; }
.date { width: 15%; }
.location { width: 20%; }
.info { width: 45%; }
.event-header { padding: 6px; background-color: #aaa; }

/* 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 .fields #extendedFields input#warranty { width: 150px; margin: 0; padding: 0; }

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


/* 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; }

#generalpics table { width: 100%; color: #000; }
#generalpics .pic { padding: 20px; float: left; font: 0.9em Arial, sans-serif; width: 140px; height: auto; }
.pic .caption { text-decoration: none; margin-bottom: 4px; }

/* 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-weight: bold; font-size: small; margin-left: 10px; }
#dealer-contact-info .phone-number, #dealer-contact-info .hours-times { font-weight: bold; }
#dealer-contact-info h2 { font: bold italic 1.0em Arial, sans-serif; margin: 10px 0 6px 6px; color: #7a86a8; }

#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;
}

#promotion {
	margin-left: 40px;
}