/*
Theme Name: BFPMortgages Resp
Theme URI: http://wordpress.org/
Description: BFPMortgages Resp theme
Author: Lamtha2
Version: 1.0 
Tags: two-columns, fixed-width

License:
License URI:

General comments: Comp with IE8 upwards
*/

body {margin:0; padding:0;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   color:#000;
   }
   
h1 {font-family: "Trebuchet MS", sans-serif; font-size:1.4em; font-weight:100;color:#D50000;}
h2 {font-family: "Trebuchet MS", sans-serif; font-size:1.2em;font-weight:100;color:#c9a000;}
h3 {font-family: "Trebuchet MS", sans-serif; font-size:1.0em;font-weight:100;color:#D50000;}
h4 {font-family: "Trebuchet MS", sans-serif; font-size:1.0em;color:#828282;}
h5 {font-family: "Trebuchet MS", sans-serif; font-size:0.9em;}
h6 {font-family: "Trebuchet MS", sans-serif; font-size:0.8em;}
p {font-size:0.8em;}
li {font-size:0.8em;}
a{text-decoration:underline; color:#515151;} a:hover{text-decoration:none;}
li a{text-decoration:none;} li a:hover{text-decoration:underline;}

.homepage_feat h1{text-transform:uppercase; }
.homepage_feat a{color:#ff9933;text-decoration:none;}

.gold{background-color:#c9a000;}
.red{background-color:#D50000;}

a img {border:0;}

table {border: solid 1px #c9a000;}
th {font-family: "Trebuchet MS", sans-serif; background-color:#c9a000; color:#fff;}
td{font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;font-size:0.8em; border-bottom: 1px #c9a000 dotted;border-left: 1px #c9a000 dotted;}

hr {margin:20px 0;border:solid 1px #eee;}
.marginTop {margin-top:20px;}
#contacttop h3{color:#000;font-size:1.1em;margin-bottom:0;margin-top:20px;}
#contacttop a{color:#000;text-decoration:none;}
.socialicons {float:right;margin-left:10px;}
.socialicons li {display:inline;}
.socialicons ul {margin:24px 0 0 0;padding:0;}
.contacts{float:right;}

#logo {padding:20px 0 20px 0;}

#contactbox_lge {color:#fff; overflow:hidden;}
#contactbox_lge hr {margin:20px 0;border:solid 1px #fff;}
#contactbox_lge h2 {display:inline;font-size:22px;!margin:0;color:#fff;}
#contactbox_lge p {font-size:14px;!margin:0;}
#contactbox_lge a {color:#fff;text-decoration:none;}
.contactbox_lge_content{padding:40px 20px 40px 20px;}

#contactbox_sml{margin-bottom:20px;}
.contactbox_sml_content{padding:20px 10px;}
#contactbox_sml hr {border:solid 1px #fff;margin:20px 0;}
doesnotexist:-o-prefocus, #contactbox_sml hr {margin:10px 0;} /* opera 12 hack */
#contactbox_sml hr {!margin:10px 0;} /* ie7 correction */
#contactbox_sml h2{font-size:17px;font-weight:100;margin-top:0px;color:#fff;}
#contactbox_sml h2{margin:0\; padding:0\;} /* ie8 correction */
#contactbox_sml h2{!margin:0;!padding:0;} /*  ie7 correction */
#contactbox_sml a{text-decoration:none;} 

.icons {width:15%;float:left;}
.contactboxtext{width:85%;float:left; }
.contactboxtext:hover {
		text-shadow: 2px 2px 2px #000; /* not IE */
		text-decoration:none;
		color:#ddd\9; /* ie only */
	}
	
/* easy testimonials */
#testimonialbox {
	min-height:180px; 
	overflow:hidden;
	margin-bottom:20px;
	color:#fff;
	}
#testimonialbox h2.widgettitle {
	margin-top:0;
	font-size:24px;
	}
.testimonial a{
	font-size:12px;
	color:#fff;
	}
.testimonial {
	padding:20px;
	}
blockquote.easy_testimonial p {
	font-size:14px;
	}
blockquote.easy_testimonial.testimonial_author p {
	font-style:italic;
	font-weight:bold;
}
blockquote.easy_testimonial {
	padding:0 !important;
}
span.testimonial-client {
	font-weight:bold;
}




.mortdisclaimer {border:solid 2px #ddd;background-color:#eee;padding:10px;color:#D50000;font-style:italic;list-style:none;}


/* webfonts - not used
@font-face {
    font-family: 'heydings_iconsregular';
    src: url('fonts/heydings_icons-webfont.eot');
    src: url('fonts/heydings_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/heydings_icons-webfont.woff') format('woff'),
         url('fonts/heydings_icons-webfont.ttf') format('truetype'),
         url('fonts/heydings_icons-webfont.svg#heydings_iconsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*  ---------------  */


#footerwrapper {background:url(images/footer_bg.png); min-height:300px;}

footer  h3{font-family: "Trebuchet MS", sans-serif; font-size:1.0em;color:white;}
footer p{font-size:0.7em;color:#ccc;}
footer a{color:#ccc;text-decoration:none;}

#footarea3 {padding-top:14px;}
#footarea4 p{color:#828282;text-align:center;margin-top:30px;}
#footarea4 a{color:#828282;text-decoration:none;}

.copyright {color:#C9A000;}
   
.roundedcorners10 {
   border-radius:10px;
   behavior: url(../wp-content/themes/bfpmortgages-resp/csspie/PIE.htc);
   }
   
.thumbs {height:160px; width:auto; border:solid 2px #e9e9e9;}

.shadow {
	-moz-box-shadow:2px 2px 14px #666;
	-webkit-box-shadow:2px 2px 14px #666;
	box-shadow:2px 2px 14px #666;	
	behavior: url(../wp-content/themes/bfpmortgages-resp/csspie/PIE.htc);
	}

.lamtha2logo
{ position: relative;
  display: block;
  float: left;
  background-image: url('images/designed_by_l2_off.jpg');
  background-repeat: no-repeat;
  height: 29px;
  width: 89px;
  cursor: pointer;
}

.lamtha2logo:hover
{ background-image: url('images/designed_by_l2_on.jpg');
  background-repeat: no-repeat;
}

/* Artisteer horizontal menu */
  
.nav
{
   padding:6px;
}

ul.hmenu 
{
   text-decoration:none;  
   margin: 0;
   padding: 0;
   margin-right:8px;
}

ul.hmenu li
{
   display: block;
   float: left;
}

.hmenu
{
   float: right;
}

ul.hmenu>li {
   margin-left: 7px;
}


ul.hmenu>li>a
{
   background: #828282;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
   behavior: url(../wp-content/themes/bfpmortgages-resp/csspie/PIE.htc);
   padding:0 12px;
   margin:0 auto;
   position: relative;
   display:block;
   !display: inline; /* for ie7*/
   height: 30px;
   cursor: pointer;
   color: #FFFFFF;
   line-height: 30px;
   text-align: center;
}

.hmenu a, 
.hmenu a:link, 
.hmenu a:visited, 
.hmenu a.active, 
.hmenu a:hover
{
   font-size: 15px;
   font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
   font-weight: 100;
   font-style: normal;
   text-decoration: none;
   text-align: left;
}

ul.hmenu>li>a.active
{
   background: #515151;
   background: rgba(51,51,51, 0.8);
   padding:0 12px;
   margin:0 auto;
   color: #FAFAFA;

}

ul.hmenu>li>a:hover
{
   background: #E0E0E0;
   padding:0 12px;
   margin:0 auto;
    color: #515151;
	text-decoration:none;
}

/* Artisteer vertical menu */

ul.vmenu, ul.vmenu ul
{
   list-style: none;
   display: block;   
}

ul.vmenu, ul.vmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.vmenu
{
   margin-top: 15px;
   margin-bottom: 0;
   padding:10px;
}

ul.vmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position: relative;
}

ul.vmenu ul.active
{
   display: block;
}

ul.vmenu>li>a
{
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   behavior: url(../wp-content/themes/bfpmortgages-resp/csspie/PIE.htc);
   padding:0 10px;
   margin:0 auto;
   color: #515151;
   min-height: 30px;
   line-height: 30px;
}
ul.vmenu a 
{
   display: block;
   cursor: pointer;
   z-index: 1;
   font-size: 12px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   position:relative;
}

ul.vmenu li{
   position:relative;
}

ul.vmenu>li
{
   margin-top: 0;
}
ul.vmenu>li>ul
{
   padding: 0;
   margin-top: 0;
   margin-bottom: 0;
}
ul.vmenu>li:first-child
{
   margin-top:0;
}

ul.vmenu>li>a:hover, ul.vmenu>li>a.active:hover
{
   background: #E0E0E0;
   padding:0 10px;
   margin:0 auto;
}

ul.vmenu a:hover, ul.vmenu a.active:hover 
{
   color: #515151;
}

ul.vmenu>li>a.active:hover>span.border-top, ul.vmenu>li>a.active:hover>span.border-bottom 
{
   background-color: transparent;
}

ul.vmenu>li>a.active
{
   background: #515151;
   padding:0 10px;
   margin:0 auto;
   color: #FFFFFF;
}

ul.vmenu>li>ul:before
{
   background: #DCE3EA;
   background: transparent;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
      behavior: url(../wp-content/themes/bfpmortgages-resp/csspie/PIE.htc);
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

ul.vmenu li li a
{
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
      behavior: url(../wp-content/themes/bfpmortgages-resp/csspie/PIE.htc);
   margin:0 auto;
   position: relative;
}
ul.vmenu ul li
{
   margin: 0;
   padding: 0;
}
ul.vmenu li li{
   position: relative;
   margin-top: 0;
}

ul.vmenu ul a
{
   display: block;
   position: relative;
   min-height: 28px;
   overflow: visible;
   padding: 0;
   padding-left: 15px;
   padding-right: 15px;
   z-index: 0;
   line-height: 28px;
   color: #B8B8B8;
   font-size: 12px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   margin-left: 0;
   margin-right: 0;
}

ul.vmenu ul a.active:hover, ul.vmenu ul a:hover, ul.vmenu ul a.active
{
   line-height: 28px;
   color: #e0e0e0;
   font-size: 12px;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   margin-left: 0;
   margin-right: 0;
}

ul.vmenu ul ul a
{
   padding-left: 30px;
}
ul.vmenu ul ul ul a
{
   padding-left: 45px;
}
ul.vmenu ul ul ul ul a
{
   padding-left: 60px;
}
ul.vmenu ul ul ul ul ul a
{
   padding-left: 75px;
}

ul.vmenu li li a:before
{
   margin-right:10px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.vmenu li li a:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.vmenu ul>li>a:hover, ul.vmenu ul>li>a.active:hover
{
   background: #e0e0e0;
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
      behavior: url(../wp-content/themes/bfpmortgages-resp/csspie/PIE.htc);
   margin:0 auto;
}
ul.vmenu ul li a:hover, ul.vmenu ul li a.active:hover
{
   color: #515151;
}

ul.vmenu ul a:hover:after
{
   background-position: center ;
}
ul.vmenu ul a.active:hover:after
{
   background-position: center ;
}
ul.vmenu ul a.active:after
{
   background-position: bottom ;
}

ul.vmenu li li a:hover:before
{
   content:url('images/vmenuhoveredsubitemicon.png');
   margin-right:10px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.vmenu li li a:hover:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.vmenu ul>li>a.active
{
   -webkit-border-radius:5px;
   -moz-border-radius:5px;
   border-radius:5px;
      behavior: url(../wp-content/themes/bfpmortgages-resp/csspie/PIE.htc);
   margin:0 auto;
}
ul.vmenu ul a.active, ul.vmenu ul a:hover, ul.vmenu ul a.active:hover
{
   color: #525252;
}

ul.vmenu li li a.active:before
{
   content:url('images/vmenuactivesubitemicon.png');
   margin-right:10px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.vmenu li li a.active:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

/* jquery cycle slideshow */

#home_mainimage, #noscript_home_mainimage {position:relative;}
.slideshow {	width:620px;height:400px;}
.transbg {position:absolute; top:70px; left:0px; width:435px; display:block;  background-color:rgba(99,73,73,0.8); }
.transbg {background-color:#634949 \9; } /*required for ie8 and below */
.transbg h1{color:#fff;text-transform:none;margin:15px;font-size:32px;}
.learnmorebtn{position:absolute; top:300px; left:415px;background-color:#c9a000;padding:10px 10px;}
.learnmorebtn a {color:white;text-decoration:none;font-size:24px;}
.learnmorebtn a:hover {text-decoration:none;}
.learnmorebtn:hover {text-shadow: 2px 2px 2px #000; /* not IE */
		-ms-transform: scale(1.02); /* IE 9 */
		 -webkit-transform:  scale(1.02); /* Safari and Chrome */
		 -o-transform:  scale(1.02); /* Opera */
		 -moz-transform:  scale(1.02); /* Firefox */
}
	
#pager {
	position:absolute;
	top:370px;
	left:10px;
	z-index:99;
}
#pager a {
	text-decoration: none;
	color:#c9a000;
	font-family: "Trebuchet MS", sans-serif;
	font-size:8px;
	font-weight:bold;
	margin-left:10px;
}
#pager a:hover {text-decoration: underline;}
	
#pager a {background: #c9a000; text-decoration: none; margin: 0 3px; padding: 1.5px 3px;  }
#pager a.activeSlide { background: #D50000; color:#D50000; }
#pager a:focus { outline: none; }

/* wordpress styles */

.widgettitle{display:inline;font-family: "Trebuchet MS", sans-serif; font-size:1.0em;color:white;}
.mortdisclaimer .widgettitle{color:#000;}
.mortdisclaimer .textwidget p {font-size:1.0em;}
.alignleft {float:left; margin:10px 10px 10px 0px;}
.alignright {float:right; margin:10px 0px 10px 10px;}

/* FS contact form - callback form */

#FSContact1, #FSContact2{font-size:0.8em; margin-top:30px;margin-left:0px;}

/* enquiry form */

#enquiry_form {width:500px;}
#enquiry_form label {width:200px;float:left;text-align:right;padding-right:1em;font-size:0.7em;margin:6px 0;}
#enquiry_form input, #enquiry_form select, #enquiry_form textarea {margin:5px 0;}
/* #enquiry_form {border:solid 1px orange; padding:20px;margin:10px;} */
#enquiry_form .submitbutton {padding-left:210px;}
/* #mortgagetype1, #mortgagetype2 {display:none;} not required now hidden with jquery so they display if js turned off*/
#thanksnotice{display:none;}


/*** Responsive starts ***/

/* mobmenu - displays for phones and small tablets */
	.mobmenubutton {padding-top:20px;}

/***** Phone *****/
@media only screen and (max-width: 480px) {
	.contacts{font-size:0.8em;}
	.socialicons {float:left;margin-left:0;}
	#logo img {max-width:100%;}
	#home_mainimage {display:none;}
	.contactbox_lge_content {padding:20px;}
	.callback{}
	.enquiry{display:none;}
	.mortcalc{display:none;}	
	.thumbs {height:60px; width:auto; float:left; margin-right:10px;}
	/** contact/callback form **/
	#FSContact1{width:250px !important;}
	#FSContact1 label,#FSContact1 input,#FSContact1 select{float:left;text-align:left;}
	/** enquiry form **/
	#enquiry_form{width:250px !important;}
	#enquiry_form label,#enquiry_form input,#enquiry_form select{float:left;text-align:left;}
	#enquiry_form .submitbutton{padding-left:0;}
	#mortgagetype1,#mortgagetype2{float:left;}
}

/***** tablet small *****/
@media only screen and (min-width: 481px) and (max-width: 768px) {
	#home_mainimage img{max-width:100%;}
	.thumbs {height:100px; width:auto; float:left; margin-right:10px;}
	.learnmorebtn{position:absolute; left:20px;}
	#contactbox_sml h2{margin-left:5px;}
}


/***** phone and tablet small *****/
@media only screen and (max-width: 768px) {
	#contacttop h3{font-size:1.0em;margin-top:0px;}
	.contacts{margin-left:0px;float:left;}
	#logo {padding-top:20px;}
	ul.vmenu {margin-top: 0px;}
	h1{margin-top:0px;}
}

/***** Tablet (769px to 959px) *****/
@media only screen and (min-width: 769px) and (max-width: 959px) {
	.learnmorebtn{position:absolute; left:300px;}
	#contactbox_lge p{font-size:12px;}
	#contactbox_sml h2 {padding-left:10px;}
	.contactbox_lge_content {padding-top:20px;}
}

/***** up to 959px) *****/
@media only screen and (max-width: 959px) {
	#contacttop h3{font-size:1.0em;}
}

/***** desktop only *****/
@media only screen and (min-width: 960px) {
	#contactbox_lge {min-height:400px;}
}