/* HEADER */

/* NOTE! Every product should create a style with a path to the right background (format: .{productname}_header) 
This is becouse ILC has 2 different ones and we are controlling this programatically for ILC.
*/

.ils_header
{
	background:transparent url(/_imgs/common/header/2010/backColor/ils/prodHeader.gif) repeat-x;
}

.ilc_header
{
	background:transparent url(/_imgs/common/header/2010/backColor/ilc/prodHeader.gif) repeat-x;
}

/* END NOTE */

div.wrapHeader 
{
	width:100%;
	/* background: is product specific, see NOTE at the top */
	position:relative;
	z-index:999;
}

div.wrapHeader div.header
{
	position:relative;
	height:140px;
	z-index:999;
}

div.wrapHeader div.logo 
{
	width:106px;
	height:97px;
	position:absolute;
	top:0px;
	left:20px;
}
div.wrapHeader div.prodname 
{
	top:97px;
	left:10px;
	position:absolute;
	width:500px;
	height:22px;
}
div.wrapHeader div.action 
{
	position:absolute;
	font-size:11px;
	top:0px;
	right:0px;
	z-index:999;
}

div.wrapHeader div.action a.slideme
{
	background:transparent url(/_imgs/common/header/2010/other/arrowDown.gif) no-repeat right center;
	padding:0px 18px 0 0;
	display:inline;
	margin:0px auto;
} 
div.wrapHeader div.action a 
{
	color:#333333;
}
div.wrapHeader div.action ul 
{
	margin-top:4px;
}
div.wrapHeader div.action ul li
{
	float:left;
	margin-left:14px;
	list-style-type:none;
	height:20px;
	display:block;
}

div.wrapHeader div.action ul li.programs 
{
	margin-left:6px;	
}
div.wrapHeader div.action ul li.language
{
	/*margin-left:1px;*/
	text-align:center;
}
div.wrapHeader div.action ul li.language span.flagIcon 
{
	margin:1px 0px 0px 0px;
	width:14px;
	height:14px;
	position:absolute;
	background-position:0px 1px;
	background-position:0px 0px;
}
div.wrapHeader div.action ul li.language ul 
{
	position:relative;
	overflow:hidden;
	margin-bottom:2px;
	visibility:hidden;
}
/*set fix width for bloody IE6*/
* html div.wrapHeader div.action ul li.language ul 
{
	width:100px;
}

div.wrapHeader div.action ul li.language ul li 
{
	float:none;
	margin:0px;
	padding:0px 10px;
	font-size:11px;
	font-weight:bold;
}

div.wrapHeader div.action ul li.language ul li.header-line
{
	border-top:1px dotted #ccc;
	height:8px;
} 
div.wrapHeader div.action ul li.language ul li.header 
{
	text-align:center;
	background:#FFDC1E;
	height:22px;
	cursor:pointer;
}
div.wrapHeader div.action ul li.language ul li.header span 
{
	background:transparent url(/_imgs/common/header/2010/other/bluebutton.gif) no-repeat scroll left 0;
	display:block;
	height:22px;
	padding-left:10px;
	margin-left:-10px;
}
div.wrapHeader div.action ul li.language ul li.header a
{
	color:#0057A6;
	float:left;
	padding:2px 0;
}
div.wrapHeader div.action ul li.language ul li a 
{
	color:#00aeef;
}
div.wrapHeader div.action ul li.tab div.tabStart
{
	position:relative;
	z-index:2;
	top:-4px;
	padding:2px 0px 0px 11px;
	background:transparent url(/_imgs/common/header/2010/other/tab.png) no-repeat left bottom;
	display:inline;
	height:24px;
	float:left;
}

div.wrapHeader div.action ul li.tab div.tabStart .slideme 
{
	position:relative;
	top:-2px;
}

/*will IE6 one day finally die?*/
* html div.wrapHeader div.action ul li.tab div.tabStart 
{
	background:transparent url(/_imgs/common/header/2010/other/tab.gif) no-repeat left bottom;
}

div.wrapHeader div.action ul li.tab div.tabEnd
{
	background:transparent url(/_imgs/common/header/2010/other/tab.png) no-repeat right bottom;
	width:11px;
	position:relative;
	top:-4px;
	height:24px;
	float:left;
	display:block;
	z-index:2;
	padding-top:2px;
}
/*will IE6 one day finally die?*/
* html div.wrapHeader div.action ul li.tab div.tabEnd
{
	background:transparent url(/_imgs/common/header/2010/other/tab.gif) no-repeat right bottom;
}
div.wrapHeader div.action ul li span.square
{
	background:url(/_imgs/common/header/2010/other/square3px.gif) no-repeat 0px 6px;
	padding-left:6px;
}

div.wrapHeader div.action2 
{
	text-align:right;
	position:relative;
	top:91px;
	right:0px;
	z-index:1;
}
div.wrapHeader div.action2 ul li
{
	list-style-type:none;
	font-weight:bold;
}
div.wrapHeader div.action2 ul li.phone
{
	font-size:18px;
	color:#0057a6;
	height:24px;
}
div.wrapHeader div.action2 ul li.links
{
	font-size:11px;
	color:#0067c5;
}
div.wrapHeader div#nav 
{
	height:30px;
	position:absolute;
	top:145px;
	width:940px;
	border-bottom:4px solid #009CDC;
	padding:0px 10px;
	z-index:999;
}