/* --- Copyright www.firstmortgage.co.uk -- created by www.drimlike.com ---*/
@charset "utf-8";

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-top:#FFFFFF solid 15px;border-right:#FFFFFF solid 25px;border-bottom:#FFFFFF solid 25px;border-left:#FFFFFF solid 25px; background-color:#FFFFFF; text-align:left;background-image:url(../images/picturebkg.jpg); background-position:right top; background-repeat:no-repeat;}
#logo { float:left; width:500px; height:110px;}
#logo a, #logo a:hover { text-decoration:none}
#toplinks { width:240px; height:110px; float:right; padding-top:5px; }
#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 }

#content { width:680px; float:right; padding :0px 10px 0 0; }
#pagination2 { width:660px; float:right; padding :0px 10px 0 0; }
#pagination3 { width:490px; float:right; padding :0px 10px 0 0;  }
.news {border-bottom:1px dotted #CCCCCC; padding:10px 0 10px 0;}
.news ul li {list-style-image: url(../images/puce.gif);list-style-position: outside center;list-style-type: none;}
.news2 { padding:10px 0 10px 0;}
.date { color:#999999; font-weight:bold;}
.imgnews { float:right; padding:3px; background-color:#CCCCCC; text-align:center; margin: 0 0 5px 15px;}
.kw, .kw a { font-size:10px; font-weight:normal; float:right; padding:3px; clear:both; margin:0px 0px 30px 40px;}
.snippet { font-weight:bold}

#share {  width:250px; width:670px; text-align:center; padding-top:15px;}
#havecomment {  width:670px; float:left; margin-bottom:10px; padding:20px 10px 10px 10px;}
#havecomment2, #havecomment3 { float:left; width:330px; padding-top:10px}
#comments {  padding:3px 10px 5px 10px;border:1px dotted #CCCCCC; color:#666666; font-size:11px; font-weight:bold; background-color:#EEEEEE; margin-bottom:5px;  }
#comments p {color:#666666; font-size:11px; font-weight:normal; margin-top:5px; margin-bottom:5px;}

#share { width:680px; }
#share ul { clear:both; margin:0; padding:0; width:680px; }
#share ul li { display: block; padding:5px 5px 5px 3px; border:1px solid #CCCCCC; height:16px; width:80px; float:left; margin:0 0 0 20px; text-align:center;}
#tools { width:680px; }
#tools ul li { display: block; padding:5px 5px 5px 3px; border:1px solid #CCCCCC; height:16px; width:80px; float:left; margin:0 0 0 20px; text-align:center;}
#tools ul { clear:both; margin:0; padding:20px 0 0 220px; width:460px;}
.blocker { clear:both; height:30px;}

#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; }
#miniboxcall2 p { width:130px; margin-bottom: 5px;}
.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; }
.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; }
.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;}

#homeleftcol { width:220px; float:left; padding-top:10px;}

#contactfmd { width:940px; border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC; font-size:16px}
#contactfmd a { font-size:16px; margin-left:120px; padding:30px; }
#contactfmd a:hover { color:#BF0418}
#footer { clear:both; width:940px; padding-top:40px; color:#999; text-align:left}
#footer a { color:#999 }



/*-- txt class --*/
h1 {font-family: Arial, Helvetica, sans-serif; font-size:22px; color:#BF0418; font-weight: normal; margin-bottom:3px}
h2 {font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
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:none; color:#000}

.number { font-size:18px;color:#BF0418; font-weight:normal; }
.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 , .tagline a { font-weight:bold; font-size:14px; color:#000000}
.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;}


/*content*/

#homecontent { width:700px; float:left}
#homecontenttxt { width:460px; float:right}
.sep { border-top: 10px solid #DDD; margin:30px 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 ;}
.floatright { float:right;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; font-weight:bold}

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 }

#archivescontent {width:500px; float:right; padding :0px 100px 0 0; }
#archivescontent h2 a { font-size:30px; font-weight:normal; color: #CCCCCC}
.archivesbox {border-top: 1px dotted #999; font-size:18px; font-weight:normal; color:#000000}
#archivescontent ul li a { font-size:14px; font-weight:bold; color:#000000; }
#archivescontent ul li {list-style-image: url(../images/puce.gif);list-style-position: outside center;list-style-type: none;}
#archivescontent ul li ul li a { font-size:12px; font-weight:normal; color:#BF0418}





/* MENU */

.menu { width:940px; height:29px; clear:both; }

/* 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;
}


 

.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; }