h1 { font-size: 12px; font-family: "Tahoma"; font-weight: normal;}
.top-backing 				{ background-image: url('../../images/bg.gif'); background-color: #FFFFFF;}
.nav-backing 				{ background-image: url('../../images/windsurfer_op.gif'); /*background-color: #FFFFFF;*/background-repeat: repeat-x; vertical-align: text-top;}
.epic-bg-logo				{ background-image: url('../../images/epic_washout.gif'); background-repeat: no-repeat; background-position:  right; }
.top-smallbar-backing		{ background-color: #E1F3FF; }
.top-links					{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.top-links:hover			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#599EC9; text-decoration: none; }
.top-smallbar-text			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.textbox-search 			{ background-color: #FFFFFF; font-family: Tahoma; font-size: 8pt; font-weight: light; color: #000000; border: 1px solid #E1F3FF; }
.button-search 				{ background-color: #FFFFFF; font-family: Tahoma; font-size: 7pt; font-weight: light; color: #000000; border: 1px solid #E1F3FF; padding: 0px; height: 17px; cursor: hand }

/*.menu-backing				{ background-color: #FFFFFF; }
.menu-backing-title			{ background-color: #599EC9; }
.menu-backing-content		{ background-color: #FFFFFF; }*/
.index-backing-title		{ background-color: #599EC9; }
.index-title-text			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#FFFFFF; text-decoration: none; }
.menu-title-text			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#599EC9; text-decoration: none; }
.menu-section-links			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.menu-section-links:hover 	{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#599EC9; text-decoration: none; }
.menu-subsection-links		{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#000000; text-decoration: none; }
.menu-subsection-links:hover{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#599EC9; text-decoration: none; }
.menu-normal-text			{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#000000; text-decoration: none; }
.menu-bold-text				{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.menu-links					{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.menu-links:hover 			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#599EC9; text-decoration: none; }

.middle-backing				{ background-color: #FFFFFF; }
.text-path 					{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#599EC9; text-decoration: none; }
.text-path:hover			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.middle-normal-text			{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#000000; text-decoration: none; }
.index-normal-text			{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#000000; text-decoration: none; }

.table-backing-title		{ background-color: #599EC9; }
.table-backing-content		{ background-color: #E1F3FF; }
.field-backing-title		{ background-color: #599EC9; color: #fff; }
.field-backing-content		{ background-color: #FFFFFF; }

.table-title-text			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#FFFFFF; text-decoration: none; }
.middle-links-search		{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.middle-links-search:hover	{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#FFFFFF; text-decoration: none; }
.middle-links				{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.middle-links:hover			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#599EC9; text-decoration: none; }
.product-field-title		{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.product-field-content		{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#000000; text-decoration: none; }
.normal-field-title			{ font-family:Tahoma; font-weight:bold; font-size:10pt; text-decoration: none; }
.normal-field-content		{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#000000; text-decoration: none; }
.error-text					{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#599EC9; text-decoration: none; }
.highlight-text				{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#0000FF; text-decoration: none; }

.description-text			{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#000000; text-decoration: none; }
.specialoffer-text			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#FF0000; text-decoration: none; }
.extrafield-title-text		{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.extrafield-content-text	{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#000000; text-decoration: none; }
.qty-title-text				{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.price-title-text			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.price-content-text			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#599EC9; text-decoration: none; }
.other-title-text			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.darkshade-backing			{ background-color: #BF2C2E; }
.mediumshade-backing		{ background-color: #BBBBBB; }
.lightshade-backing			{ background-color: #EA2D2E; }
.extralightshade-backing	{ background-color: #DDDDDD; }
.review-title-backing		{ background-color: #CCCCCC; }
.review-subject-backing		{ background-color: #DDDDDD; }
.review-content-backing		{ background-color: #EEEEEE; }
.review-title-text			{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
.review-content-text		{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#000000; text-decoration: none; }

.header-title				{ font-family:Tahoma; font-weight:normal; font-size:22px; color:#000000; text-decoration: none; padding-bottom: 0px; padding-top:10px; }
.header-description			{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#000000; text-decoration: none; }
.subsection-description		{ font-family:Tahoma; font-weight:normal; font-size:10pt; color:#E1F3FF; text-decoration: none; }

.textbox 					{ background-color: #E1F3FF; font-fanily: Tahoma; font-size: 10pt; font-weight: light; color: #000000; border: 1px solid #599EC9; }
.button						{ background-color: #E1F3FF; font-family: Tahoma; font-size: 9pt; font-weight: light; color: #000000; border: 1px solid #599EC9; padding: 0px; height: 17px; cursor: hand }
.selectbox					{ background-color: #E1F3FF; font-fanily: Tahoma; font-size: 10pt; font-weight: light; color: #000000; border: 1px solid #599EC9; }

.copyright-text				{ font-family:Tahoma; font-weight:normal; font-size:8pt; color:#000000; text-decoration: none; }
.copyright-links			{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#000000; text-decoration: none; }
.copyright-links:hover 		{ font-family:Tahoma; font-weight:bold; font-size:8pt; color:#599EC9; text-decoration: none; }

A 							{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#000000; text-decoration: none; }
A:hover 					{ font-family:Tahoma; font-weight:bold; font-size:10pt; color:#599EC9; text-decoration: none; }
.body-shop					{ background-color: #FFFFFF; margin: 0px; }
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 21px;
	color: #000000;
}


#content {
		background-image: url('/images/footer-repeater_bg.jpg');
		background-repeat: repeat-x;
		background-color: #fff;
		padding-left:22px; padding-right:0; padding-top:0; padding-bottom:0; /*background-position-y:50%*/
                background-position: bottom;
}
#surfers {
		background-image: url('/images/surfers_bg.png');
		background-repeat: no-repeat;
		background-position:  right bottom;
		
}

#banner {
	height: 110px;
	background-image: url('/images/header_bg.jpg');
	background-repeat: no-repeat;
	background-color: #9CC8E3
	}
#nav-bar {
	height: 40px;
	background-image: url('/images/nav-repeater_bg.jpg');
	background-color: #8C8C8C;
	background-repeat: repeat-y;
	background-position: left top;
	border-top: 2px solid #A3C9F1;
 border-bottom: 1px solid #A3C9F1;; padding-left:22px; padding-right:0; padding-top:0; padding-bottom:0
}
#nav-bar ul{
	margin: 0px;
	padding: 7px 0 7px 0;	
}
#nav-bar ul li{
	float: left;
 	display: inline-block;
	list-style-type: none;
	background-image: url('/images/nav-divider.gif');
	background-repeat: no-repeat;
	background-position:  right top;
	margin: 0px; padding-left:10px; padding-right:10px; padding-top:1px; padding-bottom:0px	
}
#nav-bar h2 { padding: 0px; margin: 0px; font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
		font-size: 14px; }
#nav-bar ul li a{
		text-transform: lowercase;
		font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
		font-size: 14px;
		color: #fff;
}
#nav-bar ul li a:hover{
		color: #A3C9F1;
		text-decoration:none;
}
#nav-bar ul li a:active{
		color: #A3C9F1;
		text-decoration:none;
}
#nav-bar ul li a:visited{
		text-decoration:none;
}
#left-nav {
	font-family: Arial, Verdana, Helvetica;
	font-weight: 900;
	text-transform: uppercase;
	float: left;
	padding: 0px;
	
}
#left-nav ul{
	padding: 0px 0 0 0px;
	margin: 0px 0 0 10px;
	width: 155px;
	}
#left-nav ul li {
	margin-bottom: 5px;
	text-align: right;
	list-style-type: none;
}
#left-nav ul li a {
	padding: 5px 10px 5px 10px;
	margin: 0px;
	background-color: #A3A3A3;
	font-size: 14px;
	display: block;
	color:#fff;
	text-decoration: none;
	
}
#left-nav ul li a:hover {
	background-color: #666;
	text-decoration: none;
}
#left-nav ul li a:active {
	background-color: #333;
	text-decoration: none;
	border-top: 1px solid #A3C9F1;
}
#left-nav ul li a:selected {
	background-color: #333;
	text-decoration: none;
	border-top: 1px solid #A3C9F1;
}


/*sub menu*/

#left-nav ul ul{
	padding: 0px;
	
	width: 155px;
	}
#left-nav ul li ul li {
	text-align: right;
	list-style-type: none;
}
#left-nav ul li ul li a {
	padding: 5px 10px 5px 10px;
	margin: 0px;
	background-color: #fff;
	font-size: 14px;
	display: block;
	color:#333;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
	border-top: 1px solid #A3C9F1;
}
#left-nav ul li ul li a:hover {
background-color: #fff;
	text-decoration: underline;
}
#left-nav ul li ul li a:active {
background-color: #fff;
	text-decoration: none;
	
}


#footer { 
background-image: url('/images/nav-repeater_bg.jpg');
	background-repeat: repeat-y;
	background-position: left top;
 height: 40px;
 background-color: #8C8C8C;
 border-top: 1px solid #A3C9F1;
 border-bottom: 2px solid #A3C9F1;; padding-left:22px; padding-right:0; padding-top:0; padding-bottom:0
 
}
#footer ul{ 
 margin: 0px;
 padding: 10px 0 15px 0;
}

#footer ul li{
	float: left;
 	display: inline-block;
	list-style-type: none;
	margin: 0px;
	background-image: url('/images/nav-divider-foot.gif');
	background-repeat: no-repeat;
	background-position:  right top;; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px	
}
#footer ul li a{
		font-family: "Trebuchet MS", Arial, Verdana, Helvetica;
		font-size: 12px;
		color: #fff;;
		text-decoration: none;
		cursor: pointer;
}
#footer ul li a:hover{
		color: #fff;
		text-decoration: underline;
}
#base { height: 30px; color: #A3C9F1; padding: 10px 0 10px 22px}

#newsletter {
	width: 707px;
	height: 75px;
	background-image: url('/images/newsletter.jpg');
	background-repeat: no-repeat;
	background-position:  left top;
	padding: 25px; margin-left:60px; margin-right:0; margin-top:35px; margin-bottom:20px
}
#brand {
	width: 800px;
	height: 400px;
	background-image: url('/images/brand.jpg');
	background-repeat: no-repeat;
	background-position:  left top;; margin-left:22px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:35px; padding-right:0; padding-top:0; padding-bottom:0
}
#brand ul {
	padding: 10px 0 20px 0;	
}
#brand ul li{
	float: left;
 	display: inline-block;
	list-style-type: none;
	margin: 0px 10px 10px 0 ;
	padding: 0px;
	overflow: hidden;
	width: 110px;
	height: 70px;
	overflow: hidden;	
}
#brand ul li a:hover{
	display: block;
	border: 1px solid #ccc;
	width: 108px;
	height: 68px;
	overflow: hidden;	
}
#dynloadarea img { width: 300px; }