/* ---------------------------    HTML Styling      --------------------------- */
/* ---------------------------------------------------------------------------- */

body {
    margin: 0;
    padding: 0;
    background: #313131 URL("http://www.intermediaries.themarsden.co.uk/media/layout/backgrounds/body.jpg") repeat-x;
    color: #fff;
    font-size: 80%;
    font-family: arial, tahoma, sans-serif;
}

/* --------------------------  Global use elements  --------------------------- */
/* ---------------------------------------------------------------------------- */
* {
outline: none;
}
a {
    color: #fff;
    text-decoration: none;
font-weight: bold;
}

a:hover {
    color: #ccc;
    text-decoration: none;

}

a img {
    border: none;
}

div {
    width: inherit;
}

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

.nomargin { margin: 0 !important; }
.nopadding { padding: 0 !important; }

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

.fc {
	display: inline-block;
}

.pink {
    color: #F06;
}

.line-break {
    width: 100%;
    height: 2px;
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/backgrounds/linebreak.gif") repeat-x;
}

h1, h2, h3, h4, h5, p{
    margin: 0;
    padding: 0;
}



h1 {
    font-size: 400%;
    color: #F06;
    margin-bottom: 10px;
}

h2 {
    font-size: 220%;
    color: #F06;
}

h3 {
    font-size: 175%;
    color: #F06;
    margin-bottom: 10px;
}

table h4 {
    color: #F06;
    margin: 10px 0;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}

p{
margin-top:10px;
margin-bottom:10px;
line-height:140%;
}

/* -------------------------  Accessibility Elements  ------------------------- */
/* ---------------------------------------------------------------------------- */

.helper, #accessible {
    /* display:none; hides content from screen readers so... */
    height:1px;
    left:0;
    overflow:hidden;
    position:absolute;
    top:-500em;
    width:1px;
}

/* ---------------------------  Structure Elements  --------------------------- */
/* ---------------------------------------------------------------------------- */

#container {
    margin: 0 auto;
    width: 955px;
    background: #1c1c1c;
}


/* -----------------------------  Header Elements  ---------------------------- */
/* ---------------------------------------------------------------------------- */


#branding {
    width: 100%;
    height: 80px;
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/backgrounds/branding.gif") #000 no-repeat;
}



#branding #logo {
    float: right;
    margin-top: 13px;
    margin-right: 25px;
    width: 217px;
    height: 51px;
    
}

#branding #logo a img{
    border: none;
    
}


#heading {
    position: relative;
    width: 100%;
    height: 180px;
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/structure/header-home.jpg") #000 no-repeat;
}

#smallheading {
    position: relative;
    width: 100%;
    height: 78px;
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/structure/header-small.jpg") #000 no-repeat;
}

#heading #accessibility,
#smallheading #accessibility {
    position: absolute;
    bottom: 30px;
    width: 50px;
    right: 41px;
}

#accessibility .resize-increase {
    display: block;
    height: 20px;
    float: left;
    text-indent: -9999px;
    width: 20px;
    margin-left: 2px;
}

#accessibility .resize-decrease {
    display: block;
    float: left;
    height: 20px;
    text-indent: -9999px;
    width: 20px;
}


#navigation {
    width: 890px;
    margin: 0 auto 15px auto;
    height: 35px;
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-off.gif) 0px 0px no-repeat;
}

#navigation ul{
    float: left;
    width: 700px;
    list-style: none;
    margin: 0;
    padding: 0;
    
}

#navigation li{
    float: left;
    padding: 0;
    margin: 0; 
}


#navigation p {
    float: right;
}
#navigation .home-nav {
    text-indent: -5000px;
    height: 35px;
    width: 71px;
    display: block;
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-off.gif) 0px 0px no-repeat;
}

#navigation .mortgage-nav {
    text-indent: -5000px;
    height: 35px;
    width: 102px;
    display: block;
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-off.gif) -70px 0px no-repeat;
}

#navigation .under-nav {
    text-indent: -5000px;
    height: 35px;
    width: 132px;
    display: block;
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-off.gif) -172px 0px no-repeat;
}

#navigation .fees-nav {
    text-indent: -5000px;
    height: 35px;
    width: 123px;
    display: block;
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-off.gif) -302px 0px no-repeat;
}

#navigation .main-nav {
    text-indent: -5000px;
    height: 35px;
    width: 160px;
    display: block;
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-off.gif) -425px 0px no-repeat;
}

#navigation .contact-nav {
    text-indent: -5000px;
    width: 115px;
    display: block;
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-off.gif) -882px 0px no-repeat;
}


#navigation .home-nav:hover {
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-hover.gif) 0px 0px no-repeat;
}

#navigation .mortgage-nav:hover {
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-hover.gif) -70px 0px no-repeat;
}

#navigation .under-nav:hover {
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-hover.gif) -172px 0px no-repeat;
}

#navigation .fees-nav:hover {
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-hover.gif) -302px 0px no-repeat;
}

#navigation .main-nav:hover {
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-hover.gif) -425px 0px no-repeat;
}
#navigation .contact-nav:hover {
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-hover.gif) -882px 0px no-repeat;
}



.homepage #navigation .home-nav {
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-on.gif) 0px 0px no-repeat;
}

.mortgagepage #navigation .mortgage-nav {
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-on.gif) -70px 0px no-repeat;
}

.underpage #navigation .under-nav {
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-on.gif) -172px 0px no-repeat;
}

.feespage #navigation .fees-nav {
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-on.gif) -302px 0px no-repeat;
}

.contactpage #navigation .contact-nav {
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/nav-on.gif) -882px 0px no-repeat;
}


#subnav {
    float: left; 
    width: 184px;
    margin-right: 20px;
    padding: 2px 0 0 0;
    clear: both;
    margin-bottom: 20px;
    background: url(http://www.intermediaries.themarsden.co.uk/media/layout/backgrounds/left-col-nav.jpg) no-repeat;
}


#subnav .top-heading {
    font-size: 130%;
    display: block;
    width: 169px;
    color: #fff;
    margin: 1px;
    padding: 10px 0 8px 15px;
}

#subnav .heading {
    font-size: 130%;
    color: #fff;
    display: block;
    width: 162px;
    background: #999;
    margin: 0 1px;
    padding: 10px 5px 8px 15px;
}

#subnav ul {
    list-style: none;
    margin: 0 1px;
    padding: 0;
}

#subnav li {
    margin: 0;
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/backgrounds/left-col-nav-item.jpg") top left repeat-x;
    padding: 0;
    width: 180px;
}

#subnav li a {
    display: block;
    padding: 12px 0 11px 24px;
    color: #000;
}

#subnav li a:hover {
    color: #666;
}


#subnav li ul{
    margin: 0;
    padding: 0;
}

#subnav li li{
    margin: 0;
    background: #ededed;
border-top: 1px solid #fff;
padding: 0 0 0 24px;
 width: 157px;
font-size: 80%;
display: block
}

#subnav li li a {
    display: block;
    padding: 6px 0 5px 0;
}

#subnav li ul{
    margin: 0;
    padding: 0;
}

.subnav-close {
clear: both;
display: block;
    background: url("http://www.intermediaries.themarsden.co.uk/media/layout/backgrounds/left-col-nav.jpg") bottom left no-repeat;
    height: 5px;
    width: auto;
    width: 184px;
}

#subnav li ul li {
    font-size: 90%;
}




/* ----------------------------  Content Elements  ---------------------------- */
/* ---------------------------------------------------------------------------- */


#content-shell {
    width: 890px;
    margin: 0 auto;
    clear: both;
}

.home-advert{
    width: 440px;
    float: left;
    margin-right: 20px;
}

.home-advert p {
    margin: 0;
}

.home-text{
    float: left;
    width: 184px;
    margin-right: 20px;
    
    width: 184px; 
}

.home-text ul {
margin: 0;
padding: 0 0 0 15px;
}

/* -------------------------  Main Content Elements  --------------------------- */
/* ---------------------------------------------------------------------------- */


#main-content {
    float: left;
    width: 450px;
    margin-bottom: 20px;
}

#main-content a {
    color: #F06;
    text-decoration: none;
font-weight: bold;
}

#main-content a:hover {
    color: #999;
    text-decoration: underline;
}

#main-content ul {
margin-left: 0;
list-style: none;
padding: 0 0 0 10px; 
}

#main-content ul li {
background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/structure/bullet.gif") 0 5px no-repeat;
padding: 2px 0 1px 15px;
}


/* -------------------------  Misc Elements  --------------------------- */
/* ---------------------------------------------------------------------------- */



.home-text p {margin: 0 0 10px 0}

.home-text h2 { margin: 0 0 10px 0; }

#right-sidebar{
    float: right;   
    width: 205px;
    color: #000;
}

.form {
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/backgrounds/right-col-form.jpg") #ebebeb no-repeat;
    width: 205px;
}

.callback {
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/backgrounds/right-col-light-grey.gif") #ebebeb no-repeat;
    width: 205px;margin-bottom: 20px;
}

.callback-inner,
.form-inner,
.latest-news-inner {
    margin: 0 auto;
    width: 185px;
    padding-top: 10px;
}

.callback-inner p {padding: 0; margin: 0;}

.latest-news-inner {
    padding-top: 2px;
}

.form-inner p,
 {
    padding: 4px 0 0 0;
}

.form input {
margin: 5px 0;
}

.callback-inner .telephone ,
.form-inner .telephone {
    color: #F06;
    font-size: 180%;
    font-weight: bold;
    margin: 4px 0 10px 0;
}

.callback-inner p,
.callback-inner .telephone {
    margin: 0;
}

.callback-inner .pink {
    margin: 8px 0 6px 0;
}

.form-close {
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/backgrounds/right-col-form.jpg") #ebebeb bottom left no-repeat;
    height: 6px;
}

.callback-close {
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/backgrounds/right-col-light-grey.gif") #ebebeb bottom left no-repeat;
    height: 10px;
}

.latest-news {
    margin-top: 10px;
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/backgrounds/right-col-mid-grey.gif") #ebebeb no-repeat;
    width: 205px;
    
}

.mortgage-calculator {
margin-top: 10px;
margin-bottom: 10px;
}

.latest-news .latest-news-heading {
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/headings/latest-news.gif") no-repeat;
    text-indent: -9999px;
    width: 100%;
    height: 30px;
    margin-bottom: 5px;
}

.latest-news p { display: inline; }

.latest-news .see-all-news {
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/backgrounds/linebreak.gif") repeat-x;
    margin-top: 5px;
    padding-top: 7px;
}

.latest-news-close {
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/backgrounds/right-col-mid-grey.gif") #ebebeb bottom left no-repeat;
    height: 10px;
    
}

.home-blocks {
    clear: both;
    width: 890px;
    height: 138px;
    margin: 0px auto;
    padding: 5px 0 10px 0;
}

.feature-block {
    float: left;
    width: 205px;
    height: 138px;
    margin-right: 20px;
    position: relative;
    color: #000;
}

.home-blocks .mortgages {
    width: 214px;
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/blocks/mortgages2.jpg") no-repeat;
}

.home-blocks .savings {
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/blocks/discountrate.jpg") no-repeat;
}

.home-blocks .insurance {
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/blocks/insurance.jpg") no-repeat;
}

.home-blocks .financial {
    margin-right: 0;
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/blocks/financial-services.jpg") no-repeat;
}

.feature-block p {
    position: absolute;
    top: 35px;
    left: 15px;
}

.feature-button a{
    display: block;
    position: absolute;
    top: 60px;
    left: 0;
}

/* -----------------------------  Footer Elements  ---------------------------- */
/* ---------------------------------------------------------------------------- */

#base-links {
    clear: both;
    margin: 10px auto;
    width: 890px;
    background: #000;
    height: 35px;
    color: #fff;
}

#base-links a {
    color: #fff;
    font-weight: normal;
    font-size: 90%;
}

#base-links a:hover {
    color: #ccc;
}



#base-links ul{
width: 500px;
    float: left;
    list-style: none;
    margin: 0;
    padding: 8px 0 0 10px;
    
}

#base-links li{
    float: left;
    padding-right: 5px    
}

#base-links p {
margin: 0;
padding: 0;
}

#base-links p a{
    text-indent: -9999px;
    display: block;
    width: 310px;
    height: 35px;
    float: right;
    background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/structure/base-email.gif") no-repeat;
}


#footer {
    clear: both; 
    margin: 0 auto;
    width: 890px;
    font-size: 80%;
    height: 80px;
}

#footer p {
    float: left;
    width: 780px;
}

#footer .blueleaf {
    float: right;
    width: 100px;
}


/* Breadcrumbs */

#breadcrumbs ul {
    margin: 0px 0 8px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px dashed #cdcdcd;
}

#breadcrumbs ul li {
    padding: 0;
    background: none;
    display: inline;
    list-style: none;
    margin-right: 5px;
}

#breadcrumbs ul li a {
    padding-left: 10px;
    background: transparent url(http://www.intermediaries.themarsden.co.uk/media/layout/bullets/breadcrumb_bullet.gif) 0 4px no-repeat;
}

#breadcrumbs ul li.active a {
    color: #F06;
}

#breadcrumbs ul li.first a {
    padding-left: 0;
    background: none;
}

/* Over-ride blcms */

.blcms_fc { display: inline; }
.blcms_area { display: inline; }

/* ---------------------  Mortgage Elements  ---------------------- */
/* ---------------------------------------------------------------------------- */

.pretty-table table,
.pretty-table-bigger table,
.table
{
border: 1px solid #ababab;
border-collapse: collapse;
margin: 10px 0;
width: 95%
}


.pretty-table th,
.pretty-table-bigger th,
.table th
{
background: #ababab;
padding: 5px 10px;;
text-align: left;
font-size: 110%;
}

.pretty-table td,
.pretty-table-bigger td,
.table td
{
padding: 5px 10px;
font-size: 90%;
}

.pretty-table .grey,
.pretty-table-bigger .grey,
.table .grey {
background:#333;
}

.pretty-table .big-grey,
.table.big-grey {
background:#333;
font-size: 120%;
font-weight: bold;
}

.pretty-table .big-white,
.table.big-white {
background:#000;
font-size: 120%;
font-weight: bold;
}

.pretty-table .pink {
    font-size: 120%;
}


.pretty-table-bigger th
{
font-size: 140%;
}

.pretty-table-bigger td
{
/* font-size: 100%; */
}



.further-info h3 {
border-bottom: 1px solid #000;
padding-bottom: 5px;
}

.further-info .pink {
border-bottom: 1px dashed #ccc;
display: block;
font-size: 140%;
padding-bottom: 10px;
}


.mortgage-footer-info h4 {
    color: #F06;
    margin: 10px 0;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}

.mortgage-footer-info p {
}

/* -------------------------  Tab Elements  --------------------------- */
/* ---------------------------------------------------------------------------- */

#myTabs {
margin-top: 10px;
margin-bottom: 10px;
}

#myTabs .mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 24px;
	
}

#myTabs .mootabs_title li {
	float: left;
background: transparent url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/tab-off.gif) no-repeat;
	padding: 0;
	margin-right: 2px;
	cursor: pointer;
	font-size: 12px;
	height: 24px;
	line-height: 23px;
width: 96px;
text-align: center;
font-weight: bold;
}

#myTabs .mootabs_title li.active {
	background: transparent url(http://www.intermediaries.themarsden.co.uk/media/layout/structure/tab-on.gif) no-repeat;
}

#myTabs .mootabs_panel {
	display: none;
	position: relative;
	width: 100%;
	top: -1px;
	clear: both;
	overflow: hidden;
	padding: 5px 10px;
}

#myTabs .mootabs_panel a {
	color: #000;
}

#myTabs .mootabs_panel.active {
	background: #e6e6e6;
        border: 1px solid #a3a3a3;
	display: block;
}

#myTabs .mootabs_title li.hover {
	color: #F06;
}


/* GOOGLE MAP */

.google_map {

width: 450px;
height: 390px;
border: 1px solid #ccc;
    padding: 5px;
    margin: 0 auto;
    background: transparent url(http://www.intermediaries.themarsden.co.uk/media/layout/backgrounds/ajax_loader.gif) 50% 50% no-repeat;
}


/* CONTACT FORMS */

.contact_form .formitem .label {
    
    font-weight: bold;
    margin: 10px 0 3px 0;
}

.contact_form .input {
        width: 300px;
	padding: 3px;
        border: 1px solid #333333;
}

.contact_form .textarea {
        width: 300px;
	padding: 3px;
        border: 1px solid #333333;
}

.contact_form .button {
	padding: 2px;
        color: #FFFFFF;
        margin-top: 15px;
        cursor: pointer;
        background: #000000;
        border: 1px solid #000000;
}


#sitemap a {color: #000;}
#sitemap a:hover {color: #F06;}



#sitemap li {
list-style: none;
background: URL("http://www.intermediaries.themarsden.co.uk/media/layout/structure/bullet.gif") 0 5px no-repeat;
padding: 2px 0 1px 15px;
margin-left: 10px;
}

/* Alert box */

.alert {
    width: 430px;
    color: #F06;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    border: 1px solid #F06;
}