/* Apollo Screen Stylesheet
 *    Author Internet Vision Technologies
 *       Created 10 Nov 2006
 *       ------------------------------------------------------------------------*/
html { overflow: -moz-scrollbars-vertical !important; }

body {
	margin: 0;
	padding: 0;
	background-color: #000;
	color: #666666;
	text-align: center;
font: small Arial, Helvetica, sans-serif;

}

img { border: none; }

hr, .page_showing { display: none !important; }

a { 
	color: #666666;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

/* Headings
 * ------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { margin: 0; }

h3.main {
	margin: 0 0 15px 0;
	font-size: 140%;
	font-weight: normal;
	text-transform: uppercase;
}

h4.bikes {
	width: 134px;
	height: 26px;
	background: url(../webimages/h4_bikes.gif) no-repeat;
	text-indent: -999em;
}
h4.dealers {
	width: 128px;
	height: 18px;
	margin-bottom: 5px;
	background: url(../webimages/h4_dealers.gif) no-repeat;
	text-indent: -999em;
}
h4.catalogues, h4.sponsored {
	width: 127px;
	height: 18px;
	background: url(../webimages/h4_catalogues.gif) no-repeat;
	text-indent: -999em;
}
h4.sponsored {
	/*margin-top: 15px;*/
	background: url(../webimages/h4_sponsored.gif) no-repeat;
}

/* Structure
 * ------------------------------------------------------------------------*/
#wrap {
	width: 742px;
	margin: 0 auto;
	text-align: left;
	background: #FFF;
}
#wrapInner {
	position: relative;
	width: 710px;
	margin: 0 auto;
}

#head {	
	position: relative;
	height: 92px;
	background-color: #626366;
}

#main {
	float: left;
	margin: 15px 0 15px 0;
}

#footer {
	clear: both;
	padding: 10px 0 10px 0;
	background: #626366 url(../webimages/footer_bg.gif) top no-repeat;
	text-align: center;
}

/* Head
 * ------------------------------------------------------------------------*/
#head .left {
	position: relative;
	float: left;
	width: 135px;
	height: 91px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background-color: #3F3F3F;
}
#head .right {
	float: right;
	width: 574px;
}

/* logo */
#head h1 {
	width: 237px;
	height: 50px;
	padding: 11px 23px 10px 0;
	float: right;
	text-indent: -999em;
}
#head h1 a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../webimages/logo_apollo.gif) no-repeat;
}

/* top navigation */
#nav {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0 15px 0 79px;
	list-style: none;
	background-color: #FF1100;
	border-width: 1px 0 1px 0;
	border-color: #FFF;
	border-style: solid;
} * html #nav { padding: 0 15px 0 72px; }
#nav li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 10px;
	background: url(../webimages/divider_bg.gif) right 6px no-repeat;
}
#nav li.end {
	background-image: none;
}
#nav a {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	color: #FFF;
	text-decoration: none;
}
#nav a:hover {
	color: #000;
}
#nav a.home {
	text-transform: uppercase;
}

/* raceline series link */
.small {
	position: absolute;
	top: 45px;
	right: 8px;
	color: #FFF;
	font-size: 10px;
	font-style: italic;
}
.large {
	position: absolute;
	top: 55px;
	right: 8px;
	color: #FFF;
	font-size: 11px;
	font-style: italic;
}
.link {
	position: absolute;
	top: 75px;
	right: 8px;
}
.link a {
	color: #FFF;
	font-size: 10px;
	text-decoration: none;
}
.link a:hover { text-decoration: underline; }

/* banner */
#banner {
	height: 106px;
	background: url(../webimages/banner_bg.jpg) no-repeat;
}

/* Main
 * ------------------------------------------------------------------------*/
#main #leftCol {
	float: left;
	width: 134px;
}
#main #centerCol {
	float: left;
	width: 425px;
	padding: 0 12px 0 12px;
}
#main #rightCol {
	float: right;
	width: 127px;
}

/* side navigation */
#leftCol ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#leftCol li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

/* first level */
#leftCol li.navLevel0_on {
	float: left;
	width: 128px;
	margin: 0 0 1px 0;
	padding: 0 0 5px 0;
	background-color: #FEBE13;
}
#leftCol li.navLevel0_off a, #leftCol li.navLevel0_on a {
	display: block;
	margin: 0 0 1px 0;
	padding: 5px 0 5px 8px;
	background: #FF1100 url(../webimages/arrow_off_bg.gif) right no-repeat;
	color: #FFF;
	font-size: 10px;
	text-decoration: none;
	text-transform: uppercase;
}
#leftCol li.navLevel0_on a {
	float: left;
	width: 120px;
	color: #fff;
	margin: 0 0 5px 0;
	background-color: #FEBE13;
	background-image: none;
	border-bottom: 1px solid #fff;
}
#leftCol li.navLevel0_off a:hover {
	background: #FEBE13 url(../webimages/arrow_over_bg.gif) right no-repeat;
	color: #fff;
}
#leftCol li.navLevel0_on a:hover {
	background-image: none;
	text-decoration: none;
}

/* second level */
#leftCol li.navLevel1_off a, #leftCol li.navLevel1_on a {
	width: 113px;
	font-size: 9px;
	display: block;
	margin: 0;
	padding: 2px 10px 2px 5px;
	text-align: right;
	border-bottom: none;
	text-transform: none;
}
#leftCol li.navLevel1_off a:hover, #leftCol li.navLevel1_on a {
	color: #333;
}

/* category list */
ul.category_list {
	position: relative;
	left: 8px;
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
} * html ul.category_list { margin-left: 8px; }
ul.category_list li {
	float: left;
	margin: 0 10px 15px 0;
	text-align: center;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #3F3F3F;
}
ul.category_list li a, ul.category_list li a:hover {
	color: #FFF;
	font-style: italic;
	text-decoration: none;
	text-transform: uppercase;
}
ul.category_list .category_list_title {
	padding: 2px;
	background-color: #3F3F3F;
}
ul.category_list p {
	margin: 0;
}

/* product layout elements */
#centerCol table {
	border-width: 0 0 0 0;
	border-style: none none none none;
	border-collapse: collapse;
}
#centerCol table td {
	padding: 2px 5px 2px 5px;
	font-size: 85%;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	border-color: #000 #000 #666666 #000;
}

.image_display {
	width: 350px;
	margin: 10px auto 10px auto;
}
.large_link {
	text-align: right;
	margin: 0 0 10px 0;
}

/* search */
.search {
	float: left;
	width: 120px;
	padding: 8px 0 8px 8px;
	background-color: #3F3F3F;
}
.search form {
	margin: 0;
	padding: 0;
}
.search form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
.search form .inputfield {
	width: 60px;
	padding: 3px;
	font-size: 10px;
}
.search form input { vertical-align: middle; }

/* dealer search */
.dealer_search {
	float: left;
	width: 128px;
	margin: 15px 0 0 0;
	background-color: #E3E2E3;
	font-size: 85%;
	text-align: center;
}
.dealer_search form {
	margin: 3px 0 0 0;
	padding: 0 8px 8px 8px;
}
.dealer_search form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
.dealer_search form .inputfield {
	width: 100px;
	padding: 3px;
	font-size: 10px;
}

/* General Elements */
.divider { border-bottom: 1px solid #666666; }
.divider a { color: #FF1100; }

.intro { 
	padding: 15px 0 0 0; 
	text-align: center; 
}

.block {
	padding: 5px;
	background-color: #E3E2E3;
}

.more {
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #999;
	text-align: right;
}
.more a {
	color: #666666;
	font-size: 85%;
	text-decoration: none;
}
.more p { margin: 0; }

.path {
	margin: 5px 0 15px 0;
	font-size: 85%;
}

/* catalogues files */
ul.pdf_list {
	margin: 5px 0 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
ul.pdf_list a {
	color: #FFF;
	font-size: 100%;
	font-weight: bold;
}
ul.pdf_list p {
	margin: 0 0 5px 0;
}
.pdf_size {
	color: #999;
	font-size: 85%;
	font-style: italic;
}

/* riders */
ul.riders {
	margin: 5px 0 0 0;
	padding: 0 2px 0 2px;
	list-style: none;
	text-align: center;
}
ul.riders p {
	margin: 0 0 5px 0;
}

ul.riders a {
	color: #666666;
	font-size: 85%;
	font-weight: bold;
	text-decoration: none;
}
.riders table {
	border-width: 0 0 0 0;
	border-style: none none none none;
	border-collapse: collapse;
	font-size: 85%;
	text-align: left;
}
.riders td {
	padding: 3px 0 3px 3px;
	border-width: 0 0 1px 0;
	border-style: none none solid none;
	border-color: #000 #000 #e3e2e3 #000;
}

.promotions a {
	display: block;
	width: 127px;
	height: 18px;
	text-indent: -999em;
	background: url(../webimages/promotions.gif) no-repeat;
}


/* product tabs */
#product_tabs {
	position: relative;
	display: block;
	height: 24px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #DDD;
}
#product_tabs ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
#product_tabs li {
	float: left;
	display: block;
	margin: 0 3px 0 0;
}
#product_tabs li a {
	float: left;
	display: block;
	padding: 6px 20px 3px 20px;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background-color: #eee;
	color: #bbb;
	font-size: 11px;
} 
* html #product_tabs li a { 
* 	position: relative;
* 		top: 1px;
* 			padding: 7px 20px 4px 20px; 
* 			}
* 			#product_tabs li a:hover { text-decoration: none; }
*
* 			#product_tabs li a.current {
* 				border-top: 1px solid #DDD;
* 					border-left: 1px solid #DDD;
* 						border-right: 1px solid #DDD;
* 							border-bottom: 1px solid #FFF;
* 								background: none;
* 									color: #666666;
* 									}
*
* 									#gallery_list ul {
* 										margin: 0;
* 											padding: 0;
* 												list-style: none;
* 												}
* 												#gallery_list li {
* 													float: left;
* 														padding: 15px 30px 15px 30px;
* 															text-align: center;
* 															}
*
* 															.bikelink { 
* 																float: left;
* 																	margin: 15px 0 0 0; 
* 																	}
* 																	.bikelink p { margin: 0; }
*
* 																	.register p { margin: 0; }
* 																	.register { margin: 0 0 15px 0; }
* 																	.register a {
* 																		display: block;
* 																			width: 127px;
* 																				height: 49px;
* 																					text-indent: -999em;
* 																						background: url(../webimages/btn_register.gif) no-repeat;
* 																						}
* 																						.register a:hover { background-position: 0 -49px; }
*
*
*/* Footer
------------------------------------------------------------------------*/
#footer p {
	margin: 0;
	padding: 0;
	color: #FFF;
	font-size: 85%;
}
#footer .credits {
	display: block;
	margin: 0;
	padding: 4px 0 0 0;
	font-size: 85%;
}
#footer a {
	color: #FFF;
	text-decoration: none;
}
#footer a:hover { text-decoration: underline; }