/* -----------------------------------*/
/* ---------->>> RESET <<<-----------*/
/* -----------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div{padding:0;border:0;margin:0;}

#clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
body{
	font-family: Helvetica, Arial, Verdana;
	font-size: 12px;
	color: #fff;
	line-height: 1.5;
	text-align: left;
	background:#000 url(../layout/mainbg.jpg) top center no-repeat;
}
#pageContainer{ 
	width:963px; 
	margin:0 auto;
	background:url(../layout/pagebg.jpg) left top repeat;
	min-height:1000px;
}
#pageContainerTop{
	width:963px; 
	margin:0 auto;
	height:92px;
	position:relative;
	
}
	#hurricanelogo{
		position:absolute; 
		left:18px;
		top:42px;
	}
#pageContainerSecondTop{
	margin:0 auto;
	height: 41px;
	width:963px; 
	position:relative;
	/*background-color:yellow; */

}
#menuCont{
	height: 36px;
	width:945px; 
	position:relative;
	/*background-color:red; */
	position:absolute;
	top:0;
	left:20px;
}

#pageInside{
	margin:0 auto;
	width:928px; 
	position:relative;

}
	#pageOne{
		margin:0 auto;
		width:928px; 
		position:relative;
	}
		
		#pageOneLeft{
			float:left;
			width:156px;
			position:relative;
		}
		
		#pageOneRight{
			margin:0 0 0 156px;
			position:relative;
		}
			#pageOneContainer{
				position:relative;
				width:731px;
				
			}

	#aboutPageRight{
		float:left;
		width:694px;
		position:relative;
	}
	#aboutPageLeft{
		margin:0 0 0 694px;
		background-color:blue;
		position:relative;
	}

#leftContainer{
	width:218px;
	position:relative;
	float:right;
}	
	#leftInfo{
		position:relative;width:225px; 
		float:right;
	}
		#leftContact{
			position:relative;width:225px; 	
			background-color:#1a1a1a;
		}
		#leftContact p{
			background-color:#1a1a1al;
			padding:15px;
		}
	#productDetails{
		width:218px;
		position:relative;
		background:url(../layout/insiderepeat.jpg) top left repeat;
		font-size:12px;
	}
		#productDetails p{ padding:0 9px;}
		#detailTitle{
			position:relative;width:200px; height:29px;
			border-bottom: 1px solid #414244;
			margin: 0 auto 7px auto;
		}
		#detailTitle p{ padding: 7px 0 ;}
		#detailTitle  .producttype{float:right;font-weight: bold;}
#bottomSpace{
	margin:0 auto;
	height: 22px;
	width:963px;
	background:url(../layout/bottombg.jpg) left top repeat;
	
}
#pageContainerFooter{
	margin:0 auto;
	min-height: 100px;
	width:963px;
	position:relative;
}
	#companyInfo{
		position:absolute;
		top:12px;
		left:166px;
		color:#2e2e2e;
	}
	
	#copyright{
		position:absolute;
		top:40px;
		right:13px;
		color:#2e2e2e;
	}
	#brands{
		position:absolute;
		top:6px;
		left:28px;
	}
	#thirdParty{
		position:absolute;
		top:6px;
		right:11px;
	}
/* -----------------------------------*/
/* ------>>> LINKS/BUTTONS <<<--------*/
/* -----------------------------------*/

/***** banner ****/
.ft-button-ft{color:#28acea;text-decoration:none; background:url(../layout/inactivebutton.jpg) center center no-repeat;font-size:11px;}
.ft-button-ft-active{color:white;text-decoration:none;background:url(../layout/activebutton.jpg) center center no-repeat;font-size:11px;}

.ft-prev, .ft-next { /***background-color: #000; padding: 0 10px;  ***/ display:none;}
.ft-title { padding: 10px 10px; width: 910px; text-align: left; }
/* -----------------------------------*/
/*--->>> Text and Header Styles <<<---*/
/* -----------------------------------*/
h5{color: #29abe2;font-size:11px;}
.xfloat{ position:absolute; top:10px; right:10px; }
.xfloat:hover{ cursor:pointer;}

#indexBannerFloat h1{font-size:50px; margin-bottom:0;padding-bottom: 0;}
#indexBannerFloat h2{font-size:30px;margin-top: 10px;padding-top: -20px;}

#aboutHeader h2{font-size:20px; padding:17px 0;letter-spacing:-3px; }
#aboutContentLeft h3{ color:#29abe2;font-size:15px;padding: 15px 0 10px 0;}
#aboutContentRight h3{ color:#29abe2;font-size:15px;padding: 15px 0 10px 0;}

#newLatest p{ padding:10px; text-align:left;}
.newsTitle{color:#29abe2;font-size:17px;}
.newsTitle2{color:#29abe2;font-size:17px;padding: 15px 0 0 10px;}

#leftContainer h2{font-size:20px; padding:13px 0;letter-spacing:-3px; }

#pageOneContainer  h2.productName{font-size:15px; padding:13px 0; }


/* -----------------------------------*/
/* ------>>> Main Layout CSS <<<------*/
/* -----------------------------------*/
.button_search{
	width:23px;
	height:23px;
    border:none;
	background:url(../layout/searchButton.jpg) center center no-repeat;
}
.indexSearchButton{
	position:absolute;
	top:0;
	right:0;
}
.indexSearchText{
	width:88px;
	height:18px;
	border: 2px solid #313234;
	background:url(../layout/insiderepeat.jpg) top left repeat;
    color:#fff;
    font-size: 11px;
    	
}

.insideSearchButton{
	position:absolute;
	top:0;
	right:0;
}
.insideSearchText{
	width:190px;
	height:18px;
	border: 2px solid #313234;
	background:url(../layout/insiderepeat.jpg) top left repeat;	
	color:#fff;
}

#searchInside{
	width:223px;
	height:24px;
	position:absolute;
	top:42px;
	right:15px;
	z-index:1000;
}
#contactInside{
	width:111px;
	height:24px;
	position:absolute;
	top:42px;
	right:250px;
	background:url(../layout/contactInsideBck.jpg) top left repeat;	
	color:#29aae3;
	text-align:right;
}
/* -----------------------------------*/
/* ------>>> Menu <<<------*/
/* -----------------------------------*/

ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 225px;
}

ul#menu .conatctPhone{
	background:#0099ff url(../layout/phone_icon.jpg) 15px center no-repeat;
}
ul#menu .conatctnews{
	background:#0099ff url(../layout/news_icon.jpg) 15px center no-repeat;
}
ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #0099ff;
  color: #fff;	
  padding: 0.5em 15px 0.5em 40px;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background:#1a1a1a url(../layout/blueArrow.jpg) 15px center no-repeat;	
  color: #fff;	
  padding-left: 30px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 25px;
}

/* -----------------------------------*/
/* ---------->>> MODALS <<<-----------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ---------->>> TABS <<<-----------*/
/* -----------------------------------*/

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #333333;
	border-left: 1px solid #333333;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #333333;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #141414;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size:13px;color: #fff;
	padding: 0 20px;
	/**
	border: 1px solid #333333; Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background:#333333;
	border-bottom: 1px solid #333333; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
	border: 1px solid #333333;
	border-top: none;
	overflow: hidden;
	float: left; width: 100%;
	background:#333333;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}



/* -----------------------------------*/
/* ----------->>> TABLES <<<----------*/
/* -----------------------------------*/
th{
	background-color:#6a6767;
	padding:5px 10px;
	font-size: 12px;
	}
td{
	text-align: center;
	border-bottom: 1px solid #6a6767; 
	background:url(../layout/tableright.jpg) bottom right no-repeat;
	height:22px;
	font-size:11px;
	line-height:22px;
}	
td.txtleft1{text-align: left;padding-left:10px; color:#fe0000;}
td.txtleft2{color:#fe0000;}
td.txtleft3{text-align: left;padding-left:10px;}

/* -----------------------------------*/
/* ------>>> PAGE SPECIFIC <<<--------*/
/* -----------------------------------*/

/*********** index ********************/
#pageIndexBanner{
	margin:0 auto;
	height:526px;
	width:932px;
}
	#indexBanner{
		margin:0 auto;
		height:485px;
		width:932px;
		position:relative;
	}
		#indexBannerFloat{
			position:absolute;
			bottom:56px;
			right:0;
			padding: 10px 12px 10px 23px; 
			background-color:#000;
			text-align:left;
		}
	#bannerCon{
		margin:0 auto;
		height:41px;
		width:932px;

	}
	
#pageContainerMiddle{
	margin:0 auto;
	height:330px;
	width:932px;
}	
	#middleNews{
		float:left;
		width:306px;
		height:330px;
		background:url(../layout/middlebg.jpg) top left repeat;
	}
		#middleNews	p{
					padding: 0 28px 0 15px;
					color:#a6a5a5;
					font-size:11px;
					}
		#middleNews	p.helveticabold{
					color:#fff;
					line-height:20px;
					}
		#middleNews	h5{
						padding: 0 28px 0 15px;
					}	
	#middleProducts{
		float:left;
		width:306px;
		height:330px;
		background:url(../layout/middlebg.jpg) top left repeat;
	}
		#middleProducts	#products{
				width:306px;
				position:relative;	
				}
				#productsImage{
					width:191px;
					position:relative;	
					float:left;
					text-align:center;
					}
				
				#productsInfo{
					margin:0 0 0 191px;
					position:relative;
					}	
				#productsInfo p{
							font-size:11px;
						}	
				#productsInfo	p.helveticabold{
					color:#fff;
					line-height:20px;
					}			
	#middleAbout{
		float:left;
		width:306px;
		height:330px;
		background:url(../layout/middlebg.jpg) top left repeat;
	}
		#middleAbout h2{
				font-size:20px;
				padding: 0 28px 8px 15px;	
				}
		#middleAbout p{
				padding: 0 28px 0 15px;
				font-size:11px;
				color:#29abe2;
				}		
	#middleSpace{
		float:left;
		width:7px;
		height:282px;
	}
#indexSearch{
	color:red;
	height:23px;
	width:120px;
	position:absolute;
	top:0;
	right:18px;
}	


/************ about us ****************/
#aboutHeader{
	width:928px;
	position:relative;
	height:61px;
}	

	#aboutContent{ 
		width:694px;
		position:relative;
	}
		#aboutContentLeft{
			float:left;
			width: 343px;
		}
		#aboutContentRight{
			margin: 0 0 0 351px;

		}
	
/*********** news *********************/
#newLatest{
	margin:10px 0 0 0;
	width:694px;
	position:relative;
	background:url(../layout/insiderepeat.jpg) top left repeat;
}	
#aboutContentRight .advent, #aboutContentLeft .advent{
		padding:0 0 0 10px;
	}
	.newsLatestImg{ 
		margin: 10px 0 0 10px;
	}
	
	.newsContent{
		background:url(../layout/insiderepeat.jpg) top left repeat;
		padding:10px;
	}
/************ news details ************/
#newsDetails{
	margin:10px 0 0 0;
	width:694px;
	position:relative;
	background:url(../layout/insiderepeat.jpg) top left repeat;
}	
#newsDetails p{
	padding:10px;	
}

#contentDetails{
	margin:10px 0 0 0;
	width:694px;
	position:relative;
	}	
#contentDetails p{
	padding:10px;	
}


/************ info details ************/
#infoDetails p{
	padding:2px;	
}
#infoDetails p a{
	text-decoration:none;
}
/*********** products  ****************/
#ft-title-ft a{ color:white; text-decoration:none;}
	#productPageContainer{
		background:url(../layout/insiderepeat.jpg) top left repeat;
		text-align:center;
		padding:15px;
		width:900px;
		height:400px;
		position:relative;
	}
		#productWhite{
			margin: 0 auto;
			position:relative;
			width:358px;
		
			position:relative;
		}
			#product{
					position:relative;
					margin: 0 auto;
					position:relative;
			}
	
	#productRemote{
		height:54px;
		text-align: center;
	}
	#productRemote img{ margin: 10px 0 0 0;}
	#productPage h2.productName{
		padding: 10px 0 10px 144px;
		font-size: 15px;
	}
		#productBox1, #productBox2, #productBox3{ 
			float: left;
		}
		#productBox1{
			width:163px;
		}
		
		#productBox2{ 
			width:200px;
			text-align:left;
		}
		#productBox2 a{ 
			text-decoration:none;
		}
		#productBox3{
			width:35px;
		}
			
			#productLabel{
				position:relative;width:200px; height:29px;
				border-bottom: 2px solid #414244;		
			}
			#productBox2 p{padding:7px 0 0 0; }
			#productBox2 ul{padding:0;border:0;margin:0;}
			#productLabel  .producttype{float:right;font-weight: bold;}
			#productBox2 ul li img{vertical-align: middle;}
			#productBox2 ul li  p{padding:2px 0;}
		
	
/************ products 2 **************/
#productPageContainer2{
	background:url(../layout/insiderepeat.jpg) top left repeat;
	text-align:center;
	padding:15px;
	
}

/*********** products 3 ***************/
#tableContainer{
	width:731px;
	position:relative;	
	background:url(../layout/insiderepeat.jpg) top left repeat;
}
				
/* -----------------------------------*/
/* ----------->>> FORMS <<<-----------*/
/* -----------------------------------*/
#formContainer{
	width:694px;
	position:relative;
}

.txt_label{
	text-align:left;
	font-weight:bold;
	line-height: 30px;
}
.txt_label span{
	color:#ef0100;
}
.error{
	color:#ef0100;
}
.success{
	color:#0099FF;
}

#formContainer input[type='text'] , #formContainer textarea{
	border: 2px solid #313234;
	background:url(../layout/insiderepeat.jpg) top left repeat;
	color:#fff;
	font-size:11px;
} 
#formContainer #email{
	margin:0 0 0 205px;
}
#formContainer #txtEmail{
	margin:0 0 0 10px;
}
#formContainer #txtSubject{
	width:690px;
	height: 26px;
}
#formContainer #txtName, #formContainer #txtEmail{
	width:239px;
	height: 26px;
}

#formContainer textarea{
	width:690px;
	height:184px;
	margin-bottom: 5px;
}
.button_submit{
	background-color:#0099ff;
	color: #fff;
	font-size: 10px;
    border:none;
	padding: 5px 70px;
}
#txtReset{
	margin-left: 10px;
}
td.txtleft3 a{ color:white;}