/* ================================================================ 
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-droplist.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:30px;
background:#89a url(topBack.gif) repeat-x left center;
position:relative; 
font-family:Verdana; 
font-size:12px;
z-index:500;
border:0px solid #000000;
border-width:1px 0px 0 0px;
}

#dropList ul#menu {
margin:0; 
padding:0 0 0 10px; 
list-style:none; 
white-space:nowrap;
}

/* Main Buttons */
#dropList ul#menu li.level1-li {
float:left;
height:29px;
padding-top:1px;
margin-right:1px;
}


/* Menu Bar */
#dropList ul#menu li.level1-li a.level1-a {
display:block; 
height:26px; 
float:left; 
border-left:1px solid #000000;
border-right:0px solid #2d2d2d;
padding:0 10px 0 10px; 
text-decoration:none; 
line-height:24px; 
white-space:nowrap;
font-weight:bold;
color:#ddd;
}

#dropList ul#menu li.sub a.level1-a {color:#ddd;}

#dropList ul#menu li.level1-li:hover,
#dropList ul#menu li.level1-li a.level1-a:hover {position:relative;}

#dropList ul#menu li.level1-li a.level1-a:hover, 
#dropList ul#menu li.level1-li:hover a.level1-a {
border-left:0px solid #2d2d2d;
border-right:0px solid #000;
color:#000;
background:url(over.gif);
}

#dropList ul#menu li.sub a.level1-a:hover {
height:29px;
color:#000;
background:url(topHover.gif);
}
 
#dropList ul#menu li.sub:hover > a.level1-a {
height:29px;
color:#000;
background:url(topHover.gif);
}

/* Main Drop Down Area */
#dropList ul#menu li div.listHolder {
position:absolute; left:-9999px; top:30px; background:#E0E0E0; border:1px solid #E0E0E0; border-width:0 1px 1px 1px; padding:0;
}
* html #dropList ul#menu li div.listHolder {top:29px;}

/* IE6 only */
#dropList table {
border-collapse:collapse; 
margin:-1px -10px; 
font: normal 11px/15px arial,sans-serif;
text-align:left;
width:0; 
height:0;
}


/* Individual Drop Down Sizes */
#container #droplist ul ul a {font-size:8px; text-align:left;} 
#dropList ul#menu :hover div.listHolder {left:0;}
#dropList ul#menu a:hover div.listHolder {left:-1px;}

/* Shop Clipart Width */
#dropList ul#menu div.col1 {width:797px;}

/* Create Width */
#dropList ul#menu div.col2 {width:460px;}

/* Designs Width */
#dropList ul#menu div.cola {width:797px;}

/* Designs Position */
#dropList ul#menu a:hover div.cola,
#dropList ul#menu :hover div.cola {left:-105px;}

/* Create Position */
#dropList ul#menu a:hover div.col2,
#dropList ul#menu :hover div.col2 {left:-205px;}

/* Shop Clipart Position */
#dropList ul#menu a:hover div.col1,
#dropList ul#menu :hover div.col1 {left:-233px;}

/* Custom Position */
#dropList ul#menu a:hover div.col3,
#dropList ul#menu :hover div.col3 {left:-186px;}

/* Custom Width */
#dropList ul#menu div.col3 {width:400px;}

/* Website Templates Position */
#dropList ul#menu a:hover div.left1,
#dropList ul#menu :hover div.left1 {left:-226px;}

/* DTG Width */
#dropList ul#menu div.coldtg {width:797px;}

/* DTG Position */
#dropList ul#menu a:hover div.coldtg,
#dropList ul#menu :hover div.coldtg {left:-725px;}

/* WT Width */
#dropList ul#menu div.colwt {width:797px;}

/* WT Position */
#dropList ul#menu a:hover div.colwt,
#dropList ul#menu :hover div.colwt {left:-380px;}

/* Custom Art Width */
#dropList ul#menu div.colcart {width:797px;}

/* Custom Art Position */
#dropList ul#menu a:hover div.colcart,
#dropList ul#menu :hover div.colcart {left:-528px;}




#dropList ul#menu div.listHolder div.listCol {display:block; float:left; padding:10px 5px; margin:0;}


/* DropDown Header Fonts */
#dropList ul#menu div.listHolder div.listCol h5 {padding:5px 0 0 0; margin:0; font-size:11px; line-height:13px; color:#000; font-weight:bold;}
#dropList ul#menu div.listHolder div.listCol ul {padding:0; margin:0; list-style:none;}
#dropList ul#menu div.listHolder div.listCol ul li {line-height:15px; padding:0; margin:0;}


/* DropDown Category Fonts */
#dropList ul#menu div.listHolder div.listCol ul li a {color:#5B5C5B; font-size:10px; text-decoration:none; padding-left:0; font-weight:normal;}
#dropList ul#menu div.listHolder div.listCol ul li a:hover {text-decoration:underline;}

#dropList ul#menu div.listHolder div.bottomLine {clear:left; background:#000000; padding:0px 0px;}
#dropList ul#menu a:hover div.listHolder div.bottomLine {height:0px;}
#dropList ul#menu div.listHolder div.bottomLine p {padding:0 0 0 0px; margin:0; line-height:0px; color:#fc0; no-repeat left center; font-weight:bold;}
#dropList ul#menu div.listHolder div.bottomLine p a {color:#E0E0E0;}
#dropList ul#menu div.listHolder div.bottomLine p a:hover {text-decoration:none;}

