
/* VERTICAL PRODUCTS MENU */
ul#nav-prod li#lastUp {display:none;}

#leftCol {z-index: 6; position: relative;}


/* FIRST LEVEL */
ul#nav-prod {margin:0; position: relative; float: left;}
ul#nav-prod li {position : relative; float: left; width: 211px; line-height: 160%; margin:0; list-style:none; display:block;}
ul#nav-prod li a {padding: 2px 5px 2px 20px; width: 186px; font-weight: bold; color:#ddd; border-bottom: 1px solid #fff; Background:#0073aa url(/cms/outertemplates/images/btnExpand.gif) 4px no-repeat; display:block; font-size: 12px; }
ul#nav-prod li a:hover {background: #ab1400; color: #fff; text-decoration: none;}

/* SECOND LEVEL */
/* BUG: IE7 won't display the third level if the second has the opacity filter, so it's been disabled - JM */
ul#nav-prod li ul {margin:0; margin: -19px 0 0 0; width: 370px; position: absolute; left: -999em;}
ul#nav-prod li:hover ul, ul#nav-prod li.sfhover ul {margin: -25px 0 0 211px; left: auto;}
ul#nav-prod li ul li {border:0; margin:0; font-size: 13px; line-height: 20px;}
ul#nav-prod li ul li a { padding: 2px 15px; width: 340px; background:#000; color: #fff; font-weight:bold; opacity: 0.7; filter:alpha(opacity=70); -moz-opacity:0.7; }
ul#nav-prod li ul li.navdrop a { background:#000 url(/cms/outertemplates/images/arrow-menu.gif) 99% 50% no-repeat; }
ul#nav-prod li ul li a:hover {background: #e27405; opacity: 1; filter:alpha(opacity=100); -moz-opacity:1; }
ul#nav-prod li ul li.navdrop a:hover { background:#e27405 url(/cms/outertemplates/images/arrow-hover.gif) 99% 50% no-repeat; }

/* THIRD LEVEL */
ul#nav-prod li:hover ul ul, ul#nav-prod li.sfhover ul ul {margin: -25px 0 0 370px; left: auto;}
ul#nav-prod li ul li ul {left: -999em;}
ul#nav-prod li:hover ul li ul {left: -999em;}
ul#nav-prod li.sfhover ul li ul {left: -999em;}
ul#nav-prod li:hover ul li:hover ul {left: auto; top: 25px;}
ul#nav-prod li.sfhover ul li.sfhover ul {left: auto; top: 25px;}
ul#nav-prod li ul li ul li {width: 340px; border-left: 1px solid #ccc;}
ul#nav-prod li ul li ul li a {background:#000 !important;}
ul#nav-prod li ul li ul li a:hover {background:#e27405 !important;}


/* RIGHT COLUMN STYLES */
#prodRightCol {width: 210px; margin: 0 0 0 15px; float: right; padding-top: 80px; background: url(/cms/outertemplates/images/selector.gif) 0 0 no-repeat; }
#accessories 
{
    background: #e3f2f7 url('/cms/outertemplates/images/accessoriesBoxBg.jpg') top center repeat-x; 
    height: 1180px; 
    padding: 20px 0 1000px 0;
    margin: 10px 0 -1000px 0;
}

#prodRightCol h3 {color: #1c3c80;}
#prodRightCol table {margin: 0 auto;}
#prodRightCol table th { color: #ad1700; font-size: 0.8em; padding: 1px; vertical-align: middle; font-weight: normal; }
#prodRightCol table td { padding: 1px; margin: 0; }
#prodRightCol table td input { display: block; margin: 0 auto; padding: 0; }

th.accName {border: 1px solid #72cfde; border-width: 0 1px 1px 0; text-align: left;}
th.stockCode {border: 1px solid #72cfde; border-width: 0 0 1px 0; width: 10%;}
th.refineProd {border: 1px solid #72cfde; border-width: 0 1px 1px 1px; width: 80%;}
th.addEnquiry {border: 1px solid #72cfde; border-width: 0 0 1px 0; width: 10%;}

td.accType {border: 1px solid #72cfde; border-width: 0 1px 0 0;}
td.stockCode {border: 1px solid #72cfde; border-width: 0 1px 0 0;}
td.refineProd {border: 1px solid #72cfde; border-width: 0 1px 0 1px; text-align: center;}

/* PREVIOUS STYLE INFO */
#spec {margin: 1em 0;}
#spec #image {width:170px;}
#spec td {color:#000; padding:0; vertical-align:top;}
#spec #details {padding-bottom:20px; padding-right:10px; width:330px;}
#spec #details p {padding: 0; border-bottom: 1px solid #65a7cc;	padding: 0 0 5px 0;}
#spec .line {border-bottom:1px solid #65A7CC; margin:10px 0 0; width:100%;}
#spec .label {width: 175px; color: #65a7cc;	font-weight: bold;}

#productsContent .pdfIcon {position: relative; top: 4px;}
#productsContent #products a:link, #productsContent #products a:visited {color: #000;}