html {
    filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

body {
    margin: 0px;
    padding: 0px;
    font-family: arial, sans-serif;
    font-size: 10px;
    color: #777;
}

input, select, textarea{ color: #777;}

form{ margin: 0px;}

img{ border: 0px;}

label, .label{ font-weight: bold; margin-right: 15px;}

table{ border-collapse: collapse;}

a{ color: #666; text-decoration: none;}
#faqsContent a{text-decoration: underline; color: blue;}
a.blue{color: blue !important;}
a:hover{ text-decoration: underline;}

/**
 * ERROR PAGES
**/

#error_page
{
	padding: 30px 40px;
	width: 500px;
}

#error_page h1
{
	font-size: 5em;
	margin: 0px;
	padding: 0px;
}

#error_page h2
{
	font-size: 1.5em;
	color: #444444;
	text-transform: uppercase;
	margin-top: 0px;
	padding-top: 0px;
}

#error_page p
{
	font-size: 1.3em;
}

/** END ERROR PAGES **/

/*--- custom scroll bar ------------------------------*/
/* .scrollgeneric {line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0;} */
.scrollgeneric {line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0;}
.vscrollerbase, .vscrollerbar {width: 20px;}

.vscrollerbarbeg {width: 20px; background: url(../images/scrollbar_v_button_top.png) 0px 0px no-repeat;}
.vscrollerbarend {width: 20px; height: 22px; background: url(../images/scrollbar_v_button_bottom.png) 0px 0px no-repeat;}

.hscrollerbarbeg {height: 20px; background: url(../images/scrollbar_h_button_top.png) 0px 0px no-repeat;}
.hscrollerbarend {width: 22px; height: 20px; background: url(../images/scrollbar_h_button_bottom.png) 0px 0px no-repeat;}

.vscrollerbasebeg {width: 20px; background: url(../images/scrollbar_v_rail_top.png);}
.vscrollerbaseend {width: 20px; height: 20px; background: url(../images/scrollbar_v_rail_bottom.png);}

.hscrollerbasebeg {height: 20px; background: url(../images/scrollbar_h_rail_top.png);}
.hscrollerbaseend {width: 20px; height: 20px; background: url(../images/scrollbar_h_rail_bottom.png);}

.hscrollerbase, .hscrollerbar {height: 20px;}

.alignLeft { text-align: left;}
.alignRight { text-align: right;}
.alignCenter { text-align: center;}

.big {font-size: 1.1em;}
.bold {font-weight: bold;}
.clear {clear: both;}
.hide {display: none;}
.half {width: 50%;}
.floatLeft, .left{ float: left;}
.floatRight, .right {float: right;}
.center {margin: 0px auto 0px auto;}
.small {font-size: .9em;}

.horizontalBar{
	height: 1px;
	width: 857px;
	background-image: url(../images/1px_horizontal_border.gif);
	clear: both;
}

.verticalBar{
	height: 700px;
	width: 1px;
	background-image: url(../images/1px_vertical_border.gif);
	float: left;
}

.validationError{
   color: #d21034;
}

#pageHolder {
}

#leftColumn{
	width: 93px;
	left: 0px;		
}
#rightColumn{
	position: absolute;
	left: 93px;
	top: 0px;
}

/*--- Menu items ------------------------------*/
#menu {
	width: 92px;
	height: 493px;
	float: left;
}

#menu a{
	height: 18px;
	width: 92px;
	display: block;
	background-position: top left;
}

#menu a span{
	display: none;
}

#menuHome{
	margin-top: 40px;
	background-image: url(../images/menu_home.gif);
}
#menuHome:hover{
	background-position: bottom left;
}
#menuProducts{
	background-image: url(../images/menu_products.gif);
}
#menuProducts:hover{
	background-position: bottom left;
}
#menuCatalog{
	background-image: url(../images/menu_catalog.gif);
}
#menuCatalog:hover{
	background-position: bottom left;
}
#menuRiders{
	background-image: url(../images/menu_riders.gif);
}
#menuRiders:hover{
	background-position: bottom left;
}
#menuMultimedia{
	background-image: url(../images/menu_multimedia.gif);
}
#menuMultimedia:hover{
	background-position: bottom left;
}
#menuPhotos{
	background-image: url(../images/menu_photos.gif);
}
#menuPhotos:hover{
	background-position: bottom left;
}

#logo40Years{
	clear: both;
	width: 92px;
	height: 125px;
	/*background-image: url(../images/40_years.gif);*/
	background-image: url(../images/xgames.gif);
	background-repeat: no-repeat;
}

#logo40Years a{
	width: 92px;
	height: 125px;
	display: block;
}

#logo40Years a span{
	display: none;
}

/*---  header ----------------------------------------*/
#header{
	height: 81px;
	width: 857px;
}
#header #logo{
	display: block;
	width: 149px;
	height: 55px;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	margin: 26px 0px 0px 0px;
	float: left;
}

#header #mediaControls{
	margin: 54px 35px 0px 0px;
	float: left;
	display: block;
	width: 224px;
	height: 22px;
	background-image: url(../images/media_controls.gif);
}

#header #howToBuy{
	margin: 53px 0px 0px 0px;
	float: left;
	display: block;
	width: 87px;
	height: 20px;
	background-image: url(../images/how_to_buy.png);
	background-position: top left;
}

#header #howToBuy:hover{
	background-position: bottom left;
}

#header #searchForm{
	float: left;
	width: 200px;
	height: 80px;
	padding: 0px;
	position: relative;
	margin: 0px;
}

#header #searchValue{
	padding: 2px 3px 2px 3px;
	height: 11px;
	width: 118px;
	position: absolute;
	bottom: 10px;
	left: 25px;
	font-size: 9px;
	border:1px solid #ccc;
}

#header #searchSubmit{
	height: 16px;
	position: absolute;
	bottom: 10px;
	left: 152px;
}

/*---  content ----------------------------------------*/
#content{
	/*height: 588px;*/
}

#content .contentSleeve{
	margin: 17px 10px 0px 17px;
	width:865px;
}

.scrollWithGradient{
	position: relative;
	width: 100%;
}

.scrollWithGradient .scrollGradient{
	position: absolute;
	bottom: -1px;
	/*left: 0px;*/
	z-index: 50;
}

.titleDiv{
	background: url(../images/title_gradient.png) top right repeat-y;
	font-weight: bold;
	color: #FFF;
	font-size: 12px;
	padding: 4px 4px 3px 4px;
}
.titleDiv span{
	display: none;
}
.titleDiv div{
	height: 12px;
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;
}

.titleBar{
	background: url(../images/hr_title.gif) left 4px no-repeat;
	height: 8px;
	width: 830px;
}

/*---  footer ----------------------------------------*/
#footer{
	clear: both;
	background-color: #fff;
	height: 110px;
	width: 863px;
	padding-left: 18px;
}

#footerLinks{
	height: 30px;
	text-align: center;
	margin-top:15px;
	float:left;
	width: 580px;
}

#newsletter_signup {
	float:right;
	margin:19px 21px 0px 0px;
}

#heritageButton {
    margin-top: 15px;
    margin-bottom: 40px;
    text-align: center; 
}

#heritageButton #heritageSWF {
    margin-left: 0px;
    margin-right: auto;
}

#youtube {
    text-align: right;
    padding-left: 742px;
    margin-bottom: 0px;
    margin-top: 40px;
}

#youtube  a img {
    border: 0px;
}

#facebook {
	text-align: right;
	padding-left: 817px;
	margin-bottom: 0px;
	margin-top: 40px;
}

#facebook  a img {
	border: 0px;
}

.signup {
	font-size:10px;
	font-family:Geneva, sans-serif;
	letter-spacing:-1px;
	letter-spacing:-0.25px;
	text-decoration:none;
	color:#bcbcbc;
	padding-right:5px;
}

#signup {
	width:100px;
}

#signup_submit {
	margin-left:5px;
}

#newsletter_signup #newsletter_error{color:#900;}

#footer a, #footerCopyright, #footer .pipe {
	height: 11px;
	display: block;
	margin-top: 7px;
	float: left;
	font-size:10px;
	font-family:Geneva, sans-serif;
	letter-spacing:-1px;
	letter-spacing:-0.25px;
	text-decoration:none;
	color:#bcbcbc;
}
#footer a:hover {
	text-decoration:none !important;
	color:#747474;
}

#footer .pipe{
	width: 15px;
	color:#747474;
}

/*--- dealer locator --------------------------------------*/

#howToBuyTitle{
	background: url(../images/titles/how_to_buy.gif) bottom left no-repeat;
	height: 19px;
	width: 830px;
}

#howToBuyContent{
	background: url(../images/bg_how_to_buy_top.jpg) top left no-repeat; /* top 15px */
	width: 847px; /* 845px */
}

#howToBuyWorld{
	background: url(../images/bg_how_to_buy_world.gif) center no-repeat;
	width: 800px;
	height: 550px;
}

/*
 * Removed by RSmith to accommodate new Spring '09 skin
 *
#howToBuyBottomGradient{
	background: url(../images/bg_how_to_buy_bottom.png) bottom left no-repeat;
	position: absolute;
	bottom: 30px;
	height: 252px;
	width: 830px;
}
*/

/*
 Added by EBobbitt for new Thor International Dealers
*/

#howToBuyWrapper {
	width: 820px;
}

.howToBuyLeft{
	position: relative;
	left: 15px;
	top: 15px;
}

.howToBuyCenter{
	top: 160px;
	left: 318px;
	position: relative;	
}

.resultsColumn{
	float: left;
	margin-right: 20px;
	margin-top: 10px;
	border-top: 1px solid #cccccc;
	padding-top: 5px;
	width: 270px;
}

.resultsTwoColumn{
	width: 530px;
	
	margin-top: 10px;
	border-top: 1px solid #cccccc;
	padding-top: 5px;
	float: left;
}

#howToBuyWrapper select {
	height: 20px;
	width: 230px;
}

.dealerTypeSelection {
	margin-top: 5px;
}

.dealerSecondaryInfo{
	padding-top: 5px;
}

.dealerSecondaryInfo input#zipCode{
	width: 100px;
}

.dealerSecondaryInfo select#distance{
	width: 123px;
}

.selectCountryTitle{
	background: url(../images/titles/select_a_country.gif) top left no-repeat;
	height: 17px;
	width: 230px;
	margin-bottom: 5px;
}

.dealershipResultsTitle{
	background: url(../images/titles/dealership_results_title.gif) top left no-repeat;
	height: 17px;
	width: 230px;
	float: left;
}

.distributorResultsTitle{
    background: url(../images/titles/distributors.gif) top left no-repeat;
    height: 17px;
    width: 230px;
    float: left;
}

.onlineResultsTitle{
	background: url(../images/titles/online_results_title.gif) top left no-repeat;
	height: 17px;
	width: 230px;
	float: left;
	margin-right: 60px;
}

.resultsHeader{
	background: url(../images/titles/results_header.gif) top left no-repeat;
	height: 14px;
	width: 93px;
	margin-bottom: 10px;
	margin-top: 20px;
}


 li.resultsDivider{
	background: url(../images/results_dots.gif) center repeat-x;
	padding: 10px 0px !important;
	margin: 0px;
	display: block;
	clear: both;
	float: none !important;
	margin-right: 0px;
	width: 470px !important;
}


/* END ADDITION BY EBOBBITT */


.threeColumn{
	float: left;
	width: 278px;
	position: relative;
	margin-top: 30px;
}


.threeColumn .scrollWithGradient{
	margin-top: 15px;
}

#international.threeColumn{
	width: 264px;
}

.threeColumn .sleeve{
	padding: 0px 9px 0px 5px;
}

.threeColumn #usaBg{
	/* background: url(../images/usa.gif) top left no-repeat; */
	position: absolute;
	height: 116px;
	width: 172px;
	top: 30px;
	left: 30px;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
}
.threeColumn #globeBg{
	/* background: url(../images/flat_globe.gif) top left no-repeat; */
	position: absolute;
	height: 128px;
	width: 200px;
	top: 30px;
	left: 30px;
	filter: alpha(opacity=80);
	-moz-opacity: .8;
	opacity: .8;
}

.threeColumn #laptop{
	height: 44px;
	width: 53px;
	background: url(../images/titles/laptop.gif);
	position: absolute;
	top: -11px;
	right: 60px;
}

.threeColumnContent{
	margin: 20px 0px 0px 10px;;
}

.instructions{
	height: 52px;
	position: relative;
}

#internationalInstructions{margin-top:0px;}

#local.instructions{
	height: 116px;
}

#locatorForm{
	margin: 14px 0px 0px 0px;
	padding: 0px;
	z-index: 50;
}

#international_dealer_search{position:absolute; z-index:50;}
#international_dealer_search select{width:200px; margin-bottom:5px;
	height: 16px;
	padding: 0px 0px 0px 2px;
	font-size: 10px;
	border: 1px solid #7f9db9;
	#margin-top: -1px; /*all IE browsers */
	vertical-align: middle;
	}
#submitInternationalSearch, #submitProvinceSearch{position:absolute; margin-top:0px;}

#locatorForm label{
    margin-right: 0px;
}

#locatorForm #zipDiv{
	width: 65px;
	float: left;
}

#locatorForm #zipDiv input{
	height: 16px;
	width: 50px;
	margin: 0px;
	padding: 0px 0px 0px 2px;
	font-size: 10px;
	display: inline;
	border: 1px solid #7f9db9;
	#margin-top: -1px; /*all IE browsers */
	vertical-align: middle;
}

#locatorForm #distanceDiv{
	width: 84px;
	float: left;
}

#locatorForm #distanceDiv select{
	width: 75px;
	height: 16px;
	padding: 0px;
	margin: 0px;
	font-size: 9px;
	line-height: 9px;
	display: inline;
	border: 1px solid #7f9db9;	
	#height: 19px; /* all IE browsers */
	_height: 16px; /* IE 6 browsers */
}

#locatorForm #submitDiv{
	padding-top: 12px;
	float: left;
}

#locatorForm #submitDiv #submitDealerSearch{
	height: 19px;
	width: 29px;
	display: inline;
}

#resultCount{
	font-weight: 900;
	font-size: 12px;
	color: #888;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}

#resultCountBar{
	/* background: url(../images/hr_3_column.png) bottom right repeat-Y; */
	height: 2px;
}

#howToBuyContent .scrollGradient{
	height: 37px;
	width: 233px;
	/* background: url(../images/bg_gray_transparent.png) bottom left repeat-x; */
}

#dealersOnlineDiv{
	height: 320px;
	width: 270px;
	overflow: auto;
}

#dealersOnlineList{
	margin: 0px;
	padding: 0px 0px 33px 0px;
	list-style-type: none;
	width: 233px;
	font-size: 10px;
}

#dealersOnlineList li{
	/* background: url(../images/hr_dots.gif) left bottom repeat-x; */
	background: url(../images/onlineresults_dots.gif) bottom left repeat-x;
	padding: 3px 0px 3px 0px;
	margin: 0px;
}

#dealersOnlineList a{
	color: #777;
	display: block;
	margin: 0px;
	padding: 0px 2px;
	text-decoration: none;
	text-transform: uppercase;
}
#dealersOnlineList a:hover{
	color: #FFF;
	background-color: #AAA;
}

#dealerLocatorResults{
	height: 309px;
	overflow: auto;
	position: relative;
	padding: 0px;
	font-size: 9px;
}

#dealerLocatorResults ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 33px 0px;
	width: 510px;
}

#dealerLocatorResults li{
	/* background: url(../images/hr_dots.gif) left bottom repeat-x; */
	padding: 3px 0px 0px 0px;
	margin: 0px;
	display: block;
	float: left;
	margin-right: 30px;
	width: 220px;
}

#dealerLocatorResults .dealerName {
	font-weight: bold;
	font-size: 1.2em;
}


#dealersInternational{
	height: 320px;
	overflow: auto;
	position: relative;
	padding: 0px;
}

#dealersInternational ul{
	margin: 0px;
	padding: 0px 0px 33px 0px;
	list-style-type: none;
	font-size: 9px;
	width: 510px;
}

#dealersInternational li{
	/* background: url(../images/hr_dots.gif) left bottom repeat-x; */
	padding: 6px 0px 8px 0px;
	margin: 0px;
	display: block;
	float: left;
	margin-right: 30px;
	width: 220px;
	text-transform: uppercase;
}



#dealersInternational .company{
	font-weight: bold;
	font-size: 1.2em;
}

#dealersInternational .country{
	font-weight: bold;
	font-size: 1.2em;
	margin: 0px 0px 6px -5px;
}

#dealersInternational .line{
	background: url(../images/hr_3_column.png) right bottom no-repeat;
	height: 1px;
	margin: 5px 40px 5px 0px;
}

/* --------------- Rider Support -----------------------------------*/

#riderSupportTitle {
	background: url(../images/titles/rider_support.gif) bottom left no-repeat;
	height: 19px;
	width: 847px;
}

#riderSupportContent {
	clear:both; 
	height:450px; 
	overflow:auto; 
	margin:10px 0px 20px 10px; 
	width:850px; 
	padding:0;
}

/* --------------- Help Center -----------------------------------*/

#helpCenterTitle{
	background: url(../images/titles/help_center.gif) bottom left no-repeat;
	height: 19px;
	width: 847px;
}
#helpCenterContent{
	width: 847px;
}

.twoColumn{
	width: 424px;
	float: left;
	margin-top: 30px;
}

#faqs{
	width: 395px;
}

.twoColumn .sleeve{
	padding: 0px 30px 0px 5px;
}
#faqsTitle.titleDiv div{
	background-image: url(../images/titles/faq.gif);
}

#faqsContent{
	background: url(../images/bg_help_faqs.jpg) left top no-repeat;
	padding: 20px 10px 0px 10px;
}

#faqsContent .scrollGradient{
	height: 37px;
	width: 350px;
	background: url(../images/bg_white_transparent.png) bottom left repeat-x;
}

#faqsDiv{
	height: 460px;
	margin-bottom:20px;
	overflow: auto;
	overflowY: scroll;
	overflowx: visible;
}

#faqsDiv ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#faqsDiv ul div{
	float: left;
	width: 330px;
	font-size: 11px;
}

#faqsDiv ul .qna{	
	width: 20px;
	font-weight: bold;
}

#faqsDiv ul li{
	clear: both;
}
#faqsDiv ul li .clear{
	clear: both;
	height: 10px;
}

#contactTitle.titleDiv div{
	background-image: url(../images/titles/send_a_message.gif);
}

#contactDiv{
	height: 180px;
}

#contactForm{
	padding: 15px 0px 0px 10px;
}

#contactForm label{
	display: block;
	font-weight: bold;
	margin-right: 0px;
}
#contactForm .row{clear: both;}

#contactForm .row div{
	float: left;
	margin-right: 8px;
	height: 38px;
}

#contactForm #name, #contactForm #email{width: 165px;}

#contactForm #message{width: 343px; height: 65px;}
#contactForm #outsideUsDiv{margin-top: 16px; height: 18px;}
#contactForm #submit{margin-top: 5px;}

#errorMessage{
	position: absolute; 
	top: 0px; 
}

#results{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}


#serviceTitle{
	margin-top: 10px;
}

#serviceTitle.titleDiv div{
	background-image: url(../images/titles/customer_service.gif);
}

#contactDiv,
#serviceDiv{
	font-weight: bold;
	font-size: 11px;
	background: url(../images/bg_help_service.jpg) left top no-repeat;
	padding-left: 10px;
}

#serviceDiv div{
	text-decoration: underline;
	padding-top: 12px;	
}

/*------------ Catalog Request -----------------------------------*/
#catalogTitle{
	background: url(../images/titles/catalog.gif) bottom left no-repeat;
	height: 19px;
	width: 847px;
}
#mailbox{height:42px; width:50px; background: url(../images/mailbox.gif) top left no-repeat; position:absolute; margin:-19px 0px 0px 235px;}

.catalogPanelContent{background: url(../images/bg_movies.png) 0px 3px no-repeat; padding:5px 10px 20px 10px;}

#virtualCatalogTitle div{
	background-image: url(../images/titles/virtualcatalog.gif);
}
#downloadableCatalogTitle div{
	background-image: url(../images/titles/downloadablecatalog.gif);
}

#mailed_catalog {
	height: 518px;
	background: url(../images/jobsBackground.jpg) bottom right no-repeat;;
}

#mailedCatalogTitle div {
		background-image: url(../images/titles/mailedcatalog.gif);
}

#virtual_catalog p, #downloadable_catalog p{font-size:1.2em; width:280px; margin:5px 0px 5px 0px; padding:4px 0px 0px 0px;}

#downloadable_catalog .sportswear_link{margin-left:25px;}
#virtual_catalog .sportswear_link{margin-left:40px;}

#downloadable_catalog .spring_link{margin-left:30px;}
#virtual_catalog .spring_link{margin-left:40px;}

#mailed_catalog #catalogTable{width:320px; border-collapse:collapse;}
#mailed_catalog #catalogTable tr, #mailed_catalog #catalogTable td{margin:0; padding:0;}
#mailed_catalog #firstname,
#mailed_catalog #lastname,
#mailed_catalog #city,
#mailed_catalog #email{width:150px;}
#mailed_catalog #address{width:311px;}
#mailed_catalog #state{width:80px;}
#mailed_catalog #zip{width:55px;}
#mailed_catalog #email{width:185px;}

#survey{margin:15px 0px 0px 5px;}
#surveyLeft{width:154px; float:left;}
#surveyMiddle{width:113px; float:left;}
#surveyRight{width:149px; float:left;}

#catalogTable{margin:10px 0px 0px 5px;}
.surveyLabel{margin:8px 0px 5px 0px; height:9px; background-position: bottom left; background-repeat: no-repeat;}
#genderLabel{background-image: url(../images/titles/survey/gender.gif); width:40px;}
#ageLabel{background-image: url(../images/titles/survey/age.gif); width:19px;}
#whyLabel{background-image: url(../images/titles/survey/why.gif); width:117px;}
#styleLabel{background-image: url(../images/titles/survey/style.gif); width:66px;}
#bikeLabel{background-image: url(../images/titles/survey/bike.gif); width:65px;}
#magazineLabel{background-image: url(../images/titles/survey/magazine.gif); width:98px;}

#catalogRequestSubmit{clear:both; padding-top:5px;}

.thickLink{
    font-weight:bold;
    font-size:1.2em;
    border-bottom:1px solid #ccc;
}
.thickLink:hover{text-decoration:none; border-bottom:1px solid #999;}

/*------------ Riders / Photos-----------------------------------------*/

#ridersTitle{
	background: url(../images/titles/riders.gif) bottom left no-repeat;
	height: 19px;
	width: 847px;
}
#photosTitle{
	background: url(../images/titles/photos.gif) bottom left no-repeat;
	height: 19px;
	width: 847px;
}
#ridersLeft{float:left; width:230px; height:550px; margin:10px 0 0; padding:10px 0px 10px 0px;background:url(../images/ridersListBackground.gif) top left no-repeat;}
#photosLeft{float:left; width:230px; height:550px; margin:10px 0 0; padding:10px 0px 10px 0px;background:url(../images/galleriesListBackground.gif) top left no-repeat;}

#ridersLeft .riderName{margin:0; width:230px;}

#ridersList, #galleriesList{
    font-size:1.2em;
    height:154px;
    margin:0 0 50px;
    overflow:auto;
    overflowY: scroll;
	overflowx: visible;

}
#galleriesList{height:518px;}

#ridersList ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; list-style:none;}
#galleriesList ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none;}
#ridersList ul li, #galleriesList ul li{margin:0px 0px 0px 0px;}
#ridersList ul li.noData{color:#999; padding-left:10px; margin:1px 0px 1px 0px;}
#ridersList ul li a{font-size:.9em; margin:1px 0px 1px 0px; display:block; padding:1px 0px 0px 11px; height:16px; width:185px; text-decoration:none; background:url(../images/riderListBg.gif) left top no-repeat;} 
#galleriesList ul li a{font-size:.9em; margin:1px 0px 1px 0px; display:block; padding:1px 0px 0px 11px; height:16px; width:185px; text-decoration:none;}
#ridersList ul li a:hover, #ridersList ul .selectedRider,
#galleriesList ul li a:hover, #galleriesList ul .selectedGallery{background:url(../images/ridersHover.png) left top no-repeat;}
#ridersList .title{margin:0px 0px 3px -2px; font-size:1.2em; font-weight:bold; list-style:none;}
#ridersList .title img{border-bottom:1px solid #ccc; padding-bottom:2px;}

#ridersListGradient{margin-top:140px;}
#ridersDetailsGradient{margin-top:250px;}
.ridersGradient{background:url(../images/ridersScrollGradient.png) bottom left repeat-x; height:40px; width:230px; position:absolute; z-index:100;}


#riderDetails{
    margin:10px 0px 0px;
    height:230px;
    overflow:auto;
    overflowY: scroll;
	overflowx: visible;
}

#riderDetails dl{margin:5px 0px 0px 5px; padding:0;}
#riderDetails dl dt{font-size:1.2em; font-weight:bold; margin:0px 0px 2px 5px;}
#riderDetails dl dd{margin:0px 0px 7px 5px;}

#ridersFlash, #photosFlash{
    float:right;
    margin:10px 30px 30px 0px;
    width:600px;
}

/*------------ Multimedia -----------------------------------------*/
#youtubeDiv {
	margin: 0px 0px 10px 0px;
	width: 360px;
}

#youtubeLogo {
	float: left;
	height: 28px;
	width: 77px;
	margin: 0px 10px 0px 0px;
}

a.youtubeLink {
	text-decoration: underline;
}

#multimediaTitle{
	background: url(../images/titles/multimedia.gif) bottom left no-repeat;
	height: 19px;
	width: 847px;
}

images.twoColumn{
	width: 393px;
}
#flashDiv{
	margin-bottom: 15px;
	height: 235px;
	overflow: hidden;
}

#moviesTitle{
	width: 358px;
}

#moviesTitle div{
	background-image: url(../images/titles/movies.gif);
}

#moviesContent{
	margin-top: 3px;
	padding-top: 5px;
	background: url(../images/bg_movies.png) top left no-repeat;
	height: 300px;
}
.movieList{
	width: 171px;
	float: left;
}
#videos.movieList{
	width:179px;
}

.movieList .sleeve{
	padding: 0px 8px 0px 0px;
}

.movieList span{
	display: block;
	padding: 0px 0px 5px 10px;
	font-weight: bold;
	text-decoration: underline;
}

.movieList ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

.movieList li{
	margin: 0px 0px 3px 0px;
	padding: 0px;
	width: 171px;
}

.movieList li a{
	display: block;
	padding: 0px 0px 0px 22px;
	background: url(../images/bg_bullet_movies.png) 0px 0px no-repeat;
}

.movieList li a:hover, .movieList li a.activeVideo{
	background: url(../images/bg_bullet_movies_mouseover.png) 0px 0px no-repeat;
	text-decoration: none;
}

#desktopsTitle div{
	background-image: url(../images/titles/desktops.gif);
}
#desktopsContent{
	margin-top: 15px;
	/*height: 175px;*/
}

#desktopsContent .scrollGradient{
	position: absolute;
	left: 349px;
	top: 0px;
	height: 120px;
	width: 45px;
	background: url(../images/bg_white_horizontal.png) top left repeat-y;
}

#desktopsDiv{
	width: 394px;
	height: 135px;
	overflow: auto;
	overflowx: scroll;
	overflowy: visible;
	position: relative;
}

#desktopsDivContent{
	width: 2500px;
	/*height: 98px;*/
	white-space: nowrap;
}

#desktopsDivContent a{
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
}
#desktopsDivContent div{
	float: left;
	height: 92px;
	margin-right: 10px;
	text-align: center;
	width: 124px;
}

#desktopsDivContent div .link2larger{
	height: 25px;
	margin: 2px 0 0;
	width: 124px;
}

#wallpaper{
	margin-bottom: 20px;
	position: relative;
}

#wallpaper #wallpaperContent{
	height: 110px;
}

#wallpaperTitle div{
	background-image: url(../images/titles/mobile_wallpapers.gif);
}

#wallpaper #iphone{
	position: relative;
	float: right;
	top: -18px;
	right: 15px;
	margin: 0px 0px 25px 25px;
	height: 115px;
	width: 80px;
	background-image: url(../images/iphone_villo.png);
	background-repeat: no-repeat;
}
* html #wallpaper #iphone {
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='images/iphone_villo.png');
}

#desktops .directions, #wallpaper .directions{
	/*padding: 10px 40px 10px 5px;*/
}
#desktops .directions p, #wallpaper .directions p{
	line-height: 1.5;
}
#desktops .directions span, #wallpaper .directions span{
	display: block;
	text-decoration: underline;
}
#desktops .directions{
	/*height: 190px;*/ /*Height is not needed here. Plus, IE 6 messes it up*/
	margin: 10px 30px 15px 0; /*10px 55px 10px 0*/
}
#wallpaper .directions{
	height: 90px;
	margin-top:15px;
	/*height: 100px;*/ /*0px;*/
	/*margin: 0 0 30px 0;*/ /*15px 90px 20px 0 ... 10px 55px 10px 0*/
}
#wallpaper .directions p{
}

.directions #standard {
	background-image: url(../images/monitor_4-3.gif);
	background-position: 0 10%;
	background-repeat: no-repeat;
	padding-left: 40px;
}
.directions #wide {
	background-image: url(../images/monitor_16-10.gif);
	background-position: 0 10%;
	background-repeat: no-repeat;
	padding-left: 40px;
}

#wallpaper .scrollGradient{
	position: absolute;
	left: 349px;
	top: 0px;
	height: 110px;
	width: 45px;
	background: url(../images/bg_white_horizontal.png) top left repeat-y;
}

#wallpaperDiv{
	width: 394px;
	height: 120px;
	overflow: auto;
	overflowx: scroll;
	overflowy: visible;
	position: relative;
}

#wallpaperDivContent{
	white-space: nowrap;
	height: 90px;
	width: 900px;
}

#wallpaperDivContent a{
	margin-right: 5px;
}

/*------------ current events / news -----------------------------------------*/
#currentEventsTitle{
	background: url(../images/titles/currentevents.gif) bottom left no-repeat;
	height: 19px;
	width: 847px;
}
#newsTitle{
	background: url(../images/titles/news.gif) bottom left no-repeat;
	height: 19px;
	width: 847px;
}
#WhatIsNewTitle{width:250px; height:63px; background:url(../images/titles/whatIsNew.gif) top left no-repeat;}
#NewsBulletinsTitle{width:250px; height:63px; background:url(../images/titles/newsBulletins.gif) top left no-repeat;}
#newsStories{float:left; width:250px; margin-right:20px;}
#currentEventsMain{float:left; width:550px;padding-bottom:30px;}
#currentEventsMain h2{font-size:1.3em; margin:23px 0px 0px 0px;}
#currentEventsMain h3{font-size:1em; margin:0px 0px 10px 0px;}
#eventText{width:325px; margin-right:10px; float:left;}
#eventImages{width:175px; float:left; margin:10px 0px 0px 0px;}
#eventImages img{margin:0px 0px 5px 0px;}
#storiesScroll{overflow:auto;}
#eventScroll{overflow:auto;}
#newsStories div.clear, #currentEventsMain div.clear{ height: 30px; }
.newsScroller{height:440px; margin-bottom:20px;}

.newsPost{margin:1px 0px 0px 0px; padding:2px 0px 2px 2px; clear:both;}
.odd{background:url(../images/oddNewsBg.gif) top left repeat-y;}
.newsPost .title{font-size:1.2em; text-decoration:underline; display:block; font-weight:bold;}
.newsPost .date{font-size:1.1em; display:block; font-weight:bold;}
.newsPost p{width:160px; font-size:0.9em; padding:0; margin:-2px 0px 0px 0px;}

#storiesGradient{background: url(../images/bottomWhiteGradient.png) bottom left repeat-x; height:60px; width:235px; position:absolute; margin:380px 0px 0px 0px;  z-index:100;}
#mainStoryGradient{background: url(../images/bottomWhiteGradient.png) bottom left repeat-x; height:60px; width:530px; position:absolute; margin:390px 0px 0px 0px; left:270px;  z-index:100;}
/*------------ Partners -----------------------------------------*/
#partnersContent{background:url(../images/partnersBackground.jpg) 345px 130px no-repeat;}

#partnersTitle{
	background: url(../images/titles/partners.gif) bottom left no-repeat;
	height: 19px;
	width: 847px;
}
#partnersContent .titleBar{margin-bottom:35px;}
#partnersLogos{
    overflow: auto;
    margin: 0px 0px 20px 43px; 
    width: 750px; 
    height: 450px;
}
#partnersLogos ul{margin:0; padding:0; list-style:none;}
#partnersLogos ul li{float:left; margin:0px 30px 30px 0px;}
#partnersLogos ul img{border:1px solid #808284;}

#partnersScrollGradient{background: url(../images/bottomWhiteGradient.png) bottom left repeat-x; height:60px; width:738px; position:absolute; margin:425px 0px 0px 0px; left:50px; z-index:100;}

/*------------ Jobs -----------------------------------------*/
#jobsContent{
    height:520px;
    background:url(../images/jobsBackground.jpg) bottom right no-repeat; /* bottom 388px */
    padding-bottom:3px;
}

#jobsTitle{
	background: url(../images/titles/jobs.gif) bottom left no-repeat;
	height: 19px;
	width: 847px;
}

#jobsBox{margin-top:10px; width:400px; height:430px; overflow:auto;}

.jobPost{width:340px; margin:10px 0px 30px 0px; }
.jobPost .postBackground{width:340px;}
.jobPost p{width:270px; margin:5px 0px 0px 10px;}

.jobPost ul{margin:0px 0px 0px 20px; padding:0px 0px 0px 10px;}

.jobPost .subheading{margin:5px 0px 0px 10px; font-weight:bold; text-decoration:underline; font-size:1.1em;}

#jobsScrollGradient{background: url(../images/bottomWhiteGradient.png) bottom left repeat-x; height:60px; width:350px; position:absolute; margin:395px 0px 0px 0px; z-index:100;}

/*------------ Recycle -----------------------------------------*/
#recycleContent{
    height:520px;
    background:url(../images/jobsBackground.jpg) bottom right no-repeat; /* bottom 388px */
    padding-bottom:3px;
}
#recycleTitle{
	background: ;
	height: 19px;
	width: 847px;
}

/*------------ newsletter -----------------------------------------*/
#newsletterContent{
    height:520px;
    background:url(../images/jobsBackground.jpg) bottom right no-repeat;
    padding-bottom:3px;
}

#newsletterTitle{
	background: url(../images/titles/newsletter.gif) bottom left no-repeat;
	height: 19px;
	width: 847px;
}

#newsletterContent p{width:350px;}

#newsletterContent #signup_bar span{display:none;}

#newsletterContent #signup_bar{height:55px; width:373px; background: url(../images/titles/signup_bar.gif) top left no-repeat;}

/*------------ site map -----------------------------------------*/
#sitemapPagesTitle{
    background: url(../images/titles/pages.gif) bottom left no-repeat;
	height: 19px;
	margin-top:10px;
	width: 847px;
}
#sitemapProductsTitle{
    clear:both;
    background: url(../images/titles/products.gif) bottom left no-repeat;
    border-bottom:1px solid #eee;
    margin-top:20px;
	height: 19px;
	width: 847px;
}
#siteMap{margin:0px 0px 0px 10px;}
#siteMap #pageList{list-style:none; margin:0px 0px 0px 0px; padding:0;}
#siteMap h2{clear:both; font-size:1.3em;}
#siteMap #pageList li{float:left; margin:0px 0px 0px 6px;}

#productListing{clear:both; height:450px; overflow:auto; margin:10px 0px 20px 10px; width:850px; padding:0;}
#productListing ul{margin:0px 5px 0px 5px; padding:0px 5px 0px 10px;}


/*------------ search -----------------------------------------*/

/*----------------------news page image gallery------------------*/
#bigPicture{position:absolute; text-align:right; z-index:400;}
#screen{ background:#fff; 	opacity:.80;	filter:alpha(opacity=80);	-moz-opacity: 0.8;	position:absolute;	z-index:100; }

#hide_media{display:block; }
#mediaGuts p{ padding: 5px 85px; text-align:center}
#mediaGuts {text-align:left;}
#mediaGuts img{display:block}
#previous_media {position:absolute; top:0px; left:0px;}
#next_media {position:absolute; top:0px; right:0px;}
#mediaNav  {position:relative;}
#eventImages p{margin-top:0px; margin-bottom:15px; padding: 0px 5px; text-align:justify;}

/*----------------------Heritage------------------*/
#heritageContainer {
	margin-left: 12px;
	height: 465px;
	width: 805px;
	position: relative;
}

#heritageContainer #heritageHeader {
	height: 156px;
	overflow: hidden;
	background: url('../images/heritage/topedge_burn.png') repeat-x top center;
	position: relative;
	z-index: 1;
	text-align: center;
}

#heritageContainer #heritageHeader #heritageHeaderLeft,
#heritageContainer #heritageHeader #heritageHeaderRight {
	width: 150px;
	height: 156px;
	position: relative;	
}

#heritageContainer #heritageHeader #heritageHeaderLeft {
	background: url('../images/heritage/topleft_cornerburn.png') no-repeat top left;
	float: left;
}

#heritageContainer #heritageHeader #heritageHeaderRight {
	background: url('../images/heritage/topright_cornerburn.png') no-repeat top right;
	float: right;
}

#heritageContainer #heritageSpacer {
	height: 142px;
	overflow: hidden;
	position: relative;
	z-index: 1;
	text-align: center;
}

#heritageContainer #heritageFooter {
	height: 167px;
	overflow: hidden;
	background: url('../images/heritage/btm_gradient.png') repeat-x bottom center;
	position: relative;
	z-index: 1;
	text-align: center;
}

#heritageContainer #heritageContent {
	position: absolute;
	top: 0;
	left: 0;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 465px;
	width: 820px;
	z-index: 4;
}

#heritageContainer #heritageContent #heritageMasthead {
	width: 501px;
	height: 126px;
	margin: 30px auto 10px auto;
	background: url('../images/heritage/champheritage_masthead.png') no-repeat top center;	
}

#heritageContainer #heritageContent #heritageRiders {
	margin-left: 30px;
	width: 745px;
	color: #000;
	font-size: 1.1em;
}

#heritageContainer #heritageContent #heritageRiders #title {
	font-weight: bold;
	margin: 0px 0px 25px 16px;
}

#heritageContainer #heritageContent #heritageRiders #title .red {
	color: #ed1c24;
}

#heritageContainer #heritageContent #heritageRiders ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#heritageContainer #heritageContent #heritageRiders .bikeClassItem ul {
	padding-bottom: 25px;	
}

#heritageContainer #heritageContent #heritageRiders .redArrow {
	margin: 3px 5px 15px 0px;
	height: 13px;
	width: 10px;
	background: url('../images/heritage/red_arrow.png') no-repeat center;
	float: left;
}

#heritageContainer #heritageContent #heritageRiders .bikeClass {
	padding-top: 3px;
	width: 590px;
	border-top: 1px solid #000;
	font-weight: bold;
	clear: none;
	float: left;
}

#heritageContainer #heritageContent #heritageRiders .champion {
	margin-left: 16px;
	font-weight: normal;
	clear: both;
	height: 15px;
}

#heritageContainer #heritageContent #heritageRiders .champion div {
	display: block;
	float: left;
}

#heritageContainer #heritageContent #heritageRiders .champion .year {
	width: 110px;
}

#heritageContainer #heritageContent #heritageRiders .champion .name {
	width: 115px;
}

#heritageContainer #heritageContent #heritageRiders .champion .bike {
	width: 100px;
}

/*-------------- noflash --------------------------------------*/

#noflash {width:550px; margin-left:175px;}
#noflash td{width:150px;font-size: 10px;}
#noflash .getflash{ border-top:solid 1px #eee;}

#noFlashHome img {padding-left:10px;}
#noFlashHome ul { list-style:none; margin-left:0px;}
#noFlashHome .news { margin:0px; text-align:center;}
#noFlashHome .news li {float:left; margin-right:30px; width:170px; text-align:center;}

#news_list {
margin: 17px;
padding: 0;
}

#news_list li {
margin-bottom: 10px;
}

#news_list ol {
margin: 5px 15px;
padding: 0;
list-style-type: upper-alpha;
}

.leftCatalogLink {
padding-right: 10px;
}