/* ================================================================= */
/*
	Top navigation styles for Westfield Group Corporate web site.
	Copyright 1959 - 2007 Westfield Group.
	All rights reserved.
	You may not copy, store, or distribute this style sheet
	without the express written permission of Westfield Group.
	Feel free to read it and learn from it though.
*/
/* ================================================================= */
/* Banner search container. */
.bannerSearch {
	float:right;
	padding: 0px;
	margin: 15px 5px 0px 3px;
}

/* Banner search input. */

.bannerSearchInputContainer, .bannerSearchButtonContainer {
	float: left;
}	
	
input.bannerSearchInput {
	width:111px;
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	color:#4f4949;
	font-size:11px;
	vertical-align: top;
	height: 15px;
	top: 5px;
}

/* Banner search submit button. */
input.bannerSearchButton {
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
}


/* ================================================================= */
/* Top navigation styles                                             */
/* ================================================================= */
/* Top navigation list */
.topNav ul {
	display:block;
	height:27px;
	float:left;
	margin:0px;
	padding:0px;
}

/* Top navigation list item */
.topNav ul li {
	display:block;
	position:relative;
	float:left;
}

/* Top navigation anchor */
.topNav li a {
	display:block;
	float:left;
	height:21px;
	padding:3px 12px;
	line-height:21px;
	color:#ffffff;
	white-space:nowrap;
	background:transparent url("transparent.gif");
}

/* Top navigation list item hover */
.topNav ul li:hover, .topNav ul li.over {
	background:#e7e7e7;
}

/* Top navigation list item anchor on hover. */
.topNav ul li a:hover, .topNav ul li a.over {
	background:#ca0139;
	color:#ffffff;
	padding:3px 12px;
	border-bottom:2px solid #ca0139;
}

.topNav li#selected a:hover, .topNav li#selected a.over {
background: green;
}

/* Default state for top level selected item. */
.topNav li#selected {
	background:#666666;
	border-bottom:2px solid #ca0139;
	margin-bottom:2px;
	height:27px;
	line-height: 27px;
}

/* Hover state for top level selected item. */
.topNav li#selected a:hover {
	color:#ffffff;
	background:#ca0139;
	height:23px;
	margin:0px;
	padding:3px 12px 1px 12px;
	border:0px;
}

.topNav li#selected ul li.subnavitem a {
	display:block;
	height:auto;
	padding:4px 0px 4px 10px;
	border:0px;
}

.topNav li#selected ul a:hover {
display:block;
	height:auto;
	padding:4px 0px 4px 10px;
	border:0px;
}

/* Second level drop down list container when hovering over top level item. */
.topNav li:hover ul, .topNav li.over ul {
	display:block;
	z-index:140;
}

/* Onmouseover drop-down list container. */
.topNav ul.subnav {
	position:absolute;
	float:left;
	clear:left;
	left:0px;
	top:29px;
	width:220px;
	display:none;
	z-index:130;
}




/* Top level item when hovering over drop down item. */
.topNav li:hover a, .topNav li.over a {
	color:#4f4949;
	background:#e7e7e7;
	margin:0px;
	border-bottom:2px solid #ca0139;
}
.topNav ul li.over a {
	border-bottom:2px solid #ca0139;
}

/* Top level selected item when hovering over drop down item. */
.topNav #selected a:hover {
	color:#4f4949;
	background:#e7e7e7;
	border-bottom:2px solid #ca0139;
	margin:0px;
	padding:3px 10px 1px 10px;
}

/* Drop down item with li referece to prevent drop down bouncing around. */
.topNav li ul.subnav li a {
	display:block;
	height:auto;
	padding:4px 0px 4px 10px;
}

/* Drop down list container. */
.topNav li:hover ul.subnav, .topNav li.over ul.subnav {
	display:block;
	z-index:130;
}

/* Drop down item. */
.topNav ul.subnav li {
	display:block;
	list-style-position:outside;
}

/* Drop down item. */
.topNav li ul.subnav a {
	list-style-position:outside;
	display:block;
	background:#e7e7e7;
	width:220px;
	color:#4f4949;
	line-height:13px;
	border:0px;
	white-space:normal;
}

/* Drop down item on hover. */
.topNav li ul.subnav a:hover {
	display:block;
	background:#ca0139;
	color:#ffffff;
	height:auto;
	padding:4px 0px 4px 10px;
	border:0px;
} 


/* ================================================================= */
/* Left navigation styles                                            */
/* ================================================================= */
.leftNav ul	{
	border-top:3px solid #ca0139;
	display:block;
	padding:10px 0px 10px 10px;
	margin:0px 20px 20px 10px;
	text-align:left;
	line-height:25px;
	color:#67573e;
	background:#ffffff;
}

.leftNav ul li {
	border-bottom:1px solid #e1e1df;
	line-height:1.2em;
	margin:0px 0px 0px 0px;
	padding:8px 0px 8px 12px;
	list-style-type:none;
	list-style-position:outside;
}

.leftNav ul li a {
	text-decoration:none;
	padding:8px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
}

.leftNav ul li.selected {
	background:#f3f2f0;
	background-image:url(../../../images/nav_select_bar.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
}

.leftNav ul li.parent {
	background:#f3f2f0;
	background-image:url(../../../images/nav_select_bar.gif);
	background-repeat:no-repeat;
	background-position:0px 7px;
}

.leftNav ul li.selected a, .leftNav ul li.parent a {
	font-weight: bold; 
}

.leftNav ul li a:hover, .leftNav ul li.selected a:hover {
	color:#c60137;
}


/* thirdLevelNav */
.leftNav ul li.thirdLevelNav {
	background:#f3f2f0;
	text-indent:0px;
	padding:5px 0px 5px 12px;
	margin: 0px 0px 0px 15px;
}

.leftNav ul li.thirdLevelNav a {
}
.leftNav ul li.thirdLevelNavSelected {
	font-weight: bold; 
	background:#f3f2f0;
	background-image:url(../../../images/nav_select_bar.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	text-indent:0px;
	padding:5px 0px 5px 12px;
	margin: 0px 0px 0px 15px;
}
.leftNav ul li.thirdLevelNavParent {
	font-weight: bold; 
	background:#f3f2f0;
	text-indent:0px;
	padding:5px 0px 5px 12px;
	margin: 0px 0px 0px 15px;
}
.leftNav ul li.thirdLevelNavselected a {
}

/* fourthLevelNav */
.leftNav ul li.fourthLevelNav, .leftNav ul li.fourthLevelNavSelected {
	background:#f3f2f0;
	text-indent:0px;
	padding:5px 0px 5px 12px;
	margin-left:25px;
}
.leftNav ul li.fourthLevelNav a {
}
.leftNav ul li.fourthLevelNavSelected {
	background-image:url(../../../images/nav_select_bar.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	font-weight: bold;
}
.leftNav ul li.fourthLevelNavSelected a {
}