body{
 font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 background-image: url('images/structure/bg.jpg');
 background-position: top center;
 background-repeat: no-repeat;
 background-color: #223871;
 color: #ffffff; 
 margin-top: 5px; 
 margin-left: 0px;
}

/* magnifier */


.magnifier{
position: absolute;
border: solid 1px #000000;
cursor: move;
background-repeat: no-repeat;
background-color: #ffffff;
}
#become_an_agent_form{
position:absolute;
top:350px;
left:500px;
z-index:100;
}		
.magnifierShadow{
position: absolute;
background: transparent;
padding: 0px;
margin: 0px;
}
		
.magnifierController{
color: #000000;
font-family: Verdana, Tahoma, sans-serif;
font-size: 10px;
}
		
.magnifierControllerContainer{
margin-top: 10px;
padding: 10px;
text-align: left;
color: #000000;
}

.magnifierControllerPrefix{
color: #000000;
}
#become_an_agent{
position:absolute;
width:100px;
right:125px;	
text-align:right;
	
}
		
.magnifierControllerButton{
color: #666666;
cursor: pointer;
background-color: #eeeeee;
border: solid 1px #dddddd;
padding: 0px 4px 0px 4px;
}
.button{
border:0px;
background:none;
}		
.magnifierControllerButtonSelected{
background-color: #ccc;
border: solid 1px #aaaaaa;
color: #333333;
font-weight: bold;
cursor: pointer; 
padding: 0px 4px 0px 4px;
}

 
div, img {
 border: 0px;
}

br {
 margin-top: 0px;
 line-height: 14px;
}

p {
 line-height: 14px;
 margin-top: 6px;
}

h1{
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 6px;
margin-top: 0px;
}

h2{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
font-weight: bold;
font-size: 12px;
margin-bottom: 6px;
}

h3{
cursor: pointer
}

h3.toggler {
cursor: pointer;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #ffffff;
background: #73bfea url('images/structure/h3.gif') no-repeat;
margin: 0px;
padding-top: 2px;
height: 18px;
}

.h4{
text-transform: uppercase;
text-decoration: underline;
line-height: 30px;
}

h4{
font-size: 16px;
color: #16133d;
line-height: 16px;
margin-bottom: 5px;
margin-top: 0px;
}

div.element p{
padding-top: 7px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size: 11px;
line-height: 15px;
margin: 0px;
}

div.element {
background: url('images/structure/grey_box.png') repeat;
width: 178px;
}

.warranty{
text-align: left;
line-height: 10px;
}

.grey{
 color: #777777;
}

.flame{
color: #f8243a;
}

.red a:link{
 text-decoration: none;
 color: #d42739
}

.red a:visited{
 text-decoration: none;
 color: #d42739
}

.red a:hover{
 text-decoration: underline;
 color: #d42739
}

.red a:active{
 text-decoration: none;
 color: #d42739
}

.red{
color: #d42739
}

.navy{
color: #363670;
}

.navy a:link{
 text-decoration: underline;
 color: #363670
}

.navy a:visited{
 text-decoration: underline;
 color: #363670
}

.navy a:hover{
 text-decoration: none;
 color: #ffffff;
 background-color: #363670;
 padding: 0px 3px 0px 5px;
}

.navy a:active{
 text-decoration: underline;
 color: #363670
}

.black{
color: #000;
}

.black a:link{
 text-decoration: none;
 color: #000
}

.black a:visited{
 text-decoration: none;
 color: #000
}

.black a:hover{
 text-decoration: underline;
 color: #000;

}

.black a:active{
 text-decoration: none;
 color: #000
}


input{
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 2px 2px 1px 2px;
color: #003856;
background-color: #ffffff;
border: 1px solid #3e444e;
}

input.grey{
color: #333333;
background-color: #cccccc;
}


select{
font-family: Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size: 11px;
color: #003856;
background-color: #ffffff;
border: 1px solid #3e444e;
padding: 1px 0px 0px 2px;
}

textarea {
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #003856;
background-color: #ffffff;
border: 1px solid #3e444e;
}

.uniform{
width: 180px;
}

.uniform_area{
width: 184px;
}

table.position {
height: 100%;
width: 100%;
}

table{
border-spacing: 0px;
padding: 0px;
}

#container {
 position: relative;
 margin: 0px auto;
 width: 829px;
 text-align: left;
}

td.central{
 height: 100%;
 text-align: center;
 color: #ffffff;
 font-size: 11px;
}

td {
 color: #ffffff;
 vertical-align: top;
 font-size: 11px;
}

em {
font-style: normal;
font-weight: bold;
text-decoration: none;
color: #d42739;
}

em.underline{
font-style: normal;
font-weight: normal;
text-decoration: underline;
color: #fff;
}


.ocean{
color: #99d9f4;
}

.underline{
text-decoration: underline;
}

a em {
font-style: normal;
text-decoration: underline;
}

a{
 border: 0px;
 text-decoration: none;
 color: #ffffff;
}

a:link{
 text-decoration: none;
 color: #ffffff;
}

a:visited{
 text-decoration: none;
 color: #ffffff;
}

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

a:active{
 text-decoration: none;
 color: #ffffff;
}

img.border {
padding: 2px;
border: 1px solid #6E6E6E;
}

img.floatArrow {
float: left;
margin-top: 2px;
margin-bottom:3px;
margin-right:8px;
}

img.floatLeftBorder {
float: left;
margin-top:5px;
margin-right:10px;
margin-bottom:5px;
padding: 2px;
border: 1px solid #6E6E6E;
}

img.floatRightBorder {
float: right;
margin-top:0px;
margin-right:0px;
margin-left: 10px;
margin-bottom:8px;
border: 1px solid #ffffff;
}

img.floatLeft {
float: left;
margin-top:5px;
margin-right:10px;
margin-bottom:5px;
}

img.floatRight {
float: right;
margin-top:0px;
margin-right:0px;
margin-left: 5px;
margin-bottom:5px;
}

.floatRight{
float: right;
margin-top: -25px;
margin-left: 5px;
margin-bottom: 5px;
}


.floatRightIcon{
float: right;
margin-top: 5px;
margin-left: 5px;
margin-bottom: 0px;
}

.floatLeft{
float: left;
}

.center{
text-align: center
}

.right{
text-align: right;
}

.left{
text-align: left;
}

.hidden{
display: none;
}

/* HEADER */

#logo{
position: absolute;
top: 15px;
left: 15px;
height: 53px;
width: 329px;
z-index: 9;
}

#telephone{
position: absolute;
top: 48px;
left: 604px;
height: 20px;
width: 208px;
z-index: 9;
}

#twitter{
position: absolute;
top: 18px;
left: 504px;
height: 58px;
width: 94px;
z-index: 9;
}

#nav{
position: absolute;
background: url('images/structure/nav.gif') no-repeat;
top: 85px;
left: 16px;
height: 37px;
width: 799px;
text-align: center;
z-index: 9;
}

#search{
position: absolute;
top: 125px;
left: 16px;
height: 37px;
width: 178px;
text-align: center;
background-image: url('images/structure/search_box.png');
z-index: 15;
}

#flash{
position: absolute;
top: 150px
}

#flash_video{
position: relative;
top: 35px;
width: 610px;
height: 320px;
text-align: center;
}

#menu{
position: absolute;
top: 165px;
left: 16px;
height: 400px;
width: 178px;
text-align: center;
z-index: 9;
}

#slide{
width: 178px;
}

#flash{
position: relative;
top: 125px;
left: 198px;
width: 617px;
z-index: 9;
}

#content{
position: relative;
top: 135px;
left: 198px;
width: 435px;
z-index: 9;
}

#content_main{
position: relative;
top: 135px;
left: 205px;
width: 610px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
z-index: 9;
}

#atomic{
position: relative;
top: 125px;
left: 199px;
background-image: url('images/structure/bg/black.gif');
background-repeat: no-repeat;
height: 665px;
width: 616px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
text-align: center;
z-index: 9;
}

#atomic table{
width: 418px;
margin-left: 99px;
}

#bodyglove{
position: relative;
top: 125px;
left: 199px;
background-image: url('images/structure/bg/bodyglove.png');
background-repeat: no-repeat;
height: 665px;
width: 616px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #000000;
z-index: 9;
}

#commercial{
position: relative;
top: 125px;
left: 199px;
background-image: url('images/structure/bg/commercial.jpg');
background-repeat: no-repeat;
height: 665px;
width: 616px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #ffffff;
z-index: 9;
}

#military{
position: relative;
top: 125px;
left: 199px;
background-image: url('images/structure/bg/military.jpg');
background-repeat: no-repeat;
height: 665px;
width: 616px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #ffffff;
z-index: 9;
}

#military em{
color: #98af7a;
}


#stahlsac{
position: relative;
top: 125px;
left: 199px;
background-image: url('images/structure/bg/stahlsac.jpg');
background-repeat: no-repeat;
height: 665px;
width: 616px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #000000;
z-index: 9;
}

#teksport{
position: relative;
top: 125px;
left: 199px;
background-image: url('images/structure/bg/teksport.jpg');
background-repeat: no-repeat;
height: 665px;
width: 616px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #ffffff;
z-index: 9;
}

#point65n{
position: relative;
top: 125px;
left: 199px;
background-image: url('images/structure/bg/point65n.jpg');
background-repeat: no-repeat;
height: 665px;
width: 616px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #000;
z-index: 9;
}

#point65n a, #zeagle a { color:#000; }

#zeagle{
position: relative;
top: 125px;
left: 199px;
background-image: url('images/structure/bg/zeagle.jpg');
background-repeat: no-repeat;
height: 665px;
width: 616px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #000;
z-index: 9;
}

#windive{
position: relative;
top: 125px;
left: 199px;
background-image: url('images/structure/bg/winbg.png');
background-repeat: no-repeat;
height: 665px;
width: 616px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #000;
z-index: 9;
}

#winezee{
position: relative;
top: 125px;
left: 199px;
background-image: url('images/structure/bg/ezee.png');
background-repeat: no-repeat;
height: 665px;
width: 616px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
text-align: center;
color: #000;
z-index: 9;
}

#zeagle em { color: #000; }
#winform input.informedinp,#winform textarea.informedinp{
	width:250px;
	padding:5px;
	font-weight:14px;
}
#winform{
color:white;
}
#teksport em{
color: #ff7b00;
}

#winform label{
	color:white;
	font-weight:bold;
}
#content_bg{
position: relative;
top: 125px;
left: 205px;
width: 590px;
min-height: 650px;
background-image: url('images/structure/grey_box.png');
background-repeat: repeat;
padding: 8px 10px 10px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
z-index: 9;
}

.fixed{
height: 697px;
}

#product{
position: relative;
top: 135px;
left: 200px;
width: 616px;
height: 930px;
z-index: 11;
line-height: 12px;
background: url('images/structure/product_bg.jpg') no-repeat;
}

.product_description a:link{
 text-decoration: underline;
 color: #363670
}

.product_description a:visited{
 text-decoration: underline;
 color: #363670
}

.product_description a:hover{
 text-decoration: none;
 color: #ffffff;
 background-color: #363670;
}

.product_description a:active{
 text-decoration: underline;
 color: #363670
}

#product_image{
position: absolute;
top: 10px;
left: 6px;
width: 250px;
height: 645px;
overflow: hidden;
text-align: center;
z-index: 10;
}

#product_thumbs{
position: relative;
margin-left: 10px;
width: 250px;
text-align: left;
z-index: 99;
height: 150px;
}


.product_description{
position: relative;
top: 15px;
left: 265px;
width: 341px;
color: #000;
z-index: 10;
}

#product_title{
position: relative;
background: url('images/structure/product/header.gif') no-repeat;
color: #ffffff;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
padding: 5px 5px 0px 10px;
height: 33px;
width: 357px;
left: 255px;
top: 10px;
z-index: 15;
}

#product_features{
position: relative; 
left: 255px; 
top: 20px; 
padding-top: 2px; 
padding-bottom: 3px;
padding-left: 12px;
width: 357px; 
background: url('images/structure/product/features.gif') top left;
background-repeat: repeat-y;
color: #ffffff;
}

#product_features p{
line-height: 12px;
}

#product_features ul{
margin-right: 35px;
}

#product_features_bottom{
position: relative; 
left: 255px; 
top: 10px; 
padding-bottom: 10px;
width: 357px; 
height: 10px;
background: url('images/structure/product/features.gif') bottom left;
background-repeat: no-repeat; 
}

#product_options{
position: relative;
top: 20px;
left: 255px;
width: 341px;
z-index: 30;
}

#product_w{
position: absolute;
top: 270px;
left: 270px;
height: 180px;
width: 357px;
background: url('images/structure/product/warranty.png') no-repeat;
z-index: 35;
padding-left: 15px;
}

#product_f{
position: absolute;
top: 270px;
left: 270px;
height: 210px;
width: 357px;
background: url('images/structure/product/fabrics.png') no-repeat;
z-index: 35;
padding-left: 15px;
}

#product_ce{
position: absolute;
top: 270px;
left: 390px;
height: 134px;
width: 207px;
background: url('images/structure/product/ce.png') no-repeat;
z-index: 35;
padding-left: 15px;
color: #000000;
}

.floatRightCE{
float: right;
margin-top: 10px;
margin-right: 35px;
margin-left: 10px;
}

.product_overlay p{
margin-top: 10px;
width: 330px;

}

#product_options img{
margin-bottom: 5px;
}

img .border{
border: 1px solid #221d5d;
padding: 2px;
}

#resources{
position: absolute; 
top: 850px; 
left: 215px; 
height: 20px; 
width: 210px; 
z-index: 100
}

#related_products{
position: absolute;
top: 905px;
left: 200px;
width: 394px;
height: 137px;
overflow: hidden;
z-index: 11;
padding: 8px 8px 0px 8px;
background: url('images/structure/product/related.gif') no-repeat;
}

#suggestions{
width: 96%;
margin-left: 0px;
margin-right: 5px;
margin-top: 5px;
}

#suggestions td{
width: 33%;
color: #221d5d;
font-weight: bold;
text-transform: uppercase;
padding-right: 5px;
font-size: 10px;
}

#related_products img{
margin: 0px 25px 6px 0px;
}

#recent_products{
position: absolute;
top: 905px;
left: 610px;
width: 208px;
height: 137px;
overflow: hidden;
z-index: 11;
padding: 8px 8px 0px 8px;
background: url('images/structure/product/recent.gif') no-repeat;
color: #000000;
}


#content_products{
position: relative;
top: 140px;
left: 198px;
width: 615px;
margin-bottom:20px;
z-index: 9;
}

#product_images{
position: absolute;
top: 160px;
left: 350px;
width: 615px;
z-index: 8;
}

.product_col{
position: relative;
top: 0px;
left: 8px;
width: 142px;
height: 176px;
background: url('images/structure/product_frame_view.gif') no-repeat;
z-index: 9;
float: left;
margin: 0px 10px 10px 0px;
font-weight: bold;
}

.image_col{
position: relative;
top: 5px;
left: -144px;
width: 142px;
height: 176px;
z-index: 8;
float: left;
margin: 0px 10px 10px 0px;
font-weight: bold;
text-align: center;
}

.product_col p{
margin: 0px 20px 5px 10px;
}

#featured_products{
background: url('images/structure/featured_bg.gif') no-repeat;
height: 330px;
width: 432px;
text-align: center;
font-weight: bold;
margin-top: 5px;
}

#featured_products td{
color: #363670;
width: 144px;
}

#featured_products .product{
height: 293px;
padding-top: 2px;
}

.lower a:hover{
opacity: 0.5;
-moz-opacity:0.5;
}

#extras{
position: absolute;
top: 395px;
left: 640px;
width: 174px;
line-height: 14px;
z-index: 9;
}

#sizechart{
position: absolute;
top: -340px;
left: -280px;
height: 543px;
width: 723px;
background: url('images/structure/sizechart.gif') no-repeat;
display: none;
text-align: right;
z-index: 30;
color: #363670;
}

#sizechart_boot{
position: absolute;
top: -300px;
left: -280px;
height: 500px;
width: 700px;
background: url('images/structure/boot_sizechart.png') no-repeat;
display: none;
text-align: right;
z-index: 30;
color: #363670;
}

#sizechart_buoyancy{
position: absolute;
top: -300px;
left: -280px;
height: 500px;
width: 700px;
background: url('images/structure/buoyancy_sizechart.png') no-repeat;
display: none;
text-align: right;
z-index: 30;
color: #363670;
}

.pointer {
cursor: pointer;
}

.img_spce img{
margin-top: 3px;
}

.img_spce_height {
margin-top: 5px;
margin-bottom: 5px;
}

.img_bottom{
margin-bottom: 5px;
}

#querySearch{
margin-top: 8px;
}

.go{
  width: 21px;
  height: 20px;
  margin: 0px;
  border: 0px;
  background: transparent url('images/structure/btns/go.gif') no-repeat center bottom;
  overflow: hidden;
  cursor: pointer; 
}

.btnSend{
  width: 55px;
  height: 18px;
  margin: 0px;
  border: 0px;
  background: transparent url('images/structure/btns/send.gif') no-repeat center bottom;
  overflow: hidden;
  cursor: pointer; 
}

/* DOWNLOADS */

#brochure_scroller{
position: realtive;
top: 10px;
left: 5px;
background: url(images/structure/scroll_box_large.png) no-repeat;
height: 255px;
width: 593px;
padding: 8px;
z-index: 12;
}

/* MEDIA PAGE 	*/

#scrollers{
position: relative;
top: 10px;
height: 240px;
}

#video_scroller{
position: absolute;
top: 10px;
left: 5px;
background: url(images/structure/scroll_box.png) no-repeat;
height: 200px;
width: 271px;
padding: 8px;
z-index: 12;
}

#gallery_scroller{
position: absolute;
top: 10px;
background: url(images/structure/scroll_box.png) no-repeat;
left: 310px;
height: 200px;
width: 271px;
padding: 8px;
z-index: 12;
}

/* GALLERY */

.gallery{
margin-left: 45px;
}

.gallery img{
border: 1px solid #fff;
}

.gallery a:hover img {
border: 1px solid #d42739;
}

.gallery td{
width: 122px;
text-align: center;
}

.fixedContent{
height: 650px;
}

/* FOOTER */

#breaker{
position: relative;
top: 180px;
height: 3px;
width: 829px;
left: 3px;
background: url('images/structure/break.gif'); no-repeat; 
}

#footer{
position: relative;
top: 100px;
left: 200px;
height: 50px;
}

#via{
position: relative;
top: 180px;
left: 3px;
height: 80px;
}

#via img{
margin-top: 3px;
}

.capitalise{
text-transform: capitalize;
}

table #spares{
width: 400px;
}

table #spares td{
padding: 0px 10px 2px 0px;
}

table #spares .heading{
text-transform: uppercase;
padding: 15px 5px 11px 5px;
font-size: 14px;
background: url('images/structure/spares_bg.gif') no-repeat;
}

table #spares .top{
text-transform: uppercase;
padding: 15px 5px 11px 0px;
font-size: 14px;
background: url('images/structure/spares_bg.gif') no-repeat;
background-position: top right;
}

table #spares .col1{
width: 105px;
}


#downloads{
width: 100%;
padding: 5px;
}

#downloads td{
text-align: center;
font-weight: bold;
}

.frame{
position: relative;
margin-left: 10px;
margin-top: -20px;
background-color: #009bd1;
border: 6px solid #009bd1;
text-align: right;
float: right;
}

#stype{
position: absolute;
top: 125px;
right: 25px;
height: 15px;
width: 200px;
z-index: 15;
text-align: right
}

#stype em{
font-weight: normal;
color: #fff;
text-decoration: underline;
}

#stockist_search{
width: 600px;
}

#stockist_search select, #stockist_search input, #int_search select{
width: 160px;
margin-top: 5px;
}

#stockist_search input{
width: 100px;
margin-top: 5px;
}


#stockist_search input[type="submit"] {
margin-top: 17px;
width: 150px;
}

.find_stockists{
  width: 150px;
  height: 20px;
  margin: 0px;
  border: 0px;
  background: transparent url('images/structure/btns/find.gif') no-repeat center bottom;
  overflow: hidden;
  cursor: pointer;
}

#sitemap_table{
width: 100%
}

#sitemap_table td{
width: 33%;
}

#sitemap_table td em{
text-decoration: underline;
font-weight: bold;
color: #ffffff;
}

img.brandLogo {margin:-3px 5px;}