@charset "UTF-8";
/* CSS Document */

/**************************************************************************************************************************************
RESETTING ALL CODE TO BASIC ********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Verdana, Geneva, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles!
*****HAVE REMOVED THIS RESET
:focus {
    outline: 0;
} */

html {
	overflow-y: scroll;
}

body {
	line-height: 1;
	color: black;
	background: white;
}


ol, ul {
	padding-top: 0.1em;
	padding-bottom: 1em;
	padding-left: 2em;
}
li {
	padding-bottom: 0.2em;
}


/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
p {
	line-height: 1.2em;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.8em;
	padding-left: 0px;
}

h1, h2, h3, h4, h5, h6 {
	line-height: 1.2em;
}

a, a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #46789D;
}
a:hover, a:active {
	font-weight: bold;
	text-decoration: none;;
	color: #46789D;
}

/**************************************************************************************************************************************
RESSETING CSS STYLES FROM
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/    ********/




/******************************************************************************************
MAIN CONTAINER LAYOUT STYLES 
******************************************************************************************/


body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-size: 100%;
	background-color: #233D4F;
	background-image: url(../images/mainbg-repeat-x.gif);
	background-repeat: repeat-x;
	background-position: center top;
}
.tmgo-mainstyle #container {
	width: 950px; /* the auto margins (in conjunction with a width) center the page */
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	font-size: 0.9em;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
/*	background-image: url(../images/main-topbg.gif);( */
/*	background-image: url(../images/TopBanner_w-APPLY-btn_01.png);	*/
	background-image: url(../images/main-topbg_v6.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.tmgo-mainstyle #COPY {
	padding-top: 0px;
	padding-right: 52px;
	padding-bottom: 0px;
	padding-left: 52px;
}

.tmgo-mainstyle #container.page-mortgages {
	position: relative;
}
.tmgo-mainstyle #container.page-mortgages #COPY {
	padding-top: 0px;
	padding-right: 45px;
	padding-bottom: 0px;
	padding-left: 290px;
	float: left;
	position: relative;
}
.tmgo-mainstyle #container.page-mortgages #mortgagesnav {
	width: 190px;
	float: left;
	padding: 0px;
	list-style-type: none;
	position: absolute;
	left: 52px;
	top: 60px;
	margin: 0px;
}
.tmgo-mainstyle #container.page-mortgages #mortgagesnav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;	
}
.tmgo-mainstyle #container.page-mortgages #mortgagesnav ul li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
	font-size: 0.8em;
}
.tmgo-mainstyle #container.page-mortgages #mortgagesnav a, .tmgo-mainstyle #container.page-mortgages #mortgagesnav a:visited {
	font-weight: bold;
	text-decoration: none;
	color: #233D4F;
}
.tmgo-mainstyle #container.page-mortgages #mortgagesnav a:hover, .tmgo-mainstyle #container.page-mortgages #mortgagesnav a:active {
	font-weight: bold;
	color: #46789D;
	text-decoration: none;
}
.tmgo-mainstyle #container.page-mortgages #mortgagesnav ul li a.current, .tmgo-mainstyle #container.page-mortgages #mortgagesnav ul li a.current:visited {
	font-weight: bold;
	cursor: default;
	color: #46789D;
}
.tmgo-mainstyle #container.page-mortgages #mortgagesnav ul li a.current:hover, .tmgo-mainstyle #container.page-mortgages #mortgagesnav ul li a.current:active {
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}


.tmgo-mainstyle #COPY .alignright {
	float: right;
}

.tmgo-mainstyle #header {
	padding-top: 20px;
	padding-right: 75px;
	padding-bottom: 0px;
	padding-left: 75px;
	margin: 0px;
}
.tmgo-mainstyle #mainContent-topbg {
	margin-top: 0px;
	position: relative;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
	padding: 0px;
	width: 850px;
}
.tmgo-mainstyle #mainContent-bottombg {
	background-image: url(../images/commonBG-btm.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0px;
	padding-bottom: 10px;
	width: 850px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.tmgo-mainstyle #mainContent {
	width: 850px;
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(../images/maincontent-bg-repeaty.gif);
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
}

/******************************************************************************************
MORE PAGE SPECIFIC TEXT/LAYOUT STYLES 
******************************************************************************************/

.tmgo-mainstyle #googlemap {
	width: 750px;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
.tmgo-mainstyle #COPY .teamcontact {
	position: relative;
	width: 365px;
	float: left;
	margin: 10px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 200px;
}
.tmgo-mainstyle #COPY .teamcontact p {
	padding: 0px;

}
.tmgo-mainstyle #COPY .teamcontact img {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.tmgo-mainstyle #COPY .teamcontact .teamcontactdetails {
   bottom: 0;
   margin-left: 153px;
   padding: 0;
   position: absolute;
   width: 212px;
}

.tmgo-mainstyle #COPY .teamcontact .teamcontactdetails h1 {
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	color: #4D4D4D;
	line-height: 1.2em;
}
.tmgo-mainstyle #COPY .teamcontact .teamcontactdetails h2 {
	padding: 0;
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	color: #4D4D4D;
	line-height: 1.2em;
}
.tmgo-mainstyle #COPY .teamcontact .teamcontactdetails h3 {
	padding: 0;
	font-size: 0.7em;
	font-weight: normal;
	margin: 0;
	margin-bottom: 5px;
	color: #4D4D4D;
	line-height: 1.2em;
}
.tmgo-mainstyle #COPY .teamcontact .teamcontactdetails h4 {
	padding: 0;
	font-size: 0.9em;
	font-weight: normal;
	margin: 0;
	color: #4D4D4D;
	line-height: 1.2em;
}
.tmgo-mainstyle #COPY .teamcontact .teamcontactdetails h5 {
	margin-top: 5px;
}

.tmgo-mainstyle #COPY .teamcontact .otherteamcontactdetails {
}

.tmgo-mainstyle #COPY .teamcontact .otherteamcontactdetails h1 {
	padding: 0;
	margin: 0;
	font-size: 1em;
	font-weight: bold;
	color: #4D4D4D;
	line-height: 1.2em;
}
.tmgo-mainstyle #COPY .teamcontact .otherteamcontactdetails h2 {
	padding: 0;
	font-size: 0.9em;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	color: #4D4D4D;
	line-height: 1.2em;
}
.tmgo-mainstyle #COPY .teamcontact .otherteamcontactdetails h3 {
	padding: 0;
	font-size: 0.7em;
	font-weight: normal;
	margin: 0;
	margin-bottom: 5px;
	color: #4D4D4D;
	line-height: 1.2em;
}
.tmgo-mainstyle #COPY .teamcontact .otherteamcontactdetails h4 {
	padding: 0;
	font-size: 0.9em;
	font-weight: normal;
	margin: 0;
	color: #4D4D4D;
	line-height: 1.2em;
}
.tmgo-mainstyle #COPY .teamcontact .otherteamcontactdetails h5 {
	margin-top: 5px;
}


.tmgo-mainstyle #COPY .teamcontact p a, .tmgo-mainstyle #COPY .teamcontact p a:visited {
	font-size: 10px;
}
.tmgo-mainstyle #COPY .teamcontact p a:active, a.tmgo-mainstyle #COPY .teamcontact p a:hover {
	font-size: 10px;
}

/******************************************************************************************
INSIDE PAGE #COPY STYLE TWEAKS 
******************************************************************************************/


.tmgo-mainstyle #COPY strong, .tmgo-mainstyle #COPY em {
	font-weight: bold;
}
.tmgo-mainstyle #COPY p {
	font-size: 0.9em;
	color: #4d4d4d;
}
.tmgo-mainstyle #COPY .highlightpara {
	font-size: 1em;
	line-height: 1.4em;
	color: #333;
	font-weight: normal;
	margin-bottom: 10px;
}
.tmgo-mainstyle #COPY h5, .tmgo-mainstyle #COPY h2, .tmgo-mainstyle #COPY h3, .tmgo-mainstyle #COPY h4 {
	color: #4d4d4d;
}
.tmgo-mainstyle #COPY li {
	color: #46789D;
	font-size: 0.9em;
}
.tmgo-mainstyle #COPY li span {
	color: #4d4d4d;
	font-size: 0.9em;
}

/******************************************************************************************
H TAG TEXT STYLES *********/

.tmgo-mainstyle #header h1 {
	font-size: 13px;
	color: #eed26f;
	letter-spacing: 4px;
	font-weight: normal;
}
.tmgo-mainstyle #mainContent #brandlogos img {
	border: none;
	padding: 0px;
	margin-left: 85px;
}
.tmgo-mainstyle #mainContent h1 {
	font-size: 1.8em;
	margin-top: 18px;
	margin-bottom: 25px;
	font-weight: bold;
}
.tmgo-mainstyle #mainContent h2 {
	font-size: 1.2em;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight: bold;
}
.tmgo-mainstyle #mainContent h3 {
	font-size: 1em;
	margin-top: 12px;
	margin-bottom: 15px;
	font-weight: bold;
}
.tmgo-mainstyle #mainContent h4 {
	font-size: 1em;
	margin-top: 5px;
	margin-bottom: 8px;
	font-weight: bold;
}
.tmgo-mainstyle #mainContent h5 {
	font-size: 0.9em;
	margin-top: 5px;
	margin-bottom: 7px;
}


/******************************************************************************************
COLOURED TEXT STYLES ********/

.tmgo-mainstyle #mainContent .browntext {
	color: #943D1E;
}
.tmgo-mainstyle #mainContent .greytext {
	color: #4D4D4D;
}
.tmgo-mainstyle #mainContent .greentext {
/*	color: #46789D;*/
	color: #233D4F;
	font-weight: bold;
}
.tmgo-mainstyle #mainContent .goldtext {
	color: #eed26f;
}

 /******************************************************************************************
NAVIGATION *********/

.tmgo-mainstyle ul#main-navigation {
	float: right;
	position: relative;
	padding-right: 55px;
	color: #233D4F;
	margin-bottom: 20px;
	padding-top: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style: none;
}
.tmgo-mainstyle ul#main-navigation li {
	display: inline;
	margin-left: 8px;
	font-size: 0.9em;
	text-transform: uppercase;
}
.tmgo-mainstyle ul#main-navigation li a:hover {
	color: #233D4F;
	text-decoration: none;
	cursor: pointer;
}
.tmgo-mainstyle ul#main-navigation li a.current, .tmgo-mainstyle ul#main-navigation li a.current:visited {
	color: #233D4F;
	text-decoration: none;
	cursor: default;
}
.tmgo-mainstyle ul#main-navigation li a.current:hover, .tmgo-mainstyle ul#main-navigation li a.current:active {
	color: #233D4F;
	text-decoration: none;
	cursor: default;
}
.tmgo-mainstyle #header h1 a, .tmgo-mainstyle #header h1 a:visited {
	color: #eed26f;
	font-weight: normal;
	text-decoration: none;
}
.tmgo-mainstyle #header h1 a:hover, .tmgo-mainstyle #header h1 a:active {
	color: #eed26f;
	font-weight: normal;
	text-decoration: none;
}
.tmgo-mainstyle #main-applynow {
	float: right;
	font-size: 0.9em;
	text-transform: uppercase;
	padding: 0px;
	margin-top: 55px;
	margin-bottom: 30px;
	margin-right: 55px;
}
.tmgo-mainstyle #main-applynow a, .tmgo-mainstyle #main-applynow a:visited {
	color: #943D1E;
	text-decoration: none;
	font-weight: bold;
}
.tmgo-mainstyle #main-applynow a:hover, .tmgo-mainstyle #main-applynow a:active {
	color: #943D1E;
	text-decoration: none;
	font-weight: bold;
}

 /******************************************************************************************
 FOOTER ************************************************************************************/

.tmgo-mainstyle #footer {
	font-size: 0.9em;
	position: relative;
	color: #FFF;
	margin: 0px;
	padding-top: 15px;
	padding-right: 50px;
	padding-bottom: 5px;
	padding-left: 50px;
}
.tmgo-mainstyle #footer ul#footer-navigation {
	list-style-type: none;
	position: relative;
	line-height: 1.5em;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.tmgo-mainstyle #footer #footer-navigation li {
	display: inline;
	margin-left: 1em;
}
.tmgo-mainstyle #footer .aligncenterfloat {
	text-align: center;
	float: center;
}
.tmgo-mainstyle #footer .aligncenternofloat {
	text-align: center;
}
.tmgo-mainstyle #footer .alignrightnofloat {
	text-align: right;
}
.tmgo-mainstyle #footer .alignright {
	float: right;
	width: 220px;
	text-align: right;
}
.tmgo-mainstyle #footer .alignleft {
	float: left;
}
.tmgo-mainstyle #footer p {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	line-height: 1.5em;
}
.tmgo-mainstyle #footer .copyright {
	font-size: 0.9em;
}
.tmgo-mainstyle #footer .glossary {
	font-size: 0.9em;
}
.tmgo-mainstyle .phonespaced {
	letter-spacing: 5px;
}
.tmgo-mainstyle #footer a, .tmgo-mainstyle #footer a:visited {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
.tmgo-mainstyle #footer a:hover, .tmgo-mainstyle #footer a:active {
	font-weight: bold;
	text-decoration: none;
	color: #EAD26F;
}

.tmgo-mainstyle #footer .glossary a, .tmgo-mainstyle #footer .glossary a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	line-height: 35px;
}
.tmgo-mainstyle #footer .glossary a:hover, .tmgo-mainstyle #footer .copyright a:active {
	font-weight: normal;
	text-decoration: none;
	color: #eed26f;
}
.tmgo-mainstyle #footer .copyright a, .tmgo-mainstyle #footer .copyright a:visited {
	font-weight: normal;
	text-decoration: none;
	color: #FFF;
	line-height: 35px;
}
.tmgo-mainstyle #footer .copyright a:hover, .tmgo-mainstyle #footer .copyright a:active {
	font-weight: normal;
	text-decoration: none;
	color: #eed26f;
}

/******************************
CLEAR ALL *********/

.tmgo-mainstyle br.clearall {
	clear: both;
	margin: 0px;
	padding: 0px;
}

.rateHeader {
	font-size: 13px;
	color: #000000;
	text-decoration: none;
	border: 1px solid black;
	font-weight:bold;
	background-color:#A2C0C6;
	text-align: center;
	padding: 5px;
}

.rateYours {
	font-size: 15px;
	color: #46789D;
	text-decoration: none;
	border: 1px solid black;
	font-weight:bold;
	background-color:#F1F1F0;
	text-align: center;
	padding: 2px;
}

.rateCompetition {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	border: 1px solid black;
	font-weight:normal;
	background-color:#F1F1FD;
	text-align: center;
	padding: 2px;
}

.rateTerm {
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	border: 1px solid black;
	font-weight:bold;
	background-color:#F1F1FD;
	text-align: center;
	padding: 2px;
}

#homelink a {
   }

#homelink a i { visibility: hidden; }

#bghome { 
   position: absolute;
   height: 80px;
   width: 140px;
   top: 20px;
   left: 10px; 
   text-decoration: none;
}

#bgapply { 
   position: absolute;
   height: 50px;
   width: 130px;
   top: 10px;
   left: 715px; 
   text-decoration: none;
}


/*
a#bghome:hover { background-image: url(/d/imagemap/images/homeglow.jpg); } 
*/
a#bghome:hover { border: none; } 
a#bgapply:hover { border: none; } 


#homelinkmort a {
   position: absolute;
   height: 80px;
   width: 200px;
   top: 77px; 
   text-decoration: none;
   }

#mainContent #generalForm {
	font-size: 0.9em;
/*	border: 1px solid #304F61; */
	margin-top: 10px;
}

#mainContent #generalForm td {
	padding-left: 0px;
	padding-bottom: 2px;
	padding-top: 2px;
	padding-right: 0px;
}
#mainContent #generalForm table table td
    { padding: 2px 6px; }

#mainContent #generalForm td #requiredapplicantform,
#mainContent #generalForm td #coapplicantform {
	margin: 0px;
	padding: 0px;
}
#mainContent  #generalForm  .formsectionheadingcell {
	background: #FFF;
	color: #FFF;
	padding: 0px;
}
#mainContent #generalForm .formsectionheadinga,
#mainContent #generalForm .formsectionheadingb,
#mainContent #generalForm .formsectionheadingc,
#mainContent #generalForm .formsectionheadingd {
   font-weight: bold;
   color: #FFF;
   font-size: 1.1em;
   font-style: normal;
   line-height: 30px;
   text-align: center;
   display: block;
   padding: 0px 0px 10px;
   background: #FFF url(/images/heading-bg-a.png) no-repeat center center;
   margin-top: 10px;
}
#mainContent #generalForm .formsectionheadingb {
  background: #FFF url(/images/heading-bg-b.png) no-repeat center center;
}
#mainContent #generalForm .formsectionheadingc {
   background: #FFF url(/images/heading-bg-f.png) no-repeat center center;
   font-size: 1em;
   font-style: normal;
   line-height: 20px;
   padding: 4px 0px 9px;
}
#mainContent #generalForm .formsectionheadingd {
   background: #FFF url(/images/heading-bg-e.png) no-repeat center center;
   font-size: 1em;
   font-style: normal;
   line-height: 20px;
   color: #233d4f;
   padding: 4px 0px 9px;
}
#mainContent #generalForm .formcolheading {
	font-weight: bold;
	color: #304F61;
	font-size: 1em;
	font-style: normal;
	line-height: 25px;
	background: #FFF;
	padding-right: 5px;
	padding-left: 5px;
}
#mainContent  #generalForm .formhightlight {
	font-weight: bold;
	padding-top: 4px;
	line-height: 1.2em;
}
/* Button 1 */
#mainContent #generalForm #Submit1 {
        background: url(/images/submit-btn-1.png) no-repeat center top;
        height: 35px;
        width: 178px;
        border-style: none;
}
#mainContent #generalForm #Submit1:hover {
        cursor: hand;
        cursor: pointer;
        background: url(/images/submit-btn-1.png) no-repeat center bottom;
}