/*****************************
 * HEADER
 *****************************/

.headerWrapper
{
	background: transparent url(../images/Header/bg-logo.png) repeat-x center 0px;
	color: #f8f8f8;
}

.headerWrapper a
{
	color: #f8f8f8;
}

.headerPanesRight
{
}

/*---------------------------*
 * Logo, Name and Tagline
 *---------------------------*/

.header .djjLogo
{
	display: block;
	margin-top: 15px;
}

.header .nameTagline
{
	display: block;
	margin-top: 32px;
}


/*---------------------------*
 * Info box
 *---------------------------*/

.header .infoBoxWrapper
{
	padding-bottom: 5px;
	background: transparent url(../images/Header/bg-bottom-headerInfoBox.png) no-repeat bottom right;
}

.header .infoBox
{
	position: relative;
	height: 51px;
	width: 100%;
}

.header .infoBoxWrapper .sfContentBlock
{
	background: #3581db url(../images/Header/gradient-headerInfoBox.png) repeat-x bottom;
	text-align: center;

	height: 49px;
	position: absolute;
	right: 0;
	padding: 2px 0 0;
	width: 239px;
}

.header .infoBoxWrapper .sfContentBlock p
{
	line-height: 24px;
	text-align: center;
}

.header .infoBoxWrapper .sfContentBlock p span.infoBoxTitle
{
	line-height: 22px;
	border-bottom: 2px solid #5890d2;
	display: inline-block;
}

.header .infoBoxWrapper .sfContentBlock p span.infoBoxTitle a
{
	text-decoration: none;
}

.header .infoBoxWrapper .sfContentBlock p span.infoBoxTitle a:hover
{
	color: #fff;
}

.header .infoBoxWrapper .sfContentBlock p span.infoBoxPhone
{
	margin-top: 2px;
	display: inline-block;
	padding-left: 23px;
	background: transparent url(../images/Icons/icon-phone.png) no-repeat left center;
}

/*---------------------------*
 * Search box
 *---------------------------*/

.header .searchBoxWrapper
{
	margin-top: 20px;
}
.header .gscSearchBoxWrapper
{
	position: relative;
	height: 33px;
}

.header .gscSearchBoxWrapper .gscSearchBox
{
	position: absolute;
	right: 0px;
	height: 33px;

	width: 240px;

	background: transparent url(../images/textInput-bg.png) no-repeat left;
}

.header .gscSearchBoxWrapper .gscSearchBox .gscSearchText
{
	position: absolute;
	right: 63px;

	width: 147px;
	line-height: 19px;
	height: 19px;
	margin: 0;
	border: none;
	padding: 7px 5px 7px 25px;
	
	background: transparent url(../images/Icons/icon-magnifyingGlass.png) no-repeat 8px center;
	color: #063262;
	font-style: italic;
	font-size: 1em;
}

.header .gscSearchBoxWrapper .gscSearchBox .gscSearchButton
{
	position: absolute;
	right: 0;

	width: 63px;
	line-height: 33px;
	height: 33px;
	margin: 0;
	border: none;
	padding: 0;

	color: #f8f8f8;
	background: transparent url(../images/button-bg.png) no-repeat;
	font-size: 1em;
	cursor: pointer;
}

/*---------------------------*
 * Header menu
 *---------------------------*/

.headerMenuWrapper 
{
	margin-top: 20px;
}

.headerMenuWrapper .sfContentBlock
{
	position: relative;
	height: 35px;
	background: transparent url(../images/Header/bg-headerMenu-right.png) no-repeat right;
	padding-right: 5px;
}

.headerMenuWrapper ul
{
	position: absolute;
	right: 5px;
	background: transparent url(../images/Header/bg-headerMenu-left.png) no-repeat left;
	padding-left: 5px;
	
}

.headerMenuWrapper ul li
{
	float: left;
	height: 35px;
	background: transparent url(../images/Header/bg-headerMenu.png) repeat-x;
}

.headerMenuWrapper ul li a
{
	line-height: 35px;
	padding: 0 10px;
	display: block;
	color: #f8f8f8;
	text-decoration: none;
	background: transparent url(../images/Header/headerMenu-separator.png) no-repeat right center;
}

.headerMenuWrapper ul li.last a
{
	background: none;
}

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