/*

Copyright (c) Enigma Interactive 2004

SOM2
Project:		WIN
Filename:		coSiteNavigaion.css
Description:	Site Navigation stylesheet

History
ver date  			who     	comment
-----------------------------------------------------------------------------
9	23Oct06			AJL			Updated for IE7 (speed issues)
8	24Oct05			CT			Updated for high contrast
7	8/8/05			PG			pop up menus work in ff -  overflow:hidden had borked it
6	16Jun05			PG			fixed menu propper
5	14Jun05			PG			special nav now works in IE
4	14Jun05			PG			added border to bottom of nav
3	14Jun05			PG			made menu bigger
2	10Jun05			PG			added styles for special nav
1	17-May-2005		AJL			Created

*/
/* Remove the hover HTC - was too slow under IE7, so replaced it with javascript.
#coSiteNavigation { behavior:url("/htc/csshover.htc"); z-index: 100;}*/
* html #coSiteNavigation li { behavior:url("/htc/maskli.htc"); }

#coSiteNavigation ul {
	position: relative;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 197px;
}

#coSiteNavigation ul li {float: left; width: 100%; } /* fixes some really annoying whitespace problems in ie */

#coSiteNavigation li > iframe { /* Hide the iFrames in everything bar IE, which conveniently doesn't get selectors */
	display: none;
}

#coSiteNavigation a {
	position: relative;
	display: block;
	text-decoration: none;
	padding: 6px 10px 6px 20px;
	font: bold .9em verdana,arial,sans-serif;
	line-height: 1em;
}

#coSiteNavigation a { width: 167px; } /* Fixed with is needed to maintain hover state in IE7 */

#coSiteNavigation a.level1 {
	background: transparent url(/images/coSiteNavigation/mbg1_0_0.gif) no-repeat right center;
}

.front_body_hi #coSiteNavigation a.level1 {
	background: transparent url(/images/coSiteNavigation/hi_mbg1_0_0.gif) no-repeat right center;
	color: #000;
}

#coSiteNavigation a.level1:hover {
	background: transparent url(/images/coSiteNavigation/mbg1_0_1.gif) no-repeat right center;
	color: #fff;
}

.front_body_hi #coSiteNavigation  a.level1:hover {
	background: transparent url(/images/coSiteNavigation/hi_mbg1_0_1.gif) no-repeat right center;
}

#coSiteNavigation a.level2 {
	background: transparent url(/images/coSiteNavigation/mbg2_0_0.gif) no-repeat right center;
	padding-left: 30px;
	color: #fff;
	font-weight: normal;
}

#coSiteNavigation a.level2 { width: 157px; } /* Fixed with is needed to maintain hover state in IE7 */

.front_body_hi #coSiteNavigation a.level2 {
	background: transparent url(/images/coSiteNavigation/hi_mbg2_0_0.gif) no-repeat right center;
	color: #fff;
}

#coSiteNavigation a.level2:hover {
	background: transparent url(/images/coSiteNavigation/mbg2_0_1.gif) no-repeat right center;
	color: #fff;
}

.front_body_hi #coSiteNavigation a.level2:hover {
	background: transparent url(/images/coSiteNavigation/hi_mbg2_0_1.gif) no-repeat right center;
}

#coSiteNavigation ul.hide1 a.level2 {
	background: transparent url(/images/coSiteNavigation/mbg2_1_0.gif) no-repeat right center;
	padding-left: 20px;
	width: 167px; /* Fixed with is needed to maintain hover state in IE7 */
}

.front_body_hi #coSiteNavigation ul.hide1 a.level2 {
	background: transparent url(/images/coSiteNavigation/hi_mbg2_1_0.gif) no-repeat right center;
}

#coSiteNavigation ul.hide1 a.level2:hover {
	background: transparent url(/images/coSiteNavigation/mbg2_1_1.gif) no-repeat right center;
	color: #fff;
}

.front_body_hi #coSiteNavigation ul.hide1 a.level2:hover {
	background: transparent url(/images/coSiteNavigation/hi_mbg2_1_1.gif) no-repeat right center;
}

#coSiteNavigation a.level3 {
	background: transparent url(/images/coSiteNavigation/mbg2_0_0.gif) no-repeat right center;
	padding-left: 40px;
	color: #fff;
	font-weight: normal;
}
#coSiteNavigation a.level3 { width: 147px; } /* Fixed with is needed to maintain hover state in IE7 */

.front_body_hi #coSiteNavigation a.level3 {
	background: transparent url(/images/coSiteNavigation/hi_mbg2_0_0.gif) no-repeat right center;
}

#coSiteNavigation a.level3:hover {
	background: transparent url(/images/coSiteNavigation/mbg2_0_1.gif) no-repeat right center;
	color: #fff;
}

.front_body_hi #coSiteNavigation a.level3:hover {
	background: transparent url(/images/coSiteNavigation/hi_mbg2_0_1.gif) no-repeat right center;
	color: #000;
}

#coSiteNavigation ul.hide2 a.level3 {
	background: transparent url(/images/coSiteNavigation/mbg3_1_0.gif) no-repeat right center;
	padding-left: 10px;
	width: 177px; /* Fixed with is needed to maintain hover state in IE7 */
}

.front_body_hi #coSiteNavigation ul.hide2 a.level3 {
	background: transparent url(/images/coSiteNavigation/hi_mbg3_1_0.gif) no-repeat right center;
}

#coSiteNavigation ul.hide2 a.level3:hover {
	background: transparent url(/images/coSiteNavigation/mbg3_1_1.gif) no-repeat right center;
	color: #fff;
}

.front_body_hi #coSiteNavigation ul.hide2 a.level3:hover {
	background: transparent url(/images/coSiteNavigation/hi_mbg3_1_1.gif) no-repeat right center;
	color: #000;
}

#coSiteNavigation li {
	position: relative;
	display: block;
	border-top: 1px solid #fff;
	padding: 0px;
	margin: 0px;
}

.front_body_hi #coSiteNavigation li {
	border-top: 1px solid #000;
}

#coSiteNavigation ul.hide1,
#coSiteNavigation ul.hide2,
#coSiteNavigation ul.hide3 {
	visibility: hidden;
}

#coSiteNavigation ul.hide2 {
	width: 177px;
}

#coSiteNavigation ul.hide3 {
	width: 147px;
}

#coSiteNavigation ul.hide1 a.level2,
#coSiteNavigation ul.hide2 a.level3 {
	color: #fff;
	font-weight: normal;
	padding-left: 10px;
	width: 157px;
}

#coSiteNavigation ul.hide2 a.level3 { width: 127px; } /* Fixed with is needed to maintain hover state in IE7 */

/* These are no longer needed - the functionality has been replaced in coSiteNavigation.js
#coSiteNavigation li.normal:hover .hide1, #coSiteNavigation li.normal.hover .hide1 {
	visibility: visible;
}

#coSiteNavigation li.sub2:hover .hide2, #coSiteNavigation li.sub2.hover .hide2 {
	visibility: visible;
}
*/
#coSiteNavigation ul.hide1 {
	position: absolute;
	width: 177px;
	top: 0px;
	left: 197px;
}

#coSiteNavigation ul.hide2 {
	position: absolute;
	width: 147px;
	top: 0px;
	left: 197px;
}

#coSiteNavigation ul.hide1 ul.hide2 {
	left: 177px;
}

#coSiteNavigation a.current1 {
	background: transparent url(/images/coSiteNavigation/mbg2_0_0.gif) no-repeat right center;
	color: #fff;
}

.front_body_hi #coSiteNavigation a.current1 {
	background: transparent url(/images/coSiteNavigation/hi_mbg2_0_0.gif) no-repeat right center;
	color: #fff
}

#coSiteNavigation a.current2,
#coSiteNavigation a.current3 {
	font-weight: bold;
}

#coSiteNavigation li.first {
	border-top: none;
}

#coSiteNavigation li.level1 a.special1 {
	background: transparent url(/images/coSiteNavigation/sbg1_0_0.gif) no-repeat right center;
}

.front_body_hi #coSiteNavigation li.level1 a.special1 {
	background: transparent url(/images/coSiteNavigation/hi_sbg1_0_0.gif) no-repeat right center;
}

#coSiteNavigation li.level1 a.special1:hover {
	background: transparent url(/images/coSiteNavigation/sbg1_0_1.gif) no-repeat right center;
}

.front_body_hi #coSiteNavigation li.level1 a.special1:hover {
	background: transparent url(/images/coSiteNavigation/hi_sbg1_0_1.gif) no-repeat right center;
}

#coSiteNavigation li.currentOpen1 a.special1,
#coSiteNavigation li.current1 a.special1 {
	background: transparent url(/images/coSiteNavigation/sbg1_0_1.gif) no-repeat right center;
}

.front_body_hi #coSiteNavigation li.currentOpen1 a.special1,
.front_body_hi #coSiteNavigation li.current1 a.special1 {
	background: transparent url(/images/coSiteNavigation/hi_sbg1_0_1.gif) no-repeat right center;
}

#layout_navigation{
	border-bottom:1px solid #fff;
	position:relative;
	float:left;
}