/* --- Copyright www.firstmortgage.co.uk -- created by www.drimlike.com ---*/


body { background-color:#CCCCCC; font-size:12px; color:#000000; text-align:center; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0}

#global { width:940px; margin-left:auto; margin-right:auto ;border-right:#FFFFFF solid 25px;border-bottom:#FFFFFF solid 25px;border-left:#FFFFFF solid 25px; background-color:#FFFFFF; text-align:left;}
#logo { float:left; width:400px; height:110px; padding:15px 0 5px 0; }
#logo a, #logo a:hover { text-decoration:none}
#toplogo { float:right; width:250px;}
.searchfmd { padding:10px 0 0 0; width:250px; height:32px; float:right; } 
#toplinks ul { margin:0; padding:5px 0 0 13px;}
#toplinks { width:230px; height:70px; float:right; padding-top:0px;  }
#toplinks li {padding-bottom:5px;list-style-image: url(../images/bullet01.gif);list-style-position: outside center;list-style-type: none;}
#toplinks li a, #toplinks li a:hover { color:#999999; text-decoration:none; font-size:14px; font-weight:normal  }
#railway { width:935px; color:#999999; font-size:10px; padding:10px 0 0 5px;;}
#railway a {  color:#999999; }
#railway a:hover {  color:#BF0418; text-decoration:none }
#homebannerlarge { width:935px; padding:0 0 0 0; }

#homeleftcol { width:720px; float:left; padding-top:20px;}
#homerightcol { width:220px; float:right; padding-top:20px;}
#homeleftcol2 { width:220px; float:left; padding-top:20px;}
#homerightcol2 { width:485px; float:right; padding-top:20px;}
#bigbox { width:700px; height:291px; background-image:url(../images/spotlight.jpg); background-position:left top; background-repeat:no-repeat;}
#bigboxtxt { width:425px; height:73px; padding:175px 0 0 40px; float:left;}
#bigboxlink { width:185px;  text-align:center; padding-top:202px; float:left}
#bigboxlink a { color:#FFFFFF; text-decoration:none; font-size:14px}
#bigboxlink a:hover { color: #FFFF00}
#bigboxlink2 { width:700px;  text-align:center; padding-top:3px; clear:both}
#bigboxlink2 a { color:#FFFFFF; text-decoration:none; margin:0 50px 0 50px;}
#bigboxlink2 a:hover { color: #FFFF00}

#bigboxblank { width:700px; }
#bigboxblank h1 { padding-top:40px;}

#miniboxcall { width:283px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-call.jpg); background-position:left top; background-repeat:no-repeat; float:left; }
#miniboxquote { width:221px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-quote.jpg); background-position:left top; background-repeat:no-repeat; float:left; }
#miniboxbranch { width:283px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-branch.jpg); background-position:left top; background-repeat:no-repeat; float:left}
#miniboxcall p, #miniboxquote p, #miniboxbranch p { width:140px; text-align:left}

#miniboxcall2 { width:205px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-call.jpg); background-position:left top; background-repeat:no-repeat; float:left; }
#miniboxquote2 { width:223px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-quote.jpg); background-position:left top; background-repeat:no-repeat; float:left; margin-top:30px; }
#miniboxbranch2 { width:197px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-branch.jpg); background-position:left top; background-repeat:no-repeat; float:left; margin-top:30px;}
#miniboxcall2 p, #miniboxquote2 p, #miniboxbranch2 p { width:140px; text-align:left}
#artpicture { width:240px; height:160px; float:left; }


.headbox{ width:197px;padding:5px 10px 0px 10px; background-image:url(../images/bkg-minibox.gif); background-position:left top; background-repeat:no-repeat; float:left; }
.headboxhome{ width:197px;padding:5px 10px 0px 10px; background-image:url(../images/bkg-miniboxhome.gif); background-position:left top; background-repeat:no-repeat; float:left; }
.colbox { width:197px; padding:5px 10px 10px 10px; background-image:url(../images/bkg-colbox.gif); background-position:left bottom; background-repeat:no-repeat; float:left; margin-bottom: 20px; }
.colbox8 { width:197px; padding:5px 10px 10px 10px; background-image:url(../images/bkg-colbox-v2.gif); background-position:left bottom; background-repeat:no-repeat; float:left; margin-bottom: 20px; }
.colbox ul { margin: 0 0 0 10px; padding:10px 0 10px 10px; }
.colbox li {list-style-image: url(../images/puce.gif);list-style-position: outside center;list-style-type: none;}
.contactusbox { width:430px; border: 3px solid #DDD; padding:10px; margin-bottom:20px; float:left}
.contactusbox p { text-align:center}

/*home*/
.colboxhometools { width:197px; padding:5px 10px 10px 10px; background-image:url(../images/bkg-colboxhome.gif); background-position:left bottom; background-repeat:no-repeat; float:left; margin-bottom: 20px; }


#footer { clear:both; width:940px; padding-top:40px; color:#999; text-align:center}
#footer a { color:#999 }
.blackfooter {color:#000000}


/* homepage v2 big box */
#bigbox8 { width:935px; height:291px; background-image:url(../images/spotlight-v3.jpg); background-position:left 20px; background-repeat:no-repeat; padding-top:20px; }
#bigboxtxt8 { width:425px; height:73px; padding:175px 0 0 70px; float:left;}
#bigboxlink8 { width:185px;  text-align:center; padding:202px 0 0 110px; float:left}
#bigboxlink8 a { color:#FFFFFF; text-decoration:none; font-size:14px}
#bigboxlink8 a:hover { color: #FFFF00}

#bigboxlink9 { width:930px;  text-align:center; padding-top:3px; clear:both}
#bigboxlink9 a { color:#FFFFFF; text-decoration:none; margin:0 75px 0 75px;}
#bigboxlink9 a:hover { color: #FFFF00}

#bigboxblank8 { width:700px; }
#bigboxblank8 h1 { padding-top:40px;}

#miniboxcall8 { width:298px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-call-v4.jpg); background-position:left top; background-repeat:no-repeat; float:left; }
#miniboxquote8 { width:278px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-family-v3.jpg); background-position:left top; background-repeat:no-repeat; float:left; }
#miniboxbranch8 { width:298px; height:130px; padding:5px 10px 10px 10px; background-image:url(../images/minibox-branch-v3.jpg); background-position:left top; background-repeat:no-repeat; float:left; }
#miniboxcall8 p, #miniboxquote8 p, #miniboxbranch8 p { width:190px; text-align:left}


/*-- txt class --*/
h1 {font-family: "Arial Black", Arial; font-size:20px; color:#BF0418; font-weight:bold}
h2 {font-family: "Arial Black", Arial; font-size:16px; font-weight:bold; border-bottom:1px dotted #CCCCCC;}
h3 {font-size:12px; font-weight:bold; text-align:justify;}
h5 { font-size:10px}
p { text-align:justify}
a {color:#BF0418; font-weight:bold; text-decoration:none}
a:hover { text-decoration:underline}

.number { font-size:20px;color:#BF0418; font-weight:normal; margin-left:3px;}
.redlogo { font-family: "Arial Black", Arial, Verdana, "Trebuchet MS"; font-size:42px; color:#BF0418; font-weight:bold}
.blacklogo { font-family: "Arial Black", Arial, Verdana, "Trebuchet MS"; font-size:42px; color:#000000; font-weight:bold}
.greylogo, .greylogo a { font-size:40px; color: #999999; font-weight:normal}
.tagline { width:430px; padding:2px 0 0 0; margin:0;}
.tagline a { font-size:14px; color:#666; margin-right:15px; font-family:  Arial, "Arial Black", Verdana, "Trebuchet MS"; }

/*
.redlogo { font-family: "Arial Black", Arial, Verdana, "Trebuchet MS"; font-size:38px; color:#BF0418; font-weight:bold}
.blacklogo { font-family: "Arial Black", Arial, Verdana, "Trebuchet MS"; font-size:38px; color:#000000; font-weight:bold}
.greylogo, .greylogo a { font-size:36px; color: #999999; font-weight:normal}
.tagline { width:395px; padding:2px 0 0 0; margin:0;}
.tagline a { font-size:13px; color:#666; margin-right:15px; font-family:  Arial, "Arial Black", Verdana, "Trebuchet MS"; }
*/

.mortgage { font-family: "Arial Black", Arial, Verdana, "Trebuchet MS"; color:#BF0418; font-weight:bold}
.redablight { font-family: Arial, Verdana, "Trebuchet MS"; color:#BF0418; }
.redablight2 { font-family: Arial, Verdana, "Trebuchet MS"; color:#BF0418; font-size:18px }
.first { font-family: "Arial Black", Arial, Verdana, "Trebuchet MS"; color:#000000; font-weight:bold}
.blackab2 { font-family: "Arial Black", Arial, Verdana, "Trebuchet MS"; color:#000000; font-weight:bold; font-size:18px}
.h1like {font-family: "Arial Black", Arial; font-size:20px; color:#BF0418; font-weight:bold}
.h2like {font-family: "Arial Black", Arial; font-size:16px; font-weight:bold; border-bottom:1px dotted #CCCCCC;}
#miniboxquote p, #miniboxcall p, #miniboxbranch p,#miniboxquote2 p, #miniboxcall2 p, #miniboxbranch2 p { font-size:11px}

/*content*/

#homecontentsommaire { width:485px; float:left}
#homecontenttxtsommaire { width:445px; float:right; padding:0 20px 0 20px;}

#homecontent { width:700px; float:left}
#homecontenttxt { width:460px; float:right}

#homecontenttxt ul { list-style:square; font-size:15px; font-weight:bold;}

.sep { border-top: 10px solid #DDD; margin:20px 0 0 0; }
.sep h2,.sep p {font-size:0.9em}
.dottedstyle { width:100%;border-bottom:1px dotted #CCCCCC; padding-top:5px;}
.floatleft { float:left; padding:5px 5px 0 0 ;}
.cap2, .cap2 a { text-transform:uppercase; color:#333333; padding-bottom:30px; font-style:italic}
.cap, .cap a { text-transform:uppercase; color:#333333; padding-bottom:0px;}

input, textarea { border:#CCC 1px dotted; background-color:#EEE}
label { font-size:11px; color:#666666}

.underline  { color: #999; font-size: 11px; text-align: right; margin: 5px 0 10px; width: 100%; border-top: 1px dotted #999 }

ul.branchtable { margin:0; padding:0 0 20px 0; list-style:none; float:left;}
ul.branchtable li { clear:both; background-color:#EEEEEE; border:1px solid #FFFFFF; width:450px; height:20px; padding:5px; list-style:none; float:left;}
.branchname { float:left;}
.branchnum { float:right;color:#BF0418;}


/* MENU */

.menu { width:940px; height:29px; clear:both; background-color:#CC6699}

/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

.menu ul li a, .menu ul li a:link, .menu ul li a:visited, .menu ul li a:active { background-image:url(../images/bkg-menu.gif); background-position:left top; background-repeat:no-repeat; width:188px; height:15px; margin-right:0px; text-transform:uppercase; font-size:12px; color:#FFFFFF; text-decoration:none; }
.menu ul li a:hover { background-image:url(../images/bkg-menu-hover.gif); background-position:left top; background-repeat:no-repeat;color:#CCCCCC; background-color:#FFFFFF; text-decoration:none}
.menu ul li ul li a, .menu ul li ul li a:link, .menu ul li ul li a:visited, .menu ul li ul li a:active {background-image:none;background-color: #eeeeee; width:180px; height: auto;font-size:12px; text-transform:none; color: #333333; text-decoration:none; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC}
.menu ul li ul li a:hover { background-image:none; color:#BF0418; background-color:#FFF; text-decoration:none; border-left:1px solid #BF0418; border-right:1px solid #BF0418;}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:27px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font-size:12px;
width:188px;
padding:7px 0;
color:#000;
background: #FFF;
text-decoration:none;
margin-right:1px;
text-align:center;
}
/* style the links hover */
.menu :hover{

color:#fff;
background:#999999;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:188px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
width:188px;
visibility:visible;
}


/* -------------- form-------------*/

.togList
{
font-family: verdana;
margin: 0 0 0;
}

.togList dt
{
cursor: pointer; 
cursor: hand;
color: #c00;
font-size: 1em; 
text-decoration: none;
}


.togList dt span
{
font-family: verdana;
color: #c00;
font-size: 1em; 
text-decoration: none;
}

.togList dd
{
width: 500px;
margin: 0 0 0;
}

html.isJS .togList dd
{
display: none;
} 

.txthome h2 { margin:15px 0 10px 0; border-top:1px dotted #CCCCCC; padding-top:10px; font-size:14px}
.txthome p { text-align:justify; font-size:12px}
.homeboxtxt { color: #FFF}

.pictohome {  float:right; padding:15px 15px 0 0; margin: 10px 0 10px 20px; }
.homeboxfoot { clear:both; border-top:1px dotted #CCCCCC; margin:10px 0 0 0; padding: 10px 0 0 0; float:left;}
.homeboxfoot2 {  border-top:1px dotted #CCCCCC; margin:10px 0 0 0; padding: 10px 0 0 0; width:300px; background-color:#CCCCCC;}

.quotecontact { width:200px; float:left; margin-left:20px;}
.pound { font-size:14px; font-weight:normal; margin-right:5px; }

/* tools */
.toolsbox { background-image:url(../images/bkg-toolboxhome.jpg); background-position:left 20px; background-repeat:no-repeat; width:420px; height:110px; padding:28px 15px 0 15px;}
.ptools { font-size:13px; font-family: "Arial Black", Arial; margin:0; padding:0;}
.tools ul { margin:0; padding:5px 0px; list-style:none;}
.tools li  { list-style:none; width:135px; height:22px; text-align:center; padding-top:10px; display:inline-block; float:left;}
.tools li a { font-size:12px; width:135px;}

/* news */
.news { padding:10px 0 0 0;}
.news a { text-transform:uppercase; font-size:11px;}
.news p { margin:0 5px 0 0; padding:0; font-size:11px;}


/* but home */
.buthome { height:22px; text-align:right; padding:0 0 10px 0; }
.buthome a { display:block; width:75px; height:18px; background-color:#999999; float:right; padding:5px 25px 0 0; background-image:url(../images/bkg-but-home.jpg); background-position:left top; background-repeat:no-repeat; color:#FFFFFF; text-decoration:none;}
.buthome a:hover { background-position:right top}
.h1webinar { font-size:10px;  height:25px; padding:7px 0 0 8px; margin: 20px 0 0 0; background-image:url(../images/bkg-plus-home.jpg); background-position:left top; background-repeat:no-repeat; clear:both;}
.h1webinar h2 { margin:0; padding:0 0 0 30px; font-size:12px; border:0;}

/* plc */
#propertylow { float:right; width:290px; text-align:right; padding:20px 5px 0 0;}
img { border:0;}
#bigbox4 { width:935px; height:271px; background-image:url(../images/spotlight-plc.jpg); background-position:left top; background-repeat:no-repeat; padding-top:20px; }
#bigboxlink4 { text-align:center; padding:0px 0 0 0px; }
#bigboxlink4 a { color:#FFFFFF; width:145px; height:22px; display: inline-block; margin:0 10px 0 10px; padding:6px 0 0 0; text-decoration:none; font-size:14px; background-image:url(../images/but-plc.jpg); background-position:left top; background-repeat:no-repeat;}
#bigboxlink4 a:hover { color: #FFFF00}
#bigboxtxt4 { width:425px; height:53px; padding:175px 0 0 70px; float:left;}
.highPLC { font-family:"Arial Black", Arial, Helvetica, sans-serif; font-size:14px; color:#203f81; }