﻿/************************************************
	Copyright
    To Be Known 2008
	CSS StyleSheet by Tavis Basing
    Last Updated: 17 Oct 2008
	http://www.byteart.com

************************************************/

/************************************************
TEMPORARY STYLE                     [=TEMP]
GLOBAL STYLE                        [=GLOBAL]
blue: #013668

************************************************/

/**********  [=TEMP]   **********/


.debug { color: Red; font-size: 16px; font-weight: bold; }
.labelred {color:#1A3966;}
/**********  [=GLOBAL]   **********/

* { margin: 0; padding: 0; border:0; }
body { font: 16px/1.5 Arial, Helvetica, Verdana, Sans-Serif; background-color:#1A3966; /*background: url(../graphics/) no-repeat 0px 0px; background-position:bottom left; background-color:#025BAB;*/}
#wrap { width: 900px; text-align: center; margin: 0 auto; overflow: hidden; background-color:#FFFFFF; }
.leftbar{width:89px; background-color:#013668; float:left; height:479px;}
h2 {color:#013668; font-size: 12px; font-weight: bold; }
h3 {color:#013668; font-size:13px;font-weight:bold; margin:50px 0 90px;}
h4 {color:#013668; font-size:14px;font-weight:bold;line-height:1.8;}
img { border: none; }
.clear { clear:both; margin-bottom:0px; }
.clearlist { clear:both; margin-bottom:10px; margin-top:10px; }
a { text-decoration: none; color:#1A3966; }
a:hover { text-decoration: underline; color:#FDB030;}
.aboutBox {float: left; width: 460px;padding-top:10px;padding-left:10px;}
.aboutBoxbtm{float: left; width: 430px; padding-bottom:15px; }
.aboutleft {float: left; width: 225px;  text-align: left; }

.aboutright {float: right; width: 220px;  text-align: left;  }
div.form{ list-style: none; font-size: 11px; padding-top:15px; float:left; width:397px;}
.aboutright textarea { width: 180px; height: 80px; margin-top: 2px;border:1px solid #1A3966; }
.aboutright input.textfield { width: 179px;border:1px solid #1A3966; }
.aboutBox input{border:1px solid #1A3966; }
.aboutright label {margin-left:10px;}
.radiobtn{margin-right:5px;}
.shortdropdown { width: 183px;  font-size:11px; border:1px solid #1A3966;}
.longdropdown { width: 180px; font-size: 11px; border:1px solid #1A3966;}
.validationMsg { text-align:right; margin-left:10px; }
.errorMsg { color: Red; font-size:10px;}
.mL {display:none;}
.margimg{margin-bottom:5px;}

/**********  [=HEADER]   **********/

	#header { width:900px; height: 290px; float:left; margin:0 0 0px 0;background: url(../graphics/header.jpg) no-repeat 0px 0px;  }
	.headerie{height:290px; width:900px;background:transparent url(../graphics/main_body.jpg) repeat-y; }
	.datetime { font-family: Arial; margin: 0px 10px 0px 10px; float: right; width: 530px; }
    .left { float: left; width:250px;  }
    .right { float: right;padding-right:40px; width:210px; }	
	.headertext{font-family:Verdana;width: 450px; font-size:12pt; color:Black;padding-left:140px; padding-top:30px;float:left; }
    .printhead{color:White; font-size:9px; font-weight:bold; }
    .headtxt{width:100px; float:right;}
    .headtxt a{color:White;}
    .headtxt a:hover{}
    .logo { float: left; width:369px; height:99px; margin: 75px 0px 38px 8px; padding-bottom:5px; }
    .logo a {background: url(../graphics/MandM_Services_logo.jpg) no-repeat 0px 0px; width:369px; height:99px; display:block;margin-left:60px;}
    
    .mortgageimg{background: url(../graphics/mortgage-man-logo277x81.jpg) no-repeat 0px 0px; width:369px; height:99px; display:block;}
    .moneyimg{background: url(../graphics/MoneyMan-Logo.jpg) no-repeat 0px 0px; width:369px; height:99px; display:block;}
    .trustimg{background: url(../graphics/Trust&Wills-logo.jpg) no-repeat 0px 0px; width:369px; height:99px; display:block;}
    .linkfull{width:100% !important; height:100% !important; }
    .logo a.on {background: url(../graphics/Mortgage_management_logo.jpg) no-repeat 0px 0px; margin-left:10px; margin-top:9px; width:359px; height:101px; display:block;margin-left:69px;}
    .logo a.onm {background: url(../graphics/Wealth_logo2.jpg) no-repeat 0px 0px; margin-left:12px;  width:359px; height:115px; display:block;margin-left:69px;}
    .logo a.ont {background: url(../graphics/Wills_trust_logo.jpg) no-repeat 0px 0px; margin-left:12px; margin-top:9px; width:359px; height:101px; display:block;margin-left:69px;}
    .bannertop { cursor:pointer; margin:20px 40px 10px 0; float: right; font-size:9pt;line-height:1.3em; font-family:Arial;  background: url(../graphics/getaquote_btn.jpg) no-repeat 0px 0px;height:64px; width:221px; text-align:left; }
    .bannertxt{color:#E7CAD7; padding:15px 0px 0px 18px;}
    .bigquote{color:White; font-size:13pt;}
    .bannertxt:hover{color:#FFFDF5;}
    .bigquote:hover{color:#FFFDF5;}
    .logotxt{color:#00519E; font-family:Arial; font-size:11pt; font-weight:bold; margin-right:104px;}
    .logoemail a{color:#00519E; font-family:Arial; font-size:11pt; font-weight:bold; margin-right:57px;}
    .addthis{margin-top:5px;}
    .bluline{height:1px; background-color:#00519E; width:490px;}
    .navibartxt{font-family:Arial; color:#A1A2A4; font-size:13px;}
    .navibartxt a{padding-left:15px;}
        
    .navi ul li img {width: auto; float:left; height:auto;}
    .navi {  display: block; margin:0px 0px 0px 0px; clear:both; height:63px;margin-left:0px; width:900px;  background: url(../graphics/Tab_middle.jpg) repeat-x; background-position:top; }
    .navi ul { list-style: none; height: 63px; }
    .navi ul li { display: inline;}
    .navi ul li a { width: 138px; height: 63px;  display:block; float:left; padding:13px 0px 0px 0px; margin: 0px 0px 0px 0px;}
    .navi ul li a { font-size: 13px; font-weight:bold; color: #ffffff; text-decoration: none;line-height:2.3em;}  
    .navi ul li a.on { font-size: 13px; font-weight:bold;  text-decoration: none; background: url(../graphics/Tab_pointer.jpg) no-repeat; background-position:bottom; color: #ffffff;}
    .navi ul li a:hover { background: url(../graphics/Tab_pointer.jpg) no-repeat; background-position:bottom; color: #ffffff; }
    .navi ul li a.last {width:142px;}
    .navi ul li a.laston {width:142px; background: url(../graphics/Tab_pointer.jpg) no-repeat; background-position:bottom; }
    .navi ul li a.first {}
    
       
/**********  [=HOME]   **********/
	.boldnblue{font-size:15px; color:#1A3966;font-style:italic;font-weight:bold; height:260px;}
	.boldnblue p{margin:12px 0px;}
	.abouttext{float:left;margin:0 70px 30px;width:760px; }
	.abouttext ul{ font-weight:bold; font-size:13px; margin:20px 0px 20px 18px;}
	.abouttext li{padding-left:15px;}
	hr.solid{color:#FBB033;border-bottom:1px solid;}
	.bigtxt{font-size:18px;}
	.btmmainextra{width:780px; height:71px;margin:10px auto 0;overflow:hidden;color:#1A3966; font-size:11px; font-weight:bold; text-align:center;clear:both;}
	.btmmainblob{width:780px; margin:0 auto 5px;color:#1A3966; font-size:10px; font-weight:normal; text-align:center;}
	.btmmain{background-color:#1A3966; width:836px; height:32px;font-size:13px; font-weight:bold; padding-top:2px; margin:10px auto 5px; color:#FFFFFF; clear:both; text-align:center;}
	.btmmain a{color:#FBB033; text-decoration:none;font-size:15px;}
	.homeMiddle { text-align: left; line-height:1.6; width:900px;  background: url(../graphics/main_body.jpg) repeat-y;font-size:11px; padding: 0px 0px 0px 0px; overflow:hidden;}
    .topBanner { height: 158px; background: url(graphics/); display:block;margin-top:16px; }
  
    .main{padding:20px 50px;width:800px;overflow:auto; display:block;float:left;background:transparent url(../graphics/white-out-316x126.jpg) no-repeat 0px 0px; background-position: bottom right; height:auto;}
    .main a{color:#1A3966;}
    .main a:hover{color:#FBB033;}
    .btmBar{height:114px; float:right; width:661px;background:transparent url(../graphics/bottom-middle-upper-1.jpg) no-repeat 0px 0px; background-position: bottom right;}
    .mainfr{width:370px; padding:35px 20px 0px;display:block;float:left; height:auto;}
    .pagemenuM{height:auto; margin-top:10px;margin-bottom:30px; width:285px;border-bottom:solid 1px #FDBE5F;}
    .pmenuiM{width:285px; border-top:solid 1px #FDBE5F; height:18px; color:#1A3966;}
    .pmenuiM a{color:#1A3966;font-size:11px;font-weight:bold; cursor:pointer;letter-spacing:0.001em;}
    .pmenuiM img{float:right;padding-right:10px;padding-top:4px;}
    .pmenuiM a:hover img{float:right;padding-right:0px;padding-top:4px;}
    .pmenuhypM{width:245px; float:left;}
    .pagemenu{height:auto; margin-left:40px;margin-bottom:40px; width:260px;border-bottom:solid 1px #FDBE5F;}
    .pmenui{width:260px; border-top:solid 1px #FDBE5F; height:18px; color:#1A3966;}
    .pmenui a{color:#1A3966;font-size:11px;font-weight:bold; cursor:pointer;letter-spacing:0.001em;}
    .pmenui img{float:right;padding-right:10px;padding-top:4px;}
    .pmenui a:hover img{float:right;padding-right:0px;padding-top:4px;}
    .pmenuhyp{width:220px; float:left;}
    .pmenuimg{width:40px; float:left;}
    .pmenui a:hover{text-decoration:none;}
    .mainfr ul{ font-size:9px; padding:0px 0px 10px 15px; margin-left:10px; list-style-image:  url(../graphics/blue_arrow_bpoint.jpg)}
    .topleftM {float:left;margin:15px 0 0 50px;padding:0 0px 0px;height:auto; width:285px;min-height:400px;}
    .toprightM {padding:15px 25px 15px 30px;width:480px;float:left; margin:15px 0 0px 0px;height:auto;}
    .toprightM ul {margin-left:15px;}
    .toprightM a{color:#1A3966;}
    a.Convbtn {clear:both;background: url(../graphics/Conveyancebut.gif) no-repeat 0px 0px; float: left; display: block;height:38px; width:285px;}
    a.Convbtn:hover {background-position:bottom;}
    a.ConvbtnHome {clear:both;background: url(../graphics/Conveyancebut.gif) no-repeat 0px 0px;display: block;height:38px; width:285px;margin-bottom:15px;margin-left:9px;}
    a.ConvbtnHome:hover {background-position:bottom;}
    .topleft {float:left; margin:15px 0 0px 32px;padding:0 0px 0px;height:auto; font-size:10pt; width:431px;}
    .topleft a{cursor:pointer;}
.topleft a:hover{}
    .topleft p { margin: 0 0 8px 0;  margin:0 0 20px; }
    .topleft li{margin-left:4px;padding-left:2px;}
    .topleft ul{}
    .topleft li{}
    .topleftm {display:block;float:left; margin:30px 0 0px 60px;padding:0 0px 0px; width:383px; height:545px; color:#4D4D4D; font-size:10pt;   }
    .topright {background:transparent url(../graphics/white-out-316x126.jpg) no-repeat 0px 0px; background-position: bottom right; float: left; display: block; padding:30px; width:350px; height:auto; overflow:auto; }
    .topright ul{padding:10px 0px 10px 15px; margin-left:10px; list-style-image:  url(../graphics/blue_arrow_bpoint.jpg) }
    .topright img{margin-right:10px;margin-top:5px;}
    .hide { display: none; }
    .address{font-size:10px;width:179px; text-align:left;}
    .leftadd{width:55px; float:left;}
    .rightadd{width:94px; float:left; padding-bottom:10px;}
    .midadd{width:20px; float:left;}
    .rightadd a{}  
    .mainlogot{background: url(../graphics/Mortgage_logo.jpg) no-repeat 0px 0px; width:377px; height:120px;display:block;margin-top:25px;}
    .mainlogom{background: url(../graphics/Wealth_logo.jpg) no-repeat 0px 0px; width:377px; height:118px; display:block;}
    .mainlogob{background: url(../graphics/Trust_and_wills_logo.jpg) no-repeat 0px 0px; width:377px; height:110px; display:block;}
    .mainsigb{background: url(../graphics/SWW_logo.jpg) no-repeat 0px 0px; width:223px; height:43px; display:block;margin-left:5px; margin-bottom:0px;}
    .newbanner {width:468px; height:60px; display:block;float:left;padding-left:10px;
padding-top:6px;}
    .mainimg{width:408px; height:78px; background:transparent url(../graphics/homenum.jpg) no-repeat 0px 0px; margin-left:28px; margin-top:0px;}
	.spacer{height:15px;}
	.textmain {width:175px; float:left;}
	.textspan {width:65px; float:right; text-align:right;}
/**********  [=TopLeftBar]   **********/    
    
  .toplnavi {  display: block; margin:5px 10px 0px 0px; clear:both;height:auto;}
    .toplnavi ul { list-style: none; height: auto; }
    .toplnavi ul li {margin-bottom:2px; line-height:1.2em; padding-right:3px; text-align:right; }
    .toplnavi ul li a { width: 148px; height: 33px; background: url(../graphics/grey-subheader.jpg); background-position:top;  display:block; padding-right:5px; margin: 0px 3px 0px 0px; }
    .toplnavi ul li a { font-size: 7.5pt; font-weight:bold; color: #666666; text-decoration: none;}  
    .toplnavi ul li a.on { font-size: 7.5pt; font-weight:bold;  text-decoration: none; background: url(../graphics/blue-subheader.jpg); background-position:bottom; color: #ffffff;}
    .toplnavi ul li a:hover { background: url(../graphics/blue-subheader.jpg); background-position:bottom; color: #ffffff; }
    .toplnavi ul li a.last { width: 148px; margin: 0; background: url(../graphics/grey-subheader.jpg); background-position:top; }
    .toplnavi ul li a.laston { width: 148px; margin: 0; background: url(../graphics/blue-subheader.jpg); background-position:bottom; color: #ffffff; }
    .toplnavi ul li a.last:hover { background: url(../graphics/blue-subheader.jpg); background-position:bottom; color: #ffffff; }
 
 /**********  [=Morgages]   **********/   
.bluestrip{background:transparent url(../graphics/blue_strip.jpg) repeat-x; height:56px; width:474px;color:#FFFFFF;margin-top:40px;padding:5px 10px;text-align:center;}
   
/**********  [=LANGUAGE LIST]   **********/
.langlist {width:366px;}
.leftcol{width:122px; float:left; margin-bottom:10px;}
.middlecol{width:122px; float:left; margin-bottom:10px;}
.rightcol{width:122px; float:left; margin-bottom:30px;}


/**********  [=CONTACT]   **********/

companyContactDetails { text-align:center;  width: 161px;}
address { font:11px/1.3 Arial, Helvetica, Verdana, Sans-Serif; margin:20px 15px;}
address span { display: block; text-align: left; width: 160px; }
address span.officename { font-size: 12px; color: #A60531; font-weight: 200; }
address span.mapLink a { text-decoration: underline; }
.button{float:right; background: url(../graphics/button.jpg) no-repeat; width:80px; height:32px; padding:5px 0px 0px 28px; font-size:14px; font-weight:bold;}
.aboutBoxbtm a{color:#FFFFFF;}
.aboutBoxbtm a:hover{color:#FDBE5F; text-decoration:none;}
.chbxStyle{padding-right:5px; width:182px;}
.chbxStyle label{padding-left:5px;}
.gmap{ margin:12px auto 0px; width:400px; color:#013668; border:solid 1px #013668; height:300px; }
.gmap a{color:#013668;}


/**********  [=FOOTER]   **********/

#footer { overflow:hidden; height:30px; display: block; padding: 0 0px 0 0px; margin: 0 auto; width: 900px; background: url(../graphics/footer.jpg) no-repeat 0px 0px;}
#footer p.copyright { color: #1A3966; font-size: 9px; padding:20px 40px 0px; font-weight:bold;}
#footer p.copyright2 { color: #FFFFFF; font-size: 9px; padding:10px 40px 0px; font-weight:bold;text-align:center;}
#footer p.copyright2 a { color: #FFFFFF; padding: 0px 5px 0px 5px; }
#footer p.copyright2 a:hover { text-decoration: underline; }
.leftf { float: left; margin-top:0px; padding-bottom:0px; }
.rightf {padding-bottom:0px; }







