/*******************************/
/*

Created Date:  November 07, 2008
Modified Date: November 07, 2008
Created By:    John Smith
Company:       Kell Solution
File Name:     styles/menu.css
Description:   Style sheet for menu.

*/
/*******************************/
.sml {
	font-size: 11px;
}
.menu2 {
	padding:12px 0 0 0px; 
	margin:0; 
	list-style:none; 
	height:67px; 
	position:relative; 
	font-family:arial, verdana, sans-serif;
	font-size:12px;
}

.menu2 li.top 
{
	display:block; 
	float:left; 
	position:relative;
}

.menu2 li a.top_link 
{
	display:block; 
	float:left; 
	height:67px; 
	padding:0 0 0 0px; 
	cursor:pointer;
	color:#7d7d7d;
	text-decoration:none;
}

.menu2 li a.top_link .span 
{
	float:left; 
	display:block; 
	padding:20px 0px 0 0px; 
	height:67px;
	font-family: arial;
	text-align: center;
	line-height:16px;
	font-family:arial, verdana, sans-serif;
	font-size:12px;
	color:#7d7d7d;
	text-decoration:none;
}


.menu2 li a.top_link span.down 
{
	float:left; 
	display:block; 
	padding:0 0px 0 0px; 
	height:67px; 
	border:0px;
}

.menu2 li a.top_link div.home{
	background:url(../images/m1.gif) no-repeat right top;
	border:0px;
	width:78px;
	text-align: center;
}

.menu2 li a.top_link div.weddings{
	background:url(../images/m2.gif) no-repeat right top;
	width:101px;
}
.menu2 li a.top_link div.bars{
	background:url(../images/m3.gif) no-repeat right top;
	width:92px;
}
.menu2 li a.top_link div.corporate{
	background:url(../images/m4.gif) no-repeat right top;
	width:120px;
}
.menu2 li a.top_link div.food{
	background:url(../images/m5.gif) no-repeat right top;
	width:92px;
}
.menu2 li a.top_link div.topper{
	background:url(../images/m6.gif) no-repeat right top;
	width:101px;
}
.menu2 li a.top_link div.luge{
	background:url(../images/m7.gif) no-repeat right top;
	width:92px;
}
.menu2 li a.top_link div.theme{
	background:url(../images/m8.gif) no-repeat right top;
	width:101px;
}
.menu2 li a.top_link div.holiday{
	background:url(../images/m9.gif) no-repeat right top;
	width:101px;
}
.menu2 li a.top_link div.contact{
	background:url(../images/m10.gif) no-repeat right top;
	width:112px;
}

/* Menu Hover */
/******************************************************************/

.menu2 li a.top_link:hover 
{
	color:#7d7d7d; 
}

.menu2 li a.top_link:hover div.home{
	background:url(../images/m1-act.gif) no-repeat right top;
	border:0px;
	width:78px;
}
.menu2 li a.top_link:hover div.weddings{
	background:url(../images/m2-act.gif) no-repeat right top;
	width:101px;
}
.menu2 li a.top_link:hover div.bars{
	background:url(../images/m3-act.gif) no-repeat right top;
	width:92px;
}
.menu2 li a.top_link:hover div.corporate{
	background:url(../images/m4-act.gif) no-repeat right top;
	width:120px;
}
.menu2 li a.top_link:hover div.food{
	background:url(../images/m5-act.gif) no-repeat right top;
	width:92px;
}
.menu2 li a.top_link:hover div.topper{
	background:url(../images/m6-act.gif) no-repeat right top;
	width:101px;
}
.menu2 li a.top_link:hover div.luge{
	background:url(../images/m7-act.gif) no-repeat right top;
	width:92px;
}
.menu2 li a.top_link:hover div.theme{
	background:url(../images/m8-act.gif) no-repeat right top;
	width:101px;
}
.menu2 li a.top_link:hover div.holiday{
	background:url(../images/m9-act.gif) no-repeat right top;
	width:101px;
}
.menu2 li a.top_link:hover div.contact{
	background:url(../images/m10-act.gif) no-repeat right top;
	width:112px;
}
/*******************************************************************/

/*Active Menu*/
/**************************************************/
.menu2 li a.top_link div.home_act{
	background:url(../images/m1-act.gif) no-repeat right top;
	border:0px;
	width:78px;
}
.menu2 li a.top_link div.weddings_act{
	background:url(../images/m2-act.gif) no-repeat right top;
	width:101px;
}
.menu2 li a.top_link div.bars_act{
	background:url(../images/m3-act.gif) no-repeat right top;
	width:92px;
}
.menu2 li a.top_link div.corporate_act{
	background:url(../images/m4-act.gif) no-repeat right top;
	width:120px;
}
.menu2 li a.top_link div.food_act{
	background:url(../images/m5-act.gif) no-repeat right top;
	width:92px;
}
.menu2 li a.top_link div.topper_act{
	background:url(../images/m6-act.gif) no-repeat right top;
	width:101px;
}
.menu2 li a.top_link div.luge_act{
	background:url(../images/m7-act.gif) no-repeat right top;
	width:92px;
}
.menu2 li a.top_link div.theme_act{
	background:url(../images/m8-act.gif) no-repeat right top;
	width:101px;
}
.menu2 li a.top_link div.holiday_act{
	background:url(../images/m9-act.gif) no-repeat right top;
	width:101px;
}
.menu2 li a.top_link div.contact_act{
	background:url(../images/m10-act.gif) no-repeat right top;
	width:112px;
}
/**************************************************/

.menu2 li:hover > a.top_link 
{
	color:#7d7d7d; 
}

.menu2 table 
{
	border-collapse:collapse; 
	width:0; 
	height:0; 
	position:absolute; 
	top:0; 
	left:0;
}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover 
{
	visibility:visible;
}

.menu2 li:hover 
{
	position:relative;
	z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul 
{
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0;
	margin:0; 
	padding:0; 
	list-style:none;
}

.menu2 :hover ul.sub 
{
	left:2px; 
	top:120px; 
	background: #fff;
	padding:3px 0;
	border:1px solid #4ab;
	white-space:nowrap; 
	width:140px; 
	height:auto;
}

.menu2 :hover ul.sub li 
{
	display:block; 
	height:20px; 
	position:relative; 
	float:left; 
}

.menu2 :hover ul.sub li a 
{
	display:block; 
	font-size:12px;
	height:20px;
	line-height:20px; 
	text-indent:5px; 
	color:#000; 
	text-decoration:none; 
	border:3px solid #fff; 
	border-width:0 0 0 3px;
}

.menu2 :hover ul.sub li a.fly 
{
	background:#fff url(prodrop2/arrow.gif) 80px 7px no-repeat;
}

.menu2 :hover ul.sub li a:hover 
{
	background:#4ab; 
	color:#fff;
}

.menu2 :hover ul.sub li a.fly:hover 
{
	background:#4ab url(prodrop2/arrow_over.gif) 80px 7px no-repeat; 
	color:#fff;
}

.menu2 :hover ul li:hover > a.fly 
{
	background:#4ab url(prodrop2/arrow_over.gif) 80px 7px no-repeat; 
	color:#fff;
} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{
	left:90px; 
	top:-4px; 
	background: #fff; 
	padding:3px 0; 
	border:1px solid #4ab; 
	white-space:nowrap; 
	width:93px; 
	z-index:200; 
	height:auto;
}