.pinkdots{margin:0; padding:0; width:100%; height:3px; float:left; background: url(http://www.teething-babies.co.uk/images/dotpink.png) bottom left repeat-x; line-height:.01em; font-size:0em;}
#menu{
  margin:0 auto 0 auto;
  padding:0;
  width:100%;
  height:1%;
  border-color:#898989;
  border-style:none;
  border-width:1px 1px 0px 1px;
  display:block;
  font-size:.75em;
  float:left;}
#menu #nav, #menu #nav ul{ /* all lists */
  padding:0;
  list-style:none;
  margin-left:auto;
  margin-right:auto;
  margin-top:0px;
  z-index:10;}

#menu #nav a.topitem{
  margin:0;
  padding:0 .7em 0 .7em;
  height:1%;
  border-color: #898989;
  border-style: none;
  border-width: 0px 1px 0px 0px;
  font-weight: bold;
  color: #39c;
  text-decoration: none;
  background:#fff;}
#menu #nav a.topitem:hover{
  background-color: #f39;
  color: #fff;
  text-decoration: none;}
  
#menu #nav a.pregnancy{width:5.7em;}
#menu #nav a.youbaby{width:8.7em;}
#menu #nav a.teethprocess{width:9em;}
#menu #nav a.easing{width:8.3em;}
#menu #nav a.caring{width:10.5em;}
#menu #nav a.pain{width:6.7em;}
#menu #nav a.info{width:6.5em;}
  
/* DEFAULT LINK STYLE */
#menu #nav a{
  display: block;
/*  border-color: #fff;
  border-style: solid;
  border-width: 0px 1px 1px 1px;*/
  border-top:1px solid #fff;
  background-color: #f39;
  color: #fff;
  width: 16.2em;
  text-decoration: none;
  padding: 1px 5px 1px 5px;}
#menu #nav a:hover{
  display: block;
  background-color: #fff;
  color: #39c;
  text-decoration: none;}
  
#menu #nav li{ /* all list items */
  float: left;
  position: relative;}
#menu #nav li ul{ /* second-level lists */
  position: absolute;
  background-color: #f39;
  width:17em;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  z-index:10;
  border:2px solid #f9c;}
  
  #menu #nav a.first{
  	display: block;
    border-color: #f6c;
    border-style: none;
    border-width: 1px 1px 1px 1px;
    background-color: #f39;
    color: #fff;
  	/*width: 150px*/;
    text-decoration: none;
    padding: 1px 5px 1px 5px;  }
  #menu #nav a.first:hover{
  	display: block;
    background-color: #fff;
    color: #36c;
    text-decoration: none;  }

/*#menu #nav li ul{
  padding:0 .5em 0 .5em;
  width:38em;
  height:auto;
  float:left;
  z-index:300;
  border:2px solid #f9c;}*/
  

#menu #nav li:hover ul,#menu #nav li.sfhover ul{ /* lists nested under hovered list items */
  left: -1px;
  top: 15px;}