@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */


#dropDownMenu {
	margin:0;
	padding-top:20px;
	width:640px;
	height:58px;
	float:right;
	background:url(../images/header/mainmenubg.gif) bottom center no-repeat;
}


ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style:none;
 margin:0;
 padding:0;
}

ul.dropdown {
 position:relative;
 z-index:597;
 float:left;
}

ul.dropdown li {
 float:left;
 vertical-align:middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top:0;
 left:100%;
}

ul.dropdown li:hover > ul {
 visibility:visible;
}





ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}









ul.dropdown {
 font-weight:bold;
}

	ul.dropdown li {
	 margin:0;
	 padding:0;
	 text-align:center;
	 font-weight:normal;
	}
	
	ul.dropdown li a {
		color:#FFFFFF;
		text-decoration:none;
	}
	
	
	ul.dropdown li.home {
		width:81px; height:38px; display:block; padding-top:21px; font-size:14px;
	}
	ul.dropdown li.home:hover {
		width:81px; height:38px; background:url(../images/header/homebg.gif) top center no-repeat; display:block; padding-top:21px; font-size:14px;
	}
	
	ul.dropdown li.aboutus {
		width:111px; height:38px; display:block; padding-top:21px; font-size:14px;
	}
	ul.dropdown li.aboutus:hover {
		width:111px; height:38px; background:url(../images/header/aboutusbg.gif) top center no-repeat; display:block; padding-top:21px; font-size:14px;
	}
	
	ul.dropdown li.services {
		width:107px; height:38px; display:block; padding-top:21px; font-size:14px;
	}
	ul.dropdown li.services:hover {
		width:107px; height:38px; background:url(../images/header/servicesbg.gif) top center no-repeat; display:block; padding-top:21px; font-size:14px;
	}
	
	ul.dropdown li.petcare {
		width:215px; height:38px; display:block; padding-top:21px; font-size:14px;
	}
	ul.dropdown li.petcare:hover {
		width:215px; height:38px; background:url(../images/header/petcarebg.gif) top center no-repeat; display:block; padding-top:21px; font-size:14px;
	}
	
	ul.dropdown li.contactus {
		width:126px; height:38px; display:block; padding-top:21px; font-size:14px;
	}
	ul.dropdown li.contactus:hover {
		width:126px; height:38px; background:url(../images/header/contactusbg.gif) top center no-repeat; display:block; padding-top:21px; font-size:14px;
	}
	
	

	


	/* -- level mark -- */

	ul.dropdown ul.aboutusdrop {
		width:111px;
		margin:0;
		font-size:12px;
		color:#FFFFFF;
	}
	
	ul.dropdown ul.servicesdrop {
		width:107px;
		margin:0;
		font-size:12px;
		color:#FFFFFF;
	}
	
	ul.dropdown ul.petcaredrop {
		width:215px;
		margin:0;
		font-size:12px;
		color:#FFFFFF;
	}

		ul.dropdown ul li {
			display:block;
			background-color:#731472;
			font-weight:normal;
			text-decoration:none;
			margin:0;
			padding-top:7px;
			padding-bottom:7px;
			border-bottom:1px solid #FFF;
		}
		
		ul.dropdown ul li:hover {
			background-color:#B71A8B;
			text-decoration:none;
		}
		
		ul.dropdown ul li a {
			display:block;
			color:#FFF;
			text-decoration:none;
		}
		
		
		ul.dropdown ul li.bottom {
			display:block;
			background-color:#000000;
			font-weight: normal;
			text-decoration:none;
			margin:0;
			padding-top:4px;
			padding-bottom:4px;
			padding-right:4px;
			padding-left:10px;
			border-top:1px solid #FFF;
			border-right:1px solid #FFF;
			border-left:1px solid #FFF;
			border-bottom:1px solid #FFF;
		}
		
		ul.dropdown ul li.bottom:hover {
			background-color:#C1181E;
			text-decoration:none;
		}
		
		ul.dropdown ul li.bottom a {
			color:#FFF;
			text-decoration:none;
		}
		
		.arrowright {
			background:url(../images/mainmenu/arrowright.gif) right no-repeat;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}