/* ================================================================ 
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/pro-droplistv2.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.
=================================================================== */
#dropList {
height:auto;
width:150px;
background:#fff;
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:1;
}

#dropList ul#menu {
margin:0; 
padding:0;
width:175px;
list-style:none; 
white-space:nowrap;
border-top:1px solid #888;
}

#dropList ul#menu li.level1-li {
float:left;
}

#dropList ul#menu li.p1 {background:#fff url('http://decormouldings.com/wp-content/themes/decor-moulding/images/bullet-shop.gif') no-repeat 5px center;}
#dropList ul#menu li.p2 {background:#fff url('http://decormouldings.com/wp-content/themes/decor-moulding/images/bullet-shop.gif') no-repeat 5px center;}
#dropList ul#menu li.p3 {background:#fff url('http://decormouldings.com/wp-content/themes/decor-moulding/images/bullet-shop.gif') no-repeat 5px center;}
#dropList ul#menu li.p4 {background:#fff url('http://decormouldings.com/wp-content/themes/decor-moulding/images/bullet-shop.gif') no-repeat 5px center;}
#dropList ul#menu li.p5 {background:#fff url('http://decormouldings.com/wp-content/themes/decor-moulding/images/bullet-shop.gif') no-repeat 5px center;}
#dropList ul#menu li.p6 {background:#fff url('http://decormouldings.com/wp-content/themes/decor-moulding/images/bullet-shop.gif') no-repeat 5px center;}
#dropList ul#menu li.p7 {background:#fff url('http://decormouldings.com/wp-content/themes/decor-moulding/images/bullet-shop.gif') no-repeat 5px center;}

#dropList ul#menu li.level1-li a.level1-a {
display:block;
width:154px;
height:26px; 
float:left; 
border:1px solid #888;
border-top:0; 
background:transparent;
padding:0 0 0 20px; 
text-decoration:none; 
line-height:24px; 
white-space:nowrap;
font-weight:bold;
color:#000;
}

#dropList ul#menu li.sub a.level1-a {color:#000; background:transparent url('images/arrow2.gif') no-repeat 158px center; padding-bottom:0px!important;
}

#dropList ul#menu li.level1-li:hover,
#dropList ul#menu li.level1-li a.level1-a:hover {position:relative;padding-bottom:0px!important;
}

#dropList ul#menu li.level1-li a.level1-a:hover, 
#dropList ul#menu li.level1-li:hover a.level1-a {
color:#c00;
white-space:nowrap;
padding-bottom:0px!important;
margin-bottom:0px!important;
z-index:500;
}

#dropList ul#menu li.sub a.level1-a:hover {
height:26px;
color:#c00;
}
 
#dropList ul#menu li.sub:hover > a.level1-a {
height:26px;
color:#c00;
}

#dropList ul#menu li div.listHolder {
position:absolute; left:-9999px; top:30px; background:#fff url('images/divider.gif'); border:1px solid #888; padding:0;}

/* IE6 only */
#dropList table {
border-collapse:collapse; 
margin:-1px -10px; 
font-size:1em; 
width:0; 
height:0;
}

#dropList ul#menu :hover div.listHolder {left:175px; top:-1px;}
#dropList ul#menu a:hover div.listHolder {left:120px;}
#dropList ul#menu div.col1 {width:141px;}
#dropList ul#menu div.col2 {width:280px;}
#dropList ul#menu div.col3 {width:420px;}
#dropList ul#menu div.listHolder div.bottomLine {clear:left; background:url('images/sub-nav.png') repeat-x left bottom; padding:5px 10px; line-height:1.2; height:32px;}
#dropList ul#menu a:hover div.listHolder div.bottomLine {height:1px;}
#dropList ul#menu div.listHolder div.bottomLine p {padding:0 0 0 15px; margin:0; line-height:10px; color:#000; background:url('images/arrow.gif') no-repeat left center; font-weight:bold; line-height:45px; text-align:left;}
#dropList ul#menu div.listHolder div.bottomLine p a {color:#000;}
#dropList ul#menu div.listHolder div.bottomLine p a:hover {text-decoration:none;}

#dropList ul.atoz {padding:0; margin:0; list-style:none; width:420px; height:26px; background:#fff; text-align:left;} 
#dropList ul.atoz div.subListHolder {position:absolute; left:-9999px; text-align:left;}
#dropList ul.atoz li {display:block; float:left; padding:0 10px 0 0;}
#dropList ul.atoz li a {display:block; padding:0 10px; float:left; height:24px; line-height:24px; color:#000; text-decoration:none; text-align:center; font-weight:bold;}
#dropList ul.atoz li a:hover {color:#000;}
#dropList ul.atoz li:hover > a {color:#000;}

#dropList ul.atoz :hover div.subListHolder {left:-1px; top:24px; background:#fff url('images/divider.gif'); border:1px solid #888; border-width:0 1px 1px 1px;}

#dropList div.listCol {display:block; float:left; padding:10px; margin:0; width:120px;}
#dropList div.listCol h5 {padding:5px 0 0 0; margin:0; font-size:11px; line-height:13px; background:url('images/linedot.gif') repeat-x left bottom; text-align:left; color:#000;}
#dropList div.listCol ul {padding:0; margin:0; list-style:none;}
#dropList div.listCol ul li {line-height:15px; padding:0; margin:0;}
#dropList div.listCol ul li a {display:block;  color:#069; text-decoration:none; padding-left:10px; font-weight:normal; background:url('images/dot.gif') no-repeat left center; white-space:nowrap; text-align:left; width:110px;}
#dropList div.listCol ul li a:hover {text-decoration:underline;}

#dropList div.sublistCol {display:block; float:left; padding:10px; margin:0; width:120px; text-align:left!important; line-height:15px;}
#dropList div.sublistCol h5 {clear:left; padding:5px 0 0 0; margin:0; font-size:11px; line-height:13px; background:url('images/linedot.gif') repeat-x left bottom; text-align:left; color:#000;}
#dropList div.sublistCol ul {padding:0; margin:0; list-style:none; width:110px; text-align:left;}
#dropList div.sublistCol ul li {line-height:15px; padding:0; margin:0; width:110px; text-align:left; float:left;}
#dropList div.sublistCol ul li a {display:block; float:left; color:#069; text-decoration:none; padding-left:10px; font-weight:normal; background:url('images/dot.gif') no-repeat left center; white-space:nowrap; height:15px; line-height:15px; font-weight:normal;}
#dropList div.sublistCol ul li a:hover {text-decoration:underline; color:#069; background:url('images/dot.gif') no-repeat left center;}
#dropList div.sublistCol ul li:hover  a {text-decoration:underline; color:#069; background:url('images/dot.gif') no-repeat left center;}

#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine {clear:left; background:transparent url('images/sub-nav.png') repeat-x scroll left bottom;; padding:5px 10px; text-align:left; margin:25px 0 0 0;}
#dropList ul#menu a:hover div.listHolder ul.atoz div.bottomLine {height:1px;}
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p {padding:0 0 0 15px; margin:0; line-height:20px; color:#000; background:url('images/arrow.gif') no-repeat left center; font-weight:bold;}
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p a {color:#000; display:inline; float:none; padding:0; text-decoration:underline;}
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p a:hover {text-decoration:none;}

.arrow-down {background:transparent url('images/arrow-down.gif') right center no-repeat; border:0;}

#dropList table table {
border-collapse:collapse; 
margin:-1px -10px 0 -10px; 
font-size:1em; 
width:0; 
height:0;
}