body{
	background: #3a6ca3;
	padding: 0;
	margin: 0;
    font: 83%/1.4 arial, helvetica, sans-serif;
	background-image: url('images/web/HeaderBackground.gif');
    background-repeat: repeat-x;
    background-position: top;
  }
  
  #CalenderBody{
	padding: 0;
	margin: 0;
    font: 83%/1.4 arial, helvetica, sans-serif; 
    background: #ffffff;
  }
  
 #CalenderContent{
 	text-align: center;
 	font-size: .8em;
 }
 
 #CalenderContent a{
 	color: #3A6CA3;
 	text-decoration: none;
 }
 
 #CalenderContent a:hover{
 	color: #F7941C;
 }
  
h2{
font-size: 1.4em;
	margin: 0;  
  }
  
  .PageTitle{
  	text-transform: uppercase;
  }
  
  h3{
  margin: 0;
  }

.navigation{
	width: 100%;
	font-size: .8em;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

.FloatLeft{
	width:290px;
	float: left;
}

.FloatLeft ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.FloatRight{
	width:290px;
	float: right;
}
.Clear{
	clear: both;
}

#HeaderBody{
	width: 1010px;
	margin: 0 auto;
	position: relative;
}

#FirstLayerHeader{
	width: 1010px;
	margin: 0 auto;
}

#OssiesLogo{
	width: 197px;
	height: 105px;
	background-image: url('images/web/OssiesLogo.gif');
	float: left;
}

#OssiesLogo a{
	display: block;
	width: 197px;
	height: 105px;
}

#FirstLayerHeaderRight{
	float: right;
	width: 800px;
}

#Search{
	margin-left:200px;
	color: #ffffff;

}

#Search table{
	color: #ffffff;
	font-size: .9em;
}

#MenuBody{
margin-left:45px;
}
#MenuBody ul{
list-style-type: none;
padding: 0;
margin: 0;
}

#MenuBody ul li{
float: left;
padding: 0;
}

#Home{
	display: block;
	width: 47px;
	height: 31px;
	background-image: url('images/web/Home.gif');

}

#Home:hover{
	background-position: 0px -31px;
}

#LessonsRentals{
	display: block;
	width: 136px;
	height: 31px;
	background-image: url('images/web/LessonsRentals.gif');

}

#LessonsRentals:hover{
	background-position: 0px -31px;
}


#Policies{
	display: block;
	width:34px;
	height: 31px;
	background-image: url('images/web/Faq.gif');

}

#Policies:hover{
	background-position: 0px -31px;
}

#PhotosVideos{
	display: block;
	width:115px;
	height: 31px;
	background-image: url('images/web/PhotosVideos.gif');

}

#PhotosVideos:hover{
	background-position: 0px -31px;
}


#SurfForecast{
	display: block;
	width:118px;
	height: 31px;
	background-image: url('images/web/SurfForecast.gif');

}

#SurfForecast:hover{
	background-position: 0px -31px;
}

#AboutUs{
	display: block;
	width:73px;
	height: 31px;
	background-image: url('images/web/AboutUs.gif');

}

#AboutUs:hover{
	background-position: 0px -31px;
}

#Store{
	display: block;
	width:52px;
	height: 31px;
	background-image: url('images/web/Store.gif');

}

#Store:hover{
	background-position: 0px -31px;
}
#ContactUs{
	display: block;
	width:94px;
	height: 31px;
	background-image: url('images/web/ContactUs.gif');

}

#ContactUs:hover{
	background-position: 0px -31px;
}




#HeaderFrame{
	width: 590px;
	height: 301px;
	background-image: url('images/web/FrameCover.gif');
	position: absolute;
	top: 68px;
	left: 295px;
		z-index: 99;

}

#Pictures{
	background: #000000;
	position: absolute;
	overflow: hidden;
	z-index: 999;
	width: 550px;
	height: 260px;
	margin-left: 20px;
	margin-top: 20px;
}

#HeaderFrame img{

}

#SecondLayerHeader{
	height: 232px;
	margin-bottom: 10px;
}

#WaveBackground{
	float: left;
	width: 296px;
	height: 232px;
	background-image: url('images/web/WaveBackground.gif');

}

#SurferBackground{
	float: right;
	width:139px;
	height: 232px;
	background-image: url('images/web/SurferBackground.gif');
}



#MainBody{
	width: 100%;
	background: #ffffff;

}

#MainContainer{
	width: 1010px;
	margin: 0 auto;
}

#Authorization{
	font-size: 1.0em;
	width: 180px;
	text-align: right;
}

#ShoppingCart{
	width: 180px;
	margin-bottom: 20px;
	border: 1px solid #000000;
}

#ShoppingCart h3{
	width: 175px;
	background: #000000;
	color: #ffffff;
	padding-left: 5px;
	margin: 0;
}

#ShoppingCart h3 a{
	color: #ffffff;
}

#ShoppingCart h3 a:hover{
	color: #707070;
	text-decoration: none;

}

#ShoppingCartContent{
	width: 170px;
	margin: 0 auto;
}

#CatalogMenu{
	float: left;
	width: 170px;
	margin-left: 25px;
}

#MainContainer a{
	color: #3d3d3d;
	text-decoration: none;
}

#MainContainer a:hover{
	color: #3d3d3d;
	text-decoration: underline;
}


#CatalogMenu ul{
	list-style: none;
	padding: 0;
	margin: 0;
}

#MainContent{
	float: left;
	width: 650px;
	margin-top: 25px;
	margin-left:38px;
	font-size: 1.0em;
}



.ProductInfo{
	font-size: .8em;
}

.ProductResultEntry{

	width: 650px;
	margin-bottom: 40px;
}

.ProductImage{
	float: left;
	width: 200px;
	text-align: center;
}

.ProductImage img{

	border: 5px solid #DDCB99; 
	width: 125px;
}

.ProductContent{
	float: left;
	width: 350px;
	
}

.ProductContent a h2 {
	font-size: 1.2em;
}	
#CategoryView{

}

.CategoryViewImage{
 	float: left;
 	width:70px;
}

.CategoryViewImage img{
width: 60px;
} 

.CategoryViewContent{
	float: right;
	width: 580px;
	background-image: url('images/web/HomeBackground.jpg');
	background-position: bottom;
	background-repeat: no-repeat;	
}

.HomeView{
	float: right;
	width: 580px;
	background-image: url('images/web/HomeBackground.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
}

#CategoryBreadCrumbs{

}

#CategoryBreadCrumbs a{
	color: #F7941C;
	font-weight: bold;	
	text-decoration: none;
}

#CategoryBreadCrumbs a:hover{
text-decoration: underline;
}


.ProductGallery img{
	width: 50px;
	height: 75px;
	border: 3px solid #DDCB99; 
}


#Footer{
	width: 1010px;
	margin: 0 auto;
	text-align: right;
	padding-top: 20px;
	color: #ffffff;
}

#FooterLogos{
	float: left;
	width: 635px;
	margin-left: 30px;
}

#Dakine{
	float: left;
	width: 100px;
	height: 26px;
	background-image: url('images/web/Dakine.gif');
}

#ChannelIsland{
	float: left;
	width: 65px;
	height: 50px;
	background-image: url('images/web/ChannelIsland.gif');
}

#Quicksilver{
	float: left;
	width: 57px;
	height: 60px;
	background-image: url('images/web/Quicksilver.gif');
}

#Rusty{
	float: left;
	width: 79px;
	height: 60px;
	background-image: url('images/web/Rusty.gif');
}


#Reef{
	float: left;
	width: 100px;
	height: 22px;
	background-image: url('images/web/Reef.gif');
}


#Xcel{
	float: left;
	width: 143px;
	height: 45px;
	background-image: url('images/web/Xcel.gif');
}

#Oneil{
	float: left;
	width: 83px;
	height: 40px;
	background-image: url('images/web/Oneil.gif');
}

#LeftFooterContent{
	float: left;
	width: 275px;
}	

#Facebook{
	width:  32px;
	height: 32px;
	background-image: url('images/facebook_32.png');
	float: right;
}


#Myspace{
	width:  32px;
	height: 32px;
	background-image: url('images/myspace_32.png');
	float: right;
	
}

#Twitter{
	width:  32px;
	height: 32px;
	background-image: url('images/twitter_32.png');
	float: right;
	
}

.SocialNetworkLink{
	display: block;
	width:  32px;
	height: 32px;	
}

#Footer a{
	color: #f7941c;
	text-decoration: none;
}

#Footer a:hover{
	color: #f7941c;
	text-decoration: underline;
}