@charset "UTF-8";
/* Cross-Browser Standard Margins */
* {
	margin: 				0px;
	padding:				0px;
}
ul, ol, dl {
	margin: 				0 0 1em 1em
}
li {
	margin-bottom:			0.6em;
	margin-left: 			0.5em;
	line-height: 			1.5em;
}
/* Layout Dimensions */
html {
	height:					100%;
	width:					100%;
}
body {
	background-color:		#fff;
	font-style:				normal;
	font-weight:			normal;
	font-family:			Verdana, Geneva, sans-serif;
	color:					#666;
	font-size:				12px;
	line-height:			20px;
	height:					100%;
	width:					100%;
}
#main_container {
	overflow:				visible;
	height:					auto;
	min-height:				600px;
	background-position:	top left;
	background-repeat:		repeat-x;
	background-image:		url('/images/Layout/HG.gif');
	background-color:		#e8f6fc;
}

/* Content Top */
#top_container {
	width:					960px;
	margin:					auto;
	overflow:				visible;
	height:					500px;
}
#topleftlink{
	padding:				78px 0 18px 22px;
	height:					18px;
	width:					222px;
	float:					left;
}
#toprightlink{
	padding:				50px 22px 0 0;
	height:					52px;
	width:					138px;
	float:					right;
}
#navigation {
	clear:					both;
	margin-right:			22px;	
	padding-top:			22px;
	height:					34px;
}

#graph {
	margin-left:			22px;
	height:					330px;
	z-index:				0;	
	color:					#999;	
}

/* Content Center */
#text_container { 
	width:					960px;
	margin:					auto;
	overflow:				hidden;
	height:					auto;
}
#content {
	padding-top:			40px;
	padding-bottom:			20px;;
	min-height:				245px;
}
.HeadlineTextBoxTop {
	padding-top:			30px;	
	float:					left;
	width:					458px;	
	overflow:				hidden;	
	height:					300px;	
}
.HeadlineTextBoxBottom {	
	float:					left;
	width:					448px;
	overflow:				hidden;	
	height:					330px;
	position:				relative;
}
.BottomAlignedText {
	position:				absolute;
	bottom:					30px;
	left:					0px;
}

.HeadlinePictureBox {
	float:					right;
	width:					480px;
	height:					330px;
	background-color:		#ccc;
	background-position:	center;
	background-repeat:		no-repeat;
	margin:					0px;
	padding:				0px;
}
#pic {
	width:					480px;
	height:					330px;
	background-image:   	url(/images/Layout/loadingAnimation.gif);	
	background-repeat:		no-repeat;
	background-position:	center center;
	padding:                0;	
	margin:					0;
}

.BoxWrapperLeft {
	padding:				0px;
	border-top:				1px solid #B2E0F6;
	border-bottom:			1px solid #fff;
	background-color:		#CCEBF9;
	width:					240px;
	clear:					both;
	float:					left;
}
.BoxWrapperRight {
	padding:				0px;
	border-top:				1px solid #B2E0F6;
	border-bottom:			1px solid #fff;
	width:					240px;
	clear:					both;
	float:					right;
	margin-bottom:			20px;
	overflow:				hidden;
}
.RightNavMenu {
	width:					240px;	
	float:					right;
	padding:				0px;
	margin:					0px;
	height:					100%;
	overflow:				hidden;
	/* avoid IE6 Duplicate Characters Bug */
	margin-left:			-3px;
}
/* IE 7 */
*+html .RightNavMenu {
	margin-bottom:			-20px; 
}
.LightBlueBox {
	padding:				10px;
	border-top:				1px solid #fff;
	border-bottom:			1px solid #B2E0F6;
	background-color:		#CCEBF9;
	width:					220px;
	height:					auto;
	display:block;
}
hr.BoxSeperator {
	width:					100%;
	border-top:				1px solid #B2E0F6;
	border-left:			0px none;
	border-right:			0px none;	
	border-bottom:			1px solid #fff;
	height:					0px;	
	margin:					10px 0;
	display:				block;
	background-color:		#B2E0F6;
	color:					#B2E0F6;
	clear:					both;
}
/* IE 6 */
* html hr.BoxSeperator {
	height:					2px;	
	margin-top:				3px;
	margin-bottom:			2px; 
}
/* IE 7 */
*+html hr.BoxSeperator {
	height:					2px;	
	margin-top:				3px;
	margin-bottom:			2px; 
}
.DescriptionMiddle {
	margin-left:			34px;
	margin-right:			34px;
	width:					386px;
	float:					left;
}
.DescriptionLeft {
	width:					668px;
	float:					left;
	margin-left:			22px;
}
.DescriptionFull {
	margin-left:			22px;
	margin-right:			22px;	
	clear:					both;
}
.BrandNews {
	width:					316px;
	height:					402px;
	border-bottom:			1px solid #fff;
	float:					left;
	margin-bottom:			28px;
	padding:				0px;
}
/* IE 6 */
* html .BrandNews {
	margin-bottom:			14px; 
}
/* IE 7 */
*+html .BrandNews {
	margin-bottom:			0px; 
}
.BrandNewsPicWrapper{
	height:					242px;
	width:					316px;	
	border-bottom:			1px solid #B2E0F6;		
}
.BrandNewsPic {
	height:					222px;
	width:					296px;
	overflow:				hidden;
	background-color:		#fff;
	background-position:	top left;
	background-repeat:		no-repeat;
	border:					10px solid #fff;	
}
.LightBlueBoxNews {
	padding:				10px;
	border-top:				1px solid #fff;
	background-color:		#CCEBF9;
	width:					296px;
	height:					138px;
}
/* Content Bottom */
#bottom_container {
	width:					960px;
	margin:					auto;
	overflow:				visible;
	height:					auto;
	border-top:				1px solid #0099ED;
	margin-top:				1px;
}
#footer {
	padding-top:			81px;
	margin-left:			22px;
	margin-right:			22px;
	background-position:	0px 32px;
	background-repeat:		no-repeat;
	background-image:		url('/images/Layout/Logo-footer.gif');
	height:					50px;
	font-size:				11px;
	margin-bottom:			50px;
}

/* Elements */
h1 {
	font-weight:			bold;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				30px;
	text-transform:			uppercase;
	color:					#fff;
	line-height:			36px;	
}
.grey {
	color:					#999;
}
h2 {
	font-weight:			bold;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				14px;
	text-transform:			uppercase;
	color:					#0099ED;
	line-height:			20px;
	margin-bottom:			15px;	
}
h3 {
	font-weight:			bold;
	font-family:			"Arial Narrow", Arial, sans-serif;
	font-size:				14px;
	text-transform:			uppercase;
	color:					#666;
	line-height:			20px;
}
h4 {
	font-weight:			bold;
	font-family:			"Arial Narrow", Arial, sans-serif;
	font-size:				14px;
	text-transform:			uppercase;
	color:					#0099ED;
	line-height:			20px;
}
h5 {
	font-weight:			bold;
	font-family:			"Arial Narrow", Arial, sans-serif;
	font-size:				14px;
	text-transform:			uppercase;
	color:					#fff;
	line-height:			20px;
}
h5.grey {
	font-weight:			bold;
	font-family:			"Arial Narrow", Arial, sans-serif;
	font-size:				14px;
	text-transform:			uppercase;
	color:					#999;
	line-height:			20px;
}
p {
	margin-bottom:			20px;	
}
p.small {
	font-size:				11px;	
}
a {
	text-decoration:		none;
	color:					#0099ED;
}
a:hover {
	color:					#000;	
}
a.footer {
	text-decoration:		none;
	color:					#000;
}
a.footer:hover {
	color:					#999;	
}
table {
 	border: 				0;
	font-style:				normal;
	font-weight:			normal;
	font-family:			Verdana, Geneva, sans-serif;
	color:					#666;
	font-size:				12px;
	line-height:			20px;
	border-collapse:		collapse;
	border:					0px none;
}
th {
  	background-color:		#999;
	font-weight:			bold;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				13px;
	text-transform:			uppercase;
	color:					#fff;
	padding:				1px 3px;
	border-bottom:			1px solid #fff;
}

tr.zebra1  {
  	background-color:		#ccebf9;
	border-bottom:			1px solid #fff;
}
tr.zebra2 {
  	background-color:		#b2e0f6;
	border-bottom:			1px solid #fff;
}
td {
	padding:				3px;
	border-left:			1px solid #fff;	
}

td.footertable {
  	background-color:		#fff;
	font-size:				11px;
	border:					0px none;
	line-height:			14px;
}
td.formtable {
  	background:				none;
	font-size:				12px;	
	border:					0px none;	
	padding-right:			10px;
}
.col0 {
	border-left:			0px none;
} 
.col1 {
	border-left:			1px solid #fff;
} 

/* Forms */
form {
	margin-top:				5px;	
}
input.text, textarea.text, select.text {
	background-color:		#fff;
	border-left:			0px none;	
	border-top:				0px none;
	border-right:			1px solid #0099ED;
	border-bottom:			1px solid #0099ED;
	color:					#666;
	font-family:			Verdana;
	font-size:				11px;
	padding:			    3px 0px;
	margin:					5px 0 0 10px; 	
	cursor:					default;
	width: 					120px;
	display:				block;
	float:					right;
}
textarea.text {
	width:					190px;
	height:					60px;
	overflow: 				auto;
	margin:					0px;
}
input.checkbox {
	background-color:		#fff;
	display: 				block;
	float: 					left;
	clear: 					left;
	height: 				18px;
	padding: 				0;
	margin: 				0;
	line-height:			18px;
	width:					auto;
}

div.label {
    display: 				block;
	float: 					left;
    clear: 					both;
    width: 					50px;
	color:					#666;	
	padding: 				0;
	margin: 				5px 0 0	
}

input.highlight, textarea.highlight {
	border:					2px solid #0099ED;
}

input.reset  {
	color:					#666;
	background-color:		#fff;
	width:					55px;
	border:					1px solid #0099ED;
	cursor:					pointer;
	margin-bottom:			5px;
	padding:				3px;
	display:				inline;
}
input.submit  {
	color:					#666;
	background-color:		#fff;
	width:					55px;
	border:					1px solid #0099ED;
	cursor:					pointer;
	margin-bottom:			5px;
	padding:				3px;;
	display:				inline;
}

div.Response{
	display:				none;	
}

div.FormSeperator {
	clear:					both;
	height:					22px;
	padding-top:			5px;
}
div.FormLine {
	clear:					both;
	height:					11px;
	padding-top:			5px;
}
div.FormHeadline {
	width:					100%;
}
ul.ajaxlist, ol.ajaxlist, dl.ajaxlist {
	margin:0;
}
li.ajaxlist {
	margin:					0;
	line-height:			16px;
	height:					27px;
	clear:					both;
	border-top:				1px solid #B2E0F6;
	border-bottom:			1px solid #fff;	
	width:					668px;
} 
/*
Scroll Container
-------------------------------------
*/
#highlight_slider {
	height:					330px;
	width:					938px;;
	margin: 				0 auto;			   
}
.scrollVSL{
	height:					330px;
	width:					938px;
	overflow: 				hidden;
	position: 				relative;
	clear: 					left;
}
.scrollContainerVSL{
	min-height:				330px;
	height:					330px;	
}
.scrollPageVSL {
	height:					330px;
	width:					938px;	
}
.HeadlineSlider {
	background-position:	-40px 0px;
	background-repeat:		no-repeat;	
}
#h_navigation{
	position:				absolute; 
	width:					448px; 
	height:					330px;
	z-index:				1;
	top:					170px;	
}
#navigationscroller{
	padding-top:			190px;	
}
a.hisPrev{
	text-transform:			uppercase; 
	float:					left;
	color:					#fff;
	font-size:				10px;	
}
a.hisNext{
	text-transform:			uppercase; 
	float:					right;
	color:					#fff;
	margin-right:			20px;
	font-size:				10px;
}
a.hisNext:hover, a.hisPrev:hover {
	color:					#0099ED;	
}
img.his{
	border:					0px none;	
}
/* 
Padding / margin / border settings 
------------------------------------- 
 1 value:	top/bottom/left/right     
 2 values: 	top/bottom, left/right    
 3 values: 	top, left/right, bottom   
 4 values: 	top, right, bottom ,left  
*/
ins {
                text-decoration:none;
}