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


/* Font Styles */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #656464; }

.blueheading { font-family: Arial, Helvetica, sans-serif; font-size: 17px; color: #0099cc; line-height: 20px; }

.blueheadingsmall { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0099cc; line-height: 16px; margin-bottom: 3px; }

.navigationselected { color: #0099cc; }

h1 { font-size: 18px; line-height: 21px;  color: #00AAD7; font-weight: bold; }
h2 { font-size: 16px; line-height: 19px;  color: #00AAD7; font-weight: bold; }
h3 { font-size: 14px; line-height: 16px;  color: #00AAD7; font-weight: bold; }
h4 { font-size: 12px; line-height: 14px;  color: #00AAD7; font-weight: bold; }

.greenlargetext { font-size: 17px; line-height: 21px;  color: #009933; font-weight: bold; }

.greentext { color: #009933;  }


.greenhead { color: #009933; padding-bottom: 5px; padding-top: 3px; margin-bottom: 5px; font-weight: bold; }

.mortgagetext { margin: 6px; line-height: 18px; } 


/*Link Styles*/

/*#mortgage A:link { color: #006633; text-decoration: underline; }*/

a:link { color: #00AAD7; text-decoration: underline; font-size: 13px; }
a:visited { color: #00AAD7; text-decoration: underline; font-size: 13px; }
a:active { color: #00AAD7; text-decoration: underline; font-size: 13px; }
a:hover { color: #666666; }



.navigationitem a:link { color: #333333;  text-decoration: none;  font-weight: bold; font-size: 12px; } 
.navigationitem a:active { color: #333333;  text-decoration: none;  font-weight: bold; font-size: 12px; } 
.navigationitem a:visited { color: #333333;  text-decoration: none;  font-weight: bold; font-size: 12px; } 
.navigationitem a:hover { color: #0099cc; }

.navigationselect a:link { color: #0099cc; text-decoration: none;  font-weight: bold; font-size: 12px; } 
.navigationselect a:active { color: #0099cc;  text-decoration: none;  font-weight: bold; font-size: 12px; } 
.navigationselect a:visited { color: #0099cc;  text-decoration: none;  font-weight: bold; font-size: 12px; } 
.navigationselect a:hover { color: #0099cc; }

.navigationsection a:link { color: #0099cc; text-decoration: none;  font-weight: bold; font-size: 12px; } 
.navigationsection a:active { color: #0099cc;  text-decoration: none;  font-weight: bold; font-size: 12px; } 
.navigationsection a:visited { color: #0099cc;  text-decoration: none;  font-weight: bold; font-size: 12px; } 
.navigationsection a:hover { color: #0099cc; }

.navigationitem2 a:link { color: #333333;  text-decoration: none;   font-size: 12px; } 
.navigationitem2 { color: #333333;  text-decoration: none;   font-size: 12px; } 
.navigationitem2 a:visited { color: #333333;  text-decoration: none;   font-size: 12px; } 
.navigationitem2 a:hover { color: #0099cc; }

.navigationselect2 a:link { color: #0099cc;  text-decoration: none;   font-size: 12px; } 
.navigationselect2  a:active { color: #0099cc;  text-decoration: none;   font-size: 12px; } 
.navigationselect2  a:visited { color: #0099cc;  text-decoration: none;   font-size: 12px; } 
.navigationselect2  a:hover { color: #0099cc; }


.signin a:link { color: #333333 !IMPORTANT;  text-decoration: none;  font-size: 12px; } 
.signin a:active { color: #333333 !IMPORTANT;  text-decoration: none;  font-size: 12px; } 
.signin a:visited { color: #333333 !IMPORTANT;  text-decoration: none;  font-size: 12px; } 
.signin a:hover { color: #333333 !IMPORTANT;  text-decoration: underline;  font-size: 12px; } 

.signin a.self:link { color: #00AAD7 !IMPORTANT;  text-decoration: none;  font-size: 12px; } 
.signin a.self:active { color: #00AAD7 !IMPORTANT;  text-decoration: none;  font-size: 12px; } 
.signin a.self:visited { color: #00AAD7 !IMPORTANT;  text-decoration: none;  font-size: 12px; } 
.signin a.self:hover { color: #00AAD7 !IMPORTANT;  text-decoration: underline;  font-size: 12px; } 

.greenlink a:link { color: #009933; !important  text-decoration: underline;  font-size: 13px; } 
.greenlink a:active { color: #009933;  text-decoration: underline;  font-size: 13px; } 
.greenlink a:visited { color: #009933;  text-decoration: underline;  font-size: 13px; } 
.greenlink a:hover { color: #009933; !important text-decoration: none;  font-size: 13px; } 

.mortgageclubdeals a:link { color: #009933; !important  text-decoration: underline;  font-size: 13px; } 
.mortgageclubdeals a:active { color: #009933;  text-decoration: underline;  font-size: 13px; } 
.mortgageclubdeals a:visited { color: #009933;  text-decoration: underline;  font-size: 13px; } 
.mortgageclubdeals a:hover { color: #009933; !important text-decoration: none;  font-size: 13px; } 


/* DIV templates */

.container { width: 993px; margin: auto; }

.leftmargin {width: 27px; float:left; height: 480px; }
.rightmargin {width: 26px; float:right; height: 480px;}

.logo { width: 105px; height: 77px; margin-top: 15px; margin-bottom: 20px; float: left; padding-left: 15px;}


.welcomeuser { width: 100px; height: 35px;  margin-top: 58px; margin-bottom:2px; padding-top:7px; margin-left:10px; float: left; color: #009933; }

.headerlinks { width: 785px; height: 23px;  margin-top: 70px; margin-bottom:2px; float: right; color: #cccccc; }

.headerelement { height: 31px; width: 240px; margin-left:20px; float: right;  }

.signin { height: 20px; width: 500px; margin-left:6px; float: left; padding-top:8px; color: #333333;  text-align: left;font-weight:bold;}

.header { height: 110px; width: 908px; float: left;} 

.footer { width: 800px; margin-left: 0px; padding-left: 156px; padding-top: 10px; float: left; height: 55px;  background-color: #fff;   text-align: left; font-size: 11px; color: 999; margin-bottom: 20px; } 

.navigation { width: 130px; float: left; }

.navigationitem{ padding-left: 15px; margin-bottom: 7px; }

.navigationselect { padding-left: 15px; background-image: url('images/arrow_background.jpg');
background-repeat: no-repeat; margin-bottom: 7px;  }

.navigationsection { padding-left: 15px; margin-bottom: 7px;  }

.navigationitem2{ padding-left: 23px; margin-bottom: 7px; }

.navigationselect2{ padding-left: 23px; background-image: url('images/arrow_background.jpg');
background-repeat: no-repeat; margin-bottom: 7px; }


.content { width: 540px; float: left; }

.topimage {float: left; }

.maintext {width: 530px; float: left; margin-top: 10px; margin-bottom: 10px; margin-right:5px;}


.rightpanel { width: 262px; float: left;  }
.rightpanel img{ margin-bottom:10px;  }

.table {width: 800px; float: left; margin-top: 15px; margin-bottom: 10px; float:right; line-height: 22px;}

.adverts {padding-left: 156px; width: 800px; float: left; margin-top: 10px; margin-bottom: 10px; float:left; line-height: 22px;}


.collumnright { width: 256px; float: left; }
.collumnleft { width: 258px; float: left; margin-right: 15px;} 

.mortgageclubdeals { background-color: #e8f7ef; border: 1px solid #009933; line-height: 18px; margin-top: 12px; width: 254px; }

.rightcolflash { height:85px;}

.bluebox { border: 1px solid #0099cc; line-height: 18px;  width: 400px; padding: 5px; color: #0099cc; font-weight: bold; font-size: 17px; }


.template3left { width: 90px; float: left; }
.template3right { margin-left: 10px; width: 420px; float: left; }

.fullwidth { width: 910px; float: left;  margin-top: 10px; } 

.fullwidthleft { width: 520px; float: left; margin-right: 12px; padding-right: 10px; margin-left: 112px;}
.fullwidthright { width: 256px; float: left; line-height: 21px;  }


.maintext2 {width: 530px; float: left; margin-top: 0px; margin-bottom: 10px; margin-right:12px; line-height: 16px;}


/*  List styles  */

ul { list-style:none; margin: 0px; padding: 0px; }
li { list-style:none; margin: 0px; padding-bottom: 7px; }
oi { list-style:none; margin: 0px; padding: 0px; }


.textlist ul { padding-left: 15px; background: url("images/green_dot.gif") no-repeat;
 padding-bottom: 10px; margin-left: 0px; font-size: 13.5px;
 }
 
.textlist li, .homepageright li { padding-left: 15px; background: url("images/green_dot.gif") no-repeat;
 padding-bottom: 18px; margin-left: 0px; font-size: 13.5px;  }

#content ul, .TabbedPanelsContent ul, .rightpanel ul, .showbullets ul { padding-left: 10px;  padding-bottom: 10px; margin-left: 0px; font-size: 13.5px;
 }
 
#content li, .TabbedPanelsContent li, .rightpanel li, .showbullets li { padding-left: 10px; background: url("images/green_dot.gif") no-repeat;
 padding-bottom: 10px; margin-left: 0px; font-size: 13.5px;  }
 
 
 /* Formatting */


hr { border-style: dotted ;   border-width: 1px 0 0; } 

.clear {clear:both;height:1px;width:100%;}
.updatearchivecontainer {padding-top:10px;}
.updatearchivedate {float:left;width:20%;padding-top:1px;}
.updatearchivelink {float:left;width:79%;}
.updatearchiveabstract {float:left;padding-top:5px;padding-bottom:5px;}

a img {border:0;}

a.rightdeal:link { color: #656464; text-decoration: none; font-size: 12px; }
a.rightdeal:visited { color: #656464; text-decoration: none; font-size: 12px; }
a.rightdeal:active { color: #656464; text-decoration: none; font-size: 12px; }
a.rightdeal:hover { color: #666666; text-decoration: underline; font-size: 12px; }


/*div {border:1px solid red}*/

/* widths set via class so printing works. */
td.w250 {width:250px;}
td.w130 {width:130px;}
table.w800 {width:800px;}
td.w150 {width:150px;}
td.w85 {width:85px;}
td.w48 {width:48px;}
td.w49 {width:49px;}
td.w41 {width:41px;}
td.w45 {width:45px;}

.exclusivedetails {float:left;width:450px;}

    .mypets{ /*header of 1st demo*/
    cursor: hand;
    cursor: pointer;
    padding: 2px 5px;
    border: 1px solid gray;
    background: #E1E1E1;
    }
    
    .openpet{ /*class added to contents of 1st demo when they are open*/
    background: yellow;
    }
    
    .technology{ /*header of 2nd demo*/
    cursor: hand;
    cursor: pointer;
    font: bold 14px Verdana;
    margin: 10px 0;
    float: right;
    margin-top: 5px; margin-right: 10px; 
    
    }
    
    .thelanguage { margin-top: 15px; margin-right: 10px; width: 450px; }
    .columns { width: 200px; margin-right: 10px; float: left; }
    .columnwide { width: 450px; margin-top: 20px; margin-bottom: 20px; float: left; }
    
	.openlanguage{ /*class added to contents of 2nd demo when they are open*/
      color: green;
    }
    
    .closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
      color: red;
    }
    
    .screenhide {display:none !IMPORTANT;}
    
div.lefthalf {float:left;width:47%;padding-bottom:10px;}
div.righthalf {float:left;width:47%;margin-left:5%;padding-bottom:10px;}

div.redcolumnheading {background-color:#FF2500;color:#ffffff !IMPORTANT;padding:5px;margin:3px 0 3px 0;}
div.bluecolumnheading {background-color:#00AAD7;color:#ffffff !IMPORTANT;padding:5px;margin:3px 0 3px 0;}
div.redcolumnitem {background-color:#FFECEC;padding:8px;margin:3px 0 3px 0;}
div.bluecolumnitem {background-color:#CEECF7;padding:8px;margin:3px 0 3px 0;}
.redlargetext { font-size: 17px; line-height: 21px;  color: #FF2500; font-weight: bold; }
.redtext { color: #FF2500;  }
.bluelargetext { font-size: 17px; line-height: 21px;  color: #00AAD7; font-weight: bold; }
.bluetext { color: #00AAD7;  }

div.clearer, div.spacer, div.clear {clear:both;}
div.rightbutton {margin-bottom:15px;}


.tlscroller {text-align:center;}
.tlcontainer {position:relative;overflow:hidden;height:300px;border:0;padding:12px 12px 12px 0;}
.tlcontainerred {background-color:#FFECEC;}
.tlcontainerblue {background-color:#CEECF7;}
.tlitemblue {float:left; background:url(images/tlbg_blue.gif) no-repeat bottom left;margin-bottom:12px;}
.tlitemred  {float:left; background:url(images/tlbg_red.gif) no-repeat bottom left;margin-bottom:12px;}
.tlitemblue h3, .tlitemred h3 {color:#ffffff;display:inline;float:left;direction:ltr; block-progression:rl;writing-mode: tb-rl;padding:10px 0 20px 20px;height:80px;unicode-bidi: embed;text-orientation-vertical:right;}
.tlcontent {float:left;padding-left:0;font-size:12px;width:180px;}
.tlcontent ol, .tlcontent ol li {list-style-type:none !IMPORTANT;list-style-image:none !IMPORTANT;background:none !IMPORTANT; padding:0 ;margin:0 ;font-size:12px !IMPORTANT;padding-left:0 !IMPORTANT}
.tlitemred ol li {border-top:1px solid #FF2500;padding-top:8px;}
.tlitemblue ol li {border-top:1px solid #00AAD7;padding-top:8px;}
.tlcontent ol li.first {border-top:0;padding-top:0;}
.tlscrollerdownblue, .tlscrollerdownred, .tlscrollerupblue, .tlscrollerupred {width:100%;height:20px;}
.tlscrollerdownblue {background:url(images/tlbluedown.gif) no-repeat top center ;}
.tlscrollerdownred {background:url(images/tlreddown.gif) no-repeat top center;}
.tlscrollerupblue {background:url(images/tlblueup.gif) no-repeat bottom center;}
.tlscrollerupred {background:url(images/tlredup.gif) no-repeat bottom center;}
.tl8blue {background:url(images/tl8blue.gif) no-repeat top left;width:50px;height:80px;float:left;}
.tl6blue {background:url(images/tl6blue.gif) no-repeat top left;width:50px;height:80px;float:left;}
.tl4blue {background:url(images/tl4blue.gif) no-repeat top left;width:50px;height:80px;float:left;}
.tl2blue {background:url(images/tl2blue.gif) no-repeat top left;width:50px;height:80px;float:left;}
.tl1blue {background:url(images/tl1blue.gif) no-repeat top left;width:50px;height:80px;float:left;}
.tl8red {background:url(images/tl8red.gif) no-repeat top left;width:50px;height:80px;float:left;}
.tl6red {background:url(images/tl6red.gif) no-repeat top left;width:50px;height:80px;float:left;}
.tl4red {background:url(images/tl4red.gif) no-repeat top left;width:50px;height:80px;float:left;}
.tl2red {background:url(images/tl2red.gif) no-repeat top left;width:50px;height:80px;float:left;}
.tl1red {background:url(images/tl1red.gif) no-repeat top left;width:50px;height:80px;float:left;}
.tlongoingred {background:url(images/tlongoingred.gif) no-repeat top left;width:50px;height:120px;float:left;}
.tlongoingblue {background:url(images/tlongoingblue.gif) no-repeat top left;width:50px;height:145px;float:left;}

.contactform, .contactform fieldset {padding:10px; margin:0;border:0;width:400px;}
.contactform input.itext, .contactform textarea.itext {width:200px;border:1px solid #656464;}
.contactform input.ibutton {color:#ffffff;background-color:#00AAD7;font-size:12px;margin:0;padding:2px;border:0;}
.contactform .fieldcontainer {width:350px;padding:5px;}
.fieldcontainer .field {float:left;padding-left:5px;}
.fieldcontainer .label {float:left;width:80px;padding-top:3px;}
.fieldcontainer .field .bluelargetext { font-size: 24px !IMPORTANT;}