/*******************************************************************************************
 * UK Mortgage Site
 ******************************************************************************************/
BODY {
	background-color: #dddddd;
	align: center;
	text-align: center;
	margin-top: 0;
	font-family: Helvetica;
	font-size: 7pt;
}

#pagecontainer {
	background-color: #ffffff;
	font-family: Helvetica;
	font-size: 7pt;
	text-align: center;
	align: center;
	position: relative;
	margin: auto;
	width: 850;
	border: black solid 1px;
	border-top: #660000 solid 1px;
}

#pagetitle {
	width: auto;
	border-top: #660000 solid 2px;
	border-bottom: #660000 solid 5px;
	text-align: left;
	color: #660000;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	font-size: 15pt;
}

#pagetitle span {
	color: #00014e;
}

#midbar {
	height: 20px;
}

#emailbutton {
	margin-bottom: 20;
	text-align: center;
}

#emailbutton a {
	text-decoration: none;
	color: #00014e;
	font-family: Helvetica;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	display: block;
	padding-left: 20px;
}

#emailbutton a:hover {
	background-color: #ffffcb;
}

#sectiontitle {
	color: #660000;
	font-style: italic;
	font-size: 14pt;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
	border-bottom: gray solid 1px;
}

#sectiontitle span {
	color: #00014e;
}

#sectionsubtitle {
	font-family: Verdana;
	font-size: 9pt;
	font-weight: bold;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
}

#sectiontext {
	font-family: Verdana;
	font-size: 9pt;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
}

#sectiontext {
	list-style-image:url(images/arrow-list.gif);
}

#sectiontext a {
	text-decoration: none;
	color: #00014e;
	font-weight: bold;
}

#sectiontext a:hover {
	text-decoration: underline;
}

H1 {
	color: #660000;
	font-style: italic;
	font-size: 13pt;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
	border-bottom: gray solid 1px;
}

h1 span {
/*	color: #333333;	*/
	color: #00014e;
}

#leadbaycontainer {
	margin-left: 30px;
	margin-bottom: 30px;
}

#maintitle {
	color: #660000;
	font-style: italic;
	font-size: 13pt;
	border-bottom: gray solid 1px;
	font-weight: bold;
}

#inputlabel {
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
}

#emailmessage {
	font-family: Verdana;
	font-size: 9pt;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

#buttoncontainer {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

/*******************************************************************************************
 * Main Menu Title
 ******************************************************************************************/
#mainmenutitle {
	width: 200px;
	background: #660000;
}

#mainmenutitle span {
	display: block;
	background: transparent url(images/roundright.gif) no-repeat right top;
	padding: 5px 9px 3px 5px;
	font-family: Helvetica;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
}


/*******************************************************************************************
 * Top Menu
 ******************************************************************************************/
.mattblacktabs{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
	border-top: 1px solid #ffffff;
	background-color: #660000;
}

.mattblacktabs ul{
	margin: 0;
	padding: 0;
/*	padding-left: 10px; */ /*offset of tabs relative to browser left edge*/
	font: bold 12px Verdana;
	list-style-type: none;
}

.mattblacktabs li{
	display: inline;
	margin: 0;
}

.mattblacktabs li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 7px 8px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: white;
	background: #660000; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
	color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
	background: #990000; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}



/*******************************************************************************************
 * Vertical Menu
 ******************************************************************************************/
.markermenu{
	width: 200px; /*width of menu*/
}

.markermenu ul{
	list-style-type: none;
	margin: 0px 0 20 0;
	padding: 0;
	border: 1px solid #9A9A9A;
}

.markermenu ul li a{
	background: white url(/images/arrow-list.gif) no-repeat 2px center;
	font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: #00014e;
	display: block;
	width: auto;
	padding: 3px 0;
	padding-left: 20px;
	text-decoration: none;
	border-bottom: 1px solid #B5B5B5;
	background-color: #eeeeee;
}


* html .markermenu ul li a{ /*IE only. Actual menu width minus left padding of LINK (20px) */
	width: 198px;
	background-color: #eeeeee;
}

.markermenu ul li a:visited, .markermenu ul li a:active{
	color: #00014e;
}

.markermenu ul li a:hover{
	color: black;
	background-color: #ffffcb;
	background-image:url(/images/arrow-list-red.gif); /*onMouseover image change. Remove if none*/
}

/* Holly Hack for IE \*/
	* html .markermenu ul li { height: 1%; }
	* html .markermenu ul li a { height: 1%; }
/* End */


/******************************************************************************************
 * Glossary menu
 *****************************************************************************************/
.pagination{
	padding: 2px;
	margin-left: 30px;
	margin-bottom: 20px;
}

.pagination ul{
	margin: 0;
	padding: 0;
	text-align: left; /*Set to "right" to right align pagination interface*/
	font-size: 16px;
}

.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
	padding: 0 5px;
/*	border: 1px solid #9aafe5;	*/
	border: 1px solid #00014e;
	text-decoration: none; 
/*	color: #2e6ab1;*/
	color: #00014e;
}

.pagination a:hover, .pagination a:active{
/*	border: 1px solid #2b66a5;	*/
	color: #000;
/*	background-color: #FFFF80;	*/
	background-color: #ffffcb;
	font-weight: bold;
}

.pagination a.currentpage{
/*background-color: #2e6ab1;*/
background-color: #660000;
color: #FFF !important;
/*border-color: #2b66a5;*/
border-color: #000000;
font-weight: bold;
cursor: default;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #929292;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}


/******************************************************************************************
 * Glossary sections
 *****************************************************************************************/
#glossentry {
	font-family: Verdana;
	font-size: 9pt;
	margin-left: 30px;
	margin-bottom: 10px;
	margin-right: 30px;
}

#glossentry span {
	font-family: Helvetica;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #660000;
}


/******************************************************************************************
 * Links
 *****************************************************************************************/
#linksection {
	font-family: Verdana;
	font-size: 9pt;
	margin-left: 30px;
	margin-bottom: 15px;
	margin-right: 30px;
}

#linksection a {
	text-decoration: none;
	color: #00014e;
	font-weight: bold;
}

#linksection a:hover {
	text-decoration: underline;
}

/******************************************************************************************
 * Page footer
 *****************************************************************************************/
#pagefooter {
	background-color: #555555;
	font-family: Arial;
	font-size: 9pt;
	color: #ffffff;
	text-align: center;
	padding-top: 5px;
	border-top: black solid 1px;
}

#pagefooter a {
	margin-left: 3px;
	margin-right: 3px;
	color: #ffffff;
	text-decoration: none;
}

#pagefooter a:hover {
	text-decoration: underline;
}