@charset "utf-8";
/* CSS Document */

body { background: #f5f5f5; font: 0.8em Arial, Helvetica, sans-serif }

* {margin: 0; padding: 0;}
ul, ol { list-style: none; margin: 0;}
h1, h2, h3, h3 a, h4, h5 { margin: 0; padding: 0; color: #0050A2; font-weight: normal}
img { border: none}
a {text-decoration: none; color: #E9308D; outline: hidden}
a:hover {text-decoration: underline }
input { border: none; color: #000;}

.center ol  {list-style:decimal; margin-left:18px;}
.center ul {list-style:disc; margin-left:18px;}


.center table {background-color:#F5F5F5;}

table 				{ border-collapse: collapse;  margin: 0 0 40px 0; }
table th 			{ border-bottom: 1px solid #e2e2e2; display: block; height: 24px;}
table tr 			{ text-align: left; color: #000; border: 1px solid #e2e2e2; border-top: none;}
table tr th 		{ padding: 10px 20px; width: 675px;; color:#fff;}
table tr td.short 	{ width:150px; }
table td 			{ border: 1px solid #E2E2E2; padding: 10px; vertical-align: top; }
table tr.none		{ border:none; background: url(../img/thead.gif) no-repeat top left; }
/*table tbody tr { border: 1px solid #e2e2e2; border-top: none; }*/

#main-content .budget .services label {
float: left;
line-height: 1.2em;
margin: 10px 0px 0px 10px;
padding-right: 0px;
text-align: left;
width: 680px;
}

#main-content .budget .services label.total {

margin: 10px 20px 0px 10px;
text-align:right;

}

#main-content .budget .services input {

margin: -10px 0px 0px 20px;

}

.clr { clear: both }

#wrap { width: 1000px; margin: 0 auto; background: url(../img/bkg.jpg) no-repeat; padding-top: 15px;  }

/* HEADER */

#header { width: 940px; margin: 0 auto; position: relative; height: 145px; color: #0050A2;}

#header h1 { width: 301px; height: 71px;}
#header h1 strong{ display: none}
#header .logo { position: absolute; top: 0; left: 0; width: 301px; height: 71px; }
#header .logo strong{ display: none}
#header .contact { position: absolute; width: 220px; left: 320px; top: 0; padding: 7px 0;}
#header .contact .tel { font-size: 27px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; letter-spacing: -1px;}
#header .contact a { color: #0459B6; font-size: 15px; }
#header .contact a:hover { text-decoration: none; }

#header .access { position: absolute; right: 5px; top: 0}
#header .access a.font-normal { color: #0459B6;}
#header .access a.font-big { font-size: 16px; }
#header .access a.font-bigger { font-size: 18px }

#header .search { position: absolute; right: 0; top: 35px; width: 235px;}
#header .search .search-box {background: url(../img/search.gif) no-repeat left top; width: 182px; float: left; display: block; height: 16px; padding: 10px 5px 10px 10px;}
#header .search .search-button {background: url(../img/search.gif) no-repeat right top; width: 35px; height: 35px; float: left; cursor: pointer }

#main-content .search .search-button {background: url(../img/search.gif) no-repeat right top; width: 35px; height: 35px; cursor: pointer; border:none; float:left; border-top-left-radius: 0px 0px; border-bottom-left-radius: 0px 0px; }
#main-content .search .search-box {
background: url(http://www.modxcms.co.uk/assets/img/search.gif) no-repeat 0% 0%;
display: block;
float: left;
height: 16px;
padding: 10px 5px 10px 10px;
width: 182px; border:none; border-top-right-radius: 0px 0px; border-bottom-right-radius: 0px 0px;
}

#header .menu { width: 940px; bottom: 0; left: 0; background:  url(../img/menu_bkg.jpg) repeat-x; height: 55px; position: absolute; clear: both}
#header .menu span { background: url(../img/menu_l_r.jpg) no-repeat;height: 53px; display: block; position: absolute; top: 0; z-index: 1}
#header .menu span.left { background-position: left top; width: 36px; left: 0 }
#header .menu span.right {background-position: right top; width: 51px; right: 0 } 
#header .menu ul { padding: 0 15px }
#header .menu ul li { display: block; width: auto;  padding: 10px 7px; float: left; }
#header .menu ul li a { display: block; position: relative; z-index: 2; width: auto; float: left;  color: #0459B6; padding: 6px 10px; font-size:14px; font-weight:bold; height: 18px; text-shadow: 1px 1px #fff}
#header .menu ul li.first { padding-left: 0; }
#header .menu ul li.last { padding-right: 0;}
#header .menu span.getintouch { background:url(../img/get-in-touch-bkg.jpg) left top no-repeat; right: 350px;}
#header .menu ul li a:hover { background: url(../img/hover_bkg.jpg) repeat-x; text-decoration: none; padding: 6px 10px;}
#header .menu ul li a span { height: 30px; position: absolute; top: 0; z-index: -1; }
#header .menu ul li a:hover span { display: block; background: url(../img/hover_l_r.jpg) no-repeat }
#header .menu ul li a:hover span.hover-left {  background-position: right top; right: 0; width: 13px;}
#header .menu ul li a:hover span.hover-right {  background-position: left top; left: 0; width: 13px;}	
#header .menu ul li.selected a span.hover-left {  background: url(../img/hover_l_r.jpg) no-repeat right bottom; right: 0; width: 13px; color:}
#header .menu ul li.selected a span.hover-right {  background: url(../img/hover_l_r.jpg) no-repeat left bottom; left: 0;width: 13px;}	
#header .menu ul li.selected a { display: block; background: url(../img/hover_bkg.jpg) repeat-x left bottom ; color: #fff; text-shadow: 1px 1px #0457A7; }

/* MAIN CONTENT */

#main-content { clear: both; width: 940px; margin: 0 auto; background: #fff; padding: 10px 20px; line-height: 1.5em}

/* general*/
#main-content h1 { font-size:2em; margin-bottom: 20px; line-height: 1.1em;}
#main-content h2 { font-size: 1.7em;margin-bottom: 20px; margin-top: 10px; }
#main-content h3 { font-size: 1.5em;margin-bottom: 20px;}
#main-content h4 { font-size: 1.3em;margin-bottom: 20px;}
#main-content h5 { font-size: 1.1em;margin-bottom: 20px;}
#main-content p { margin: 5px 0 20px 0;}
#main-content .ms-right-container p { margin: 10px 0 20px 0;}
#main-content ul { list-style-image: url(../img/bullet.gif); margin-left: 20px; }
#main-content .float-right { float: right; margin: 0 0 0px 10px}
#main-content .float-left { float: left; margin: 0 10px 10px 0}
#main-content .small { font-size: 0.8em}
#main-content hr { border-bottom:1px solid #e5e5e5; border-top: none; border-left: none; border-right: none; height: 1px; margin: 10px 0; clear: both; }
#main-content form { text-align: right }
#main-content label { font-weight: bold; }
#main-content input { background: #e8e8e8; border: 1px solid #e3e3e3; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 8px 5px;}
#main-content input.button { background: url(../img/button_pink.png) no-repeat right top; height: 31px; display: block; color: #fff; padding: 0px 23px 0 5px; margin: 20px 0 5px; border: none; border-radius: none;-webkit-border-radius: 0; -moz-border-radius: 0; cursor: pointer}
#main-content input.buttonalt { background: url(../img/button_pink.png) no-repeat right top; height: 31px; display: block; color: #fff; padding: 0px 23px 0 5px; margin: 10px 0 10px; border: none; border-radius: none;-webkit-border-radius: 0; -moz-border-radius: 0; cursor: pointer}
.sisea-highlight { color:#0459B6; font-weight:bolder; }
.sisea-results-list{ padding-top:30px; }
	/* Buttons */

a.button-blue  { background: url(../img/button_blue.png) no-repeat right top; height: 25px; display: block; color: #fff; padding: 5px 15px 0 10px; margin: 10px 0 5px; }
a.button-pink  { background: url(../img/button_pink.png) no-repeat right top; height: 25px; display: block; color: #fff; padding: 5px 15px 0 10px; margin: 10px 0 5px; }
#main-content input.button-pink  { background: url(http://www.modxcms.co.uk/assets/img/button_pink.png) no-repeat 100% 0%;
border: none;
color: white;
height: 40px;
margin: 10px 0px 5px;
padding: 5px 25px 12px 10px; 
border-bottom-left-radius: 0px 0px;
border-bottom-right-radius: 0px 0px;
border-top-left-radius: 0px 0px;
border-top-right-radius: 0px 0px;}

	/* breadcrumbs */

/*#main-content .breadcrumbs { }
#main-content .breadcrumbs ul { list-style-image: none; margin: 0; border-bottom: 1px solid #eee; width: 940px; padding-bottom: 10px; margin-bottom: 10px;}
#main-content .breadcrumbs ul li{ display: inline; width: auto;background: url(../img/blue_arrow.gif) no-repeat top right; padding-right: 15px; }
#main-content .breadcrumbs ul li.last { background: none}
#main-content .breadcrumbs a { font-weight: bold;}*/

.B_crumbBox a { font-weight: bold;}
span.B_firstCrumb { background: url(../img/blue_arrow.gif) no-repeat top right; padding-right: 15px; }
span.B_lastCrumb { background: none; }
a.B_currentCrumb { font-weight:normal; color: #000; }
span.B_crumb {  background: url(../img/blue_arrow.gif) no-repeat top right; padding-right: 15px;}
	/* left-menu */
	
#main-content .left-menu { width: 205px; float: left; }
#main-content .left-menu a img { margin: 0 0 10px 0; }
#main-content .left-menu ul { margin: 0; list-style-image: none}
	/* 1st level */
#main-content .left-menu ul li{ padding: 0;  }
#main-content .left-menu ul li a{ padding:7px 0 7px 10px; background: url(../img/blue_arrow.gif) no-repeat -6px 9px; display: block; width: 190px; font-weight: bold; border-bottom: 1px solid #eee;}
#main-content .left-menu ul li.last { padding:0; margin:0;}
#main-content .left-menu ul li a:hover { color: #0050A2; background-color: #f5f5f5; text-decoration: none}
#main-content .left-menu ul li.selected a {  color: #fff; background: #0E5CA7 url(../img/left-menu-bkg-over.jpg) no-repeat; text-decoration: none; border-bottom: 1px solid #fff; padding:7px 0 7px 10px}
#main-content .left-menu ul li.selected a:hover { color: #fff; background: #0e5ba9 url(../img/left-menu-bkg-over.jpg) no-repeat; text-decoration: none}
	/*2nd level */
#main-content .left-menu ul li.selected ul li a {background: url(../img/left-menu-slelcted-li-bkg.gif) repeat-x bottom; width: 190px; color:#E9308D;padding:6px 0 5px 10px}
#main-content .left-menu ul li.selected ul li.last a{ background: url(../img/left-menu-slelcted-li-bkg-last.gif) repeat-x}
#main-content .left-menu ul li.selected ul li a:hover{ background: url(../img/left-menu-slelcted-li-bkg-over.gif) repeat-x; color: #0050A2; width: 190px;}
#main-content .left-menu ul li.selected ul li.last a:hover {}
#main-content .left-menu ul li.selected ul li.selected a { background:url(../img/left-menu-slelcted-li-bkg-selected.jpg) no-repeat; color: #fff; width: 195px}
#main-content .left-menu img { padding-top: 10px; }

	/* right-column */
	
#main-content .center { position: relative; float: right; width: 715px; /*margin-top: 10px; */ }
#main-content .center.search { position: relative;  width: 900px; margin-top: 10px; float:none;  }

	/* Share box */
		
#main-content .center ul.share-box { float: right; width: 232px;}
#main-content .center ul.share-box li { display: inline; }
#main-content .center ul.share-box li a{ background: url(../img/share.jpg) no-repeat; height: 22px; display: block; float:left; font-weight:bold}
#main-content .center ul.share-box li.share a { width: 47px; padding-left: 29px; background-position: left top;}
#main-content .center ul.share-box li.contact a { width: 59px; padding-left: 28px; background-position: -76px top;}
#main-content .center ul.share-box li.print a { width: 40px; padding-left: 29px; background-position: right top;}

	/* box 50% */

#main-content .box50 { width: 345px; background:url(../img/box50_bkg.jpg) repeat-y; float: left;  position: relative; z-index: 0; margin-right:25px; overflow: hidden}
#main-content .box50 .box50-c { position: relative; z-index: 2;background: url(../img/box50_top.jpg) no-repeat top left;padding: 10px; }
#main-content .box50 .box50-b { position: relative; z-index: 2;background: url(../img/box50_top_noborder.jpg) no-repeat top left;padding: 10px }
#main-content .box50 .box50-a { position: relative; z-index: 2;background: url(../img/box50_top_short.jpg) no-repeat top left;padding: 10px }
#main-content .box50 h3 { width: 305px; ;font-size: 1.25em; }
#main-content .box50 p {  margin: 0 0 6px ;}
#main-content .box50 span { background: url(../img/box50_bottom.jpg) no-repeat bottom left; position: absolute; bottom: 0; display: block; width: 345px; height: 101px; z-index: 1}
#main-content .box50.last { margin-right: 0;}
#main-content .box50last { width: 345px; background:url(../img/box50_bkg.jpg) repeat-y; float: left;  position: relative; z-index: 0; margin-right:0; overflow: hidden}
#main-content .box50last h3 { width: 305px; ;font-size: 1.25em; }
#main-content .box50last .box50-c { position: relative; z-index: 2;background: url(../img/box50_top.jpg) no-repeat top left;padding: 10px }
#main-content .box50last span { background: url(../img/box50_bottom.jpg) no-repeat bottom left; position: absolute; bottom: 0; display: block; width: 345px; height: 101px; z-index: 1}
#main-content .box50.centerlast { margin-right: 0; text-align: center; }
#main-content .box50.centered { text-align: center; margin:top: 0px; }
#main-content .box50.centered p{ margin-bottom:15px; }
#main-content .box50.centerlast p { margin-bottom:15px; }



	/* box 40% */

#main-content .box40 { width: 270px; background:url(../img/box40_bkg.jpg) repeat-y; float: right;  position: relative; z-index: 0; margin:35px 25px 0 0; overflow: hidden}
#main-content .box40 .box40-c { position: relative; z-index: 2;background: url(../img/box40_top.jpg) no-repeat top left;padding: 10px; height: 20px; }
#main-content .box40 h3 { width: 250px; ;font-size: 1.25em; text-align: left; }
#main-content .box40 p {  margin: 0 0 10px ;}
#main-content .box40 span { background: url(../img/box40_bottom.jpg) no-repeat bottom left; position: absolute; bottom: 0; display: block; width: 270px; height: 101px; z-index: 1}
#main-content .box40.last { margin-right: 0;}
#main-content .box40.centerlast { margin-right: 0; text-align: center; }
#main-content .box40.centered { text-align: center; margin:top: 0px; }
#main-content .box40.centered p{ margin-bottom:15px; }
#main-content .box40.centerlast p { margin-bottom:15px; }

	/* box 30% */
	
#main-content .box30 { width: 225px; background:url(../img/box30_bkg.jpg) repeat-y; float: left;  position: relative; z-index: 0; margin-right:20px;overflow: hidden; text-align:left;}
#main-content .box30 .box30-c { position: relative; z-index: 2; background: url(../img/box30_top.jpg) no-repeat top left;padding: 10px; height: 308px; }
#main-content .box30 .box30-b { position: relative; z-index: 2; background: url(../img/box30_top.jpg) no-repeat top left;padding: 10px; height: 308px; }
#main-content .box30 h3 {  width: 185px;  font-size: 1.25em;  }
#main-content .box30 p { margin: 0 0 10px  }
#main-content .box30 span { background: url(../img/box30_bottom.jpg) no-repeat bottom left; position: absolute; bottom: 0; display: block; width: 225px; height: 151px; z-index: 1}
#main-content .box30.last { margin-right: 0; }	
#main-content .box30.float { float: right; clear: both; display:inline; }
#main-content .box30 .box30-c img { margin: 5px 0 0; }

	/* Call me back */
	
#main-content .call { padding: 10px 0px 0px; width: 325px;}	
#main-content .call label { float: left; width: 102px; text-align: right; margin: 0; line-height: 1.2em}	
#main-content .call.caller label { margin-top: 5px}	
#main-content .call input { width: 205px; float: right}	
#main-content .call .time { width: 205px; float: right;}
#main-content .call .time label { width: 100px; line-height: 2em; text-align: left; font-weight: normal}
#main-content .call .time label input { width: 10px; float: none; margin-right: 5px; border: none; padding: 0;}
#main-content .call-button { text-align: right}
#main-content .call-button-right { float:right; margin-bottom:9px; text-align: right}

    /* Need to talk box */

#main-content .need { margin: 10px 0 0; width: 205px; height: 50px;}	
#main-content .need label { float: left; margin: 0; line-height: 1.2em}	
	
#main-content .need input { width: 192px; float: right}	
#main-content .need .time { width: 205px; float: right;}
#main-content .need .time label { width: 100px; line-height: 1.5em; text-align: left; font-weight: normal; font-size: 12px; }
#main-content .need .time label input { width: 10px; float: none; margin-right: 5px; border: none; padding: 0;}
#main-content .need-button { text-align: right; float: right;} 
#main-content .need-button-space { text-align: right; float: right; margin: 34px 0 0 0; } 


    /* Member Services Call Back */
#main-content .servicesbudget { margin: 10px 0 0; padding: 0px 10px;  height: 40px; text-align:left; position:relative;}
#main-content .services { margin: 10px 0 0;  height: 40px; text-align:left;}	
#main-content .services1 { margin: 10px 0 0;  height: 40px; text-align:left;}
#main-content .services2 { margin: 10px 0 0;  height: 40px; text-align:left;}
#main-content .servicesalt { margin: 10px 0 0;  height: 100px;}	
#main-content .services label { float: left; width: 69px; text-align: left; margin: 0; line-height: 1.2em; padding-right: 0px; }	
#main-content .services.caller label { margin-top: 5px}	
#main-content .services input { float: right; padding:8px 2px;}	
#main-content .servicesalt .time { width: 150px; float: right;}
#main-content .servicesalt .time label { width: 100px; line-height: 1.5em; text-align: left; font-weight: normal; font-size:12px;}
#main-content .servicesalt .time label input { width: 10px; float: none; margin-right: 5px; border: none; padding: 0;}
#main-content .servicesalt label { float: left; width: 69px; text-align: left; margin: 0; line-height: 1.2em; padding-right: 10px; }	
#main-content .servicesalt input { float: right}
#main-content .services-button { text-align: right; float: right;}
#main-content .servicesalt2 .interested { float: left; width: 320px; }
#main-content .servicesalt2 .interested label { width: 140px; line-height: 1.5em; text-align: left; font-weight: normal; font-size:11px; }
#main-content .servicesalt2 .interested label input { width: 10px; float: none; margin-right: 5px; border: none; padding: 0;}
#main-content .servicesalt2 label { float: left; width: 69px; text-align: left; margin: 0; line-height: 1.2em; }	
#main-content .servicesalt2 input { float: right}	

	/* Accordion */
	
#accordion { margin: 10px 0 40px;}	
#accordion h3 { height: 24px; width: 100%; border: 1px solid #e3e3e3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(../img/accordion_bkg.jpg) repeat-x top left; padding: 12px 0; margin-bottom: 5px; display: block; overflow: hidden; line-height: 1em}
#accordion h3.ui-state-active { background: url(../img/accordion_bkg.jpg) bottom left repeat-x; height: 24px; border: none;padding: 13px 0; } 
#accordion h3 a { background: url(../img/accordion_arrow.jpg) no-repeat top left; color: #0050A2;  display: block; height: 25px; margin-left: 20px; padding: 5px 0 0 35px;}
#accordion h3 a:hover { text-decoration: none; background: url(../img/accordion_arrow.jpg) no-repeat bottom left;  }
#accordion h3.ui-state-active a { color: #fff;  background: url(../img/accordion_arrow.jpg) no-repeat  0 -30px; }
#accordion h3.ui-state-active a:hover {  background: url(../img/accordion_arrow.jpg) no-repeat  0 -30px; }
#accordion .ui-accordion-content { margin: 5px 0; overflow:auto; position:relative;}
#accordion h3.alt { height: 35px; width: 100%; border: 1px solid #e3e3e3; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(../img/accordion_2line_bkg.jpg) repeat-x top left; padding: 12px 0; margin-bottom: 5px; display: block; overflow: hidden; line-height: 1em}
#accordion h3.alt.ui-state-active { background: url(../img/accordion_2line_bkg.jpg) bottom left repeat-x; height: 34px; border: none;padding: 13px 0; }


/* /general */

/* Home page */
#main-content .home-text { width: 300px; float: left; }

#main-content .products { width: 940px; margin-top: 10px;}

#main-content .home .box-33 { width: 304px; float: left;  position: relative; height: 184px; display: block; }
#main-content .home .box-33.first { margin-right: 14px;}
#main-content .home .box-33.last { margin-left: 14px; margin-top:0; padding:0;}
#main-content .home .box-33 img { position: relative; z-index: 0; left: 2px; bottom: 0px; display: block}
#main-content .home .box-33 .top { background: url(../img/box33-home-top.gif) no-repeat; width: 304px; height: 4px; position: absolute; top: 0; display: block; z-index:1}
#main-content .home .box-33 .bottom { background: url(../img/box33-home-bottom.gif) no-repeat; width: 304px; height: 6px; position: absolute; bottom: 0; display: block; z-index:1}

/* Mortgages */

.pos-right { /*position: absolute; right:0; width:288px; height:20px; top: 233px;*/ padding-left: 15px; }
.pos-right a { float:left; margin-right:10px; }
.pos-right-big { margin: 10px 0 0 ; width: 298px; }

/* About the Loughborough */

#main-content .box-49 { width: 385px; height: 180px; display: block; position: relative; float: left; margin-right:5px; }
#main-content .box-36 { width: 325px; height: 180px; display: block; position: relative; float: left;  }
#main-content .box-77 {  display: block; position: relative;  margin-bottom:30px; }

/* Charity of the year */

#main-content .position-right { position: absolute; right: 0; top: 250px; }
#main-content .contentcontainer { width:400px; }

/* Savings */

#main-content .box50 span.savingsbg { background: url(../img/box50_bottom-savings.jpg) no-repeat bottom left; position: absolute; bottom: 0; display: block; width: 345px; height: 123px; z-index: 1}
#main-content .box50-c span.padding { background: none; padding-bottom: 90px; position: relative; height: 0px;  }

/* Community */

#main-content .box66 { width: 455px; margin-right: 5px; }
.pdf { position: absolute; right: 10px; }

/** SCROLLABLE **/

.slider { width: 624px; height:254px; position: relative; left: 0px; top: 0px; float: right;}

#main-content .slider p { padding: 0; margin: 0; }
.slider p.left-corners { background: url(../img/slider_corners.png) no-repeat left; position: absolute; left:0; top: 0; display: block; width: 5px; height: 254px; z-index: 100}
.slider p.right-corners { background: url(../img/slider_corners.png) no-repeat right; position: absolute; right:0; top: 0; display: block; width: 5px; height: 254px; z-index: 100}

.slider .scrollable { position:relative; overflow:hidden; width: 620px; height: 250px; left: 2px; top: 2px; z-index:99}
.slider .scrollable .items { width:20000em; position:absolute; overflow: hidden;}
.slider .scrollable .items .slide { position: relative}
.slider .scrollable .items .slide img { position: static; }
.slider .scrollable .items .slide a.find-more { background: url(../img/button-bkg.jpg) repeat-x; bottom: 20px; color: #FFFFFF; display: block; height: 35px; position: absolute; right: 30px; width: 175px;  padding-left: 10px; line-height: 33px;}
a.find-more span{ background: url(../img/button-arrow.jpg) no-repeat right top transparent; display: block; height: 15px;padding: 10px 5px; float: right;width: 19px;}

.slider .items div {float:left; }

/* prev, next, prevPage and nextPage buttons */
.slider a.browse {
	display:block;
	width:30px;
	height:37px;
	cursor:pointer;
	font-size:1px;
	position: absolute;
	z-index:111;
	top: 100px;
}

/* right */
.slider a.right 				{ clear:right; background: url(../img/slider_arrows.png) right top no-repeat; right: 0;}
/*.slider a.right:hover 		{ background: url(../img/slider_arrows.png) no-repeat; }
*/.slider a.right:active 	{  } 


/* left */
.slider a.left				{background: url(../img/slider_arrows.png) left top no-repeat; left: 0; float: none } 
/*.slider a.left:hover  		{ background: url(../img/slider_arrows.png) no-repeat; }
*/.slider a.left:active  	{ }


/** /SCROLLABLE **/


/* FOOTER */

#footer { width: 980px; background: #F5F5F5 url(../img/footer-menu-bkg.jpg) repeat-x top; display: block; border-top: 1px solid #E9E9E9; margin: 0 auto; clear: both; margin-bottom: 20px;}

#footer .footer-menu { width: 940px; margin: 0 auto;}
#footer .footer-menu .box { width: auto; float: left; padding: 15px 5px 10px 0; margin-right: 10px; min-width: 120px; background: url(../img/footer-menu-border-right.jpg) right top no-repeat; overflow: hidden;}
#footer .footer-menu .box .min-width { width: 120px; height: 1px; line-height: 1px}
#footer .footer-menu .box.last { padding-right: 0; background: none; margin: 0}
#footer .footer-menu .box h2 { color: #E9308D; font-size: 13px; margin-bottom: 10px; margin-top: 0; font-weight: bold}
#footer .footer-menu .box ul li { font-size: 11px; line-height: 16px; }

#footer .footer-waves { background: url(../img/footer-waves.jpg) no-repeat; height: 134px; clear: both}

#footer .extra-footer { background: #0054A5; width: 940px; clear: both; padding: 0 20px;}
#footer .extra-footer .newsletter .news { background:  url(../img/newsletter_input.jpg) no-repeat right top; }
#footer .extra-footer .newsletter { width: 300px; float:left; color: #fff; text-shadow: 1px -1px #000000 }
#footer .extra-footer .newsletter p { font-size: 18px; margin-bottom: 10px;}
#footer .extra-footer .newsletter div { margin:10px 0; height: 35px}
#footer .extra-footer .newsletter label { float: left; width: 90px; margin-top: 5px; text-align: right; font-weight: bold}
#footer .extra-footer .newsletter input { float: right; width: 190px; background: none; padding: 10px 5px 10px 5px; height: 15px; display: block;  color: #fff}
#footer .extra-footer .newsletter .button-news input { background: url(../img/button_pink.png) no-repeat right top; cursor: pointer; display: block; height: 35px; padding: 6px 35px 12px 10px; width: 100px;}

#footer .extra-footer .copyright { width: 620px; float:right; }
#footer .extra-footer .copyright p { font-size: 11px; color: #5e9dde; margin-bottom: 5px}
#footer .extra-footer .copyright a { color: #fff}
#footer .extra-footer .copyright p.links { text-align: right; font-size: 12px; margin-top: 20px; margin-bottom: 0; }
#footer .extra-footer .copyright p.links a { font-weight:bold; margin-left: 10px}

#footer .footer-bottom { background: url(../img/footer-corners.jpg) no-repeat; height: 20px; clear: both}

 
/* Jargon Buster */
   
#main-content .jargon-menu { background: url(../img/jargon-buster-bkg.jpg) no-repeat; } 

#main-content .jargon-menu ul { list-style-image:none; width: 715px; height: 31px; padding: 15px 0 0 0; margin-left: 0px; margin-bottom: 20px; text-align:center }

#main-content .jargon-menu ul li { display: inline}

#main-content .jargon-menu ul li a { color: #E9308D; padding: 0px 5px; font-size:1.4em}

#main-content .jargon-menu ul li a:hover { color: #0053A9; text-decoration: none}

#main-content .jargon-menu ul li.selected a { color: #0053A9; text-decoration: none}

#main-content .jargon-menu ul li.disabled a { color: #C9C9C9; }

#main-content .jargon-menu .result { border-top: 1px solid #e5e5e5; clear: both; padding: 25px 0}

#main-content .jargon-menu .result h3 { float: left; width: auto}

#main-content .jargon-menu .result p { float: right; width: 500px; }

#main-content .jargon-menu .more-questions { text-align: left;}

#main-content .jargon-menu .more-questions a { float: left; margin: 10px 0;}

#main-content .jargon-menu .more-questions span { float: left; width: auto; margin: 15px 0 0 10px;}

#main-content .jargon-menu .more-questions span strong { font-size: 1.4em;}

/********************
***Member Services***
*********************/


.ms-container { padding:15px 10px 15px 0;}
.ms-container-heading { padding: 0; margin: 0; }
.ms-left-container {float:left;}
.ms-left-container img { max-width: 190px; max-height: 119px; } 
#main-content .ms-left-container h3 {margin-bottom:15px;}
.ms-right-container {float: right;
						margin: 0;
						text-align: right;
						width: 510px;}
.ms-right-container p{text-align:left;}

.center-ms-sub {float:right; width:425px; margin:10px 30px 0 0;}
.ms-call-back {float:right; width:250px; text-align:center; padding: 0px 10px 10px;}
.ms-call-back .ms-form, .ms-call-back p {text-align:left;}


/***************
***Careers***
***************/

.careers-left-container {float:left; width:500px;}
#main-content .careers-left-container h3 {margin-bottom:5px; float:left;}
#main-content .c-left{float:left; margin:2px 0 0 10px;}
.careers-right-container {float: right;						
						
						width: 150px;}
.careers-right-container p{text-align:right;}

#main-content p.career-details {margin:0; font-weight:bold;}

p.sisea-results span { color: #E9308D; font-style: italic; font-size: 1.3em;}
     
/***************
***News and Views ***
****************/

.news-left-container{float:left;}

.news-right-container{float: right;					
						text-align: right;
						width: 510px;}
						
.news-right-container p{text-align:left;}
.news-right-container h3{text-align:left;}
						
.news-right-container-first{float: right;					
						text-align: right;
						width: 390px;}
						
.news-right-container-first p{text-align:left;}
.news-right-container-first h3{text-align:left;}

#main-content .news-tags{float:left; margin:0 0 10px 0;}
.news-back {float:right;}


/***************
*** Get in touch ***
****************/

.get-in-map {text-align:right; margin-right:10px;}
#branches {width: 310px;}
#branches_div .map {float:right; margin:27px 30px 0 0;}


#branches_div .address {float:right; text-align:left; width: 300px; margin-top: 48px;}
#branches_div p {margin:0;}
#branches_div p.title {margin-top:10px; font-weight:bold;}
#branches_div p.tel {margin-top:10px;}

.menu-float {position:absolute; top:20px; right:0px; height:150px; width:310px; text-align:left;}

/***************
*** Strong ***
****************/

strong { color: #0050A2; }

/*************
***Feeback***
***********/

.comments {margin:10px 0;}

#main-content .box69 {
//border: 1px solid #CCC;
float: left;
margin-left: 18px;
margin-top: 20px;
overflow: hidden;
position: relative;
min-width: 450px;
z-index: 0;
}

#main-content .ms-call-back span {position:relative; width:auto; height:auto; background-image:none; color:#F00; font-size:10px;}
#main-content .feedback-form span {position:relative; width:auto; height:auto; background-image:none; color:#F00; font-size:11px;}
#main-content .ms-call-back span.error {float:right;}

.feedback-form {
margin: 10px 10px 10px 0px;
}

.feedback-form form p{	text-align:left;}


#main-content .feedback-form .services input {
float: left;
padding: 8px 2px;
margin:0 10px;
width: 200px;
}

#main-content .services1 input {
float: left;
padding: 8px 2px;
margin:0 30px;
width: 200px;
}
#main-content .services2 input {
float: left;
padding: 8px 2px;
margin:0 110px;
width: 200px;
}

#main-content .services1 label {
float: left;
line-height: 1.2em;
margin: 10px 0px 0px 10px;
padding-right: 0px;
text-align: left;
width: 680px;
}
#main-content .services2 label {
float: left;
line-height: 1.2em;
margin: 10px 0px 0px 10px;
padding-right: 0px;
text-align: left;
width: 680px;
}

#main-content .feedback-form .services textarea {
float: left;
padding: 8px 2px;
margin:0 10px;
width: 200px;
height:100px;
background: #F6F6F6;
border: 1px solid #E3E3E3;
border-bottom-left-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
}

#main-content .feedback-form .services-button {
float: left;
text-align: left;
margin-left:200px;
}

/*****************************
*** how much can i borrow ***
*****************************/

.whatnext {text-align:left;}

#main-content .whatnext h3 {padding:10px 0; text-align:left; margin:0;}

.heading {background-color:#74c044;
 height:35px; 
 border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
text-align: left;}


#main-content .heading h3 {color:#fff; padding:8px 0 0 10px}

.calculator {background: url(../img/bg_calc.jpg) no-repeat;           
			 height:210px;
			 width:716px;
			 position:relative;
			 }

.calculator .lefty {width:45%;
                    float:left; padding:10px 10px 0;
                    height: 180px;}
					
#main-content .calculator .services label {float: left;
line-height: 1.2em;
margin: 0 10px 0 0;
padding-right: 0px;
text-align: left;
width: 135px;
font-weight:normal;
font-size:12px;
}

#main-content .calculator .services label.large {
width: 185px;

}

#main-content .calculator .services {
height: 40px;
margin: 5px 0px 0px;
text-align: left;
}

#main-content .calculator .services input {
float: left;
padding: 8px 2px;
}

#main-content .calculator .services label.tmargin10 {margin-top:10px;}
			
.calc-head {margin-top:10px;}
		
.calculator .righty {left: 400px;
position: absolute;
top: 55px;}
.calculator .hidden {visibility:hidden;}
					
#main-content input.caclculate1 {margin:0 10px 0 145px; padding:8px 10px; background-image: url(../img/btn_calc.jpg); color:#fff; width:180px; border:none; background-repeat:no-repeat;}

#main-content input.caclculate {margin:0px; padding:8px 10px; visibility:hidden;}

.howtoapply {margin-top:10px; border-top:1px solid #CCC; text-align:left;}

.howtoapply ul.share-box {margin-top:10px;}

#main-content .howtoapply h3 {padding: 10px 0; float:left;}
#main-content .howtoapply .box30-c h3 {padding: 10px 0; float:none;}

.applycontainer {float:left; width:100%;}

/* AddThis Vertical Hover Menu */

.addthis_toolbox .custom_hover {
    position: relative;
}

.addthis_toolbox .custom_hover .custom_button {

}

.addthis_toolbox .custom_hover .custom_button.active {
    background-color: #eee;
}

.addthis_toolbox .hover_menu  {
    display: none;
    position: absolute;
    background: #fff;
}

.addthis_toolbox .custom_hover .tower {
    -webkit-border-radius: 0 5px 0 0;   
    -moz-border-radius-topleft: 0;
    
}
.addthis_toolbox .hover_menu  {
    width: 136px;
    padding: 1px;
    border: 3px solid #eee;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.addthis_toolbox .hover_menu a {    
    position: relative;
    display: block;
    width: 102px;
    padding: 4px 0 4px 34px;
    text-decoration: none;
    color: #00bff3;
}

.addthis_toolbox .hover_menu a:hover {    
    background: #f5f5f5;
    color: #027999;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.addthis_toolbox .hover_menu span {
    position: absolute;
    left: 14px;
    top: 4px;
}

.addthis_toolbox .hover_menu .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .hover_menu .more a {
    padding: 4px 0;
    margin: 0;
}

.addthis_toolbox .hover_menu .more a:hover {
    background: none;
}
.addthis_toolbox .hover_menu .more span {
    display: none;
}
      
#main-content .center ul.share-box li a.column1 { background:none;}
#main-content .center ul.share-box li a.column2 { background:none;}

#main-content .span-error span {
background-image: none;
color: red;
font-size: 11px;
height: auto;
float:right;
position: relative;
width: 110px;
}

#main-content .box30 span.spanner  {
background: url(http://www.modxcms.co.uk/assets/img/box30_bottom.jpg) no-repeat 0% 100%;
bottom: 0px;
display: block;
height: 151px;
position: absolute;
width: 225px;
z-index: 1;
}



/* Sitemap styling */
ul#sitemap { list-style: none; }
ul#sitemap li { font-size: 14px; margin: 0 0 10px 0; }

ul#sitemap li ul { font-size: 13px; }
ul#sitemap li ul li { font-size: 12px; margin: 0 0 5px 0; }
ul#sitemap li ul li a { color: #E9308D; }
ul#sitemap li ul li  { margin: 10px 0 0 10px; }
ul#sitemap li ul li ul li ul li a { padding: 0 0 0 10px; }

/* Table paragraph margin overwrite */
/* #main-content table tbody tr td p      { margin: 5px 0; } */
#main-content table tr td hr          { margin: 0; padding: 0px; }

/* Mortgages Box */
.easy-understand { height:243px }

/* Mortages all products filter */
form#filter { float: right; width: 250px; }

/* Messing Around */
.box50 .box50-c .box50-text { height: 160px; width:325px; }
.box50 .box50-c .box50-links { height: 80px; width: 325px; }
#main-content .box30 .smaller-box { position: relative; z-index: 2; background: url(../img/box30_top_big.jpg) no-repeat top left;padding: 10px; height: 180px; }

#main-content .budget h3 {margin-bottom: 0px;}

#main-content .corp p {margin-right:40px;}

.services img#captcha { margin: 10px 0; }

#main-content  .services input#secure { width: 140px; margin: 0; }

#main-content .home-text h2 { font-size: 1.6em; }

#main-content .charity-images { width: 235px; float: right; overflow: hidden; }

#main-content .services-text-area textarea#comments { width: 350px; height: 150px; margin: 5px 0 0 0; padding: 0; }
#main-content .services-text-area { height: 180px; margin: 10px 0 0 0; text-align: left; padding: 0; }

#main-content .span-error p span.error {width:auto;}

#main-content .services-captcha { height: 150px; margin: 10px 0 0 0; text-align: left; }