form {margin:0;}

html, body {background:#f2f2f3 url('media/gradient_bg.gif') top repeat-x;margin: 0; padding: 0; text-align: left;}

img {display: block;border:0;padding:0;margin:0;}

#container {width:1000px;margin:0 auto;background:#fff;}

#banner {padding:10px 20px 15px 20px;background:#fff;}
#logo {margin-top:4px;display:block;width:217px;}
#search {float:right;width:196px;text-align:right;}
.searchterm, .searchbutton {background:#f2f2f2 !important;border:1px solid #d9d9d9;font:10px arial,sans-serif;color:#808080;padding:2px 5px;margin:50px 0 0 0;}
.searchbutton {cursor:pointer;font-weight:bold;margin-left:7px;}
#banner_ad {float:right;width:380px;display:block;font:20px tahoma,arial,sans-serif;color:#ff0000;border:1px #d9d9d9 solid;height:80px;}
#banner_ad img {float:right;margin-left:50px;}
#banner_ad a {display:block;color:#ff0000;text-decoration:none;padding:5px 18px;height:70px;width:344px;}
#banner_ad span {line-height:1.3em;display:block;margin-top:8px;}

h1 {font:bold 30px arial,sans-serif;color:#ff0000;margin:0 0 20px 0;padding:0;}
h2 {font:bold 16px arial,sans-serif;color:#003e7e;margin:0 0 10px 0;padding:0;}  
h3 {font:bold 14px arial,sans-serif;color:#003e7e;margin:0 0 10px 0;padding:0;}  
h4 {font:bold 12px arial,sans-serif;color:#003e7e;margin:0 0 10px 0;padding:0;}  
h5 {font:bold 12px arial,sans-serif;color:#666;margin:0 0 0 0;padding:0;}
.bodytext {color:#666;font:12px arial,sans-serif;line-height:1.5em;}
#home .bodytext {color:#fff;}
.bodytext a {color:#ff0000;text-decoration:underline;}
.bodytext a:hover {color:#666;}
.bodytext p {margin:0;padding:0 0 15px 0;}
.large_red {font-size:16px;color:#ff0000;line-height:1.3em;}
.bodytext table {border-top:1px solid #999;border-left:1px solid #999;font-size:11px;margin-bottom:15px;line-height:1.4em;}
.bodytext table td {border-right:1px solid #999;border-bottom:1px solid #999;text-align:center;padding:3px 5px;vertical-align:top;}
.bodytext ul {margin-top:0;padding-top:0;}
p.subtext {font-size:11px;border-top:1px solid #e6e6e6;padding-top:10px;}
a.backlink {text-decoration:none;padding-left:9px;background:url('media/arrow_2.gif') 0 4px no-repeat;}

#cols {background:url('media/cols_bg.gif') repeat-y;min-height: 100%;}
#cols:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
#home #cols {background:url('media/home_cols_bg.gif') repeat-y;min-height: 100%;}
#home #cols:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
#left_col {float:left;width:216px;}
#main_col {float:left;width:568px;}
#right_col {float:left;width:216px;}

ul#main_menu {list-style:none;margin:0;padding:1px 0 0 0;background:url('media/left_menu_on.gif') top no-repeat;}
#main_menu li {font:bold 12px arial,sans-serif;color:#666666;text-transform:uppercase;padding:0;margin:0;display:inline;}
#main_menu li a {text-decoration:none;color:#666666;padding:10px 20px;display:block;background:url('media/left_menu_on.gif') bottom no-repeat;}
#main_menu li a:hover {color:#ff0000;}
#main_menu li.selected a {background:url('media/left_menu_on.gif') repeat-y;}

h3.left_heading {font:bold 12px arial,sans-serif;color:#666666;text-transform:uppercase;margin:30px 0 0 0;padding:10px 20px;background:url('media/left_menu_on.gif') repeat-y;}
dl#latest_news {margin:0;padding:0 20px;font:11px arial,sans-serif;color:#808080;line-height:1.4em;}
#latest_news dt {margin:20px 0 0 0;padding:0;}
#latest_news dt a {text-decoration:none;color:#ff0000;font-weight:bold;}
#latest_news dt a:hover {color:#666666;}
#latest_news dd {margin:3px 0 0 0;padding:0;}

#mailing_list {font:11px arial,sans-serif;color:#808080;line-height:1.4em;padding:0 20px;}
#mailing_list p {margin:0;padding:10px 0 0 0;}
.listemail, .listbutton {background:#f2f2f2 !important;border:1px solid #d9d9d9;font:11px arial,sans-serif;color:#808080;padding:2px 5px;margin:10px 0 0 0;}
.listbutton {cursor:pointer;font-weight:bold;margin-top:7px;}

h3.right_heading {font:bold 12px arial,sans-serif;color:#666666;text-transform:uppercase;margin:0;padding:10px 20px;background:url('media/right_menu_on.gif') repeat-y;}
ul#product_list {list-style:none;margin:0;padding:0;}
#product_list li {font:bold 12px arial,sans-serif;color:#fff;padding:0;margin:0;display:inline;}
#product_list li a {text-decoration:none;color:#fff;padding:11px 20px 9px 20px;display:block;background:url('media/right_menu_divide.gif') top no-repeat;}
#product_list ul, #product_list ul li {margin:0;padding:0;background:none;}
#product_list ul {padding-bottom:5px;margin-top:-5px;}
#product_list li li a {padding:0 20px 5px 33px;background:url('media/arrow_1.gif') 24px 3px no-repeat;font-size:11px;}
#product_list a:hover {text-decoration:underline;}

#product_media {border-bottom:1px solid #e6e6e6;margin-bottom:10px;padding-bottom:10px;}
#product_media #extra {float:right;width:100px;text-align:center;}
#product_media #extra img {margin:0 auto;}
#product_media #extra a.pdf {margin-top:28px;background:url('media/pdf_icon.gif') top no-repeat;padding:36px 0 0 0;font:10px arial,sans-serif;display:block;text-decoration:none;color:#666;}
#product_media #extra a.pdf:hover {color:#ff0000;}

#flashbanner {height:210px;background:#00264f url('media/waves.jpg') no-repeat;}
#flashbanner h1 {padding:150px 0 0 24px;margin:0;font:normal 36px arial,sans-serif;color:#ff0000;text-transform:lowercase;}
#flashbanner h1 span {font-weight:bold;}
#main_content {border-top:1px solid #e6e6e6;padding:20px 24px 20px 24px;}
#home #main_content {background:#00264f;border-top:none;padding:0;}
#home #main_content .bodytext {padding:0 24px 20px 24px;}

#product_accordion h2 {cursor:pointer;outline:none;}
#product_accordion h2.ui-state-active {color:#ff0000;}
.product_info {border-top:1px solid #e6e6e6;padding-top:10px;}
.product_info .thumb {width:158px;float:left;margin-bottom:15px;}
.product_info .thumb img {margin:0 auto;}
.product_info .desc {width:353px;float:right;margin-bottom:15px;}
.product_info h3 {font:bold 12px arial,sans-serif;color:#ff0000;margin:0;padding:0;display:inline;}
.product_info a {text-decoration:none;color:#ff0000;}
.product_info a:hover {color:#666;}

#listing dt a {font-size:16px;color:#003e7e;text-decoration:none;font-weight:bold;display:block;}
#listing dt a span {display:block;font-size:12px;color:#999999;}
#listing dt a:hover {color:#ff0000;}
#listing dd {margin:0 0 15px 0;border-bottom:1px solid #e6e6e6;padding:0 0 15px 0;}
#listing dd a {text-decoration:none;}

.event_listing {border-top:1px solid #e6e6e6;padding-top:10px;}
.event_listing .thumb {width:158px;float:left;margin-bottom:15px;}
.event_listing .thumb img {margin:0 auto;}
.event_listing .desc {width:353px;float:right;}
.event_listing h3 {font:bold 14px arial,sans-serif;color:#ff0000;margin:0;padding:0;}
.event_listing a {text-decoration:none;color:#ff0000;}
.event_listing a:hover {color:#666;}   

#map {height:300px;background:url('media/map_bg.gif') top no-repeat;position:relative;}
#map_us {width:40px;height:41px;position:absolute;top:90px;left:100px;cursor:pointer;}
#map_uk {width:40px;height:41px;position:absolute;top:50px;left:220px;cursor:pointer;}
#map_asia {width:40px;height:41px;position:absolute;top:150px;left:360px;cursor:pointer;}
#map_us a, #map_uk a, #map_asia a {width:40px;height:41px;display:block;filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;}
#map_us a:hover, #map_uk a:hover, #map_asia a:hover {filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;}

.contact_col1 {width:143px;float:left;margin-bottom:10px;}
.contact_col2 {width:318px;float:right;margin-bottom:10px;}
h3.contact_heading {color:#ff0000;margin-top:10px;font-size:18px;}
.contact_category {border-top:1px solid #e6e6e6;padding-top:10px;}
.contact_category h4 {font-size:16px;}
.contact_category h5 {font-size:12px;line-height:1.5em;}

/* forms */
#form {border-top:1px solid #e6e6e6;padding-top:10px;}
.form {width:100%;margin:0;padding:0 0 15px 0;}
.form dt, .form dd {float: left;margin:10px 0 0 0;padding:0;}
.form dt {clear: left;width: 40%;text-align: right;padding-right: 6%;padding-top:4px;}
.form .required {background:url('media/asterisk.gif') top right no-repeat;}
.form .comment {font-weight:normal;color:#808080;font-style:italic;}
.form dd {width: 53%;}
.form .gap {margin-top:25px;}

.formfield input, .formfield textarea, .formfield select, .formfielderror input, .formfielderror textarea, .formfielderror select {border:1px #999 solid;font:12px arial, sans-serif; padding:5px 5px;color:#666;}
.formfielderror input, .formfielderror textarea, .formfielderror select {border:1px #ff0000 solid;}
.errortext {font-size:10px;color:#ed1d3b;}
.formfield option, .formfielderror option {background:#fff;}
.button {background:#f2f2f2 !important;border:1px solid #999;font:bold 14px arial,sans-serif;color:#666;padding:5px 5px;cursor:pointer;}

.clear {clear:both;}
                                                                                                                       
#icons {height:96px;background:url('media/cols_btm.gif') top no-repeat;}
#home #icons {background:url('media/home_cols_btm.gif') top no-repeat;}
#icons #ukas {float:left;padding:30px 0 0 64px;}
#icons #mojave {float:left;padding:49px 0 0 119px;}
#icons #comanche {float:left;padding:46px 0 0 35px;}
#icons #mohican {float:left;padding:47px 0 0 35px;}
#icons #super_mohawk {float:left;padding:36px 0 0 35px;}
#icons #mohawk {float:left;padding:47px 0 0 35px;}
#icons #navajo {float:left;padding:49px 0 0 35px;}
#icons #triton {float:right;padding:30px 21px 0 0;}
#icons #subcan {float:right;padding:30px 28px 0 0;}

#company_menu {height:83px;padding:0 32px;border-top:1px solid #e6e6e6;}

#company_pss {
    position:relative;
    background-image: url(media/logos/pss2.jpg);
    background-repeat: no-repeat;
    float:right;
    width: 118px;
    height: 22px;
    margin: 30px 0px 0px 0px;
    padding: 0px;
    }

#company_pss a {
    position: absolute;
    display: block;
    float: right;
            }

#company_pss img {width: 118px; height: 22px; border: 0; }
* html a:hover {visibility:visible}
#company_pss a:hover img{visibility:hidden}

#company_sub {
    position:relative;
    background-image: url(media/logos/sub2.jpg);
    background-repeat: no-repeat;
    float:right;
    width: 86px;
    height: 28px;
    margin: 27px 0px 0px 36px;
    padding: 0px;
    }

#company_sub a {
    position: absolute;
    display: block;
    float: right;
            }

#company_sub img {width: 86px; height: 28px; border: 0; }
* html a:hover {visibility:visible}
#company_sub a:hover img{visibility:hidden}

#company_ukps {
    position:relative;
    background-image: url(media/logos/ukps2.jpg);
    background-repeat: no-repeat;
    float:right;
    width: 46px;
    height: 26px;
    margin: 28px 0px 0px 36px;
    padding: 0px;
    }

#company_ukps a {
    position: absolute;
    display: block;
    float: right;
            }

#company_ukps img {width: 46px; height: 26px; border: 0; }
* html a:hover {visibility:visible}
#company_ukps a:hover img{visibility:hidden}
   
#company_subco {
    position:relative;
    background-image: url(media/logos/subco2.jpg);
    background-repeat: no-repeat;
    float:right;
    width: 48px;
    height: 34px;
    margin: 24px 0px 0px 36px;
    padding: 0px;
    }

#company_subco a {
    position: absolute;
    display: block;
    float: right;
            }

#company_subco img {width: 48px; height: 34px; border: 0; }
* html a:hover {visibility:visible}
#company_subco a:hover img{visibility:hidden}
   
#company_cyn {
    position:relative;
    background-image: url(media/logos/cyn2.jpg);
    background-repeat: no-repeat;
    float:right;
    width: 66px;
    height: 34px;
    margin: 24px 0px 0px 36px;
    padding: 0px;
    }

#company_cyn a {
    position: absolute;
    display: block;
    float: right;
            }

#company_cyn img {width: 66px; height: 34px; border: 0; }
* html a:hover {visibility:visible}
#company_cyn a:hover img{visibility:hidden} 
   
#company_gems {
    position:relative;
    background-image: url(media/logos/gems2.jpg);
    background-repeat: no-repeat;
    float:right;
    width: 54px;
    height: 34px;
    margin: 24px 0px 0px 36px;
    padding: 0px;
    }

#company_gems a {
    position: absolute;
    display: block;
    float: right;
            }

#company_gems img {width: 54px; height: 34px; border: 0; }
* html a:hover {visibility:visible}
#company_gems a:hover img{visibility:hidden}
   
#company_dps {
    position:relative;
    background-image: url(media/logos/dps2.jpg);
    background-repeat: no-repeat;
    float:right;
    width: 46px;
    height: 36px;
    margin: 23px 0px 0px 36px;
    padding: 0px;
    }

#company_dps a {
    position: absolute;
    display: block;
    float: right;
            }

#company_dps img {width: 46px; height: 36px; border: 0; }
* html a:hover {visibility:visible}
#company_dps a:hover img{visibility:hidden} 
   
#company_dpso {
  position:relative;
  background-image: url(media/logos/dpso2.jpg);
  background-repeat: no-repeat;
  float:right;
  width: 79px;
  height: 28px;
  margin: 27px 0px 0px 36px;
  padding: 0px;
    }

#company_dpso a {
    position: absolute;
    display: block;
    float: right;
            }

#company_dpso img {
  width: 79px;
  height: 28px;
  border: 0;
}
* html a:hover {visibility:visible}
#company_dpso a:hover img{visibility:hidden} 
   
#company_vmax {
    position:relative;
    background-image: url(media/logos/vmax2.jpg);
    background-repeat: no-repeat;
    float:right;
    width: 66px;
    height: 18px;
    margin: 32px 0px 0px 36px;
    padding: 0px;
    }

#company_vmax a {
    position: absolute;
    display: block;
    float: right;
            }

#company_vmax img {width: 66px; height: 18px; border: 0; }
* html a:hover {visibility:visible}
#company_vmax a:hover img{visibility:hidden} 
   
#company_seafloor {
    position:relative;
    background-image: url(media/logos/seafloor2.jpg);
    background-repeat: no-repeat;
    float:right;
    width: 81px;
    height: 16px;
    margin: 33px 0px 0px 36px;
    padding: 0px;
    }

#company_seafloor a {
    position: absolute;
    display: block;
    float: right;
            }

#company_seafloor img {width: 81px; height: 16px; border: 0; }
* html a:hover {visibility:visible}
#company_seafloor a:hover img{visibility:hidden} 
   
#company_visual {
    position:relative;
    background-image: url(media/logos/visual2.jpg);
    background-repeat: no-repeat;
    float:right;
    width: 63px;
    height: 19px;
    margin: 32px 0px 0px 36px;
    padding: 0px;
    }

#company_visual a {
    position: absolute;
    display: block;
    float: right;
            }

#company_visual img {width: 63px; height: 19px; border: 0; }
* html a:hover {visibility:visible}
#company_visual a:hover img{visibility:hidden}  
   
#company_ets {
    position:relative;
    background-image: url(media/logos/ets2.jpg);
    background-repeat: no-repeat;
    float:right;
    width: 44px;
    height: 24px;
    margin: 29px 0px 0px 36px;
    padding: 0px;
    }

#company_ets a {
    position: absolute;
    display: block;
    float: right;
            }

#company_ets img {width: 44px; height: 24px; border: 0; }
* html a:hover {visibility:visible}
#company_ets a:hover img{visibility:hidden}


#footer {width:1000px;min-height:20px;margin:0 auto;padding:10px 18px 18px 18px;font:11px arial,sans-serif;color:#999;line-height:1.6em;}
#footer p {margin:0;padding:0;}
#footer a {font-weight:bold;color:#999;text-decoration:none;}
#footer a:hover {text-decoration:underline;}                                  
#footer span {margin-left:18px;}
