/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

td { vertical-align:top;}

#featured.home { z-index: -200; }

#nav, #nav ul   { position:relative; z-index:9999; }
#header { z-index:9999; }


#nav li ul  { position: absolute; left: -999em; width: 195px; background: #FFF; border:1px solid #efefef;}
#nav li ul li  { border: 1px solid #efefef; border-width: 0 0 1px; padding:0; }
#nav li ul li a  { background:url(images/ico-bullet.png) no-repeat 5px 10px; width:172px; padding-left:15px; line-height:30px; font-size:12px; color:#000; }
#nav li ul li:hover  { background:#a7d6ec; }
#nav li ul  { padding:5px; }
#nav li ul ul  { margin: -25px 0 0 120px; }
#nav li ul li ul li a  { border-width: 0 0 1px; }
#nav li:hover ul ul, #nav li.sfhover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul ul { left:-999em; }
#nav li:hover ul,#nav li li:hover ul,#nav li li li:hover ul,#nav li.sfhover ul,#nav li li.sfhover ul,#nav li li li.sfhover ul  { left:auto; }
#nav li:hover,#nav li.hover  { position:static; }



/* 4.2 Generic Widgets */
.widget  { margin: 0px 0px 0px 37px;}
.widget h3  { margin: 0 0 18px 0;text-transform:uppercase; font-size:14px; text-transform:uppercase; color:#777; }

.widget p { color:#666; }
.widget ul  { clear:both; }
.widget ul li  { background: url(images/ico-bullet.png) no-repeat left 8px; padding-left:15px; }
.widget ul li a  { display: block; padding: 3px 0; line-height: 18px; text-decoration: none; color:#666; }
.widget ul li a:hover  { color: #000; }
.widget ul ul  { padding: 0 0 0 5px; border-top: none;