/* CSS Document for Wesley Bowers Fashion web site navigation. */

/*================Header Navigation===================*/

#navTop {padding:0; margin:0; list-style:none; height:50px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:608px;}
#navTop li.top {display:block; float:left;}
#navTop li a {display:block; float:left; height:12px; width:auto; text-decoration:none; padding:0; cursor:pointer;}
#navTop li a b {margin-left:-999px;}

#navTop li a.mens {background:url(../images/nav/shop_men.gif) no-repeat; width:28px;}
#navTop li a.womens {background:url(../images/nav/shop_women.gif) no-repeat; width:44px;}
#navTop li a.croquis {background:url(../images/nav/illustrated.gif) no-repeat; width:70px;}
#navTop li a.runway {background:url(../images/nav/runway.gif) no-repeat; width:48px;}
#navTop li a.about {background:url(../images/nav/about_wbf.gif) no-repeat; width:64px;}
#navTop li a.press {background:url(../images/nav/press.gif) no-repeat; width:38px;}

#navTop li:hover a.mens {background:url(../images/nav/shop_men2.gif) no-repeat; width:28px;}
#navTop li:hover a.womens {background:url(../images/nav/shop_women2.gif) no-repeat; width:44px;}
#navTop li:hover a.croquis {background:url(../images/nav/illustrated2.gif) no-repeat; width:70px;}
#navTop li:hover a.runway {background:url(../images/nav/runway2.gif) no-repeat; width:48px;}
#navTop li:hover a.about {background:url(../images/nav/about_wbf2.gif) no-repeat; width:64px;}
#navTop li:hover a.press {background:url(../images/nav/press2.gif) no-repeat; width:38px;}


#navTop table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	padding:0;
	width:0;
	height:0;
	margin:-1px;}

#navTop .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#navTop li:hover {position:relative; z-index:200;}
#navTop a:hover {position:relative; white-space:normal; z-index:200;}

#navTop :hover ul.sub
{left:0; top:12px; background: #fff; width:98px; height:auto; z-index:300; padding-top:2;}
#navTop :hover ul.sub li
{display:block; height:12px; position:relative; float:left; width:152px; margin-top:2; font-weight:normal;}
#navTop :hover ul.sub li a
{display:block; height:12px; width:98px; text-decoration:none; padding:2; cursor:pointer;}

#navTop :hover ul li a.about_co_info {background:url(../images/nav/about_co_info.gif) no-repeat; width:98;}
#navTop :hover ul li a.about_mission_statement {background:url(../images/nav/about_mission_statement.gif) no-repeat; width:84;}
#navTop :hover ul li a.about_wb_bio {background:url(../images/nav/about_wb_bio.gif) no-repeat; width:86;}
#navTop :hover ul li a.about_contact {background:url(../images/nav/about_contact.gif) no-repeat; width:34;}
#navTop :hover ul li a.lemons {background:url(fruit/lemons2.jpg);}

#navTop :hover ul.sub li:hover a.about_co_info {background:url(../images/nav/about_co_info2.gif) no-repeat; width:98;}
#navTop :hover ul.sub li:hover a.about_mission_statement {background:url(../images/nav/about_mission_statement2.gif) no-repeat; width:84;}
#navTop :hover ul.sub li:hover a.about_wb_bio {background:url(../images/nav/about_wb_bio2.gif) no-repeat; width:86;}
#navTop :hover ul.sub li:hover a.about_contact {background:url(../images/nav/about_contact2.gif) no-repeat; width:34;}
#navTop :hover ul.sub li:hover a.lemons {background:url(fruit/lemons2.jpg);}

#navTop :hover ul.sub li a:hover 
{background-position: 0 50px; position:relative;}
#navTop :hover ul.sub li a:hover b {left:100px; top:15px; background:#f0f; color:#000; border:1px solid #888; display:block; width:100px; height:20px; text-align:center; font-size:12px; line-height:18px;}

/*================Footer Navigation===================*/
#navBttm {padding:0; margin:0; list-style:none; height:20px; position:relative; z-index:200; font-family:arial, verdana, sans-serif; width:508px;}
#navBttm li.bttm {display:block; float:left;}
#navBttm li a {display:block; float:left; height:9px; width:auto; text-decoration:none; padding:0; cursor:pointer;}
#navBttm li a b {margin-left:-999px;}

#navBttm li a.privacy {background:url(../images/nav/privacy_policy.gif) no-repeat; width:72px;}
#navBttm li a.tos {background:url(../images/nav/tos.gif) no-repeat; width:68px;}
#navBttm li a.locator {background:url(../images/nav/store_locator.gif) no-repeat; width:72px;}
#navBttm li a.sitemap {background:url(../images/nav/sitemap.gif) no-repeat; width:46px;}
#navBttm li a.wbcom {background:url(../images/nav/wbcom.gif) no-repeat; width:92px;}

#navBttm li:hover a.privacy {background:url(../images/nav/privacy_policy2.gif) no-repeat; width:72px;}
#navBttm li:hover a.tos {background:url(../images/nav/tos2.gif) no-repeat; width:68px;}
#navBttm li:hover a.locator {background:url(../images/nav/store_locator2.gif) no-repeat; width:72px;}
#navBttm li:hover a.sitemap {background:url(../images/nav/sitemap2.gif) no-repeat; width:46px;}
#navBttm li:hover a.wbcom {background:url(../images/nav/wbcom2.gif) no-repeat; width:92px;}


#navBttm table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	padding:0;
	width:0;
	height:0;
	margin:-1px;}