body { background-color: #eff1f4; color: black; font-family: tahoma, verdana, arial, helvetica, sans-serif; font-size: 0.8em; }
#container { width: 1000px; margin-left: auto; margin-right: auto; }

img { border: none; }

#header { background-image: url('design/head_bg.jpg'); background-repeat: repeat-x; position: relative; }
#header h1, #header h1 a { display: block; position: relative; width: 375px; height: 86px; margin: 0; padding: 0; }
#header h1 a span { display: block; position: absolute; left: 0; top: 0; width: 375px; height: 86px; cursor: pointer; background-image: url('design/logo.jpg'); background-repeat: no-repeat; }
#header .subtitle { position: absolute; top: 0; right: 0; width: 575px; height: 86px; }
#header .subtitle span { display: block; position: absolute; left: 0; top: 0; width: 575px; height: 86px; background-image: url('design/head_right.jpg'); background-repeat: no-repeat; }

#menu { background-image: url('design/menu_bg.png'); background-repeat: repeat-x; background-position: center center; height: 31px; }
#menu ul { margin: 0; padding: 0; list-style-type: none; background-image: url('design/menu_left.png'); background-repeat: no-repeat; background-position: left center; height: 31px; padding-left: 22px; float: left; }
#menu ul li { float: left; margin: 0; padding: 0; margin-left: -2px; background-image: url('design/menu_separator.png'); background-position: right center; background-repeat: no-repeat; padding-right: 2px; }
#menu ul li a { display: block; padding-left: 1em; padding-right: 1em; line-height: 31px; }
#menu ul li.last { background: none; }
#menu ul li.selected { background: none; }
#menu ul li.selected a { background-image: url('design/menu_selected.png'); background-repeat: repeat-x; background-position: center center; color: white; }
#menu ul li a:hover { text-decoration: underline; }
#menu ul li.selected a:hover { text-decoration: none; }

#search { background-image: url('design/menu_right.png'); background-repeat: no-repeat; background-position: right center; height: 31px; float: right; padding-right: 20px; line-height: 31px; width: 177px; }
#search form { margin: 0; padding: 0; }
#search .trimleft { width: 5px; height: 25px; background-image: url('design/search_left.png'); background-repeat: no-repeat; background-position: left bottom; float: left; }
#search .input { float: left; height: 25px; background-image: url('design/search_bg.png'); background-repeat: repeat-x; background-position: left bottom; width: 150px; }
#search .input input { background: none; border: none; font-family: verdana, arial, helvetica, sans-serif; color: black; font-size: 0.85em; padding: 0; width: 150px; }
#search .button { float: right; position: relative; top: 3px; width: 22px; height: 22px; overflow: hidden; }
#search .button span { display: block; width: 22px; height: 22px; position: absolute; left: 0; top: 0; background-image: url('design/search_button.png'); cursor: pointer; }

#menu li a { font-weight: bold; color: black; text-decoration: none; font-family: arial, helvetica, sans-serif; }

#main_bg { background-color: white; background-image: url('design/scooter.png'); background-repeat: no-repeat; background-position: bottom right; }
#main_s1 { background-image: url('design/main_shadow_left.png'); background-repeat: repeat-y; background-position: left top; padding-left: 20px; }
#main_s2 { background-image: url('design/main_shadow_right.png'); background-repeat: repeat-y; background-position: right top; padding-right: 20px; }
#main { padding-left: 15px; padding-right: 15px; margin-top: -10px; margin-bottom: -10px; padding-top: 10px; padding-bottom: 10px; position: relative; min-height: 350px; }

#top_shadow { background-image: url('design/main_shadow_top.png'); background-repeat: repeat-x; height: 20px; }
#top_shadow .left { background-image: url('design/main_shadow_top_left.png'); background-repeat: no-repeat; width: 20px; height: 10px; float: left; }
#top_shadow .right { background-image: url('design/main_shadow_top_right.png'); background-repeat: no-repeat; width: 20px; height: 10px; float: right; }

#bottom_shadow { background-image: url('design/main_shadow_bottom.png'); background-repeat: repeat-x; height: 10px; }
#bottom_shadow .left { background-image: url('design/main_shadow_bottom_left.png'); background-repeat: no-repeat; width: 20px; height: 15px; float: left; }
#bottom_shadow .right { background-image: url('design/main_shadow_bottom_right.png'); background-repeat: no-repeat; width: 20px; height: 15px; float: right; }

#footer { height: 33px; background-image: url('design/footer_bg.png'); background-repeat: repeat-x; background-position: center center; line-height: 33px; }
#footer div { background-image: url('design/footer_left.png'); background-repeat: no-repeat; background-position: left center; padding-left: 20px; }
#footer p { margin: 0; padding: 0; background-image: url('design/footer_right.png'); background-repeat: no-repeat; background-position: right center; padding-right: 20px; text-align: right; color: #76787c; font-size: 0.85em; }
#footer a { color: #76787c; }
#footer a:hover { color: black; text-decoration: none; }

#bottom { background-image: url('design/bottom_bg.png'); background-repeat: repeat-x; height: 18px; }
#bottom .left { float: left; width: 35px; height: 18px; background-repeat: no-repeat; background-image: url('design/bottom_left.png'); }
#bottom .right { float: right; width: 35px; height: 18px; background-repeat: no-repeat; background-image: url('design/bottom_right.png'); }

#maingallery { width: 450px; float: left; background-color: black; margin-top: 1.2em; position: relative; }
#maingallery #currentPhoto { height: 280px; text-align: center; width: 450px; padding: 10px; overflow: hidden; }
#maingallery ul { list-style-type: none; background-color: #343639; margin: 0; padding: 0; padding: 0.2em; }
#maingallery li { display: inline; margin: 0; padding: 0; }
#maingallery li a { display: inline-block; color: #5f6873; text-decoration: none; font-weight: normal; padding: 0.3em; padding-left: 0.7em; padding-right: 0.7em; }
#maingallery li a:hover { color: #5f6873; }
#maingallery li a.selected { color: #d1dae4; background-color: #545b61; }

#news { margin-left: 20px; float: left; width: 450px; margin-top: 1.2em; }
#news ul { list-style-type: none; margin: 0; padding: 0; }
#news ul li { clear: both; margin: 0; padding: 0; margin-bottom: 1.5em; }
/*#news ul li p { margin-left: 50px; padding-left: 1em; }*/
#news ul li p { margin: 0; margin-top: 0.5em; }
#news.nomargin { margin-left: 0; }

#main a { color: #515f6f; font-weight: bold; }
#main a:hover { color: black; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-family: arial, helvetica, sans-serif; font-weight: bold; margin-top: 0; margin-bottom: 0.5em; }
h3 { font-size: 1.5em; }

/*.calendar { width: 50px; background-image: url('design/cal_bg.png'); background-repeat: repeat-y; background-color: white; text-align: center; float: left; position: relative; padding-bottom: 17px; }
.calendar .point { display: none; }
.calendar .day { display: block; background-image: url('design/cal_top.png'); font-size: 30px; font-weight: bold; background-repeat: no-repeat; margin-bottom: -5px; }
.calendar .year { font-weight: bold; font-size: 8px; }
.calendar .month { display: block; position: absolute; left: 0; bottom: 0; width: 50px; line-height: 17px; text-align: center; font-size: 8px; font-weight: bold; background-image: url('design/cal_month.png'); background-repeat: no-repeat; background-position: bottom center; color: white; background-color: #bc0202; }*/

.calendar .month { text-transform: lowercase; }
.calendar { font-weight: bold; font-size: 0.8em; color: #606060; }

.newslinks { clear: both; text-align: right; margin-top: 2em; }
.newslinks a { text-decoration: none; }
.newslinks a.rssicon { display: inline-block; padding-left: 13px; background-image: url('design/rss.png'); background-repeat: no-repeat; background-position: left center; }

.clear { clear: both; }

.banners { list-style-type: none; margin: 0; padding: 0; margin-top: 1.2em; }
.banners li { margin: 0; padding: 0; float: left; width: 300px; margin-left: 12px; background-color: white; cursor: pointer; border: solid 1px white; border-radius: 5px; }
.banners li.first { margin: 0; }
.banners li .image { /*background-image: url('design/banner_top.png'); background-repeat: no-repeat;*/ padding: 5px; padding-bottom: 0; text-align: center; margin-bottom: 0.5em; }
.banners li .image img { border: solid 1px #808080; }
.banners li .desc { /*background-image: url('design/banner_bottom.png'); background-repeat: no-repeat; background-position: left bottom;*/ padding: 5px; padding-top: 0; }
.banners li p { margin: 0; padding: 0; }
.banners li:hover { background-color: #eff1f4; border-color: #7f8891; }
#main .banners li a { color: black; font-weight: normal; text-decoration: none; }

#TextImage { width: 503px; height: 122px; background-position: right top; position: absolute; right: 0; top: -10px; z-index: 0; }
#TextImage .overlay { width: 503px; height: 122px; background-position: right top; background-repeat: no-repeat; background-image: url('design/text_overlay.png'); }

#bcnav { position: relative; z-index: 1; color: #9a9a9a; font-size: 0.85em; margin-bottom: 1em; }
.text { position: relative; z-index: 1; line-height: 1.5em; }
#bcnav ul { list-style-type: none; color: #9a9a9a; margin: 0; padding: 0; display: inline; }
#bcnav ul li { display: inline; padding-left: 10px; background-image: url('design/dot.png'); background-repeat: no-repeat; background-position: 2px center; }
#bcnav ul a { color: #404661; font-weight: normal; text-decoration: none; }
#bcnav ul a:hover { color: black; text-decoration: underline; }
#bcnav ul li.first { padding-left: 0; background: none; }

/**
 * Tooltip sprite description:
 *  0x0  -  5x5  = Left top corner
 *  5x0  -  5x5  = Right top corner
 *  0x5  -  5x5  = Left bottom corner
 *  5x5  -  5x5  = Right bottom corner
 * 10x0  - 10x10 = Top left pointer
 * 20x0  - 10x10 = Top right pointer
 * 30x0  - 10x10 = Bottom left pointer
 * 40x4  - 10x10 = Bottom right pointer
 */
#tooltip { position: absolute; z-index: 10000; width: 1px; height: 1px; }
#tooltip .content { background: black; padding-left: 10px; padding-right: 10px; padding-top: 3px; padding-bottom: 3px; color: white; font-size: 0.85em; }
#tooltip .top { height: 5px; position: relative; }
#tooltip .tl { position: absolute; left: 0; top: 0; width: 5px; height: 5px; background-image: url('design/tooltip.png'); background-repeat: no-repeat; background-position: 0 0; }
#tooltip .tr { position: absolute; right: 0; top: 0; width: 5px; height: 5px; background-image: url('design/tooltip.png'); background-repeat: no-repeat; background-position: -5px 0; }
#tooltip .t { height: 5px; margin-left: 5px; margin-right: 5px; background-color: black; }
#tooltip .bottom { height: 5px; position: relative; }
#tooltip .bl { position: absolute; bottom: 0; left: 0; width: 5px; height: 5px; background-image: url('design/tooltip.png'); background-repeat: no-repeat; background-position: 0 -5px; }
#tooltip .br { position: absolute; bottom: 0; right: 0; width: 5px; height: 5px; background-image: url('design/tooltip.png'); background-repeat: no-repeat; background-position: -5px -5px; }
#tooltip .b { margin-left: 5px; margin-right: 5px; height: 5px; background-color: black; }
#tooltip .pointer { background-image: url('design/tooltip.png'); background-repeat: no-repeat; width: 10px; height: 10px; position: absolute; z-index: 2; }
#tooltip.ptr .pointer { background-position: -20px 0; top: 0; right: -10px ;}
#tooltip.ptl .pointer { background-position: -10px 0; top: 0; left: 10px; }
#tooltip.pbr .pointer { background-position: -40px 0; bottom: 0; right: -10px; }
#tooltip.pbl .pointer { background-position: -30px 0; bottom: 0; left: 10px; }
#tooltip .tooltip_content { position: absolute; z-index: 1; width: 220px; }
#tooltip.ptl .tooltip_content { top: 10px; left: -10px; }
#tooltip.ptr .tooltip_content { top: 10px; right: -10px; }
#tooltip.pbl .tooltip_content { bottom: 10px; left: -10px; }
#tooltip.pbr .tooltip_content { bottom: 10px; right: -10px; }
#tooltip .error { padding-left: 30px; background-image: url('design/tooltip_error.png'); background-repeat: no-repeat; background-position: 8px 2px; font-weight: bold; }

.modelList h3 { background-image: url('design/modellist_head_bg.png'); background-repeat: repeat-y; padding: 0.5em; font-size: 1em; }
.modelList ul { list-style-type: none; margin: 0; padding: 0; margin-top: 1em; margin-bottom: 1em; }
.modelList li { display: block; float: left; text-align: center; margin-right: 1em; margin-left: 1em; }
.modelList li a { display: block; padding: 0.5em; cursor: pointer; color: black; text-decoration: none; font-weight: normal; width: 146px }
.modelList li a:hover { background-color: #d4d8e2; }
.modelList li a span { color: black; }
.modelList .clear { margin-bottom: 1em; }

.tabs { list-style-type: none; margin: 0; padding: 0; }
.tabs li { display: inline; }
.tabs h3 { font-size: 1em; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; color: #8b8b8b; line-height: 32px; float: left; margin-right: 1em; cursor: pointer; }
.tabs h3.selected { color: black; }
.tabs h3 { background-image: url('design/tab_inactive_left.png'); padding-left: 8px; background-repeat: no-repeat; background-position: left center; }
.tabs h3 .tab_left { background-image: url('design/tab_inactive_right.png'); padding-right: 8px; background-repeat: no-repeat; background-position: right center; }
.tabs h3 .tab_right { background-image: url('design/tab_inactive_bg.png'); background-repeat: repeat-x; background-position: center center; }
.tabs h3.selected { background-image: url('design/tab_left.png'); }
.tabs h3.selected .tab_left { background-image: url('design/tab_right.png'); }
.tabs h3.selected .tab_right { background-image: url('design/tab_bg.png'); }
#tabcontent { clear: left; }

#modelData h4 { margin-top: 1em; margin-bottom: 1em; font-size: 1.1em; font-weight: bold; font-family: tahoma, verdana, arial, helvetica, sans-serif; }
dl.techdata { line-height: 2em; margin-top: 1em; margin-bottom: 1em; }
dl.techdata dt { margin: 0; padding: 0; font-weight: bold; display: inline-block; padding-left: 0.5em; width: 11.5em; vertical-align: bottom; color: #656e77; }
dl.techdata dd { margin: 0; padding: 0; padding-left: 12.5em; border-bottom: solid 1px #dce1e7; margin-top: -2em; }

.indent { padding-left: 1em; }
.price strong { font-size: 1.5em; padding-left: 0.5em; }

#modelData { margin-right: 360px; padding-right: 1em; }

#modelGallery { float: right; width: 360px; margin-top: -1.5em; }
#modelGalleryImageHolder { background-color: white; position: relative; width: 360px; height: auto; }
#modelGalleryImageHolder .lt, #modelGalleryImageHolder .rt, #modelGalleryImageHolder .lb, #modelGalleryImageHolder .rb { width: 10px; height: 8px; background-repeat: no-repeat; position: absolute; }
#modelGalleryImageHolder .lt { left: 0; top: 0; background-image: url('design/corner_gallery/lt.png'); }
#modelGalleryImageHolder .rt { right: 0; top: 0; background-image: url('design/corner_gallery/rt.png'); }
#modelGalleryImageHolder .lb { left: 0; bottom: 0; background-image: url('design/corner_gallery/lb.png'); }
#modelGalleryImageHolder .rb { right: 0; bottom: 0; background-image: url('design/corner_gallery/rb.png'); }
#modelGalleryImageHolder .logo { text-align: right; padding-right: 0.5em; padding-top: 0.5em; }

#main a.pdflink { display: inline-block; margin-top: 1em; margin-bottom: 1em; color: #828282; text-decoration: none; padding-left: 36px; background-image: url('design/pdf.png'); background-repeat: no-repeat; background-position: left center; }
#main a.pdflink strong { color: black; text-transform: uppercase; }

#modelGalleryLinks { list-style-type: none; margin: 0; padding: 0; }
#modelGalleryLinks li { display: block; float: left; width: 84px; height: 84px; margin: 3px; }
#modelGalleryLinks li a { display: block; position: relative; cursor: pointer; padding: 2px; width: 80px; height: 80px; }
#modelGalleryLinks li a .overlay { display: block; position: absolute; left: 0; top: 0; width: 84px; height: 84px; background-image: url('design/model_gallery_overlay.png'); }

.motionText { margin-bottom: 1em; }
.colorModels, .editionList { list-style-type: none; margin: 0; padding: 0; margin-bottom: 1em; }
.colorModels li { margin-top: 0.5em; margin-bottom: 0.5em; }
.colorModels img { vertical-align: middle; margin-right: 0.2em; }
.editionList li { clear: left; cursor: pointer; padding: 0.5em; margin-left: -0.5em; border: solid 1px white; width: 50%; }
.editionList img { float: left; margin-right: 0.4em; }
.editionList li:hover { border: solid 1px #7f8891; }

.dealerCategory { font-size: 1em; background-image: url('design/modellist_head_bg.png'); background-repeat: repeat-y; padding: 0.5em; }
.dealerList { width: 100%; border-collapse: collapse; margin-top: 1em; margin-bottom: 1em; }
.dealerList td { vertical-align: top; padding: 0.2em; }
.dealerList .even td { background-color: #eff1f4; }

.galleryList { list-style-type: none; margin: 0; padding: 0; width: 40%; }
.galleryList li { cursor: pointer; border: solid 1px white; border-radius: 5px; }
.galleryList li:hover { background-color: #eff1f4; border: solid 1px #7f8891; }
.galleryList li:hover a { color: black !important; text-decoration: none; }
.galleryList .preview { padding: 0.5em; display: inline-block; }
.galleryList .description { padding: 0.5em; vertical-align: top; display: inline-block; }
.galleryList h3 { font-size: 1.2em; margin: 0; }

#galleryContent { margin-top: 1em; }
#galleryContent #scrollLeft, #galleryContent #scrollRight { width: 32px; height: 100px; background-image: url('design/gallery_left.png'); background-repeat: no-repeat; background-position: center center; float: left; cursor: pointer; }
#galleryContent #scrollRight { background-image: url('design/gallery_right.png'); }
#galleryContent #scroller { float: left; width: 865px; overflow: hidden; position: relative; height: 100px; }
#galleryContent ul { position: absolute; margin: 0; padding: 0; list-style-type: none; overflow: hidden; height: 100px; left: 0; top: 0; }
#galleryContent ul li { display: block; position: absolute; top: 0; left: 0; }
#galleryContent ul li a { display: block; }
#currentImage { text-align: center; position: relative; }
#currentImageDescription { position: absolute; left: 0; width: 100%; bottom: 0; z-index: 3; color: white; /*background-color: black;*/ text-align: left; background-image: url('design/gallery_50gray.png'); }
#currentImageDescription .padding { padding: 0.5em; }
#currentImageDescription h3 { font-size: 1em; font-weight: bold; margin: 0; }

.mediaList { table-layout: fixed; }
.mediaList .image, .mediaList .image img { width: 60px; }
.mediaList .image, .mediaList .description { vertical-align: top; padding: 0.5em; }
.mediaList h3 { font-size: 1.2em; margin: 0; }
.mediaList p { margin: 0; }