@charset "UTF-8";


body {
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/common/background-grad.gif);
	background-repeat: repeat-x;
	background-color: #D7D8D8;
	
}
* {
	margin: 0px;
	padding: 0px;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
a {
	color: #FF0000;
}
ul {
	list-style-type: none;
}
.clearfloats {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
	display: block;
	width: 100%;
}

#accesslinks {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 5px;
	padding-right: 13px;
	padding-bottom: 5px;
	padding-left: 13px;
	position: relative;
}


div#accesslinks p {
	visibility: hidden;
}

div#accesslinks ul {
	list-style-type: none;
	margin: 0px;
	padding: 5px 13px;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 930px;
}

div#accesslinks ul li {}

div#accesslinks ul li a {
	display: block;
	position: absolute;
	z-index: 100;
	left: -2000px;
	background-color: #000000;
	padding: 5px 13px;
}

#accesslinks ul li a:focus {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000000;
	position: absolute;
	z-index: 100;
	left: 0px;
	font-size: 1.2em;
	text-decoration: none;
	top: 0px;
	width: 930px;
	padding: 10;
}

#pagewrapper {
	width: 930px;
	padding: 13px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C2C1C0;
	position: relative;
	top: -20px;
}

#pagewrapper.calculator {
	width: 760px;
	top: 0px
}

#header {
	border: 2px solid #FF0000;
	float: left;
	width: 926px;
	background-image: url(../images/common/header-grad.gif);
	background-repeat: repeat-x;
}

.calculator #header{width:756px;margin-bottom:20px;}

#header .logo {
	display: block;
	float: left;
	
	width: 180px;

}

#header div.rightalign {
	height: 69px;
		width: 565px;
	float: left;
	text-align: right;
}

#header div.rightalign div {float:right;}

#header div.rightalign div.login {
	padding: 7px 15px 15px;
	text-align: left;
	width: 280px;
}

#header div.rightalign div.login p {
	font-size: 1.4em;
}

#header div.rightalign div.login p.line1 {
	padding-bottom: 10px;
}

#header div.rightalign div.login p.line1 a {
	background-position: 174px;
	background-image: none;
	position: relative;
	top: -24px;
	left: 180px;
	height: 23px;
	width: 104px;
	margin: 0px 0px -24px;
	padding: 0px;
}
#header div.rightalign div.login p.line1 img {
	position: relative;
	top: 4px;
}



#header div.rightalign div.login p a {
	color: #000000;
	text-decoration: none;
	background-image: url(../images/common/red-arrow-7by12.gif);
	display: block;
	background-repeat: no-repeat;
	background-position: right center;
	width: 260px;
	
}

#header div.rightalign div.login p.line2 a {
	background-position: right 2px;
	width: 184px;	
}

#header div.rightalign div.login p a:hover {}

#greybar {
	clear: left;
	height: 65px;
	background-image: url(../images/common/greybar-back.gif);
	background-repeat: repeat-x;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C2C1C0;
	float: left;
	width: 930px;
	position: relative;
	
	z-index: 2000;
}

/* DR Additions for testing - 20 Oct 2009 */
div#progress {}
div#progress ul li {float:left; padding-right:20px;}
div#progress ul li.selected {font-weight:bold;}

span.tooltip {display: none;}
span.tooltip:hover {display: block;
   position: absolute; top: 200px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}

/* End of additions */

#search {
	width: 164px;
	float: left;
	padding: 6px 8px 8px;
}

#search label {
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	padding-bottom: 4px;
}

#search input {
	width: 128px;
	padding: 1px;
	margin-right: 2px;
}

.feedback {
	}

.feedback ul {
	padding-top: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C2C1C1;
	float: left;
	width: 750px;
	margin-bottom: 6px;
}

.feedback ul li {
	display: block;
	float: left;
	position: relative;
	z-index: 2000;
}

.feedback ul li a {
	display: block;
	float: left;
	height: 19px;
	padding-right: 16px;
	padding-left: 16px;
	background-color: #868686;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	margin-right: 2px;
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 8px;
	border-top-width: 2px;
	border-bottom-width: 5px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #D1CFCF;
	border-bottom-color: #545454;
}

.feedback ul li a:focus {background-color: #000000;}

.feedback ul li a:hover {}

.feedback ul li ul {display:none;}

.feedback ul li:hover ul {
	display:block;
	position: absolute;
	top: 30px;
	left: 0px;
	width: 202px; /*border-bottom: none;*/
	border-bottom-color: #333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
}

.feedback ul#topnav li.over ul li a {float: none; height: auto; background-color: #fff; border-top:none; border-bottom: solid 1px #ccc; width: 168px;color: #333; text-align: left; font-weight: normal; padding-bottom: 8px;border-left: solid 1px #ccc;border-right: solid 1px #ccc;}

.feedback ul#topnav li.over ul li a:hover {background-color: #eaeaea;}

.feedback ul#topnav li.over ul {
	display:block;
	position: absolute;
	top: 30px;
	left: 0px;
	width: 202px; /*border-bottom: none;*/
	border-bottom-color: #333;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #333;
}

.feedback ul li:hover ul li a {float: none; height: auto; background-color: #fff; border-top:none; border-bottom: solid 1px #ccc; width: 168px;color: #333; text-align: left; font-weight: normal; padding-bottom: 8px;border-left: solid 1px #ccc;border-right: solid 1px #ccc;}

.feedback ul li:hover ul li a:hover {background-color: #eaeaea;}

.feedback p.breadcrumb {
}

.feedback p.breadcrumb span {
	display: block;
	float: left;
	padding-left: 9px;
	background-image: url(../images/common/breadcrumb-arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-right: 5px;
}

.feedback p.breadcrumb span a {}

.feedback p.breadcrumb span a:focus {background-color: #000000;color:#ffffff;}

.feedback p.breadcrumb span a:hover {}

div.actions {
	position: absolute;
	left: 800px;
	top: 20px;
}

div.actions p a.signup {
	color: #000000;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	background-image: url(../images/common/red-arrow-4by8.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	width: 10em;
	margin-bottom: 10px;
	margin-left: 8px;
}

div.actions p a.signup:focus {background-color: #000000; color:#ffffff;}

#nav {
	width: 180px;
	float: left;
}

#nav ul {

}

#nav ul li {}

#nav ul li a {
	display: block;
	background-color: #E2E2E2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ACACAB;
	color: #000000;
	text-decoration: none;
	font-size: 1.3em;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 10px;
	padding-left: 10px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ACACAB;
	border-left-color: #ACACAB;
}

#nav ul li a:hover {
	color: #000000;
	background-color: #FFFFFF;
}

#nav ul li a:focus {color: #FFFFFF;
	background-color: #000000;}

#nav ul li.on a {
	color: #FF0000;
	background-color: #FFFFFF;
}

#nav ul li ul {}

#nav ul li ul li {}

#nav ul li.on ul li a {
	color: #000000;
	
}

#nav ul li ul li a {
padding-left: 20px;
}

#nav ul li ul li a:focus  {color: #FFFFFF;
	background-color: #000000;}

#nav ul li ul li a:hover {
	color: #000000;
	background-color: #FFFFFF;
	}

#nav ul li ul li.on a {
	color: #FF0000;
}

#nav ul li.on ul li ul li a {
	color: #000000;
	
}

#nav ul li ul li ul li a {
padding-left: 30px;
}

#nav ul li ul li ul li a:focus  {color: #FFFFFF;
	background-color: #000000;}

#nav ul li ul li ul li a:hover {
	color: #000000;
	background-color: #FFFFFF;
	}

#nav ul li ul li ul li.on a {
	color: #FF0000;
}


#footer {
	width: 930px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}

#footer ul {
	position: relative;
	left: -4px;
	float: left;
	padding-bottom: 10px;
}

#footer ul li {
	display: block;
	float: left;
}

#footer ul li a {
	font-size: 1.1em;
	color: #000000;
	text-decoration: none;
	display: block;
	float: left;
	padding-right: 4px;
	padding-left: 4px;
	height: 11px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	padding-top: 1px;
}

#footer ul li a:focus {color: #FFFFFF;
	background-color: #000000;}

#footer ul li:last-child a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#footer ul li a:hover {}

#footer p {
	clear: left;
	font-size: 1.1em;
	color: #616261;
}






.padding {
	padding-top: 8px;
	padding-left: 8px;
	float: left;
}

.newsticker {
	border: 1px solid #C2C1C0;
	width: 724px;
	padding: 8px;
	z-index-: 20;
}

.newsticker a {
	text-decoration: none;
	display: block;
}

.newsticker a span.scrollerheader {
	font-size: 1.8em;
	color: #FF0000;
	line-height: 1.5em;
	text-decoration: none;
}

.newsticker a span.scrollerheader span {
	color: #000000;
}

.newsticker a span.scrollerp {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #000000;
	text-decoration: none;
}

.newsticker a span.scrollerp span.red {
	background-image: url(../images/common/red-arrow-4by8.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
	display: inline-block;
	color: #FF0000;
}


.threecolumnwrapper {
	/*float: left;*/
	width: 742px;
	padding-top: 8px;
}

.threecolumnwrapper div.column {
	float: left;
	width: 242px;	
}

.threecolumnwrapper div.column.rightmargin {
	margin-right: 6px;
}

.threecolumnwrapper2 {
/*	float: left;*/
	width: 742px;
	padding-top: 8px;
}

.threecolumnwrapper2 div.column {
	float: left;
	width: 242px;	
}

.threecolumnwrapper2 div.column.rightmargin {
	margin-right: 6px;
}

.blocktype1 {
	background-color: #FF0000;
	border: 1px solid #C2C1C0;
	background-image: url(../images/common/red-panel-base.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 8px;
}

.blocktype1 div.top {
	padding: 15px;
	background-image: url(../images/common/red-panel-top.gif);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 140px;
}

.blocktype1 span.top {
	padding: 15px;
	background-image: url(../images/common/red-panel-top.gif);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 140px; display: block;
}

.blocktype1 div p.line1 {
	font-size: 5.2em;
	font-weight: bold;
	color: #FFFFFF;display: block;
}

.blocktype1 div p.line2 {
	font-size: 1.6em;
	color: #FFFFFF;
	line-height: 1.9em;
}

.blocktype1 div p.line3 {
	font-size: 1.3em;
	color: #FFFFFF;
}

.blocktype1 div p.line3 a {
	color: #FFFFFF;
	text-decoration: none;
}

.blocktype1 a span span.line1 {
	font-size: 5.2em;
	font-weight: bold;
	color: #FFFFFF; display: block;
}

.blocktype1 a span span.line2 {
	font-size: 1.6em;
	color: #FFFFFF;
	line-height: 1.9em; display: block;
}

.blocktype1 a span span.line3 {
	font-size: 1.3em;
	color: #FFFFFF; display: block;
}

.blocktype1 a span span.line3 a {
	color: #FFFFFF;
	text-decoration: none;
}

.blocktype1 div span.line3 a:hover {}

.blocktype2 {
	background-color: #FF0000;
	border: 1px solid #C2C1C0;
	background-image: url(../images/common/red-panel-base.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 8px;
}

.blocktype2 div.top {
	padding: 15px;
	background-image: url(../images/common/red-panel-top.gif);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 140px; display: block;
}

.blocktype2 div p.line1 {
	font-size: 2.4em;
	font-weight: bold;
	color: #FFFFFF;
}

.blocktype2 div p.line2 {
	font-size: 3.0em;
	color: #FFFFFF;
	font-weight: bold;
	
}

.blocktype2 div p.line3 {
	font-size: 2.4em;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 8px;
	
}

.blocktype2 div p.line4 {
	font-size: 1.3em;
	color: #FFFFFF;
	
}

.blocktype2 div p.line4 a {
	color: #FFFFFF;
	text-decoration: none;
}

.blocktype2 a span.top {
	padding: 15px;
	background-image: url(../images/common/red-panel-top.gif);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 140px; display: block;
}

.blocktype2 a span span.line1 {
	font-size: 2.4em;
	font-weight: bold;
	color: #FFFFFF; display: block;
}

.blocktype2 a span span.line2 {
	font-size: 3.0em;
	color: #FFFFFF;
	font-weight: bold; display: block;
	
}

.blocktype2 a span span.line3 {
	font-size: 2.4em;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 8px; display: block;
	
}

.blocktype2 a span span.line4 {
	font-size: 1.3em;
	color: #FFFFFF; display: block;
	
}

.blocktype2 span span.line4 a {
	color: #FFFFFF;
	text-decoration: none;
}

.blocktype2 div p.line4 a:hover {}

.blocktype3 {
	background-color: #FF0000;
	border: 1px solid #C2C1C0;
	background-image: url(../images/common/red-panel-base.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 8px;
}

.blocktype3 div.top {
	padding: 15px;
	background-image: url(../images/common/red-panel-top.gif);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 140px; display: block;
}

.blocktype3 div p.line1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
}

.blocktype3 div p.line2 {
	font-size: 5em;
	color: #FFFFFF;
	font-weight: bold;
	
}

.blocktype3 div p.line3 {
	font-size: 1.6em;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 8px;
	
}

.blocktype3 div p.line4 {
	font-size: 1.3em;
	color: #FFFFFF;
	
}

.blocktype3 div p.line4 a {
	color: #FFFFFF;
	text-decoration: none;
}

.blocktype3 div p.line4 a:hover {}

.blocktype3 a span.top {
	padding: 15px;
	background-image: url(../images/common/red-panel-top.gif);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 140px; display: block;
}

.blocktype3 a span span.line1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF; display: block;
}

.blocktype3 a span span.line2 {
	font-size: 5em;
	color: #FFFFFF;
	font-weight: bold; display: block;
	
}

.blocktype3 a span span.line3 {
	font-size: 1.6em;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 8px; display: block;
	
}

.blocktype3 a span span.line4 {
	font-size: 1.3em;
	color: #FFFFFF; display: block;
	
}

.blocktype3 span span.line4 a {
	color: #FFFFFF;
	text-decoration: none;
}

.blocktype3 span span.line4 a:hover {}


.blocktype5 {
	background-color: #E8E8E8;
	border: 1px solid #C2C1C0;
	background-image: url(../images/common/grey-panel-base.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 8px;
}

.blocktype5 div.top {
	padding: 15px;
	min-height: 140px;
}

.blocktype5 div p.line1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #FF0000;
	padding-bottom: 8px;
}

.blocktype5 div p {
	font-size: 1.3em;
	color: #000000;
	font-weight: bold;
	
}

.blocktype5 div p a {
	color: #000000;
	text-decoration: none;
}

.blocktype5 div p a:hover {}

.blocktype5 {
	background-color: #E8E8E8;
	border: 1px solid #C2C1C0;
	background-image: url(../images/common/grey-panel-base.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 8px;
}

.blocktype5 span.top {
	padding: 15px;
	min-height: 140px; display: block;
}

.blocktype5 span span.line1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #FF0000;
	padding-bottom: 8px;
}

.blocktype5 span span {
	font-size: 1.3em;
	color: #000000;
	font-weight: bold;
	
}

.blocktype5 span span a {
	color: #000000;
	text-decoration: none;
}

.blocktype5 span span a:hover {}

.redbutton {
	background-color: #FF0000;
	border: 1px solid #C2C1C0;
	background-image: url(../images/common/red-panel-base.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 8px;
}

.redbutton div.top {
	
	background-image: url(../images/common/red-panel-top.gif);
	background-repeat: repeat-x;
	background-position: top;
	/*min-height: 140px;*/
}

.redbutton div.top a {font-size: 1.4em;
	font-weight: normal;
	color: #FFFFFF;text-decoration:none;display:block;padding: 15px;}
	
.calcbtns div.redbutton div.top a {
	min-height: 70px;
}


.myfavourites {
	border: 1px solid #C2C1C0;
	margin-bottom: 8px;
}

.myfavourites p.header {
	background-color: #FF0000;
	padding: 6px;
	position: relative;
}

.myfavourites p img {
	border: 1px solid #C2C1C0;
}

.myfavourites p span {
	font-size: 1.5em;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
	position: absolute;
	left: 32px;
	top: 7px;
}

.myfavourites p a.info {
	float: right;
}

.myfavourites ol {
	margin-left: 30px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 1.3em;
}

.myfavourites ol li {}

.myfavourites ol li a {
	color: #000000;
	
}

.myfavourites ol li a img {padding-left: 8px;}



.myfavourites ol li a:hover {}

.myfavourites ol li span.info {
	display: block;
	float: right;
	margin-top: 2px;
}

.myfavourites div.favouritesintro {
	padding: 10px;
	font-size: 1.3em;
	line-height: 1.2em;
}


.myfavouritesicon2 {
	position: relative;
	top: 8px;
	margin-top: -8px;
}

.myfavourites div.notfound {padding:10px;}

.myfavourites div.notfound p {font-size:1.3em;padding-bottom:8px;}

.myfavourites div.notfound p img {
display:block;
margin-top:8px;
margin-left:80px;}

div.bodytext {
	float: left;
	width: 742px;
}

div.bodytext.literature {
	float: left;
	width: 500px;
}

div.bodytext h1 {
	font-size: 1.6em;
	color: #FE0000;
	font-weight: bold;
	padding-bottom: 12px;
}

div.bodytext h2 {
	font-size: 1.4em;
	color: #FE0000;
	font-weight: bold;
	padding-bottom: 12px;
}

div.bodytext h3 {
	font-size: 1.4em;
	color: #666666;
	font-weight: bold;
	padding-bottom: 12px;
}

div.bodytext div#criteria h3 {
	color: #FFFFFF;
	font-size: 1.3em;
	padding: 4px;
	margin: 0px;
	height: 1em;
	background-color: #868686;
	margin-bottom:3px;
}

div.bodytext div#criteria h3:hover {cursor:pointer;}

div.bodytext div#criteria h3.open {background-color: #F70012;}

div.bodytext div#criteria h3 span {display: block;
	float: right;
	padding-right: 12px;
	background-image: url(/images/common/closed-white.gif);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
	padding-top: 0px;
	margin-right: 6px;
	font-weight:normal;
}


div.bodytext div#criteria h3.open span {background-image: url(/images/common/open-white.gif);}

div.bodytext  div#faq h3 {
	
	color: #FE0000;

}

div.bodytext p {
	font-size: 1.3em;
	padding-bottom: 12px;
}



.tcfinfo {
	clear: both;
	text-align: right;
	padding-top: 60px;
}

div.bodytext h3.tableheading {
	font-size: 1.3em;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF0000;
	padding: 4px;
	margin: 0px;
}

div.bodytext h3.tableheading span {
	font-weight: normal;
}

div.bodytext table {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cfcfcf;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cfcfcf;
	margin-bottom: 20px;
}

div.bodytext table tr {}

div.bodytext table tr th {
	padding: 6px;
	background-color: #C2C1C1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cfcfcf;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.3em;
}

div.bodytext table tr td {
	padding: 6px;
	font-size: 1.3em;
	line-height: 1.3em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cfcfcf;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cfcfcf;
	vertical-align: top;
}
/*div.bodytext table.datatable {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cfcfcf;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cfcfcf;
	margin-bottom: 20px;
}

div.bodytext table.datatable tr {}

div.bodytext table.datatable tr th {
	padding: 6px;
	background-color: #C2C1C1;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cfcfcf;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	font-size: 1.3em;
	line-height: 1.3em;
}

div.bodytext table.datatable tr td {
	padding: 6px;
	font-size: 1.3em;
	line-height: 1.3em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cfcfcf;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cfcfcf;
	vertical-align: top;
}*/

.collapsable {
	padding: 6px;
	border: 1px solid #C2C1C0;
	background-color: #E2E2E2;
}

.collapsable.open {
	padding: 6px;
	border: 1px solid #C2C1C0;
	background-color: #FFFFFF;
}

.collapsable a.expander {
	display: block;
	float: right;
	padding-right: 12px;
	background-image: url(../images/common/closed.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.collapsable.open a.expander {
	background-image: url(../images/common/open.gif);
}

.bodytext div.collapsable h2 {
	color: #000000;
	padding-bottom: 6px;
}

.bodytext div.collapsable h2 span {
	font-weight: normal;
	color: #666666;
	font-size: 0.9em;
	padding-left: 10px;
	font-style: italic;
}

.bodytext p.small {font-size: 0.9em;}

.collapsable p {}



.collapsable div {
	display: none;
}

.collapsable.open div {
	display: block;
}

.collapsable.open div {}

.literature .collapsable {
	border: 1px solid #C2C1C0;
	background-color: #868686;
	padding: 0px;
}

.literature .collapsable.open {
	padding: 0px;
	border: 1px solid #C2C1C0;
	background-color: #F70012;
}

.literature .collapsable a.expander {
	display: block;
	float: right;
	padding-right: 12px;
	background-image: url(../images/common/closed-white.gif);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
	padding-top: 4px;
	margin-right: 6px;
}

.literature .collapsable.open a.expander {
	background-image: url(../images/common/open-white.gif);
}

.bodytext.literature div h2 {
	color: #FFFFFF;
	font-size: 1.3em;
	padding: 4px;
	margin: 0px;
	height: 1em;
	background-color: #868686;
	margin-bottom:3px;
}

.bodytext.literature div h2:hover {cursor:pointer;}

.bodytext.literature div h2.open {background-color: #F70012;}

.bodytext.literature div h2 span {display: block;
	float: right;
	padding-right: 12px;
	background-image: url(/images/common/closed-white.gif);
	background-repeat: no-repeat;
	background-position: right;
	color: #FFFFFF;
	padding-top: 0px;
	margin-right: 6px;
	font-weight:normal;
}

.bodytext.literature div h2.open span {background-image: url(/images/common/open-white.gif);}

.literature  div p {
	clear: left;
}



.literature  div div {
	display: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.literature div div {
	display: block;
	padding: 6px;
	background-color: #FFFFFF;
}

.literature div div {}

.literature  div div ul {}

.literature  div div ul li {
	display: block;
	position: relative;
	font-size: 1.3em;
	padding: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #868686;
	position: relative;
	list-style-image: none;
	list-style-type: none;	
}

.literature div div ul li:last-child {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.literature div div ul li:hover {
	cursor: pointer;
}

.literature  div div ul li a {
	text-decoration:none;
	color:#000000;
}

.literature  div div ul li a span.callout {
	font-weight: bold;
	
}

.literature  div div ul li a:hover span.callout {
	color: #FF0000;
}

.literature  div div ul li span.download {
	position: absolute;
	left: 490px;
	top: 0px;
	width: 242px;
	visibility: hidden;
	}

.literature  div div ul li:hover span.download {

	visibility: visible;
}

.literature div div ul li span.download {
	display: block;
	position: absolute;
	color: #000000;
	text-decoration: none;
}

.literature div div ul li span.download img {
	display: block;
	border: 1px solid #FF0000;
	padding: 0px;
	margin-bottom: 4px;
}

.literature  div div ul li img {
	display: block;
	float: left;
	border: 1px solid #868686;
	margin-right: 12px;
}

.literature  div div ul li:hover img {
	border: 1px solid #FF0000;	
}

.additionsregister {
	background-color: #DBDBDB;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CAC8C8;
	border-bottom-color: #CAC8C8;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 10px 6px 10px 15px;
	background-image: url(../images/common/arrow-4-by-8-red-gry.gif);
	background-repeat: no-repeat;
	background-position: 6px center;
	font-size: 1.4em;
}

.collapsable div {
	
}

.collapsable div p label {
	display: block;
	float: left;
	padding-right: 8px;
	width: 150px;
}

.collapsable div p input.textfield100 {
	width: 308px;
	border: 1px solid #9f9f9f;
}

.btns {
	text-align: right;
	padding-right: 10px;
	margin-top: -32px;
}

.btns img {
	padding-left: 10px;
}

.btn {
	text-align: right;
	padding-right: 80px;
	margin-top: -32px;
}

.btn2 {
	text-align: right;
	padding-right: 79px;
	
}

div.bodytext ul {
	list-style-image: url(../images/common/round-bullet.gif);
	list-style-type: none;
	margin-left: 14px;
}

div.bodytext ul li {	font-size: 1.3em;
	padding-bottom: 12px;}
	
	
	
	div.bodytext ul li ul {padding-top: 12px;list-style-image: url(../images/common/dash-bullet.gif);
	list-style-type: none;
	margin-left: 14px;}
	
	div.bodytext ul li  ul li{	font-size: 1em;
	}




div.bodytext ol {
	margin-left:20px;
	list-style-type: decimal;
}

div.bodytext ol li {	font-size: 1.3em;
	padding-bottom: 12px;}
	
#pagewrapper div#calculator {width:760px;}
	
	#pagewrapper div#calculator table {}
	
	#pagewrapper div#calculator table caption {
	text-align: left;
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF0000;
	padding: 4px;
	margin: 0px 0px 4px;
	
}
	
#pagewrapper div#calculator table tr {}
	
	#pagewrapper div#calculator table tr td {
	font-size: 1.2em;
	vertical-align: top;
}
	
	#pagewrapper div#calculator table tr td input {
	border: 1px solid #cfcfcf;
	padding:2px;
	
}

#pagewrapper.calculator div.label {font-size: 1.2em;}

#pagewrapper.calculator div.field input {
	border: 1px solid #cfcfcf;
	padding:2px;
	
}



#pagewrapper.calculator div div.field table {width:400px;}

#pagewrapper.calculator div div.field table tr td {
	width:200px;

	margin: 0px;
	padding: 0px;
}

#pagewrapper.calculator div.field table tr td input {
	border:none;
}

#pagewrapper.calculator div.field table tr td label {
	font-size: 1.2em;
	display: block;
	float: left;
	padding-left: 24px;
	margin-top:-14px;
	width:200px;
	
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.affordability #pagewrapper.calculator div.field table tr td label  {width:70px;}



#pagewrapper.calculator  h1 {
	font-size: 1.6em;
	color: #FE0000;
	font-weight: bold;
	padding-bottom: 12px;
}



#pagewrapper div.calculator  h2 {
	font-size: 1.4em;
	color: #FE0000;
	font-weight: bold;
	padding-bottom: 20px;
	
}


#pagewrapper div#calculator  p.isleofman {
	font-size: 1.2em;
	padding-bottom: 20px;
	clear: both;
}

#pagewrapper div#calculator  p.isleofman label {}

#pagewrapper div#calculator  p.isleofman input {}

#pagewrapper div#calculator .top {padding-bottom:20px;}

#pagewrapper div#calculator input {
	border: 1px solid #cfcfcf;
	padding:2px;
	
}

#pagewrapper div#calculator div.label {
	
	font-size: 1.2em;
	padding-bottom:4px;
	
}

#pagewrapper div#calculator div.field {
	
	font-size: 1.2em;
	padding-bottom:4px;
	
	
}

#pagewrapper div#calculator div.floatedsection {}

#pagewrapper div#calculator div.floatedsection div.singleline {

	clear: left;
}

#pagewrapper div#calculator div.floatedsection div div.label {
	font-size: 1.2em;
	padding-bottom:4px;
	float: left;
	width: 150px;
}

#pagewrapper div#calculator div.floatedsection div div.field {
	width:550px;
	font-size: 1.2em;
	padding-bottom:4px;
	float: left;
	
	
}

#pagewrapper div#calculator div.floatedsection div div.field input {
	margin-bottom: 4px;
}


#pagewrapper div#calculator legend {
	font-size: 1.2em;
	border:none;
	margin: 0px;
	padding: 0px;
}

#pagewrapper div#calculator fieldset { border:none;padding-top:12px;padding-bottom:12px;}

#pagewrapper div#calculator div.buttons input {background-color: #FE0000; color:#ffffff; font-size: 1.2em; border:none;}

#pagewrapper div#calculator div.buttons input:hover {
	background-color: #D7D8D8;cursor:pointer;
}	

#pagewrapper.calculator div.buttons
{
    margin-top:50px;
	text-align:center;
}

#pagewrapper.calculator div.buttons input {background-color: #FE0000; color:#ffffff;width:160px;}

#pagewrapper.calculator div.buttons input:hover {
	background-color: #D7D8D8;cursor:pointer;
}

/*.affordability #pagewrapper.calculator div.buttons input {width:auto;}*/

#pagewrapper.calculator  h2 {
	font-size: 1.4em;
	color: #FE0000;
	font-weight: bold;
	padding-bottom: 20px;
	
}

#pagewrapper.calculator div table.resultstable {
	width: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cfcfcf;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF0000;
	margin: 0px;
	padding: 0px;
	collapse:collapse;
}

#pagewrapper.calculator div table.resultstable caption {
	font-size: 1.2em;
	color: #FFFFFF;
	background-color: #FF0000;
	text-align: left;
	padding: 4px;
}

#pagewrapper.calculator div table.resultstable tr {}

#pagewrapper.calculator div table.resultstable tr th {
	font-size: 1.2em;
	color: #000000;
	background-color: #C2C1C1;
	padding: 2px;
	text-align: left;
	width: auto;
	font-weight: normal;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #cfcfcf;
	border-bottom-color: #cfcfcf;
	margin: 0px;
}

#pagewrapper.calculator div table.resultstable tr td {
	font-size: 1.2em;
	width: 200px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #cfcfcf;
	border-bottom-color: #cfcfcf;
	margin: 0px;
	padding: 0px;
}

#pagewrapper.calculator div p {font-size: 1.2em;padding-bottom:8px;}

#pagewrapper.calculator span.currency {
	font-size: 1.2em;
	display:block;
	float:left;
	width: 20px;
	padding-top:4px;
	
}

#pagewrapper.calculator div.field {
	float:left;
	width:300px;
	
}

#pagewrapper.calculator div.field input {width:75px;}

#pagewrapper.calculator div.field span {font-size: 1.2em;
	
	padding-left:10px;
	padding-top:4px;} 
	
	#pagewrapper.calculator div.field span.result {
	padding:4px 2px 2px;
	font-weight: bold;
	color: #000000;
	display: block;
}


	

#flashcontent {
	padding-left: 8px;
}

#flashcontent p {
	text-align: center;
	padding: 10px;
}


/*** SEARCH ***/

.srpanel {
	background-color: #E8E8E8;
	border: 1px solid #C2C1C0;
	padding: 8px;
}

.srpanel h2 {padding-left: 70px;}

.srpanel p {padding-left: 70px;}



#pagewrapper div div div p.paging {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #ACACAB;
	border-bottom-color: #ACACAB;
	margin: 0px;
	padding: 4px 4px 8px;
}

.paging a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding: 2px 10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	float: right;
	background-color: #FF0000;
	margin: 0px;
}

.paging a:hover {
	color: #000000;
	background-color: #E2E2E2;
}


.staticmodal {
	background-color: #FF0000;
	padding: 10px;
}

.staticmodal div.modalleft {
	width:370px;
	background-color: #FFFFFF;
	min-height: 200px;
	background-image: url(../images/common/my-favourites-modal-icon.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	padding-left: 60px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 10px;
	float: left;
}

.staticmodal div.modalleft h1 {
	font-size: 1.4em;
	color: #FF0000;
	padding-bottom: 12px;
}

.staticmodal div.modalleft ol {
	margin-left: 20px;
}

.staticmodal  div.modalleft ol li {
	clear: left;
	height: 1.5em;
}

.staticmodal div.modalleft ol li a {
	font-size: 1.2em;
	display: block;
	float: left;
	width: 300px;
	color: #000000;
}

.staticmodal div.modalleft ol li span.up a {
	display: block;
	float: left;
	width: 11px;
}

.staticmodal div.modalleft  ol li span.down a {
	display: block;
	float: left;
		width: 11px;
}

.staticmodal div.modalright {
	float: left;
	width: 230px;
	padding-left: 25px;
}

.staticmodal div.modalright img {
	display: block;
	float: left;
	padding-right: 4px;
}

.staticmodal div.modalright p {
	color: #FFFFFF;
}

.alignright {
	text-align: right;
}



a.positionright {
	color: #FFFFFF;
	float: right;
	background-image: url(../images/common/scalable-buttonback-right.gif);
	background-repeat: no-repeat;
	display: block;
	padding-right: 4px;
	background-position: right top;
	text-decoration: none;
}

a.positionright span {
	background-image: url(../images/common/scalable-buttonback-left.gif);
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 4px 4px 8px;
	height: 15px;
	background-repeat: no-repeat;
	width: auto;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}

a.positionright {cursor:pointer;}

.twocolumnwrapper div.column {
	float: left;
	width: 300px;
	min-height:150px;
}

.rightcolumnthree {float:left;width:226px;padding-left:14px;}

.rightcolumnthree p {
	font-size: 1.4em;
	margin-bottom:4px;

}

.rightcolumnthree p a {
	background-color: #DBDBDB;
	color:#000000;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CAC8C8;
	border-bottom-color: #CAC8C8;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 10px 6px 10px 15px;
	background-image: url(../images/common/arrow-4-by-8-red-gry.gif);
	background-repeat: no-repeat;
	background-position: 6px 14px;	/*font-size: 1.4em;*/

}

.rightcolumnthree p a:hover {}

.bdm {}

.bdm p {}

.bdm p span {
	display: block;
	float: left;
	width: 180px;
	color: #FF0000;
	font-weight:bold;
}



.bdm div span {
	display: block;
	float: left;
	width: 180px;
	color: #FF0000;
	font-size:1.2em;
	font-weight:bold;
}

.bdm div p {
	padding-left:180px;
	
}

div.myfavouritespage {
	padding-top: 8px;
	padding-bottom: 8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #B5B4B3;
	border-bottom-color: #B5B4B3;
}



div.myfavouritespage ol li {
	clear:left;
	position: relative;
	}
	
	

div.myfavouritespage ol li span.linktext {
	display: block;
	/*float: left;*/
	width: 200px;
}

div.myfavouritespage ol li span.linktext a {color:#000;}

div.myfavouritespage ol li span.move {
	display: block;
	position: absolute;
	left: 210px;
	top: 0px;
}

div.myfavouritespage ol li span.move span.up {
	display: block;
position: absolute;
left: 0px;
	top: 0px;

}

div.myfavouritespage ol li span.move span.down {display: block;
	position: absolute;
	left:14px;
	top: 0px;
}

div.myfavouritespage ol li span.move span.delete {display: block;
position: absolute;
left: 28px;
	top: 0px;
}

.login {}

.login p {
	clear: left;
	padding-bottom: 12px;
}

.login p label {
	display: block;
	float: left;
	width: 200px;
}

.login p input {
	padding: 2px;
	border: 1px solid #C2C1C0;
	width: 250px
}

div.loginbtn  {
	text-align: right;
	width:450px;
}

div.loginbtn input {
	color: #FFFFFF;
	background-color: #FF0000;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 4px;
	padding-left: 8px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

div.loginbtn input:hover {color:#000; background-color: #C2C1C0;cursor:pointer;}



/* Full block anchor styles */



.blocktype1 div.top a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	
}

.blocktype1 div a span.line1 {
	font-size: 5.2em;
	font-weight: bold;
	color: #FFFFFF;
	display: block;
}

.blocktype1 div a span.line2 {
	font-size: 1.6em;
	color: #FFFFFF;
	line-height: 1.9em;
	display: block;
}

.blocktype1 div a span.line3 {
	font-size: 1.3em;
	color: #FFFFFF;
	display: block;
}

.blocktype1 div a span.line3  {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
}

/*.blocktype1 div p.line3 a:hover {}*/



.blocktype2 div.top a {
display: block;
	color: #FFFFFF;
	text-decoration: none;}

.blocktype2 div a span.line1 {
	font-size: 2.4em;
	font-weight: bold;
	color: #FFFFFF;
		display: block;
}

.blocktype2 div a span.line2 {
	font-size: 3.0em;
	color: #FFFFFF;
	font-weight: bold;
		display: block;
	
}

.blocktype2 div a span.line3 {
	font-size: 2.4em;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 8px;
		display: block;
	
}

.blocktype2 div a span.line4 {
	font-size: 1.3em;
	color: #FFFFFF;
		display: block;
	
}

.blocktype3 {
	background-color: #FF0000;
	border: 1px solid #C2C1C0;
	background-image: url(../images/common/red-panel-base.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 8px;
}

.blocktype3 div.top {
	padding: 15px;
	background-image: url(../images/common/red-panel-top.gif);
	background-repeat: repeat-x;
	background-position: top;
	min-height: 140px;
}

.blocktype3 div a {
	color: #FFFFFF;
	text-decoration: none;
}

.blocktype3 div a span.line1 {
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
		display: block;
}

.blocktype3 div a span.line2 {
	font-size: 5em;
	color: #FFFFFF;
	font-weight: bold;
		display: block;
	
}

.blocktype3 div a span.line3 {
	font-size: 1.6em;
	color: #FFFFFF;
	font-weight: bold;
	padding-bottom: 8px;
		display: block;
	
}

.blocktype3 div a span.line4 {
	font-size: 1.3em;
	color: #FFFFFF;
		display: block;
	
}







/* end full block anchor styles*/

/* Affordability Calculator Mk2 */

.affordability #pagewrapper.calculator div#header {margin-bottom:0px;}

.affordability #pagewrapper.calculator div#progress {
	border: 2px solid #E6E6E6;
	width: 756px;
	clear: both;
	float: left;
}

.affordability #pagewrapper.calculator ul#List_Screen {
	padding-right: 27px;
	padding-left: 27px;
	list-style-type: none;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;	
}

.affordability #pagewrapper.calculator ul#List_Screen li {
	display: block;
	float: left;
	height: 40px;
	width: 100px;
	margin: 0px;
	padding: 53px 0px 0px;
	text-align: center;
	font-size: 1.1em;
}

.affordability #pagewrapper.calculator ul#List_Screen li.step1 {
	background-image: url(../calculators/affordability-images/progress-1-off.gif);
	background-repeat: no-repeat;
	color: #FBBDC0;
}

.affordability #pagewrapper.calculator ul#List_Screen li.step2 {
background-image: url(../calculators/affordability-images/progress-2-off.gif);
	background-repeat: no-repeat;
	color: #FBBDC0;
	}

.affordability #pagewrapper.calculator ul#List_Screen li.step3 {
background-image: url(../calculators/affordability-images/progress-3-off.gif);
	background-repeat: no-repeat;
	color: #FBBDC0;
	}

.affordability #pagewrapper.calculator ul#List_Screen li.step4 {
background-image: url(../calculators/affordability-images/progress-4-off.gif);
	background-repeat: no-repeat;
	color: #FBBDC0;
	}

.affordability #pagewrapper.calculator ul#List_Screen li.step5 {
background-image: url(../calculators/affordability-images/progress-5-off.gif);
	background-repeat: no-repeat;
	color: #FBBDC0;
	}

.affordability #pagewrapper.calculator ul#List_Screen li.step6 {
background-image: url(../calculators/affordability-images/progress-6-off.gif);
	background-repeat: no-repeat;
	color: #FBBDC0;
	}

.affordability #pagewrapper.calculator ul#List_Screen li.step7 {
background-image: url(../calculators/affordability-images/progress-7-off.gif);
	background-repeat: no-repeat;
	color: #FBBDC0;
	}

.affordability #pagewrapper.calculator ul#List_Screen li.step1.current {
	background-image: url(../calculators/affordability-images/progress-1-on.gif);
	color: #F30714;
}

.affordability #pagewrapper.calculator ul#List_Screen li.step2.current {
background-image: url(../calculators/affordability-images/progress-2-on.gif);
	color: #F30714;}

.affordability #pagewrapper.calculator ul#List_Screen li.step3.current {
background-image: url(../calculators/affordability-images/progress-3-on.gif);
	color: #F30714;}

.affordability #pagewrapper.calculator ul#List_Screen li.step4.current {
background-image: url(../calculators/affordability-images/progress-4-on.gif);
	color: #F30714;}

.affordability #pagewrapper.calculator ul#List_Screen li.step5.current {
background-image: url(../calculators/affordability-images/progress-5-on.gif);
	color: #F30714;}

.affordability #pagewrapper.calculator ul#List_Screen li.step6.current {
background-image: url(../calculators/affordability-images/progress-6-on.gif);
	color: #F30714;}

.affordability #pagewrapper.calculator ul#List_Screen li.step7.current {
background-image: url(../calculators/affordability-images/progress-7-on.gif);
	color: #F30714;}

.affordability #pagewrapper.calculator ul#List_Screen li.step1.previous {
background-image: url(../calculators/affordability-images/progress-1-off.gif);
	color: #F30714;
	}

.affordability #pagewrapper.calculator ul#List_Screen li.step2.previous {
background-image: url(../calculators/affordability-images/progress-2-visited.gif);
	color: #F30714;
	}

.affordability #pagewrapper.calculator ul#List_Screen li.step3.previous {
background-image: url(../calculators/affordability-images/progress-3-visited.gif);
	color: #F30714;
	}

.affordability #pagewrapper.calculator ul#List_Screen li.step4.previous {
background-image: url(../calculators/affordability-images/progress-4-visited.gif);
	color: #F30714;
	}

.affordability #pagewrapper.calculator ul#List_Screen li.step5.previous {
background-image: url(../calculators/affordability-images/progress-5-visited.gif);
	color: #F30714;
	}

.affordability #pagewrapper.calculator ul#List_Screen li.step6.previous {
background-image: url(../calculators/affordability-images/progress-6-visited.gif);
	color: #F30714;
	}

.affordability #pagewrapper.calculator ul#List_Screen li.step7.previous {
background-image: url(../calculators/affordability-images/progress-7-visited.gif);
	color: #F30714;
	}



.affordability #pagewrapper.calculator ul#List_Screen li a {}

.affordability #pagewrapper.calculator ul#List_Screen li a:hover {}

.affordability #pagewrapper.calculator div#top {
	height: 40px;
	width: 726px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E6;
	border-left-color: #E6E6E6;
	background-image: url(../calculators/affordability-images/heading-grad.gif);
	background-repeat: repeat-x;
	clear: both;
	padding: 15px;
	position: relative;
}

.affordability #pagewrapper.calculator div#top h1 {
	font-size: 1.6em;
	font-weight: normal;
}

.affordability #pagewrapper.calculator div#top h2 {
	font-size: 1.1em;
	font-weight: normal;
}

.affordability #pagewrapper.calculator div.buttons input {background-color: #FE0000; color:#ffffff;width:auto;}

.affordability #pagewrapper.calculator div.buttons input:hover {
	background-color: #D7D8D8;cursor:pointer;
}

.affordability #pagewrapper.calculator div#top div.buttons {
	position: absolute;
	top: 0px;
	right: 0px;
}

.affordability #pagewrapper.calculator div table.resultstable {
	width: auto;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #cfcfcf;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF0000;
	margin: 0px;
	padding: 0px;
	collapse:collapse;
}

.affordability #pagewrapper.calculator div table.resultstable caption {
	font-size: 1.2em;
	color: #FFFFFF;
	background-color: #FF0000;
	text-align: left;
	padding: 4px;
}

.affordability #pagewrapper.calculator div table.resultstable tr {}

.affordability #pagewrapper.calculator div table.resultstable tr th {
	font-size: 1.2em;
	color: #000000;
	background-color: #C2C1C1;
	padding: 2px;
	text-align: left;
	width: auto;
	font-weight: normal;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #cfcfcf;
	border-bottom-color: #cfcfcf;
	margin: 0px;
}

.affordability #pagewrapper.calculator div table.resultstable tr td {
	font-size: 1.2em;
	width: 200px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #cfcfcf;
	border-bottom-color: #cfcfcf;
	margin: 0px;
	padding: 0px;
}

.affordability #pagewrapper.calculator div#calculator { width: 760px;}

.affordability #pagewrapper.calculator div div table.page2table {
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E6;
	border-left-color: #E6E6E6;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
}

.affordability #pagewrapper.calculator div div table.page2table tr td {
	padding:15px;
	border-bottom: 2px solid #E6E6E6;
}

.affordability #pagewrapper.calculator div div table.page2table tr td.left {
	width: 200px;
	color: #000000;
}



.affordability #pagewrapper.calculator div div table.page2table tr td input.textbox230 {
	width: 230px;
}

.affordability #pagewrapper div#calculator table tr td input.minus {
	width: 24px;
	background-image: url(../calculators/affordability-images/minus-roundall.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 24px;
	margin-right: 8px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

.affordability #pagewrapper.calculator div div table.page2table tr td input.numberbox {
	float: left;
	width: 20px;
	margin-right: 8px;
}

.affordability #pagewrapper div#calculator table tr td input.plus {
	width: 24px;
	background-image: url(../calculators/affordability-images/plus-roundall.png);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 24px;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
}

.affordability #pagewrapper.calculator div div table.page2table tr td input.textbox62 {
	width: 62px;
}

.affordability #pagewrapper.calculator div#calculator div.buttons {width:760px;}

.affordability #pagewrapper.calculator div#calculator div.buttons span.alignleft {
	float: left;
	width: 380px;
	display:block;

	text-align: left;
}

.affordability #pagewrapper.calculator div#calculator div.buttons span.alignleft input.startoverbtn {
	background-image: url(../calculators/affordability-images/start-over.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 116px;
	background-color: #FFFFFF;
}

.affordability #pagewrapper.calculator div#calculator div.buttons span.alignright {
	width: 380px;
	display:block;
	float: left;
}

.affordability #pagewrapper.calculator div#calculator div.buttons input.nextbtn {
	background-image: url(../calculators/affordability-images/next-step.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 116px;
	background-color: #FFFFFF;
}

.affordability #pagewrapper.calculator div#calculator div.buttons input.prevbtn {
	background-image: url(../calculators/affordability-images/previous-step.png);
	background-repeat: no-repeat;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	height: 38px;
	width: 140px;
	background-color: #FFFFFF;
}

.affordability #pagewrapper.calculator div.buttons input.savebtn {
	background-image: url(../calculators/affordability-images/save.png);
	background-repeat: no-repeat;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	height: 38px;
	width: 134px;
	background-color: #FFFFFF;
}

.affordability #pagewrapper.calculator div.buttons input.printbtn {background-image: url(../calculators/affordability-images/print.png);
	background-repeat: no-repeat;
	margin: 0px 8px 0px 0px;
	padding: 0px;
	height: 38px;
	width: 133px;
	background-color: #FFFFFF;}

.affordability #pagewrapper.calculator div#calculator table.steptwo {
	width: 760px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E6;
	border-left-color: #E6E6E6;
	border-collapse:collapse;
	color: #FFFFFF;
	text-align: left;
}

.affordability #pagewrapper.calculator div#calculator table.steptwo caption {
	background-color: #FFFFFF;
	background-image: url(../calculators/affordability-images/caption-grad.gif);
	background-repeat: repeat-x;
	height: 23px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E6;
	border-left-color: #E6E6E6;
	width: 764px;
	margin-left:-2px;
	border-bottom-width: 0px;
	border-bottom-style: none;
}

.affordability #pagewrapper.calculator div#calculator table.steptwo tr th {
	height: 46px;
	background-image: url(../calculators/affordability-images/applicant-grad.gif);
	background-repeat: repeat-x;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #E6E6E6;
}

.affordability #pagewrapper.calculator div#calculator table.steptwo tr th.leftcell {	width: 124px;}

.affordability #pagewrapper.calculator div#calculator table.steptwo tr th.app1 {
	width: 89px;
	background-image: url(../calculators/affordability-images/applicant-button.gif);
	background-repeat: no-repeat;
	font-size: 1.3em;
	padding-left: 50px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	
}

.affordability #pagewrapper.calculator div#calculator table.steptwo tr th.app2 {	width: 89px;
	background-image: url(../calculators/affordability-images/applicant-button.gif);
	background-repeat: no-repeat;
	font-size: 1.3em;
	padding-left: 50px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

.affordability #pagewrapper.calculator div#calculator table.steptwo tr th.app3 {width: 89px;
	background-image: url(../calculators/affordability-images/applicant-button.gif);
	background-repeat: no-repeat;
	font-size: 1.3em;
	padding-left: 50px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	}

.affordability #pagewrapper.calculator div#calculator table.steptwo tr th.app4 {	width: 89px;
	background-image: url(../calculators/affordability-images/applicant-button.gif);
	background-repeat: no-repeat;
	font-size: 1.3em;
	padding-left: 50px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	}
	
	.affordability #pagewrapper.calculator div#calculator table.steptwo tr th.appblank {
	width: 89px;
	background-image: none;
	background-repeat: no-repeat;
	font-size: 1.3em;
	padding-left: 50px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	

	
	
}



.affordability #pagewrapper.calculator div#calculator table.steptwo tr td {
	padding: 10px;
	font-size: 1.1em;
	color: #000000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}

.affordability #pagewrapper.calculator div#calculator table.steptwo tr td input {width:120px;}

.affordability #pagewrapper.calculator div#calculator table.steptwo tr td.leftcell {
	width: 124px;
}

.affordability #pagewrapper.calculator div#calculator table.steptwo tr td.app1 {
	width: 135px;
	background-color: #F2F2F2;
}

.affordability #pagewrapper.calculator div#calculator table.steptwo tr td.app2 {
	width: 135px;
}

.affordability #pagewrapper.calculator div#calculator table.steptwo tr td.app3 {
width: 135px;	background-color: #F2F2F2;
}

.affordability #pagewrapper.calculator div#calculator table.steptwo tr td.app4 {
	width: 135px;
}

.affordability #pagewrapper.calculator div#calculator div.addincometype {
	padding: 6px 10px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #E6E6E6;
	border-left-color: #E6E6E6;
	width: 738px;
	margin-left: -2px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}

.affordability #pagewrapper.calculator div#calculator div.addincometype select {
	width: 200px;
	border: 1px solid #E6E6E6;
}

.affordability #pagewrapper.calculator div#calculator div.addincometype input {
	color: #FF0000;
	background-image: url(../calculators/affordability-images/plus-roundall.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 24px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: left;
	background-color: #FFFFFF;
	width: 150px;
	margin-left: 10px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
	
	.survey	.question {}
	.survey	.question p {
	padding-bottom: 6px;
	}
	
.survey	.question h2 {
	color: #FFFFFF;
	font-size: 1.3em;
	padding: 4px;
	margin: 0px 0px 3px;
	height: 1em;
	background-color: #868686;
	clear: both;
	}
.survey	.question h2 span {
	color: #FE0000;
	font-weight: bold;
}
	
	.survey	.question .answers ul {
	margin-left: 0px;
	list-style-image: none;
	list-style-type: none;
	padding-bottom:12px;
		float: left;
}
	
	.survey	.question .answers ul li {
	display: block;
	float: left;
	padding-right: 20px;
}
	
	.survey	.question .answers ul li input {
	margin-right: 8px;
}

.survey	.question .answers textarea {
	height: 100px;
	width: 730px;
	margin-bottom:8px;
	padding: 4px;
}

.survey	input.submit {
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 4px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none; margin-bottom:8px;
}

.survey	input.submit:hover {	background-color: #868686;}

.survey .message {
	font-size: 1.2em;
	padding: 8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF0000;
	border-bottom-color: #FF0000;
	margin-bottom: 12px;
}

.survey .message p {
	padding-bottom: 8px;
}

.biog {
	padding-bottom: 12px;
}

.biogleft {
	float: left;
	width: 160px;
}

.biogleft img {
	height: 156px;
	width: 140px;
}

.biogright {
	float: left;
	width: 572px;
}

div.bodytext .biogright h2 {
	color: #000000;
}

.biogright div {}

.biogright div p {}

.floatedimage {
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

h3.archiveheading {
	font-size: 1.4em;
	font-weight: normal;
	color:#000;
	clear: both; /*border-bottom: solid 1px #ccc;*/
	padding-top: 12px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}

ul.archive {
	clear: both;
		list-style-image: url(../images/common/round-bullet.gif);
	list-style-type: none;
	margin-left: 20px;
	
}

ul.archive li {}

ul.archive li a {
	display: block;
	padding: 4px;
	/*text-decoration: none;
	border-bottom: solid 1px #ccc;*/
	font-size: 1.2em;
	
}

ul.archive li a:hover {
/*	background-color: #fafafa; */
}

div.alphabet {}

div.alphabet ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div.alphabet ul li {
	display: block;
		width:20px;
	height:20px;
	float: left;
	background-color: #CCCCCC;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 0px;
	padding-top:4px;
	position:relative;
}
div.alphabet ul li a {
	width:20px;
	height:20px;
	margin: 0px;
	padding: 0px;
	display: block;
	background-color: #FE0000;
	float: left;
	position:absolute;
	top:0px;
	left:0px;
	padding-top:4px;
	color: #FFFFFF;
	text-decoration: none;
}
div.alphabet ul li a:hover {
	background-color: #C3C9D8;
	color: #0B2265;
}

div.alphabet ul li.on a {background-color: #ffffff;
	color: #0B2265;}

.redkeyline {
	padding: 6px;
	border: 1px solid #FE0000;
	
}

.RadioButtons {
	background-color: #00FF00;
}

.RadioButtons tr td input {
	display: block; float: left;
	
}

.RadioButtons tr td label {
	padding-left: 6px;
	padding-right: 12px;
	display: block; float: left;
}