/* Advanced Hosting CSS Document */



#contentcolumncentreaq{
margin: 0 20px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
float: left;
background: #ffffff;
}

#contentaq{
width: 750px;
float: left;
text-align: left;
margin: 10px 10px 10px 20px;
padding: 30px 10px 20px 10px;
border: 0;
background:#ffffff;	
}

#contentaqregion{
width: 750px;
float: left;
min-height: 400px;
text-align: left;
margin: 10px 10px 10px 20px;
padding: 30px 10px 20px 10px;
border: 0;
background:#ffffff;	
}

#contentterms{
width: 700px;
float: left;
text-align: left;
margin: 10px;
padding: 10px;
border: 0;
background:#ffffff;	
}

#contentaq a{
color:#119dda;
text-decoration : none;
}

#contentaq a:hover{
color: #013474;
text-decoration : underline;
}

#contentaq ul,li {	
	line-height: 140%;
	padding: 0px 0px 0px 20px;
	margin : 0px ;
	}	

#homehead{
width: 1000px;
height: 60px; /*Height of top section*/
border: 0;
background: #ffffff url(../images/focus_header.jpg) no-repeat left top;	
margin: 0;
}

#homefocusa{
width: 1000px;
height: 240px; /*Height of top section*/
border: 0;
background: #ffffff;	
margin: 0;
}
.focusaleft{
width: 59px;
height: 240px; /*Height of top section*/
float : left;
border: 0;
background: #ffffff;	
margin: 0;
}
.snorkelling{
width: 290px;
height: 240px; /*Height of top section*/
float : left;
border: 0;
background: #ffffff;	
margin: 0;
}
.scuba{
width: 300px;
height: 240px; /*Height of top section*/
float : left;
border: 0;
background: #ffffff;	
margin: 0;
}
.freediving{
width: 293px;
height: 240px; /*Height of top section*/
float : left;
border: 0;
background: #ffffff;	
margin: 0;
}

.focusaright{
width: 58px;
height: 240px; /*Height of top section*/
float : right;
border: 0;
background: #ffffff;	
margin: 0;
}

#homefocuscomp{
width: 1000px;
height: 100px; /*Height of top section*/
border: 0;
background: #ffffff;	
padding-bottom: 10px;
margin: 0;
}

#homefocuscomp.leftfocuscomp{
display:inline;
width: 50px;
height : 100px;
text-align: left;
}
#homefocuscomp.firstfocuscomp{
display:inline;
width: 300px;
height : 100px;
text-align: left;
}
#homefocuscomp.secondfocuscomp{
display:inline;
width: 300px;
height : 100px;
text-align: left;
}
#homefocuscomp.thirdfocuscomp{
display:inline;
height : 100px;
width: 300px;
text-align: left;
}
#homefocuscomp.rightfocuscomp{
display:inline;
height : 100px;
width: 50px;
text-align: left;
}

#homefocusb{
width: 1000px;
height: 263px; /*Height of top section*/
border: 0;
background: #ffffff;	
margin: 0;
}
.focusbleft{
width: 237px;
height: 240px; /*Height of top section*/
float : left;
border: 0;
background: #ffffff;	
margin: 0;
}
.swimming{
width: 300px;
height: 263px; /*Height of top section*/
float : left;
border: 0;
background: #ffffff;	
margin: 0;
}
.photo 300px;
height: 263px; /*Height of top section*/
float : left;
border: 0;
background: #ffffff;	
margin: 0;
}

.focusbright{
width: 237px;
height: 263px; /*Height of top section*/
float : right;
border: 0;
background: #ffffff;	
margin: 0;
}


#catcontainer {
  width: 690px;
  padding: 0;
  margin: 0;
}

#catcontainer a:link, #catcontainer a:visited {
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12.5px;
	font-weight: 700;
	text-align: center;
	color: #119dda;
	padding:6px 0px 5px 0px;	
	margin:0px;
	text-decoration:none;
	}	
	
#catcontainer a:hover, #catcontainer a:active {
	color: #013474;
	text-decoration:underline;
	}		



.catrow {
  float: left;
  vertical-align: bottom;
  width: 690px;
  padding: 5px 0px 10px 0px;

}


.catrow div {
  float: left;
  width: 210px;
  text-align: center;
  padding: 0;
  margin: 0 5px 0 5px;
  border: 1px solid transparent;
}
.catrow div:hover {
  border: 1px solid #d0d0d0;
}
.catrow a:link, .catrow a:visited {
  font-size: 12px;
  margin: 0;
  padding: 0px 5px 0px 5px;
  text-decoration: none;
  color:#119dda;
}
.catrow a:hover, .catrow a:active {
  color: #000066; 
}

.catrow img {
text-align: center;
  margin: 5px 0 5px 0;
  border: 0;
}

#prodcontainer {
  width: 690px;
  min-height: 350px;
  color: #119dda;
  padding: 0;
  margin: ;
}

#prodcontainer a:link, #prodcontainer a:visited {
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: 600;
	text-align: center;
	color: #119dda;
	padding:6px 0px 5px 0px;	
	margin:0px;
	text-decoration:none;
	}	
	
#prodcontainer a:hover, #prodcontainer a:active {
	color: #013474;
	text-decoration:none;
	}		



.prodrow {
  float: left;
  vertical-align: text-bottom;
  width: 690px;
  padding: 5px 0px 10px 0px;
  }


.prodrow div {
  float: left;
  width: 210px;
  text-align: center;
  vertical-align:text-bottom;
  padding: 0;
  margin: 0 5px 0 5px;
}

.prodrow div:hover {
  border: 0;
}
.prodrow a:link, .prodrow a:visited {
  font-size: 12px;
  margin: 0;
  padding: 0px 5px 0px 5px;
  text-decoration: none;
  color: #119dda ;
}
.prodrow a:hover, .prodrow a:active {
  color: #013474; 
  border: 0;
}

.prodrow img {
text-align: center;
  margin: 5px 0 5px 0;
  border: 0;
}

#contentaqleft{
width: 360px;
float: left;
text-align: left;
margin: 0;
padding: 0;
border: 0;
background:transparent;	
}
#contentaqright{
width: 360px;
float: right;
text-align: left;
margin: 0;
padding: 0;
border: 0;
background:transparent;	
}

.manufacturer {
	padding: 0px 0px 7px 0px;
}

.code {
	padding: 0px 0px 7px 0px;
}


.description {
	display: block;
	padding: 3px 0px 7px 0px;
}

#product_pdf {
	width:310px;
	display:block;
	position:relative;
	float:left;
	padding-left:50px;
	margin:0px 0px 20px 0px;
	border:0;
	}	

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


#product_pdf li {
	padding-left: 40px;
	line-height: 40px;
	background: url(../images/pdf.jpg) no-repeat left 5px;
	border: 0;
}

#product_info {
	width:750px;
	display:block;
	position:relative;
	float:left;
	padding-left:0px;
	margin:0px 0px 20px 0px;
	border:0;
	}	

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


#product_info li {
	padding-left: 10px;
	line-height: 20px;
	background: url(../images/arrow.jpg) no-repeat left 5px;
	border: 0;
}
	
#product_specs {
	width:450px;
	display:block;
	position:relative;
	float:left;
	padding:0;
	margin:0px 0px 20px 0px;
	border:0;
	}		

#product_specs .col1{
	width:150px;
	float:left;
	padding:5px 0px 0px 0px;
	margin:0;
	border:0;
	}

#product_specs .col2{
	width:300px;
	float:right;
	padding:5px 0px 0px 0px;
	margin:0;
	border:0;
	}		

#product_systems {
	width:250px;
	display:block;
	position:relative;
	float:left;
	padding:0;
	margin:0px 0px 20px 0px;
	border:0;
	}	
	
#product_materials {
	width:300px;
	display:block;
	position:relative;
	float:right;
	padding:0;
	margin:0px 0px 20px 0px;
	border:0;
	}		
#product_materials div {
	dispplay: inline;
	width:140px;
	float:left;
	padding:0;
	margin:0px 5px 0px 0px;
	border:0;
	}		

#product_icons {
	width:300px;
	display:block;
	position:relative;
	float:right;
	padding:0;
	margin:0px 0px 20px 0px;
	border:0;
	}		
#product_icons div {
	dispplay: inline;
	width:140px;
	float:left;
	padding:0;
	margin:0px 5px 0px 0px;
	border:0;
	}	

#product_utube {
	width:700px;
	display:block;
	position:relative;
	float:left;
	padding:0;
	margin:0px 0px 20px 0px;
	border:0;
	}	


/* FORM CONTACT CSS */

#formleft{
width: 320px;
float: left;
text-align: left;
margin: 0;
padding: 0;
border: 0;
background:transparent;	
}
#formright{
width: 400px;
float: right;
text-align: left;
margin: 0;
padding: 0;
border: 0;
background:transparent;	
}

.feedbackform{
padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 380px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 140px; /*width of label (left column)*/
text-transform: none;
border-bottom: 1px solid #69c0de;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 180px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 200px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 60px;
background: #e1dfe0;
}

#sitemap_page_left {
	width:450px;
	position:relative;
	float:left;
	text-align: left;
	padding:10px 10px 10px 30px;
	margin:0;
	border:0;
	}

#sitemap_page_right {
	width:450px;
	position:relative;
	float:right;
	text-align: left;
	padding:10px 10px 10px 30px;
	margin:0;
	border:0;
	}


#newprodhead{
width: 1000px;
float: left;
text-align: left;
padding: 3px 0px 0px 0px;
margin: 0px;
background: #ffffff url(../images/frame_bottom_fade1000.jpg)  top left no-repeat;	
}

#newprodleftrow1 {
  float: left;
  width: 200px;
  height: 28px;
  padding: 5px 0px 0px 0px;
  background: transparent;
  border: 0;
  margin: 0px;}

#newprodrightrow1 {
  float: left;
  width: 800px;
  height: 28px;
  padding: 5px 0px 0px 0px;
  background: transparent;
  border: 0;
  margin: 0px;}	
	
#home_specialcontainer {
	width:1000px;
	height: auto;
	padding:0px 10px 0px 10px;
	display:block;
	float:left;
	background: transparent;	
	border: 1px solid #666;
	margin:0}	




#specialmenulinks{
width: 200px;
text-align: left;
float:left;
border: 0;
margin-top: 5px;
background: transparent;	
}
#specialmenulinks a {
	display: block;
	padding: 2px 0px 0px 0px;
	border: 0;
}
#specialmenulinks img {
	display: block;
	border: 0;
}
#specialmenulinks img.head {
	padding-bottom: 4px;
}

	
#home_specialcontainer a:link, #home_specialcontainer a:visited {
	display: block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12.5px;
	font-weight: 700;
	text-align: left;
	color: #119dda;
	padding:6px 0px 5px 0px;	
	margin:0px;
	text-decoration:none;
	}	
	
#home_specialcontainer a:hover, #home_specialcontainer a:active {
	color: normal;
	text-decoration:underline;
	}		
	
	
.home_special {
	width:250px;
	height: auto;
	position:relative;
	float:left;
	background:url(../images/homespecial.jpg) top right;
	padding:5px 0px 0px 10px;
	border: 0;
	margin:0}


	
.home_special p {
	width:210px;
	padding:5px;
  	text-align:left;
	border: 0;
	margin:0}

.home_special img {
	float:center;
	background:transparent;	
	padding-right: 5px;
	margin:0
	}
.home_special a:link, .home_special a:visited {
  display: block;
  font-size: 12px;
  font-weight: 600;
  text-align:left;
  margin: 0;
  padding: 0;
  text-decoration: none;
  color: #013474;
}
.home_special a:hover, .home_special a:active {
  color: #119dda;
}




