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: #1e1c5a;
 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;	
}
		
.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;
}
		
.magnifierControllerButton{
color: #666666;
cursor: pointer;
background-color: #eeeeee;
border: solid 1px #dddddd;
padding: 0px 4px 0px 4px;
}
		
.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: 16px;
 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;
}

.green{
color: #99b07b;
}

.green_pad{
padding: 5px;
background-color: #000066;
margin-left: -5px;
color: #99b07b;
}

.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;
}

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;
}

.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:3px;
margin-right:10px;
margin-bottom:0px;
}


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;
}

#logout{
position: absolute;
top: 15px;
right: 20px;
}

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

#nav{
position: absolute;
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;
}

#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;
}

#homepage{
position: relative;
top: 125px;
left: 198px;
height: 685px;
width: 617px;
background: url('images/structure/homepage_bg.jpg') no-repeat;
z-index: 9;
}

#homepage p{
margin-left: 260px;
margin-right: 15px;
}

#homepage img.floating{
margin-left: 260px;
margin-top: 28px;
}

#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;
}

#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: 890px;
z-index: 11;
line-height: 12px;
background: url('images/structure/product_bg.jpg') no-repeat;
}

#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: 30;
}


.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 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;
}

#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;
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_bg.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;
}

.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; 
}

/* FOOTER */

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

#footer{
position: relative;
top: 65px;
left: 215px;
height: 50px;
font-size: 11px;
}

#via{
position: relative;
top: 145px;
left: 20px;
height: 80px;
font-size: 11px;
}

#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;
}

#login_form{
position: relative;
top: 100px;
left: 20px;
z-index: 9;
}