/* 	

	Define:		Drop down navigation
	Author: 	the white agency
	Born:		15/1/08
	
*/

/* gotta love the clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

ul, ul ul { margin:0; padding:0; list-style-type:none; }
a { text-decoration:none; }


/* The NAV structure and indented nav
********************************************* */
#navigationWrap {
	background:#0076CC url(../Images/nav_bg.gif) bottom left repeat-x;
	width: auto !important; width: 920px; min-width: 920px;
}

ul#OzTAMmenu {
	padding:0 0 0 10px;
	display:block;
	font-size:1em;
	margin:0;
}

ul#OzTAMmenu li {	
	float:left;
	display:block;
	color:#ffffff;
	font-size:1.1em;
	position:relative;
}

ul#OzTAMmenu li img {	
	float:left;
}

ul#OzTAMmenu li ul {
	position:absolute;
	left:-9999em;
	background-color:#0076CC;
	z-index:5000;
}

ul#OzTAMmenu li ul#navTimeShiftMenu {
    background-color: #ffa02f;
}

ul#OzTAMmenu li:hover ul,
ul#OzTAMmenu li.navItemHover ul {
	left:auto;
	border:1px solid black;
}

/* dividier graphic */
ul#OzTAMmenu li a img {
	position:absolute;
	z-index:1000;
	top:0;
	right:0;
}

a img { border:none;padding:0; margin:0; }

/* NAV styles and hovers
********************************************* */

ul#OzTAMmenu li a:hover { color:#7E7E7E; }
ul#OzTAMmenu li ul li { 
	float:none;
}

/* indented nav text styles */
ul#OzTAMmenu li ul li a {
	padding:4px 8px 4px 8px !important;
	background-image:none;
	text-indent:0 !important;
	display:block;
	color:#ffffff;
	font-weight:bold;
	width:170px;
}

ul#OzTAMmenu li ul#navTimeShiftMenu li a {
	padding-left:13px !important;
}

ul#OzTAMmenu li ul li a:hover {
	background-color:#E5F1FA;
	display:block;
}


/* main nav, image replacement */
a#navHome,
a#navAboutUs,
a#navTVRating,
a#navReports,
a#navGoldStandard,
a#navNews,
a#navTimeShift,
a#navContactUs,
a#navSecureLogin,
a#Content_btnLogout {
	height:28px;
	display:block;
	text-indent:-9000em;
	background-repeat:no-repeat;
	background-position:top left;
	overflow:hidden;
	padding-right:2px;
	background-color:#0076CC;
}

/* nav images */
a#navHome { background-image:url(../Images/nav_home.gif); width:58px; }
a#navAboutUs { background-image:url(../Images/nav_about.gif); width:104px; }
a#navTVRating { background-image:url(../Images/nav_tv.gif); width:182px; }
a#navReports { background-image:url(../Images/nav_view.gif); width:128px; }
a#navGoldStandard { background-image:url(../Images/nav_gold.gif); width:120px; }
a#navNews { background-image:url(../Images/nav_news.gif); width:54px; }
a#navTimeShift { background-image:url(../Images/nav_timeshift.gif); width:142px; }
a#navContactUs { background-image:url(../Images/nav_contact.gif); width:100px; }
a#navSecureLogin { background-image:url(../Images/nav_secure.gif); width:101px; }
a#Content_btnLogout { background-image:url(../Images/nav_logout.gif); width:73px; }


/* nav HOVER images */
a#navHome:hover { background-image:url(../Images/nav_home_r.gif); }
a#navAboutUs:hover { background-image:url(../Images/nav_about_r.gif); }
a#navTVRating:hover { background-image:url(../Images/nav_tv_r.gif); }
a#navReports:hover { background-image:url(../Images/nav_view_r.gif); }
a#navGoldStandard:hover { background-image:url(../Images/nav_gold_r.gif); }
a#navNews:hover { background-image:url(../Images/nav_news_r.gif); }
a#navTimeShift:hover { background-image:url(../Images/nav_timeshift_r.gif); }
a#navContactUs:hover { background-image:url(../Images/nav_contact_r.gif); }
a#navSecureLogin:hover { background-image:url(../Images/nav_secure_r.gif); }
a#Content_btnLogout:hover { background-image:url(../Images/nav_logout_r.gif); }