/*
 * ddmenu.css - for top navigation
 */
 
#navbar {
	margin: 0 auto;
	max-width: 960px;
	min-width: 837px;
	height: 26px;
	text-align: center;
}

#navbar a {
	padding: 0 6px;
	font-size: 10px;
	display: block;
	float: left;
	line-height: 26px;
	font-weight: bold;
}

#navbar li.topLink {
	width: 136px;
	border: none;
	height: 26px;
	font-family: "Arial Narrow",Arial, Helvetica, sans-serif;
}

#navbar li#six {
	width: 144px;
}
 
#navbar #one.sfHover span.topdaddy, #navbar #one:hover span.topdaddy { background: url(images/JoesPetMeds/ddmenu/over/PetShed_btn_left-01.gif) no-repeat; } 
#navbar #one span.topdaddy { background: url(images/JoesPetMeds/ddmenu/PetShed_btn_left-01.gif) no-repeat;}
#navbar #one.sfHover, #navbar #one:hover { background: url(images/JoesPetMeds/ddmenu/over/PetShed_btn_bg-01.gif) no-repeat top right; } 
#navbar #one { background: url(images/JoesPetMeds/ddmenu/PetShed_btn_bg-01.gif) no-repeat top right; }

#navbar #two.sfHover span.topdaddy, #navbar #two:hover span.topdaddy { background: url(images/JoesPetMeds/ddmenu/over/PetShed_btn_left-02.gif) no-repeat; } 
#navbar #two span.topdaddy { background: url(images/JoesPetMeds/ddmenu/PetShed_btn_left-02.gif) no-repeat;}
#navbar #two.sfHover, #navbar #two:hover { background: url(images/JoesPetMeds/ddmenu/over/PetShed_btn_bg-02.gif) no-repeat top right; } 
#navbar #two { background: url(images/JoesPetMeds/ddmenu/PetShed_btn_bg-02.gif) no-repeat top right; }

#navbar #three.sfHover span.topdaddy, #navbar #three:hover span.topdaddy { background: url(images/JoesPetMeds/ddmenu/over/PetShed_btn_left-03.gif) no-repeat; } 
#navbar #three span.topdaddy { background: url(images/JoesPetMeds/ddmenu/PetShed_btn_left-03.gif) no-repeat;}
#navbar #three.sfHover, #navbar #three:hover { background: url(images/JoesPetMeds/ddmenu/over/PetShed_btn_bg-03.gif) no-repeat top right; } 
#navbar #three { background: url(images/JoesPetMeds/ddmenu/PetShed_btn_bg-03.gif) no-repeat top right; }

#navbar #four.sfHover span.topdaddy, #navbar #four:hover span.topdaddy { background: url(images/JoesPetMeds/ddmenu/over/PetShed_btn_left-04.gif) no-repeat; } 
#navbar #four span.topdaddy { background: url(images/JoesPetMeds/ddmenu/PetShed_btn_left-04.gif) no-repeat;}
#navbar #four.sfHover, #navbar #four:hover { background: url(images/JoesPetMeds/ddmenu/over/PetShed_btn_bg-04.gif) no-repeat top right; } 
#navbar #four { background: url(images/JoesPetMeds/ddmenu/PetShed_btn_bg-04.gif) no-repeat top right; }

#navbar #five.sfHover span.topdaddy, #navbar #five:hover span.topdaddy { background: url(images/JoesPetMeds/ddmenu/over/PetShed_btn_left-05.gif) no-repeat; } 
#navbar #five span.topdaddy { background: url(images/JoesPetMeds/ddmenu/PetShed_btn_left-05.gif) no-repeat;}
#navbar #five.sfHover, #navbar #five:hover { background: url(images/JoesPetMeds/ddmenu/over/PetShed_btn_bg-05.gif) no-repeat top right; } 
#navbar #five { background: url(images/JoesPetMeds/ddmenu/PetShed_btn_bg-05.gif) no-repeat top right; }

#navbar #six.sfHover span.topdaddy, #navbar #six:hover span.topdaddy { background: url(images/JoesPetMeds/ddmenu/over/PetShed_btn_left-06.gif) no-repeat; } 
#navbar #six span.topdaddy { background: url(images/JoesPetMeds/ddmenu/PetShed_btn_left-06.gif) no-repeat;}
#navbar #six.sfHover, #navbar #six:hover { background: url(images/JoesPetMeds/ddmenu/over/PetShed_btn_bg-06.gif) no-repeat top right; } 
#navbar #six { background: url(images/JoesPetMeds/ddmenu/PetShed_btn_bg-06.gif) no-repeat top right; }

#navbar #seven.sfHover span.topdaddy, #navbar #seven:hover span.topdaddy { background: url(images/JoesPetMeds/ddmenu/over/PetShed_btn_left-07.gif) no-repeat; } 
#navbar #seven span.topdaddy { background: url(images/JoesPetMeds/ddmenu/PetShed_btn_left-07.gif) no-repeat;}
#navbar #seven.sfHover, #navbar #seven:hover { background: url(images/JoesPetMeds/ddmenu/over/PetShed_btn_bg-07.gif) no-repeat top right; } 
#navbar #seven { background: url(images/JoesPetMeds/ddmenu/PetShed_btn_bg-07.gif) no-repeat top right; }
 
#navbar li span.topdaddy {
	overflow: visible;
	width: 100%;
}

/*drugi dio*/

.nav, .nav * {
	margin:0;
	padding:0;
}

div#navbar {  
	position: relative;
	z-index: 50;
}

div#navbar .wrapper {
	position: relative;
}

#navbar li li {
	margin: 0;
	display: block;
}

div#navbar li li span,
div#navbar li.active li span,
div#navbar li:hover li span {

}

.nav ul {
	padding: 0;
}
.nav li {
	float:left;
	list-style: none;
	position:relative;
	background:none; 
}

.nav li li a {
	display:block;
	padding: 0;
	text-decoration:none;
	background-image: none;
	float:none;
	font-size: 10px;
	width: 100%;
	list-style: none;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}

div#navbar li li a {
	height: 28px;
	line-height: 28px;
	width: 100%;
	text-align: left;
}

div#navbar li:hover li,
div#navbar li.sfHover li,
div#navbar li.active:hover li,
div#navbar li.active.sfHover li,
div#navbar li:hover li span,
div#navbar li.sfHover li span {
	width: 100%;
}

div#navbar li:hover li a,
div#navbar li.sfHover li a,
div#navbar li.active:hover li a,
div#navbar li.active.sfHover li a {
	width: 100%;
}


.nav li ul {
	float:none;
	left:-999em;
	position:absolute;
	z-index: 5;
	border: solid 1px #333;
	width: 99%;
	margin-left: -1px;
	margin-right: -1px; 
}

.nav li.bath ul {
	width: 98%;
}

.nav li:hover ul,
.nav li.sfHover ul {
	left:1px;
	top: 26px;
}

.nav li:hover li ul,
.nav li.sfHover li ul,
.nav li li:hover li ul,
.nav li li.sfHover li ul,
.nav li li li:hover li ul,
.nav li li li.sfHover li ul {
	top:-999em;
}

.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 {
	top:0px;
}

.nav li li {
	position: relative;
	float:none;
	display: block;
	width: 100%;
	
	/* new style */
	background: #CCC;
	border-bottom: 1px solid #666;
}

.nav li li:hover, .nav li li.sfHover {
	position: relative;
	float:none;
	display: block;
	width: 100%;
	
	/* new style */
	background: #ff8400;
	border-bottom: 1px solid #666;
}

/*treci dio*/
#navbar ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 0px;
}

#navbar li {
	display: block;
	float: left;
	margin: 0;
	margin-right: 0px;
	padding: 0;
}

#navbar li span {
	display: block;
	float: left;
}

#navbar span.topdaddy a {
	font-size: 11px;
	color:#FFF;
	margin-left: 4px;
}

#navbar li li a {
	font-size: 10px;
	padding: 0 6px 0 8px;
	font-weight: normal;
	text-transform: none;
	position: relative;
	float:none;
	display: block;
}

#navbar a:hover {
	text-decoration: none;
}

#navbar li:hover,
#navbar li.sfHover {
	
}

#navbar li li:hover a,
.nav li ul li a:hover {
	color: #FFF;
	padding: 0 6px 0 8px;
	position: static;
	float:none;
	display: block;
}