/*
$Id: main.css,v 1.130.2.5 2009/06/15 08:03:34 avg Exp $
vim: set ts=2 sw=2 sts=2 et:
*/

html,body {
  	height: 100%;
  	margin: 0px;
  	padding: 0px;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
  	color: #7b7a7a;
}
body{
  background: #eee url(../images/bg.jpg) repeat;
  padding:20px 0px;
}
.clearing {
  height: 0px;
  font-size: 0px;
  clear: both;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
	margin:0px;
}
.spit-cont{
	width:100%;
}
/* COLOURS ---------------------- */

.orange-bold{
	color:#FFA201;
	font-weight:bold;
}

/*==============================================================================

Header

==============================================================================*/


#page-container {
	min-height: 100%;
	position: relative;
	width: 761px;
	margin: 0px auto;
	padding:12px;
	background:url(images/page-middle.jpg) repeat-y;
}
.page-top{
	background:url(images/page-top.jpg) no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width:785px;
	height:52px;
}
.page-bottom{
	background:url(images/page-bottom.jpg) no-repeat;
	position:absolute;
	left:0px;
	bottom:0px;
	width:785px;
	height:22px;
}
#header {
	border: 0px;
	margin:0px 0px 10px 0px;	
	position: relative;
	width: 761px;
	float: left;
}

#header_left {
	border: 0px;
	margin:0px;
	padding:11px 0px 0px 20px;
	position: relative;
	width: 515px;
	float: left;
}
#header_right{
	margin:0px;
	padding:30px 10px 0px 0px;
	width: 740px;
	text-align:right;
	font-size:14px;
	line-height:130%;
	color:#0001A3;
}


/*==============================================================================

Banners

==============================================================================*/

#banners {
	margin: 0px 0px 0px 0px; 
	position: relative;
	width: 762px;
}
#banners_rotating {
	height: 42px;
	margin: 0px 0px 0px 0px; 
	position: relative;
	width: 762px;
	float: left;
	background:url(images/news-bar.jpg);
	text-align:center;
	color:#FFA201;
}
#banners_rotating p{
	width:100%;
	text-align:center;
}
.banner{
	background:url(images/box.png) no-repeat;
	width:216px;
	height:115px;
	float:left;
	margin:0px 4px;
	padding:5px 10px;
	color:#FFF;
}
.banner ul{
	margin:0px 0px -8px -20px;
}
.banner ul li{
	list-style:outside square;
	color:#F9A820;
}
.banner ul li h3{
	color:#FFF;
}
#banners_block3 {
	height: 114px;
	margin: 0px;
	padding:25px 15px;
	width: 762px;
	float: left;
	background:url(images/block-bg.jpg) no-repeat;
}

/*==============================================================================

Main Contents Area

==============================================================================*/


#content-container {
	clear: both;
	float: left;
	position: relative;
	width: 761px;
	padding-bottom: 10px;
	background-color: #ffffff;
}

/*==============================================================================

Left Column + MENU

==============================================================================*/

#left_column {
	float: left;
	position: relative;
	width: 199px;
	background-color: #ffffff;
	margin: 0px 8px 0px 0px;
}

.menu-title{
	width:164px;
	height:19px;
	background:url(images/menu-title-bar.jpg) no-repeat;
	padding:13px 10px 10px 30px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}
.menu-box{
	background:url(images/menu-box-middle.jpg) repeat-y;
	width:194px;
	padding:15px 5px;
	margin:10px 0px;
}
.menu-box ul{
	margin:0px 0px 0px -30px;
}
.menu-box ul li{
	list-style:none;
	background:url(images/menu-bullet.jpg) no-repeat 0 center;
	width:153px;
	line-height:30px;
	padding:0px 0px 0px 22px;
	border-bottom:dashed 1px #999;
}
.menu-box ul li a{
	color:#8C8C8C;
	text-decoration:none;
	font-weight:bold;
}
.menu-box-top, .menu-box-bottom{
	background:url(images/menu-box-top.jpg) no-repeat;
	width:204px;
	height:15px;
	position:absolute;
	left:0px;
	margin:-15px 0px 0px 0px;
}
.menu-box-bottom{
	background:url(images/menu-box-bottom.jpg) no-repeat;
	margin:0px;
}
.newsletter-box{
	background:url(images/news-bg.png) no-repeat;
	width:216px;
	height:124px;
	padding:2px 10px;
	margin: 0px 4px;
	float:left;
}
.newsletter-box p{
	font-size:10px;
	color:#FFF;
	line-height:200%;
}
.newsletter-box h3{
	color:#FFF;
	margin:10px 0px 10px 20px;
}
.newsletter-box #subbut, .feedback-box #subbut{
	background:url(images/submit-button.png) no-repeat;
	width:78px;
	height:24px;
	text-align:center;
	color:#FFF;
	border:none;
	cursor:pointer;
	margin:0px 0px 0px 22px;
}
.feedback-box{
	width:180px;
	height:255px;
	background:url(images/feedback-box.jpg) no-repeat;
	padding:5px 12px;
	text-align:center;
}
.feedback-box h3{
	color:#FFF;
	font-size:16px;
	width:150px;
	text-align:left;
	margin:14px 0px 0px 30px;
}

/*==============================================================================

Right Column

==============================================================================*/

#right_column {
	float: right;
	position: relative;
	width: 542px;
	background-color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}
h1.titles{
	width:466px;
	height:22px;
	background:url(images/page-title-bar.jpg) no-repeat;
	padding:10px 10px 10px 40px;
	margin:0px 0px 10px 0px;
	color:#FD8802;
	font-weight:normal;
}

/*==============================================================================

Feedback and News Bar

==============================================================================*/
#info_container{
	margin:0px 0px 20px 0px;
}

#feedback_box {
	float: left;
	position: relative;
	width: 199px;
	margin: 0px 10px 0px 0px;
}
#news_box {
	float: right;
	position: relative;
	width: 540px;
	margin: 0px 0px 0px 0px;
}

#news_middle {
	float: left;
	width: 470px;
	text-align:left;
	padding: 0px 20px;
	margin:10px 0px 0px 0px;
}
.news-box{
	width:515px;
	height:264px;
	background:url(images/news-box.jpg) no-repeat;
}	
.news-box .col1{
	float:left;
	width:200px;
	margin:5px 0px 0px 50px;
}
.news-box .col2{
	float:left;
	width:200px;
	margin:5px 0px 0px 30px;
}
.news-box .col1 h3, .news-box .col2 h3, .news-box .col2 h3 a{
	color:#FFF;
}
a.navy-link{
	color:#101E86;
	font-weight:normal;
}
/*==============================================================================

Footer

==============================================================================*/


#footer {
	width: 701px;
	margin: 0px auto;
	text-align:center;
}
#footer .small-print{
	font-size:11px;
	color:#898989;
	font-weight:normal;
}
#footer img{
	margin:10px 0px;
}
#footer_bottom {
	height: 36px;
	width: 761px;
	position: relative;
	margin: 0px 0px 10px 1px; 
	float: left;
	text-align:center;
}

/*==============================================================================

margins / padding

==============================================================================*/

#padding_top8 {
	padding-top: 8px;				
}

/*---------------------------
	EXPAND BOX
----------------------------*/
.expand-box{
	margin:0px 0px 20px 0px;
}
.expand-box-title{
	width:95%;
	font-weight:bold;
	margin:5px 0px;
	color:#2124ff;
	background:#fdead4;
	padding:4px;
	margin:0px 0px 0px 10px;
}
.expand-box-title:hover{
	cursor:pointer;
}

.blue-bold-text{
	 color: #2124ff;
	 font-weight:bold;
}
.small-print{
	font-size:9px;
}
/* LISTS --------------- */
ul.grey-bullet li{
	list-style-image:url(images/grey-bullet.jpg);
	color:#FD8802;
	line-height:150%;
}
ul.orange-bullet li{
	list-style-image:url(images/orange-bullet.jpg);
	color:#8C8C8C;
	line-height:150%;
}
ul.orange-bullet li a{
	text-decoration:none;
}

/* --- BREADCRUMBS ---- */
.breadcrumbs{
	width:455px;
	height:30px;
	background:url(images/breadcrumbs-bar.jpg) no-repeat;
	margin:0px 0px 0px 30px;
}
.breadcrumbs ul{
	width:410px;
	display:block;
}
.breadcrumbs ul li{
	float:left;
	display:table-cell;
	margin:6px 46px 0px 0px;
	color:#999;
}
.breadcrumbs ul li.active{
	color:#CC6600;
	font-weight:bold;
}

.click-here-button{
	display:table-cell;
	background:url(images/submit-button.png) no-repeat;
	width:78px;
	height:22px;
	text-align:center;
	padding:2px 0px 0px 0px;
	border:none;
}
a.click-here-button{
	color:#FFF;
	text-decoration:none;
	font-size:12px;
}
/* ORANGE BUTTON */
a.orange-button{
	display:inline-block;
	width:164px;
	height:19px;
	background:url(images/menu-title-bar.jpg) no-repeat;
	padding:13px 10px 10px 30px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
/* CLAIMS BONUS */
.claim-bonus{
	width:185px;
	height:50px;
	padding:10px;
	background:url(images/button.png) no-repeat;
	font-size:14px;
	color:#fFF;
	font-weight:bold;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	line-height:150%;
}