/* CSS Document */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin: 0 0 10px 0;
	}

#container {
	width: 780px;
	margin: 0 auto;
	}



/* CSS Document */

img {
	border: 0;
	}

div.padding {
	font-size: 0;
	height: 15px;
	}

div.spacer {
	font-size: 0;
	height: 10px;
	}

div.clear {
	clear: both;
	}

.hidden {
	display: none;
	}

.block {
	display: block;
	}

.inline {
	display: inline;
	}

h1, h2, h3, h4, h5 {
	margin: 0;
	padding: 0;
	}

h3 {
	font-size: 125%;
	color: #FFFFFF;
	}

h4 {
	font-size: 115%;
	}

h5 {
	font-size: 100%;
	}

p {
	margin: 0;
	padding: 15px 0 0 0;
	}

ul, ol {
	margin: 0;
	padding: 15px 0 0 15px;
	}

a {
	/*font-weight: bold;*/
	color: #0000FF;
	}

.first {
	padding-top: 0;
	}

.telephone {
	font-style: normal;
	text-decoration: underline;
	}

.right {
	text-align: right;
	}

.centre {
	text-align: center;
	}





/* CSS Document */

#header {
	position: relative;
	height: 75px;
	}

#header img.globe {
	position: absolute;
	top: 8px;
	left: 12px;
	}

#header img.logo {
	position: absolute;
	top: 19px;
	left: 81px;
	}

#header h1 {
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	position: absolute;
	top: 46px;
	left: 81px;
	margin: 0;
	padding: 0;
	}
	
#header h1 span {
		display: none;
		}

#header ul {
	position: absolute;
	top: -3px;
	right: 25px;
	list-style-type: none;
	}

#header ul li {
	display: inline;
	margin-left: 5px;
	}





/* CSS Document */

#footer {
	clear: both;
	text-align: center;
	}

#footer ul {
	color: #FFFFFF;
	list-style-type: none;
	}

#footer ul li {
	display: inline;
	}

#partners_bar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#partners_bar ul li {
	display: inline;
	margin: 0 0 0 5px;
	}

#partners_bar ul li.first {
	margin: 0 0 0 3px;
	}

#click_financial div.content {
	padding: 10px 10px 0 10px;
	}






/*	| CSS Document
	| Basic form template.
	| Do not edit this file. Make changes by using overrides in your layout CSS file.*/

/*	general layout	*/
form fieldset {
	display:block;
	}

form label, form span.field, form span.extras {
	float:left;
	/*position:relative;*/
	}

br.clear {
	clear:both;
	}

/*	general styling	*/
#errors {
	color:#ff0000;
	font-weight:bold;
	margin-left: 50px;
	}

form fieldset {
	border:0;
	padding:0;
	}

form fieldset legend {
	display:none;
	}

form fieldset ol {
	list-style-type:none;
	padding:0;
	margin:0;
	}

/*	label	*/
form label {
	font-weight:bold;
	text-align:right;
	margin:1px;
	}

form label span {
	display:block;
	padding:7px 20px;
	}

form label strong {
	position:absolute;
	right:5px;
	padding:0;
	}

/*	field	*/
form span.field input, form span.field textarea, form span.field select  {
	width: 97%;
	margin:0.3em 0 0;
	}

form span.field input.checkbox, form span.field input.radio  {
	margin-top:0.3em;
	width: 15px;
	}

form span.field select.dob_day, form span.field select.dob_month, form span.field select.dob_year {
	width: 31%;
	}

form em {
	color:#ff0000;
	position:absolute;
	top:5px;
	}

/*	extras	*/
form span.extras {
	font-size:0;
	padding:5px 0 0;
	}

form span.extras strong {
	font-size:10px;
	font-weight:normal;
	color:#ff0000;
	padding:0 0 3px 2px;
	}

form span.extras strong img {
	margin-bottom:-5px;
	}

form span.extras span {
	font-size:10px;
	display:block;
	padding:0 0 3px 2px;
	}





/* CSS Document */

table {
	cursor: default;
	}

tr {
	background: #FFFFFF;
	}

tr.hilite td {
	/*background: #FDFE83;*/
	}

tr.selected {
	background: #CCCCCC;
	}

th {
	text-align: left;
	line-height: 200%;
	padding: 0 0.5em;
	background: #dbf1ff;
	}

th.first, td.first, td.firsthilite {
	padding-left: 1.5em;
	}

th.last, td.last, td.lasthilite {
	text-align: center;
	padding-right: 1em;
	}

td {
	padding: 0.5em;
	}

th.number, td.number {
	text-align: center;
	}

td.hilite, td.firsthilite {
	/*background: #C9FF54;*/
	}




/* CSS Document */

.grey {						background: #666666; }
.grey .content {			padding: 10px 10px 0 10px; }
.grey .padding {			height: 10px; }
.grey h3 {					padding: 0 0 0 5px;	}

.grey .t {					background: transparent url( "wrappers/grey/t.gif" ) repeat-x top; }
.grey .b {					background: transparent url( "wrappers/grey/b.gif" ) repeat-x bottom; }
.grey .l {					background: transparent url( "wrappers/grey/l.gif" ) repeat-y left; }
.grey .r {					background: transparent url( "wrappers/grey/r.gif" ) repeat-y right; }

/* on orange_bg */
.orange_bg .grey .tl {		background: transparent url( "wrappers/grey/on_orange_bg/tl.gif" ) no-repeat top left; }
.orange_bg .grey .tr {		background: transparent url( "wrappers/grey/on_orange_bg/tr.gif" ) no-repeat top right; }
.orange_bg .grey .bl {		background: transparent url( "wrappers/grey/on_orange_bg/bl.gif" ) no-repeat bottom left; }
.orange_bg .grey .br {		background: transparent url( "wrappers/grey/on_orange_bg/br.gif" ) no-repeat bottom right; }

.orange_bg .grey .tl_ltr {	background: transparent url( "wrappers/grey/on_orange_bg/tl_ltr.gif" ) no-repeat top left; }
.orange_bg .grey .tr_ltr {	background: transparent url( "wrappers/grey/on_orange_bg/tr_ltr.gif" ) no-repeat top right; }




/* CSS Document */

.lightgrey {					background: #f2f2f2; }
.lightgrey .content {			padding: 10px 15px 0 15px; }
.lightgrey .padding {			height: 10px; }

.lightgrey .t {					background: transparent url( "border.gif" ) repeat-x top; }
.lightgrey .b {					background: transparent url( "wrappers/lightgrey/b.gif" ) repeat-x bottom; }
.lightgrey .l {					background: transparent url( "border.gif" ) repeat-y left; }
.lightgrey .r {					background: transparent url( "wrappers/lightgrey/r.gif" ) repeat-y right; }

/* on orange bg */
.orange_bg .lightgrey .tl {		background: transparent url( "wrappers/lightgrey/on_orange_bg/tl.gif" ) no-repeat top left; }
.orange_bg .lightgrey .tr {		background: transparent url( "wrappers/lightgrey/on_orange_bg/tr.gif" ) no-repeat top right; }
.orange_bg .lightgrey .bl {		background: transparent url( "wrappers/lightgrey/on_orange_bg/bl.gif" ) no-repeat bottom left; }
.orange_bg .lightgrey .br {		background: transparent url( "wrappers/lightgrey/on_orange_bg/br.gif" ) no-repeat bottom right; }

.orange_bg .lightgrey .tl_ltr {	background: transparent url( "wrappers/lightgrey/on_orange_bg/tl_ltr.gif" ) no-repeat top left; }
.orange_bg .lightgrey .tr_ltr {	background: transparent url( "wrappers/lightgrey/on_orange_bg/tr_ltr.gif" ) no-repeat top right; }

/* on grey */
.grey .lightgrey .r {			background: transparent url( "wrappers/lightgrey/on_grey/r.gif" ) repeat-y right; }
.grey .lightgrey .b {			background: transparent url( "wrappers/lightgrey/on_grey/b.gif" ) repeat-x bottom; }
.grey .lightgrey .tl {			background: transparent url( "wrappers/lightgrey/on_grey/tl.gif" ) no-repeat top left; }
.grey .lightgrey .tr {			background: transparent url( "wrappers/lightgrey/on_grey/tr.gif" ) no-repeat top right; }
.grey .lightgrey .bl {			background: transparent url( "wrappers/lightgrey/on_grey/bl.gif" ) no-repeat bottom left; }
.grey .lightgrey .br {			background: transparent url( "wrappers/lightgrey/on_grey/br.gif" ) no-repeat bottom right; }





/* CSS Document */

.white {					background: #ffffff; }
.white .content {			padding: 15px 15px 0 15px; }
.white .padding {			height: 15px; }

.white .t {					background: transparent url( "border.gif" ) repeat-x top; }
.white .b {					background: transparent url( "wrappers/white/b.gif" ) repeat-x bottom; }
.white .l {					background: transparent url( "border.gif" ) repeat-y left; }
.white .r {					background: transparent url( "wrappers/white/r.gif" ) repeat-y right; }

/* on orange bg */
.orange_bg .white .bl {		background: transparent url( "wrappers/white/on_orange_bg/bl.gif" ) no-repeat bottom left; }
.orange_bg .white .br {		background: transparent url( "wrappers/white/on_orange_bg/br.gif" ) no-repeat bottom right; }

.orange_bg .white .tl {		background: transparent url( "wrappers/white/on_orange_bg/tl_ltr.gif" ) no-repeat top left; }
.orange_bg .white .tr {		background: transparent url( "wrappers/white/on_orange_bg/tr_ltr.gif" ) no-repeat top right; }

.orange_bg .white .bl_ltr {	background: transparent url( "wrappers/white/on_orange_bg/bl_ltr.gif" ) no-repeat bottom left; }
.orange_bg .white .br_ltr {	background: transparent url( "wrappers/white/on_orange_bg/br_ltr.gif" ) no-repeat bottom right; }

/* on grey */
.grey .white .b {			background: transparent url( "wrappers/white/on_grey/b.gif" ) repeat-x bottom; }
.grey .white .r {			background: transparent url( "wrappers/white/on_grey/r.gif" ) repeat-y right; }

.grey .white .tl {			background: transparent url( "wrappers/white/on_grey/tl.gif" ) no-repeat top left; }
.grey .white .tr {			background: transparent url( "wrappers/white/on_grey/tr.gif" ) no-repeat top right; }
.grey .white .bl {			background: transparent url( "wrappers/white/on_grey/bl.gif" ) no-repeat bottom left; }
.grey .white .br {			background: transparent url( "wrappers/white/on_grey/br.gif" ) no-repeat bottom right; }







/* CSS Document */

body {
	background: #FF6700 url("orange.gif") repeat-x top;
	}





/* CSS Document */

/*form label {		background: #ffff00; }
form span.field {	background: #add8e6; }
form span.extras {	background: #90ee90; }
form span.info {	background: #90ee90; }*/

/* 	| uncomment above for colour debugging */

div#woman {
	background: #ffffff url("woman.jpg") no-repeat bottom left;
	}

/*	Images	*/
div#instruction {
	position:relative;
	width: 300px;
	}

img.arrow {
	position: absolute;
	}

p#instruction_text {
	width: 300px;
	font-size: 27px;
	position:absolute;
	top:60px;
	left:23px;
	}

/*	Form	*/
div#form {
	margin: 0 0 0 365px;
	}

form {
	margin: 8px 0 0 0;
	}

	form .content {
		padding-top: 0;
		}

	form fieldset {
		margin:5px 0 15px;
		}

		form fieldset.last {
			margin-bottom: 0;
			}

	form label {
		width:46%;
		}

		form label span {
			font-weight: bold;
			padding:7px 10px 7px 0;
			text-align: left;
			}

			form span.field {
				width:45%;
				}

			form span.field input {
				width: 96%;
				z-index: 1;
				}

			form span.field select  {
				width: 99%;
				margin:0.3em 0 0;
				}

		form span.extras {
			width: 50%;
			color:#666666;
			}

			form span.extras img {
				margin-left:-20px;
				position:relative;
				}

		form span.info {
			display: block;
			float: right;
			width: 40px;
			height: 16px;
			}

			form span.info img {
				margin: 7px 0 0 7px;
				}

#errors {
	margin-left: 0;
	}





div.tooltip {
	width: 360px;
	background-color: #ffffcf;
	border: 1px solid #b2b2b2;
	z-index: 999;
	}

	div.tooltip div.dont_know img.question_mark {
		float: left;
		margin-top: 3px;
		}

	div.tooltip div.dont_know p {
		padding-left: 32px;
		}



#item_submit input {
	padding-left: 37%;
	}

#search_results {
	padding-top: 10px;
	}

	#search_results p {
		float: left;
		width: 32%;
		text-align: right;
		padding-top: 15px;
		}

	#search_results span.images {
		display: block;
		padding-left: 36%;
		}

		#search_results span.images img {
			margin-right: 10px;
			vertical-align: middle;
			}

#cover_amount {
	width: 90%;
	background: transparent url("pound.gif") no-repeat 4px 4px;
	padding-left: 15px;
	}



li.email_marketing_data {
	font-family: Verdana, sans serif;
	font-size: 11px;
	padding: 0 25px 0 45px;
	}
	
	li.email_marketing_data label {
		width: 100%;
		font-weight: normal;
		text-align: left;
		}
	
	li.email_marketing_data input {
		float: left;
		}
	
	li.email_marketing_data span {
		padding-top: 3px;
		margin-left: 25px;
		}

#form h2 {
	font-size: 18px;
	color: #ff6700;
	}

#form h3 {
	font-size: 14px;
	color: #000000;
	padding-left: 0;
	}

#form fieldset.explanations {
	padding-top: 4px;
	}

	#form fieldset.explanations li {
		padding-bottom: 5px;
		}

	#form fieldset.explanations label {
		float: none;
		font-weight: normal;
		}

	#form fieldset.explanations input {
		width: 100px;
		}

	#form fieldset.explanations input.checkbox {
		width: 15px;
		}

	#form fieldset.explanations strong {
		display: block;
		padding-top: 15px;
		}

	#form fieldset.explanations p {
		font-style: italic;
		padding-top: 5px;
		padding-left: 27px;
		}

	#form fieldset.explanations p strong {
		padding-top: 0;
		}
		

	#form span.error {
		display: block;
		font-size: 10px;
		font-weight: normal;
		color: #ff0000;
		padding-top: 5px;
		}

		#form span.error img {
			vertical-align: middle;
			}


li.email_marketing_data {
	font-family: Verdana, sans serif;
	font-size: 11px;
	padding: 0;
	}
	
	li.email_marketing_data label {
		width: 100%;
		text-align: left;
		}
	
	li.email_marketing_data input {
		float: left;
		}
	
	li.email_marketing_data label span {
		padding-top: 3px;
		margin-left: 25px;
		font-weight: normal;
		}
