body{margin: 0 0 2em 0; padding: 0; font-size: 67.5%; color: #333;}
body, p, pre, td, th, input, select, textarea { font-family: arial, sans-serif;}
img { border: 0;}
form { margin: 0;}

.mainContentWindow
{
	padding:8px;
	overflow:auto;
	height:450px;
}

.information
{
	font-size:1.2em;
	text-align:justify;	
}
.importantInformation
{
	font-size:1.2em;
	text-align:justify;	
	font-weight:bold;
	color:#332f6c;
}

   
.sectionlarge fieldset 
{ 
	clear: both; 
	border: 0; 
	margin: 0 0 0px 0px; 
	padding: 0 0 12px 12px; 
	width:100%;
	background: transparent url(images/section-footer-large.jpg) no-repeat scroll bottom left; 
}
.sectionlarge .section-lr 
{ 
	background: transparent url(images/question-bg-large.jpg) repeat-y scroll bottom left; 
	z-index:0;
}
.sectionlarge .section-lr2 
{ 
	background: transparent url(images/question-bg-large.jpg) repeat-y scroll bottom left; 
	z-index:0;
}
    
.quotesummaryheader
{
	clear: both;
	height:130px;
	padding: 0px 0px 0px 12px;
	background: transparent url(images/bg-and-till.jpg) no-repeat scroll top left;
	color: #FFFFFF;	
	font-size:20px;
}   
.quotecompareheader
{
	clear: both;
	height:30px;
	padding: 0px 0px 0px 12px;
	background: transparent url(images/blue-header-340.jpg) no-repeat scroll top left;
	color: #FFFFFF;	
	font-size:20px;
} 
    
.requiredfield
{
	color:Red;		
}

td 
{
	font-family: Arial, Helvetica, sans-serif;
}

th 
{
	font-family: Arial, Helvetica, sans-serif;
}

legend 
{
	display: none;
}

img 
{ 
	border: 0; 
}

form 
{ 
	margin: 0; 
}


.section, fieldset ol li input, input, fieldset ol li select, select, fieldset ol li textarea, textarea 
{ 
	font-size: 1em; 
}

.section 
{ 
	clear: both; 
	padding: 5px 0 0 0; 
}

.sectionheader
{
	clear: both;
	height:30px;
	padding: 0px 0px 0px 12px;
	background: transparent url(images/section-header.jpg) no-repeat scroll top left;
	color: #FFFFFF;	
	font-size:20px;
}

.sectionheaderlarge
{
	clear: both;
	height:30px;
	padding: 0px 0px 0px 12px;
	background: transparent url(images/section-header-large.jpg) no-repeat scroll top left;
	color: #FFFFFF;	
	font-size:20px;
}

.sectionheaderlargelong
{
	clear: both;
	height:30px;
	padding: 0px 0px 0px 12px;
	background: transparent url(images/section-header-large-long.jpg) no-repeat scroll top left;
	color: #FFFFFF;	
	font-size:20px;
}

.section fieldset 
{ 
	clear: both; 
	border: 0; 
	margin: 0 0 0px 0px; 
	padding: 0 0 12px 12px; 
	width:100%;
	background: transparent url(images/section-footer.jpg) no-repeat scroll bottom left; 
}

.section .section-lr 
{ 
	background: transparent url(images/question-bg.jpg) repeat-y scroll bottom left; 
	z-index:0;
}
.section .section-lr2 
{ 
	background: transparent url(images/question-bg.jpg) repeat-y scroll bottom left; 
	z-index:0;
}

fieldset ol 
{ 	
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: 100%;
}

fieldset ol li 
{ 	width: 752px; 
	padding:2px 0px 0 0; 
	clear:both; 
	display: block; 
	min-height:32px; 
	border-top: 1px solid #d1d1d1; 
	float:left;
}

fieldset ul 
{ 	
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: 100%;
}

fieldset ul li 
{ 	width: 752px; 
	padding:2px 00px 0 0; 
	clear:both; 
	display: block; 
	min-height:32px; 
	float:left;
}
fieldset ul li label.fullLabel 
{ 
	width: 40em; 
	float: left; 
	margin: 0; 
	margin-right: 5px;  
	padding-top:2px;
}
fieldset ul li label.rightLabel 
{ 
    left :450px;
	width: 200px; 
	float: left; 
	margin: 0; 
	margin-right: 5px; 
	padding-top:2px; 
}

.section ul.section-tools 
{ 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	width: 65px; 
}

.section ul.threeitems 
{ 	
	width:89px; 
}

.section ul.section-tools li 
{ 
	display: block; 
	float:left;
	width:23px;
}

.section-tools-cont 
{ 
	display: inline; 
	float: right; 
	margin-right: -60px; 
	margin-top: -27px; 
}

a.sectionhelp span.hidden
{
	display:none;
}

.section.sectionfoot 
{ 
	background: transparent url(images/section-footer.jpg) no-repeat scroll bottom left; 
	height:24px; 
	margin-left:4px; 
	margin-top:-11px; 
}

a.sectionhelp,.indenthelp a.sectionhelp
{
	display:block
} 

a.sectionhelp,a.quotehelp
{
	display:block
}

fieldset ol li div.smallLabel.add_remove input.text
{
	width:260px;
	background-color:#fff;
}
	
span.help
{
	margin-right:-33px;
}

ol li.date-column  span.help
{	
	margin-right:-354px;
}

div.control
{
	width:100%;
}

fieldset ol li div.hiddenLabel div.surname div.row
{
	width:113px;
}	

fieldset ol li div input.text, fieldset ol li div select
{
	min-height: 1px;
	height: auto;
	padding: 2px;
	background-color:#fff !important;
	background-image: none !important;
	border:1px solid #d2d2d2;
}

fieldset ol li.err div input.text, fieldset ol li.err div select
{
	background-color:#fff !important;
}

fieldset ol li.err .radio_container
{
	background-image: none !important;
}

fieldset ol li.err .checkbox_container
{
	background-image: none !important;
}

fieldset ol li label.rightLabel 
{ 
    left :450px;
	width: 200px; 
	float: left; 
	margin: 0; 
	margin-right: 5px; 
	padding-top:2px; 
}



fieldset ol li label.halfLabel 
{ 
	
	width: 434px; 
	float: left; 
	margin: 0; 
	margin-right: 5px; 
	padding-top:2px; 
}
fieldset ol li label.smallLabel 
{ 
	
	width: 334px; 
	float: left; 
	margin: 0; 
	margin-right: 5px; 
	padding-top:2px; 
}


fieldset ol li label.fullLabel 
{ 
	width: 60em; 
	float: left; 
	margin: 0; 
	margin-right: 5px;  
	padding-top:2px;
}
fieldset ol li label.spacer 
{ 
	width: 60em; 
	float: left; 
	margin: 0; 
	margin-right: 5px;  
	height:2px;
}
fieldset ol li label.bulletLabel 
{ 
	width: 60em; 
	float: left; 
	margin: 0; 
	margin: 0px 5px 0px 20px; 
	padding-left:20px;
	background: url(images/lightblue.gif) no-repeat scroll bottom left;  
	padding-top:8px;
}
fieldset ol li label.bulletLabelleft
{ 
	width: 28em; 
	float: left; 
	margin: 0px 5px 0px 20px; 
	padding-left:20px;
	padding-top:8px;
	background: url(images/lightblue.gif) no-repeat scroll bottom left;  
	
}
fieldset ol li label.bulletLabelleftlarge
{ 
	width: 56em; 
	float: left; 
	margin: 0px 5px 0px 20px; 
	padding-left:20px;
	padding-top:8px;
	background: url(images/lightblue.gif) no-repeat scroll  bottom left;  
	
}
fieldset ol li label.labelleftlarge
{ 
	width: 56em; 
	float: left; 
	margin: 0px 5px 0px 20px; 
	padding-left:25px;
	padding-top:8px;
}
fieldset ol li label.bulletLabelright
{ 
    width:350px;
    float:left;
	background: url(images/lightblue.gif) no-repeat scroll bottom left;  
	margin: 0px 5px 0px 20px; 
	padding-top:8px;
	padding-left:20px;
}

fieldset ol li input.text 
{ 
	width: 273px; 
	min-height: 23px; 
	border: 0; 
	padding: 3px 6px 3px 2px; 
	background: transparent url(/Graphics/input279.gif) no-repeat scroll top left; 
}

fieldset ol li select 
{ 
	width: 278px; 
	min-height: 21px; 
	border: 0; 
	padding: 3px 4px 3px 2px; 
	background: #fff url(/Graphics/input279.gif) no-repeat scroll top left; 
}

fieldset ol li div.smallInput input.text 
{ 
	width: 102px; 
	margin-right:6px; 
	background-image: url(/Graphics/input108.gif); 
}

fieldset ol li div.smallInput select 
{ 
	width: 112px; 
	background-image: url(/Graphics/input112.gif); margin-left:-3px; 
}

fieldset ol li.second div.smallLabel label.rowLabel 
{ 
	width: 183px; 
}

fieldset ol li div.smallLabel label.rowLabel 
{ 
	width: 150px; 
}

fieldset div.zSmallLabel label.rowLabel 
{ 
	width: 468px; 
}

fieldset ol li div.smallLabel.add_remove label.rowLabel 
{ 
	width: 168px; 
}

fieldset ol li div.smallLabel.add_remove input.text 
{
	background:transparent url(/Graphics/input279.gif) no-repeat scroll left top;
	width:273px;
}

fieldset li div.largeInput.add_remove label.rowLabel 
{ 
width: 200px; 
}

fieldset ol li div.postcodeInput input.text 
{ 
	width: 86px; background-image: url(/Graphics/input82.gif); 
}

fieldset ol li div.largeLabel label.rowLabel 
{ 
	width: 542px; 
	padding-right:5px; 
}

fieldset ol li div.hiddenLabel label.rowLabel 
{ 
	display: none; 
}

fieldset ol li div.hiddenLabel div.row 
{ 
	padding-left:0; 
	width:116px; 
}

fieldset ol li div.hiddenLabel div div.row 
{ 
	padding-left:0; 
	width:56px; 
}

fieldset ol li.PersonName div.hiddenLabel div.surname  div.row
{ 
	padding-left:0; 
	width:113px; 
}

li.multi-block ol li.first .smallLabel.smallInput, li.multi-block ol li.first .smallLabel.xSmallInput 
{
	width:357px;
}

li.multi-block ol li.second .smallLabel.smallInput, li.multi-block ol li.second .smallLabel.xSmallInput 
{
	border-left:2px solid #F1F1F1;
}

ol li div.largeLabel.xSmallInput div.row 
{
	padding-right:40px; 
	width:675px;
}

ol li.second div.smallLabel.xSmallInput div.row, ol li.first div.smallLabel.xSmallInput div.row  
{
	padding-right:48px;
	width:302px;
	height:27px;
}

div.office ol li.second div.smallLabel.xSmallInput div.row, div.office ol li.first div.smallLabel.xSmallInput div.row
{
	height:40px;
}

fieldset ol li.ok 
{ 
	background: #dcf3dc url(/Graphics/tick.png) no-repeat scroll 674px 6px !important; 
}

fieldset ol li.err 
{ 
	background: #f7e1e0 url(/Graphics/cross.png) no-repeat scroll 674px 6px !important; 
}

fieldset ol li.first, fieldset ol li.second 
{ 
	zoom: 1;  /* trigger hasLayout in IE6 */
	min-width: 0;  /* trigger hasLayout in IE7 */
} 
	
fieldset ol li.multi-block ol li.first  
{ 
	background-position: 308px 6px !important;  
}

fieldset ol li.multi-block ol li.second  
{ 
	background-position: 315px 6px !important;  
} 


/* Added styling for mult-element blocks */
/* width is size of standard label */
li.multi-block ol li 
{
	display: inline;
	clear: none;
	border-top: 0;
}

/* This is for the special case where we insert a label for multiple input elements */
fieldset ol li ol li div.rowLabel 
{ 
	width: 357px; 
	padding-left: 12px; 
	padding-right: 6px; 
}

.clear 
{
	padding-top:0; 
	margin-top:0;
}

.section .headertext
{
	padding-top:-30px;
}

.table
{
    font-size:medium;
}