/* 
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.

*/

/* 2.2 Navigation */
#navigation  { height: 38px; width: 886px; padding: 0 26px; margin-bottom: 20px; font-size: 14px; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, Sans-serif; text-transform: uppercase; border: 1px solid #fff; background: #fff url(images/navtile.jpg) repeat-x left top; }

#navigation .search  { float: right; margin: 0; width:215px; }
#navigation .search #searchform  { margin: 7px 0 0 0; }
#navigation .search input#s  { float: left; width: 176px; padding: 6px 0 6px 10px; background: url(images/searchinput.png) no-repeat left top; border: none; color:#777; }
#navigation .search input.submit  { float: right; padding: 6px 0 0 8px; }

#nav  { float: left; width: 800px; height: 36px; }
#nav, #nav ul  { z-index:100; margin:0; padding:0; list-style:none; line-height:1; }
#nav a  { display:block; z-index:100; padding:0 10px; line-height:28px; color: #999; line-height: 38px; }
#nav a:hover, #nav .current_page_item a  { color: #333; text-decoration: none; }
#nav li  { float:left; width: auto; margin: 0 14px 0 0; }

/* 2.2.1 Drop-down menus */
#nav li ul  { position: absolute; left: -999em; width: 170px; border: 1px solid #F7F6F6; }
#nav li ul li  {  background: #fff url(images/navtile.jpg) repeat-x left top; border-width: 0 1px 1px; margin:0; padding:0; }
#nav li ul li a  { width:160px; line-height:30px; font-size:11px; color:#555; }
#nav li ul li a:hover  {background: #e8e8e8; }
#nav li ul ul  { margin: -32px 0 0 170px; }
#nav li ul ul li a  {  }
#nav li ul li ul li a  {  }

#nav li:hover,#nav li.hover  { position:static; }

#nav li:hover ul ul, #nav li.sfhover ul ul,
#nav li:hover ul ul ul, #nav li.sfhover ul ul ul,
#nav li:hover ul ul ul ul, #nav li.sfhover ul ul ul ul { left:-999em; }
#nav li:hover ul, #nav li.sfhover ul,
#nav li li:hover ul, #nav li li.sfhover ul,
#nav li li li:hover ul, #nav li li li.sfhover ul,
#nav li li li li:hover ul, #nav li li li li.sfhover ul  { left:auto; }