@charset "utf-8";
/* CSS Document  */ 

/* Standard buttons. */
@import url("./buttons.css");

* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #434343;
	background: #ffffff url('../images/background.gif')	0 0 repeat scroll;
}

h1 { font-size: 2.2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; font-weight: normal; color: #e20027; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; color: #FF9900; }
h6 { font-size: 0.9em; }
h1, h2, h4 { font-weight: bold; color: #666666; }

h1, h2, h4, p { margin-bottom: 0.5em; }

a { color: #f26522; text-decoration: underline; }
	a:hover { color: #cb4e12; }
	a:active { color: #e20027; }

p { line-height: 1.5em; }
em { color: #666666; }

/**** Resets ****/
.clear { clear:both; font-size:0; line-height:0; height:0; visibility:hidden; overflow:hidden; }
fieldset { border: 0 none; }
ul li, ol li { list-style-type: none; list-style-position: outside; list-style-image: none; }
ul.list-item, ol.list-item { margin-bottom: 10px; }
ul.list-item li, ol.list-item li { padding: 2px 0 4px 8px; margin: 0 0 0 15px; }
ul.list-item li { list-style-type: disc; }
ol.list-item li { list-style-type: decimal; }
img { border: 0 none; padding: 0; margin: 0; }

/* begin: header logout styles. */
.header-logout-container {
	width: 1001px;
	background: #fff;
	margin: 0 auto; 
}

.header-logout {
	float: right; 
	margin-right: 20px; 
	margin-top: 5px;
}

.header-logout > a {
	text-decoration: underline;
}

.header-logout > a:hover {
	text-decoration: underline;
}/* end: header logout styles. */

/**** Main Container Divs ****/
.container { }

.header-container {}
	.header { 
		background:#FFFFFF url('../images/header/header-background.gif') repeat-x scroll 0 bottom; 
		border-top:1px solid #FBFBFB;
		margin:0 auto;
		padding:22px 30px 0 40px;
		width:931px;
	}
	
.middle-container {}
	.middle {
		width: 1001px;
		padding: 20px 0px 0;
		margin: 0 auto;
		background: #ffffff;
	}
	.content { padding: 0 30px 10px 40px; }
	.homepage-bottom { padding: 0 0 10px 40px; }

.footer-container {}
	.footer { 
		margin: 0 auto; 
		padding: 0 0px 20px 30px; 
		width: 971px; 
		background: #f6f6f6 url('../images/footer/footer-background.gif') 0 0 repeat-x scroll;;
	}
	
/**** Header ****/
.header #logo { float: left; }
.header .header-content { float: right; width: 535px; }
	.header .header-content .customer-service { float: left; padding-top: 11px; }
	.header-spacing { float:left; width:30px; }
	.header .header-content .search { float: right; width: 250px; }
		.header .search-border { border: 1px solid #1e1e1e; float: left; margin: 4px 0px; }
		.header .search input#search { 
			padding:4px 10px; 
			width: 160px; 
			border-top:	1px solid #ffffff; 
			border-right: 1px solid #c3c3c3; 
			border-bottom: 1px solid #999999; 
			border-left: 1px solid #e1e1e1; 
			margin: 0;
		}
		.search input.input-text:hover, .search input.input-text:active { background-color: #feffe1; }
	
/**** Content ****/
.homepage-usp { width: 500px; float: left; }
	
.homepage-tiles { float: right; padding: 5px 0 0; }
	.homepage-tiles .tiles { width: 412px; }
	.homepage-tiles .item {
		float: left;
		padding: 0 0 5px 15px;
	}
	.homepage-tiles .item .image { width: 191px; height: 89px; }
	.homepage-tiles .item .fullimage { width: 191px; height: 118px; }

/**** Bottom Content ****/
.homepage-bottom-left { width: 695px; float: left; }

.home-panels { width: 695px; }
	.home-panels #panels li { width: 220px; padding: 0 10px 0 0; float: left; }
	.home-panels h2 {
		height: 28px;
		overflow: hidden;
		padding: 0 0 0 12px;
		margin: 0;
	}
		.home-panels h2, .home-panels h2 a {
			background: #e20027 url('../images/middle/bottom/panel-title.gif') 0 0 no-repeat scroll;
			height: 28px;
		}
		.home-panels h2 a { display: block; background-position: right 0; }
		.home-panels h2:hover { background-position: left bottom; }
		.home-panels h2:hover a, .home-panels h2 a:hover { background-position: right bottom; color: #f7f7f7; }
		.home-panels h2, .home-panels h2 a { 
			color: #ffffff; 
			font-size: 1.2em; 
			font-weight: normal;
			text-decoration: none;
			line-height: 1.2em;
		}
		.home-panels h2 a span { display: block; padding: 4px 0px 0px 0px; }
	.home-panels .image { padding: 9px 0 5px; }
	.home-panels .description { font-family: Verdana, Geneva, sans-serif; font-size: 0.95em; }

	.share-price { line-height: 1.5em; }

	.hero-banner { width: 680px; padding-top: 25px; }
		#panelContainer { height: 250px; }
		ul#tabContainer { background-color: #434343; padding: 0 14px; float: left; }
		ul#tabContainer li { display: inline; }
		.player { background-color: #434343; height: 20px; }
		.player a img { display:block; padding-top:5px; }
		#pausePlay { display: inline; }
		ul#tabContainer li a { font-size: 1.4em; color: #5f5f5f; text-decoration: none; font-weight: bold; padding: 4px 14px; }
			ul#tabContainer li a:hover, .hero-banner ul#tabContainer li a.tabs_on { color: #ffffff; }

	/**** Homepage right column ****/
	.home-bottom-right { width: 265px; float: right; }
	.home-bottom-right .box { padding:0 30px 40px 8px; }
	.home-bottom-right span { display: block; }
	.home-bottom-right .content { background-color: #f5f5f5; padding: 0 12px 12px; }
	.home-bottom-right h4 {
		font-size: 1.4em;
		margin: 0;
	}
	.home-bottom-right h4 a {
		background: #e20027 url('../images/middle/bottom/panel-title.gif') 0 0 no-repeat scroll;
		height: 28px;
		padding: 0 0 0 15px;
		color: #ffffff;
		font-weight: normal;
		display: block;
		text-decoration: none;
	}
		.home-bottom-right h4 a:hover { color: #f5f5f5; background-position: left bottom; }
	.home-bottom-right h4 span {
		background:transparent url('../images/middle/bottom/panel-title.gif') no-repeat scroll right 0;
		display:block;
		padding:4px 25px 4px 0;
	}
		.home-bottom-right h4 a:hover span { background-position: right bottom; }
		
		/**** Login ****/
		.home-bottom-right .login-content { padding: 10px 0 0; }
		.home-bottom-right .fields { padding: 10px 0; }
		.home-bottom-right .login-content .input-field { padding: 0 0 12px; } 
		.home-bottom-right .login-content label { width: 33%; font-weight: bold; display: block; float: left; padding: 5px 0 0; }
		.home-bottom-right .login-content .input-text { width: 64%; float: right; height: 24px; }
		.home-bottom-right .login-content .helper { clear: both; text-align: right; font-size: 0.9em; padding: 3px 0; }
		.home-bottom-right div.login-box a.logout-button  {display:block;position:relative;width:120px;height:40px;text-indent:-9999px;left:100px;background:url(../images/middle/bottom/button-logout.gif) 0 0 no-repeat;}
		.home-bottom-right .form-button { text-align: right; }
		.home-bottom-right .note { padding: 0 0 10px; }
		
		/**** News ****/
		.home-bottom-right .news .image { padding: 10px 0 8px; }
		.home-bottom-right .news .description { font-size: 0.9em; line-height: 0.9em; }
		
/**** Footer ****/
.footer .footer-content { background: transparent url('../images/footer/footer-logo.gif') 97% bottom no-repeat scroll; }
.footer-search .search-border { 
	border:1px solid #1E1E1E;
	float:left;
	margin:4px 0px;
}
.footer-search .input-text {
	border-color:#FFFFFF #C3C3C3 #999999 #E1E1E1;
	border-style:solid;
	border-width:1px;
	margin:0;
	padding: 4px 10px;
	width:125px; 
}
.footer-search .search-button { 
	/* float: right; */
	padding-top: 4px;
	padding-left: 2px;
}