/* GLOBAL STYLES */

* {border: none; outline: none; font-family: Tahoma, Arial, Sans-Serif;}

body {color: #333;font-size: 90%;background: #000 url("http://www.yatesandcoifa.co.uk/media/layout/background.jpg") 50% 0 no-repeat;}

a {color: #6f021c;text-decoration: underline;}
a:hover {color: #6f021c;text-decoration: none;}

.formitem .label {float: left;}
.formitem .item {float: left;}

h1 { font-size: 120%; font-family: Georgia; color: #6f021c; font-weight: normal;}
h2 { font-size: 165%; font-family: Georgia; color: #6f021c; font-weight: normal;}
h3 { font-size: 110%; font-family: Georgia; color: #6f021c; font-weight: normal;}
h4 { font-size: 105%;font-family:  Georgia; color: #6f021c; font-weight: normal;}
h5 { font-size: 100%; font-family: Georgia; color: #6f021c; font-weight: normal;}

h1, h2, h3, h4, h5 {margin-bottom: 5px;}

.fl { float: left; }
.fr { float: right; }
.al { text-align: left; }
.ar { text-align: right; }
.ac { text-align: center; }
.clearing { clear: both; }
.print_hidden { display: none; }

.fc:after { 	height: 0;	clear: both;font-size: 0;content: ".";display: block;visibility: hidden;}
.fc {	display: inline-block;}
.clear {clear: both;}

/* NEWS TEMPLATES */

.news_item_short {width: 600px;margin: 10px 0 0 0;}
.news_item_short {}
.news_item_short .left {float: left;width: 100px;}
.news_item_short .right {float: right;width: 490px;}
.news_item_short .title {font-weight: bold;margin-bottom: 10px;}
.news_item_full {width: 600px; padding: 10px 0}
.news_item_short h3 a {font-family: Georgia;font-weight:normal;}


.pagination {clear: both;float: right;margin: 10px 0 10px 0;}
.pagination a {text-decoration: none;}
.pagination .active {color: #0097d5;text-decoration: underline;}


/* PAGE STYLES */

.shell {margin: 0 auto;width: 906px;}

.branding {height: 90px; color: #fff; }
.branding p {float: left; font-size: 90%; margin-top: 30px;}
.branding a {float: right;}

#home_banner {
	width: 902px;
	height: 220px;
	overflow: hidden;
	position: relative;
}
#home_banner img {
    top: 0;
	left: 0;
	display: block;
	position: absolute;
}

.splash {
width: 902px;
height: 220px;
border: 2px solid #440011;
border-bottom: none;
background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-1.jpg") no-repeat;
}
body.home .splash { background: none; }

body.pensionpage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-1.jpg") no-repeat; }
body.newspage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-2.jpg") no-repeat; }
body.protectionpage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-3.jpg") no-repeat; }
body.howwecanhelppage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-4.jpg") no-repeat; }
body.whychooseuspage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-5.jpg") no-repeat; }
body.solicitorspage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-5.jpg") no-repeat; }
body.getintouchpage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-6.jpg") no-repeat; }
body.pensiondivorcepage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-7.jpg") no-repeat; }
body.respurchasepage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-8.jpg") no-repeat; }
body.resmortgagepage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-8.jpg") no-repeat; }
body.mortgagespage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-9.jpg") no-repeat; }
body.lfppage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-10.jpg") no-repeat; }
body.buytoletmortgagepage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-10.jpg") no-repeat; }
body.whatisfinancialplanningpage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-11.jpg") no-repeat; }
body.buytoletremortgagepage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-11.jpg") no-repeat; }
body.resremortgagepage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-12.jpg") no-repeat; }
body.investplanpage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-13.jpg") no-repeat; }
body.selectplanpage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-14.jpg") no-repeat; }
body.secloanspage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-14.jpg") no-repeat; }
body.equitypage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-15.jpg") no-repeat; }
body.businesspage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-16.jpg") no-repeat; }
body.busprotectionpage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-16.jpg") no-repeat; }
body.commfinpage .splash { background: url("http://www.yatesandcoifa.co.uk/media/layout/banner-16.jpg") no-repeat; }



/* NAVIGATION */
.nav {height: 40px;border-left: 2px solid #440011;border-right: 2px solid #440011;background: url("http://www.yatesandcoifa.co.uk/media/layout/nav_bg.jpg") no-repeat;}
.nav ul {list-style: none;margin: 10px 0 0 0;padding: 0;}
.nav li {float: left; padding: 0 2px;border-left: 1px dotted #fff;}
.nav li.first {border: none;}
.nav li a {font-family: Georgia;padding: 0 6px; color: #fff; text-decoration: none;}


/* CONTENT AREA */
.content_shell {background: #fff url("http://www.yatesandcoifa.co.uk/media/layout/content_bg.jpg") repeat-x;padding: 20px;border-left: 2px solid #440011;border-right: 2px solid #440011;}

.content {font-size: 90%;float: left; width: 650px;}
.content h2 {margin: 0;}
.content {}
.content a {color: #6f021c;text-decoration:underline;}
.content a:hover {text-decoration:none;}

.contentform form {margin: 0; padding: 10px 0;}
.contentform span {float: left; width: 120px;}
.contentform input {border: 1px solid #999; padding: 3px; margin: 0 0 7px 0px; width: 170px;}
.contentform textarea {border: 1px solid #999; padding: 3px; font-size: 90%; width: 300px; height: 100px;}
.contentform p {font-size: 90%; padding: 0; margin: 5px 7px}
.contentform .callbutton {border: none; width: 69px; height: 25px; padding: 0;}


/*SIDEBAR*/
.sidebar {float: right;width: 200px;}

.sidebar .subnav {font-size: 80%;background: url("http://www.yatesandcoifa.co.uk/media/layout/sidebarblock.jpg") repeat-x;padding-top: 5px;}
.sidebar .subnav ul {list-style: none;padding: 0;}
.sidebar .subnav li {margin: 0; padding: 8px 8px; border-top: 1px dashed #6f021c;}
.sidebar .subnav a {color: #333; text-decoration: none;}
.sidebar .subnav a span {color: #6f021c; font-weight: bold;}
.sidebar .subnav .first {border: none;}
.sidebar .subnav .first a {font-size: 150%; color: #6f021c;font-family: Georgia;}

.sidebar .subnav ul ul {margin-top: 5px;padding-top:5px;}
.sidebar .subnav ul ul li a {color: #666;}
.sidebar .subnav ul ul ul li a {color: #999;}

.sidebar .subnav ul ul ul {margin-left: 0px;padding-left:0px;}
.sidebar .subnav ul ul ul li {margin-left: 0px;padding-left:0px;}

.sidebar .subnav li.active a {text-decoration:underline;}
.sidebar .subnav li.active li a {text-decoration:none;}
.sidebar .subnav li.first a {text-decoration:none;}

.sidebar .moneymatters {padding-bottom: 10px; background: url("http://www.yatesandcoifa.co.uk/media/layout/sidebarblock.jpg") repeat-x;padding-top: 5px;}
.sidebar .moneymatters p {font-size: 80%; color: #444;margin: 8px;}
.sidebar .moneymatters h3 {border-bottom: 1px dashed #6f021c; margin: 0px 8px 0 8px; padding: 4px 0 8px 0; font-weight: normal; font-size: 130%; color: #6f021c;font-family: Georgia;}
.sidebar .moneymatters em {font-family: Georgia; color: #000;}
.sidebar .moneymatters a {font-size: 130%;color: #6f021c; font-family: Georgia; text-decoration: none;}

.sidebar .getintouch {height: 150px; margin-top: 20px; background: url("http://www.yatesandcoifa.co.uk/media/layout/getintouch.jpg") repeat-x;padding-top: 5px;}
.sidebar .getintouch p {font-size: 80%; color: #444;margin: 8px;}
.sidebar .getintouch h3 {border-bottom: 1px dashed #6f021c; margin: 5px 8px 0 8px; padding: 4px 0 8px 0; font-weight: normal; font-size: 130%; color: #6f021c;font-family: Georgia;}
.sidebar .getintouch .bignumber {font-size: 160%; font-family: Georgia; color: #6f021c}


/* FOOTER */
.footer-shell {background: url("http://www.yatesandcoifa.co.uk/media/layout/footer_bg.jpg") repeat-x;width: 100%;}

.footer {height: 170px;  background: #000 url("http://www.yatesandcoifa.co.uk/media/layout/footer_body_bg.jpg") no-repeat; width: 906px;margin: 0 auto;}
.footer a {color: #fff;}

.contactbar {padding: 5px 20px;color: #fff;height: 40px;}
.contactbar * {font-family: Georgia;}
.contactbar .call {float: left;}
.contactbar .email {float: left; margin-left: 20px;}
.contactbar .address {float: right;}

.footer .copyright {clear: both;padding: 0 20px; width: 600px; float: left;}
.footer .copyright p {font-size: 70%; color: #999;}
.footer .blueleaf {float: right; font-size: 80%; padding: 10px 20px;}


/* VARIOUS CLASSES */
.introtext {color: #6f021c;font-family: Georgia;}


/* HOME PAGE */



.home-content {float: left; width: 420px; margin-right: 20px;}
.home-options {float: right; width: 200px;}


.home-opinion {background: url("http://www.yatesandcoifa.co.uk/media/layout/option1.jpg") no-repeat;padding-bottom: 10px;}

.home-opinion h3,
.home-whatourclientssay h3 {border-bottom: 1px dashed #6f021c; margin: 0px 8px 0 8px; padding: 8px 0; font-weight: normal; font-size: 130%; color: #6f021c;}

.home-opinion p {font-size: 80%; padding-left: 8px; padding-right: 8px;}
.home-opinion .introtext {font-size: 90%; color: #6f021c;font-family: Georgia;}
.home-opinion p a {font-sizE: 110%; color: #6f021c;font-family: Georgia; font-style: italic; text-decoration: none;}

.home-whatourclientssay {background: url("http://www.yatesandcoifa.co.uk/media/layout/option2.jpg") no-repeat; padding-bottom: 20px;}

.home-whatourclientssay p {font-size: 90%; color: #6f021c;font-family: Georgia;padding-left: 8px; padding-right: 8px;}
.home-whatourclientssay p a {color: #6f021c;font-family: Georgia; font-style: italic; text-decoration: none;}


/* HOW WE CAN HELP */

.block-dontknow {
margin-top: 20px;
margin-left: 50px;
width:200px;
float: left;
height: 140px;
background: url("http://www.yatesandcoifa.co.uk/media/layout/arrowdown.png") no-repeat;
}

.block-know {
margin-top: 20px;
margin-right: 50px;
width: 200px;
float: right;
height: 140px;
background: url("http://www.yatesandcoifa.co.uk/media/layout/arrowright.png") no-repeat;
}

.block-know p, .block-dontknow p {
color: #6f021c;
text-align: center;
font-size: 100%;
padding: 10px 20px;
margin: 0;
}

#scenariotable {
border: 1px solid #aaa;
border-collapse: collapse;
}

#scenariotable thead {
font-weight: bold;
}

#scenariotable tr, #scenariotable td {border: 1px solid #aaa; padding: 8px;}


/* CALLBACK FORM */

.callbackform form {margin: 0; padding: 0;}
.callbackform input {border: 1px solid #999; padding: 3px; margin: 0 0 7px 10px; width: 170px;}
.callbackform p {font-size: 90%; padding: 0; margin: 5px 7px}
.callbackform .callbutton {border: none; width: 69px; height: 25px; padding: 0;}
.enquirybutton {border: none !important; width: 69px !important; height: 25px !important; padding: 0;}

.getintouchpage .content {position: relative;}
.getintouchcontent {float: left; width: 200px; }
.mapshell {position: absolute; top: 0; right: 0; width: 430px; height: 250px; }
#map {width: 400px; height: 200px; margin-top: 10px; }
.getintouchform {clear:both; padding-top: 20px;}
.getintouchform h2 {margin-bottom: 10px }