ul.topnav {
	list-style: none;
	padding: 0 ;
	margin: 0;
	float: left;
	width: 958px;
}
ul.topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative; 
}

.about {
	background: url(../images/nav/about.gif) no-repeat;
	display: block;
	float: left;
	width:209px !important;
	height:40px;
}

ul.topnav li a.about:hover{
	height:40px;
	background: url(../images/nav/about_over.gif) no-repeat;
}

.heartworm {
	background: url(../images/nav/heartworm.gif) no-repeat;
	display: block;
	float: left;
	width:99px !important;
	height:40px;
}

ul.topnav li a.heartworm:hover{
	height:40px;
	background: url(../images/nav/heartworm_over.gif) no-repeat;
}

.intestinal {
	background: url(../images/nav/intestinal.gif) no-repeat;
	display: block;
	float: left;
	width:135px !important;
	height:40px;
}

ul.topnav li a.intestinal:hover{
	height:40px;
	background: url(../images/nav/intestinal_over.gif) no-repeat;
}

.protection {
	background: url(../images/nav/protection.gif) no-repeat;
	display: block;
	float: left;
	width:136px !important;
	height:40px;
}

ul.topnav li a.protection:hover{
	height:40px;
	background: url(../images/nav/protection_over.gif) no-repeat;
}

.guarantee {
	background: url(../images/nav/guarantee.gif) no-repeat;
	display: block;
	float: left;
	width:159px !important;
	height:40px;
}

ul.topnav li a.guarantee:hover{
	height:40px;
	background: url(../images/nav/guarantee_over.gif) no-repeat;
}

.stockists {
	background: url(../images/nav/stockists.gif) no-repeat;
	display: block;
	float: left;
	width:85px !important;
	height:40px;
}

.promotions {
	background: url(../images/nav/stockists.gif) no-repeat;
	display: block;
	float: left;
	width:85px !important;
	height:40px;
}

ul.topnav li a.promotions:hover{
	height:40px;
	background: url(../images/nav/stockists_over.gif) no-repeat;
}

.reminder {
	background: url(../images/nav/reminder.gif) no-repeat;
	display: block;
	float: left;
	width:134px !important;
	height:40px;
}

ul.topnav li a.reminder:hover{
	height:40px;
	background: url(../images/nav/reminder_over.gif) no-repeat;
}












ul.topnav li ul.subnav a{
	padding: 10px 5px;
	color: #1D57A5;
	font-weight:bold;
	display: block;
	text-decoration: none;
	float: left;
}

ul.topnav li ul.subnav {
	list-style: none;
	position: absolute;
	left: 0; top: 39px;
	margin: 0; padding: 0;
	display: none;
	float: left;;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	clear: both;
}

/* a */
ul.topnav li:hover a#a0 { 
	background: url(../images/nav/about_over.gif) no-repeat;
}

ul.topnav li ul.subnav li.last0{
	margin: 0; padding: 0;
	margin-left:17px;
	clear: both;
	width: 192px;
	height:15px;
	background-image:url(../images/nav/last0.gif);
	background-repeat:no-repeat;
}

html ul.topnav li ul.subnav li a.a0 {
	float: left;
	width: 182px;
	margin-left:17px;
	background: #f8981d;
	text-align:center;
}

/* a */
ul.topnav li:hover a#a1 { 
	background: url(../images/nav/heartworm_over.gif) no-repeat;
}

ul.topnav li ul.subnav li.last{
	margin: 0; padding: 0;
	clear: both;
	width: 100px;
	height:15px;
	background-image:url(../images/nav/last.gif);
	background-repeat:no-repeat;
}

html ul.topnav li ul.subnav li a.a1 {
	float: left;
	width: 90px;
	background: #f8981d;
	text-align:center;
}

/* a */
ul.topnav li:hover a#a3 { 
	background: url(../images/nav/intestinal_over.gif) no-repeat;
}

ul.topnav li:hover a#a2 { 
	background: url(../images/nav/protection_over.gif) no-repeat;
}

ul.topnav li ul.subnav li.last1{
	margin: 0; padding: 0;
	clear: both;
	width: 135px;
	height:15px;
	background-image:url(../images/nav/last1.gif);
	background-repeat:no-repeat;
}

html ul.topnav li ul.subnav li a.a2 {
	float: left;
	width: 125px;
	background: #f8981d;
	text-align:center;
}



html ul.topnav li ul.subnav li a:hover {
	background: #f3a546;
}