* {
padding:0;
margin:0;
}
/*---------------------------------------
COLORS
coporate blue #4450be
menu blue #7374d3
coporate green #4c9c00
menu green #82bd52
light green #e0edd0
grey #999
---------------------------------------*/
body {
margin:0;
padding:15px 20px 0 20px;
color:#333;
font:0.85em/1em Arial,Helvetica,sans-serif;
}
hr {
border: 0;
border-bottom:1px dotted #4c9c00;
}
a:link {
color:#4c9c00;
}
a:visited {
color:#4c9c00;
}
a:hover {
color:#4c9c00;
text-decoration:none;
}
a:active {
color:#4c9c00;
text-decoration:none;
}
a {outline:none;}
img {
border:0;
}
a.ovalbutton{
background: transparent url('../../images/menuimg/oval-green-left.gif') no-repeat top left;
display: block;
float: right;
font: normal 13px Arial; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin-left: 10px
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../../images/menuimg/oval-green-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

a.ovalbuttonleft{
background: transparent url('../../images/menuimg/oval-green-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Arial; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px
}

a:link.ovalbuttonleft, a:visited.ovalbuttonleft, a:active.ovalbuttonleft{
color: #494949; /*button text color*/
}

a.ovalbuttonleft span{
background: transparent url('../../images/menuimg/oval-green-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbuttonleft:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbuttonleft:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
align: right;
}
/*---------------------------------------
SECTIONS
---------------------------------------*/
#wrapper {
margin:0 auto;
width:907px;
background: url('../../images/menuimg/tweak.gif') top left repeat-y;
}
#header {
background:#fff;
}
#header img {
border:0;
}
#hbizmast {
font-weight:bold;
text-align:right;
font-size:1.3em;
letter-spacing:-0.03em;
line-height:1em;
height:61px;
overflow:hidden;
background: url('../../images/menuimg/mastbk.jpg') top left no-repeat;
}
#header a:link {
text-decoration:none;
}
#header a:visited {
text-decoration:none;
}
#header a:hover {
text-decoration:none;
color:#4450be;
}
#header a:active {
text-decoration:none;
color:#4450be;
}
.otherlink {
position:relative;
bottom:12px;
}
/*#menu {
background: url('../../images/menuimg/menubk.gif') top left no-repeat;
height:38px;
margin:0;
padding:0 0 0 10px;
overflow:hidden;
}*/
#menu {
clear:both;
}
#menu ul {
margin:0;
padding:0;
font-size:16pt;
letter-spacing:-0.7pt;
line-height:38px;
font-weight:bold;
}
#menu li {
list-style-type:none;
float:left;
border-right:2px #6b9b43 solid;
}
#menu a:link {
text-decoration:none;
color:#e0edd0;
padding:0 12px;
text-shadow: -1px -1px 0px #6b9b43;
margin:0;
}
#menu a:visited {
text-decoration:none;
color:#e0edd0;
padding:0 12px;
text-shadow: -1px -1px 0px #6b9b43;
margin:0;
}
#menu a:hover {
text-decoration:none;
color:#4c9c00;
padding:0 12px;
margin:0;
text-shadow: 1px 1px 0px #3d7b01;
}
#menu a:active {
text-decoration:none;
color:#4c9c00;
padding:0 12px;
margin:0;
}
#submenu {
padding:20px 10px;
float:left;
width:195px;
margin: 0 15px 0 23px;
color:#444;
display: inline;
}
#submenu p {
font-size:0.95em;
line-height:1.2em;
padding:4px 0;
margin:0;
}
#submenu hr {
margin:0.5em 0;
}
#submenu img {
border:0;
}
#submenu a:link {
color:#444;
text-decoration:none;
}
#submenu a:visited {
color:#444;
text-decoration:none;
}
#submenu a:hover {
color:#4c9c00;
text-decoration:none;
}
#submenu a:active {
color:#4c9c00;
text-decoration:none;
}
#content {
width:615px;
margin:0 0 30px 265px;
}
.crumbs, .crumbs_bottom {
line-height:1.2em;
font-size:0.8em;
letter-spacing:-0.01em;
padding:5px 12px;
margin:0.5em 0 2em -10px;
color:#666;
background: #e0edd0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
font-weight:bold;
}
.crumbs_bottom {
clear:both;
margin:0.5em 0 2em -10px;
}
.crumbs a:link, .crumbs_bottom a:link {
text-decoration:none;
color:#666
}
.crumbs a:visited, .crumbs_bottom a:visited {
text-decoration:none;
color:#666
}
.crumbs a:hover, .crumbs_bottom a:hover {
text-decoration:underline;
color:#666
}
.crumbs a:active, .crumbs_bottom a:active  {
text-decoration:underline;
color:#666
}
.threecolfloat {
float:left;
width:195px;
}
.twocolfloat {
float:left;
width:405px;
}

.floatpad {
margin:0 15px 0 0;
}
.product_latest {
width:195px;
height:6em;
overflow:hidden;
float:left;
border-bottom:1px dotted #aaa;
padding:7px 0 5px 0;
}
.company_latest {
width:195px;
overflow:hidden;
float:left;
border-bottom:1px dotted #aaa;
padding:7px 0 5px 0;
}
.product_latest img {
max-width:50px;
width: expression(this.width > 50 ? 50: true);
float:left;
padding:0 8px 8px 0;
border:0;
}
.product_latest_text {
font-size:1em;
font-weight:bold;
letter-spacing:-0.01em;
line-height:1.2em;
}
.product_latest a:link, .company_latest a:link {
text-decoration:none;
color:#444;
display:block;
}
.product_latest a:visited, .company_latest a:visited {
text-decoration:none;
color:#444;
display:block;
}
.product_latest a:hover, .company_latest a:hover {
color:#4c9c00;
display:block;
}
.product_latest a:active , .company_latest a:active {
text-decoration:none;
color:#444;
display:block;
background:#e0edd0;
}
.product_latest_text .serif {
font-size:0.8em;
}
.classifiedsbox {
border:1px dotted #aaa;
line-height:1.2em;
font-size:0.95em;
padding:10px;
height:17em;
overflow:hidden;
}
.classifiedsbox p {
margin:0 0 0.4em 0;
}
.classifieds_detailbox {
margin: 10px 0 0 120px;
}
.threecolfloatright {
float:right;
margin:0 0 0 20px;
width:195px;
}
.productimgfull {
margin: 0 0 1em 0;
}
.productimgfull img{
max-width:220px;
width: expression(this.width > 220? 220: true);
}

.productimgpreview  {
float:left;
margin: 0em 0em 0em 0.5em;
width: 70px;
}
.productimgpreview img{
max-width:70px;
border-style:groove;
border-color:#e0edd0;
border-width:1px;
width: expression(this.width > 70? 70: true);
}

#footer {
clear:both;
text-shadow: 1px 1px 0px #eee;
color:#555;
font-size:0.9em;
line-height:1.2em;
padding:0 25px 15px 25px;
background: url('../../images/menuimg/footer_bk.gif') top left repeat-y;
}
#footer a:link {
text-decoration:none;
color:#555
}
#footer a:visited {
text-decoration:none;
color:#555
}
#footer a:hover {
text-decoration:none;
color:#4c9c00
}
#footer a:active {
text-decoration:none;
color:#4c9c00
}
#productslist, #companieslist {
height:21em;
}
#latest {
height:24.6em;
}
#latestproducts {
height:14.5em;
}
#classifieds {
height:21.3em;
}
#pagination {
font-weight:bold;
color:#666;
padding:1em 0 0.5em 0;
}
#pagination a {
padding:0 2px;
}
#errormsg {
line-height:3em;
color:#FF0000
}
.errormsg {
line-height:3em;
color:#FF0000
}
.noticdetails {
float:right;
padding: 0 0 10px 10px;
font-size:0.8em;
text-transform:uppercase;
line-height:1.3em;
width:145px;
}
.noticdetails img {
max-width:145px;
width: expression(this.width > 145 ? 145: true);
height:auto;
margin:0.5em 0 5px 0;
}
.notice {
margin:-1px 40px 40px 20px;
padding:0.5em 0 0 0;
clear:right;
border-top:1px dotted #aaa;
}
/*---------------------------------------
TYPOGRAPHY & LINKS
---------------------------------------*/
h1 {
color:#4c9c00;
line-height:1em;
font-size:1.8em;
letter-spacing:-0.04em;
margin:0;
padding:0 0 0.2em 0;
}
h2 {
line-height:1em;
font-size:1.5em;
letter-spacing:-0.02em;
padding:6px 10px;
margin:1em -18px 0 -10px;
color:#777;
background: #e0edd0;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

h3 {
color:#4c9c00;
font:1.4em/1em Georgia, "Times New Roman", Times, serif;
font-style:normal;
margin:0;
padding:0.3em 0;
}

h4 {
color:#4450be;
margin:0 0 0.3em 0;
padding:0;
font-weight:normal;
font:1.3em/1.1em Georgia, "Times New Roman", Times, serif;
}
h4 a:link {
color:#4450be;
text-decoration:none;
}
h4 a:visited {
color:#4450be;
text-decoration:none;
}
h4 a:hover {
color:#4450be;
text-decoration:underline;
}
h4 a:active {
color:#4450be;
text-decoration:underline;
}
h5 {
color:#666;
font-size:1.2em;
letter-spacing:-0.03em;
margin:0.3em 0;
padding:0;
}

h6 {
color:#4c9c00;
font:1.3em/1em Georgia, "Times New Roman", Times, serif;
font-style:normal;
margin:0;
padding:0.3em 0;
}

p {
margin:0 0 1em 0;
padding:0;
}
.serif {
font:1.2em/1.1em Georgia, "Times New Roman", Times, serif;
color:#4c9c00;
font-style:italic;
font-size:0.99em;
}
.smallcaps {
text-transform:uppercase;
}
.linkstab {
text-align:right;
font-weight:bold;
letter-spacing:-0.01em;
font-size:1.2em;
}
.linkstab a:link {
text-decoration:none;
color:#999;
background:url(../../images/menuimg/arrow.png) no-repeat right center;
padding: 5px 20px 5px 0;
display:block;
}
.linkstab a:visited {
text-decoration:none;
background:url(../../images/menuimg/arrow.png) no-repeat right center;
padding: 5px 20px 5px 0;
color:#999;
display:block;
}
.linkstab a:hover {
text-decoration:none;
background:url(../../images/menuimg/arrow.png) no-repeat right center #e0edd0;
padding: 5px 20px 5px 0;
display:block;
color:#4c9c00;
}
.linkstab a:active {
text-decoration:none;
background:url(../../images/menuimg/arrow.png) no-repeat right center #e0edd0;
padding: 5px 20px 5px 0;
color:#4c9c00;
display:block;
}

#submenu .morelinks {
font-weight:bold;
text-align:right;
font-size:1.2em;
letter-spacing:-0.01em;
background:url(../../images/menuimg/arrow.png) no-repeat right center #e0edd0;
padding: 5px 50px 5px 0;
}

#classifieds_contact b, #classifieds_contact strong {
color:#666;
}
#classifieds_contact p {
padding: 0.4em 0;
margin:0;
font-size:0.85em;
line-height:1.3em;
}
.serifnormal {
font:1.2em/1.2em Georgia, "Times New Roman", Times, serif;
color:#4c9c00
}
.greenlist {
list-style-image: url(../../images/menuimg/greenlist.gif);
margin:0 0 0 16px;
padding:0;
line-height:1em;
font-weight:bold;
}
.greenlist li {
margin:0 0 0.8em 0;
border-bottom:1px solid #fff;  /* IE Whitespace Bug */
}
#submenu .greenlist li {
margin:0 0 0.5em 0;
border-bottom:1px solid #e0edd0;  /* IE Whitespace Bug */
}
.greenlist a:link {
text-decoration:none;
color:#666;
display:block;
}
.greenlist a:visited {
text-decoration:none;
color:#666;
display:block;
}
.greenlist a:hover {
text-decoration:none;
color:#4c9c00;
display:block;
}
.greenlist a:active {
text-decoration:none;
color:#4c9c00;
display:block;
}
#searchresults {
margin:0 0 0 2em;
padding:0;
font-weight:bold;
color:#666;
font-size:1.2em;
}
#searchresults li {
clear:right;
padding: 0;
margin:0.5em 0 0 0;
}
#searchresults img {
float:right;
max-width:80px;
width: expression(this.width > 80 ? 80: true);
margin:0 0 5px 5px;
}
#searchresults p {
font-weight:normal;
font-size:0.85em;
line-height:1.4em;
margin:0 0 0.5em 0;
}
#searchresults i {
font-weight:normal;
}
.results_contact {
width:270px;
padding:0;
float:left;
}
#searchresults .results_contact p {
margin:0 0 0.3em 0;
font-size:0.75em;
line-height:1.3em;
}
#searchresults .morelinks {
clear: right;
margin:0 0 0 -1em;
line-height:16px;
text-align:right;
letter-spacing:-0.01em;
background:url(../../images/menuimg/arrow.gif) no-repeat right center;
padding: 0px 18px 24px 0px;
border-bottom:1px dotted #aaa;
}
#searchresults .morelinks a:link {
color:#999;
text-decoration:none;
}
#searchresults .morelinks a:visited {
color:#999;
text-decoration:none;
}
#searchresults .morelinks a:hover {
color:#4c9c00;
text-decoration:none;
}
#searchresults .morelinks a:active {
color:#4c9c00;
text-decoration:none;
}
/*---------------------------------------
TWEAKS
---------------------------------------*/
.underline {
border-bottom:1px dotted #aaa;
}
.overline {
border-top:1px dotted #aaa;
}
.clearboth {
clear:both;
}
.clearleft {
clear:left;
}
.clearright {
clear:right;
}
.normal {
font-weight:normal;
}
.floatright {
float:right;
}
#threecolsort {
border:0;
padding:0;
margin:1em 0 0 0;
}
#threecolsort td {
vertical-align:top;
}
#threecolsort td.floatpad {
width:193px;
padding:0 15px 0 0;
}
.green {
color:#4c9c00;
font-size:1.5em;
padding:0 5px;
}
.smaller {
font-size:0.9em;
letter-spacing:0;
color:#333;
font-weight:normal;
}
.submenuident {
margin-top:105px;
}
/*---------------------------------------
FORM
---------------------------------------*/
#searchboxmin {
position:relative;
top:-13px;
left:0px;
margin: 0;
width:600px;
height:90px;
overflow:hidden;
font-weight:bold;
padding:15px 40px 0 0;
font-size:11pt;
color:#fff;
line-height:18px;
background: url('../../images/menuimg/searchboxmin.gif') top right no-repeat;
}
#searchboxmin table {
border:0;
margin:0 0 0 147px;
}
#searchboxmin a:link {
color:#fff;
}
#searchboxmin a:visited {
color:#fff;
}
#searchboxmin a:hover {
color:#fff;
}
#searchboxmin a:active {
color:#fff;
}
#searchbox {
position:relative;
top:-13px;
left:0px;
margin: 0;
width:600px;
height:125px;
overflow:hidden;
font-weight:bold;
padding:10px 40px 0 0;
font-size:11pt;
color:#fff;
line-height:18px;
background: url('../../images/menuimg/searchbox.gif') top right no-repeat;
}
#searchbox table  {
border:0;
margin:0 0 0 140px;
}
#searchbox select {
width:182px;
}
input.grey {
border:#999 2px solid;
height:21px;
width:335px;
padding:0 5px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
}
#searchboxmin img {
float:right;
}
#hubbanners img {
margin:20px 10px 0 0;
}
#hubbanners {
margin:0 -10px 0 0;
}
#moreproducts img {
max-width:195px;
width: expression(this.width > 195 ? 195: true);
max-height:150px;
height: expression(this.height > 150 ? 150: true);
margin:0 0 5px 0;
}
#moreproducts {
padding:1em 0;
}
/*---------------------------------------
ICONS
---------------------------------------*/
.iconstxt {
padding:0 0 0 22px;
margin:0;
}
.icon_building {
background:url(../../images/menuimg/building.png) no-repeat left top;
}
.icon_speech {
background:url(../../images/menuimg/comment.gif) no-repeat left top;
}
.icon_tel {
background:url(../../images/menuimg/telephone.png) no-repeat left top;
}
.icon_fax {
background:url(../../images/menuimg/printer_empty.png) no-repeat left top;
}
.icon_email {
background:url(../../images/menuimg/email.png) no-repeat left top;
}
.icon_web {
background:url(../../images/menuimg/world.png) no-repeat left top;
}
.newwindow {
background:url(../../images/menuimg/newwindow.gif) no-repeat right center;
padding:0 14px 0 0;
}

/*---------------------------------------
Date & Time
---------------------------------------*/
#welcometext{
color:#4c9c00;
line-height:1em;
font-size:1.5em;
letter-spacing:-0.04em;
margin:0;
padding:0 0 0.2em 0;
}

#textTodayDateAndTime{
color:#4c9c00;
}

/*---------------------------------------
Custom Menu
---------------------------------------*/
.arrowsidemenu{
	width: 205px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 0px;
	border-width: 0px;
}

.arrowsidemenu div.menuheaders a{ /*header bar links*/
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(../../images/menuimg/arrowgreen.gif) 100% -32px;
  height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 0px 0 0px 5px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}

.arrowsidemenu div.menuheaders a:link, .arrowsidemenu div a:visited{
	color: #26370A;
}

.arrowsidemenu div.menuheaders a:hover{
	background-position: 100% -32px;
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #6F3700;
}


.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: blue;
	background-position: 100% -64px !important;
}

.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom: 1px solid #a1c67b;
}

.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: black;
	padding: 5px 0;
	padding-left: 10px;
	border-left: 10px double #a1c67b;
}

.arrowsidemenu ul li a:hover{
	background: #d5e5c1;
}

.arrowsidemenu ul li ul li a{
	display: block;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: red;
	padding: 5px 0;
	padding-left: 10px;
	border-left: 10px double #a1c67b;
}

.arrowsidemenu div.menuheaderslvl2 a{ /*header bar links*/
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(../../images/menuimg/arrowgreen.gif) 100% -96px;
  	height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 0px 0 0px 5px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}

.arrowsidemenu div.menuheaderslvl2 a:hover{
	background-position: 100% -64px;
}

/*-----------------------------------------------------
TABLES
------------------------------------------------------*/
.altcol, .txtchart {
line-height:1.3em;
}
.altcol {
width:100%;
}
.altcol td, .txtchart td {
vertical-align:top;
}
.altcol td {
padding:0 5px 5px 0;
border-bottom:1px solid #fff;
}
.altcol td.colored {
background:#eee;
}
.altcol tr.line {
border-bottom:1px dotted #ccc;
}
.txtchart td {
border-bottom:1px solid #ccc;
padding:0 5px 2px 0;
}
.numerals {
text-align:right;
}

/*-----------------------------------------------------
SELECT BARS
------------------------------------------------------*/
select{
background-color: #e0edd0;
color: #4c9c00;
border: 1px solid #4c9c00;
}

/*-----------------------------------------------------
FORMS
------------------------------------------------------*/
/*#applicationNotice,*/ #compulsoryFields {
font-size:1.2em;
line-height:1.3em;
font-family:Georgia, serif;
color:#4450be;
font-style:italic;
padding:0 0 0.4em 0;
}
#ipdHelpcrumbs {
font-size:0.85em;
padding:0 20px 7px 0;
margin:0 0 1.6em 0;
text-transform:uppercase;
text-align:right;
border-bottom:2px solid #7374d3;
}
.asterix {
font-weight:bold;
font-size:12pt;
color:#c00;
font-family:"courier new", Courier, fixed;
}
.error {
color:RED
}
.errorNormalSize {
color:RED;
font-size:9pt;
}
.errorTop {
font-size:12pt;
font-weight: bold;
color:RED
}
#ui-datepicker-div {
	font-size: 85%;
}
td.bsLeft{
width: 200px;
vertical-align: top;
}
td.bsRight{
width: 400px;
vertical-align: top;
}
td.bsLeftContact{
width: 20%;
vertical-align: top;
}
td.bsRightContact{
width: 80%;
vertical-align: top;
}
.tradeList li{
padding: 0px 0px 3px 0px;
}
ol, ul {
padding: 0px 0px 0px 20px;
}
.txtchart td {
padding: 3px 3px 3px 20px;
}
#applicationNotice {
border-spacing: 0px;
border-color: red;
}

#applicationNotice td{
border-width: 1px;
border-color: red;
padding: 5px 5px 5px 5px;
}
tr.tableTop td{
background-color: #AAAAAA;
padding: 3px 3px 3px 3px;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/basic_dd.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menu {
width:906px;
height:36px; 
position:relative; 
z-index:100; 
font-family:arial, sans-serif;
background: url('../../images/menuimg/menubk.gif') top left no-repeat;
padding:0 0 0 20px;
}
.menu ul {
padding:0;
margin:0;
list-style-type:none;
}
.menu ul ul {
width:149px;
}
.menu li {
float:left;
width:auto;
position:relative;
}
.menu li a {
color:#fff;
}

.menu a, .menu a:visited {
display:block;
font-size:15px;
text-decoration:none; 
color:#fff; 
width:125px; 
padding:0 8px;
height:36px; 
border-right:1px solid #5758a1; 
line-height:36px; 
font-weight:bold;
letter-spacing:-1px;
overflow:hidden;
}

.menu ul ul li a:hover {
background:#ddd;
color:#000;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
color:#000;
background:#ccc url(../../images/menuimg/submenu.gif) no-repeat 135px center;
padding-right:13px;
width:132px;
}
/* style the second level background */
.menu ul ul a.dropleft, .menu ul ul a.dropleft:visited {
color:#000;
background:#ccc url(../../images/menuimg/submenuleft.gif) no-repeat 135px center;
padding-right:13px;
width:132px;
}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#ddd url(../../images/menuimg/submenuhover.gif) no-repeat 135px center;
color:#000;
}
.menu ul ul :hover > a.drop {background:#ddd url(../../images/menuimg/submenuhover.gif)  no-repeat 135px center;
color:#000;}

/* style the second level hover */
.menu ul ul a.dropleft:hover{background:#ddd url(../../images/menuimg/submenulefthover.gif) no-repeat 135px center;
color:#000;
}
.menu ul ul :hover > a.dropleft {background:#ddd url(../../images/menuimg/submenulefthover.gif)  no-repeat 135px center;
color:#000;}

.menu ul ul.subleft {
left:-53px;
}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#ddd url(../../images/menuimg/submenuhover.gif) no-repeat 135px center;
color:#000;
}
.menu ul ul :hover > a.drop {background:#ddd url(../../images/menuimg/submenuhover.gif)  no-repeat 135px center;
color:#000;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#ddd;color:#000;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#eee;color:#000;}
 
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:36px;left:0; width:149px;}

 
/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:0; width:149px;}
 
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}
 
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
 
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
background:#ccc; 
color:#000; 
height:auto; 
line-height:1em; 
padding:5px 5px;
font-size:12px;
letter-spacing:0;
font-weight:normal;
width:140px;
border-width:0 0 1px 0;
}
 
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#4c9c00;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#4c9c00;}
 
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}