html { font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px; } 
body { padding:0px; margin:0px; font-size: 12px; text-align: center; color: #333333;}

p {padding: 0; margin: 0;}
h1 { color: #006699; font-size: 16px; }
h2 { color: #006699; font-size: 12px; }

.fl {float: left;}
.fr {float: right;}
.clear { clear: both; }
.redtxt { color: #f00; }

.outsidecontainer { width:855px; margin:0px auto; background: #fff url(../images/background/bg_body.gif) repeat-y;}
.outsidecontainer .innercontainer { width:800px; background: #fff; float:left; margin-left: 28px;}
.cbottom { width:855px; height:33px; margin:0px auto; background: #fff url(../images/background/bg_bottom.gif) no-repeat;}


.header { width:800px; }
.time { display:none;}
.topnavbar { width:800px; height:30px; background: #3299CC url(../images/background/bg_nav.gif) repeat-x 0px 20px; color: #ffffff; display: block;}

.topnavbar .nav { background: #3299CC; color:#fff; height:20px; line-height:20px;  }
.topnavbar .nav, 
.topnavbar .nav ul { list-style:none; margin:0; padding-left: 70px; }
.topnavbar .nav ul li {display: inline;  float:left;}
.topnavbar .nav ul li a { display:block; color:#fff; text-decoration:none; padding:0px 10px; }
.topnavbar .nav ul li:hover {background:#005486}

.contentcontainer { width:800px; text-align:left;}
.contentcontainer .breadcrumb { height:25px; color:#666666 ; text-align:left; font-size: 0.85em; padding-left: 10px;}
.contentcontainer .breadcrumb span.current{ color:#0064A5 ; }
.contentcontainer .breadcrumbhome { height:25px; color:#0064A5 ; text-align:left;  font-size: 0.85em; padding-left: 10px; background: #fff url(../images/background/bg_breadcrumbhome.gif)}
.contentcontainer .bg_breadcrumbproduct { height:25px; color:#666666 ; text-align:left;  font-size: 0.85em; padding-left: 10px; background: #fff url(../images/background/bg_breadcrumbproduct.gif)}
.contentcontainer .bg_breadcrumbproduct span.current { color:#0064A5 ; }
.contentcontainer .lhs { width:140px; float:left; }
.contentcontainer .rhs { width:660px; float:left; }

.lhs .search { background:#E6F1F6; color:#0064A5 ; width:140px; overflow:hidden;}
.lhs .search .searchtitle { padding: 2px 0 2px 10px; }
.lhs .search .searchfield { }
.lhs .search .searchfield a { text-decoration: none; color:#0064A5; }
.lhs .search .searchfield input[type=text] { margin: 0 2px 5px 10px;  width: 100px; height: 14px; border: 1px solid #ccc; }
.lhs .search .searchfield img { float:left; padding-top: 3px;}
.lhs .producttitle { width:140px; color:#0064A5 ; background:#E6F1F6;}
.lhs .producttitle a { padding: 2px 0 2px 5px; text-decoration: none; color:#0064A5 ; display:block; }
.lhs .producttitle a:hover { background:#0064A5; color: #fff;}
.lhs .producttitleselected { width:140px; color:#0064A5 ; padding: 2px 0 2px 0; background:#005486;}
.lhs .producttitleselected a { padding-left: 5px; text-decoration: none; color:#fff ; }
.lhs ul { width:140px; background:#E5F1F6; color:#0064A5; list-style:none; margin:0; padding: 0; line-height:20px; }
.lhs ul li { width:140px; display:block; border-top: 1px #fff solid; } 
.lhs ul li.expandable { background: #fff url(../images/background/bg_lhsmenu.gif)}
.lhs ul li.expandable1 { background: #E5F1F6; }
.lhs ul li a { color:#0064A5; text-decoration: none; padding-left: 5px;}
.lhs ul li.expanded { background: #BBC3C6 url(../images/background/bg_lhsmenu_expanded.gif) }
.lhs ul li.expanded1 { background: #BBC3C6; }
.lhs ul li.bottom { height:54px; background: #fff url(../images/background/bg_leftnav_bottom.gif) }
.lhs ul li.bottom:hover {  height:54px; background: #fff url(../images/background/bg_leftnav_bottom.gif) }
.lhs ul li:hover {background:#005486;}
.lhs ul li:hover a {color: #fff;}
.lhs ul li:hover li a {color: #0064A5;}

.lhs ul li ul li { background:#EEF0F1; } 
.lhs ul li ul li.current { background:#005486; }
.lhs ul li ul li.current a { color: #fff; }
.lhs li ul li:hover {background:#005486;}
.lhs li ul li:hover a {color: #fff;}


.rhs .homecontent { width:440px; margin: 0 20px; overflow:hidden;}
.rhs .newsletter { width:180px; float:left; background: #BBD9E8;}
.rhs .widecontent { width:620px; margin: 0 20px; overflow:hidden; color: #666666; }
.rhs .productdetail { width:640px; margin-left: 20px; overflow:hidden; color: #666666; position: relative; }
.rhs .productdetail .quoterequest { position: absolute; top: 0; right: 0;}
.rhs .quoterequest { width:210px; background: #BBD9E8;}

.homecontent span.title { color: #0064A5; font-weight: bold; font-size: 1.2em; }
.newsletter .newsletterboxtop { height:11px; background: #BBD9E8 url(../images/background/bg_newsletterbox_top.gif) no-repeat bottom; }
.newsletter .newsletterboxbottom { height:14px; background: #BBD9E8 url(../images/background/bg_newsletterbox_bottom.gif) no-repeat;}
.newsletter .newsletterbox { background: #BBD9E8 url(../images/background/bg_newsletterbox.gif) repeat;}
.newsletter .newsletterbox .innerbox { width:160px; margin-left: 11px;}
.newsletter .newsletterbox .innerbox .indent1 { padding-left: 10px; }
.newsletter .newsletterbox .innerbox .indent2 { padding: 2px 0 8px 15px; font-size: 0.95em;}
.newsletter .newsletterbox .innerbox .indent3 { padding-left: 10px; font-size: 0.95em; }
.newsletter .newsletterbox .innerbox .input { padding: 2px 0 8px 15px; }
.newsletter .newsletterbox .innerbox .input input[type=text] { border:0; font-size: 0.95em; }
.newsletter .newsletterbox .innerbox .button { padding-right: 25px; }
.newsletter .newsletterbox .innerbox .button a { background: #2FA0CC; text-decoration:none; color: #fff; float: right; padding: 1px 5px;}
.newsletter .catalogue { text-align: center;}
.newsletter .contactnumber {  width:160px; margin-left: 20px; font-size: 0.85em; overflow:hidden;}
.newsletter .newletterbottom { height:100px; background: #fff url(../images/background/bg_newsletter_bottom.gif) no-repeat; }

.footer { width:800px; margin:30px 0 20px 0; font-size: 0.85em; }
.footer a {color: #58595B; text-decoration: none;}
.footer span.copyright {color: #999999; }
.footer span.blue a {color: #0063A5; }

.news { width: 430px; margin: 0 10px;  }
.news .newstitle { width: 430px; height: 28px; background: #fff url(../images/background/bg_newstop.jpg); }
.news .newstitle .title { color: #0064A5; font-weight: bold; font-size: 1.2em; padding: 8px 0 0 20px;}
.news .newsbodypad { width: 430px; height:10px; background: #fff url(../images/background/bg_newsbody.gif) repeat; }
.news .newsbody { width: 430px; background: #fff url(../images/background/bg_newsbody.jpg) repeat; margin-top:-10px; }
.news .newsbody .newsitem { width:405; margin: 10px 15px 5px 10px; text-align:left; clear:both; overflow:hidden;}
.news .newsbody .newsitem .itemimage {width: 30px; display: block; margin-right: 10px;}
.news .newsbody .newsitem .itemtext {width: 360px; display: block; float:left;}
.news .newsbody .newsitem .itemtext .title { }
.news .newsbody .newsitem .itemtext .title a { color: #333333; font-weight:bold; text-decoration: none;}
.news .newsbody .newsitem .itemproductimage {width: 400px; display: block; margin-right: 5px; padding-bottom:20px}
.news .newsbody .newsitem .itemproducttext {width: 400px; display: block; float:left;}
.news .newsbody .newsitem .itemproducttext .title { padding-bottom:10px; }
.news .newsbody .newsitem .itemproducttext .title a { color: #333333; font-weight:bold; text-decoration: none;}
.news .newsbottom { width: 430px; height: 28px; background: #fff url(../images/background/bg_newsbottom.jpg) repeat; margin-top:-5px; }

.widecontent p { margin-top: 10px; }
.widecontent .productboxtop { height:20px; background: url(../images/background/bg_productbox_top.gif) no-repeat bottom; }
.widecontent .productbox { width: 580px; height: 460px; margin-left: 20px; background: #EFF0F1 url(../images/background/bg_productbox_body.gif) repeat; text-align:center;}
.widecontent .productbox .producttype { width:460;  margin: 0 60px; /*background: #000000;*/ }
.widecontent .productbox .producttype .typeimage {width: 140px; margin-right: 20px; display: block; float:left;}
.widecontent .productbox .producttype .typeimagelast {width: 140px; display: block; float:left;}
.widecontent .productbox .producttypespacer { width:460; height: 20px; clear:both; }
.widecontent .productboxbottom { height:20px; background: url(../images/background/bg_productbox_bottom.gif) no-repeat bottom; }

.productlist { width: 620px; margin: 0 10px;  }
.productlist .productlisttitle { width: 620px; height: 28px; background: #fff url(../images/background/bg_productlist_top.gif) }
.productlist .productlisttitle .title { color: #0064A5; font-weight: bold; font-size: 1.2em; padding: 8px 0 0 20px;}
.productlist .productlistbody { width: 620px; background: #fff url(../images/background/bg_productlist_body.gif) repeat; }
.productlist .productlistbody .display { text-align:right; padding-right: 25px;}
.productlist .productlistbody .productlist { width:532px; margin-left: 44px; margin-top:20px; }
.productlist .productlistbody .productlist .product { width:164px; margin-right: 20px; float: left; }
.productlist .productlistbody .productlist .productlast { width:164px; float: left; }
.productlist .productlistbody .productlist .product .productimage,
.productlist .productlistbody .productlist .productlast .productimage { width: 164px; height: 164px; background: #fff url(../images/background/bg_product.gif) }
.productlist .productlistbody .productlist .product .productimage img,
.productlist .productlistbody .productlist .productlast .productimage img { width: 140px; height: 140px; margin: 12px; }
.productlist .productlistbody .productlist .product .productname,
.productlist .productlistbody .productlist .productlast .productname { width: 164px; display: block; text-align:center; }
.productlist .productlistbody .productlist .product .productname a,
.productlist .productlistbody .productlist .productlast .productname a { text-decoration: none; color: #333333; }
.productlist .productlistbody .productlist .productspacer { width: 532px; clear: both; height: 20px; }
.productlist .productlistbottom { width: 620px; height: 28px; background: #fff url(../images/background/bg_productlist_bottom.gif) repeat; clear:both; }

.productdetail .producttitle { width: 427px; height: 28px; background: #fff url(../images/background/bg_productdetail_top.gif); }
.productdetail .producttitle .title { color: #0064A5; font-weight: bold; font-size: 1.2em; padding: 8px 0 0 20px;}
.productdetail .productdetailbody { width: 410px; float:left; background: #fff url(../images/background/bg_productlist_body.gif) repeat;  }
.productdetail .productdetailbody .productimage { width: 245px; height: 245px; margin-left: 10px; margin-top: 10px; background: #fff url(../images/background/bg_productdetail.gif) }
.productdetail .productdetailbody .productimage img { width: 215px; height: 215px; margin: 10px; }
.productdetail .productdetailbody .productimage .caption { margin-left: 12px; margin-top: 10px; }
.productdetail .productdetailbody .productimage .caption a{ color:#0064A5; text-decoration:none; }
.productdetail .productdetailbody .productinfo { width: 144px; margin-left: 10px; margin-top: 10px; overflow:hidden;}
.productdetail .productdetailbody .productinfo .title { width: 144px; font-weight: bold; margin-top: 10px;}
.productdetail .productdetailbody .productinfo .value { width: 114px; margin-left: 30px;}
.productdetail .productdetailbody .productinfo .title a.linedrawing { line-height: 12px;  color:#0064A5; text-decoration:none; padding-left: 12px; display:inline; background: #fff url(../images/background/bg_linedrawing.gif) no-repeat;}

.productdetail .productdetailbody .productdesc { width: 390px; margin-left: 20px; }
.productdetail .productdetailbody .subheading { width: 340px; margin-left: 20px; margin-top: 30px; font-weight: bold; }
.productdetail .productdetailbody .desc { width: 360px; margin-left: 50px;  margin-top: 10px;}
.productdetail .productdetailbody .desc ul { margin: 15px; list-style: square;}
.productdetail .productdetailbody p.indent { width: 500px; margin-left: 50px;}
.productdetail .productdetailbody .printarea { width: 500px; margin-left: 100px; float:left; }
.productdetail .productdetailbody .printarea a.linedrawing { line-height: 12px;  color:#0064A5; text-decoration:none; padding-left: 12px; display:inline; background: #fff url(../images/background/bg_linedrawing.gif) no-repeat;}
.productdetail .productdetailbottom { width: 640px; height: 28px; background: #fff url(../images/background/bg_productdetail_bottom.gif) no-repeat; clear:both; }
.productdetail .productdetailbottom a { text-decoration: none; color: #666666; padding-right: 20px; float: right; }

.productdetail .productdetailbody2 { overflow: hidden;}

.quoterequest .quoterequestboxtop { height:11px; background: #BBD9E8 url(../images/background/bg_quoterequestbox_top.gif) no-repeat bottom; }
.quoterequest .quoterequestboxbottom { height:14px; background: #BBD9E8 url(../images/background/bg_quoterequestbox_bottom.gif) no-repeat;}
.quoterequest .quoterequestbox { background: #BBD9E8 url(../images/background/bg_quoterequestbox.gif) repeat;}
.quoterequest .quoterequestbox .innerbox { width:182px; margin-left: 15px; color:#666666}
.quoterequest .quoterequestbox .innerbox a { text-decoration: none; color: #666666}
.quoterequest .quoterequestbox .innerbox .title { text-align: center; font-weight:bold; padding-bottom: 5px;}
.quoterequest .quoterequestbox .innerbox .addtoquote { text-align: center; font-weight:bold; padding-top: 5px;}
.quoterequest .quoterequestbox .innerbox .formfield { width:182px; height: 25px; clear:both; }
.quoterequest .quoterequestbox .innerbox .formfield .fieldname {float: left; width:100px; }
.quoterequest .quoterequestbox .innerbox .formfield .fielddata {float: left; width:80px;}
.quoterequest .quoterequestbox .innerbox .formfield .fielddata input[type=text] { width: 75px; font-size:10px; border: 0;}
.quoterequest .quoterequestbox .innerbox .formfield .fielddata select { width: 77px; height: 18px; font-size:10px; border: 0;}
.quoterequest .catalogue { text-align: center;}
.quoterequest .howto { width:180px; text-align: center; padding-bottom: 10px; padding-left: 15px;}
.quoterequest .howto a { text-decoration: none; color: #666666}
.quoterequest .quoterequestbottom { height:47px; background: #fff url(../images/background/bg_quoterequest_bottom.gif) no-repeat;}

.contact { width:600px; height: 260px; background: #fff url(../images/background/bg_contact.jpg) no-repeat; }
.contact .contactform { width:565px; clear:both; margin-left: 20px; padding-top:10px; }
.contact .contactform .formfield { width:565px; clear:both;padding-top:10px; }
.contact .contactform .formfield .fieldname {float: left; width:100px; line-height:25px;}
.contact .contactform .formfield .fielddata {float: left; width:180px;}
.contact .contactform .formfield .fielddata input[type=text] { width: 150px; }
.contact .contactform .formfield .fielddata textarea { width: 430px; height:100px;}
.contact .contactform .formfield .formbutton {text-align:center; }
.contactdetails { text-align:right; margin-right: 30px;}
.contactdetails a { text-decoration: none; color: #0064A5; }

.brochurelist { width: 620px; margin: 0 10px;  }
.brochurelist .title { color: #0064A5; font-weight: bold; font-size: 1.2em; padding: 8px 0 0 0;}
.brochurelist table.brochures { width: 600px; margin: 20px 10px;  }
.brochurelist table.brochures td.thumb { width: 170px; padding: 0 2px 10px 0; }
.brochurelist table.brochures td.text { width: 127px; padding: 0 10px 20px 0; }
.brochurelist table.brochures td.text .name { color: #000000; padding-left: 12px; font-weight: bold; }
.brochurelist table.brochures td.text a { text-decoration: none; color: #0064A5; }