/*
$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-tennant{
	background:url(images/top-tenants-banner.jpg) no-repeat;
	width:724px;
	margin:0px 4px;	
	height:65px;
	float:left;
	padding:5px 10px;
	color:#FFF;
}
.banner-tennant #padding_button{
	padding:8px 30px 0px 0px;
	float:right;
	width: 113px;
}
.banner ul, .banner-tennant ul{
	margin:0px 0px -8px -20px;
}
.banner ul li, .banner-tennant ul li{
	list-style:outside square;
	color:#F9A820;
}
.banner ul li h3{
	color:#FFF;
}
.banner-tennant ul li h3{
	color:#FFF;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 10px 0px;	
}
#banners_block3 {
	height: 189px;
	margin: 0px;
	padding:25px 15px;
	width: 732px;
	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;
}
.doc-title{
	width:504px;
	height:19px;
	background:url(images/doc-title.jpg) no-repeat;
	padding:13px 10px 10px 30px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
}

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

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 3px;
	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/star-bg.png) no-repeat;
	width:220px;
	height:124px;
	padding:2px 8px;
	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 95px;
	letter-spacing:-1px;
}
.newsletter-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;
}
/*==============================================================================

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:494px;
	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 -8px 20px 0px;
}

#feedback_box {
	float: right;
	position: relative;
	width: 540px;
	height:110px;
	margin: 0px 10px 0px 0px;
}
#news_box {
	float: left;
	position: relative;
	width: 760px;
	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:760px;
	height:305px;
	background:url(images/news-box.jpg) no-repeat;
	margin:0px;
}	
.news-box .col1{
	float:left;
	width:210px;
	margin:5px 0px 0px 50px;
}
.news-box .col2{
	float:left;
	width:210px;
	margin:5px 0px 0px 40px;
}
.news-box .col3{
	float:left;
	width:210px;
	margin:5px 0px 0px 40px;
}
.news-box .col1 h3, .news-box .col2 h3, .news-box .col2 h3 a, .news-box .col3 h3 a{
	color:#FFF;
}
a.navy-link{
	color:#101E86;
	font-weight:normal;
}
.feedback-box #subbut{
	background:url(images/submit-button.png) no-repeat;
	width:78px;
	height:24px;
	text-align:center;
	color:#FFF;
	border:none;
	cursor:pointer;
}
.feedback-box{
	width:540px;
	height:110px;
	background:url(images/feedback-box.jpg) no-repeat;
	padding:5px 12px;
	text-align:center;
}
.feedback-box h3{
	color:#FFF;
	font-size:16px;
	width:90px;
	text-align:left;
	margin:20px 0px 0px 30px;
	float:left;
}
.feedback-box form{
	display:block;
	width:378px;
	height:85px;
	margin:8px 25px 0px 0px;
	padding:0px;
	float:right;
	text-align:left;
	color:#8C8C8C;
	line-height:100%;
	font-size:10px;
	border:0px;
}
.feedback-box #email{
	width:135px;
	color:#8C8C8C;
	border:#8C8C8C solid 1px;
	vertical-align:top;
	line-height:10px;
	float:none;
	font-size:12px;
	margin:0px 7px 2px 5px;
}
.feedback-box #comments{
	height:78px;
	width:220px;
	color:#8C8C8C;
	border:#8C8C8C solid 1px;
	float:left;
	margin:0px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.feedback-box span{
	float:right;
	display:block;
	width:135px;
	margin:0px 12px 0px 0px;
}
.feedback-box #subbut{
	background:url(images/submit-button2.png) no-repeat;
	width:125px;
	height:35px;
	padding:-10px 0px 0px 0px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	border:0px;
	cursor:pointer;
	float:left;
	margin:0px;
	margin:33px 0px 0px -363px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.feedback-box #subbut {
		margin-left:-365px;
	}
}
/*==============================================================================

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:#92CCF1;
	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;
}
a.orange-button2{
	display:inline-block;
	width:164px;
	height:29px;
	background:url(images/menu-title-bar.jpg) no-repeat;
	padding:3px 10px 10px 30px;
	margin:0px 3px;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
a.orange-button2 span{
	display:table-cell;
	width:164px;
	height:34px;
	padding:0px;
	margin:0px;
	vertical-align:middle;
	font-size:14px;
	text-transform:uppercase;
}
/* CLAIMS BONUS */
.claim-bonus{
	width:185px;
	height:70px;
	padding:0px 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:120%;
}


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

forms

==============================================================================*/
div.form-top{
	width:540px;
	height:19px;
	background:url(../images/bg-form-top.jpg) no-repeat;
	margin:0px;
	padding:0px;
}
div.form-mid{
	width:520px;
	background:url(../images/bg-form-mid.jpg) repeat;
	padding:5px 10px;
}
div.form-bot{
	width:540px;
	height:19px;
	background:url(../images/bg-form-bot.jpg) no-repeat;
	margin:0px;
	padding:0px;
}
div.form-mid div.row{
	padding:2px 5px;
	background:#dbdbdb;
	margin:5px 0px;
	text-align:left;
}
.spacer{ clear:both; }
span.req{ color:#C00; }

label{ 
	float:left;
	width:140px;
	padding:6px 10px 3px 0px ;
}
form.validate input.textbox, form.validate select, form.validate textarea{
	width:150px;
	text-transform:capitalize;
}
form.validate input#email{
	text-transform:none;
}
form.validate input.radio{
	margin-left:0px !important;
	margin-right:0px !important;
}
form.validate textarea{
	height:120px;
	width:165px;
	font-family:Arial, Helvetica, sans-serif;
}

#dob, .ukDate{
	text-transform:lowercase;
}
div.answer{
	width:155px;
	margin:0px;
	padding:0px;
	float:left;
}
div.answer label{
	float:none;
	width:auto;
	padding:2px 0px 2px 5px;
}
div.answer label.floater{
	float:right;
	width:125px;
	padding:2px 0px 2px 5px;
}
#theClaims table td{
	vertical-align:top;
}
#theClaims .claimDate, #thePolicyholders .phdob{
	width:65px;
	text-align:center;
	text-transform:lowercase;
}
#theClaims .claimAmount{
	width:90px;
}
#theClaims .claimType, #thePolicyholders .phfirstname, #thePolicyholders .phsurname, #thePolicyholders .phoccupation{
	width:95px;
}

#theClaims .claimDescription{
	height:60px;
}
#theClaims label.error{
	float:left;
	margin-top:-40px;
	margin-left:5px;
	width:226px;
}
#theClaims .aClaimItem{
	border-bottom:#fdfcff solid 1px;
	padding:8px 0px;
}
#thePolicyholders .phtitle{
	width:45px;
}
.postcode1{ width:50px !important; text-align:center; text-transform:uppercase !important; }
.postcode2{ width:35px !important; text-align:center; text-transform:uppercase !important; }

span.smallprint{
	font-size:10px;
	font-style:italic;
	line-height:110%;
	color:#666;
}

#valun{
	width:135px;
}



/* QUOTE PAGE */
body#the_quote #right_column h3{
	color:#005cae;
	font-size:18px;
	font-weight:bold;
	text-transform:uppercase;
}
body#the_quote .notice{
	color:#C00;
	font-size:13px;
	font-weight:bold;
}
body#the_quote .quote_number{
	font-size:16px;
	font-weight:bold;
}
body#the_quote .quote_number span{
	color:#C00
}
body#the_quote table.premium{
	width:85%;
}
body#the_quote table.premium tr td{
	vertical-align:top;
	color:#F00;
	font-size:25px;
	font-weight:normal;
}
body#the_quote table.premium tr td span{
	font-size:12px;
	color:#999;
	padding:3px 0px;
	display:block;
}
body#the_quote table.premium td.col2{
	width:170px;
	text-align:right;
}
body#the_quote table.policy-features{
	width:440px;
}
body#the_quote table.policy-features th{
	text-align:left;
	padding:8px 0px;
}

body#the_quote table.policy-features td.col1{
	font-weight:bold;
	width:180px;
}
body#the_quote .buttons{
	padding:10px 0px;
	text-align:center;
}
body#the_quote .direct-debit{
	font-size:18px;
	text-align:center;
}


#quoteCalc{
	text-align:left;
}

#dob, .ukDate{
	text-transform:lowercase !important;
}

a.button-orange-small{
	width:113px;
	height:35px;
	line-height:32px;
	background:url(images/button-orange.jpg) no-repeat;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	display:block;
	font-weight:bold;
}

span.freeTxt{
	color:#C00;
	font-style:italic;
	font-weight:bold;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:1px;
}