/* Basic code - don't modify */
 
 #nav { display: block; margin: 0; padding: 0; position: relative; }
 #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
 #nav a { display: block; }
 #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #nav ul { line-height: 0; } /* IE6 "fix" */
 #nav ul a { zoom: 1; } /* IE6/7 fix */
 #nav ul li { float: none; }
 #nav ul ul { top: 0; }
    
/* Essentials - configure this */

#nav ul { width: 130px; }
#nav ul ul { left: 131px; }

/* Everything else is theming */
 
#nav {
height:13px;
background:url(../images/gNaviDiv.png) repeat-y right top;
}
#nav *:hover {
background-color: none;
}
#nav li{
text-indent:-9999px;
background:url(../images/gNaviDiv.png) repeat-y left top;
}
#nav li a{
height:13px;
margin:0 10px;
display:block;
background-color:#c2c;
}
#nav li.home a{
width:36px;
background:url(../images/home.png) no-repeat;
}
#nav li.home a:hover{
background:url(../images/home_on.png) no-repeat #F4F2E5;
}
#nav li.home a.cnt{
background:url(../images/home_on.png) no-repeat #F4F2E5;
}
#nav li.onlinestore a{
width:77px;
background:url(../images/onlinestore.png) no-repeat #F4F2E5;
}
#nav li.onlinestore a:hover{
background:url(../images/onlinestore_on.png) no-repeat #F4F2E5;
}
#nav li.mystree a{
width:50px;
background:url(../images/mystree.png) no-repeat #F4F2E5;
}
#nav li.mystree a:hover{
background:url(../images/mystree_on.png) no-repeat #F4F2E5;
}
#nav li.blog a{
width:79px;
background:url(../images/dolphinblog.png) no-repeat #F4F2E5;
}
#nav li.blog a:hover{
background:url(../images/dolphinblog_on.png) no-repeat #F4F2E5;
}
#nav li.contact a{
width:65px;
background:url(../images/contactus.png) no-repeat #F4F2E5;
}
#nav li.contact a:hover{
background:url(../images/contactus_on.png) no-repeat #F4F2E5;
}
#nav li.link a{
width:26px;
background:url(../images/link.png) no-repeat #F4F2E5;
}
#nav li.link a:hover{
background:url(../images/link_on.png) no-repeat #F4F2E5;
}


#nav ul.droppyChild {
width:152px;
height:54px;
top: 20px;
background:url(../images/droppyBg.png) 0px 0px no-repeat;
}
#nav ul.droppyChild li{
background:none;
}
#nav ul.droppyChild li.flipperblue{
padding:7px 0 0 0;
}
#nav ul.droppyChild li.flipperblue a{
width:77px;
height:9px;
background:url(../images/flipperblueOnline.png) no-repeat;
}
#nav ul.droppyChild li.flipperblue a:hover{
background:url(../images/flipperblueOnline_on.png) no-repeat;
}
#nav ul.droppyChild li.bagdelivery{
padding:15px 0 0 0;
}
#nav ul.droppyChild li.bagdelivery a{
width:103px;
height:9px;
background:url(../images/thebagdeliveryOnline.png) no-repeat;
}
#nav ul.droppyChild li.bagdelivery a:hover{
background:url(../images/thebagdeliveryOnline_on.png) no-repeat;
}

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#header .gNavi ul li a:focus{
/*\*/
	overflow: hidden;
/**/
}