/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu_container {background-color:#FFFFFF; height:49px; z-index:500; position:absolute; border: 1px solid #b6b6b6; padding:0 0 0 3px; }
#menu_container:hover { padding:0 0 10px 3px;  border-bottom:none; border-left:1px solid transparent; border-right:1px solid transparent; background:url('../../../images/frontend/menu-bottom.png') no-repeat 0 bottom #ffffff; }
#nav_menu_main { background:url('../../../images/frontend/bg_sub_nav.jpg') no-repeat 0 0; width:952px; height:49px; margin:0 1px; display:inline; float:left; clear:both; text-indent:-9999px; }
#nav_menu_main li { float:left; display:inline; }

#nav_menu_main li a { background:url('../../../images/frontend/bg_sub_nav.jpg') no-repeat 0 0; display:block; }
#nav_menu_main li a.bol { width:73px; height:49px; margin:0 2px 0 0; background-position:0px 0px; }
#nav_menu_main li a.gates { width:72px; height:49px; margin:0 2px 0 0; background-position:-75px 0px; }
#nav_menu_main li a.vac { width:197px; height:49px; margin:0 2px 0 0; background-position:-149px 0px; }
#nav_menu_main li a.ts { width:100px; height:49px; margin:0 2px 0 0; background-position:-348px 0px; }
#nav_menu_main li a.fenc { width:86px; height:49px; margin:0 2px 0 0; background-position:-450px 0px; }
#nav_menu_main li a.pno { width:145px; height:49px; margin:0 2px 0 0; background-position:-538px 0px; }
#nav_menu_main li a.ind_doors { width:146px; height:49px; margin:0 2px 0 0; background-position:-685px 0px; }
#nav_menu_main li a.bp { width:119px; height:49px; background-position:-835px 0px; }

#nav_menu_main li a.bol:hover, #nav_menu_main li a.bol_a { width:73px; margin:0 2px 0 0; background-position:0px -49px; }
#nav_menu_main li a.gates:hover, #nav_menu_main li a.gates_a { width:72px; margin:0 2px 0 0; background-position:-75px -49px; }
#nav_menu_main li a.vac:hover, #nav_menu_main li a.vac_a { width:197px; margin:0 2px 0 0; background-position:-149px -49px; }
#nav_menu_main li a.ts:hover, #nav_menu_main li a.ts_a { width:100px; margin:0 2px 0 0; background-position:-348px -49px; }
#nav_menu_main li a.fenc:hover, #nav_menu_main li a.fenc_a { width:86px; margin:0 2px 0 0; background-position:-450px -49px; }
#nav_menu_main li a.pno:hover, #nav_menu_main li a.pno_a { width:145px; margin:0 2px 0 0; background-position:-538px -49px; }
#nav_menu_main li a.ind_doors:hover, #nav_menu_main li a.ind_doors_a { width:146px; margin:0 2px 0 0; background-position:-685px -49px; }
#nav_menu_main li a.bp:hover, #nav_menu_main li a.bp_a { width:119px; background-position:-835px -49px; }

#nav_menu_main {padding:0; margin:0; list-style:none; height:49px; position:relative; z-index:55; font-family:arial, verdana, sans-serif;}
#nav_menu_main li.top {display:block; float:left; height:49px;}
#nav_menu_main li a.top_link {display:block; float:left; height:49px; line-height:33px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 12px; cursor:pointer; }
#nav_menu_main li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:49px; }
#nav_menu_main li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:49px; background: url(three_0a.gif) no-repeat right top;}

/* Default list styling */
#nav_menu_main li:hover {position:relative; z-index:50; }
#nav_menu_main li:hover ul.sub {margin:0 0 0 3px; left:0; top:49px; background-color: #f9f9f9; padding:0; width:200px; height:auto; z-index:52;}
#nav_menu_main li:hover ul.fencing{left:-114px;}
#nav_menu_main li:hover ul.perimeterother{left:-55px;}
#nav_menu_main li:hover ul.industrial-doors{left:-55px;}
#nav_menu_main li:hover ul.bicycle-parking{left:-82px;}
#nav_menu_main li:hover ul.sub li {display:block; position:relative; float:left; width:200px;}
#nav_menu_main li:hover ul.sub li:hover {background-image:url(../../../images/frontend/arrow-2.png); background-color:#F3F4F8; background-position: 185px 12px; background-repeat:no-repeat;}

#nav_menu_main ul.fencing li:hover,
#nav_menu_main ul.perimeterother li:hover,
#nav_menu_main ul.industrial-doors li:hover,
#nav_menu_main ul.bicycle-parking li:hover { background-image:url(../../../images/frontend/arrow-2-left.png) !important;  background-position: 4px 12px !important; }

#nav_menu_main ul.fencing,
#nav_menu_main ul.perimeterother,
#nav_menu_main ul.industrial-doors,
#nav_menu_main ul.bicycle-parking { margin:0 3px 0 0 !important; }


#nav_menu_main ul.sub li a {display:block; font-size:12px; padding:9px 18px 9px 12px; border-bottom:1px solid #F6F6F6; text-indent:0; text-decoration:none; /*background:none;*/}

#nav_menu_main ul.fencing a.fly,
#nav_menu_main ul.perimeterother a.fly,
#nav_menu_main ul.industrial-doors a.fly,
#nav_menu_main ul.bicycle-parking a.fly { padding:9px 12px 9px 18px; color:#666666; background-image:url(../../../images/frontend/arrow-2-left.png); background-position: 4px 12px; background-repeat:no-repeat;}

#nav_menu_main ul.fencing a.fly:hover,
#nav_menu_main ul.perimeterother a.fly:hover,
#nav_menu_main ul.industrial-doors a.fly:hover,
#nav_menu_main ul.bicycle-parking a.fly:hover { color:#0F3874; background-image:url(../../../images/frontend/arrow-2-left.png); background-color:#F3F4F8; background-position: 4px 12px; background-repeat:no-repeat; padding:9px 12px 9px 18px;}

#nav_menu_main ul.fencing a.leaf,
#nav_menu_main ul.perimeterother a.leaf,
#nav_menu_main ul.industrial-doors a.leaf,
#nav_menu_main ul.bicycle-parking a.leaf{ color:#666666; background-image:url(../../../images/frontend/arrow-2-left.png); background-position: 4px 12px; background-repeat:no-repeat; padding:9px 12px 9px 18px; }

#nav_menu_main ul.fencing a.leaf:hover,
#nav_menu_main ul.perimeterother a.leaf:hover,
#nav_menu_main ul.industrial-doors a.leaf:hover,
#nav_menu_main ul.bicycle-parking a.leaf:hover{ color:#0F3874; background-image:url(../../../images/frontend/arrow-2-left.png); background-color:#F3F4F8; background-position: 4px 12px; background-repeat:no-repeat; padding:9px 12px 9px 18px; }

/* #nav_menu_main ul.sub li a.leaf{ color:#666666; background-image:url(../../../images/frontend/arrow-2.png);  background-position: 185px 12px; background-repeat:no-repeat; } */
#nav_menu_main li a.leaf { color:#666666; background-image:url(../../../images/frontend/arrow-2.png);  background-position: 185px 12px; background-repeat:no-repeat; }
#nav_menu_main li a.leaf:hover { color:#0F3874; background-image:url(../../../images/frontend/arrow-2.png); background-color:#F3F4F8; background-position: 185px 12px; background-repeat:no-repeat; }
/* #nav_menu_main ul.sub li a.fly{ color:#666666; background-image:url(../../../images/frontend/arrow-2.png);  background-position: 185px 12px; background-repeat:no-repeat;} */
#nav_menu_main li a.fly { color:#666666; background-image:url(../../../images/frontend/arrow-2.png);  background-position: 185px 12px; background-repeat:no-repeat;}
#nav_menu_main li a.fly:hover { color:#0F3874; background-image:url(../../../images/frontend/arrow-2.png); background-color:#F3F4F8; background-position: 185px 12px; background-repeat:no-repeat;}

#nav_menu_main ul.sub .left-flip li a.leaf{ padding:9px 12px 9px 18px; background-image:url(../../../images/frontend/arrow-2-left.png); background-position: 4px 12px; background-repeat:no-repeat;}
#nav_menu_main .left-flip li a.leaf { padding:9px 12px 9px 18px; background-image:url(../../../images/frontend/arrow-2-left.png); background-position: 4px 12px; background-repeat:no-repeat;}
#nav_menu_main .left-flip li a.leaf:hover { color:#0F3874; background-image:url(../../../images/frontend/arrow-2-left.png); background-color:#F3F4F8; background-position: 4px 12px; background-repeat:no-repeat; padding:9px 12px 9px 18px;}
#nav_menu_main ul.sub .left-flip li a.fly{ padding:9px 12px 9px 18px; background-image:url(../../../images/frontend/arrow-2-left.png); background-position: 4px 12px; background-repeat:no-repeat;}
#nav_menu_main .left-flip li a.fly { padding:9px 12px 9px 18px; background-image:url(../../../images/frontend/arrow-2-left.png); background-position: 4px 12px; background-repeat:no-repeat;}
#nav_menu_main .left-flip li a.fly:hover { color:#0F3874; background-image:url(../../../images/frontend/arrow-2-left.png); background-color:#F3F4F8; background-position: 4px 12px; background-repeat:no-repeat;padding:9px 12px 9px 18px;}


#nav_menu_main li:hover ul,
#nav_menu_main li:hover li:hover ul,
#nav_menu_main li:hover li:hover li:hover ul,
#nav_menu_main li:hover li:hover li:hover li:hover ul,
#nav_menu_main li:hover li:hover li:hover li:hover li:hover ul { position:absolute; left:200px; top:-1px; background-color:#f9f9f9; padding:0; width:200px; z-index:54; height:auto; }

#nav_menu_main li:hover ul.left-flip,
#nav_menu_main li:hover li:hover ul.left-flip,
#nav_menu_main li:hover li:hover li:hover ul.left-flip,
#nav_menu_main li:hover li:hover li:hover li:hover ul.left-flip,
#nav_menu_main li:hover li:hover li:hover li:hover li:hover ul.left-flip {left:-202px; top:-1px; background-color:#f9f9f9; padding:0;  width:200px; z-index:54; height:auto; }

#nav_menu_main ul,
#nav_menu_main ul.left-flip,
#nav_menu_main li:hover ul ul,
#nav_menu_main li:hover ul ul.left-flip,
#nav_menu_main li:hover li:hover ul ul,
#nav_menu_main li:hover li:hover ul ul.left-flip,
#nav_menu_main li:hover li:hover li:hover ul ul,
#nav_menu_main li:hover li:hover li:hover ul ul.left-flip,
#nav_menu_main li:hover li:hover li:hover li:hover ul ul,
#nav_menu_main li:hover li:hover li:hover li:hover ul ul.left-flip
{position:absolute; left:-9999px; top:-9999px; width:0; /*height:0;*/ margin:0; padding:0; list-style:none;  width:200px; background-color:#ffffff;}

#nav_menu_main .product_details{ position:absolute; left:200px; top:-1px; width: 329px; padding: 16px 0px 0px 20px; background-color:#F3F4F8; overflow: hidden; text-indent:0; display:block;}

#nav_menu_main ul.left-flip .product_details{  left: -200px; }

/* product div */
.product_div{ width: 300px; padding: 15px 20px 0 20px; background-color:#F3F4F8; overflow: hidden; display: none; text-indent:0; }
#nav_menu_main ul.sub li a.product_name{ font-family: Arial,Helvetica,sans-serif; font-size:20px; color: #EE2418; padding:0; background:none;}
.product_div p{ padding:10px 0 15px;}
.product_div p.product_code{ color:#909092; padding:10px 0 5px;}
#nav_menu_main ul.sub li a.menu_product_details{ background-image:url(../../../images/frontend/menu_product_links.gif); background-repeat:no-repeat; display:block; height:28px; width:79px; float:left; padding:0; margin:15px 0 10px 0; text-indent:-9999px; }
#nav_menu_main ul.sub li a.menu_product_enquiry{ background-position: -79px 0; width:128px; }

.menu_h2{ font-weight: normal;}

.menu_prod_img{border:1px solid #DFDFDF; text-align:center; background-color:#FFFFFF;}