@charset "utf-8";
/* CSS Document */

body {
	/* background: #ffffff url(images/BG.png) repeat-x;  */
	margin: 0 auto;
	padding: 0;
	text-align: left;
	*text-align: center; /*IE7 */
	_text-align: center; /*IE6 */	
	background-color:#E4E5E6;
}

p {color: #333; font-family: Helvetica;}
a:link {text-decoration: none; color: #6D6E70;  }
a:visited {text-decoration: none; color: #6D6E70;  }
a:active {text-decoration: none; color: #6D6E70;  }
a:hover {color: #E58127;}


#main {
	width:1060px;
	text-align: left;
	margin: 0 auto;
	background-color: #FFF;
	font-family: Helvetica; 
	font-size: 12px;
}

#header {
	background-color:#000;
	height: 50px;
}
	
#top_nav {
	background-image: url(../images/header_bg.gif);
	background-repeat:repeat-x;
	background-color: #FFF;
	padding: 15px 0 0 10px;
	#height: 100px;
	height: 85px;
	/* #height:  */
	width: 99%;
	*height: 100px; /*IE7 */
	_height: 100px; /*IE6 */
}

#top_nav ul { margin-left: 20px; }
#top_nav li {
	padding: 50px 10px 0 15px;
	list-style: none;
	float: left;
	display: inline;
}

.top_nav a:link {
	text-decoration: none;
	border-style: none;
}

.topNav_Btn {
	text-decoration: none;
	border-style: none;
	color: 6D6F71;

}


#Rotate_Banner {
	background-color:#F00;}

/* Home Page Rotate Banner CSS Control */
#FlabellComponent { 
	margin: 0; 
	padding: 0;  
}
/* Home Page Rotate Banner CSS Control */

		
#footer {
	background:#000 url(../images/footer_bg.gif) repeat-x left top;
	border-top: 1px solid #F4F4F4;
	height: 85px;
	text-decoration: none;	
	font-size: 9px;
	font-family: Helvetica;
	color: #6D6E70; 
	/* padding: 10px 0 0 5px; */
}
#footer img {border-style: none;}

#footer ul {
	float: left;
	padding: 8px;
	/* padding-top: 40px; */
	display: block;
}

#footer ul li {
	display: inline;
	padding-left: 5px;
	list-style: none;
}


#footer a:link {
	text-decoration: none;
	font-size: 9px;
	font-family: Helvetica;
	color: #6D6E70; 
}
#footer a:visited {text-decoration: none; color: #6D6E70;  }
#footer a:active {text-decoration: none; color: #6D6E70;  }
#footer a:hover {color: #E58127;}
#footer .banner {padding: 10px 10px;} 

#bottom {height: 40px; width: 1050px; float:left; padding-top: 10px; padding-right: 10px; background: #000; }
#bottom ul {list-style: none; display: block; display:inline;}
#bottom ul li {display: inline; float: left; padding: 0 5px 0 5px; font-size: 9px;}

#bottom a:visited {text-decoration: none; color: #6D6E70;  }
#bottom a:active {text-decoration: none; color: #6D6E70;  }
#bottom a:hover {color: #E58127;}



#companyTab {
	width: 610px; 
	height: 650px;
	background:url(../images/company/companyBG.png) repeat-y;
	padding-top: 64px; 

}

.CompanyTab_2 {
	background:url(../images/company/companyBG_2.png) repeat-y;
	padding-top: 30px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 50px;
}

.CompanyTab_2 p{
	font: "Trebuchet MS", Helvetica;
	font-size: 10px;
}

.CompanyTab a:link { color: E58127;}
.CompanyTab a:visited { color: E58127;}
.CompanyTab a:active { color: E58127;}
.CompanyTab a:hover { color: FFF;}


#tab2 {
	/* background: url(../images/TabBG.jpg) repeat-y top left; */
	float: left; 
	display: inherit;
	width: 100%;

}
.Righttab {
	display: inherit;
	float: right;	
	width: auto;
	padding: 0 2px 0 0;
	
}


#tabListing {
	width: 100%;
} 
.tabListing_Title {
	margin: 30px 0 0 15px;	
}

#tabListing ul {width: 42%; margin: 10px 0 0 -40px;}
#tabListing li {
	list-style-type: none;
	/* float: inherit; */
	padding: 5px 15px 5px 16px; 
	margin: 6px 0 6px 0;
	background: url(../images/tabContent_list_BG.png) repeat-y;
	font-family: Helvetica; 
	font-size: 12px;
}





.clearfloat {
	clear:both;
	height:0px;
}

#catalog_tab {
	width: 240px; 
	height: 650px; 
	padding-top: 20px;
	/* background: #6D6E70; */
}

#catalog_tab p {
	padding: 1px 5px 0 10px;
	font-size: 10px;
	color: #FFF;
	font-family: Helvetica;
}

.product_tab_header {height:120px;}

#catalog_tab ul {maring: auto; padding: auto;}
#catalog_tab ul li{ display:inline; padding-left: 5px; }
#catalog_tab a:link {color: #FFF; text-decoration:none; }
#catalog_tab a:visited {color: #FFF; text-decoration:none;}
#catalog_tab a:active {color: #FFF; text-decoration:none;}
#catalog_tab a:hover {color: #E58127; }

.extra {padding-right: 5px;}
.extra img {text-decoration:none; }
.extra a:link {text-decoration:none; }
.extra a:visited {text-decoration:none; }
.extra a:active {text-decoration:none; }
.extra a:hover {color: #E58127; }

.catalog_logo {
	height: 75px; 
	width: 240px; 
	border: solid 1px #FFF; 
	margin: 0 2px 0 4px;
	padding: 2px 2px 2px 2px; 
	display: table-cell; 
	vertical-align:middle; 
	text-align:center; 
	font-family: Helvetica; 	
	font-size: 10px;	
}


#catalog_year {
	height: 75px;
	width: 240px;
	border: solid 1px #FFF;
	/* margin: 0 auto;
	padding: 2px 0px 2px 0px; */
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: Helvetica;
	font-size: 10px;
	color:#FFF;
}

.catalog_year {
	height: 75px;
	width: 242px;
	border: solid 1px #FFF;
	/* margin: 0 auto;
	padding: 2px 0px 2px 0px; */
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-family: Helvetica;
	font-size: 10px;
	color:#FFF;
}

.catalog_year ul{ maring: 0; padding: 0;}
.catalog_year ul li{ maring: 0; padding: 0;}

div.Headline { display: none; }

#scrollup {
	display:inline;
	float: left;
	position: relative;
	overflow: hidden;
	border: 1px solid #6D6E70;
	height: 25px;
	width: 200px
}

.headline {
	position: absolute;
	top: 210px;
	left: 5px;
	height: 22px;
	width:190px;
	font-family:"Trebuchet MS", Helvetica;
	font-size: 9px;
	color:#6D6E70;
}

#newsEvent {
	background: url(../images/news/news_mainBG.png) repeat-y;
	float: left;
	width: 100%;
	height: 651px;
	
}

#eventContainer {
	background:  url(../images/news/news_BG.png) repeat-y #DEDEDE;
	float: right;
	width: 610px;
	height: 650px;
	overflow: auto;
	padding-left: 10px;
	
}
#eventHighlight {
	margin: 5px 10px 1px 20px;
	padding: 5px 10px;
	background: #DEDEDE;
	width: 520px;
	border: 1px solid #FFF;
	float: left;
}
#eventHighlight h1 {
	font-family:Helvetica;
	font-size:12px;
	color: #E58127;
	padding-left: 10px;
}

#eventHighlight h2 {
	font-family:Helvetica;
	font-size:10px;
	color: #6D6F71;
	float: right;
	top: 10px;
}

#eventHight_Image {
	padding-left: 20px;
	float: left; 
	width: 210px;
	/*vertical-align: text-top; */
	/* vertical-align: middle; */
}

#eventHight_Content {
	float: left;
	margin-left: 10px;
	display: inline;
	width: 260px;
}
#eventHight_Content a:link {text-decoration: none; color: #E58127;  }
#eventHight_Content a:visited {text-decoration: none; color: #E58127;  }
#eventHight_Content a:active {text-decoration: none; color: #E58127;  }
#eventHight_Content a:hover {color: #666;}

#article {
	display: block;
	float: left;

}

.feature {
	boarder: 0 solid #DDD;
	margin-top: 20px;
	color: #6D6F71;
	/* padding: 10px; */
	/* display: inline; */
}

.lineBreaker {
	padding-top: 15px;
	padding-bottom: 10px;
}

#NewsHightlightText {
	float: left;
	display: inline;

}

#support { color: #6D6F71;}
#support p{ color: #6D6F71;} 
#support .supportTitle {padding: 5px 0; text-decoration: underline;}
#support ul { display: block; } 
#support li {
	width: auto;
	display: inline;
	float: left;
	padding: 5px 0;
}

#support .brandTitle {
	padding: 0;
	width: 130px;
	font-weight: bold;
}

#support .download {width: 160px; 	padding: 0;}
#support .seperator {width: 30px; text-align: center; padding: 0;}

#faq {padding: 10px 0; color: #F00;}
#faq2 {padding: 10px 0; color: #F60}

/* Product Tab - Product Title */
.tabModel {
	font-size: 12px;
	color:#CCC
}


/* Tab2 - Product Benefit - Background Control */
/* 1 */ #tab2 .towableHome { background: url(../images/towable/tab2.jpg) scroll left top; height: 651px; }
/* 2 */ #tab2 .backprotectorHome { background: url(../images/backprotector/tab2.jpg) scroll left top; height: 651px; }
/* 3 */ #tab2 .trialthonHome { background: url(../images/triathlon/tab2.jpg) scroll left top; height: 651px; }
/* 6 */ #tab2 .waderHome { background: url(../images/wader/tab2.jpg) scroll left top; height: 651px; }
/* 7 */ #tab2 .fishingHome { background: url(../images/fishing/tab2.jpg) scroll left top; height: 651px; }
/* 9 */ #tab2 .pdfHome { background: url(../images/pfd/tab2.jpg) scroll left top; height: 651px; }
/* 10 */ #tab2 .seascootertHome { background: url(../images/seascooter/tab2.jpg) scroll left top; height: 651px; }
/* 11 */ #tab2 .inflatableHome { background: url(../images/inflatable/tab2.jpg) scroll left top; height: 651px; }
/* 12 */ #tab2 .poolightHome { background: url(../images/poollight/tab2.jpg) scroll left top; height: 651px; }
/* 13 */ #tab2 .poolfloatHome { background: url(../images/poolfloat/tab2.jpg) scroll left top; height: 651px; }
/* 14 */ #tab2 .snowplayHome { background: url(../images/snowplay/tab2.jpg) scroll left top; height: 651px; }
/* 15 */ #tab2 .snowhelmetHome { background: url(../images/snowhelmet/tab2.jpg) scroll left top; height: 651px; }
/* 16 */ #tab2 .wetsuitHome { background: url(../images/wetsuit/tab2.jpg) scroll left top; height: 651px; }
/* 16 - Wakeboarding */ #tab2 .wakeHome { background: url(../images/wake/tab2.jpg) scroll left top; height: 651px; }
/* 17 - Surfboarding */ #tab2 .surfHome { background: url(../images/surf/tab2.jpg) scroll left top; height: 651px; }
/* 18 - Bodyboarding */ #tab2 .boardsHome { background: url(../images/boards/tab2.jpg) scroll left top; height: 651px; }
/* 19 - Rashguard */ #tab2 .rashyHome { background: url(../images/rashy/tab2.jpg) scroll left top; height: 651px; }
/* 19 - Rashguard */ #tab2 .pwctHome { background: url(../images/pwc/tab2.jpg) scroll left top; height: 651px; }




/* Product Benefit Tab - listing Background Control */ 
#tab2 .tabProductBenefit { background-color:#FFF; }

.lightColor {font-size: 11px; color:#FFF; padding-left: 10px; font: Helvetica;}
.darkColor  {font-size: 11px; color:#333; padding-left: 10px; font: Helvetica;}

.patentNo {font-size: 10px; color: #666; font: Helvetica;}