/* CSS Document Navigation Document for Wholesale Flowers */
/* v1.0 
Matthew Goodrich - Developer 
*/

/* toplinks navigation */
ul#toplinks { margin: 5px 0px;}
  #toplinks li { list-style: none; display: inline; padding: 2px; }
  #toplinks li a { font-weight: normal; /* .2 sizes larger for AmeriCommerce */ font-size: 1em; }



/* inside pages navigation bar and dd subcategories */
/* global navigation settings */
#inside nav_holder {
}
#inside #nav {
  clear: both;
  height: 45px; 
  background: url(../images/navbar.jpg) top left no-repeat;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 55;
  }
  #inside #nav li {
	height: 45px;
	font-size: 1em;
	position: absolute;
	list-style-type: none;
	}
	#inside #nav li span { display: none; }
	#inside #nav li.last {  background-image: none; }
	
  #inside #nav li a {
  	display: block;
	text-decoration: none;
	height: 45px;
	}
  #inside #nav li a:hover { }

/* buttons positioning */  
#inside #nav li.home { left: 0px; width: 114px; }
#inside #nav li.weddings { left: 115px; width: 241px; }
#inside #nav li.designers { left: 357px; width: 174px; }
#inside #nav li.wedding_flowers { left: 531px; width: 198px; }
#inside #nav li.everyday { left: 729px; width: 270px; }

/* navbar hover and selected state */
#nav li.home a:hover, #intro #nav li.home { background: url(../images/navbar_hover.jpg) -0px 0px no-repeat; }
#nav li.weddings a:hover, #nav li.weddings a.selected { background: url(../images/navbar_hover.jpg) -115px 0px no-repeat; }
#nav li.designers a:hover, #nav li.designers a.selected { background: url(../images/navbar_hover.jpg) -357px 0px no-repeat; }
#nav li.wedding_flowers a:hover, #nav li.wedding_flowers a.selected { background: url(../images/navbar_hover.jpg) -531px 0px no-repeat; }
#nav li.everyday a:hover, #nav li.everyday a.selected { background: url(../images/navbar_hover.jpg) -729px 0px no-repeat; }


#inside #nav li ul { display: none; }

#inside #nav li:hover ul {
  background: url(../images/dd_bkgd.png); 
  position: absolute;
  top: 45px; 
  right: 0px; 
  display: block;
  width: 175px;
  padding: 5px;
  }
  
  #inside #nav li.wedding_flowers:hover ul, #inside #nav li.weddings:hover ul { width: 205px; }
  #inside #nav li.everyday:hover ul { width: 290px;}
  
#inside #nav li ul li {
  position: relative;
  margin: 0;
  padding: 0;
  height: 1.2em;
  display: block;
  font-weight: bold;
  color: #fff;
  text-align: right; 
  }
#inside #nav li ul li a { 
  display: block;
  font-size: .9em;
  padding-right: 20px;
  }
  
  /* remove bkgd image from child ul elements */
  #inside #nav li ul li a.selected { background-image: none;}
  
  #inside #nav li ul li a:hover { background-image: none; }

div.footernav {  width: 100%; text-align: center; margin: 20px auto 5px auto;}
  div.footernav p { padding-top: 12px;}

div.footer .footernav ul { margin-top: 5px;}
div.footer .footernav ul li {
  list-style: none;
  display: inline;
  margin: 5px;
  padding: 3px;
}