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

/*-------------GLOBAL STYLES---------------*/
* {margin:0; padding:0;}
:focus { outline: 0; }
html, body { height:100%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCC;}
html { background:#000 url(../images/turbo_bodyBg.jpg) 50% 0px;}
body { background: url(../images/turbo_bgGlow.png) center top no-repeat;}
#wrapper { width:1000px; padding:0px; margin:auto;}
#header  { position:relative; top:25px; z-index:10; width:1000px; height:170px; background:url(../images/turbo_headerBg.jpg) center top no-repeat; }

/*contentWrapper general styles*/
#contentWrapper{ float:left; text-align:left; width:1000px; background: #000; padding-bottom:70px; }
/*#shineMain { width:1000px; height:135px; background:url(../images/turbo_shineMain.png);}*/

h1, h2 { font-style:normal; font-weight:bold; text-transform:none; font-variant:normal; }
h1 {  font-size:18px; float:left; width:880px; padding:20px 10px; margin-bottom:10px; background:url(../images/h1_gradient.png) bottom repeat-x; }
h2 { font-size:14px; margin-bottom:5px; margin-top:10px; padding:0px 10px;}

p { padding:0px 10px 10px 10px; line-height:1.5em; }

img { border:none}

#menu { height:50px; background:orange;}
#menu li {display:inline;}

#content { width:998px; margin:auto;}
/*-------------/GLOBAL STYLES---------------*/

/*-------------no script/flash header styles---------------*/
#headerNoScript { float:left; height:140px; width:100%; text-align:center;}
#headerNoScript img { display:block; height:90px; margin:auto;} 
#headerNoScript p { padding:0px; margin:0px; height:19px; font-size:12px; color:#F60; line-height:1em;}
#headerNoScript a { color:#F60; }
#headerNoScript a:hover { color:#fff; }
#headerNoScript #nav { float:left; width:100%; height:30px;}
#headerNoScript #nav ul { width:100%; list-style-type:none;}
#headerNoScript #nav li { display:inline; }
#headerNoScript #nav a { display:inline-block; height:18px; color:#FFF; padding:5px 10px; background:#333; border:1px solid #222; text-transform:uppercase;}
#headerNoScript #nav a:hover { color:#000; background:#00ff00;}
/*-------------no script/flash header styles---------------*/

/*-------------HOME PAGE---------------*/
.homeWrapper {}
.homeWrapper h1 { color:#01A5E6;}
.homeWrapper img {}
.homeWrapper a { color:#01A5E6;}
.homeWrapper a:hover { color:#FFFF00;}
.homeCaptions { float:left; border:1px solid #3cb8e6; width:auto; margin:20px;height:auto; background: url(../images/transparentImg.png); padding:5px;}
.homeCaptions p {}
.homeCaptions h2 { color:#3cb8e6;}
.homeLinks { float:left; text-align:center; border:1px solid #3cb8e6; width:898px; margin:0px; margin-bottom:20px; height:auto; background: url(../images/transparentImg.png);}

.homeLinks img { margin:5px; margin-bottom:10px; padding:0px 10px; border:transparent; border:1px solid transparent;}
.homeLinks img:hover { background-color:#01A5E6; border:1px solid #FF9900;}

.homeCaptions li { float:left; list-style-type:none; text-align:center; padding:0 5px; }
.homeCaptions li img { border:1px solid #FFFF00;}
.imgTitle { display:block; text-decoration:none;}
/*-------------/HOME PAGE---------------*/

/*-------------ABOUT PAGE---------------*/
.aboutWrapper {}
.aboutWrapper h1, .aboutWrapper h2 { color:#00FF00; }
.aboutInfo { float:left; width:900px; padding:0px 0px 30px 0px; margin-bottom:35px; background: url(../images/transparentImg.png); border-bottom:1px solid #00FF00;}
.aboutInfo img { float:right; margin:0 10px; }

.aboutInfo p { }
.aboutInfo li { list-style-type:none;}
.aboutInfo li a { display:block; background:#00FF00; padding:5px; border:1px solid #000; font-size:14px; text-transform:uppercase; color:#000000; margin:20px 0px 40px 0px; text-decoration:none; }
.aboutInfo li a:hover { background-color:#FFFF00;}
.aboutInfo li a img { position:relative; top:-20px; padding-right:20px;}

/*-------------/ABOUT PAGE---------------*/

/*-------------TECHNOLOGY PAGE---------------*/

/*-------------/TECHNOLOGY PAGE---------------*/

/*-------------TEAM RIDERS PAGE---------------*/
.teamRidersWrapper {}
.teamRidersWrapper h1 { color:#FFFF00; }
.teamRidersWrapper h2 { color:#FFFF00;}
.teamRiderCharacter { float:left; width:880px; height:350px; padding:20px 10px 30px 10px; margin-bottom:135px; background:#FFFF00 url(../images/gradientContentArea.png) repeat-x; border-top:4px solid #FFFF00;}
.teamRiderCharacterPic { float:left; position:relative; left:-30px; top:-10px; width:540px;} 
.teamRiderVideo { float:right;position:relative; top:0px; height:240px; width:320px; background:#FFFF00 url(../images/turboTV.jpg) no-repeat;}/*-----used position relative as fix-----*/
.teamRiderInfo {float:right;  position:relative; top:-10px; width:320px; margin-top:5px; color:#494949;}/*-----used position relative as fix-----*/
.teamRiderInfo h2 { color:#494949; }
.teamRiderInfo .underlineH2 img { display:inline; padding-left:0px; margin-bottom:5px; position:relative; top:0px; border-top:none; width:100%; height:2px;}

.teamRiderGallery { float:right; width:660px; height:auto; padding:20px 0px 30px 0px; margin-bottom:35px; background:url(../images/gradientContentArea.png) repeat-x; border-top:6px solid #FFFF00;}
.teamRiderGallery img { position:relative; z-index:10;margin:0px 20px 10px 0px; border-top:2px solid #FFFF00;}

.teamRidersList { float:left; position:relative;  width:190px; height:auto;}
.teamRidersList .underlineH2 { margin-bottom:10px; width:100%; height:2px; }
.teamRidersList .underlineH2 img { padding-left:0px; border-top:none; }
.teamRidersList ul { margin-bottom:10px; background: url(../images/transparentImg.png); font-weight:bold; padding:10px;}
.teamRidersList li { position:relative; font-size:12px; list-style-type:none;}
.teamRidersList li a { display:block; width:100%; padding:2px 0px; padding-left:0px; text-decoration:none; color:#FFF;}
.teamRidersList li a:hover { color:#000000; background-color:#FFFF00;}

.teamRidersList .characterPic { position:absolute; top:-25px; right:0px; z-index:10; display:none; width:60px; height:60px; text-align:center;}
.teamRidersList .characterPic img {float:right;  border-top:none; }
.teamRidersList .riderPic { position:absolute; top:-25px; right:5px; z-index:10; display:none; width:52px; height:60px; text-align:center;}
.teamRidersList .riderPic img { float:right; border:1px solid #FFFF00;}
.teamRidersList h2 { margin-bottom:5px; }
.teamRidersList .sectionHeader { background-color:#FFFF00; margin:10px 0px 10px 0px; height:10px; color:
	#000000; text-transform:uppercase;}
	
.otherRiders { float:right; text-align:center; width:600px; border-top:4px solid #FFFF00; background:#FFFF00 url(../images/gradientContentArea.png) repeat-x; padding-bottom:10px; margin-bottom:20px; }
.otherRidersInfo { float:left; width:180px; margin:10px;}
.otherRidersInfo img { border:1px solid #333333; margin-bottom:5px; }
.otherRidersInfo a { display:block; width:150px; padding:10px 4px; text-decoration:none; text-transform:uppercase; color:#333333;}
.otherRidersInfo a:hover { color:#FFFF00; background-color:#333333; }

.highLight { color:#00FFFF;}

/*-------------/TEAM RIDERS PAGE---------------*/

/*-------------CUSTOMS PAGE---------------*/
.customs { color:#FFE1D7;}
.customs h1, h2 { color:#FF4D00;}
.customs h1 { color:#FF4D00; }
.customs a { display:block; color:#FF4D00; margin-bottom:5px;}
.customs a:hover {color:#FFF;}

.customsInfo {}
.customsInfo h2 { color:#FF4D00;}
.customs .underlineH2 img { display:inline; padding-left:0px; margin-bottom:20px; position:relative; top:0px; border-top:none; width:100%; height:2px;}

.customsInfoPhoto { float:left; width:270px; height:410px; border-top:4px solid #FF4D00;}
.customsInfoOptions { float:left; width:375px; padding-left:15px; }
.customsInfoOptions p { margin-bottom:10px;}
.customsInfoOptions a { display:block; color:#FF4D00; margin-bottom:5px;}
.customsInfoOptions a:hover {color:#FFF;}
.yellow { color:#FFFF00;}


.customs .verticalGradientOrange img {float:left; padding-left:13px; width:2px; height:100% }

.customsInfoFeaturesMenu { float:left; width:205px; padding-left:20px; }
.customsInfoFeaturesMenu ul { margin-bottom:10px;}
.customsInfoFeaturesMenu li { font-size:12px; list-style-type:none;}
.customsInfoFeaturesMenu li a { display:block; padding:3px 0px 3px 19px; background:url(../images/bulletDarkOrange.gif) 0px 50% no-repeat; text-decoration:none; color:#FFFFB5;}
.customsInfoFeaturesMenu li a:hover { color:#000000; background-color:#FF4D00;}


.customsFeatures { float:left; width:100%; margin-bottom:30px;}
.customsFeatures h2 {color:#FF4D00; margin-bottom:10px;}
.customsFeatures .underlineH2 img { padding-left:0px; margin-bottom:20px; position:relative; top:-6px; left:-2px; border-top:none; width:100%; height:7px; }
.customsImg { float:left; border-top:4px solid #FF4D00; margin:0px 20px 0 0px;}

.customsFeatures .backToTop { float:left; width:100%; padding-top:10px; text-align:right;}

.customsFeatures h3 { float:left; width:100%; position:relative; left:-20px; color:#FF4D00; font-size:12px; text-transform:uppercase; margin-bottom:10px; margin-top:20px; padding-left:20px; background:url(../images/h3DarkOrangeBlock.gif) no-repeat 0px 50%; }
.customsFeatures p { float:left; width:100%; margin-bottom:10px;}

.customsFRC { float:left; width:880px; padding:20px 10px 30px 10px; margin-bottom:10px; background:#FF4D00 url(../images/gradientContentArea.png) repeat-x; border-top:4px solid #FF4D00; }
.customsFRC h2 { float:left; width:100%; color:#FFFF00; margin-bottom:20px;}
.customsFRC p { margin-bottom:15px; color:#000000;}
.customsFRCImages { float:right; width:591px; padding:10px; margin-left:10px; margin-bottom:10px; background:#FFFFFF; border:1px solid #333333; }



/*-------------/CUSTOMS PAGE---------------*/

/*-------------GALLERY PAGE---------------*/
.galleryWrapper {}
.galleryWrapper h1 { color:#FF0000; }
.galleryHeader { width:100%; border-top:1px solid #FF0000;  background: url(../images/transparentImg.png); float:left;}


.photoGallery { float:left; width:900px; text-align:center; padding-top:10px; margin-bottom:45px; background: url(../images/gradientContentArea.png) repeat-x; border-top:4px solid #FF0000;}
.photoGallery img { margin:10px; border-top:2px solid #FF0000;}

.videoGallery {  text-align:center; color:#000000; }

.videoGallery { float:left; width:900px; padding-top:10px; margin-bottom:45px; background:#FF0000 url(../images/gradientContentArea.png) repeat-x; border-top:4px solid #FF0000;}


/*-------------/GALLERY PAGE---------------*/

/*-------------STOCKISTS PAGE---------------*/
.stockists{ color:#FFFFFF;}
.stockists h1, h2 { color:#FF006E;}
.stockists h1 {}
.stockists h2 {margin-bottom:10px;}

.stockistsAlphabet { float:left; width:100%; margin-bottom:30px; text-align:center; background:url(../images/pinkGradient.png) 0 50% no-repeat;}
.stockistsAlphabet ul {text-align:center; float:left; position:relative;  left:50%;}
.stockistsAlphabet li { float:left; display:table-cell;  list-style-type:none; }

.stockistsAlphabet a{ display:block; font-size:16px; width:15px; color:#FF006E; text-decoration:none;  border-bottom:2px solid #01273C;}
.stockistsAlphabet a:hover { border-bottom:2px solid #FFFF00; color:#FFFF00;}
.stockistsAlphabet .noLink {display:block;font-size:16px; width:15px; color:#FF006E;}

.stockistsInfo { float:left; height:140px; width:450px; margin-bottom:40px;}
.stockistsInfo .underlineH2 img { padding-left:0px; margin-bottom:10px; position:relative; top:-6px; border-top:none; width:100%; height:7px; }
.stockistsInfo a { color:#FF006E;}
.stockistsInfo a:hover { color:#FFFF00;}
.stockistsInfo .backToTop { position:relative; top:10px;}
/*-------------/STOCKISTS PAGE---------------*/

/*-------------CONTACT PAGE---------------*/
.contactWrapper { color:#FFFFFF; }
.contactWrapper h1 { color:#FF00FF; }
.contactWrapper h3 { color:#FF00FF; margin-bottom:10px; font-size:14px;}
.contactWrapper p { margin-bottom:20px;}

.contactDetails { float:left; width:430px; padding-right:20px }
.contactDetails a { color:#FFFF00;}
.contactDetails a:hover { color:#00FF00;}

.contactForm { float:left; width:450px;}
.contactForm form { color:#FFFFFF;}
.contactForm p { padding-top:20px;}
fieldset { padding:10px;}
input { background:#FFFFFF;}
textarea { background:#FFFFFF; font-family:Arial, Helvetica, sans-serif; }
.submit { margin-top:10px; margin-left:14px;}
.error {}
/*-------------/CONTACT PAGE---------------*/

/*-------------PRODUCTS PAGE---------------*/
#boardModelHeader { position:relative; width:1000px; height:110px; padding:0px; margin:0px;}
#boardModelPng { position:absolute; left:0px; width:1000px; height:110px; background:url(../images/boardrange/turbo-board-range-headers.png) no-repeat; padding:0px; margin:0px;}
#boardModelHeader img { float:right; padding-right:176px }
#catalogue { position:relative; top:-27px;}

.h1ChooseYourRide { position:relative; top:65px; left:50px; height:40px; text-indent:-9999px; background:url(../images/boardRange09/h1-choose-your-ride.png) no-repeat;}

/* this makes it possible to add next button beside scrollable */
div.scrollable { float:left; }

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {  width:34px;	height:385px; background:url(../images/left.png) no-repeat; float:left; cursor:pointer; font-size:1px; }

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -385px; }

/* disabled navigational button */
a.disabled { visibility:hidden !important; }

/* next button uses another background image */
a.next, a.nextPage { background:url(../images/right.png) no-repeat; clear:right; }

/*********** navigator ***********/

/* position and dimensions of the navigator */
div.navi { margin:auto; width:120px; height:30px; clear:both; margin-bottom:4px; }

/* items inside navigator */
div.navi a { width:30px; height:30px; float:left; background:url(../images/navigator.png) 0 -60px no-repeat; display:block; font-size:1px; }

/* mouseover state */
div.navi a:hover { background-position:0 -30px; }

/* active state (current page state) */
div.navi a.active {	background-position:0 0; }



.productsWrapper { float:left; position:relative; overflow:hidden; width:930px; height:385px;}
#boardRangeHeader { position:relative; left:-1px; width:1000px; height:315px; background:url(../images/turbo_boardRange09.jpg) no-repeat; text-indent:-9999px; padding:0px; margin:0px;}
	
.bodyboards{ width:20000em; position:absolute;}
.board { float:left; width:300px; height:385px; text-align:center; margin:0px 5px; }
.board :hover { cursor:hand }
.board a { float:left; font-weight:bold; color:#fff; width:300px; height:385px;  background:url(../images/turbo_boardBgSmall1.jpg) 0 0 no-repeat; text-decoration:none;}
.board a:hover { color:#00FF00;  background-position: 0 -385px;}
.previewBoardShine { position:absolute; width:300px; height:90px; background:url(../images/turbo_shineSmall.png);}
.boardPicSmall { height:260px; padding-top:50px;}
.boardPicSmallStandUp { position:relative; top:10px; height:292px; padding-top:18px;}
.previewBoardName { position:relative; top:49px; text-transform:uppercase; font-size:14px; }


.accessories { margin-bottom:40px; float:left;}
.productsWrapper h1{ color:#F7931E; }
.accessories h2 { padding-left:0px; margin-bottom:10px; color:#F7931E; }
.accessories .underlineH2 img { padding-left:0px; margin-bottom:20px; position:relative; top:-6px; border-top:none; width:100%; height:7px; }
.accessories img { margin-right:20px; border-top:4px solid #F7931E }
.accessories p { padding-left:19px; color:#FFFFB5; margin-bottom:20px;}
.accessories p.price { font-size:18px; font-style:italic;}
.accessories ul { color:#FFFFB5; margin-bottom:10px;}
.accessories li { padding-left:19px; padding-bottom:10px; list-style-type:none; background:url(../images/bulletOrange.gif) 0px 2px no-repeat;}

/*
h1{ float:left; width:100%; padding-left:32px; margin-bottom:20px; color:#F7931E; background:url(../images/h1OrangeGradientV2.png) 0px 80% no-repeat; font-style:italic; font-size:26px; font-weight:normal; letter-spacing:-1px;}
*/

/*-------------/PRODUCTS PAGE---------------*/

/*-------------TURBO BOARDS PAGE---------------*/

/*-------------/TURBO BOARDS PAGE---------------*/

/*-------------FOOTER---------------*/
#footer { float:left; clear:both; width:100%; height:150px; background:url(../images/turbo_footerBg.png) repeat-x; color:#222; text-align:center;}
#footerGraphic {position:relative; top:0px; padding:0px; width:1280px; margin:auto; height:377px; background:url(../images/footer_graphic.png) 50%; }
#footerNav { float:left; clear:both; width:100%; height:60px;}
#footerNav ul { width:100%; text-align:center; margin-top:40px; }
#footerNav li { display:inline; list-style-type:none; }
#footerNav a {  padding:8px; color:#ccc;}
#footerNav a:hover { color:#FFFF00;}

/*#footer { float:left; clear:both; width:948px; padding:20px; color:#00FF00;}
#footerNav { float:left; padding:0px 0px 0px 0px; width:100%; height:40px;}
#footerNav ul { width:100%; text-align:center;}
#footerNav li { display:inline; list-style-type:none; }
#footerNav a {  padding:8px; color:#00FF00;}
#footerNav a:hover { color:#FFFF00;}*/

/*
#linksRight { clear:both; text-align:center; padding:0px 10px; width:100%;}
#linksRight img { padding:0px 10px; border:transparent;}
#linksRight img:hover { background-color:#01A5E6;}
#linksRight p{ float:left;}
*/
/*-------------/FOOTER---------------*/

#leftSideBar { float:left; width:200px; height:100%; background:green;}
#mainContentArea { float:left; width:700px; background:yellow;}

#endPage { position:relative; margin-top:20px; left:-6px; height:90px; width:100%; clear:both;}

#test { width:100%; height:100%; position:fixed; z-index:10; background:url(../images/turbo_waterDrops.png);}