body {background: white; text-align: center; padding: 0px; font-family: Verdana, "Trebuchet MS", Tahoma; margin: 0px; padding: 0px; font-size: 76%; }
html {overflow-y: scroll;}

body { color: black;}
a, a:visited{ font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline; }

h1, .h1 {font-size: 180%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h2, .h2 {font-size: 160%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h3, .h3 {font-size: 130%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h4, .h4 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h5, .h5 {font-size: 100%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
p {margin: 0px 0px 10px 0px; padding: 0px;}
h1, h2, h3, h4, h5, p {position: relative; left: 0px; top: 0px;}

img {border: none; margin: 0px; padding: 0px; vertical-align: bottom; }
ul { text-align: left;}
li {padding-left: 6px;}
div {margin: 0px; padding: 0px;}
td {vertical-align: top;}
form {padding: 0px; margin: 0px;}

/* Colour Scheme */
/* font colors */
a, a:visited,
.topmenu .menu li.sel a, .topmenu .menu li.sel a.visited,
.topmenu .menu a:hover, .topmenu .menu ul ul a:hover,
.pageBody .rcol .phone h3
  { color: rgb(253,130,0);  } /* link color */

.topmenu .menu a, .topmenu .menu a:visited,
.topmenu .menu li.sel:hover a,
.topmenu .menu ul ul a, .topmenu .menu ul ul a:visited,
.topmenu .menu :hover > a, .topmenu .menu ul ul :hover > a,
.sidemenu .menu .sel a, .sidemenu .menu .sel a:visited,
.contact .submitrow .btn
  { color: rgb(255,255,255); }

/* bg colors */
.header, .sidemenu .menu .sel a, .sidemenu .menu .sel a:visited, .contact .submitrow .btn { background-color: rgb(0,77,57); }

/* border color */
.header { border-bottom:4px solid rgb(253,130,0); }

/* generic css */
.logo {display:block; width: 252px; height: 63px; margin:20px 0px 0px 15px; border: none; background:url(/images/logo.gif) 0px 0px no-repeat; }
.clear {clear: both; font-size: 1px; height: 1px;}
.clear img, .clear div {width: 100%; height: 1px;}
.textonly {display: none;}
.formErr {display: block; color: rgb(196,21,28); }
.formNoErr {display: none; }
.page404 {text-align: center;}
.bold {font-weight: bold;}
.btn {border: none; height: 24px; overflow: visible; padding: 0px 8px; font-weight: bold; cursor: pointer}
.txtfield { border: 1px solid rgb(165,172,178); padding: 1px 2px;}
.selfield { border: 1px solid rgb(165,172,178); }
.chkbox {position: relative; top: 2px; left: 0px;}
.imgbtn {padding: 0px; border: 0px; margin: 0px;}
.accesskeys {display: none;}

/* standard content css */
.content li {margin-bottom: 4px;}

/* layout css */
.pageWrapper { position: relative; width: 970px; margin: 13px auto 0px; z-index: 10; }
.page { position: relative; left: -5px; width: 960px; margin: 0px auto 0px auto; padding: 0px 0px; text-align: left;;}

/* drop shadows */
.top_ds, .bottom_ds { display: block; height: 5px; width:970px; }
* html .top_ds { position: relative; top: 10px; }

.top_ds { background: transparent url(/images/pageTop.gif) repeat-x; }
.bodyL_ds { background: transparent url(/images/ds-left.gif) repeat-y scroll left top; left:-5px; margin: 0 auto; position: relative; text-align: left; top: 0px; width: 960px; }
.bodyR_ds {background: transparent url(/images/ds-right.gif) repeat-y scroll right top; left: 10px; position: relative; top: 0px; width: 960px; }
.bottom_ds { background: transparent url(/images/pageBottom.gif) repeat-x; }

.header { height: 132px; text-align: right; position: relative; }
.header, .header a, .header a:visited { text-decoration: none;}
.header .logo { position: absolute; top: 0px; left: 7px; }
.header .emailer { position: absolute; top: 38px; right: 18px; background: url(/images/stay-in-touch.gif) no-repeat; }
.header .emailer a { display:block; height: 35px; width: 153px; text-decoration: none; }

/* top menu */
.topmenu { position: absolute; z-index: 1000; left: 5px; top: 109px; height: 28px; background: url(/images/menu.gif) repeat-x; width: 960px; }
.topmenu .menu ul {padding:0;margin:0;list-style-type:none; }
.topmenu .menu li {float:left;margin:0px 16px 0px 0px; padding-left: 0px; position:relative; background: transparent;}
.topmenu .menu li.top { margin-right: 0px; background:transparent; }
.topmenu .menu li.item_0 { margin-left: 10px; }
.topmenu .menu li.sub { margin-left: 14px; }
.topmenu .menu li li { background: transparent;}
.topmenu .menu a.toplink, .topmenu .menu a.toplink:visited { display:block; float: left; padding: 0px 14px; height: 28px; line-height: 28px; text-transform:uppercase; }

.topmenu .menu a, .topmenu .menu a:visited { text-decoration:none; color: rgb(255,255,255); }

.topmenu .menu li.top:hover { background-color: rgb(253,130,0); }
.topmenu .menu li.top a:hover { background-color: rgb(253,130,0); color: rgb(255,255,255); }
.topmenu .menu li.sel a.toplink, .topmenu .menu li.sel a.toplink:visited { color: rgb(253,130,0); }
.topmenu .menu li.sel:hover a.toplink { color: rgb(255,255,255); }
.topmenu .menu li.sel a.toplink:hover { color: rgb(255,255,255); }

.topmenu .menu ul ul {visibility:hidden;position:absolute;height:0;}
.topmenu .menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.topmenu .menu ul ul a, .topmenu .menu ul ul a:visited { height:auto; line-height:1em; padding:5px 10px 5px 0px; color: rgb(255,255,255); text-transform:capitalize; }
.topmenu .menu a:hover, .topmenu .menu ul ul a:hover { background:transparent; color: rgb(255,255,255); }
.topmenu .menu :hover > a, .topmenu .menu ul ul :hover > a { background:transparent; color: rgb(255,255,255); }
.topmenu .menu ul li:hover ul,
.topmenu .menu ul a:hover ul { visibility:visible; }
#topmenu :hover ul.drop { left:0px; top:28px; padding:0px; white-space:nowrap; padding-top: 10px; width:215px; height:auto; background: rgb(253,130,0); }

.topmenu .menu li.sub a { color: white; }
/* IE6 changes to top menu! */
* html .topmenu { top: 116px; overflow-x: hidden; }
* html .topmenu .menu li.top a.toplink { height: 30px; }
* html .topmenu .menu li.top a.toplink:visited { height: 30px; }
* html .topmenu .menu li.item_0 { margin-left: 6px; }
* html #topmenu :hover ul.drop { top: 31px; padding-top: 15px; }
* html .topmenu .menu li.sub { margin-left: 6px; }

.sidemenu { width:234px; font-size:96%; text-transform:capitalize; margin-bottom: 20px; }
.sidemenu .title { height:29px; background: url(/images/sidemenu-header.gif) 0px 0px no-repeat; text-indent:-9999px; }
.sidemenu .menu {  padding: 0px 20px 0px 15px; margin-bottom:2px;  background:rgb(255,255,255) url(/images/sidemenu-bg.jpg) bottom left repeat-x; }
.sidemenu .menu a, .sidemenu .menu a:visited { display:block; text-decoration:none; font-weight:normal; color:rgb(63,63,63);}
.sidemenu .menu .level1 a, .sidemenu .menu .level1 a:visited { padding: 6px 0px 6px 8px; border-top:1px solid white;}
.sidemenu .menu .level2 a, .sidemenu .menu .level2 a:visited { padding: 4px 0px 4px 20px; }
.sidemenu .menu a:hover { background:rgb(200,201,203); }
.sidemenu .menu .item { }
.sidemenu .menu p { margin: 0px; }
.sidemenu .menu .sel a, .sidemenu .menu .sel a:visited { color: rgb(255,255,255); }

.b20 { margin-bottom: 20px; }

/* default page styles */
.pageBody { margin: 0px; padding: 20px 0px 20px 0px;}
.pagearea { height: 540px;}
html>body .pagearea {height: auto; min-height: 540px;}

.pageBody .lcol {float: left; display:inline; width: 234px; position:relative; z-index: 10; }
.pageBody .rcol {float: left; display:inline; width: 723px; margin-left: 2px; position:relative; z-index:10; }
* html .pageBody .rcol { width: 720px; }

.pageBody .rcol .phone {   }
.pageBody .rcol .phone h3 { width:196px; position:absolute; top:-9px; left:522px; font-size:170%; font-weight:normal; z-index:200; }
.pageBody .rcol .phone h3 a { font-size: 140%; text-decoration: none; font-weight: bold; font-family: Arial; letter-spacing: 1px; }

.pageBody table { border-collapse: collapse;}
.pageBody table td {padding: 4px 5px; margin: 0px;}
.pageBody .th {font-weight: bold;}

.pageImg { position:relative; height:270px; width:723px; top:12px; z-index:100; overflow:hidden; }
* html .pageImg { width: 720px; }
.pageImg .mask {position:absolute; height:25px; }
.pageImg .top {width:229px; top:0px; right:0px; background:url(/images/img-topright.png) 0px 0px no-repeat; }
* html .pageImg .top {width:229px; top:0px; right:0px; background:url(/images/img-topright.gif) 0px 0px no-repeat; }
.pageImg .bottom {width:379px; bottom:0px; left:0px; background:url(/images/img-bottomleft.png) 0px 0px no-repeat; }
* html .pageImg .bottom {width:379px; bottom:0px; left:0px; background:url(/images/img-bottomleft.gif) 0px 0px no-repeat; }

.pageTitle {  padding-bottom: 5px; margin: 10px 0px;}
.pageTitle h1 {text-align: left;}
.pageTitle h1 a, .pageTitle h1 a:visited {text-decoration: none; color: rgb(80,80,80); font-size: 120%; font-weight: normal; text-transform:uppercase; }

.pageBody .content {margin:10px 0px 10px 0px; line-height:1.5em; color:rgb(77,77,77); font-size:92%; }

/*default page styles */
.default .left, .default .right {float:left; display:inline; color:rgb(63,63,63); }
.default .left {width:340px; margin:10px 0px 0px 20px; }
.default .right {width:324px; margin:0px 0px 0px 30px; text-align:center; }
.default .right .rcol_img {margin-top:75px; }

.lcol .deals { margin-left: 20px; }

/* home page styles */
.home .pageImg {height:342px; }
.home .content {margin-top:0px; }
.home .deals {position:absolute; left:440px; top:315px; background:url(/images/trade-deals.png) 0px 0px no-repeat; z-index:100; }
* html .home .deals { background:url(/images/trade-deals.gif) 0px 0px no-repeat; }

.home .pageImg .hidebanner {display:block; position:relative; background-color:rgb(255,255,255); border-right:1px solid white;  }
.home .pageImg .bannerBox {position:absolute; top:140px; right:0px; width:305px; height:75px; background:url(/images/black-overlay.png) 0px 0px repeat;  }
* html .home .pageImg .bannerBox { background:black; }
.home .pageImg .bannerTitle table  { display:table; position:absolute; top:140px; right:0px; width:305px; height:75px; text-transform:uppercase; text-align:right; border:none; }
.home .pageImg .bannerTitle td {display:table-cell; vertical-align:middle; border:none; padding:0px; margin-right:15px; background:url(/images/banner-arrow.png) 280px center no-repeat; }
* html .home .pageImg .bannerTitle td { background:url(/images/banner-arrow.gif) 280px center no-repeat; }
.home .pageImg .bannerTitle a, .home .pageImg .bannerTitle a:visited { display:block; padding:12px 40px 12px 0px; font-family: arial, verdana, "Trebuchet MS", Tahoma; color:white; font-weight:normal; font-size:180%; text-decoration:none;}

.home .banner .hidebanner { opacity: 0; position:absolute; visibility:hidden; } /* hides all banners if JS is off */
#banner0 { opacity:1; position:absolute; visibility:visible; } /* displays the first banner */

/* promotions page styles 
.promotions .deals {position:absolute; left:440px; top:315px; background:url(/images/trade-deals.png) 0px 0px no-repeat; z-index:100; }
* html .promotions .deals { background:url(/images/trade-deals.gif) 0px 0px no-repeat; }*/

/* contact page styles */
.formbox {margin-top:30px; }
.contact { color:rgb(77,77,77); }
.contact .formErr {display: block; color: rgb(196,21,28); text-align:right; }
.contact .row {margin-bottom:10px; }
.contact .row label {font-size:92%; }
.contact .row label em {color:rgb(196,21,28); }
.contact .c1, .contact .c2 {float:left; display:inline; }
.contact .c1 {width:99px; text-align:right; }
.contact .c2 {width:220px; margin-left:20px; }
.contact .txtfield, .contact .txtarea {width:215px; border:1px solid rgb(174,174,174); }
.contact .txtarea {width:217px; }
.contact .selfield { width:221px; border:1px solid rgb(174,174,174); }
.contact .submitrow {text-align:right; }
.contact .submitrow .btn { font-weight:normal; text-transform:uppercase; color: rgb(255,255,255); }

.contact #map {margin:35px 12px 0px 12px; }

.footer {text-align: center; padding: 10px 0px;}
.footer, .footer a, .footer a:visited {color: rgb(137,137,137); text-decoration: none; font-weight:normal; }
.footer a, .footer a:visited {text-transform: lowercase; }
.footer a:hover {text-decoration: underline;}
.footer .menu {font-size: 90%; }
.footer .menu .item {display: inline; }
.footer .menu .sep {display: inline; margin:0; padding:0; border-right: 1px solid rgb(174,174,174); height: 11px;}
.footer .menu p {margin: 0px; padding: 0px 4px 0px 8px; text-align: center; display: inline;}
.footer .menu .tab { margin: 0px 4px; padding: 0px;}