@charset "utf-8";
/* CSS Document */

/* =============================== Common ============================ */

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

form { font-family: Verdana, Tahoma, Helvetica, sans-serif; }

html { font-size:100.01%; height: 100%; overflow-y: scroll; }
   
body { font-size:62.5%; font-family: Verdana, Tahoma, Helvetica, sans-serif; height: 100%; }

input,select { font-size: 1em; 	font-family: Verdana, Tahoma, Helvetica, sans-serif; }

h1 { font-size:2em }
h2 { font-size:1.5em }
h3 { font-size:1.25em }
h4 { font-size:1em }

ul { list-style: none; margin-left: 0;}

div,p,span,img,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form { border: none; }

.clear { clear: both; }
.clearfix:after { content:"."; display:block; height:0em; clear:both; visibility:hidden; }

a { text-decoration: none; outline: none;  }
a:hover { text-decoration: underline; }
a.VisitSite { display: block; width: 82px; height: 20px; overflow: hidden; text-indent: -9999px; background-image: url("/m/images/layout/btn_visit_site.gif"); }

/* ========================== Colors =========================== */
body { /*background: #000000 url("/m/images/layout/bg_main.gif");*/ background-color: #000000; color: #FFFFFF; }

/* ========================== Globals ========================== */

span.bold { font-weight:bold; }
.hidden { display: none !important; }

/* Layout */
* html div.topBackground { height: 100%; }
div.topBackground { 
    position: relative;
     min-height: 100%; 
     min-width:1050px;
     background: url("/m/images/layout/bg_header.gif") repeat-x top left; 
}
div.contentBox,
div.footerBox { 
    width: 1050px; 
    margin: 0 auto;
}
/*div.contentBox { padding-bottom: 107px; }*/
div.content { margin-top: 20px; clear: both; }
div.contentPadding { padding-left: 82px; padding-right: 82px; }
div.bottomBackground { position: relative; height: 107px; min-width:1050px; margin-top: 0; background: url("/m/images/layout/bg_footer.gif") repeat-x top left; }

/* Text */
body.textPage { font-size: 11px; margin: 10px; }
body.textPage h1 { font-size: 18px; margin: 0; }
body.textPage h2 { font-size: 14px; margin-top: 20px; margin-bottom: 0px; }
body.textPage p { margin-top: 10px; margin-bottom: 0; }
body.textPage ul { margin-top: 10px; margin-bottom: 0; }

div.content h2 { margin-top: 28px; margin-bottom: 0; }
div.content h2.thebike { margin-top: 8px; }
div.content h2.title { font-size: 30px; color: #d68635; text-transform: uppercase; clear: both; font-family: Impact, Arial; font-weight: normal;}
div.content h2.titleLP { font-size: 50px; color: #d68635; text-transform: uppercase; clear: both; font-family: Impact, Arial; font-weight: normal; height: 65px; }
div.content h3 { margin-top: 30px; margin-bottom: -10px; font-size: 18px; color: #959595; font-family: "Times New Roman", Times, serif; font-weight: normal; }
div.content div.feature {margin-top: 30px; overflow: hidden;}
div.content div.feature h3 {margin-top: 0px;}
div.content p { margin-top: 14px; font-size: 11px; line-height: 15px; }
div.content ul { font-size: 11px;  }
div.content a { color: #d78635; text-decoration: none; }
div.content a:hover { text-decoration: underline; }

div.content div.lpText { font-size: 26px; }

div.contentLayout { clear: both; }
div.content div.textContent { width: 550px; }
div.content div.contentLayout div.textContent { float: left; padding-right: 40px; }
div.content div.contentLayout div.additionalContent { float: left; width: 296px; }

.hugeTopMargin { margin-top: 135px !important; }
.mediumTopMargin { margin-top: 16px !important; }
.smallTopMargin { margin-top: 10px !important; }
.noTopMargin { margin-top: 0 !important; }

.anotherColor { color: #d78635; }
.underlined { text-decoration: underline; }

div.imageDescription { color: #CCCCCC; text-align: right; font-style: italic; font-size: 10px; margin-top: 5px; margin-bottom: 30px; }
div.errBox { font-size: 12px; color: #de5543; }

/* jqModal base Styling courtesy of; Brice Burgess <bhb@iceburg.net> */
.jqmWindow {
    display: none;
    position: fixed;
    top: 10%;
    left: 50%;
    margin-left: -300px;
    width: 620px;
    height: 420px;
    background: url("/m/images/layout/modal_dialog_bg.png") no-repeat top left;
}

.jqmWindow .contents {
    height: 100%;
/*    background: #a7a9ac url("/m/images/layout/loading.gif") no-repeat top left; */
    background: #0b0b0b ;
}

.jqmWindow a.close { 
    display: block; 
    width: 20px; 
    height: 20px; 
    background: url("/m/images/layout/close_button.png") no-repeat center center; 
    overflow: hidden; 
    text-indent: -9999px; 
    position: absolute; 
    top: -18px; 
    right: -18px;
    padding: 8px;
    z-index: 100; 
    cursor: pointer;
}

/* div#videoModalDialogBox { display: none; width: 494px; height: 356px; padding-top: 14px; padding-left: 14px; position: relative; }
div#videoModalDialogBox div#videoModalDialog { width: 430px; height: 288px; background: #a7a9ac url("/m/images/layout/loading.gif") no-repeat top left; position: absolute; left: 32px; top: 34px; z-index: 1; }
div#videoModalDialogBox a.close { display: block; width: 11px; height: 11px; background: url("/m/images/layout/close_button.gif") no-repeat top left; overflow: hidden; text-indent: -9999px; position: absolute; top: 20px; right: 33px; z-index: 2; }
div#videoModalDialogBox div.videoBoxBG { width: 508px; height: 370px; background: url("/m/images/layout/modal_dialog_bg.png") no-repeat top left; position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -9999px;  }
*/

.jqmOverlay { background-color: #000; }

/* Common slideshow styles */

.slideshow img {
    display: none;
    top: 0;
    left: 0;
}

.slideshow-nav {
    position: relative;
    height: 0;
    top: -40px;
    text-align: center;
    z-index: 100;
}

.slideshow-nav a {
    padding: 4px 10px;
    background: transparent url("/m/images/layout/slide_nav.png") no-repeat center; 
}

.slideshow-nav a.activeSlide {
    background: transparent url("/m/images/layout/slide_nav_selected.png") no-repeat center; 
}

.slideshow-nav a img {
    width: 10px;
    height: 10px;
}

.jqmWindow div.slideshow-nav {
	z-index: 3000;
}

.toggleable {
    display:none;
}

/* Menu */
ul.nav {
  margin: 13px 0px;
  padding: 0 0 0 82px;
  position: static;
}

ul.nav li.menuitem {
  display: block;
  position: static;
  float: left;
  clear: both;
  margin: 2px 0px;
  padding: 0px;
  width: 600px;
}
ul.nav div.submenuwrapper {
    float: left;
    visibility: hidden;
}
ul.nav div.submenuwrapper.active {
    visibility: visible;
}
ul.nav li.menuitem ul {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  float: left;
  display: block;
}
ul.nav li.submenuitem {
    padding: 0px;
    float: left;
}
ul.nav a.menu,
ul.nav a.submenu {
    text-indent: -9999px;
    background: transparent top left no-repeat;
    float: left;
    display: block;
    height: 22px;
    margin: 0px;
    cursor: pointer;
}
ul.nav a.menu {
    background-image: url('/m/images/nav/nav-main-sprite.gif');
}

/* main nav link hover CSS event does not fire in IE6.  Event listener added in slider.js*/
#mission-one-superbike { background-position: 0 0; width: 141px; }
#mission-one-superbike.lit, #mission-one-superbike:hover { background-position: 0 -22px; }
#superbike-submenu a.submenu { background-image: url('/m/images/nav/nav-superbike-sprite.gif'); }    
#the-bike { background-position: 0 0; width: 71px; }
#the-bike.lit, #the-bike:hover { background-position: 0 -22px; }
#technology { background-position: -71px 0; width: 88px; }
#technology.lit, #technology:hover { background-position: -71px -22px; }
#gallery { background-position: -159px 0; width: 66px; }
#gallery.lit, #gallery:hover { background-position: -159px -22px}
#motorsports { background-position: -225px 0; width: 95px }
#motorsports.lit, #motorsports:hover { background-position: -225px -22px}
#reserve { background-position: -320px 0; width: 91px; }
#reserve.lit, #reserve:hover { background-position: -320px -22px; }

#company { background-position: -141px 0; width: 63px; }
#company.lit, #company:hover { background-position: -141px -22px; }
#company-submenu a.submenu { background-image: url('/m/images/nav/nav-company-sprite.gif'); }
#story { background-position: 0 0; width: 59px; }
#story.lit, #story:hover { background-position: 0 -22px; }
#team { background-position: -59px 0; width: 54px; }
#team.lit, #team:hover { background-position: -59px -22px; }
#news { background-position: -113px 0;width: 53px; }
#news.lit, #news:hover { background-position: -113px -22px; }
#careers { background-position: -166px 0;width: 68px; }
#careers.lit, #careers:hover { background-position: -166px -22px; }
#contact { background-position: -234px 0;width: 66px; }
#contact.lit, #contact:hover { background-position: -234px -22px; }

#the-mission { background-position: -204px 0; width: 80px; }
#the-mission.lit, #the-mission:hover { background-position: -204px -22px; }
#mission-submenu a.submenu { background-image: url('/m/images/nav/nav-themission-sprite.gif'); }
#higher-performance { background-position: 0 0; width: 142px; }
#higher-performance.lit, #higher-performance:hover { background-position: 0 -22px; }
#iconic-design { background-position: -142px 0; width: 99px; }
#iconic-design.lit, #iconic-design:hover { background-position: -142px -22px; }
#better-planet { background-position: -241px 0; width: 97px; }
#better-planet.lit, #better-planet:hover { background-position: -241px -22px; }

#blog { background-position: -284px 0; width: 43px; }
#blog.lit, #blog:hover { background-position: -284px -22px; }

#videos-and-pictures { background-position: -327px 0; width: 89px}
#videos-and-pictures.lit, #videos-and-pictures:hover { background-position: -327px -22px }

#reserve-now {margin-top: 10px; background-position: -416px 0; width: 85px; }
#reserve-now.lit, #reserve-now:hover { background-position: -416px -22px; }

/* Old menu */
/*
ul.topMenu { height: 10px; padding: 7px 0 0 0; margin: 0; list-style: none; }
ul.topMenu li { list-style: none; float: right; padding: 0 8px 0 8px; margin: 0; border-left: 1px solid #9c9c9c; }
ul.topMenu li a { color: #acacac; overflow: hidden; height: 9px; text-indent: -9999px; display: block; background-repeat: no-repeat; background-position: top center; }
ul.topMenu li a:hover { color: #ffffff; }
ul.topMenu li.menuItemContact { border: none !important; }
ul.topMenu li.menuItemContact a { width: 40px; background-image: url("/m/images/nav/contact.gif"); }
ul.topMenu li.menuItemContact a.active, 
ul.topMenu li.menuItemContact a:hover { background-image: url("/m/images/nav/contact_over.gif"); }
ul.topMenu li.menuItemReserve a { width: 39px; background-image: url("/m/images/nav/reserve.gif"); }
ul.topMenu li.menuItemReserve a.active, 
ul.topMenu li.menuItemReserve:hover a { background-image: url("/m/images/nav/reserve_over.gif"); }

ul.mainMenu { float: left; margin: 24px 0 0 0; padding: 0; list-style: none; }
ul.mainMenu li { list-style: none; float: left; padding: 0 5px 0 8px; margin: 0; background: url("/m/images/nav/line.gif") no-repeat top left; }
ul.mainMenu a { display: block; float: left; height: 9px; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-position: top center; }
ul.mainMenu li.menuItemMissionModel { background: none; padding-left: 0; }
ul.mainMenu li.menuItemMissionModel a { width: 65px; background-image: url("/m/images/nav/mission_modelx.gif"); }
ul.mainMenu li.menuItemMissionModel a.active,
ul.mainMenu li.menuItemMissionModel a:hover { background-image: url("/m/images/nav/mission_modelx_over.gif"); }
ul.mainMenu li.menuItemCompany a { width: 50px; background-image: url("/m/images/nav/company.gif"); }
ul.mainMenu li.menuItemCompany a.active,
ul.mainMenu li.menuItemCompany a:hover { background-image: url("/m/images/nav/company_over.gif"); }
ul.mainMenu li.menuItemTheMission a { width: 64px; background-image: url("/m/images/nav/the_mission.gif"); }
ul.mainMenu li.menuItemTheMission a.active,
ul.mainMenu li.menuItemTheMission a:hover { background-image: url("/m/images/nav/the_mission_over.gif"); }
ul.mainMenu li.menuItemCommunity a { width: 61px; background-image: url("/m/images/nav/community.gif"); }
ul.mainMenu li.menuItemCommunity a.active,
ul.mainMenu li.menuItemCommunity a:hover { background-image: url("/m/images/nav/community_over.gif"); }
ul.mainMenu li.menuItemPress a { width: 33px; background-image: url("/m/images/nav/press.gif"); }
ul.mainMenu li.menuItemPress a.active,
ul.mainMenu li.menuItemPress a:hover { background-image: url("/m/images/nav/press_over.gif"); }

ul.menuList { margin: 0; padding: 0; list-style: none; }
ul.menuList li { margin: 0 0 3px 0; list-style: none; float: left; clear: both; background: #d78636 url('/m/images/layout/submenu_bg.gif') no-repeat top left; }
ul.menuList li a { color: #000000; text-decoration: none;  height: 13px; display: block; padding: 0 18px 0 0; margin: 5px 0 4px 5px; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-position: top left; }
ul.menuList li a:hover { color: #FFFFFF; text-decoration: none; }
ul.menuList li a.active { padding-right: 80px; }
*/
/* End Old Menu*/

ul.footerMenu {
	display: inline; 
	float: right; 
	padding: 0 0 0 0; 
	margin: 0; 
	list-style: none;
}
ul.footerMenu li {
	display: inline; 
	float: right;
}
ul.footerMenu.social { 
    padding-top: 68px;
	margin-right: 50px;
    width: 102px;
}
ul.footerMenu.social li {
	margin-right: 10px;
}

ul.footerMenu.legal { height: 10px; padding-right: 30px; padding-top: 80px; width: 500px;} 
ul.footerMenu.legal li { padding: 0 8px 0 8px; margin: 0; border-left: 1px solid #9c9c9c; }
ul.footerMenu.legal li a { color: #acacac; overflow: hidden; height: 9px; text-indent: -9999px; display: block; background-repeat: no-repeat; background-position: top center; }
ul.footerMenu.legal li a:hover { color: #ffffff; }
ul.footerMenu.legal li.menuItemContact { border: none !important; }
ul.footerMenu.legal li.menuItemContact a { width: 40px; background-image: url("/m/images/nav/contact.gif"); }
ul.footerMenu.legal li.menuItemContact a.active,
ul.footerMenu.legal li.menuItemContact a:hover { background-image: url("/m/images/nav/contact_over.gif"); }
ul.footerMenu.legal li.menuItemPrivacy a { width: 68px; background-image: url("/m/images/nav/privacy_policy.gif"); }
ul.footerMenu.legal li.menuItemPrivacy a:hover { background-image: url("/m/images/nav/privacy_policy_over.gif"); }
ul.footerMenu.legal li.menuItemTerms a { width: 91px; background-image: url("/m/images/nav/terms_conditions.gif"); }
ul.footerMenu.legal li.menuItemTerms a:hover { background-image: url("/m/images/nav/terms_conditions_over.gif"); }
ul.footerMenu.legal li.menuItemCopy { height: 9px; width: 182px; background: url("/m/images/nav/copyright.gif") no-repeat top center; overflow: hidden; text-indent: -9999px; }

ul.footerMenu a { color: #acacac;  }
ul.footerMenu a:hover { color: #ffffff;  }

ul.footerMenu li.social a {
  color: #fff;
  display: block;
  height: 18px;
  float: left;
  text-indent: 0;
  padding: 0px 8px 0 0px;
}


div.header h1 { width: 80px; height: 55px; float: left; margin: 0; }
div.header h1 a { width: 80px; height: 55px; 
    display: block; overflow: hidden; text-indent: -9999px; 
    background: url("/m/images/layout/logo.png") no-repeat top left; float: left;}

div#newsletterSignup {position:absolute; margin-left:710px; width:275px; clear:left}
div#newsletterSignup {margin-top:13px;}
div#newsletterSignup .textbox {font-size: 10px; height:16px; padding:1px; width:100px, color:#777}
div#newsletterSignup .image {vertical-align:bottom;}
/* Forms */

form.formBox { margin: 20px 0 0 0; width: 600px;  }
form.formBox label { font-size: 12px; }
form.formBox label.message { display: block; margin-top: 15px; }
form.formBox input.loginButton { display: block; margin-left: 147px; margin-top: 5px; }
form.formBox input.submitButton { display: block; margin-left: 502px; margin-top: 40px; }
form.formBox input.subscribeButton { display: block; margin-left: 440px; margin-top: 10px; }
form.formBox textarea.message { width: 580px; height: 150px; margin-top: 4px; }

.cols { float: left; width: 290px; }
.leftMargin { margin-left: 10px; }
.fieldList { margin-top: 0px; margin-bottom: 0px; }
.fieldList dt { float: left; width: 110px; 
  text-align: right; padding-right: 5px;}
.fieldList dd { margin-bottom: 10px; margin-left: 0px; }
.fieldList dd.state { height: 22px;}
.fieldList label { font-size: 12px; padding-top: 2px; display: block; }
.fieldList label span { color: #D78635; }

textarea,
.fieldList input,
.fieldList select { 
   font-size: 12px; 
   background-color: #CCCCCC; 
}

.fieldList dd input { width: 465px;}
.fieldList dd select { width: 171px; }
.fieldList.cols dd input { width: 166px;}

.fieldlist.hearAbout { margin-top: 15px; }
.fieldList.hearAbout dt { float: left; width: 192px; }
.fieldList.hearAbout select { width: 388px; }

.fieldList.hearAboutNoMargin dt { float: left; width: 192px; }
.fieldList.hearAboutNoMargin select { width: 388px; }

.fieldList.agree dd input,
.fieldList.payment dd input { 
     width: 2em; background-color: #000; margin: 0; }
.fieldList.agree dd label { display: inline; }

.fieldList.payment dd label { display: inline; padding-right: 2em; }
.fieldList.payment li { display: inline; }

.instructions { margin-left: 116px; }

.instructions.check { display: none; }
/* makeshift styles for reserve form */

.fieldList.expiration dd select { width: 6em; }

.formBox textarea#id_message {
   height:150px;
   margin-top:4px;
   width:580px;
}


ul.errorlist { color: #f33; }
ul.errorlist.summary { width: 600px; }
ul.errorlist li { margin: 3px 0;}

.formBox ul.errorlist {
   text-align: right;
   padding: 0 0 4px 0;
   margin: 0 15px 0 0;
}

#modalDialogOverlay { width: 100%; height: 100%; background-color: #000000; filter:alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; position: absolute; z-index:100; top: 0; left: 0; }
#modalDialogContainer { width: 508px; height: 370px; position: absolute; z-index: 101; top: 20%; left: 50%; margin-left: -250px; }


/* ========================== Home ========================== */

/* home page needs to be wider to support latest news blocks */
div.contentPadding.home { padding-right: 0; } 

div.homeBox { height: 579px; }
div.homeBox div.homeText { padding-left: 82px; }

div.homeBox h2,
div.homeBox h3 { background-repeat: no-repeat; background-position: top left; overflow: hidden; text-indent: -9999px; }
div.homeBox h2 { height: 38px; margin: 0;   }
div.homeBox h3 { height: 37px; margin: 11px 0 0 0; }

div.homeBox p { margin-top: 85px; width: 350px; margin-bottom: 0px; font-size: 11px; clear: both; }
div.homeBox p strong { display: block; color: #d68635; }

ul.homeMenu { margin: 40px 0 0 0; padding: 0; list-style: none; }
ul.homeMenu li { margin: 0 0 3px 0; list-style: none; float: left; clear: both; background: #d78636 url('/m/images/layout/submenu_bg.gif') no-repeat top left; }
ul.homeMenu li a { color: #000000; text-decoration: none;  height: 13px; display: block; padding: 0 18px 0 0; margin: 5px 0 4px 5px; overflow: hidden; text-indent: -9999px; background-repeat: no-repeat; background-position: top left; }
ul.homeMenu li a:hover { color: #FFFFFF; }
ul.homeMenu li a.homeSilentSpeed { width: 63px; background-image: url('/m/images/pages_nav/home_silent.gif'); }
ul.homeMenu li a.homeSilentSpeed:hover { background-image: url('/m/images/pages_nav/home_silent_over.gif'); }
ul.homeMenu li a.homeInstantaneousTorque { width: 111px; background-image: url('/m/images/pages_nav/home_instantaneous.gif'); }
ul.homeMenu li a.homeInstantaneousTorque:hover { background-image: url('/m/images/pages_nav/home_instantaneous_over.gif'); }
ul.homeMenu li a.homeMaximumRange { width: 77px; background-image: url('/m/images/pages_nav/home_maximum.gif'); }
ul.homeMenu li a.homeMaximumRange:hover { background-image: url('/m/images/pages_nav/home_maximum_over.gif'); }
ul.homeMenu li a.homeZeroEmissions { width: 77px; background-image: url('/m/images/pages_nav/home_zero.gif'); }
ul.homeMenu li a.homeZeroEmissions:hover { background-image: url('/m/images/pages_nav/home_zero_over.gif'); }
ul.homeMenu li a.homeIconicDesign { width: 68px; background-image: url('/m/images/pages_nav/home_iconic.gif'); }
ul.homeMenu li a.homeIconicDesign:hover { background-image: url('/m/images/pages_nav/home_iconic_over.gif'); }

div.homeBox div.ourMission,
div.homeBox div.silentSpeed,
div.homeBox div.instantaneousTorque,
div.homeBox div.maximumRange,
div.homeBox div.zeroEmissions,
div.homeBox div.iconicDesign { height: 579px; width: 1050px;  position: absolute; }

div.homeBox div.ourMission { background: #000000 url("/m/images/home/bg_home.jpg") no-repeat bottom center; }
div.homeBox div.ourMission h2 { width: 283px; background-image: url('/m/images/headers/home_mission_motors.gif'); }
div.homeBox div.ourMission h3 { width: 700px; background-image: url("/m/images/home/title_home.gif"); }

div.homeBox div.silentSpeed { background: #000000 url("/m/images/home/bg_silent_speed.jpg") no-repeat bottom center; }
div.homeBox div.silentSpeed a.homeSilentSpeed { padding-right: 108px; background-image: url('/m/images/pages_nav/home_silent_over.gif'); }
div.homeBox div.silentSpeed h2 { width: 144px; background-image: url('/m/images/headers/home_just_fly.gif'); }
div.homeBox div.silentSpeed h3 { width: 551px; background-image: url("/m/images/home/title_just_fly.gif"); }
div.homeBox div.silentSpeed p { width: 270px; }

div.homeBox div.instantaneousTorque { background: #000000 url("/m/images/home/bg_instantaneous.jpg") no-repeat bottom center; }
div.homeBox div.instantaneousTorque a.homeInstantaneousTorque { padding-right: 108px; background-image: url('/m/images/pages_nav/home_instantaneous_over.gif'); }
div.homeBox div.instantaneousTorque h2 { width: 203px; background-image: url('/m/images/headers/home_relentless.gif'); }
div.homeBox div.instantaneousTorque h3 { width: 419px; background-image: url("/m/images/home/title_relentless.gif"); }

div.homeBox div.maximumRange { background: #000000 url("/m/images/home/bg_maximum.jpg") no-repeat bottom center; }
div.homeBox div.maximumRange a.homeMaximumRange { padding-right: 108px; background-image: url('/m/images/pages_nav/home_maximum_over.gif'); }
div.homeBox div.maximumRange h2 { width: 350px; background-image: url('/m/images/headers/home_defying_boundaries.gif'); }
div.homeBox div.maximumRange h3 { width: 468px; background-image: url("/m/images/home/title_defying.gif"); }
div.homeBox div.maximumRange p { width: 305px; }

div.homeBox div.zeroEmissions { background: #000000 url("/m/images/home/bg_zero.jpg") no-repeat bottom center; }
div.homeBox div.zeroEmissions a.homeZeroEmissions { padding-right: 108px; background-image: url('/m/images/pages_nav/home_zero_over.gif'); }
div.homeBox div.zeroEmissions h2 { width: 256px; background-image: url('/m/images/headers/home_better_planet.gif'); }
div.homeBox div.zeroEmissions h3 { width: 357px; background-image: url("/m/images/home/title_better.gif"); }

div.homeBox div.iconicDesign { background: #000000 url("/m/images/home/bg_iconic.jpg") no-repeat bottom center; }
div.homeBox div.iconicDesign a.homeIconicDesign { padding-right: 108px;background-image: url('/m/images/pages_nav/home_iconic_over.gif'); }
div.homeBox div.iconicDesign h2 { width: 256px; background-image: url('/m/images/headers/home_highly_refined.gif'); }
div.homeBox div.iconicDesign h3 { width: 271px; background-image: url("/m/images/home/title_highly.gif"); }

.home #vertnavwrapper  {
    position: absolute;
    padding-top: 80px;
    float: left;
    z-index: 100;
}

.home div#newsletterSignup {margin-top:26px;}

.home div.slideshow {
	width: 900px;
	height: 480px;
	position: relative;
	padding: 0;  
    margin:  0;
}

.home div.slideshow img {
    margin-top: 5px;
}

.home div.slideshow img.first {
    display: block;
}

.home .slideshow-nav {
    width: 900px;
}

.home .latest {
	overflow: hidden;
    padding-top: 5px;
}
.home .latest div {
	width: 448px;
	float: left ;
	background: transparent url("/m/images/home/homepage-blog-bgnd_34.gif") no-repeat top left; 
	cursor: pointer;
}
.home .latest #latest-hiring {
   padding-right: 15px;
}
.home .latest img {
   padding: 10px 12px;
   float: left;
}
.home .latest h4 {
  margin-top: 0;
  margin-bottom: 0;
}
.home .latest h4.summary {
  margin-top: 7px;
}
.home .latest h4,
.home .latest p,
.home .latest a {
  margin-right: 26px;
}
.home .latest h4 span.section,
.home .latest h4 span.date,
.home .latest h4.title {
   color: #000;
}

.home .latest p {
   margin-top: 0;
   margin-bottom: 0;
   line-height: 13px;
}
.home .latest a {
   display: block;
   color: #000;
   text-decoration: underline;
   margin-top: 2px;
}

/* ===================== Model page ===================== */

div.imageGallery { margin-top: 32px; clear: both; }
div.imageGallery div.imageView { float: left; width: 712px; }
div.imageGallery div.imageView div.attribution { margin-top: 3px; color: #aaaaaa; }
div.imageGallery div.thumbsPanel { float: left; padding-left: 5px; width:160px; }

div.imageGallery div.thumbsPanel div.imageThumbs div { float: left; padding-bottom: 15px; padding-left: 15px;  }
div.imageGallery div.thumbsPanel div.imageThumbs a { display: block; width: 60px; height: 40px; background-color: #404041; overflow: hidden; border: 1px solid #000000; }
div.imageGallery div.thumbsPanel div.imageThumbs a img { width: 60px; height: 40px; }

div.imageGallery div.thumbsPanel div.imageThumbs a:hover, 
div.imageGallery div.thumbsPanel div.imageThumbs a.active { border: 1px solid #FFFFFF; }

div.imageGallery div.thumbsPanel div.galleryImageDescr { margin-left: 15px; clear: both; }
div.imageGallery div.thumbsPanel div.galleryImageDescr strong { font-size: 11px; text-indent: 0; color: #D78635; height: 15px; }
div.imageGallery div.thumbsPanel div.galleryImageDescr p { width: 100%; margin-top: 0; }

div.technologyImage { height: 160px; padding-right: 370px; background: url("/m/images/small_image_here.gif") no-repeat 100% 25px; }

div.feature img {
  float: left; 
  margin: 0 20px 10px 0;
}

div.specification h2 {
  font-family: "Times New Roman", Times, serif;
  font-weight: normal;
  font-size: 16px;
}
div.specification h2 a img {
  float: right;
}
div.specification h4 { 
  color: #d78635; 
  margin: 6px 0 6px 0;
}

div.specification dt { 
  width: 130px;  
  color: #bbb;
  font-style: italic; 
  text-align: left; 
} 
div.specification dl {
  margin-top: 0px;
  padding-bottom: 8px;
  border-bottom: 2px dotted #555;
}

div.specification dd { 
  margin-left: 0;
  font-size: 11px; 
  padding-top: 1px;
  padding-bottom: 6px; 
  font-family: Arial, Helvetica, sans-serif; 
}

/* ===================== Mission page ===================== */

div.missinLinkBox { border-top: 1px solid #AAAAAA; width: 230px; float: right; text-align: right; font-size: 12px; }
div.missinLinkBox strong { color: #D78635; font-size: 14px; display: block; margin-top: 4px; font-family: "Times New Roman", Times, serif; }
div.missinLinkBox a { display: block; color: #FFFFFF; margin-top: 16px; font-weight: bold; text-decoration: underline; }
div.missinLinkBox a:hover { text-decoration: none; }

div.vehiclesDescription { margin-top: 10px; }
div.vehiclesDescription img { display: block; float: left; margin-right: 20px; }
div.vehiclesDescription p { padding-top: 40px; font-size: 12px; }
div.vehiclesDescription p.first { padding-top: 30px; }
div.vehiclesDescription p strong { display: block; color: #d78635; }

div.missionChart strong { display: block; text-align: right; width: auto; color: #D78635; font-size: 16px; margin-top: 4px; font-family: "Times New Roman", Times, serif; }
div.missionChart h3 { font-size: 13px; margin-top: 0; margin-bottom: 0; text-align: right; }

/* ===================== Motorsports page ===================== */
.motorsports .feature {
    border-bottom: 1px dashed #555;
    padding: 10px 0;
}
.motorsports .feature a.gotosite img {
    display: block;
    float: none;
}
.motorsports .feature .thumb-container {
    overflow: hidden;
    height: 1%; /* IE6 hack to enable hasLayout so overflow: hidden works */
}
.motorsports .feature ul.thumbnails {
    display: inline;
    padding-left: 0;
}
.motorsports .feature ul.thumbnails li {
    display: inline;
    cursor: pointer;
}
.motorsports .feature .thumbnails img {
    margin-right: 7px;
    border: solid 1px black;
}
.motorsports .feature .thumbnails img:hover {
    border: solid 1px #d78635;
}

.motorsports .wide-content {
    overflow: hidden;
}
.motorsports img.fim {
    padding: 20px 0;
}
.motorsports .wide-content img.floated {
   float: left;
   padding-right: 25px;
}

.motorsports div.slideshow {
    height: 100%;
}

/* ===================== Community page ===================== */
div.communityVideo { 
    margin-top: 15px; }
div.communityVideo div.communityVideoBox { 
    float: left; 
    width: 278px; 
    padding-right: 16px; }
div.communityVideo div.communityVideoBox img { 
    display: block; }
div.communityVideo div.communityVideoBox strong { 
    display: block; 
    font-size: 16px;
     color: #959595; 
     font-family: "Times New Roman", Times, serif;
      margin-top: 10px;   }
div.communityVideo div.communityVideoBox strong span { 
    font-size: 12px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #d78635; }
div.communityVideo div.communityVideoBox p { font-size: 12px; }

div.communityVideo > div {
  padding-bottom: 20px;
}

div.communityVideo div.communitySlideShowBox { 
  float: left; 
  width: 278px; 
  padding-right: 16px; 
  position: relative;
 }
div.communitySlideShowBox strong span { 
    font-size: 12px; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    color: #d78635; }
div.communitySlideShowBox p { 
    font-size: 12px; }
div.communitySlideShowBox strong { 
    display: block; 
    font-size: 16px; 
    color: #959595; 
    font-family: "Times New Roman", Times, serif; 
    margin-top: 10px;   }
div.communitySlideShowImages { 
    overflow: hidden;
}
div.communitySlideShowImages img { 
    display: block; 
    height: 185px; 
    margin: auto;
}

div.communitySlideShowImages.ratio-5-4 img { 
}

a.slideArrowRight,
a.slideArrowLeft { 
    position: absolute; 
    margin-top: 0px; 
    width: 100px; 
    height: 185px; 
    filter: alpha(opacity=85);
    /* IE Opacity */ opacity: 0.85; 
    -moz-opacity: 0.85;
}
a.slideArrowRight { 
    left: 178px; 
}
a.slideArrowLeft {
    filter: alpha(opacity=0);
    /* IE Opacity */ opacity: 0; 
    -moz-opacity: 0;
}
a.slideArrowRight span,
a.slideArrowLeft span { 
    display: block; 
    overflow: hidden; 
    text-indent: -9999px; 
    height: 67px; 
    top: 119px; 
    position: relative; }
a.slideArrowRight span { 
    background: url("/m/images/layout/video_arrow_right.png") no-repeat top right; }
a.slideArrowLeft span { 
    background: url("/m/images/layout/video_arrow_left.png") no-repeat top left; }

div.newsletterLayout div.newsletterFormBox { float: left; }
div.newsletterLayout div.newsletterContentBox { float: left; width: 196px; }
div.newsletterContacts { margin-left: 80px; }
div.newsletterFormBox { width: 650px; }

div#videoModalDialogBox { display: none; width: 494px; height: 356px; padding-top: 14px; padding-left: 14px; position: relative; }
div#videoModalDialogBox div#videoModalDialog { width: 430px; height: 288px; background: #a7a9ac url("/m/images/layout/loading.gif") no-repeat top left; position: absolute; left: 32px; top: 34px; z-index: 1; }
div#videoModalDialogBox a.close { display: block; width: 11px; height: 11px; background: url("/m/images/layout/close_button.gif") no-repeat top left; overflow: hidden; text-indent: -9999px; position: absolute; top: 20px; right: 33px; z-index: 2; }
div#videoModalDialogBox div.videoBoxBG { width: 508px; height: 370px; background: url("/m/images/layout/modal_dialog_bg.png") no-repeat top left; position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -9999px;  }

/* ===================== Media page ===================== */
a.pressDownloadPDF { display: block; width: 103px; height: 18px; background: url("/m/images/layout/download_pdf.gif") no-repeat top left; overflow: hidden; text-indent: -9999px; }


/* ===================== Story page ===================== */

h2.titleCompanyStory { line-height: 38px; }

div.story div.textContent img {
  float: left;
  margin-right: 15px;
}

div.storyMenu { clear: both; margin: auto; }
div.storyMenu div,
div.storyMenu ul { float: left; }

div.storyMenu div { padding-right: 20px; }
ul.storyMenuItems { margin: 0; padding: 38px 0 0 0; list-style: none; }
ul.storyMenuItems li { margin: 0; padding: 0 12px 0 5px; list-style: none; float: left; background: url("/m/images/nav/line_story.gif") no-repeat 100% 0px; }
ul.storyMenuItems li a { display: block; height: 12px; overflow: hidden; text-indent: -9999px; background-position: top left; background-repeat: no-repeat; }
ul.storyMenuItems li.founders a { width: 75px; background-image: url('/m/images/pages_nav/story_founders.gif'); }
ul.storyMenuItems li.founders a.active,
ul.storyMenuItems li.founders a:hover { background-image: url('/m/images/pages_nav/story_founders_over.gif'); }
ul.storyMenuItems li.garage a { width: 61px; background-image: url('/m/images/pages_nav/story_garage.gif'); }
ul.storyMenuItems li.garage a.active,
ul.storyMenuItems li.garage a:hover { background-image: url('/m/images/pages_nav/story_garage_over.gif'); }
ul.storyMenuItems li.team a { width: 49px; background-image: url('/m/images/pages_nav/story_team.gif'); }
ul.storyMenuItems li.team a.active,
ul.storyMenuItems li.team a:hover { background-image: url('/m/images/pages_nav/story_team_over.gif'); }
ul.storyMenuItems li.team { background: none; }

ul.storyMenuItems a { color: #FFFFFF; }
ul.storyMenuItems a.active,
ul.storyMenuItems a:hover { color: #d78635; }


div.storyTeamLayout { margin-top: 30px; }
div.storyFoundersLayout { margin-top: 20px; }

div.storyTeamLayout div.leftCol,
div.storyTeamLayout div.rightCol { float: left; width: 430px; } /* 886 */
div.storyTeamLayout div.leftCol { padding-right: 26px; }

div.storyTeamLayout div div { clear: both; font-size: 12px; line-height: 16px; padding-left: 118px; height: 122px; margin-bottom: 20px; }
div.storyTeamLayout div div img { display: block; position: absolute; margin-left: -118px; }
div.storyTeamLayout div div strong { display: block; color: #d78635; }
div.storyTeamLayout div div em { display: block; font-style: italic; }
div.storyTeamLayout div div ul { margin: 4px 0 0 0; padding: 0 0 0 15px; }
div.storyTeamLayout div div li { margin-bottom: 2px; }

/* ======================== Contacts ============================ */

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

div#contactsModalDialogBox { display: none; width: 625px; height: 485px; padding-top: 14px; padding-left: 14px; position: relative; }
div#contactsModalDialogBox div#contactsModalDialog { width: 580px; height: 430px; position: absolute; left: 32px; top: 34px; z-index: 1; }
div#contactsModalDialogBox a.close { display: block; width: 11px; height: 11px; background: url("/m/images/layout/close_button.gif") no-repeat top left; overflow: hidden; text-indent: -9999px; position: absolute; top: 20px; right: 33px; z-index: 2; }
div#contactsModalDialogBox div.videoBoxBG { width: 640px; height: 500px; background: url("/m/images/layout/modal_dialog_bg_big.png") no-repeat top left; position: absolute; top: 0; left: 0; overflow: hidden; text-indent: -9999px; }



/* ======================== Press Room  ============================ */
ul.pressList { padding-left: 25px; margin: 10px 0 20px 0; }

/*=====Blog=====*/

h2.titleBlock { float: left; background: url("/m/images/headers/community_blog.gif") no-repeat top left; width: 227px; }
div.rssBlock { float: right; margin-top: 44px; font-size: 15px; text-align: right; font-family: "Times New Roman", Times, serif; }
div.rssBlock a {color: #ddd;}
div.blogMenu strong {border-top: 1px solid #4c4c4c; display: block; text-align: right; width: auto; color: #D78635; font-size: 16px; margin-top: 6px; font-family: "Times New Roman", Times, serif;}
div.blogMenu ul {list-style: none; text-align: right; font-size: 13px; white-space: nowrap;}
div.blogMenu ul a {color: #ddd;}

div.textContent p.date {display: block; text-align: left; width: auto; color: #D78635; font-size: 12px; font-family: sans-serif, Arial;}
div.textContent p { font-size: 11px; line-height: 15px; }

div.postMenu ul {height: 10px; padding: 0; list-style:none; margin-left:0;}
div.postMenu ul li {list-style: none; float: left; height: 16px; padding: 0 3px; overflow: hidden; font-size: 13px; white-space: nowrap;}
div.postMenu ul li.first {padding-left: 0px;}
div.postMenu ul a {color: #eee; font-family: sarif, Times;}
div.textContent h3.blogLink { margin-top: 40px; width: 100%; padding-top: 2px; border-top: 1px solid #4c4c4c; }
div.textContent h3.firstBorder { margin-top: 0px !important; border: 0 !important;}
div.textContent h3.blogLink a {font-size: 18px; color: #959595; font-family: "Times New Roman", Times, serif; font-weight: normal; }

div.navigation { overflow: hiden; margin-top: 15px;}
div.navigation div.alignLeft { float: left; }
div.navigation div.alignRight { float: right; }
div.navigation a {font-size: 14px; color: #eee; font-family: "Times New Roman", Times, serif; font-weight: normal;}
div.navigation span {font-size: 23px; color: #D78635;}

/*====================================================================== */
/* =========================== Menu Items ============================== */

/* Mission Model */

li.menuModelGlimpse a { width: 40px; background-image: url('/m/images/pages_nav/model_glimpse.gif'); }
li.menuModelGlimpse a.active,
li.menuModelGlimpse a:hover { background-image: url('/m/images/pages_nav/model_glimpse_over.gif'); }

li.menuModelTechnology a { width: 59px; background-image: url('/m/images/pages_nav/model_technology.gif'); }
li.menuModelTechnology a.active,
li.menuModelTechnology a:hover { background-image: url('/m/images/pages_nav/model_technology_over.gif'); }

li.menuModelFeatures a { width: 45px; background-image: url('/m/images/pages_nav/model_the_bike.gif'); }
li.menuModelFeatures a.active,
li.menuModelFeatures a:hover { background-image: url('/m/images/pages_nav/model_features_over.gif'); }

li.menuModelReserve a { width: 40px; background-image: url('/m/images/pages_nav/model_reserve.gif'); }
li.menuModelReserve a.active,
li.menuModelReserve a:hover { background-image: url('/m/images/pages_nav/model_reserve_over.gif'); }


/* Company */

li.menuCompanyStory a { width: 50px; background-image: url('/m/images/pages_nav/company_story.gif'); }
li.menuCompanyStory a.active,
li.menuCompanyStory a:hover { background-image: url('/m/images/pages_nav/company_story_over.gif'); }

li.menuCompanyJobs a { width: 23px; background-image: url('/m/images/pages_nav/company_jobs.gif'); }
li.menuCompanyJobs a.active,
li.menuCompanyJobs a:hover { background-image: url('/m/images/pages_nav/company_jobs_over.gif'); }

li.menuCompanyContact a { width: 65px; background-image: url('/m/images/pages_nav/company_contact.gif'); }
li.menuCompanyContact a.active,
li.menuCompanyContact a:hover { background-image: url('/m/images/pages_nav/company_contact_over.gif'); }

/* The Mission */

li.menuMissionPerformance a { width: 103px; background-image: url('/m/images/pages_nav/mission_performance.gif'); }
li.menuMissionPerformance a.active,
li.menuMissionPerformance a:hover { background-image: url('/m/images/pages_nav/mission_performance_over.gif'); }

li.menuMissionDesign a { width: 70px; background-image: url('/m/images/pages_nav/mission_design.gif'); }
li.menuMissionDesign a.active,
li.menuMissionDesign a:hover { background-image: url('/m/images/pages_nav/mission_design_over.gif'); }

li.menuMissionPlanet a { width: 71px; background-image: url('/m/images/pages_nav/mission_planet.gif'); }
li.menuMissionPlanet a.active,
li.menuMissionPlanet a:hover { background-image: url('/m/images/pages_nav/mission_planet_over.gif'); }

/* Community */

li.menuCommunityBlog a { width: 24px; background-image: url('/m/images/pages_nav/community_blog.gif'); }
li.menuCommunityBlog a.active,
li.menuCommunityBlog a:hover { background-image: url('/m/images/pages_nav/community_blog_over.gif'); }

li.menuCommunityVideo a { width: 54px; background-image: url('/m/images/pages_nav/community_video.gif'); }
li.menuCommunityVideo a.active,
li.menuCommunityVideo a:hover { background-image: url('/m/images/pages_nav/community_video_over.gif'); }

li.menuCommunityMailing a { width: 83px; background-image: url('/m/images/pages_nav/community_mailing.gif'); }
li.menuCommunityMailing a.active,
li.menuCommunityMailing a:hover { background-image: url('/m/images/pages_nav/community_mailing_over.gif'); }

/*=================== Headers ============================*/

h2.title { overflow: hidden; text-indent: -9999px; height: 23px;  }
h2.titleLP { overflow: hidden; text-indent: -9999px; height: 37px; }

h2.title.motorsports { background: url("/m/images/headers/motorsports.gif") no-repeat top left; width: 217px; }

.titleModel { background: url("/m/images/headers/lp_mission_one.gif") no-repeat top left; width: 224px; }
.titleModelTechnology { background: url("/m/images/headers/model_technology.gif") no-repeat top left; width: 135px; }
.titleModelFeatures { background: url("/m/images/headers/model_the_bike.gif") no-repeat top left; width: 84px; }
.titleModelReserve { background: url("/m/images/headers/model_reserve_now.gif") no-repeat top left; width: 137px; }

.titleCompany { background: url("/m/images/headers/lp_changing_the_world.gif") no-repeat top left; width: 358px; }
.titleCompanyStory { background: url("/m/images/headers/company_story.gif") no-repeat top left; width: 108px; }
.titleCompanyTeam { background: url("/m/images/headers/company_team.gif") no-repeat top left; width: 103px; }
.titleCompanyFounders { background: url("/m/images/headers/company_founders.gif") no-repeat top left; width: 161px; }
.titleCompanyJobs { background: url("/m/images/headers/company_jobs.gif") no-repeat top left; width: 131px; }
.titleCompanyContact { background: url("/m/images/headers/company_contact.gif") no-repeat top left; width: 85px; }

.titleMission { background: url("/m/images/headers/lp_the_mission.gif") no-repeat top left; width: 212px; }
.titleMissionPerformance { background: url("/m/images/headers/mission_higher_performance.gif") no-repeat top left; width: 221px; }
.titleMissionDesign { background: url("/m/images/headers/mission_unique_design.gif") no-repeat top left; width: 150px; }
.titleMissionPlanet { background: url("/m/images/headers/mission_better_planet.gif") no-repeat top left; width: 155px; }

.titleCommunityVideo { background: url("/m/images/headers/community_video.gif") no-repeat top left; width: 214px; }
.titleCommunityMailing { background: url("/m/images/headers/community_mail_list.gif") no-repeat top left; width: 223px; }

.titlePress { background: url("/m/images/headers/press.gif") no-repeat top left; width: 63px; }
.titlePressRoom { background: url("/m/images/headers/press_room.gif") no-repeat top left; width: 137px; }
.titlePressRoomLogin { background: url("/m/images/headers/press_room_login.gif") no-repeat top left; width: 204px; }