@charset "UTF-8";



 /* styles for IE 5 Mac */

 #horizon {

	background-color: transparent;

 	position: absolute;

	top: 20px;

	left: 20px;

	z-index:0;

 }

 /* following rules are invisible to IE 5 \*/

 #horizon {

/*   top: 50%;

  margin-top: -295px; */

   left: 0px;

   width: 100%;

   text-align: center;

   min-width: 900px;

   z-index:0;

 }

 /* end IE 5 hack */ 

body.prebook

 {

 background-image:url(images/bg.jpg)!important; background-repeat:repeat;)

 }  

#wrapper {

	background-image: url(../images/main_picture_frame.jpg);

	background-position: center;

	background-repeat: no-repeat;

	position: relative;

	width: 907px;

	height: 590px;

	margin: 0px auto;

	z-index:0;

	}



#subnav .singup a{

	display:block;

	float:left;

	margin-left:8px !important;

}

*html #subnav .singup a{

	display:block;

	float:left;

	margin-left:8px !important;

	margin-top:5px;

}

#inside_frame{

	font-family:Helvetica,Arial,sans-serif;

	font-size:11px;

	font-weight:600;

	position:absolute;

	width:912px;

	height:518px;

	z-index:1;

}

#inside_frameprebook{

	font-family:Helvetica,Arial,sans-serif;

	font-size:12px;

	font-weight: normal;

	position:relative;

	padding:0px;

	width:912px; 

	z-index:1; height:518px;

}

#inside_framed

{

	font-family:Helvetica,Arial,sans-serif;

	font-size:11px;

	font-weight: normal;

	height:518px;

	position:absolute;

	width:912px;

	z-index:1;

}

#inside_frame2 {

	font-family:Helvetica,Arial,sans-serif;

	font-size:11px;

	font-weight:600;

	height:518px;

	position:absolute;

	width:912px;

	z-index:1;

	}

#inside_frame_flash {

	font-family: Helvetica, Arial, sans-serif;

	width: 727px;

	height: 467px;

	font-size: 11px;

	background-color: #000000;

	position: absolute;

	top: 61px;

	left: 22px;

	z-index:1;

}

#inside_frame_intro {

	font-family: Helvetica, Arial, sans-serif;

	width: 864px;

	height: 467px;

	font-size: 11px;

	background-color: #000000;

	position: absolute;

	top: 61px;

	left: 22px;

	z-index:1;

}

#no_flash {

	font-family: Verdana, Helvetica, Arial, sans-serif;

	width: 403px;

	height: 34px;

	font-size: 11px;

	position: absolute;

	top: 18px;

	left: 17px;

	z-index:2;

	font-weight: bold;

	text-align: center;

	background-image: url(images/no_flash_bg.gif);

	background-repeat: no-repeat;

	padding-top: 10px;

}

#title {

	font-family: Helvetica, Arial, sans-serif;

	width: 775px;

	height: 38px;

	align: left;

	position: absolute;

	top: 1px;

	left: 8px;

	z-index:2;

}

/*sub nav stuff*/

#subnav {

	font-family: Helvetica, Arial, sans-serif;

	width: 150px;

	height: 494px;

	font-size: 11px;

	align: center;

	background-color: #ffffff;

	position: absolute;

	top: 48px;

	left: 749px;

	z-index:2;

}

/* link to h-d.com */

#harley-davidson_link{

	width: 110px;

	height: 15px;

	position: absolute;

	top: 21px;

	left: 793px;

	z-index:3;

}

#harley-davidsonRollover{

	display: block;

	overflow: hidden;

	border: 0;

	border-style: none;

	width: 110px;

	height: 14px;

	position: absolute;

	top: 23px;

	left: 793px;

	z-index:3;

}

a.harley-davidsonRollover {

	display: block;

	width: 110px;

	height: 14px;

	background: url(../images/harley-davidson_link.jpg) no-repeat 0 0;

	overflow: hidden;

	text-indent: -10000px;

	font-size: 0px;

}    

a.harley-davidsonRollover:hover {  

     background-position: 0 -14px;  

}  

   

a.harley-davidsonRollover:active {  

     background-position: 0 -14px;  

}

 

body {

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	padding: 0;

	height: 518px;

	font-family: Helvetica, Arial, sans-serif;

	color: #FFFFFF;

}



a {

	color: #BFBFBF;

	text-decoration: none!important;

}



a:hover{

	color: #BFBFBF;

	text-decoration: underline!important;	

}



#footer {

	font-family: Helvetica, Arial, sans-serif;

	width: 216px;

	font-size: 11px;

	color: #666666;

	margin: 5px;

	align: center;

	position: absolute;

	top: 604px;

	left: 680px;

	z-index:5;

}



.right {

float: right;

}

.left{

float: left;

}



/* main navigation stuff */



#nav {

	

	background-image:url(../images/mainnav_founders_ride2.jpg);background-position:38% 71%;background-repeat:no-repeat;				font-family:Helvetica,Arial,sans-serif;font-size:11px;height:45px;left:63px;position:absolute;top:553px;width:890px;z-index:2;}



/* home rollover instructions */

.homeRollover {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: -9px;

	top: 3px;

	background-image: url(../images/mainnav_home.jpg);

	background-position: 0 -49px;

	}

.home_on {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: -9px;

	top: 3px;

	background-image: url(../images/mainnav_home.jpg);

	background-position: 0 -24px;

	}

	

a.home_on {  

    display: block;  

	width: 56px;

	height: 20px;

    background: url(../images/mainnav_home.jpg) no-repeat 0 0;  

	overflow: hidden;  

	text-indent: -10000px;  

	font-size: 0px;  

	line-height: 0px;

	background-position: 0 -24px; 

}

  

a.homeRollover {

	display: block;

	width: 56px;

	height: 20px;

	background: url(../images/mainnav_home.jpg) no-repeat 0 0;

	overflow: hidden;

	text-indent: -10000px;

	font-size: 0px;

	line-height: 0px;

	background-position: 0 -49px;

}    

   

 a.homeRollover:hover {  

     background-position: 0 -24px;  

 }  

   

 a.homeRollover:active {  

     background-position: 0 -49px;  

 } 

 

 /* motorcycles rollover instructions */

.motorcyclesRollover {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: 44px;

	top: 3px;

	background-image: url(../images/mainnav_our_motorcycles.jpg);

	background-position: 0 -49px;

	}

.motorcycles_on {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: 44px;

	top: 3px;

	background-image: url(../images/mainnav_our_motorcycles.jpg);

	background-position: 0 -24px;  

	}

	

a.motorcycles_on {  

    display: block;  

	width: 138px;

	height: 20px;

    background: url(../images/mainnav_our_motorcycles.jpg) no-repeat 0 0;  

	overflow: hidden;  

	text-indent: -10000px;  

	font-size: 0px;  

	line-height: 0px;

	background-position: 0 -24px; 

}

  

a.motorcyclesRollover {

	display: block;

	width: 138px;

	height: 20px;

	background: url(../images/mainnav_our_motorcycles.jpg) no-repeat 0 0;

	overflow: hidden;

	text-indent: -10000px;

	font-size: 0px;

	line-height: 0px;

	background-position: 0 -49px;

}    

   

 a.motorcyclesRollover:hover {  

     background-position: 0 -24px;  

 }  

   

 a.motorcyclesRollover:active {  

     background-position: 0 -49px;  

 } 

 

  /* ride begins rollover instructions */

.ridebeginsRollover {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: 176px;

	top: 3px;

	background-image: url(../images/mainnav_the_ride_begins.jpg);

	background-position: 0 -49px;

	}

.ridebegins_on {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: 176px;

	top: 3px;

	background-image: url(../images/mainnav_the_ride_begins.jpg);

	background-position: 0 -24px;  

	}

	

a.ridebegins_on {  

    display: block;  

	width: 122px;

	height: 20px;

    background: url(../images/mainnav_the_ride_begins.jpg) no-repeat 0 0;  

	overflow: hidden;  

	text-indent: -10000px;  

	font-size: 0px;  

	line-height: 0px;

	background-position: 0 -24px; 

}

  

a.ridebeginsRollover {

	display: block;

	width: 122px;

	height: 20px;

	background: url(../images/mainnav_the_ride_begins.jpg) no-repeat 0 0;

	overflow: hidden;

	text-indent: -10000px;

	font-size: 0px;

	line-height: 0px;

	background-position: 0 -49px;

}    

   

 a.ridebeginsRollover:hover {  

     background-position: 0 -24px;  

 }  

   

 a.ridebeginsRollover:active {  

     background-position: 0 -49px;  

 } 



  /* founders rollover instructions */

.foundersRollover {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: 294px;

	top: 3px;

	background-image: url(../images/mainnav_founders_ride.jpg);

	background-position: 0 -49px;

	}

.founders_on {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: 294px;

	top: 3px;

	background-image: url(../images/mainnav_founders_ride.jpg);

	background-position: 0 -24px;  

	}

	

a.founders_on {  

    display: block;  

	width: 120px;

	height: 20px;

    background: url(../images/mainnav_founders_ride.jpg) no-repeat 0 0;  

	overflow: hidden;  

	text-indent: -10000px;  

	font-size: 0px;  

	line-height: 0px;

	background-position: 0 -24px; 

}

  

a.foundersRollover {

	display: block;

	width: 120px;

	height: 20px;

	background: url(../images/mainnav_founders_ride.jpg) no-repeat 0 0;

	overflow: hidden;

	text-indent: -10000px;

	font-size: 0px;

	line-height: 0px;

	background-position: 0 -49px;

}    

   

 a.foundersRollover:hover {  

     background-position: 0 -24px;  

 }  

   

 a.foundersRollover:active {  

     background-position: 0 -49px;  

 } 

 

/* join rollover instructions */

.joinRollover {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: 408px;

	top: 3px;

	background-image: url(../images/mainnav_join_the_experience.jpg);

	background-position: 0 -49px;

	}

.join_on {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: 408px;

	top: 3px;

	background-image: url(../images/mainnav_join_the_experience.jpg);

	background-position: 0 -24px;  

	}

	

a.join_on {  

    display: block;  

	width: 150px;

	height: 20px;

    background: url(../images/mainnav_join_the_experience.jpg) no-repeat 0 0;  

	overflow: hidden;  

	text-indent: -10000px;  

	font-size: 0px;  

	line-height: 0px;

	background-position: 0 -24px; 

}

  

a.joinRollover {

	display: block;

	width: 150px;

	height: 20px;

	background: url(../images/mainnav_join_the_experience.jpg) no-repeat 0 0;

	overflow: hidden;

	text-indent: -10000px;

	font-size: 0px;

	line-height: 0px;

	background-position: 0 -49px;

}    

   

 a.joinRollover:hover {  

     background-position: 0 -24px;  

 }  

   

 a.joinRollover:active {  

     background-position: 0 -49px;  

 } 



/* dealer rollover instructions */

.dealerRollover {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: 552px;

	top: 3px;

	background-image: url(../images/mainnav_dealer_interest.jpg);

	background-position: 0 -49px;

	}

.dealer_on {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: 552px;

	top: 3px;

	background-image: url(../images/mainnav_dealer_interest.jpg);

	background-position: 0 -24px;  

	}

	

a.dealer_on {  

    display: block;  

	width: 129px;

	height: 20px;

    background: url(../images/mainnav_dealer_interest.jpg) no-repeat 0 0;  

	overflow: hidden;  

	text-indent: -10000px;  

	font-size: 0px;  

	line-height: 0px;

	background-position: 0 -24px; 

}

  

a.dealerRollover {

	display: block;

	width: 129px;

	height: 20px;

	background: url(../images/mainnav_dealer_interest.jpg) no-repeat 0 0;

	overflow: hidden;

	text-indent: -10000px;

	font-size: 0px;

	line-height: 0px;

	background-position: 0 -49px;

}    

   

 a.dealerRollover:hover {  

     background-position: 0 -24px;  

 }  

   

 a.dealerRollover:active {  

     background-position: 0 -49px;  

 } 



 /* contact rollover instructions */

.contactRollover {

border: 0;

border-style: none;

position:absolute;

z-index:6;

left: 674px;

top: 3px;

background-image: url(../images/contact_us_link.jpg);

background-position: 0 -49px;

}



a.contactRollover {

display: block;

width: 150px;

height: 20px;

background: url(../images/contact_us_link.jpg) no-repeat 0 0;

overflow: hidden;

text-indent: -10000px;

font-size: 0px;

line-height: 0px;

background-position: 0 -49px;

}



a.contactRollover:hover {

background-position: 0 -24px;

}





 

  /* ridetrue rollover instructions */

.ridetrueRollover {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: 797px;

	top: 2px;

	background-image: url(../images/ride-true_link.jpg);

	background-position: 0 -49px;

	}

.ridetrue_on {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: 797px;

	top: 2px;

	background-image: url(../images/ride-true_link.jpg);

	background-position: 0 -24px;  

	}

	

a.ridetrue_on {  

    display: block;  

	width: 103px;

	height: 20px;

    background: url(../images/ride-true_link.jpg) no-repeat 0 0;  

	overflow: hidden;  

	text-indent: -10000px;  

	font-size: 0px;  

	line-height: 0px;

	background-position: 0 -24px; 

}

  

a.ridetrueRollover {

	display: block;

	width: 103px;

	height: 20px;

	background: url(../images/ride-true_link.jpg) no-repeat 0 0;

	overflow: hidden;

	text-indent: -10000px;

	font-size: 0px;

	line-height: 0px;

	background-position: 0 -49px;

}    

   

 a.ridetrueRollover:hover {  

     background-position: 0 -24px;  

 }  

  

  /* skip_intro rollover instructions */

.skipintroRollover {

	border: 0;

	border-style: none;

	position:absolute;

	z-index:6;

	left: 412px;

	top: 3px;

	background-image: url(../images/mainnav_skip_intro.jpg);

	}

  

a.skipintroRollover {

	display: block;

	width: 78px;

	height: 20px;

	background: url(../images/mainnav_skip_intro.jpg) no-repeat 0 0;

	overflow: hidden;

	text-indent: -10000px;

	font-size: 0px;

	line-height: 0px;

}    

   

 a.skipintroRollover:hover {

     background-position: 0 -24px;  

 }  

#motortype{font-size:12px; line-height:18px; margin-bottom:5px;}

input, select{border:none; margin-left:0px!important; }

div.top {

background-color:#000000;

display:block;

float:left;

width:912px;

}div.top-left {

background-image:url(images/top_logo.png);

background-repeat:no-repeat;

display:block;

float:left;

height:33px;

width:270px;

}div.top-right {

display:block;

float:right;

height:28px;

padding-top:5px;

width:490px;

}

div.top-right ul.menu {

display:inline;

font-family:helvetica;

font-size:12px;

font-weight:600;

line-height:0;

text-align:right !important;

width:308px;

}

div.top-right ul.menu li {

display:inline !important;

}

div.top-right ul.menu li.item238 a:hover

{

background-position:0 -20px;

}

div.top-right ul.menu li.item238 a {

background:transparent url(images/auto_expo.jpg) repeat scroll 0 0;

color:#000000;

display:block;

float:left;

font-size:0;

height:20px;

line-height:0;

overflow:hidden;

width:106px;

}

div.top-right ul.menu li.item258 a:hover

{

background-position:0 -20px;

}

div.top-right ul.menu li.item258 a {

background:transparent url(images/calculator.jpg) repeat scroll 0 0;

color:#000000;

display:block;

float:left;

font-size:0;

height:20px;

line-height:0;

overflow:hidden;

width:104px;

}

div.top-right ul.menu li.item156 a:hover, div.top-right ul.menu li#current a {

background-position:0 -20px;

}

div.top-right ul.menu li.item156 a {

background:transparent url(images/boot_camp.png) repeat scroll 0 0;

color:#000000;

display:block;

float:left;

font-size:0;

height:20px;

line-height:0;

overflow:hidden;

width:74px;

}

div.top-right ul.menu li.item211 a:hover, div.top-right ul.menu li.active a {

background-position:0 -20px;

}

div.top-right ul.menu li.item211 a {

background:transparent url(images/top_timeline.png) repeat scroll 0 0;

color:#000000;

display:block;

float:left;

font-size:0;

height:20px;

line-height:0;

overflow:hidden;

width:60px;

}

div.top-right ul.menu li.item155 a:hover, div.top-right ul.menu li.active a {

background-position:0 -20px;

}

div.top-right ul.menu li.item155 a {

background:transparent url(images/ride_true_top.jpg) repeat scroll 0 0;

color:#000000;

display:block;

float:left;

font-size:0;

height:20px;

line-height:0;

overflow:hidden;

width:65px;

}

div.top-right ul.menu li.item212 a:hover, div.top-right ul.menu li.active a {

background-position:0 -20px;

}

div.top-right ul.menu li.item212 a {

background:transparent url(images/signup_top.jpg) repeat scroll 0 0;

color:#000000;

display:block;

float:left;

font-size:0;

height:20px;

line-height:0;

overflow:hidden;

width:75px;

}

div.top-right ul.menu li.item277 a:hover, div.top-right ul.menu li.active a {

background-position:0 -20px;

}

div.top-right ul.menu li.item277 a {

background:transparent url(images/stake_your_claim.jpg) repeat scroll 0 0;

color:#000000;

display:block;

float:left;

font-size:0;

height:20px;

line-height:0;

overflow:hidden;

width:111px; background-position:0 -20px!important;

}

div.bottom {

background-color:#000000;

color:#000000;

display:block;

float:left;

padding-bottom:3px;

padding-top:3px;

width:912px;

}

div.bottom ul.menu {

font-family:helvetica;

font-size:12px;

font-weight:600;

line-height:0;

text-align:center !important;

width:465px!important;

}

.bottom ul {

list-style-image:none;

list-style-position:outside;

list-style-type:none;

margin:auto;

width:348px !important;

}

div.bottom ul.menu li {

background-image:url(images/sepratore.png);

background-position:right center;

background-repeat:no-repeat;

float:left;

padding-right:2px;

}

div.bottom ul.menu li.item137 a:hover {

background-position:0 -20px;

}

div.bottom ul.menu li.item137 a {

background:transparent url(images/bottom_home.png) repeat scroll 0 0;

display:block;

float:left;

font-size:0;

height:20px;

line-height:0;

color:#000000;

overflow:hidden;

width:45px;

}



div.bottom ul.menu li.item293 a:hover {

background-position:0 -20px;

}

div.bottom ul.menu li.item293 a {

background:transparent url(images/bottom_wallpaper.jpg) repeat scroll 0 0;

display:block;

float:left;

font-size:0;

height:20px;

line-height:0;

color:#000000;

overflow:hidden;

width:117px;

}



div.bottom ul.menu li.item141 a:hover {

background-position:0 -20px;

}

div.bottom ul.menu li.item141 a {

background:transparent url(images/bottom_thesoundofHD.png) repeat scroll 0 0;

display:block;

float:left;

font-size:0;

height:20px;

line-height:0;

overflow:hidden;

width:169px;

color:#000000;

overflow:hidden;

}

div.bottom ul.menu li.item144 a:hover, div.bottom ul.menu li#current a, div.bottom ul.menu li.active a {

background-position:0 -20px;

}

div.bottom ul.menu li.item144 a {

background:transparent url(images/bottom_bottom.png) repeat scroll 0 0;

display:block;

float:left;

font-size:0;

height:20px;

line-height:0;

overflow:hidden;

width:69px;

color:#000000;

}

div.bottom ul.menu li.item158 a:hover {

background-position:0 -20px;

}

div.bottom ul.menu li.item158 a {

background:transparent url(images/dealers.png) repeat scroll 0 0;

color:#000000;

display:block;

float:left;

font-size:0;

height:20px;

line-height:0;

overflow:hidden;

width:51px;

}

div.bottom ul.menu li.item163 a:hover {

background-position:0 -20px;

}

div.bottom ul.menu li.item163 a {

background:transparent url(images/news_letter.png) repeat scroll 0 0;

color:#000000;

display:block;

float:left;

font-size:0;

height:20px;

line-height:0;

overflow:hidden;

width:70px;

}

.footer a {

color:#81806F !important;

font-family:helvetica;

font-size:8pt;

line-height:13px;

padding-left:5px;

padding-right:5px;

}

div.footer .moduletable-menu {

float:left;

text-align:right;

width:638px;

}

div.footer ul.menu {

display:inline;

}div.footer ul.menu li {

border-right:1px solid #81806F;

display:inline;

line-height:11px;

}

div.footer {

-moz-background-clip:border;

-moz-background-inline-policy:continuous;

-moz-background-origin:padding;

background:transparent none repeat scroll 0 0;

color:#FFFFFF;

display:block;

float:left;

width:912px;

}

.footer {

color:#81806F !important;

font-size:8pt;

line-height:11px;

padding-top:5px;

}

div.bottom ul.menu li.item163

{

background-image:none;

}

div.footer ul.menu li.item151

{

border:none;

}



/*new stale ur form css*/

#inside_frameprebookd{ background-image: url("../images/book-your-bike-dealer.jpg") ; width: 912px; height: 518px; background-repeat:no-repeat; font-family:Helvetica,Arial,sans-serif; }

fieldset { border:1px solid #2F2B2C; color:#EFEFEF !important; line-height:22px; padding-left:30px !important;}

div.filedsetmain{padding-left:190px; padding-top:100px; width:620px;}