@charset "utf-8";
/* CSS Document */

/* Main Navigation *************************************************************************************************************/

#multi-level {height:30px; position:relative; z-index:100;}
#multi-level .pad {float:left;}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
.menu, .menu ul {list-style-type:none; padding:0; margin:0; font-family:arial, sans-serif;}

/* Set up the top level list items and float left to place inline */
.menu li.top {display:block; float:left; position:relative;}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default top link link styling */
.menu li.top a.top_link {display:block; float:left; height:33px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;} /* move the link text off screen */

/* pre-load the hover images into the lists */
.menu li.p1 {width:158px; background:url(images/mainav_hm.gif) no-repeat;}
.menu li.p2 {width:127px; background:url(images/mainav_membersnotice.gif) no-repeat;}
.menu li.p3 {width:131px; background:url(images/mainav_membersspecial.gif) no-repeat;}
.menu li.p4 {width:106px; background:url(images/mainav_beamember.gif) no-repeat;}
.menu li.p5 {width:163px; background:url(images/mainav_corporatemembership.gif) no-repeat;}
.menu li.p6 {width:138px; background:url(images/mainnav_e-wildlife.gif) no-repeat;}
.menu li.p7 {width:186px; background:url(images/mainav_contactus.gif) no-repeat;}

/* set up the normal unhovered images in the links */
.menu li a#home {width:158px; background:url(images/mainav_hm_over.gif) no-repeat;}
.menu li a#products {width:127px; background:url(images/mainav_membersnotice_over.gif) no-repeat;}
.menu li a#services {width:131px; background:url(images/mainav_membersspecial_over.gif) no-repeat;}
.menu li a#contacts {width:106px; background:url(images/mainav_beamember_over.gif) no-repeat;}
.menu li a#shop {width:163px; background:url(images/mainav_corporatemembership_over.gif) no-repeat;}
.menu li a#privacy {width:186px; background:url(images/mainav_contactus_over.gif) no-repeat;}

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible;} /* for IE6 */
.menu li:hover { position:relative; z-index:2000;} /* for IE7 */

/* make the links transparent on hover so that the hover images in the lists show through (no flicker) */
.menu li a#home:hover, .menu li:hover a#home,
.menu li a#notice:hover, .menu li:hover a#notice,
.menu li a#special:hover, .menu li:hover a#special,
.menu li a#beamember:hover, .menu li:hover a#beamember,
.menu li a#corporate:hover, .menu li:hover a#corporate,
.menu li a#contact:hover, .menu li:hover a#contact {background:transparent;}

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

/* set up the first drop down sub level */
.menu :hover ul.sub {left:0; top:33px; background: #ffab10; padding:2px 0; border:1px solid #c68810; white-space:nowrap; width:174px; height:auto;}
.menu :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu :hover ul.sub li a {display:block; font-size:11px; height:20px; width:168px; font-weight:bold;line-height:20px; text-indent:2px; color:#410c00; text-decoration:none; border:2px solid #ffab10; border-width:0 0 0 3px;}
.menu :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;}
.menu :hover ul.sub li a:hover {background:#ffc224; color:#b80b0e;}
.menu :hover ul.sub li a.fly:hover {background:#ffc224 url(images/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu :hover ul li:hover > a.fly {background:#ffc224 url(images/arrow_over.gif) 80px 7px no-repeat; color:#b80b0e;} 

/* set up the flyout levels when hovering */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #888; white-space:nowrap; width:93px; z-index:2000; height:auto; z-index:3000;}






/* Sub Navigation *************************************************************************************************************/

#submenu {height:156px; width:163px; position:relative;}
#submenu img{border: 0;}
#submenu ul {margin:0; padding:0; list-style:none; white-space:nowrap; text-align:left; padding:0; background:#ffab10;}

#submenu li {margin:0; padding:0; list-style:none;}
#submenu li {display:inline-block; display:inline;}
#submenu ul ul {position:absolute; left:-9999px; margin: 0; padding: 0; border:1px solid #c68810;}
#submenu ul#toplevel {position:absolute; left:0; top:0;}

#submenu li a {display:block; font:normal 11px arial, sans-serif; color:#000; text-decoration:none; padding:0; margin: 0; line-height: 11px; height:26px; overflow:hidden;}
#submenu ul ul li a {display:block; font:bold 11px arial, sans-serif; color:#410c00; background:#ffab10; text-decoration:none; margin: 2px; padding:5px 0 5px 6px; width:170px; height: auto;} 

#submenu ul li:hover > ul {left:100%; margin-top:-28px; margin-left:-2px;}

#submenu a:hover ul,
#submenu a:hover a:hover ul, 
#submenu a:hover a:hover a:hover ul {left:100%;}
#submenu a:hover ul ul, 
#submenu a:hover a:hover ul ul {left:-9999px;}

#submenu li a:hover {background:#ffd568; color:#b80b0e; display:block;} 
#submenu li:hover > a {background:#ffd568; color:#b80b0e; display:block;}

#submenu table {position:absolute; left:99%; height:0; width:0; border-collapse:collapse; margin-top:-4px; margin-left:0px; line-height: 11px; font:normal 11px arial, sans-serif;}




body,table {
	font-family: Arial; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color:#410c00; 
	text-decoration: none;
	text-align:left;
}

input{
	font-family: Arial; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
}

/*Classes */

.bodytext {
	font-family: Arial; 
	font-size: 11px; 
	font-style: normal; 
	font-weight: normal; 
	color:#410c00; 
	text-decoration: none;
	text-align:left;
}

	A:visited  {color:#FF6600; text-decoration: none}
	A:link  {color:	#FF6600; text-decoration:	none}
	A:active  {color: #FF6600; text-decoration: none}
	A:hover   {
	cursor: auto;
	color:#C00;
	text-decoration: none
}

.title{
	text-align: left;
	font-family: Arial;	
	font-weight:bold;
	font-size: 11px;
	color:#b90b0e;
}

.subtitle{
	text-align: left;
	font-family: Arial;	
	font-weight:bold;
	font-size: 11px;
	color:#ff8e01;
}
.AltBarHighlight1 {
	background-color:#99CC00;
	color:#333333;
	font-family: Arial, Verdana, Tahoma ;  
	font-size: 11px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
.AltBarHighlight2 {
	background-color:#CEE79C;
	color:#333333;
	font-family: Arial, Verdana, Tahoma ;  
	font-size: 11px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
.AltBarHighlight3 {
	background-color:#E4EFBA;
	color:#333333;
	font-family: Arial, Verdana, Tahoma ;  
	font-size: 11px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
.AltBarHighlight4 {
	background-color:#FFCC00;
	color:#333333;
	font-family: Arial, Verdana, Tahoma ;  
	font-size: 11px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
.AltBarHighlight5 {
	background-color:#FEFFE8;
	color:#333333;
	font-family: Arial, Verdana, Tahoma ;  
	font-size: 11px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
.AltBarHighlight6 {
	background-color:#FDF4C1;
	color:#663300;
	font-family: Arial, Verdana, Tahoma ;  
	font-size: 11px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
.errorText
{
	color: Red;
}centre align {
	text-align: center;
}

.tAndCtext {
	font-family: Arial; 
	font-size: 9px; 
	font-style: normal; 
	font-weight: normal; 
	color:#000; 
	text-decoration: none;
	text-align:left;
}

p{
	font-family: Arial; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	text-decoration: none;
	text-align:left;
	
}