/*
 * Purpose: CSS for The Dogs related to navigation
 * Created: 18/08/2009
 * Note: all CMS related styles should be moved over to this file over time, it should become the central place for all CMS-related styles
 */


/* --------------- Top CSS Drop Down Menu ----------------------- */

.menu5
{
	text-align:left;
	position:relative;
	font-size:12px;
	margin:0px 0px 0px 0px;
	padding:0;
	margin-top:2px;
	list-style-type:none;
	/*width:675px;*/
}

.menu5 ul
{
	padding:0;
	margin:0;
	list-style-type:none; /* for Firefox */
}

.menu5 li
{
	float:left;
	position:relative;
	height:1.5em;
}

.menu5 li a
{
	display:block;
	text-decoration:none;
	float:left;
	padding:0px 6px 0px 6px;
	height:1em;
	color:#fff;
	padding-bottom:3px;
	border-right:1px solid #fff;
}

/* * html .menu5 li a, .menu5 li a:visited
{
	margin:0;
	padding:0;
	height:1.3em;
	padding:0px 6px 0px 6px;
}
*/
.menu5 li ul li a
{
	border:0;
	padding:2px 2px 2px 7px;
}

.menu5 li ul a
{
	color:#000;
	text-align:left;
	width:13em;
}

.menu5 li ul
{
	visibility:hidden;
	position:absolute;
	top:0.5em;
	left:0;
	height:0;
	overflow:hidden;
	z-index: 10;
}

.menu5 table
{
	margin:-1px;
	border-collapse:collapse;
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a, .menu5 li a:hover
{
	text-decoration:none;
	color:#cdb567;
	position:relative;
}

.menu5 li:hover ul.contactLink, .menu5 li a:hover ul.contactLink
{
	visibility:visible;
	height:auto;
	background:#333;
	opacity: 0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
	left:-75px;
	top:1.5em;
	overflow:visible;
}

.menu5 li:hover ul, .menu5 li a:hover ul
{
	visibility:visible;
	height:auto;
	background:#333;
	opacity: 0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
	left:0;
	top:1.5em;
	overflow:visible;
}

*html .menu5 li:hover ul, .menu5 li a:hover ul
{
	left:0;
	top:1.3em;
}

*html menu5 li:hover ul.contactLink, .menu5 li a:hover ul.contactLink
{
	left:-60px;
	top:1.45em;
}

.menu5 li:hover ul li a, .menu5 li a:hover ul li a
{
	display:block;
	font-weight:normal;
	text-decoration:none;
	height:auto;
	color:#fff;
}

* html .menu5 li a:hover ul li a
{
	width:10em;
	w\idth:9em; /* hack for IE5.5 */
	padding:2px 2px 2px 7px;
	width:11em;
	border:0;
}

.menu5 li:hover ul li a.drop, .menu5 li a:hover ul li a.drop
{
	font-weight:bold;
}

.menu5 li:hover ul li ul, .menu5 li a:hover ul li a ul
{
	visibility:hidden;
	position:absolute;
	top:0;
	left:9.5em;
	height:0;
	overflow:hidden;
}

.menu5 li:hover ul li a:hover, .menu5 li a:hover ul li a:hover
{
	text-decoration:none;
	background-color:#dcca83;
	color:#000;
}

.menu5 li:hover ul li:hover ul, .menu5 li a:hover ul li a:hover ul
{
	visibility:visible;
	color:#000;
	border:1px solid #ddd;
	height:auto;
	background:#fff;
	width:9.5em;
}

.menu5 li:hover ul li:hover ul.left, .menu5 li a:hover ul li a:hover ul.left
{
	left:-9.3em;
}

.menu5 li:hover ul li:hover ul li a, .menu5 li a:hover ul li a:hover ul li a
{
	display:block;
	height:auto;
}

.menu5 li:hover ul li:hover ul li:hover a, .menu5 li a:hover ul li a:hover ul li a:hover
{
	text-decoration:underline;
}


/* ----------------- Menu System ----------------- */

.menu
{
	display:block;
	background-color:#464646;
	position:relative;
	float:left;
	width:1000px;
	height:53px;
	background-image:url(Images/submenu_bg.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
	position:relative;
}

.submenu
{
	position:absolute;
	display:none;
	width:1000px;
	height:28px;
	top:2.3em;
	left:0;
	text-align:center;
}

.submenuHolder
{
	position:absolute;
	display:none;
	width:1000px;
	height:28px;
	top:2.3em;
	left:0;
	text-align:center;
	background-color:#bba75a;
}

.nav
{
	color:#fff;
	float:left;
	height:15px;
	padding:6px 11px 6px 11px;
	background-color:#464646;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	border-right:1px solid #333;
	border-left:1px solid #666666;
	border-top:1px solid #333;
	background-image:url(Images/menu_bg.gif);
	background-repeat:no-repeat;
	background-position:top right;
	font-weight: bold;
	text-decoration:none;
}


.navCMS
{
	color:#fff;
	float:left;
	height:15px;
	padding:6px 10px 6px 10px;
	background-color:#464646;
	font-size:10px;
	font-weight:bold;
	/*text-transform:uppercase;*/
	border-right:1px solid #333;
	border-left:1px solid #666666;
	border-top:1px solid #333;
	background-image:url(Images/menu_bg.gif);
	background-repeat:no-repeat;
	background-position:top right;
	font-weight: bold;
	text-decoration:none;
}


.nav2
{
	color:#333;
	float:left;
	height:15px;
	padding:6px 11px 6px 11px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	border-right:1px solid #333;
	border-left:1px solid #666666;
	border-top:1px solid #333;
	background-image:url(Images/menu_hover_bg.gif);
	background-repeat:repeat-x;
	background-position:top right;
	background-color:#aa9041;
	font-weight: bold;
	text-decoration:none;
}

.navCMS2
{
	color:#333;
	float:left;
	height:15px;
	padding:6px 10px 6px 10px;
	font-size:10px;
	font-weight:bold;
	/*text-transform:uppercase;*/
	border-right:1px solid #333;
	border-left:1px solid #666666;
	border-top:1px solid #333;
	background-image:url(Images/menu_hover_bg.gif);
	background-repeat:repeat-x;
	background-position:top right;
	background-color:#aa9041;
	font-weight: bold;
	text-decoration:none;
}

.subnav
{
	float:left;
	color:#000;
	font-size:12px;
	background-image:url(Images/submenu_line.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	text-decoration:none;
	height:19px;
	padding:9px 7px 0px 7px;
	position:relative;
	display: block;
}

.subnav:hover
{
	color:#fff;
}