body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
background-image: url("../images/bg.gif");
background-repeat: repeat-y;
background-position: center;
}

#wrapper {
text-align: left;
width: 764px;
_width: 800px;
padding-left: 18px;
padding-right: 18px;
margin: 0px auto;
}

#page {
margin: 0px auto;
}

#title {
color: #3B5998;
text-align: left;
padding-left: 5px;
padding-bottom: 10px;
}

.toptitle {font-size:20px;}
.topsubtitle {font-size:14px; color:#000000;}

#topbar {
clear: both;
text-align: left;
border-top: 1px solid #3B5998;
border-bottom: 1px solid #3B5998;
margin-top: 10px;
padding: 4px 4px 6px 3px;
font-size: 10px;
}

img.icon {border:0px; vertical-align: bottom; margin-right: 3px;}

ul.nav {
margin: 0px;
padding: 0px;
list-style: none;
}
ul.nav li{ display: inline;}

#topbar a, #topbar a:link, #topbar a:visited {
color:#3B5998; 
background-color:#FFFFFF;
margin: 0px;
padding: 4px 7px 0px 0px;
vertical-align: bottom;
}
#topbar a:active, #topbar a:hover {color:#FF3300;}

#mainwelcome {
width: 410px;
_width: 430px;
margin-top: 20px;
margin-left: 20px;
padding-right: 20px;
_float: left;
}

#mainwelcome a:hover {font-weight: bold;}

ul.welcome li {
margin: 0px;
padding: 0px;
list-style: disc;
}


#mainlatest {
width: 430px;
margin-left: 20px;
padding-top: 36px;
_float: left;
}
#mainlatest a:hover {font-weight: bold;}

img.latest {
clear: both;
_float: left;
border: 0;
}

#mainright {
margin-right: 15px;
margin-top: 20px;
padding-left: 20px;
width: 280px;
_width: 300px;
float: right;
clear: both;
}

#mainright a:hover {font-weight: bold;}

ul.featured li{
font-size: 10px;
margin: 0px;
padding: 0px;
list-style: square;
clear: both;
}

h1 {font-size: 15px; color: #336699; font-weight: bold;}
p {font-size: 12px; color: #000000;}
h2 {font-size: 12px; color: #336699;}
h2.red {font-size: 12px; color: #FF3300;}
h3 {font-size: 10px; color: #000000;}
h4 {font-size: 12px; color: #000000; font-weight: normal; _margin-top: -15px;}
h5 {font-size: 10px; font-weight: normal; margin-top: -10px; _margin-top: -15px;}
h5.clear {font-size: 10px; font-weight: normal; margin-top: -15px; clear: both; margin-bottom: -10px;}
h5.red {color: #FF3300; font-size: 10px; font-weight: normal; margin-top: 5px;}



#bottomlinks {
margin-top: 15px;
text-align: center;
padding: 5px;
font-size: 9px;
_font-size: 10px;
color: #000000;
clear: both;
}
#bottomlinks a, #bottomlinks a:link, #bottomlinks a:visited, #bottomlinks a:active, #bottomlinks a:hover {color: #000000;}
#bottomlinks a:hover {font-weight: bold;}

.fourlinks {width: 170px; padding: 5px; _padding: 10px; vertical-align: top;}
.fourlinks a, .fourlinks a:link, .fourlinks a:visited, .fourlinks a:active, .fourlinks a:hover {color: #3B5998;}
.fourlinks a:hover {font-weight: bold;}

img.fourpics, img.fourpics a, img.fourpics a:link, img.fourpics a:visited, img.fourpics a:active, img.fourpics a:hover {margin-left: 25px; margin-right: 20px; vertical-align: top; border: 0px;}

img.ball {
border: 0px;
width: 10px;
height: 10px;
}

#footer {
background-color:#3B5998;
padding: 5px;
font-size: 10px;
color: #FFFFFF;
line-height: 15px;
clear: both;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active, #footer a:hover {color: #FFFFFF;}
#footer a:hover {font-weight: bold;}




#catalogue {
margin-top: 20px;
margin-left: 20px;
text-align: left;
}

marquee.IP67, marquee.IP67 a{color: #FF0000; font-size: 12px; font-weight: bold; padding: 10px;}

hr {clear:both;}

ul.catnav {
text-align: center;
margin: 0px;
padding: 10px;
list-style: none;
}
ul.catnav li, ul.catnav li a, ul.catnav li a:link, ul.catnav li a:visited, ul.catnav li a:active, ul.catnav li a:hover{
display: inline;
padding: 5px;
font-size: 12px;
}
ul.catnav li a:hover {font-weight: bold;}

.cath1 {color:#003366; font-size:18px; font-weight:bold; clear: both;}
.cath2 {color:#3B5998; font-size:12px; font-weight:bold;}
.cath3 {color:#3B5998; font-size:11px;}

#item {
margin: 5px;
width: 175px;
float: left;
text-align: center;
padding-top: 20px;
}

#item2 {
margin: 10px;
width: 220px;
float: left;
text-align: center;
padding-top: 20px;
}

.cath2 a, .cath2 a:link, .cath2 a:visited, .cath2 a:active, .cath2 a:hover {color: #3B5998;}
.cath2 a:hover {color:#FF3300;}
.cath3 a, .cath3 a:link, .cath3 a:visited, .cath3 a:active, .cath3 a:hover {color: #3B5998;}
.cath3 a:hover {color:#FF3300;}

img.item, img.item a, img.item a:link, img.item a:visited, img.item a:active, img.item a:hover {border: 0px; float: left; margin: 5px;}
img.item2, img.item2 a, img.item2 a:link, img.item2 a:visited, img.item2 a:active, img.item2 a:hover {border: 0px; margin: 5px;}

ul.item {
text-align: left;
margin: 0px;
padding: 5px;
}
ul.item li {color:#000000; font-size:10px; list-style: none;}

.more, .more a, .more a:link, .more a:visited, .more a:active, .more a:hover {font-size: 10px; color:#3B5998; margin-top:5px; margin-bottom: 10px; clear: both;}
.more a:hover {color:#FF3300;}

.red, .red a, .red a:link, .red a:visited, .red a:active, .red a:hover {color:#FF3300; font-size:10px; list-style: none;}
.red a:hover {font-weight: bold;}

.red2 {color:#FF3300;}

ul.item2 {
text-align: left;
margin: 0px;
padding: 5px;
width: 100px;
float: left;
}
ul.item2 li {color:#000000; font-size:10px; list-style: none;}

ul.item3 {
text-align: left;
margin: 0px;
padding: 5px;
width: 100px;
}
ul.item3 li {color:#000000; font-size:10px; list-style: none;}

.IPh1 {color:#000000; font-size:20px; margin: 5px; border-bottom: 2px dashed FFFF00; float: left;}
#IP {
width: 150px;
clear: both;
float: left;
margin: 5px;
}
#IP2 {
width: 575px;
margin: 5px;
margin-bottom: 20px;
}

#contact {
margin: 10px;
float: left;
}

img.contact {border: 0px; float: left; clear: both;}

#contact2 {
margin-top: 50px;
padding: 0 10px 0 0;
float: right;
}

.contacterror {font-size: 12px; color:#FF0000; font-weight: bold;}

#contactform {
width: 80px;
font-size: 12px;
color:#336699;
float: left;
}
#contacterror {
width: 10px;
font-size: 12px;
color:#FF0000;
float: left;
}
#contacterror2 {
width: 150px;
font-size: 10px;
color:#FF0000;
float: left;
}

#form {
border: 1px solid #336699;
margin-top: 10px;
width: 380px;
padding: 20px 0 0 20px;
}

#contactcheckbox {font-size: 10px;}


#products {
margin: 20px;
text-align: center;
color: #000000;
vertical-align: bottom;
}

.product_title {font-size: 30px; text-decoration: underline;}
img.products {border: 0px; float: left; clear: both; height: 50px;}
img.products2 {border: 0px; width: 200px;}

#product_disc {
margin: 20px;
text-align: left;
}
#product_disc a, #product_disc a:link, #product_disc a:visited, #product_disc a:active, #product_disc a:hover {color: #3B5998;}
#product_disc a:hover {color: #FF3300;}

#product_image {border: 0px; float: right; padding: 20px; font-size: 10px; text-align: center;}

#specs {
padding: 20px;
text-align: left;
color: #000000;
}
.specs {font-seize: 16px; font-weight: bold;}

table.specs {font-size: 10px; padding: 20px; font-weight: normal; float: left;}

td, tr {vertical-align: top;}
tr.blue {background-color: #f0f0f0;}
td.feature {width: 90px; text-align: right;}
td.spacer {width: 10px;}
td.details {width: 240px;}
tr.small {font-size: 10px;}

#sum {margin-top: 40px; font-size: 12px; clear: both;}

.image2 {border: 0px;}

#ce8640specs {width: 700px;}

#duopics {padding: 10px;}
image.duo {margin-left: 0px; margin-top: 10px; border: 0px; height: 170px; text-align: center;}

img.xr1 {border: 0px; padding: 10px; width: 350px;}

#accessories {font-size: 8px; text-align: center;}

table.acc {font-size: 10px;}

img.bene {border: 0px; float: right;}
img.benpic {border: 0px; float: left; margin-right: 15px; margin-bottom: 10px;}

ul.benefits {margin: 10px; padding: 0px;}

#battpacks {margin: 30px 30px 30px 30px; font-size: 12px;}