/* Which? Forms */
/* Last updated:26 February 2008 */

/* Basic Rules */
input {padding:2px;}
option {padding:0 2px;}
textarea {
	width:300px; /* generic size as requested by Which,SR-199 - may be amended */
	min-height:125px; /* generic size as requested by Which,SR-199 - may be amended */
	padding:2px;
}
.button {
	border:none;
	padding:0;
	vertical-align:middle;
}
input.reset {
	background:url(../images/buttons/btn-reset.png) top left no-repeat;
	border:none;
	cursor:pointer;
	height:25px;
	margin:0;
	padding:0;
	text-indent:-1000em;
	width:75px;
}
span.mandatory {color:#C00;}

/* Form progress buttons */
ul#form-buttons,
ul#form-buttons-upper {
	margin-bottom:10px;
	overflow:hidden;
}
ul#form-buttons li {background:none;}
ul#form-buttons li a:hover,
ul#form-buttons-upper li a:hover {
	background:transparent;
}
ul#form-buttons li.right,
ul#form-buttons-upper li.right {margin-left:5px;}

/* Component F.Y.STA.x:Standard form and internal form elements */
#content form.standard {
	margin-top:-9px; /* To fix varying spacing between pseudo-fieldset and form - watch for implications elsewhere... */
	margin-bottom:0;
}

/* The rounded fieldset container and legend */
#content form.standard fieldset {
	background:url(../images/design/bg-standard-form-top.png) no-repeat top left;
	border:1px solid #FFF; /* Firefox 2 won't apply margin-left to legend if border:none used!? */
}
#content form.standard div.wrapper {
	background:url(../images/design/bg-standard-form-end.png) no-repeat bottom left;
	margin-bottom:15px;
	overflow:hidden;
	padding:20px 10px;
	width:673px;
}
#content form.standard legend {
	background:#FFF;
	color:#C00;
	font:normal 0.937em "Trebuchet MS",Arial,sans-serif;
	margin-left:10px;
	padding:0 5px;
	text-transform:uppercase;
}
#content form.standard p.note {
	text-align:right;
	margin-bottom:-4px;
	padding-top:4px;
}
#content form.standard p.note span {color:#C00;}

/* Single column variation of form.standard */
.one-column #content form.standard fieldset {
	background:url(../images/design/bg-standard-form-top-lrg.png) no-repeat left top;
	border:1px solid #FFF;
}
.one-column #content form.standard div.wrapper {
	background:url(../images/design/bg-standard-form-end-lrg.png) no-repeat left bottom;
	position:relative;
	width:908px;
}
.one-column #content form.standard div label {width:200px;}

/* Form element container and label */
#content form.plain div,
#content form.standard div {
	clear:both;
	margin-bottom:5px;
	padding-bottom:2px; /* Helping Camino with room to render SELECTS right */
	overflow:hidden;
}
#content form.plain div label,
#content form.standard div label {
	color:#333;
	display:block;
	float:left;
	font:normal 0.75em Verdana,Helvetica,sans-serif;
	margin-right:20px;
	padding-top:4px;
	position:relative;
	text-align:right;
	width:240px;
}

#content form.standard div p.error {
	color:#C00;
	padding-bottom:2px;
	width:415px;
}

/* IE doesn't have a mechanism for identifying form elements by type so classes used where needed */
#content form.standard div input.text {width:250px;}
#content form.standard div input.small-text {width:30px;}

/* These deal with rows of checkboxes and radiobuttons even when there's just one */
#content ul.checkboxes,
#content ul.radiobuttons {margin:0;}
#content ul.checkboxes li,
#content ul.radiobuttons li {
	margin-bottom:5px;
	overflow:hidden;
	width:100%;
}
#content ul.checkboxes li label,
#content ul.radiobuttons li label {
	float:left;
	font:normal 0.75em Verdana,Helvetica,sans-serif;
	padding-top:0;
	text-align:left;
}
#content ul.checkboxes li input,
#content ul.radiobuttons li input {
	float:left;
	margin-right:4px;
}
#content form.standard span.hint {
	color:#455866;
	font:normal 0.7em Verdana,Helvetica,sans-serif;
	margin-left:10px;
}
#content form.standard span.hint a {
	color:#0083B3;
	text-decoration:none;
}
#content form.standard span.hint a:hover,
#content form.standard span.hint a:active,
#content form.standard span.hint a:focus {
	background:#E6F5FA;
	text-decoration:underline;
}
#content form.standard ul.full-width {margin-left:0;}
#content form.standard ul.full-width li {margin-bottom:15px;}
.one-column #content ul.checkboxes li label,
.one-column #content ul.radiobuttons li label {
	width:600px !important;
}
#content form.standard ul.full-width label {
	width:650px !important;
}
.one-column #content form.standard ul.full-width label {
	width:900px !important;
}

/* A heading inside a form */
#content form.standard fieldset h2 {
	clear:both;
	color:#000;
	font:normal 0.937em "Trebuchet MS",Arial,sans-serif;
	margin:15px 0;
	overflow:hidden;
	position:relative;
}

/* This is for when there is no label on the left column of the form */
#content form.standard .no-label {
	clear:both;
	margin-left:259px;
}
#content form .no-label {
	clear:both;
	margin-left:220px;
	margin-bottom:0;
}
#content form div.login .no-label {
	clear:both;
	margin-left:252px;
	margin-bottom:0;
}
.one-column #content form.standard .no-label {
	clear:both;
	margin-left:219px;
}

/* Credit card icons conainer utilised in sign-up and Shopping Basket forms */
#content form.sign-up #card-note,
#content form.standard #card-note {
	bottom:8px;
	clear:both;
	position:absolute;
	right:8px;
	text-align:right;
	width:240px;
}
#content form.sign-up #card-note,
#content form.standard #card-note p {margin-bottom:5px;}

/* Pseudo Fieldset:Used where designers made non-form elements look like fieldset design */
.pseudo-fieldset {
	background:url(../images/design/bg-standard-form-top.png) no-repeat top left;
	clear:both;
	margin:20px 0 30px 0;
	padding-top:5px;
	position:relative;
}
.pseudo-fieldset div.wrapper {
	background:url(../images/design/bg-standard-form-end.png) no-repeat bottom left;
	margin-bottom:15px;
	overflow:hidden;
	padding:20px 10px;
	width:100%;
}
.pseudo-fieldset h2 {
	background:#FFF;
	color:#C00;
	font:normal 0.937em "Trebuchet MS",Arial,sans-serif !important;
	margin:4px 5px;
	padding:0 5px;
	text-transform:uppercase;
	position:absolute;
	top:-13px;
}
.pseudo-fieldset p {margin-left:10px;}
.pseudo-fieldset strong {
	color:#333;
	font:normal 0.775em/1.45em Verdana,Helvetica,sans-serif;
	margin-left:10px;
}
.pseudo-fieldset ul.buttons-h {
	margin:10px 0 0 10px !important;
	overflow:hidden;
}
.pseudo-fieldset ul.buttons-h li {
	float:left;
	margin-right:5px;
}
.pseudo-fieldset ul.buttons-h a:hover {
	background:none !important;
}

/* Single column variation of .pseudo-fieldset */
.one-column .pseudo-fieldset {
	background:url(../images/design/bg-standard-form-top-lrg.png) no-repeat left top;
}
.one-column .pseudo-fieldset div.wrapper {
	background:url(../images/design/bg-standard-form-end-lrg.png) no-repeat left bottom;
}

/* Component P.T.SUM.c:Summary form table */
/* 	
Generalised this to anything with class "user-details" and put into the form CSS file as its used mainly throughout 
shopping basket and account pages 
*/
table.user-details th {
	background:#FFF;
	color:#333;
	font:normal 0.775em Verdana,Helvetica,sans-serif;
	padding:2px 10px;
	vertical-align:top;
	width:180px;
}
table.user-details td {
	border-bottom:none;
	font:bold 0.775em/1em Verdana,Helvetica,sans-serif;
	padding:2px;
	vertical-align:top;
}

/* Pre-filled data field and its 'label' - bit odd this when its just one table row but it allows semantic association between its 'label' (TH) and 'field' (TD) */
table.pre-filled-data th {
	background:#FFF;
	color:#333;
	font:normal 0.775em Verdana,Helvetica,sans-serif;
	padding:0 20px 0 0 !important;
	text-align:right;
	width:240px;
}
table.pre-filled-data td {
	border-bottom:none;
	font:bold 0.775em "Trebuchet MS",Arial,sans-serif;
	padding:5px;
}

/* Contextual Help code */
#content #contextualHelp {
	background:url(../images/design/bg-contextual-help-top.png) top left no-repeat;
	left:524px;
	margin-bottom:0;
	overflow:hidden;
	padding:7px 0 0 0;
	position:absolute;
	width:291px;
}
#content #contextualHelp div {
	background:url(../images/design/bg-contextual-help-bot.png) bottom left no-repeat;
	margin-bottom:0;
	padding:0 7px 7px 7px;
}
#content #contextualHelp p {
	background:#D0E9F6;
	color:#000;
	margin:0;
	padding:6px;
}
#content div#contextualHelp.error p {
	background:#FFFAC2;
	color:#000;
	margin:0;
	padding:6px;
}
#content div#contextualHelp.error p.errorTitle {
	background:#FFFAC2;
	color:#C00;
	font-weight:bold;
	margin:0;
	padding:6px 6px 0 6px;
}

/* Component XXXXXXXX:Error Box */
#content .error-box {
	background:url(../images/design/bg-error-standard-end.png) bottom left no-repeat;
	margin-bottom:10px;
	padding-bottom:15px;
	height:1%;
}
#content .error-box div {
	background:url(../images/design/bg-error-standard.png) top left no-repeat;
}
#content .error-box p {
	color:#C00;
	font-weight:bold;
	margin:0;
	padding:8px 4px 5px 12px;
}
#content .error-box ul.standard {
	margin:0;
	padding:0 12px;
}
#content .error-box ul.standard li {
	background:url(../images/bullets/blt-yellow-bg.png) no-repeat top left;
}

/* One-column page variant */
.one-column #content .error-box {
	background:url(../images/design/bg-error.png) bottom left no-repeat;
	float:left;
	clear:both;
	width:100%;
	margin-bottom:10px;
	padding-bottom:10px;
}
.one-column #content .error-box div {
	background:url(../images/design/bg-error-top.png) top left no-repeat;
}

/* Custom Forms used throughout the site */
/* Site Search */
#search {
	float:left;
	width:400px;
}
#search fieldset {border:none;}
#search input#keywords {
	border:1px solid #999;
	float:left;
	padding:4px;
	width:286px;
}
#search input.button {
	background:url(../images/navigation/bg-subtabs-divider.png) top right no-repeat;
	float:left;
	margin-left:5px;
	padding-right:5px;
}

/* Inpage sorting form */
#sort {clear:left;}
#sort fieldset {border:none;}
#sort label {
	color:#333;
	float:left;
	font:normal 0.7em/2em Verdana,Helvetica,sans-serif;
	margin-right:5px;
}
#sort select {
	font:normal 0.7em Verdana,Helvetica,sans-serif;
	width:120px;
}

/* Forgotten Login form */
#content form#forgotten-login span.hint {
	color:#455866;
	display:block;
	font-size:0.85em;
	margin-left:0;
}
#content form#forgotten-login #contact-me {float:left;}

/* Remember me form */
#content form#remember-me div.wrapper {padding-left:20px;}
#content form#remember-me p {margin-bottom:0;}

/* Section-specific forms */
/* Careers section forms */
p#confirmation {
	background:url(../images/design/bg-confirmation.png) left top no-repeat;
	padding-top:5px;
}
p#confirmation strong {
	background:url(../images/design/bg-confirmation-end.png) left bottom no-repeat;
	color:#C00;
	display:block;
	font:normal 1.25em "Trebuchet MS",Arial,sans-serif;
	padding:3px 12px 8px;
}
form.no-legend p.note {padding-bottom:8px;}
form.no-legend fieldset {padding-top:5px;}
#content form.careers div.wrapper {padding:10px;}
form.careers div.textarea label {
	float:none !important;
	padding-bottom:3px;
	text-align:left !important;
	width:auto !important;
}
form.careers input.error-highlight {
	border:1px solid #C00;
	width:250px;
}
form.careers div.registered input {
	margin-right:4px;
	vertical-align:middle;
}
#content form.careers div.registered input.text {
	clear:none !important;
	width:100px;
}
form.careers div.textarea textarea {width:640px;}
#content form.careers div.textarea p {margin:5px 0 0;}
form.careers div.question label,
form.careers div.question input {
	display:inline !important;
	float:none !important;
	vertical-align:text-top;
	width:auto !important;
}
form.careers div.question label {vertical-align:top;}
form.careers ul.radio-buttons {
	float:left;
	margin-top:5px;
	width:400px;
}
form.careers ul.indented {
	margin-left:30px !important;
	margin-top:-15px;
}
form.careers ul.check-boxes li,
form.careers ul.radio-buttons li {
	clear:both;
	margin-bottom:4px;
}
form.careers ul.check-boxes label,
form.careers ul.check-boxes input,
form.careers ul.radio-buttons label,
form.careers ul.radio-buttons input {
	display:inline !important;
	float:none !important;
	vertical-align:text-top;
	width:auto !important;
}
form.careers ul.check-boxes label,
form.careers ul.radio-buttons label {min-height:10px;}
form.careers ul.bordered {
	border-bottom:4px solid #F1F4F5;
}

/* Component F.Y.SEL.x:Shopping basket form and table */
div#basket,
form#basket {
	background:url(../images/design/bg-basket-tbl-bottom.gif) no-repeat bottom left;
	margin-bottom:15px;
	padding-bottom:4px;
}
div#basket h2,
form#basket h2 {
	background:url(../images/design/bg-basket-tbl-top.gif) no-repeat top left;
	color:#333;
	font:normal 1.1em "Trebuchet MS",Arial,sans-serif;
	margin:0;
	padding:7px 13px;
	text-transform:uppercase;
}
div#basket table,
form#basket table {
	margin:0 3px;
	width:924px;
}
div#basket table td,
form#basket table td {padding:5px 10px;}
div#basket tr.head td,
form#basket tr.head td {
	background:#F7F9F8;
	border-bottom:1px solid #CDD8DE;
	color:#C00;
	font:normal 1.1em "Trebuchet MS",Arial,sans-serif;
	padding:5px 10px;
}
div#basket table tr.subhead th,
form#basket table tr.subhead th {
	background:#FFF;
	border-bottom:1px solid #CDD8DE;
	color:#333;
	font:bold 0.75em Verdana,Arial,sans-serif;
	padding:5px 8px;
}
div#basket table tr.subtitle td,
form#basket table tr.subtitle td {
	background:#F7F9F9;
	color:#C00;
	font-size:0.9em;
	padding:5px 8px;
	text-transform:uppercase;
}
div#basket th.qty,
div#basket th.check,
form#basket th.qty,
form#basket th.check {
	padding:5px;
	text-align:center;
	width:5%;
}
div#basket th.price,
div#basket th.total,
div#basket td.price,
div#basket td.total,
form#basket th.price,
form#basket th.total,
form#basket td.price,
form#basket td.total {text-align:right;}
div#basket td.total,
form#basket td.total {font-weight:bold;}
div#basket tr.subsummary th.price,
form#basket tr.subsummary th.price {
	background:transparent;
	border-bottom:1px solid #CDD8DE;
	color:#333;
	font:bold 0.75em Verdana,Arial,sans-serif;
}
div#basket th.desc,
form#basket th.desc {
	width:65%;
	text-align:left;
}
div#basket td.desc a,
form#basket td.desc a {
	font:normal 1.25em "Trebuchet MS",Arial,sans-serif;
	text-decoration:none;
}
div#basket td.qty,
form#basket td.qty {font-weight:bold;}
div#basket td.qty input,
form#basket td.qty input {width:15px;}
div#basket th.desc-confirm,
form#basket th.desc-confirm {width:45%;}
div#basket tr.sub th,
form#basket tr.sub th {
	background:transparent;
	color:#333;
	font:bold 0.75em Verdana,Arial,sans-serif;
}
div#basket tr.sub td,
form#basket tr.sub td {
	border-bottom:none;
	font-weight:bold;
	padding-left:8px;
}
div#basket tr.subcheckout td,
form#basket tr.subcheckout td {
	border-bottom:none;
	padding-top:10px;
	padding-bottom:10px;
}
div#basket td p,
form#basket td p {font-size:1em;}
div#basket td ul.plain li,
form#basket td ul.plain li {font-size:1em;}
div#basket td a,
form#basket td a {
	color:#0083B3;
	text-decoration:none;
}
div#basket td a:hover,
div#basket td a:active,
div#basket td a:focus,
form#basket td a:hover,
form#basket td a:active,
form#basket td a:focus {
	background:#E6F5FA;
	text-decoration:underline;
}

/* Component XXXXXXXX:Sign up form */
#content form.sign-up fieldset {
	background:url(../images/design/bg-standard-form-top-lrg.png) no-repeat left top;
	border:1px solid #FFF; /* Firefox 2 won't apply margin-left to legend if border:none used!? */
	margin:20px 0 0 0;
}
#content form.sign-up div.wrapper {
	background:url(../images/design/bg-standard-form-end-lrg.png) no-repeat left bottom;
	clear:both;
	float:left;
	padding:20px 10px;
	position:relative; /* width:673px;Why two widths? RMC */
	width:908px;
}
#content form.sign-up legend {
	background:#FFF;
	color:#C00;
	font:normal 0.937em "Trebuchet MS",Arial,sans-serif;
	margin-left:10px;
	padding:0 5px;
	text-transform:uppercase;
}
#content form.sign-up div.wrapper div {
	clear:both;
	margin-bottom:5px;
}
#content form.sign-up p.note {
	margin-bottom:-4px;
	padding-top:4px;
	text-align:right;
}
#content form.sign-up p.note span {color:#C00;}
#content form.sign-up fieldset a:link,
#content form.sign-up fieldset a:visited,
#content form.sign-up fieldset a:active {
	text-decoration:none;
}
#content form.sign-up fieldset a:hover {
	text-decoration:underline;
}
#content form.sign-up div.smallbox label {
	margin-left:5px;
	text-align:left;
	width:auto;
}
#content form.sign-up div label {
	color:#333;
	display:block;
	float:left;
	font:normal 0.75em Verdana,Helvetica,sans-serif;
	margin-right:10px;
	text-align:right;
	width:209px;
	padding-right:2px;
	padding-top:4px;
}
#content form.sign-up div.login label {
	width:240px; /* Login needs more space  */
}
#content form.sign-up div input.text {width:241px;}
#content form.sign-up div select.text {width:250px;}

/* added at W?s request */
#content form div select.text-2 {width:250px;}
#content form.sign-up div #select-button {margin-left:10px;}
#content form.sign-up div #cardExpiryMonth {width:auto;}
#content form.sign-up div #cardExpiryYear {width:60px;}
#content form.sign-up div label.checkbox,
#content form#forgotten-login div label.checkbox {
	color:#333;
	display:block;
	float:left;
	font:normal 0.85em Verdana,Helvetica,sans-serif;
	margin-right:10px;
	margin-left:10px;
	padding:2px 17px 5px 0;
	text-align:left;
	width:600px;
}
#content form#forgotten-login div label.checkbox {padding-top:0;}
#content form.sign-up div.login label.checkbox  {
	float:left;
	width:560px;
}
#content form.sign-up div #contact-me {
	display:block;
	float:left;
	margin-top:4px;
}
#content form.sign-up div label.mandatory {
	padding-right:0px;
	width:197px;
}
#content form.sign-up div label.mandatory span {
	color:#C00;
	padding-left:5px;
}
#content form.sign-up div p.error {
	color:#C00;
	width:620px;
}
#content form.sign-up div img {
	vertical-align:middle;
}
#content form .hide {display:none;}
#content form.sign-up span.hint {
	color:#455866;
	font:normal 0.7em Verdana,Helvetica,sans-serif;
}
#content form.sign-up .make-payment {position:relative;}
#content form.sign-up .make-payment p {margin-bottom:5px;}
#content form.sign-up .make-payment p.no-label {
	padding:5px 0;
	width:250px;
}
#content form.sign-up .make-payment p.no-label img {
	float:left;
	margin-right:12px;
}
#content form.sign-up .make-payment div {margin-bottom:5px;}
#content form.sign-up div#ddInfoPanel.no-label {
	padding:5px 0;
	width:250px;
}
#content form.sign-up div#ddInfoPanel.no-label img {
	float:left;
	margin-right:12px;
}
#content form.sign-up div#ddInfoPanel.no-label a {
	color:#0083B3;
	font:normal 0.775em/1.45em Verdana,Helvetica,sans-serif;
}
#content form.sign-up #cardNote {
	bottom:12pt;
	clear:both;
	position:absolute;
	right:10pt;
	text-align:right;
	width:240px;
}
#content .help-area,
#content form.sign-up .help-area {
	clear:both;
	position:absolute;
	right:10pt;
	text-align:right;
	top:0;
	width:140px;
}
#content .mandatory-area,
#content form.sign-up .mandatory-area {
	clear:both;
	position:absolute;
	right:10pt;
	text-align:right;
	top:-30px;
	width:300px;
}
#content .mandatory-area span,
#content form.sign-up .mandatory-area span {color:#C00;}
#content .help-area p a,
#content form.sign-up .help-area p a {
	background:url(../images/bullets/blt-help.png) center right no-repeat;
	padding-right:24px;
}
#content form.sign-up #sortCode1,
#content form.sign-up #sortCode2,
#content form.sign-up #sortCode3,
#content form.sign-up #ddSort1Field,
#content form.sign-up #ddSort2Field,
#content form.sign-up #ddSort3Field {width:50px;}
#content form.sign-up #addressesFound {width:665px;}
#content form.sign-up .detailsAreSecure {
	position:absolute;
	right:15px;
	top:30px;
	width:auto;
}
#content form.sign-up .detailsAreSecure a {
	background:url(../images/content/sign-up/padlock.png) no-repeat right center;
	padding:4px 20px 4px 0;
}
#content form.sign-up .dd-name-of input,
#content form.standard .dd-name-of input {
	display:block;
	float:left;
}
#content form.sign-up .dd-name-of p,
#content form.standard .dd-name-of p {
	display:block;
	float:right;
	padding-top:4px;
	width:420px;
}
#content form.sign-up .dd-name-of p.error {
	float:none !important;
	padding-top:0  !important;
	text-align:left !important;
	width:auto  !important;
}
#content form.sign-up .dd-name-of div#namedHolderPanel {
	clear:right;
	display:block;
	float:right;
	width:400px;
}
#content form.sign-up .dd-name-of div#namedHolderPanel a {
	color:#0083B3;
	font:normal 0.775em/1.45em Verdana,Helvetica,sans-serif;
}
#content form.sign-up .login .dd-name-of p,
#content form.standard .login .dd-name-of p {
	display:block;
	float:right;
	padding-top:4px;
	text-align:right;
	width:390px;
}
#content form#remember-on-computer fieldset div label {
	float:none;
	line-height:1em;
}

/* Component XXXXXXXX:Your account forms */
#content #your-account {
	float:left;
	clear:both;
}
#content #your-account h2 {
	color:#000;
	font-size:1em;
	padding-bottom:20px;
}
#content #your-account #welcome-area {
	width:100%;
	overflow:hidden;
	background:url(../images/design/bg-welcome.gif) bottom left no-repeat;
}
#content #your-account div.ya-promo {
	float:left;
	margin-right:22px;
	width:451px;
}
#content #your-account div.ya-promo h2 {
	background:url(../images/design/bg-your-account-cap.png) top left no-repeat;
	color:#D63333;
	display:block;
	font:normal 1.2em "Trebuchet MS",Arial,sans-serif;
	padding:8px;
	width:435px;
}
#content #your-account form {
	float:left;
	overflow:hidden;
	width:451px;
}
#content #your-account fieldset {
	border:0;
	padding:0;
	margin:0;
}
#content #your-account fieldset legend {
	display:block;
	position:relative;
}
#content #your-account fieldset legend span {
	background:url(../images/design/bg-your-account-cap.png) top left no-repeat;
	color:#000;
	display:block;
	font:normal 1.2em "Trebuchet MS",Arial,sans-serif;
	padding:8px;
	width:435px;
}
#content #your-account fieldset p,
#content #your-account div.ya-promo p,
#content #your-account div.ya-promo ul {
	margin:0;
	padding:10px 14px;
}
#content #your-account div.ya-promo ul {
	float:left;
	padding-left:18px;
}
#content #your-account div.ya-promo img {
	float:right;
	padding:0 4px 10px 10px;
}
#content #your-account div.ya-promo ul li {
	color:#333;
	font:normal 0.775em/1.45  Verdana,Helvetica,sans-serif;
}
#content #your-account div.ya-promo ul li a {
	padding-left:20px;
	color:#0083B3;
	text-decoration:none;
	background:url(../images/bullets/blt-red-dot2.png) no-repeat scroll left center;
}
#content #your-account div.ya-promo ul li a:hover {
	color:#0083B3;
	text-decoration:underline;
	background:#E6F5FA url(../images/bullets/blt-red-dot2.png) no-repeat scroll left center;
}
#content #your-account fieldset h2 {
	background:#E1E6E9;
	border-top:1px solid #CDD7DE;
	border-bottom:1px solid #CDD7DE;
	color:#C00;
	margin:0 4px;
	padding:6px 8px;
	width:427px;
}
#content #your-account fieldset div {
	clear:both;
	float:left;
	padding:0 12px 10px 12px;
	width:425px;
}
#content #your-account fieldset div input {float:left;}
#content #your-account fieldset div input.right {float:right;}
#content #your-account fieldset div label {
	float:left;
	font:normal 0.75em Verdana,Helvetica,sans-serif;
	padding:0 10px;
	vertical-align:top;
}
#content .below-form {
	margin:0;
	clear:both;
	float:left;
	position:relative;
	top:-26px;
	width:100%;
}
#content form.sign-up a.print,
#content form.standard a.print {
	padding:2px 10px 2px 20px;
	background:url(../images/bullets/blt-print.png) center left no-repeat;
}
#content form.sign-up label span.smaller {font-size:0.9em;}
#content form.sign-up .login h2 {
	margin:40px 0 16px 0;
	color:#000;
	font-size:0.95em;
}
#content form.sign-up .login h2.auth {
	margin:0 0 16px 0;
	color:#000;
	font-size:0.95em;
}
#content form.sign-up .login .print-area,
#content form.standard .print-area {
	position:absolute;
	right:15px;
	bottom:10px;
	width:auto;
}
#content form.sign-up .login #remember-me {
	display:block;
	float:left;
}
#content h2.reinstate {
	color:#455866;
	padding-bottom:14px;
}

/* Component IT.WOL.X.X:Interactive tool e.g. the minical */
#content #interactive-tool {
	background:url(../images/design/bg-it-top.jpg) transparent top left no-repeat;
	margin:30px 0 90px 0;
	overflow:visible;
	padding:0px;
	width:693px;
}
#content #interactive-tool.five,
#content #interactive-tool.five .wrapper  {float:left;}
#content #interactive-tool form {
	background:url(../images/design/bg-it-top.jpg) #7A8F9C top left no-repeat;
	margin:0;
	overflow:hidden;
	padding:0px;
	width:693px;
}

/* form title,explanation and text */
#content #interactive-tool form div#form-icon {
	float:right;
	margin:6px 9px;
}
#content #interactive-tool form h2 {
	color:#FFF;
	margin-bottom:2px;
	padding:6px 10px 0 9px;
}
#content #interactive-tool form p#explanation {
	color:#FFF;
	margin:0;
	padding:0 10px 7px 9px;
}
#content #interactive-tool .steps,
#content #interactive-tool form .steps {
	margin:0 0 12px 0;
	overflow:hidden;
	padding:0 10px 0 9px;
}
#content #interactive-tool .steps li,
#content #interactive-tool form .steps li {
	background:url(../images/bullets/blt-it-step.gif) center left no-repeat;
	color:#FFF;
	display:block;
	float:left;
	font:normal 0.85em "Trebuchet MS",Arial,sans-serif;
	padding:2px 4px 0px 20px;
}
#content #interactive-tool .steps li.on,
#content #interactive-tool form .steps li.on {
	background-image:url(../images/bullets/blt-it-step-on.gif);
}
#content #interactive-tool .num-steps,
#content #interactive-tool form .num-steps {
	margin:12px 0 10px 0;
	float:left;
	clear:both;
	padding:0 10px 0 10px;
}
#content #interactive-tool ol.num-steps li,
#content #interactive-tool form ol.num-steps li {
	/*background:url(../images/bullets/blt-it-step.gif) center left no-repeat;*/
	color:#FFF;
	display:block;
	float:left;
	font:normal 0.85em "Trebuchet MS",Arial,sans-serif;
	padding:2px 10px 0px 20px;
}
#content #interactive-tool ol.num-steps li a,
#content #interactive-tool form ol.num-steps li a {
	background-color:transparent;
	color:#FFF;
	text-decoration:none;
}
#content #interactive-tool ol.num-steps li a:hover,
#content #interactive-tool form ol.num-steps li a:hover {color:#CC0000;}
#content #interactive-tool ol.num-steps li.one,
#content #interactive-tool form ol.num-steps li.one {
	background:url(../images/bullets/blt-1-off.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.one-on,
#content #interactive-tool form ol.num-steps li.one-on {
	background:url(../images/bullets/blt-1-on.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.two,
#content #interactive-tool form ol.num-steps li.two {
	background:url(../images/bullets/blt-2-off.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.two-on,
#content #interactive-tool form ol.num-steps li.two-on {
	background:url(../images/bullets/blt-2-on.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.three,
#content #interactive-tool form ol.num-steps li.three {
	background:url(../images/bullets/blt-3-off.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.three-on,
#content #interactive-tool form ol.num-steps li.three-on {
	background:url(../images/bullets/blt-3-on.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.four,
#content #interactive-tool form ol.num-steps li.four {
	background:url(../images/bullets/blt-4-off.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.four-on,
#content #interactive-tool form ol.num-steps li.four-on {
	background:url(../images/bullets/blt-4-on.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.five,
#content #interactive-tool form ol.num-steps li.five {
	background:url(../images/bullets/blt-5-off.png) center left no-repeat;
}
#content #interactive-tool ol.num-steps li.five-on,
#content #interactive-tool form ol.num-steps li.five-on {
	background:url(../images/bullets/blt-5-on.png) center left no-repeat;
}

/* error messages */
#content #interactive-tool form.standard p.error {
	clear:both;
	font-size:0.75em;
	margin:5px 5px 5px 265px;
	width:auto;
}
#content #interactive-tool form.minical p.error {
	margin:5px 5px 5px 265px !important;
}
#content #interactive-tool form.third-party p.error {
	margin:5px 5px 5px 318px;
	width:auto;
}

/* form elements */
#content #interactive-tool .wrapper,
#content #interactive-tool form .wrapper {
	background:#FFF url(../images/design/bg-it-bottom.gif) bottom left no-repeat;
	margin:0;
	padding:0 0 5px 0;
	width:auto;
}
#content #interactive-tool form fieldset {
	border-width:0;
	border-right:3px #7A8F9C solid;
	border-left:3px #7A8F9C solid;
	margin:0;
	display:block;
	padding:0;
	width:687px;
}
#content #interactive-tool h3,
#content #interactive-tool form h3 {
	background:url(../images/design/bg-it-h3.gif) #E0E0E0 top left no-repeat;
	color:#333;
	margin:0;
	padding:7px 9px 9px 9px;
}
#content #interactive-tool p.instructions,
#content #interactive-tool div.instructions,
#content #interactive-tool table.instructions,
#content #interactive-tool form p.instructions,
#content #interactive-tool form div.instructions,
#content #interactive-tool form table.instructions {
	background:url(../images/design/bg-it-p-instructions.gif) #EFF3F4 top left no-repeat;
	margin:0 0 11px 0;
	padding:9px 9px 9px 11px;
}
#content #interactive-tool table.instructions,
#content #interactive-tool form table.instructions {
	font-family:Verdana,Helvetica,sans-serif;
	font-weight:normal;
	width:687px;
}
#content #interactive-tool table.instructions td,
#content #interactive-tool form table.instructions td {
	padding-left:10px;
	padding-top:2px;
	padding-bottom:3px;
}
#content #interactive-tool form.mortgage-search,
#content #interactive-tool form.mortgage-search div.wrapper,
#content #interactive-tool form.mortgage-search div fieldset,
#content #interactive-tool form.mortgage-search div,
#content #interactive-tool form.mortgage-search div.no-label,
#content #interactive-tool div#frm-other-options,
#content #interactive-tool div#frm-other-options div {overflow:visible;}
#content #interactive-tool div#frm-other-options {
	background:#FFF;
	clear:both;
	float:left;
	padding-bottom:5px;
}
#content #interactive-tool div#frm-other-options div {
	float:left;
	width:685px;
}
#content #interactive-tool div#frm-other-options div div {
	border:none;
	width:auto;
}
#content #interactive-tool div#frm-other-options div.element {
	margin-left:5px;
	margin-top:3px;
	width:365px;
}
#content #interactive-tool form div.instructions.no-b-m {margin:0;}
#content #interactive-tool form div.instructions.no-bg {background:none;}
#content #interactive-tool form div.instructions.no-b-m ul li {margin-bottom:14px;}
#content #interactive-tool form div.instructions ul li {
	background:url(../images/bullets/blt-default.png) no-repeat left top;
	color:#333;
	font:0.775em Verdana,Helvetica,sans-serif;
	padding-left:10px;
	padding-bottom:7px;
}
#content #interactive-tool form div.instructions .mandatory {margin-right:0;}
#content #interactive-tool form div {padding:0 0 2px 0;}
#content #interactive-tool div.padded,
#content #interactive-tool form div.padded {
	clear:both;
	margin-bottom:5px;
	overflow:hidden;
	padding-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
}
#content #interactive-tool form div.two-cols {
	background:#EFF3F4 url(../images/design/bg-2cols-int_tool.png) repeat-x top;
	margin-bottom:0;
	float:left;
	clear:both;
}
#content #interactive-tool form div.col-1 {
	background-color:#FFF;
	float:left;
	clear:none;
	padding-top:15px;
	margin-bottom:-1px;
	width:483px;
	position:relative;
}
#content #interactive-tool form div.col-1 .comments {
	float:left;
	clear:both;
}
#content #interactive-tool form div a {
	outline:none;
	background:#FFF;
}
#content #interactive-tool #credit-details {
	float:left;
	clear:both;
}
#content #interactive-tool form div.col-1 div.with-notes p.more-info {
	float:left;
	padding-left:10px;
	padding-right:10px;
	width:220px;
}
#content #interactive-tool form div.col-1 div.with-notes div {margin-left:0;}
#content #interactive-tool form div.col-1 p.subtitle {
	font-weight:bold;
	margin-left:10px;
	margin-right:10px;
	float:left;
	clear:both;
	width:450px;
}
#content #interactive-tool form div.col-1 select {width:150px;}
#content #interactive-tool form div.col-1 select.date {
	float:left;
	width:60px;
}
#content #interactive-tool form div.col-1 div.no-label {
	min-height:22px;
	float:left;
	clear:both;
}
#content #interactive-tool form div.col-1 div.hidden-box {
	border-top:3px solid #F1F4F5; /* margin:5px 12px 0 12px;*/
	padding-top:10px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box p {
	text-align:right;
	width:245px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box label {
	margin-right:14px; /* width:235px;*/
	width:240px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box input,
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box select {float:left;}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box div {
	clear:none;
	float:left;
	padding-left:5px;
	width:155px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box div input {
	float:left;
	margin-top:5px;
	margin-right:5px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box div label {
	float:left;
	width:auto;
}
#content #interactive-tool form div.col-2 {
	clear:none;
	float:right;
	margin-bottom:0;
	padding:10px;
	width:184px;
}
#content #interactive-tool form div.col-2 h3 {
	background:none;
	padding-left:0;
}
#content #interactive-tool form div.col-2 .remove {display:none;}
#content #interactive-tool form.mortgage-search label {
	font-weight:bold;
	font-size:0.7em;
	margin:0 0 10px 0;
	width:315px;
}
#content #interactive-tool form div.col-1 a.help {
	float:right;
	padding-right:5px;
	display:block;
}
#content #interactive-tool form div.col-1 a.help:hover,
#content #interactive-tool form div.col-1 a.help:active,
#content #interactive-tool form div.col-1 a.help:focus {
	background:none !important;
}
#content #interactive-tool form.mortgage-search div.col-1 label {
	float:left;
	font-weight:normal;
	font-size:0.775em;
	margin-bottom:0;
	padding-right:10px;
	width:245px;
	width:250px;
}
#content #interactive-tool form div.col-1 label.hidden {
	height:1px;
	left:0px;
	overflow:hidden;
	position:absolute;
	top:-1000px;
	width:1px;
}
#content #interactive-tool form div.col-1 input {float:left;}
#content #interactive-tool form.mortgage-search div.col-1 input.short2 {
	float:left;
	width:70px;
}
#content #interactive-tool form div.col-1 div.no-label label {
	padding-left:10px;
	padding-right:0;
	padding-top:0;
	text-align:left;
	width:160px;
}
#content #interactive-tool form div.col-1 div.no-label input {float:left;}
#content #interactive-tool form.mortgage-search div.col-1 div.hidden-box input.short {width:50px;}
#content .third-party ul.full-width label {
	border:1px solid #C00;
	width:655px !important;
}
#content .third-party label {
	font-size:0.775em !important;
	font-weight:normal !important;
	margin-right:10px !important;
	width:305px !important;
}
#content .third-party label.hidden {visibility:hidden;}
#content .third-party label span.mandatory {margin-right:-10px;}
#content #interactive-tool form label .currency {padding:0 0 0 10px;}
#content #interactive-tool form .element {
	clear:none;
	float:left; /* check forms in /trunk-forms-additional/ before removing or floating right */
	margin-left:5px; /* for /trunk/additional-forms/mandatory fields.html */
	width:224px;
}
#content #interactive-tool form div.col-1 .element {width:200px;}
#content #interactive-tool form div.col-1 .element .no-label {width:198px;}
#content #interactive-tool form div.col-1 .element .no-label label {width:100px;}
#content #interactive-tool form .element input {float:left;}
#content #interactive-tool form .element input.text {
	width:161px !important;
}
#content #interactive-tool form .element select {
	width:170px; /* check it doesn't clash with pages in /forms-additional */
}
#content #interactive-tool form div.col-1 .element select {float:left;}
#content #interactive-tool form div.col-1 .element select.text {width:170px;}
#content #interactive-tool form .element select.wide {width:355px;}
#content #interactive-tool form .element input.button.right {
	float:right;
	padding-right:10px;
}
#content #interactive-tool form div input.text {width:122px;}
#content .third-party div input.text {
	width:250px !important;
}
#content .sign-up div input.card,
#content .third-party div input.card {
	width:51px !important;
}
#content .third-party div input.card {margin-right:5px;}
#content #interactive-tool form .element .additional-info {
	float:left;
	font-size:0.75em;
	margin:0 0 0 8px;
	width:222px;
}
#content #interactive-tool form.mortgage-search div.col-1 p.error {
	margin:10px 0 5px 265px;
}
#content #interactive-tool form div.no-label p.no-label {margin-left:0;}
#content #interactive-tool form div.no-label span {
	display:block;
	float:left;
	clear:both;
	padding-bottom:4px;
	width:190px;
}
#content #interactive-tool form div#mortgageSearchCriteria-q4-extra span {
	float:left;
	clear:none;
	width:auto;
	display:inline;
}
#content #interactive-tool form div#mortgageSearchCriteria-q4-extra div {
	float:left;
	width:130px;
	padding-left:5px;
}
#content #interactive-tool form div#mortgageSearchCriteria-q4-extra div a {padding:0;}
#content #interactive-tool form div#mortgageSearchCriteria-q4-extra div label {padding-left:4px;}
#content #interactive-tool form div#mortgageSearchCriteria-q4-extra div input {margin-left:0px;}
#content #interactive-tool form div.no-label span input {
	clear:none;
	float:left;
}
#content #interactive-tool form div.no-label span label {
	clear:none;
	float:left;
	width:30px;
}
#content #interactive-tool form div.no-label span .error label {float:left;}
#content #interactive-tool  form#mortgage-requirements p.error {
	margin:10px 0 5px 270px;
}
#content #interactive-tool form ul.bordered,
#content #interactive-tool form div.bordered {
	border-bottom:3px solid #F1F4F5;
	overflow:hidden;
}
#content #interactive-tool form div.single-checkbox {margin:0 12px 12px;}
#content #interactive-tool form div.single-checkbox.with-bg {
	padding:6px 12px 12px 12px;
	margin:0 0 12px 0;
	background:#D4DEE3;
	width:663px;
}
#content #interactive-tool form div.single-checkbox.with-bg label {margin-bottom:0px;}
#content #interactive-tool form div.single-checkbox p.error {
	margin-left:0;
	width:auto;
}
#content #interactive-tool form div.single-checkbox p {margin-bottom:0;}
#content #interactive-tool form div.single-checkbox input {
	float:left;
	margin:3px 8px 0 0;
}
#content #interactive-tool form div.single-checkbox label {
	font-weight:normal;
	text-align:left;
	width:auto;
}
#content .third-party div.single-checkbox label {
	width:620px !important;
}
#content #interactive-tool form ul.checkboxes {margin:0 12px 12px;}
#content #interactive-tool form ul.checkboxes label {
	text-align:right;
	width:292px !important;
}
#content #interactive-tool form ul.checkboxes input {margin-left:5px;}
#content #interactive-tool form div.radio-h {margin:0 12px;}
#content #interactive-tool form div.comments label {
	background:#D4DEE3;
	color:#000;
	font:normal 0.937em "Trebuchet MS",Arial,sans-serif !important;
	margin-bottom:2px;
	padding:6px 10px;
	text-align:left;
	width:100% !important;
	width:667px !important;
}
#content #interactive-tool form.plain div.comments {
	background:#D4DEE3;
	clear:both;
	margin-bottom:5px;
	padding-bottom:2px;
	float:left;
	clear:both;
	padding:6px 10px !important;
}
#content #interactive-tool form.plain div.comments label {
	color:#000;
	font:normal 0.937em "Trebuchet MS",Arial,sans-serif !important;
	margin-bottom:2px;
	text-align:left;
	padding:0;
	width:667px !important;
}
#content #interactive-tool form.plain div.element select,
#content #interactive-tool form.plain div.element a {
	float:left;
	margin-right:5px;
}
#content #interactive-tool form.mortgage-search div.col-1 div.comments label {
	width:463px !important;
}
#content #interactive-tool form div.comments label.plain {
	background:#FFF;
	color:#333;
	font:normal 0.75em Verdana,Arial,sans-serif !important;
	margin:10px 0 0;
	padding-bottom:0;
}
#content #interactive-tool form h4.heading {
	background:#D4DEE3;
	color:#000;
	font:normal 0.937em "Trebuchet MS",Arial,sans-serif !important;
	margin-bottom:10px;
	padding:6px 10px;
	clear:both;
}
#content #interactive-tool form div.comments textarea {
	margin:12px;
	width:655px;
}
#content #interactive-tool form div.comments p {
	clear:both; /*margin:0 12px;*/
	margin-left:12px;
	margin-right:12px;
}
#content #interactive-tool form div.left-label label {
	padding-left:10px;
	width:290px !important;
}
#content #interactive-tool form ul.radio {
	padding:10px;
	width:463px;
	float:left;
	clear:both;
	display:inline;
}
#content #interactive-tool form ul.radio li {
	display:block;
	float:left;
	font:bold 0.8em Verdana,Helvetica,sans-serif;
}
#content #interactive-tool form div.col-1 ul.radio li {
	margin-bottom:10px;
	width:100%;
}
#content #interactive-tool form ul.radio li input {
	float:left;
	margin:3px 6px 0 0;
}
#content #interactive-tool form ul.radio li label {
	font:normal 0.95em Verdana,Helvetica,sans-serif !important;
	text-align:left;
}
#content #interactive-tool form div.col-1 ul.radio li label {
	width:380px !important;
}
#content #interactive-tool form ul.radio li label strong {display:block;}
#content #interactive-tool form div.radio-h ul,
#content #interactive-tool form div.comments ul {
	margin:10px 12px;
	overflow:hidden;
	width:365px;
}
#content #interactive-tool form div.radio-h ul li,
#content #interactive-tool form div.comments ul li /* this one may not be necessary ... */ {float:left;}
#content #interactive-tool form div.radio-h ul input,
#content #interactive-tool form div.comments ul input {
	float:left;
	margin-right:5px;
}
#content #interactive-tool form div.radio-h ul label,
#content #interactive-tool form div.comments ul label {
	background:#FFF;
	color:#333;
	float:left;
	font:normal 0.775em/1.45em Verdana,Helvetica,sans-serif !important;
	margin-right:5px;
	padding:0;
	width:auto !important;
}
#content #interactive-tool form select#address-options {margin-bottom:10px;}
#content #interactive-tool form div.confirmation h3 {
	background:none;
	border-top:3px solid #F1F4F5;
	color:#C00;
	font:normal 0.937em "Trebuchet MS",Arial,sans-serif;
	margin-bottom:10px;
	padding:12px 0 0 0;
}
#content #interactive-tool form div.reg-error p {color:#C00;}
#content #interactive-tool form div.confirmation img {float:right;}
#content #interactive-tool form div.spacer,
#content #interactive-tool form div.reg-error,
#content #interactive-tool form div.confirmation {margin:0 12px;}
#content #interactive-tool form div.margined {margin-top:12px;}
#content #interactive-tool form div.confirmation li,
#content ul.bullet-link li {
	background:url(../images/bullets/blt-blue-circle.png) no-repeat 0 2px;
	color:#333;
	font:normal 0.775em/1.45em Verdana,Helvetica,sans-serif;
	padding-bottom:2px;
	padding-left:23px;
}
#content #interactive-tool form div.confirmation li a {
	color:#0083B3;
	text-decoration:none;
}
#content #interactive-tool form div.confirmation li a:hover {
	text-decoration:underline;
}
#content #interactive-tool form div.wrapper .steps {
	background:#7A8F9C;
	clear:both;
	padding:8px 12px;
	width:663px;
}
#content #interactive-tool form hr {
	background:#F1F4F5;
	color:#F1F4F5;
	height:3px;
	margin:8px 12px;
}
#content #interactive-tool table.accounts {
	border-collapse:collapse;
	font:0.85em Verdana,Helvetica,sans-serif;
	margin:0;
	margin-bottom:9px;
	margin-top:-10px;
	width:100%;
}
#content #interactive-tool table.accounts th {
	background:#EAEFF1;
	border-bottom:1px solid #7A8F9C;
	border-right:1px solid #D4DEE3;
	border-top:1px solid #BDC8CE;
	color:#0E89B7;
	font-weight:bold;
	font-size:0.95em;
	padding:8px 12px;
	width:auto;
}
#content #interactive-tool table.accounts tr.heading th {
	color:#000;
	font-family:"Trebuchet MS",arial,serif;
	font-weight:normal;
	font-size:1.2em;
}
#content #interactive-tool table.accounts td {
	border-bottom:1px solid #D4DEE3;
	border-right:1px solid #D4DEE3;
	font-size:0.95em;
	font-weight:normal;
	padding:8px 12px;
}
#content #interactive-tool table.accounts td.first {width:70%;}
#content #interactive-tool table.account-search {
	margin:0;
	width:687px;
}
#content #interactive-tool table.account-search th {
	background:#EAEFF1;
	border-bottom:1px solid #7A8F9C;
	border-top:1px solid #7A8F9C;
	color:#0E89B7;
	font-weight:bold;
	padding:8px 12px;
}
#content #interactive-tool table.account-search td {
	border-bottom:1px solid #D4DEE3;
	font-weight:normal;
	padding:8px 12px;
}
#content #interactive-tool table.account-search th.details,
#content #interactive-tool table.account-search td.details {
	border-left:1px solid #D4DEE3;
	width:40px !important;
}
#content #interactive-tool ol {
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
}
#content #interactive-tool form select#pp_element7,
#content #interactive-tool form select#pp_element8  {width:auto;}
#content .sign-up ul#opt-outs,
#content .third-party ul#opt-outs {margin-top:10px;}
#content .sign-up ul#opt-outs li,
#content .third-party ul#opt-outs li {
	clear:both;
	overflow:hidden;
	margin-bottom:10px;
}
#content .sign-up ul#opt-outs li input,
#content .third-party ul#opt-outs li input {
	float:left;
	margin-right:5px;
}
#content .sign-up ul#opt-outs li label,
#content .third-party ul#opt-outs li label {
	color:#333;
	display:block;
	float:left;
	font:normal 0.775em Verdana,Helvetica,sans-serif;
	width:900px;
}
#content .third-party ul#opt-outs li label {
	text-align:left !important;
	width:610px !important;
}
#content .move-up {margin-top:-30px;}

/* E-commerce pages in third party forms */
#content .third-party table {
	color:#333;
	font:normal 0.775em Verdana,Helvetica,sans-serif;
	margin:0 12px 20px;
}
#content .third-party table th {
	font-weight:normal;
	padding:4px 0;
	width:200px;
}
#content .third-party table td {
	font-weight:bold;
	padding:4px 0;
}
#content .third-party table th.table-heading {
	background:none;
	color:#C00;
	font:normal 1.2em "Trebuchet MS",Arial,sans-serif;
	margin:10px 0;
	padding:8px 0;
}
#content .third-party #cards {
	border-bottom:3px solid #F1F4F5;
	border-top:3px solid #F1F4F5;
	margin:0 12px;
	padding:12px 0;
}
#content .third-party #cards p {
	float:left;
	margin:7px 0 0 0;
	width:250px;
}
#content .third-party #cards ul {margin-bottom:0;}
#content .third-party ul#opt-outs {margin:12px;}
#content .third-party ul#opt-outs li label {padding-top:0;}

/* form elements - form buttons */
#content #interactive-tool #form-buttons,
#content #interactive-tool form #form-buttons {
	border-top:3px solid #F1F4F5;
	clear:both;
	margin:0 12px;
	padding:10px 0;
}
#content #interactive-tool #form-buttons-upper,
#content #interactive-tool form #form-buttons-upper {
	border-bottom:3px solid #F1F4F5;
	margin:0 12px;
	padding:0 0 10px 0;
}
#content #interactive-tool #form-buttons-upper li {
	float:left;
	width:326px;
}
#content #interactive-tool form #form-buttons li a,
#content #interactive-tool form #form-buttons-upper li a {
	font-size:0.8em;
	font-family:Verdana,Helvetica,sans-serif;
}
#content #interactive-tool form #form-buttons li a:hover,
#content #interactive-tool form #form-buttons-upper li a:hover {background:#E6F5FA;}
#content #interactive-tool form #form-buttons li,
#content #interactive-tool form #form-buttons-upper li {display:inline;}
#content #interactive-tool form #form-buttons.not-bordered {
	border:none !important;
}

/* no-step variant */
#content #interactive-tool form.no-steps p#explanation {padding-bottom:15px;}
#content #interactive-tool form.no-steps p.instructions {
	background:url(../images/design/bg-it-nosteps-p-instructions.gif) #EFF3F4 top left no-repeat; /* rounded corners */
}

/* results */
#content #interactive-tool form #results {
	font:normal 1em "Trebuchet MS",Arial,sans-serif;
	margin:0 0 15px 10px;
}
#content #interactive-tool form #results dt {
	float:left;
	padding-right:0.2em;
	text-transform:uppercase;
}
#content #interactive-tool form #results dd {
	color:#C00;
	margin:5px 0;
}

/* search results */
#content form.search-tool {
	margin-top:0 !important;
}
#content .search-top {
	background:url(../images/design/bg-search-results-top.png) no-repeat top left;
}
#content .search-end {
	background:url(../images/design/bg-search-results-end.png) no-repeat top left;
}
#content ol#search-results li {
	border-bottom:1px solid #D4DEE3;
	margin-bottom:10px;
	padding-bottom:15px;
}
#content ol#search-results li.last {
	border-bottom:none;
	padding-bottom:0;
}
#content ol#search-results p {margin-bottom:0;}
#content ol#search-results p.date {
	color:#455866;
	position:absolute;
	right:0;
	top:3px;
}
#content ol#search-results h2 {margin-bottom:0;}
#content ol#search-results a {
	color:#0083B3;
	font:normal 0.775em Verdana,Helvetica,sans-serif;
}

/* form error addition */
#content #form-error-1 {
	overflow:hidden;
	margin-bottom:14px;
}

/* Mortgage Calulator - mortgage-search-results */
/* need to remove the overflow hidden property for the context help*/
#content form.mortgage-search .col-1 div {
	overflow:visible !important;
	padding:0 0 10px 0;
	float:left;
	width:100%;
}
#content form.mortgage-search .col-1 div.no-label {
	width:224px;
	display:inline;
}
#content form.mortgage-search .col-1 div.full-row {
	float:left;
	width:483px;
}
#content #mortgage-search-results table {
	margin-bottom:14px;
	font-family:Verdana;
	border-collapse:collapse;
}
#content #mortgage-search-results table td {
	vertical-align:top;
	line-height:1.5em;
}
#content #mortgage-search-results table td a {color:#0083B3;}
#content #mortgage-search-results table th {
	background:#D4DEE3;
	color:#000000;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:0.937em;
	font-weight:normal;
	margin-bottom:2px;
	padding:6px 10px;
	text-align:left;
}
#content #mortgage-search-results table.regular th {width:667px;}
#content #mortgage-search-results table tr.first td {padding-top:10px;}
#content #mortgage-search-results table td {font-size:0.80em;}
#content #mortgage-search-results table td.left {
	width:413px;
	padding-left:10px;
}
#content #mortgage-search-results table td.right {
	width:220px;
	padding-right:44px;
}
#content #mortgage-search-results h3.fees {
	background:#7A8F9C;
	color:#FFF;
	font-weight:normal;
}
#content #mortgage-search-results table.fees th {
	width:667px;
	font-weight:bold;
}
#content #mortgage-search-results table.fees td,
#content #mortgage-search-results table.fees th  {
	width:119px;
	padding-left:10px;
}
#content #mortgage-search-results table.fees tr.first td,
#content #mortgage-search-results table.fees tr td		  {
	border-top:1px solid #CDD8DE;
	padding-top:4px;
	padding-bottom:4px;
}
#content #mortgage-search-results table.fees td.payable,
#content #mortgage-search-results table.fees th.payable  {width:110px;}
#content #mortgage-search-results table.fees td.accuracy,
#content #mortgage-search-results table.fees th.accuracy {width:120px;}
#content #mortgage-search-results table.regular td.thirds-1 {
	width:278px;
	padding-left:10px;
}
#content #mortgage-search-results table.regular td.thirds-2 {width:268px;}
#content #mortgage-search-results table.regular td.thirds-3 {width:131px;}
#content #mortgage-search-results table.regular td.incentives-copy {
	padding:10px 10px 0 10px;
}
#content #mortgage-search-results table.half {width:687px;}
#content div.fields table.half td,
#content #mortgage-search-results table.half td {font-weight:bold;}
#content #interactive-tool div.fields table.half td {font-weight:normal;}
#content #mortgage-search-results table td.left2 {
	width:276px;
	padding-left:10px;
}
#content #mortgage-search-results table td.right2 {width:401px;}
#content #interactive-tool form #mortgage-search-results #form-buttons-upper {border:0;}
#content ul#mortgage-search-nav,
#content ul#mortgage-search-nav-upper {
	width:687px;
	background:url(../images/design/bg-mortgage-ul.png) bottom left repeat-x;
	overflow:hidden;
	padding:8px 0;
	font:normal 0.75em Verdana,Helvetica,sans-serif;
}
#content ul#mortgage-search-nav li,
#content ul#mortgage-search-nav-upper li {float:left;}
#content ul#mortgage-search-nav li a,
#content ul#mortgage-search-nav-upper li a {
	text-decoration:none;
}
#content #mortgage-search-results ul#mortgage-search-nav li a:hover,
#content #mortgage-search-results ul#mortgage-search-nav-upper li a:hover {
	text-decoration:underline;
}
#content ul#mortgage-search-nav li.one,
#content ul#mortgage-search-nav-upper li.one {
	width:261px;
	padding-left:15px;
	background:url(../images/bullets/blt-mortgage-back.gif) center left no-repeat;
}
#content ul#mortgage-search-nav li.two,
#content ul#mortgage-search-nav-upper li.two {
	width:261px;
	padding-left:15px;
	background:url(../images/bullets/blt-mortgage-up.gif) center left no-repeat;
}
#content ul#mortgage-search-nav li.three,
#content ul#mortgage-search-nav-upper li.three {
	width:117px;
	padding-right:18px;
	text-align:right;
	background:url(../images/bullets/blt-mortgage-fwd.gif) center right no-repeat;
}
#content form.plain {
	background:none !important;
	margin:0 !important;
	width:auto !important;
}
#content form.plain div {
	padding:0 !important;
}
#content form.plain div label {
	font-size:0.75em !important;
}

/* Component ?:product finder help popup */	
#content #interactive-tool form.standard div#help-popup,
#content #interactive-tool div#help-popup,
#content #product-finder div#help-popup,
#content #interactive-tool form div.col-1 div.hidden-box #help-popup
#content #help-popup  {
	position:absolute;
	clear:none;
	margin-top:14px;
	right:20px; 
	/*	background:transparent url(../images/design/bg-contextual-help2-bottom.png) bottom left no-repeat;
	padding:0 0 18px 0 !important;*/
	width:312px !important;
	padding:0;
}
#content form#command div#help-popup,
#content  #interactive-tool div#help-popup  {
	/* This needs to be fixed size */
	font-size:15px;
}
#content form.standard #help-popup #sb,
#content #help-popup #sb,
#content #interactive-tool form div.col-1 div.hidden-box #help-popup #sb  {
	padding:0;
	border:0;
	background:transparent url(../images/design/bg-contextual-help2-bottom.png) bottom left no-repeat;
	width:312px;
	padding:0 0 16px 0 !important;
}
#content #help-popup p,
#content #interactive-tool form div.col-1 div.hidden-box #help-popup p  {
	width:280px;
	padding:12px 16px 12px 16px;
	margin:0 !important;
	text-align:left;
	background:transparent url(../images/design/bg-contextual-help2-top.png) top left no-repeat;
}
#help-popup strong {
	color:#015156;
	display:block;
	font:normal 1.635em "Trebuchet MS",Arial,sans-serif;
	margin:0 25px 5px 0;
}
#content #help-popup #sb {
	padding:10px 15px;
	margin:0;
}
#content #help-popup #sb br {display:none;}
#content #help-popup #help-close {
	float:right;
	display:block;
	height:20px;
	width:20px;
	background:url(../images/icons/help-popup-close.png) no-repeat left top;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
}
#product-table ul li .image-and-awards a img {
	height:100px;
	width:100px;
}

/*  Fix for z-index selects bug
Specific to IE6 but included here just in case...
 */
#content #help-popup  {
	position:absolute;
	overflow:hidden !important; /*must have*/
	z-index:1;
	visibility:hidden;
}
div#help-popup iframe  {
	display:none; /*sorry for IE5*/
	display:block; /*sorry for IE5*/
	position:absolute !important; /*must have*/
	top:0; /*must have*/
	left:0; /*must have*/
	z-index:-100 !important; /*must have*/
	filter:mask(); /*must have*/
	border:0;
	width:3000px; /*must have for any big value*/
	height:3000px; /*must have for any big value*/
}