#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(FPimgs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="FPimgs/overlay.png", sizingMethod="scale");
	}


a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-type: bold;
	color: rgb(16, 114, 186);
	text-decoration: none;
}


a:visited {
	
	color: rgb(16, 114, 186);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}


.tex {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}


.textbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
}

.newmain {
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
}

.ftco {
	color: rgb(237, 0, 140);
}

.indent {
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	margin:0px 30px 0px 30px;
}

.newmainright {
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

a:hover {text-decoration: underline;}


body {
	position:absolute;
	left:50%;
	margin-left:-400px;
	padding:15px;

	background-color:	#d4d0c8;
	
	
	width:				990px;
	
	font-family:		verdana, arial, helvetica, sans-serif;
	font-size:			70%;
	color:				#404040; /* dark grey */
	
}

p, h1, h2, h3, a {
	margin:	0;
	padding: 0;
	line-height: 1.8em;
}

p {
	margin:0px 0px 0px 0px;
	
}

li {
	margin:0px 0px 0px 0px;
	font-size:100%;
	list-style:none;
	
}

h1 {
	
	font-size:160%;
	color: rgb(237, 0, 140);	
}

h2 {
	
	font-size:130%;
	color: rgb(237, 0, 140);
}


h3 {
	
	font-size:130%;
	color: rgb(237, 0, 140);

    font-weight:bold;
}

h4 {
	
	font-size:80%;
	color:#666666;
	font-weight:100
}



.inpageLink, .inpageLink a, .inpageLink a:visited  {
	color: #336633;
	font-weight: bold;
	font-size: 95%;
	text-decoration: none;
}


img {border:0px;
		vertical-align: middle;
}

td {border:0px;
		vertical-align: top;
}

.hidden {display: none;}

.NoStyle {
    margin:0;
    padding:0;
}

.skipNav {
    position: absolute;
    left:-999em;  
}



dd {    
       padding-right: 0px;    
       padding-left: 0px;    
       padding-bottom: 0px;   
       margin: 0px 0px 0px 10px;    
       padding-top: 0px;
}

td {    
       padding-right: 15px;    
       padding-left: 15px;    
       padding-bottom: 0px;   
       margin: 0px 0px 0px 10px;    
       padding-top: 0px;
}

li {    
       padding-right: 0px;    
       padding-left: 0px;    
       padding-bottom: 4px;   
       margin: 0px 0px 0px 10px;    
       padding-top: 4px;
	   
}

dt {    
       margin: 0px; 
       padding: 0 0 0 10px;  
       font-weight: bold;    
       float: left;          
       width: 2em;    
}


th {
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid blue;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 6px;
	background: blue;
	color:white;

}

table ul {
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	
}

/* Main site structure */
#border {
	background-color:	white;
	width:				790px;
}

#content {
	background-color:	white;
	}
	
#men { 
	margin-left:33px; width:150px;}
	
#buy {margin-left: 200px;}

#top {
	margin:				0px 1px 0px 1px;
	padding:			10px 10px 0px 10px;
	background-color:	white;
	/*border-bottom:		solid 2px #808080;*/
	width:				
    color:              green;
    font-weight:        bold;
}
#top a{
     font-weight: normal;
}

#apDiv1 {
	position:absolute;
	left:42px;
	top:1476px;
	width:768px;
	height:109px;
	z-index:1;
}

div#one {
	float:				left;
    margin:				0;
    font-weight:		bold;
}

div#two {
	float:				right;
    margin:				0;
    font-weight:		bold;
}

div#three {
    float:				right;

    
}

div#one a, div#two a, div#three a, div#four a {
    font-weight:		bold;
    font-size:			90%;
	color:	rgb(35, 88, 114);
	text-decoration:	none;
}
#topPage {
	padding:			1px;
	 font-size:			0%;
	margin:				0px
}

#tagz {

	width:				100%;
	text-align:			center;
	padding:			5px;
}

#bottom {
	font-size:			80%;
	width:				100%;
	text-align:			left;
	padding:			5px;
}


/* End */


/* start home */
#main {
	margin: 0 0px 0px 0px;
	
}

.main {
	float:				left;
	width:				500px;
	margin:				0 0px 0 0px;
	padding:			0 0px 0px 0px;
	background-color:#FFFFFF;
}


.strap {
	color:				green;	
	font-size:			1.3em;
	padding-left:		0px;
	font-weight:		bold;
}

.green a {color: #336633;}

.red a {color: #cc3333;}

.blue a {color: #339999;}

.orange, .orange a {color: #f78429;}
/* end home */

#shopTextBox {
	margin:530px 40px 100px 40px;
	padding:0px;
	background-color:transparent;
    
	position:relative;
}

#shoppackagesimage {
	position:absolute;
	height: 550px;
  	width: 770px;
	background: url(graphics/CoolBoard_balance_board_shop_packages.gif) top left no-repeat;
	margin:10px 0px 0px 2px;
	
	/*padding:10px;*/
    
}
#shoppackageultimage {
	position:absolute;
	height: 550px;
  	width: 770px;
	background: url(graphics/CoolBoard_balance_board_packages_ultimate.gif) top left no-repeat;
	margin:0px 0px 0px 2px;
	
	/*padding:10px;*/
    
}#shoppackagebalimage {
	position:absolute;
	height: 550px;
  	width: 770px;
	background: url(graphics/CoolBoard_balance_board_packages_balance.gif) top left no-repeat;
	margin:0px 0px 0px 2px;
	
	/*padding:10px;*/
    
}

#shoppackageorgimage {
	position:absolute;
	height: 550px;
  	width: 770px;
	background: url(graphics/CoolBoard_balance_board_packages_original.gif) top left no-repeat;
	margin:0px 0px 0px 2px;
	
	/*padding:10px;*/
    
}

#shoppackageorgcontent {
	position:absolute;
	height: 550px;
  	width: 500px;
	margin:20px 0px 0px 280px;
	
	/*padding:10px;*/
    
}

#shoppackagesbuttons01 {
	position:absolute;
	height: 500px;
  	width: 245px;
	
	margin:315px 0px 0px 10px;
	
	/*padding:10px;*/
    
}
#shoppackagesbuttons02 {
	position:absolute;
	height: 500px;
  	width: 245px;
	
	margin:315px 0px 0px 267px;
	
	/*padding:10px;*/
    
}
#shoppackagesbuttons03 {
	position:absolute;
	height: 500px;
  	width: 245px;
	
	margin:315px 0px 0px 524px;
	
	/*padding:10px;*/
    
}
/* start content */



#fpmainBox {
	margin:5px 5px 0px 5px;
	padding:10px;
    position:relative;
}

#fpbustoutBox {
	position:absolute;
	height: 509px;
  	width: 950px;
	background: url(FPimgs/CoolBoard_balance_board_siloete_men_words_03_snow.gif) top left no-repeat;
	margin:120px -120px 0px -120px;
	
	/*padding:10px;*/
    
}

#fpLogo {
	background:url(FPimgs/CoolBoard_balance_board_logo_new-year.gif);
	position:absolute;
	width:700px;
	height:157px;
	top:65px;
	left: 50px;
	background-image: url(FPimgs/CoolBoard_balance_board_logo_new-year.gif);
	
	 }



#Snow {
	position:absolute;
	width:220px;
	height:400px;
	top:0px;
	left: 0px;
	
	 }

#Fun {
	position:absolute;
	width:85px;
	height:320px;
	top:40px;
	left: 250px;
	
	 }
	
#Boardsports {
	position:absolute;
	width:100px;
	height:320px;
	top:40px;
	left: 340px;
	
	 }	
	 
#Fitness {
	position:absolute;
	width:115px;
	height:320px;
	top:40px;
	left: 445px;
	
	 }	
	 
#allsports {
	position:absolute;
	width:145px;
	height:320px;
	top:40px;
	left: 575px;
	
	 }
	
#IPR {
	position:absolute;
	width:190px;
	height:320px;
	top:40px;
	left: 750px;
	
	 }	 

#Snow:hover {
	width:320px;
	height:448px;
	left:-30px;
	top:0px;
	background:url(FPimgs/CoolBoard_balance_board_siloete_man_1_b_ski_snowboard.gif) top left no-repeat;
	z-index:100;
	
}

#Fun:hover {
	width:204px;
	height:336px;
	left:190px;
	top:40px;
	background:url(FPimgs/CoolBoard_balance_board_siloete_man_2_b_fun.gif) top left no-repeat;
	z-index:100;
	
}

#Boardsports:hover {
	width:207px;
	height:349px;
	left:300px;
	top:30px;
	background:url(FPimgs/CoolBoard_balance_board_siloete_man_3_b_board_sports.gif) top left no-repeat;
	z-index:100;
	
}


#Fitness:hover {
	width:150px;
	height:333px;
	left:420px;
	top:30px;
	background:url(FPimgs/CoolBoard_balance_board_siloete_man_4_b_fitness.gif) top left no-repeat;
	z-index:100;
	
}

#allsports:hover {
	width:288px;
	height:347px;
	left:490px;
	top:60px;
	background:url(FPimgs/CoolBoard_balance_board_siloete_man_5_b_sports_performance.gif) top left no-repeat;
	z-index:100;
	
}

#IPR:hover {
	width:239px;
	height:404px;
	left:720px;
	top:20px;
	background:url(FPimgs/CoolBoard_balance_board_siloete_man_6_b_Injury.gif) top left no-repeat;
	z-index:100;
	
}



#fpImg {
	z-index: 6;
	position:absolute;
	top:605px;
	right:110px;
	height:1000px;
	width:900px;
	padding:0px;
	background-color:transparent;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:900px;
}

#ImgBustout {
	z-index: 10;
	position:absolute;
	top:190px;
	left:-120px;
	right:210px;
	height:1100px;
	width:1000px;
	padding:0px;
	background-color:transparent;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:1100px;
}

#fpImg2 {
	z-index: 9;
	position:absolute;
	top:261px;
	right:297px;
	height:260px;
	width:500px;
	padding:0px;
	background-color:transparent;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:315px;
}

#fpImg3 {
	z-index: 10;
	position:absolute;
	top:542px;
	height:287px;
	width:400px;
	padding:0px;
	background-color:transparent;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:397px;
	left: 378px;
}

#fpleftbox {
	z-index: 7;
	position:absolute;
	top:630px;
	left:40px;
	height:500px;
	width:350px;
	padding:0px;
	background-color:transparent;
	font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	line-height:20px;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:350px;
}

#fpleftbox2 {
	z-index: 7;
	position:absolute;
	top:307px;
	left:37px;
	height:500px;
	width:350px;
	padding:0px;
	background-color:transparent;
	font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	line-height:20px;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:314px;
}



#fprightbox {
	z-index: 8;
	position:absolute;
	top:885px;
	right:240px;
	height:500px;
	width:350px;
	padding:0px;
	background-color:transparent;
	font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	
	line-height:20px;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:350px;
}

#fpShopBox {
	z-index: 1;

	position:absolute;
	top:1550px;
	right:230px;
	height:360px;
	width:360px;
	padding:5px;
	background:url(FPimgs/CoolBoard_balance_board_shop_back.gif) top left no-repeat;
    font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	
	line-height:20px;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:360px;
}

#fpShoptextBox {
	z-index: 9;
	position:absolute;
	top:1550px;
	right:230px;
	height:400px;
	width:360px;
	padding:5px;
	background:transparent;
	font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	line-height:20px;
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:360px;
}

#fpShoptextBox2 {
	z-index: 8;

	position:absolute;
	top:660px;
	right:230px;
	height:400px;
	width:360px;
	padding:5px;
	background:transparent;
    font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	
	line-height:20px;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:360px;
}


#halfline {
	line-height:10px;
}

#fpTeesBox {
	z-index: 1;
	background:url(FPimgs/CoolBoard_balance_board_Tees_back.gif) top left no-repeat;
	position:absolute;
	top:1900px;
	left:20px;
	height:600px;
	width:780px;
	padding:5px;
	background-color:transparent;
    font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	
	line-height:20px;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:780px;
}

#fpfia {
	z-index: 6;
	position:absolute;
	top:2350px;
	left:680px;
	width:120px;
	padding:0px;
	background-color:transparent;
	font-weight:		bold;
    font-size:			115%;
	font-color:	rgb(41, 67, 155);
	border:none;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:120px;
}	

#leftBox01 {
	z-index: 1;

	position:absolute;
	top:190px;
	left:10px;
	height:370px;
	width:250px;
	padding:5px;
	background-color:transparent;
    font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	
	line-height:20px;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:250px;
}

#midBox01 {
	z-index: 1;

	position:absolute;
	top:190px;
	left:295px;
	height:370px;
	width:310px;
	padding:5px;
	background-color:transparent;
    font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	
	line-height:20px;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:310px;
}

#rightBox01 {
	z-index: 1;

	position:absolute;
	top:190px;
	right:240px;
	height:1370px;
	width:150px;
	padding:5px;
	background-color:transparent;
    font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	
	line-height:20px;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
}

#imgBox01 {
	z-index: 1;

	position:absolute;
	top:460px;
	left:40px;
	height:370px;
	width:175px;
	padding:5px;
	background-color:transparent;
    font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	
	line-height:20px;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:175px;
}


#lowerBox01 {
	z-index: 1;

	position:absolute;
	top:450px;
	left:210px;
	height:370px;
	width:550px;
	padding:5px;
	background-color:transparent;
    font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	
	line-height:20px;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:550px;
}

.leftBox02 {
	z-index: 1;

	position:absolute;
	top:190px;
	left:0px;
	height:670px;
	width:275px;
	padding:5px;
	background: url(FPimgs/CoolBoard_balance_board_shop_back.gif) top left no-repeat;
    font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	
	line-height:20px;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:275px;
}

#midBox02 {
	z-index: 1;

	position:absolute;
	top:190px;
	left:300px;
	height:370px;
	width:275px;
	padding:5px;
	background-color:transparent;
    font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	
	line-height:20px;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:275px;
}

#fia {
	position:absolute;
	top:37px;
	left:660px;
	
	padding:0px;
	background-color:transparent;
	font-weight:		bold;
    font-size:			115%;
	font-color:	rgb(41, 67, 155);
	border:none;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:770px;
	}
	

	
#botstrap {
	position:absolute;
	top:433px;
	left:10px;
	height:20px;
	width:770px;
	padding:0px;
	background-color:transparent;
	font-weight:		bold;
    font-size:			115%;
	font-color:	rgb(41, 67, 155);
	border:none;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:770px;
	}
	
#ben {
	position:absolute;
	top:300px;
	left:10px;
	height:200px;
	width:250px;
	padding:0px;
	background-color:white;
    font-size:			100%;
	color:	rgb(35, 88, 114);
	border:none;
	
	line-height:14px;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:250px;
	}	
	
#txt2 {
	position:absolute;
	top:0px;
	left:10px;
	
	width:550px;
	padding:0px;
	background-color:white;
    font-size:			100%;
	
	border:none;
	
	line-height:14px;
	
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:550px;
	}		
	
#fptext {
	position:absolute;
	top:200px;
	left:10px;
	
	width:770px;
	padding:0px;
	background-color:transparent;
	font-weight:		bold;
    font-size:			115%;
	color:	rgb(35, 88, 114);
	border:none;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:770px;
	}


#promobox01 {
	position:absolute;
	top:10px;
	left:0px;
	height:50px;
	width:450px;
	padding:0px;
	background-color:transparent;
	border:none;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:450px;
	}
	
#promobox02 {
	position:absolute;
	top:260px;
	left:50px;
	height:200px;
	width:150px;
	padding:0px;
	background-color:transparent;
	border:none;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
	
#promobox03 {
	position:absolute;
	top:0px;
	right:30px;
	height:200px;
	width:300px;
	padding:0px;
	background-color:transparent;
	font-weight:		bold;
    font-size:			100%;
	font-color:rgb(35, 88, 114);
	color:	rgb(35, 88, 114);
	border:none;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:300px;
	}
	
#promobox04 {
	position:absolute;
	top:0px;
	right:30px;
	height:200px;
	width:150px;
	padding:0px;
	background-color:transparent;
	font-weight:		bold;
    font-size:			100%;
	font-color:rgb(35, 88, 114);
	color:	rgb(35, 88, 114);
	border:none;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}	
	
#topstrap {
	position:absolute;
	top:180px;
	left:0px;
	height:20px;
	width:790px;
	padding:0px;
	background-color:transparent;
	font-weight:		bold;
    font-size:			100%;
	font-color:rgb(35, 88, 114);
	color:	rgb(35, 88, 114);
	border:none;
	line-height:13px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:790px;
	}
		


#mainBox {
	margin:0px 10px 50px 190px;
	padding:10px;
    position:relative;
	
}

#popBox {
	margin:0px 0px 0px 90px;
	padding:0px;
    position:relative;
	width:550;
}

#fpBox {
z-index: 20;
	margin:0px 10px 50px 10px;
	padding:0px;
	background-color:transparent;
    
	position:relative;
}

#mainInnerBox {
	margin:0px 200px 0px 0px;
	padding:0px;
    position:relative;
}

#fpTextBox {
	margin:0px 40px 100px 40px;
	padding:0px;
	background-color:#FFFFFF;
    
	position:relative;
}

.floatright {
    float: right;
    padding: 0 0 10px 20px;
}

.floatleft {
    float: left;
    padding: 0 10px 10px 20px;
}

#slideshow01 {
	position:absolute;
	top:210px;
	left:30px;
	width:150px;
	padding:10px;
	background-color:transparent;
	border:none;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
	
#midBox {
	position:absolute;
	top:0px;
	left:0px;
	width:350px;
	padding:10px;
	background-color:white;
	border:none;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:350px;
	}
	
#rightBox {
	position:absolute;
	top:0px;
	right: 0px;
	width:200px;
	padding:10px;
	background-color:white;
	border:none;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px;
	}

#3-1Box {
	position:absolute;
	top:230px;
	left:200px;
	width:206px;
	padding:10px;
	background-color:white;
	border:none;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:206px;
	}
		
#3-2Box {
	position:absolute;
	top:230px;
	left:430px;
	width:50px;
	padding:10px;
	background-color:white;
	border:none;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:50px;
	}		

#3-3Box {
	position:absolute;
	top:230px;
	left:502px;
	width:231px;
	padding:10px;
	background-color:white;
	border:none;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:231px;
	}		
		
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}


/* end content */


/* start nav */
#navcontainer {
	margin: 0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
}
#navcontainer ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding:4px 0px 3px 0px;
	position: relative;
	background-color: gray;
}

#navcontainer li { 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 3px 0px;
	display: inline;
}

/* Top nav links */
#navcontainer a, #navcontainer a:hover { 
	text-decoration: none; 
}

#navcontainer ul a,
#navcontainer ul a:link,
#navcontainer ul a:visited {
	background-color: white;
	color: black;
	padding: 2px 5px 4px 5px;
	margin: 0px 2px 0px 0px;
}

/*current Index Link*/
#Index #navcontainer a.Index,
#navcontainer li a.Index:hover,
#navcontainer li a.Index:focus { 
	background-color: rgb(25, 12, 129);
	color: white;
}

/*current WhatandWhy Link*/
#WhatandWhy #navcontainer a.WhatandWhy,
#navcontainer li a.WhatandWhy:hover,
#navcontainer li a.WhatandWhy:focus { 
	background-color: rgb(25, 12, 129);
	color: white;
}



/*current benefits Link*/
#benefits #navcontainer a.benefits,
#navcontainer li a.benefits:hover,
#navcontainer li a.benefits:focus { 
	background-color: rgb(17, 47, 137);
	color: white;
}

/*current exercises Link*/
#exercises #navcontainer a.exercises,
#navcontainer li a.exercises:hover,
#navcontainer li a.exercises:focus { 
	background-color: rgb(28, 54, 153); 
	color: white;
}

/*current ruontheball Link*/
#ruontheball #navcontainer a.ruontheball,
#navcontainer li a.ruontheball:hover,
#navcontainer li a.ruontheball:focus { 
	background-color: rgb(112, 212, 232);
	color: white; 
}

/*current video Link*/
#video #navcontainer a.video,
#navcontainer li a.video:hover,
#navcontainer li a.video:focus { 
	background-color: rgb(36, 125, 209);
	color: white; 
}

/*current shop Link*/
#shop #navcontainer a.shop,
#navcontainer li a.shop:hover,
#navcontainer li a.shop:focus { 
	background-color: rgb(28, 54, 153);
	color: white; 
}

/*current teamriders Link*/
#teamriders #navcontainer a.teamriders,
#navcontainer li a.teamriders:hover,
#navcontainer li a.teamriders:focus { 
	background-color: rgb(18, 69, 161);
	color: white; 
}

/*current otherstuff Link*/
#otherstuff #navcontainer a.otherstuff,
#navcontainer li a.otherstuff:hover,
#navcontainer li a.otherstuff:focus { 
	background-color: rgb(96, 195, 218);
	color: white; 
}

/*current feedback Link*/
#feedback #navcontainer a.feedback,
#navcontainer li a.feedback:hover,
#navcontainer li a.feedback:focus { 
	background-color: rgb(24, 158, 217);
	color: white; 
}

/*current press Link*/
#press #navcontainer a.press,
#navcontainer li a.press:hover,
#navcontainer li a.press:focus { 
	background-color: rgb(64, 184, 224);
	color: white; 
}

/*Home page nav only */
#Home #navcontainer ul {
	background-color: #d4d0c8;
	border-bottom: 2px #404040 solid;
} 
/*end Home page nav */

/*Second and subsequent levels*/
#navcontainer ul ul {
	font-size: 85%;
	position: absolute;
	top: 23px;
	left: 0;
	width: 100%;
	border-top: none;
	margin: -2px 0px 0px 0px;
	padding:4px 0px 4px 0px;
}

/*2nd level Index*/
#navcontainer ul ul.IndexSub,
#navcontainer ul ul.IndexSub a,
#navcontainer ul ul.IndexSub a:visited{
	background-color: rgb(25, 12, 129);
	color:white;
}

/*2nd level WhatandWhy*/
#navcontainer ul ul.WhatandWhySub,
#navcontainer ul ul.WhatandWhySub a,
#navcontainer ul ul.WhatandWhySub a:visited{
	background-color: rgb(25, 12, 129);
	color:white;
	
}



/*2nd level benefits*/
#navcontainer ul ul.benefitsSub,
#navcontainer ul ul.benefitsSub a,
#navcontainer ul ul.benefitsSub a:visited{
	background-color: rgb(17, 47, 137);
	color:white;
}

/*2nd level exercises*/
#navcontainer ul ul.exercisesSub,
#navcontainer ul ul.exercisesSub a,
#navcontainer ul ul.exercisesSub a:visited{
	background-color: rgb(17, 50, 145);
	color:white;
}

/*2nd level ruontheball */
#navcontainer ul ul.ruontheballSub,
#navcontainer ul ul.ruontheballSub a,
#navcontainer ul ul.ruontheballSub a:visited {
	background-color: rgb(112, 212, 232);
	color:white;
}

/*2nd level video */
#navcontainer ul ul.videoSub,
#navcontainer ul ul.videoSub a,
#navcontainer ul ul.videoSub a:visited {
	background-color: rgb(36, 125, 209);
	color:white;
}

/*2nd level shop */
#navcontainer ul ul.shopSub,
#navcontainer ul ul.shopSub a,
#navcontainer ul ul.shopSub a:visited {
	background-color: rgb(28, 54, 153);
	color:white;
}

/*2nd level teamriders */
#navcontainer ul ul.teamridersSub,
#navcontainer ul ul.teamridersSub a,
#navcontainer ul ul.teamridersSub a:visited {
	background-color: rgb(18, 69, 161);
	color:white;
}

/*2nd level otherstuff */
#navcontainer ul ul.otherstuffSub,
#navcontainer ul ul.otherstuffSub a,
#navcontainer ul ul.otherstuffSub a:visited {
	background-color: rgb(96, 195, 218);
	color:white;
}

/*2nd level feedback */
#navcontainer ul ul.feedbackSub,
#navcontainer ul ul.feedbackSub a,
#navcontainer ul ul.feedbackSub a:visited {
	background-color: rgb(25, 158, 217);
	color:white;
}

/*2nd level press */
#navcontainer ul ul.pressSub,
#navcontainer ul ul.pressSub a,
#navcontainer ul ul.pressSub a:visited {
	background-color: rgb(64, 184, 224);
	color:white;
}

/*2nd level contact*/
#navcontainer ul ul.contactSub,
#navcontainer ul ul.contactSub a,
#navcontainer ul ul.contactSub a:visited{
	background-color: rgb(96, 195, 218);
	color:white;
}

/*2nd level about*/
#navcontainer ul ul.aboutSub,
#navcontainer ul ul.aboutSub a,
#navcontainer ul ul.aboutSub a:visited{
	background-color: maroon;
	color:white;
}

.Nav1 .one, .Nav2 .two, .Nav3 .three, .Nav4 .four, .Nav5 .five, .Nav6 .six, .Nav7 .seven, .Nav8 .eight, .Nav9 .nine, .Nav10 .ten, .Nav11 .eleven {
	font-weight: bold;
}
/* end nav */

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 400px;
height: 20px;
border: none;
background-color: transparent;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller1 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}

/* for gallery */



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: 150px 150px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: none;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: transparent;
padding: 5px;
left: -1000px;
border: 1px white;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: relative -100px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 50;
}



.right {
    text-align:right;
}
.left {
    text-align:left;
}
.center { 
    text-align: center;
}
.bottom {
vertical-align: bottom;
}
.middle {
vertical-align: middle;
}
.line {
    border-top:    solid 1px #808080;
    margin: 10px;
}
.line2 {
    border-top: solid 2px #808080;
    margin: 10px 0 10px 0;
}
a.black {
color: black;
}
.shop {    
    padding: 0px;    
    margin: 0px;
}
form {
    margin: 0;
    padding:0;
}
table {
    margin: 0;
    padding:0;
}

/* end gallery */

.ballprices {color:#000;font-size:12px;}