* {

	margin: 0;

	padding: 0;

}



img {

	border: 0;

    display: block;

}



body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #231246;
	background-color: #F0E342;

}



h2 {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #666;

}



h2 a {

	color: #19568c;

	text-decoration: underline;

}



h2 a:hover {

	text-decoration: none;

}



h3 {

	padding: 0 0 35px 0;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 11px;

	color: #666;

}



h4 {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 15px;

	color: #7bb11f;

}



p {

	font-size: 11px;

    line-height: 16px;

	color: #666;

}



a {

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



hr {

	height: 2px;

	margin: 0 0 16px 0;

	border: none 0;

	border-top: 1px solid #ccc;

	border-bottom: 1px solid #fff;

}



hr.deep {

	margin: 12px 0 12px 0;

}



hr.light {

	clear: both;

	height: 2px;

	padding: 0 0 0 0!important; padding: 0 0 0 0;

	margin: 0 0 10px 0!important; margin: 0 0 6px 0;

	border: none 0;

	border-top: 1px solid #e3e3e3;

	border-bottom: 1px solid #fff;

}



fieldset {

	border: 0;

}



table.login {

	border: 0;

}



table.login td {

	border: 0;

}



.hidden {

	display: none;

}



br.clear {

	clear: both;

}



/* Error messages */

#errormessage {

	width: 531px;

	margin: 0 0 20px 0;

	border: #ffa8a8 1px solid;

	padding: 16px 20px 25px 80px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

	background-image: url("error.gif");

	background-repeat: no-repeat;

	background-color: #f8e6e6;

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 429px;

}



#errormessage p {

	font-weight: bold;

	padding: 0 0 3px 0;

}



#errormessage a {

	color: #000;

	text-decoration: underline;

}



#errormessage a:hover {

	text-decoration: none;

}



#errormessage ul {

	padding: 0 0 0 20px;	

}



#errormessage li {

	padding: 0 0 3px 0;

}



#errormessage_myhfp {

	width: 526px;

	margin: 0 0 20px 0;

	border: #ffa8a8 1px solid;

	padding: 16px 20px 25px 80px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

	background-image: url("error.gif");

	background-repeat: no-repeat;

	background-color: #f8e6e6;

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 424px;

}



#errormessage_myhfp p {

	font-weight: bold;

	padding: 0 0 3px 0;

}



#errormessage_myhfp a {

	color: #000;

	text-decoration: underline;

}



#errormessage_myhfp a:hover {

	text-decoration: none;

}



#errormessage_myhfp ul {

	padding: 0 0 0 20px;	

}



#errormessage_myhfp li {

	padding: 0 0 3px 0;

}



#errormessagelong {

	width: 781px;

	margin: 0 0 20px 0;

	border: #ffa8a8 1px solid;

	padding: 16px 20px 25px 80px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

	background-image: url("error.gif");

	background-repeat: no-repeat;

	background-color: #f8e6e6;

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 679px;

}



#errormessagelong p {

	font-weight: bold;

	padding: 0 0 3px 0;

}



#errormessagelong a {

	color: #666;

	text-decoration: underline;

}



#errormessagelong a:hover {

	text-decoration: none;

}



#errormessagelong ul {

	padding: 0 0 0 20px;	

}



#errormessagelong li {

	padding: 0 0 3px 0;

}



#errormessagefriendly {

	width: 531px;

	margin: 0 0 20px 0;

	border: #f4e7a8 1px solid;

	padding: 16px 20px 25px 80px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 12px;

	background-image: url("error_friendly.gif");

	background-repeat: no-repeat;

	background-color: #f8f6e6;

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 429px;

}



#errormessagefriendly p {

	font-weight: bold;

	padding: 0 0 3px 0;

}



#errormessagefriendly a {

	color: #000;

	text-decoration: underline;

}



#errormessagefriendly a:hover {

	text-decoration: none;

}



#errormessagefriendly ul {

	padding: 0 0 0 20px;	

}



#errormessagefriendly li {

	padding: 0 0 3px 0;

}



/* Layout */

#maincontainer {
	width: 781px;
	margin-right:auto;
	margin-left:auto;
	margin-top: 6px;
	background-color: #FFFFFF;

}



#wrapper {

	float: left;

	width:781px;

	margin-right:auto;

	margin-left:auto;

    margin-bottom: 30px;

	text-align: left;

    background: #fff;

}



/* Custom colour classes */

.blue {

	color: #336797;

}



.green {

	color: #4d9901;

}



.darkgreen {

	color: #1a6954;

	font-weight: normal;

}



.darkgreenbold {

	color: #1a6954;

	font-weight: bold;

}



.limegreen {

	padding: 0 10px 0 0;

	color: #85b102;

}



.limegreen2 {

	color: #85b102;

}



.boldred {

	color: #ff0101;

	font-weight: bold;

}



.red {

	color: #cc0000;

}



.grey {

	color: #666;

}



.lightgrey {

	color: #ccc;

}



.navy {
	color: #44AB6s2;
}



.navysmall {

	color: #18558c;

	font-size: 11px;

}



.orange {

	padding: 0 10px 0 0;

	color: #eb6600;

}



h5.orange {

	#ff9900;

}



/* Header */

#header {

	width: 781px;

	height: 123px;

}



#header img {

	float: left;

	padding: 0 12px 0 0;

}



#headerlogin {

	float: left;

	width: 223px;

	height: 113px;

	border: #ccc 1px solid;

	background-image: url("login_background.gif");

	background-repeat: repeat-x;

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 221px;

}



#headerlogin h1 {

	height: 20px;

	margin: 0 0 10px 0;

	padding: 5px 0 0 12px;

	color: #fff;

	font-size: 11px;

	font-weight: bold;

}



.loginH1right {

	padding: 0 0 0 8px;

}



.loggedinH1right {

	padding: 0 0 0 84px;

}



a.loginH1right {

	font-weight: normal;

	color: #fff;

	font-size: 11px;

	text-decoration: underline;

}



a.loginH1right:hover {

	text-decoration: none;

}



#headerlogin fieldset {

	margin: 0;

	border: none;

	padding: 0;

}



#headerlogin label {

	display: none;

}



#headerlogin input {

	float: left;

	width: 120px;

	margin: 0 0 5px 10px;

	padding: 2px 0 3px 2px;

	font-size: 11px;

	color: #666;

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 118px;

}



#headerlogin input.sub {

	width: 63px;

	height: 21px;

	padding: 0;

	margin: 0 0 0 8px;

}



#headerlogin h2 {

	padding: 0 0 0 10px;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

}



#headerlogin p {

	margin: 4px 0 0 0;

	line-height: 2px;

}



#headerlogin a {

	padding: 0 0 0 12px;

	font-size: 9px;

}



#headerlogin a.loggedin {

	padding: 0;

	font-size: 11px;

	color: #666;

	text-decoration: underline;

}



#headerlogin a.loggedin:hover {

	text-decoration: none;

}



#headerlogin table {

	width: 95%;

	margin: 10px 0 0 10px;

}



#headerlogin td {

	padding: 0 0 12px 0;

}



/* Primary navigation */

#nav {

	clear: both;

	width: 781px;

	border-top: #44AB62 1px solid;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 10px;

}



#nav a {
	display: block;
	color: #44AB62;
	background: url("nav_tab_left.gif") no-repeat left top;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}



#nav a.right {
	color: #666;
	background: url("nav_tab_left.gif") no-repeat left top;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}



#nav a:hover {
	color: #F0E342;
	text-decoration: none;
}



#nav ul {

	list-style: none;

}



#nav ul li {

	display: inline;

	float: left;

	color: #fff;

	background:url("nav_tab_right.gif") no-repeat right top;

}



#nav ul li.right {

	display: inline;

	color: #fff;

	background:url("nav_tab_right_right.gif") no-repeat right top;

}



#nav a.active {
	color: #fff;
	background:url("nav_tab_active_left.gif") no-repeat left top;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}



#nav a.active:hover {

	color: #fff;

	text-decoration: none;

}



#nav ul li.active {

	color: #fff;

	background:url("nav_tab_active_right.gif") no-repeat right top;

}



#nav a.activeright {
	color: #fff;
	background:url("nav_tab_active_left.gif") no-repeat left top;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
}



#nav a.activeright:hover {

	color: #fff;

	text-decoration: none;

}



#nav ul li.activeright {

	color: #fff;

	background:url("nav_tab_active_right.gif") no-repeat right top;

}



#breadcrumbs {

	clear: both;

	width: 769px;

	border-top: #fff 8px solid;

	padding: 7px 0 10px 12px;

	background-image: url("breadcrumb_shadow.gif");

	background-repeat: repeat-x;

	text-transform: lowercase;

}



#breadcrumbs ul {

	list-style: none;

}



#breadcrumbs ul li {

	display: inline;

	color: #fff;

	font-size: 12px;

	text-decoration: lowercase;

}



#breadcrumbs a {

	color: #fff;

}



/* Page title */

#titletile {

	width: 781px;

	height: 24px;

	background-image: url("title_tile.gif");

}



#title {

	width: 781px;

	margin: 0 0 0 0;

	padding: 5px 0 13px 0!important; padding: 5px 0 5px 0;

	background-image: url("tile_bg.gif");

}



#title h1 {

	padding: 10px 0 0 0;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 18px;

	color: #5e5e5e;

}



#title img {

	float: left;

	margin: 0 8px 0 0;

}



#myhfptitle {

	width: 781px;

	margin: 0 0 0 0;

	padding: 5px 0 12px 0!important; padding: 5px 0 4px 0;

	background-image: url("tilemyhfp_bg.gif");

}



#myhfptitle h1 {

	padding: 10px 0 0 0;

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 18px;

	color: #5e5e5e;

}



#myhfptitle img {

	float: left;

	margin: 0 8px 0 0;

}



#titleright {

	float: right;

}



#titleright p {

	float: left;

	padding: 17px 10px 0 20px;

	color: #666;

}



#titleright a {

	font-family: Arial, Verdana, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #19558b;

	text-decoration: underline;

}



#titleright a:hover {

	text-decoration: none;

}



/* Special Offer */

#special {

	width: 202px;

	margin: 8px 0 8px 0;

	padding: 0 0 0 0;

}



#special p {

	clear: both;

	padding: 0 16px 10px 12px;

	color: #666;

	line-height: 14px;

}



#special p.big {

	padding: 0 8px 12px 12px;

	font-size: 15px;

}



#special p.bottom {

	padding: 0 8px 12px 12px;

}



#special .figure {

	font-size: 22px;

	font-weight: bold;

}



#special a {

	color: #336797;

}



/* Footer */

#footertop {

	clear: both;

	width: 781px;

	height: 50px;

	background-image: url("footer_tile.gif");

}



#footer {

	width: 781px;

	height: 64px;

	padding: 18px 0 0 20px;

	color: #666;

	voice-family: "\"}\"";

	voice-family: inherit;

	width: 761px;
	background-color:#FFFFFF;

}



#footer p {

	color: #666;

}



#footer ul {

	padding: 5px 0 20px 0;

	list-style: none;

}



#footer ul li {

	display: inline;

	font-size: 11px;

	font-weight: normal;

	color: #666;

}



#footer a {

	color: #666;

}



#footer img {

	float: left;

	padding: 0 2px 0 0;

}



A.lve {

	FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #13071B; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: underline}

	

A.lve:hover {

	FONT-WEIGHT: bold; FONT-SIZE: 17px; COLOR: #4D8957; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none

}



.rayadoAbajo {

	BORDER-RIGHT: #cccccc 1px; BORDER-TOP: #cccccc 1px; BORDER-LEFT: #cccccc 1px; BORDER-BOTTOM: #cccccc 1px dotted

}



//