/* ================================================================ 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. =================================================================== */ .preload1 {background: url(green_1.gif);} .preload2 {background: url(green_1a.gif);} #nav {padding:0; margin:0; list-style:none; height:35px; background:#fff url(green_0.gif) repeat-x; position:relative; z-index:500; font-family:arial, verdana, sans-serif;} #nav li.top {display:block; float:right; height:35px;} #nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#FFFFFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(green_0.gif);} #nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(green_0.gif) right top no-repeat;} #nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(green_0a.gif) no-repeat right top;} #nav li:hover a.top_link {color:#AF3317; background: url(green_1.gif) no-repeat;} #nav li:hover a.top_link span {background:url(green_1.gif) no-repeat right top;} #nav li:hover a.top_link span.down {background:url(green_1a.gif) no-repeat right top;} #nav li:hover {position:relative; z-index:200;} #nav li:hover ul.sub {left:1px; top:35px; background: #B7DD65; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:135px; height:auto; z-index:300;} #nav li:hover ul.sub li {display:block; height:20px; position:relative; float:left; width:135px; font-weight:normal;} #nav li:hover ul.sub li a {display:block; font-size:11px; height:18px; width:135px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #B7DD65;} #nav li:hover ul.sub li a:hover {display:block; font-size:11px; height:18px; width:135px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #FFFFFF;} #nav li:hover ul.sub li a.fly:hover {display:block; font-size:11px; height:18px; width:135px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #FFFFFF;} #nav li:hover ul.sub li:hover ul.triple li a {display:block; font-size:11px; height:18px; width:135px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #B7DD65;} #nav li:hover ul.sub li:hover ul.triple li a:hover {display:block; font-size:11px; height:18px; width:135px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #FFFFFF;} #nav li:hover ul.sub li:hover ul.triple li a.fly:hover {display:block; font-size:11px; height:18px; width:135px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #FFFFFF;} #nav li ul.sub li a.fly {background:#B7DD65 url(arrow.gif) 118px 6px no-repeat;} #nav li:hover ul.sub li a:hover {background:#DEDEDE; color:#555555; border-color:#FFF;} #nav li:hover ul.sub li a.fly:hover {background:#DEDEDE url(arrow_over.gif) 118px 6px no-repeat; color:#555555;} #nav li:hover ul.sub li a:hover {background:#DEDEDE; color:#555555; border-color:#fff;} . #nav li:hover ul.sub li a.fly:hover {background:#DEDEDE url(arrow_over.gif) 118px 6px no-repeat; color:#555555;} #nav li:hover ul.sub li ul.keyproducts01 li a:hover {width:132px;} #nav li:hover ul.sub li ul.keyproducts02 li a:hover {width:132px;} #nav li:hover ul.sub li ul.keyproducts03 li a:hover {width:142px;} #nav li:hover ul.sub li ul.keyproducts04 li a:hover {width:132px;} #nav li:hover ul.sub li ul.keyproducts05 li a:hover {width:142px;} #nav li:hover ul.sub li ul.keyproducts06 li a:hover {width:132px;} #nav li:hover ul.sub li ul.keyproducts07 li a:hover {width:132px;} #nav li:hover ul.sub li ul.keyproducts08 li a:hover {width:177px;} #nav li:hover ul.sub li ul.keyproducts09 li a:hover {width:247px;} #nav li:hover ul.sub li ul.keyproducts10 li a:hover {width:257px;} #nav li:hover ul.sub li ul.keyproducts11 li a:hover {width:225px;} #nav li:hover ul.sub li ul.keyproducts12 li a:hover {width:132px;} #nav li:hover ul.sub li ul.keyproducts13 li a:hover {width:132px;} #nav li:hover ul.sub li ul.keyproducts14 li a:hover {width:132px;} #nav li:hover ul.sub li ul.keyproducts15 li a:hover {width:132px;} #nav li:hover ul.sub li ul.keyproducts16 li a:hover {width:207px;} #nav li:hover ul.sub li ul.cleaningproducts li a:hover {width:132px;} #nav li:hover ul.sub li ul.chemicalproducts li a:hover {width:187px;} #nav li:hover ul.sub li ul.paints li a:hover {width:132px;} #nav li:hover ul.sub li ul.campingazproducts li a:hover {width:227px;} #nav li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover ul, #nav li:hover li:hover li:hover li:hover li:hover ul {left:90px; top:-4px; background: #B7DD65; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:135px; z-index:400; height:auto;} #nav li:hover li:hover ul.triple {left:130px; top:-4px; background: #B7DD65; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:135px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts01 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:135px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts02 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:135px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts03 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:145px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts04 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:135px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts05 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:145px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts06 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:135px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts07 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:135px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts08 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:180px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts09 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:250px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts10 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:260px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts11 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:228px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts12 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:135px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts13 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:135px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts14 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:135px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts15 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:135px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts16 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:210px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts17 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:135px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts18 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:190px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts19 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:135px; z-index:400; height:auto;} #nav li:hover li:hover ul.keyproducts20 {left:130px; top:-4px; background: #FFDB67; padding:3px; border:1px solid #5c731e; white-space:nowrap; width:230px; z-index:400; height:auto;} #nav ul, #nav li:hover ul ul, #nav li:hover li:hover ul ul, #nav li:hover li:hover li:hover ul ul, #nav li:hover li:hover li:hover li:hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;} #nav li:hover li:hover a.fly, #nav li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover a.fly, #nav li:hover li:hover li:hover li:hover li:hover a.fly {background:#DEDEDE url(arrow_over.gif) 118px 6px no-repeat; color:#AF3317; border-color:#FFDB67;} #nav li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li a.fly, #nav li:hover li:hover li:hover li:hover li a.fly {background:#B7DD65 url(arrow.gif) 118px 6px no-repeat; color:#444444; border-color:#FFDB67;}