/**
 * Charcol CSS
 *
 * @filename screen.css
 * @author Oliver Rowlands
 * @author Trevor Simmons
 * @date 2010-10-19
 * @copyright Liquid Light Digital Ltd.
 * @url http://www.liquidlight.co.uk
 */

* {
	margin: 0;
	padding: 0;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
body {
	color: #333333;
	background-color: #FFFFFF;
	font-size: 76%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.4em;
}
img {
	border: 0;
}

/**
 * Links
 */
a {
	color: #CC0000;
	text-decoration: none;
	outline: 0;
}
a:hover {
	text-decoration: underline;
}

/**
 * Headers
 */
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0.5em 0;
	line-height: 1.2em;
	font-weight: normal;
}
h1 {
	font-size: 240%;
}
h2 {
	font-size: 180%;
}
h3 {
	font-size: 150%;
}
h4 {
	font-size: 130%;
}
h5 {
	font-size: 110%;
}
h6 {
	font-size: 100%;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	padding: 0 0 0 13px;
	background: url(../img/arrows_double.gif) no-repeat scroll 0 50% transparent;
}

/**
 * Paragraphs
 */
p {
	margin: 0 0 1em 0;
}
p.legal {
	font-size: 90%;
	clear: both;
}
p.compliance {
	font-size: 90%;
	text-transform: uppercase;
	text-align: center;
}
p.button {
	padding-top: 0.4em;
	margin-bottom: 1.4em;
}
p.button a {
	background: #E10019 url(../img/button_bg.gif) repeat-x bottom left;
	color: #FFFFFF;
	padding: 0.4em 0.8em;
	cursor: pointer;
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	font-size: 110%;
}
p.button a:hover {
	text-decoration: none;
	background-image: url(../img/button_bg_hover.gif);
	background-color: #0093F0;
}

/**
 * Lists
 */
ul {
	margin: 0 0 1em 0.5em;
	list-style-type: none;
}
ol {
	margin: 0 0 1em 2em;
}
ul li,
ol li {
	padding: 0 0 0.5em;
}
ul li {
	background: url(../img/bullet.gif) no-repeat scroll 0 0.35em transparent;
	padding-left: 15px;
}
ul ul,
ul ol,
ol ol,
ol ul {
	margin: 1em 0 0 0;
}

/**
 * Tables
 */
table {
	border-collapse: collapse;
	margin: 0 0 1.5em 0;
	width: 100%;
}
table caption {
	display: none;
}
table th,
table td {
	text-align: left;
	vertical-align: top;
	padding: 0.8em 1.5em 0.5em 0;
}
table thead tr th {
	margin-bottom: 1em;
	border-bottom: 2px solid #DADADA;
}
table tbody tr th,
table tbody tr td {
	border-bottom: 1px solid #E0E0E0;
}

/**
 * Forms
 */
form fieldset {
	border-width: 0;
	clear: both;
}
form legend {
	display: none;
}
form input,
form select,
form textarea {
	border-width: 1px;
	border-style: solid;
	border-color: #BBBBBB #E1E1E1 #E1E1E1 #BBBBBB;
	background-color: transparent;
	font-size: 120%;
	padding: 0.4em;
	width: 15em;
	background: transparent url(../img/bg_input.gif) left top repeat-x;
	border-radius: 0.3em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}
form textarea {
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
form input.radio,
form input.checkbox {
	width: auto;
	border-width: 0;
	background-color: transparent;
	background-image: none;
	padding: 0;
}
form button,
form input.button {
	border-width: 0;
	background: #E10019 url(../img/button_bg.gif) repeat-x bottom left;
	color: #FFFFFF;
	padding: 0.6em 0.8em;
	overflow: visible;
	width: auto;
	height: auto;
	line-height: 1;
	cursor: pointer;
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
}
form button:hover,
form input.button:hover {
	cursor: pointer;
	background-image: url(../img/button_bg_hover.gif);
	background-color: #0093F0;
}
form div.row {
	clear: both;
}
form div.row span.label,
form div.row span.field {
	float: left;
	display: block;
	padding: 0 0 1em 0;
}
form div.row span.label {
	width: 13em;
	margin-right: 1em;
}
form span.required {
	color: #FC0000;
}
form span.extra {
	font-weight: bold;
	width: 1em;
	display: block;
	float: left;
	line-height: 2.4em;
}
form div.row.radio span.label,
form div.row.checkbox span.label {
	width: 80%;
	padding: 0 0 0 0.4em;
}
form div.row.short input,
form div.row.short select {
	width: 5em;
}

/**
 * Page
 */
#headerWrapper,
#wrapper,
div.galleryContainerWrapper,
div.homeFooterWrapper,
div.upperFooterWrapper,
#footerWrapper {
	max-width: 79em;
	margin: 0 auto;
	padding: 0 1em;
	clear: both;
}

/**
 * Header
 */
#header {
	background: transparent url(../img/bg_header2.gif) repeat-x bottom left;
}

/**
 * Home Footer
 */
div.homeFooter {
	background: #cfcdce url(../img/bg_home_footer.gif) repeat-x bottom left;
	float: left;
	width: 100%;
	padding: 1.5em 0;
}
div.homeFooter div.homeFooterWrapper div.layout {
	padding: 0;
}
div.homeFooter div.homeFooterWrapper div.twoColumnLayout div.columnOne {
	width: 75%;
}
div.homeFooter div.homeFooterWrapper div.twoColumnLayout div.columnTwo {
	width: 25%;	
}
div.homeFooter div.homeFooterWrapper div.boxFeature {
	background: #e5e5e5;
	margin-bottom: 0;
}
div.homeFooter div.homeFooterWrapper div.twoColumnLayout div.columnTwo div.csc-textpic-left div.csc-textpic-imagewrap {
	float: right;
}
 
/**
 * Upper Footer
 */
div.upperFooter {
	background: #0e0c0c url(../img/bg_footer.gif) repeat-x bottom left;
	float: left;
	width: 100%;
	padding: 1.5em 0;
}
div.upperFooter div.upperFooterWrapper {
	color: #999999;
}
div.upperFooter div.upperFooterWrapper h2 {
	color: #ffffff;
	margin-bottom: 1em;
}
div.upperFooter div.upperFooterWrapper div.threeColumnLayout div.columnOne {
	width: 38.6%;
}
div.upperFooter div.upperFooterWrapper div.threeColumnLayout div.columnTwo {
	width: 38.6%;
}
div.upperFooter div.upperFooterWrapper div.threeColumnLayout div.columnThree {
	width: 22.8%;
}
div.upperFooter div.upperFooterWrapper div.threeColumnLayout div.columnOne div.columnWrapper,
div.upperFooter div.upperFooterWrapper div.threeColumnLayout div.columnTwo div.columnWrapper {
	padding: 0 1.8em 0 0;
}

/**
 * Footer
 */
#footer {
	clear: both;
	text-align: center;
	background: #000000;
}
#footer a {
	text-decoration: none;
	color: #999999;
}
#footer a:hover {
	color: #ffffff;
}
#footerWrapper {
	padding: 2em 1em 5em 1em;
}
#footer li {
	border-right: 1px solid #999999;
}
#footer li.last {
	border-right: none;
}

/**
 * Logo
 */
#logo {
	float: left;
}
/*
#logo a {
	display: block;
	width: 280px;
	height: 75px;
	margin-top: 25px;
	background: transparent url(../img/logo.gif) no-repeat left top;
}
*/
#logo a {
	display: block;
	width: 302px;
	height: 73px;
	margin-top: 18px;
	background: transparent url(../img/logo.gif) no-repeat left top;
}
#logo img {
	display: none;
}

/**
 * Account
 */
#account {
	text-align: right;
	clear: right;
}

/**
 * Breadcrumb
 */
#breadcrumb {
	margin: 0 0 1em 0;
}

/**
 * Default navigation
 */
ul.navigation {
	margin: 0;
	padding: 0;
}
ul.navigation li {
	list-style-type: none;
	background-image: none;
	margin: 0;
	padding: 0;
}
ul.navigation li a {
	display: block;
}
ul.navigation li a:hover {
	text-decoration: none;
}
ul.horizontalNavigation li {
	float: left;
}

/**
 * Navigation - Header
 */
#headerNavigation {
	background: #303030 url(../img/nav_corner_r.gif) bottom right no-repeat;
	float: right;
	margin: 0 0 1em 0;
}
#headerNavigation #headerNavigationWrapper {
	padding: 1em 0.5em 1em 0.5em;
	background: transparent url(../img/nav_corner_l.gif) bottom left no-repeat;
}
#headerNavigation ul li {
	border-right: 1px solid #666666;
	padding: 0 1em;
}
#headerNavigation ul li.last {
	border-right-width: 0;
}
#headerNavigation ul li a {
	color: #FFFFFF;
}
#headerNavigation ul li a.active,
#headerNavigation ul li a:hover {
	color: #F70001;
}

/**
 * Navigation - Primary
 */
#primaryNavigation {
	clear: left;
	float: left;
	font-size: 90%;
	text-transform: uppercase;
	position: relative;
	margin: 0 0 1em 0;
}
#primaryNavigation ul li a {
	-moz-transition: color 0.2s ease-in-out 0s;
	-webkit-transition: color 0.2s ease-in-out 0s;
	transition: color 0.2s ease-in-out 0s;
	-o-transition: color 0.2s ease-in-out 0s;  
	color: #FFFFFF;
    padding: 0.7em 1em;
    margin: 0 1em 0 0;
}
#primaryNavigation ul li a:hover {
    background-color: #fff;
    color: #d11b1d;
    display: block;
    padding: 0.7em 1em;
	text-align: center;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background-image: linear-gradient(bottom, rgb(212,212,212) 43%, rgb(255,255,255) 65%);
	background-image: -o-linear-gradient(bottom, rgb(212,212,212) 43%, rgb(255,255,255) 65%);
	background-image: -moz-linear-gradient(bottom, rgb(212,212,212) 43%, rgb(255,255,255) 65%);
	background-image: -webkit-linear-gradient(bottom, rgb(212,212,212) 43%, rgb(255,255,255) 65%);
	background-image: -ms-linear-gradient(bottom, rgb(212,212,212) 43%, rgb(255,255,255) 65%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.43, rgb(212,212,212)),
	color-stop(0.65, rgb(255,255,255))
);

}
#primaryNavigation ul li.active a {
	background-color: #fff;
    color: #d11b1d;
    display: block;
    padding: 0.7em 1em;
	text-align: center;
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	background-image: linear-gradient(bottom, rgb(212,212,212) 43%, rgb(255,255,255) 65%);
	background-image: -o-linear-gradient(bottom, rgb(212,212,212) 43%, rgb(255,255,255) 65%);
	background-image: -moz-linear-gradient(bottom, rgb(212,212,212) 43%, rgb(255,255,255) 65%);
	background-image: -webkit-linear-gradient(bottom, rgb(212,212,212) 43%, rgb(255,255,255) 65%);
	background-image: -ms-linear-gradient(bottom, rgb(212,212,212) 43%, rgb(255,255,255) 65%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.43, rgb(212,212,212)),
	color-stop(0.65, rgb(255,255,255))
);


}

/**
 * Navigation - Primary
 */
/*#primaryNavigation {
	clear: left;
	float: left;
	font-size: 90%;
	text-transform: uppercase;
	position: relative;
	margin: 0 0 -0.5em 0;
}
#primaryNavigation ul li a {
	color: #FFFFFF;
	padding: 1em 1.7em 35px 1.7em;
}
#primaryNavigation ul li a:hover {
	color: #F70001;
}
#primaryNavigation ul li.active a {
	background: transparent url(../img/mainnav_active.gif) bottom center no-repeat;
	color: #333333;
	text-align: center;
}*/

/**
 * Navigation - Secondary
 */
ul.verticalNavigation {
	margin: 0 0 1.5em 0;
}
ul.verticalNavigation li {
	background: url(../img/arrows_double.gif) no-repeat scroll 0 0.5em transparent;
	padding: 0 0 0 13px;
	margin: 0 0 0.8em;
}
ul.verticalNavigation li a {
	color: #333333;
}
ul.verticalNavigation li a:hover {
	color: #CC0000;
	background-color: transparent;
}
ul.verticalNavigation li a.active {
	color: #CC0000;
	font-weight: bold;
}
ul.verticalNavigation ul {
	list-style-type: none;
	margin: 0.8em 0 0 0;
}

/**
 * Navigation - Footer
 */
#footer #credits {
	float: right;
	text-align: right;
	width: 20%;
	color: #999;
}
#footer #footerNavigation {
	float: left;
	width: 80%;
}
#footer #footerNavigation ul li {
	margin: 0 1em 0 0;
	padding: 0 1em 0 0;
}
#footer #copyright {
	display: none;
}

/**
 * Page - Default layout
 */
div.defaultLayout {
	margin: 1em 0 1em 0;
}
div.defaultLayout div.leftColumn {
	float: left;
	width: 22.98%;
}
div.defaultLayout div.rightColumn {
	float: right;
	width: 75.61%;
}
div.defaultLayout div.contentWrapper div.leftContentColumn {
	float: left;
	width: 64.34%;
}
div.defaultLayout div.contentWrapper div.rightContentColumn {
	width: 32.56%;
	float: right;
}

/**
 * Page - Two column layout
 */
div.twoColumnPageLayout div.topContentRow {
	float: left;
	background: transparent url(../img/first_time_bg.jpg) bottom right no-repeat; 
	border-bottom: 1px solid #A6A6A6;
	margin: 0 0 1.5em 0;
	padding: 2.5em 1em 1em 1em;
	width: 77em;
}
div.twoColumnPageLayout div.topContentRow h1 {
	font-size: 230%;
}
div.twoColumnPageLayout div.topContentRow h2 {
	font-size: 130%;
	line-height: 1.5em;
}
div.twoColumnPageLayout div.topContentRow div.twoColumnLayout {
	width: 60%;
}
div.twoColumnPageLayout div.topContentRow div.twoColumnLayout div.columnWrapper {
	margin: 0 10% 0 0;
}
div.twoColumnPageLayout div.leftContentColumn {
	float: left;
	width: 73.61%;
}
div.twoColumnPageLayout div.rightContentColumn {
	float: right;
	width: 24.98%;
}
div.twoColumnPageLayout div.rightContentColumn div.whitelabel {
	padding: 45px 0 3em 0;
}
div.twoColumnPageLayout div.rightContentColumn {
	background: #E6E6E6 url(../img/rightpanel_bg.gif) left top repeat-x;
	position: relative;
	top: -95px;
}
div.twoColumnPageLayout div.rightContentColumn div.box {
	background: transparent url(../img/panel_bg.gif) left top no-repeat;
}
div.twoColumnPageLayout div.rightContentColumn div.box div.banner {
	padding: 0 72px 0 0;
}
div.twoColumnPageLayout div.rightContentColumn div.box div.content {
	padding: 0 1.2em 1.2em 12px;
	background-repeat: no-repeat;
	background-position: 10px 0;
}
div.twoColumnPageLayout div.twoColumnLayout div.whitelabel {
	margin: 2em 0 0 0;
}
div.twoColumnPageLayout div.tx-llcatalog-pi div.mortgages div.list {
	margin: 0;
}

/**
 * Page layout - Home
 */
div.homePageLayout {
	margin: 1em 0 0 0;
}
div.homePageLayout div.leftContentColumn {
	width: 75%;
	float: left;
}
div.homePageLayout div.rightContentColumn {
	width: 23.4%;
	float: right;
}
div.homePageLayout div.rightContentColumn div.csc-textpic {
	margin-bottom: 1em;
}
div.homePageLayout div.boxFeature {
	background-color: #E5E5E5;
}
div.homePageLayout div.twoColumnLayout {
	border-top: 1px solid #CCCCCC;
	margin-top: 2em;
}
div.homePageLayout div.twoColumnLayout div.columnOne {
	width: 60%;
}
div.homePageLayout div.twoColumnLayout div.columnTwo {
	margin-top: 2em;
	padding-left: 2em;
	background: transparent url(../img/homepage_div_line.jpg) left top no-repeat;
	width: 36%;
}
div.homePageLayout #wizardStepZero {
	background: transparent url(../img/homepage_mortgage_quote.gif) left 10px no-repeat;
	padding-top: 12.5em;
}

/** 
 * Gallery - Home Page Slides
 */
div.galleryContainer {
	margin: 1em 0 0 0;
}
div.slideshow {
	position: relative;
}
div.slideshow div.content {
	width: 76.7%;
	overflow: hidden;
	position: relative;
	height: 226px;
}
div.slideshow h2 {
	display: none;
}
div.slideshow h2.slideTitle {
	display: block;
}
div.slideshow a, div.slideshow div.thumbnails a.active {
	color: #fff;
	opacity: 1;
	background: #000000;
}
div.slideshow div.thumbnails {
	position: absolute;
    right: 0;
    top: 0;
    width: 23.3%;
    height: 226px;
	overflow: hidden;
}
div.slideshow div.thumbnails a {
	color: #C00;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	background: #302e2f;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4;
	height: 56px;
}
div.slideshow div.thumbnails a:hover {
	opacity: 1;
	text-decoration: none;
	color: #fff;
	background: #000000;
}
div.slideshow div.thumbnails a.last {
	border-bottom: none;
}
div.slideshow div.thumbnails a span.thumbText {
	padding: 0.75em;
	display: block;
}
div.slideshow div.thumbnails a span.thumbImage {
	display: none;
    float: right;
    height: 56px;
    overflow: hidden;
    width: 67px;
    padding: 0 0 0 1em;
}
div.slideshow div.thumbnails a span.thumbImage img {
	position: relative;
	right: 125px;
}
div.slideshow div.thumbnails a {
	clear:both;
	float:left;
}
div.slideshow div.csc-textpic {
	position: absolute;
	float: left;
	display: block;
	overflow: hidden;
}
div.slideshow div.csc-textpic-imagewrap {
    width: 100%;
}
div.slideshow div.csc-textpic-text {
    position: absolute;
    top: 0;
    background: url(../img/gallery-bg.png);
}
div.slideshow div.csc-textpic-text {
	color: #FFFFFF;
	padding: 8px 1em;
	display: block;
	float: none;
	overflow: hidden;
	width: 30%;
	
}

/**
 * Whitelabel banners
 */
div.whitelabel div.banner {
 	padding: 0 0 1em 0;
}
div.whitelabel div.banner.item5 {
 	padding: 0;
 	float: right;
}

/**
 * Layout
 */
div.layout {
	clear: both;	
	padding: 0 0 1.5em 0;
}
div.layout div.column {
	float: left;
}

/**
 * Layout - Two Column
 */
div.twoColumnLayout div.column {
	width: 49.9%;
}
div.twoColumnLayout.thirtySeventy div.columnOne,
div.twoColumnLayout.seventyThirty div.columnTwo {
	width: 30%;
	float: right;
}
div.twoColumnLayout.seventyThirty div.columnOne,
div.twoColumnLayout.thirtySeventy div.columnTwo {
	width: 68%;
}

/**
 * Layout - Three column
 */
div.threeColumnLayout div.column {
	width: 32.9%;
}

/**
 * Layout - Four column
 */
div.fourColumnLayout div.column {
	width: 24.9%;
}

/**
 * Layout - Five column
 */
div.fiveColumnLayout div.column {
	width: 19.9%;
}

/**
 * Divider
 */
div.divider {
	clear: both;
	width: 100%;
	margin: 1.5em 0;
	border-top: 1px solid #DADADA;
}
div.divider hr {
	display: none;
}

/**
 * Notifications - Success
 */
div.notification {
	padding: 1.2em 1em 0 30px;
	margin-bottom: 15px;
	background: #E2F9E3 url(../img/icon_tick.gif) no-repeat 0.7em 12px;
	border: 4px solid #99cc99;
	color: #264E85;
}

/**
 * Notification - Error
 */
div.notificationError {
	background-color: #FEDBDB;
	background-image: url(../img/icon_error.gif);
	border-color: #FFA7A7;
	color: #B60000;
}

/**
 * Notification - Notice
 */
div.notificationNotice {
	background-color: #EEF3F9;
	background-image: url(../img/icon_notice.gif);
	border-color: #CAD9EB;
}

/**
 * Survey
 */
div.tx-pbsurvey-pi1 {
	margin: 0 0 1.5em 0;
}
div.tx-pbsurvey-pi1 div.questionAnswer {
	margin: 0 0 0.3em 0;
	clear: both;
}
div.tx-pbsurvey-pi1 div.questionAnswer span {
	float: left;
	vertica-align: middle;
}
div.tx-pbsurvey-pi1 input.radio,
div.tx-pbsurvey-pi1 input.checkbox {
	vertica-align: middle;
	margin: 0 0.5em 0 0;
	float: left;
}
div.tx-pbsurvey-pi1 fieldset.survey_item {
	margin: 1em 0;
}
div.tx-pbsurvey-pi1 fieldset.error {
	color: #B60000;
}

/**
 * Buttons
 */
a.button span {
	display: none;
}

/**
 * What out customers are saying
 */
div.leftContentColumn div.box {
	border-top: 1px solid #A6A6A6;
 	background: transparent url(../img/customers_saying_bg.jpg) left top no-repeat;
	padding: 6em 0 0 0.6em;
}
div.leftContentColumn div.box img {
	box-shadow: -0.4em -0.4em 0.7em #bbb;
	-moz-box-shadow: -0.4em -0.4em 0.7em #bbb;
	-webkit-box-shadow: -0.4em -0.4em 0.7em #bbb;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=300, Color='#bbbbbb')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=300, Color='#bbbbbb');
}
div.leftContentColumn .box h2 {
	color: #c30001;
	font-size: 1.1em;
	font-weight: normal;
	margin: 1.5em 0 0.5em 0.7em;
}
div.leftContentColumn .box p {
	margin-right: 1.5em;
	margin-left: 0.7em;
}

/**
 * Catalog - Mortgages: List
 */
div.tx-llcatalog-pi div.mortgages div.list {
	margin: 0 0 1.5em 0;
}
div.tx-llcatalog-pi div.mortgages div.list div.tableHeader {
	background: #343434 url(../img/bestbuys_header.gif) no-repeat left top;
	width: 100%;
	height: 49px;
}
div.tx-llcatalog-pi div.mortgages div.list div.tableHeader div.title {
	display: none;
}
div.tx-llcatalog-pi div.mortgages div.list div.tableHeader div.menuContainer {
	float: right;
}
div.tx-llcatalog-pi div.mortgages div.list div.bestBuysSelect {
	float: right;
	position: relative;
	z-index: 100;
	width: 15em;
	margin: 14px 1em 0 0;
	padding: 0;
}
div.tx-llcatalog-pi div.mortgages div.list div.bestBuysSelect ul {
	margin: 0;
	padding: 0;
}
div.tx-llcatalog-pi div.mortgages div.list div.bestBuysSelect ul li {
	position: relative;
	border: 1px solid #AAAAAA;
	background: #FFFFFF url(../img/selectmenu.gif) no-repeat center right;
	padding: 0.1em 0;
	margin: 0;
	text-align: left;
	list-style: none;
	display: block;
}
div.tx-llcatalog-pi div.mortgages div.list div.bestBuysSelect ul li a {
	display: block;
	font-weight: bold;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}
div.tx-llcatalog-pi div.mortgages div.list div.bestBuysSelect ul li a span {
	padding: 0 0 0.1em 0.3em;
}
div.tx-llcatalog-pi div.mortgages div.list div.bestBuysSelect ul li ul {
	display: block;
	visibility: hidden;
	position: absolute;
	top: 1.2em;
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	border-top-width: 0;
	margin: 0 0 0 -1px;
	padding: 0;
	width: 15em;
	clear: both;
}
div.tx-llcatalog-pi div.mortgages div.list div.bestBuysSelect ul a:hover {
	border: 0;
}
div.tx-llcatalog-pi div.mortgages div.list div.bestBuysSelect ul li:hover ul,
div.tx-llcatalog-pi div.mortgages div.list div.bestBuysSelect ul a:hover ul {
	visibility: visible;
}
div.tx-llcatalog-pi div.mortgages div.list div.bestBuysSelect ul li ul li {
	clear: both;
	float: none;
	background-image: none;
	padding: 0.1em;
	margin: 0;
	border-width: 0;
	height: auto;
}
div.tx-llcatalog-pi div.mortgages div.list div.bestBuysSelect ul li ul li a {
	padding: 0 0 0.1em 0.3em;
	float: none;
	width: auto;
	text-transform: none;
	font-weight: normal;
	font-size: 95%;
}
div.tx-llcatalog-pi div.mortgages div.list div.bestBuysSelect ul li ul li a:hover {
	color: #FFFFFF;
	background: #336699;
}
div.tx-llcatalog-pi div.mortgages div.list div.bestBuysSelect table {
	margin: 0;
	border-collapse: collapse;
}
div.tx-llcatalog-pi div.mortgages div.list div.tableContent {
	font-size: 90%;
	border-collapse: collapse;
	background: transparent url(../img/bestBuyTableRight.gif) 100% 0 no-repeat;
	margin: -5px 0 0 0;
}
div.tx-llcatalog-pi div.mortgages div.list table {
	border-collapse: collapse;
	background: transparent url(../img/bestBuyTableFooter.jpg) bottom right no-repeat;
	width: 100%;
	margin: 0;
}
div.tx-llcatalog-pi div.mortgages div.list table tr th {
	vertical-align: top;
	padding: 1.4em 0.5em 2em 0;
	background: none;
	border-width: 0;
}
div.tx-llcatalog-pi div.mortgages div.list table tr td {
	border-width: 0;
	background: transparent url(../img/border_bottom.gif) bottom left repeat-x;
}
div.tx-llcatalog-pi div.mortgages div.list table tr.last td {
	background-image: none;
}
div.tx-llcatalog-pi div.mortgages div.list table thead th.LenderName {
	padding-left: 1.4em;
}
div.tx-llcatalog-pi div.mortgages div.list table tr.tableFooter a {
	color: #FFFFFF;
	margin-left: 1em;
}
div.tx-llcatalog-pi div.mortgages div.list table tr.tableFooter td {
	background-image: none;
}
div.tx-llcatalog-pi div.mortgages div.list div.lenderPhone span {
	white-space: pre;
}
div.tx-llcatalog-pi div.mortgages div.list td.LenderName {
	width: 100px;
	text-align: center;
}
div.tx-llcatalog-pi div.mortgages div.list td.BestBuyType,
div.tx-llcatalog-pi div.mortgages div.list td.InitialRate,
div.tx-llcatalog-pi div.mortgages div.list td.SubsequentRate,
div.tx-llcatalog-pi div.mortgages div.list td.CostForComparison,
div.tx-llcatalog-pi div.mortgages div.list td.TotalMonthlyCost,
div.tx-llcatalog-pi div.mortgages div.list td.ERCSummary {
	width: auto;
}
div.tx-llcatalog-pi div.mortgages div.list td.Details {
	width: 150px;
}
div.tx-llcatalog-pi div.mortgages div.list tbody td.Details {
	background: transparent url(../img/border_bottom.gif) bottom left no-repeat;
	border: 0;
}
div.tx-llcatalog-pi div.mortgages div.list div.lenderLogo {
	margin: 0 0 1em 0;
}
div.tx-llcatalog-pi div.mortgages div.list p.button {
	float: left;
	margin: 1em 0 1em 0;
}
div.tx-llcatalog-pi div.mortgages div.list p.button a {
	display: block;
	margin: 0 0.4em 0 0;
}
div.tx-llcatalog-pi div.mortgages div.list tbody tr.first td {
	padding-top: 12px;
}
div.tx-llcatalog-pi div.mortgages div.list tbody tr {
	height: 4em;
}

/**
 * Catalog - Mortgages: Single
 */
div.tx-llcatalog-pi div.mortgages div.single h2 {
	padding: 0 0 0.5em 0;
	border-bottom: 2px solid #E0E0E0;
}
div.tx-llcatalog-pi div.mortgages div.single table th {
	width: 30%;
	text-align: right;
	padding-right: 1.5em;
}

/**
 * Catalog - Pagination
 */
div.tx-llcatalog-pi div.pagination {
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
	border-bottom: 1px solid #EBEBEB;
}
div.tx-llcatalog-pi div.pagination p {
	float: left;
	width: 49.9%;
	margin: 0;
}
div.tx-llcatalog-pi div.pagination p span {
	font-weight: bold;
}
div.tx-llcatalog-pi div.pagination ul {
	float: right;
	margin: 0;
}
div.tx-llcatalog-pi div.pagination ul li {
	display: inline;
	text-align: right;
	background-image: none;
	padding: 0 0 0 0.3em;
	margin: 0;
}
div.tx-llcatalog-pi div.pagination ul li.active {
	font-weight: bold;
}

/**
 * Catalog - Filters
 */
div.tx-llcatalog-pi div.filters ul li.active {
	font-weight: bold;
}
div.tx-llcatalog-pi div.filters ul li {
	background: url(../img/arrows_double.gif) no-repeat scroll 0 0.4em transparent;
	padding-left: 15px;
}
div.tx-llcatalog-pi div.filters ul li a span {
	color: #333333;
}

/**
 * Comments
 */

div.tx-comments-pi1 label {
	margin-right: 1em;
    width: 13em;
    display: block;
    float: left;
    padding: 0 0 1em;
}
div.tx-comments-pi1 div.row {
	padding: 0 0 10px 0;
}
div.tx-comments-pi1 div.tx-comments-comment-1,
div.tx-comments-pi1 div.tx-comments-comment-2 {
	padding: 0 0 10px 0;
}
div.tx-comments-pi1 span.tx-comments-required-error {
	display: block;
	background: #FEDBDB url(../img/icon_error.gif) 0.2em 5px no-repeat;
	color: #B60000;
	margin-bottom: 15px;
    padding: 0.5em 1em 0.5em 25px;
    border: 4px solid #FFA7A7;
}
div.tx-comments-pi1 span.required {
	color: red;
	padding: 0 0 0 5px;
}
div.tx-comments-pi1 .tx-pagebrowse li {
	background: none;
}

 
/**
 * Banners
 */
div.tx-llbanner-pi1 div.banner h3 a {
	display: block;
	width: 226px;
	height: 43px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
}
div.tx-llbanner-pi1 div.banner h3 {
	padding: 0;
	margin: 0;
}
div.tx-llbanner-pi1 div.banner {
	padding: 0 0 1em 0;
}
div.tx-llbanner-pi1 div.banner h3 span,
div.tx-llbanner-pi1 div.banner p {
	display: none;
}

/**
 * News - Pagination
 */
div.tx-ttnews-browsebox div {
	float: left;
	width: 49.9%;
	margin: 0 0 1.5em 0;
}
div.tx-ttnews-browsebox div.browseLinksWrap {
	text-align: right;
}

/**
 * News - Categories
 */
div.newsCategories ul.verticalNavigation li a {
	color: #CC0000;
}

/**
 * News - Summary
 */
div.newsItem div.newsDate {
	float: left;
}
div.newsItem div.newsDate div.date {
	background: transparent url(../img/news_datebox_bottom.jpg) bottom left no-repeat;
}
div.newsItem div.newsDate div.dateWrapper {
	background: transparent url(../img/news_datebox_top.jpg) left top no-repeat;
	padding: 1.2em 0 1.6em 0;
}
div.newsItem div.newsDate span {
	margin: auto;
	display: block;
	color: #FFFFFF;
	text-align: center;
}
div.newsItem div.newsDate span.day {
	font-size: 1.3em;
}
div.newsLatest div.newsItem .newsBody {
	margin-left: 10em;
}
div.newsLatest div.newsItem .newsBody .posted,
div.newsItem .posted {
	color: #999999;
	font-style: italic;
}
div.newsLatest div.newsItem {
	border-bottom: 1px solid #dadada;
	margin-bottom: 1em;
}
div.newsLatest div.newsItem h3 {
	font-size: 100%;
	font-weight:bold;
	line-height: 1.4;
}
div.newsLatest div.newsItem p.bodytext b {
	font-weight: normal;
}
p.comments a {
	background: transparent url(../img/comment.png) 0 50% no-repeat;
	padding: 0 0 0.5em 20px;
}

/**
 * Calculators
 */
div.calculator div.legend {
	clear: both;
}
div.calculator h2,
div.calculator h3 {
	padding: 0 0 0.2em 0;
	margin: 0 0 0.7em 0;
	border-bottom: 2px solid #DADADA;
}
div.calculator h3 {
	border-bottom-width: 1px;
}
div.calculator div.footer {
	display: none;
}

/**
 * Tabs
 */
div.tabs {
	margin: 0 0 1.5em 0;
}
div.tabs div.links ul {
	margin: 0;
}
div.tabs div.links ul li {
	background: #E6E6E6 url(../img/tab.jpg) 50% bottom repeat-x;
	padding: 0;
	float: left;
	width: 49.99%;
}
div.tabs div.links ul li a {
	display: block;
	background: transparent url(../img/tab_separator.jpg) right bottom no-repeat;
	padding: 1em 1em 2.5em 1em;
	text-align: center;
	font-size: 120%;
	color: #666666;
	outline: 0;
}
div.tabs div.links ul li.last a {
	background-image: none;
}
div.tabs div.links ul li.active {
	background-image: url(../img/tab_active.jpg);
	background-repeat: no-repeat;
}
div.tabs div.links ul li.active a,
div.tabs div.links ul li a:hover {
	text-decoration: none;
	color: #333333;
}

div.tabs div.content {
	clear: both;
	padding: 1em 1.5em;
}
div.tabs {
	border: 1px solid #A0A0A0;
	border-radius: 0 0 1em 1em;
	-moz-border-radius:  0 0 1em 1em;
	-webkit-border-radius: 0 0 1em 1em;
}

/**
 * Box - Conected
 
div.boxConnected {
	background: #FFFFFF url(../img/connectedBg.gif) left top repeat-x;
	border: 1px solid #CCCCCC;
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	padding: 1em;
	margin: 0 0 2em 0;
}
div.boxConnected div.title h2 {
	padding: 0 0 0.2em 0;
	margin-bottom: 1em;
	border-bottom: 1px solid #C9C9C9;
}
div.boxConnected ul {
	list-style-type: none;
}
div.boxConnected ul li.news,
div.boxConnected ul li.twitter,
div.boxConnected ul li.rss {
	background: transparent url(../img/newsIcon.png) 0 50% no-repeat;
	padding: 0.5em 0 0.5em 35px;
	margin: 0 0 0.5em 0;
}
div.boxConnected ul li.twitter {
	background-image: url(../img/twitterIcon.png);
}
*/
div.boxConnected ul {
	margin: 0;
}
div.boxConnected ul li a {
	color: #ffffff;
}
div.boxConnected .menuOfSubpages ul li a {
	color: #c00;
}
div.boxConnected ul li.news,
div.boxConnected ul li.twitter,
div.boxConnected ul li.rss,
div.boxConnected ul li.facebook {
	background: transparent url(../img/icon_rss.png) 0 50% no-repeat;
	padding: 1em 0 1em 50px;
	margin: 0;
}
div.boxConnected ul li.twitter {
	background-image: url(../img/icon_twitter.png);
}
div.boxConnected ul li.facebook {
	background-image: url(../img/icon_faceBook.png);
}
/**
 * News populator
 */
div.tx-llnewspop-pi1 form input,
div.tx-llnewspop-pi1 form select,
div.tx-llnewspop-pi1 form textarea {
	width: 13em;
}
div.tx-llnewspop-pi1 form input.checkbox {
	width: auto;
}

/**
 * Box - More Mortages
 */
div.boxMoreMortgages {
	background: #666666 url(../img/moreMortBgTop.gif) left top repeat-x;
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	padding: 1em 1em 0.3em 1em;
	margin: 0 0 2em 0;
}
div.boxMoreMortgages div.title h2 {
	padding: 0 0 0.2em 0;
	border-bottom: 1px solid #666666;
}
div.boxMoreMortgages,
div.boxMoreMortgages a {
	color: #FFFFFF;
}
div.boxMoreMortgages ul li {
	background-image: url(../img/moreMortBullet.png);
}

/**
 * Box - Calculators
 */
div.boxCalculators {
	background:url(../img/calculatorTop.gif) no-repeat scroll left top transparent;
	margin: 2em 0 0 0;
} 
div.boxCalculators div.content {
	padding: 5em 0 2em 8em;
	background: url(../img/calculatorBottom.gif) no-repeat scroll bottom left transparent;
}

/**
 * Box - Small text
 */
div.boxSmallText {
	font-size: 95%;
	margin: 1em 0;
}

/**
 * Box - Feature
 */
div.boxFeature {
	border: 1px solid #CCCCCC;
	border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	padding: 1em 1em 0.5em 1em;
	margin-bottom: 2em;
}

/**
 * RSS
 */
.rss {
	background: transparent url(../img/rss.png) 0 0 no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 1em 0;
	font-size: 130%;
}

/**
 * Page - First Time Buyers
 */
body.pageFirstTimeBuyer div.rightContentColumn div.box div.content {
	background-image: url(../img/panel_first_timers.jpg);
}

/**
 * Page - Remortgaging
 */
body.pageRemortgaging div.topContentRow {
	background-image: url(../img/remortgaging_bg.jpg);
}
body.pageRemortgaging div.rightContentColumn div.box div.content {
	background-image: url(../img/panel_remortagers.jpg);
}

/**
 * Page - Moving home
 */
body.pageMovingHome div.topContentRow {
	background-image: url(../img/movinghome_bg.jpg);
}
body.pageMovingHome div.rightContentColumn div.box div.content {
	background-image: url(../img/panel_movers.jpg);
}

/**
 * Page - Buy to let
 */
body.pageBuyToLet div.topContentRow {
	background-image: url(../img/buytolet_bg.jpg);
}
body.pageBuyToLet div.rightContentColumn div.box div.content {
	background-image: url(../img/panel_investors.jpg);
}

/**
 * Page - Commercial
 */
body.pageCommercial div.topContentRow {
	background-image: url(../img/commercial_bg.jpg);
}
body.pageCommercial div.rightContentColumn div.box div.content {
	background-image: url(../img/panel_commercialLove.jpg);
}
body.pageCommercial div.twoColumnPageLayout div.rightContentColumn div.whitelabel {
	padding-top: 61px;
}

/**
 * Page - Insurance
 */
#pageInsurnace div.boxFeature div.content {
	padding: 0.5em;
}
#pageInsurnace div.twoColumnLayout div.column {
	width: 48%;
}
#pageInsurnace div.twoColumnLayout div.columnOne {
	margin-right: 2.3em;
}
#pageInsurnace div.boxFeature {
	margin-bottom: 1em;
}
#c13419 div.boxFeature,
#c14408 div.boxFeature,
#c14400 div.boxFeature,
#c13422 div.boxFeature,
#c13416 div.boxFeature {
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 20em;
}
#c13419 div.boxFeature p,
#c14408 div.boxFeature p,
#c14400 div.boxFeature p,
#c13422 div.boxFeature p,
#c13416 div.boxFeature p {
	padding-right: 12em;
}

#c13419 div.boxFeature {
	background-image: url(../img/insurancebg_life.jpg);
}
#c14408 div.boxFeature {
	background-image: url(../img/insurancebg_protection.jpg);
}
#c14400 div.boxFeature {
	background-image: url(../img/insurancebg_protection.jpg);
}
#c13422 div.boxFeature {
	background-image: url(../img/insurancebg_property.jpg);
}
#c13416 div.boxFeature {
	background-image: url(../img/insurancebg_general.jpg);
}

/**
 * Alert Box
 */
#alert #alertWrapper {
  display: none;
}
#homepage #TB_ajaxContent {
	padding: 0 1.5em 0;
}

/**
 * Thickbox
 */
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}
#TB_window a:link,
#TB_window a:visited,
#TB_window a:active,
#TB_window a:focus  {
	color: #666666;
}
#TB_window a:hover {
	color: #000;
}
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0;
	left: 0;
	height:100%;
	width:100%;
}
.TB_overlayMacFFBGHack {background: url(../img/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
	 position: absolute;
	 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}
* html #TB_window { /* ie6 hack */
	position: absolute;
	margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}
#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}
#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}
#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}
#TB_title{
	background-color:#333333;
	height:27px;
	color:#ffffff;
}
#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
	padding:15px;
}
#TB_ajaxContent p{
	padding:5px 0 5px 0;
}
#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
	 position: absolute;
	 height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/**
 * Best-Buy Mortgage details specific
 */
div.mortgages {
	overflow: auto;
}
body.mortgageDetails div.twoColumnLayout.fiftyFifty div.columnOne,
body.mortgageDetails div.twoColumnLayout.fiftyFifty div.columnTwo,
div.mortgages div.details,
div.mortgages div.fees {
	width: 48%;
	float:left;
}
body.mortgageDetails div.twoColumnLayout.thirtySeventy div.columnOne {
	width: 20%;
}
body.mortgageDetails div.twoColumnLayout.thirtySeventy div.columnTwo {
	width: 76%;
}
body.mortgageDetails div.twoColumnLayout.fiftyFifty div.columnTwo,
div.mortgages div.fees {
	float: right;
}
body.mortgageDetails div.boxFeature div.columnOne div.columnWrapper {
	font-size: 120%;
	padding-left: 0.6em;
}
body.mortgageDetails div.boxFeature div.columnTwo {
	margin-top: -3em;
}
body.mortgageDetails h2,
body.mortgageDetails div.tx-llcatalog-pi div.mortgages h2 {
	background: black;
	clear:both;
	color: white;
	border-radius: 0.2em;
	border-bottom: none;
	padding: 0.3em;
	font-size: 170%;
}
body.mortgageDetails h3 {
	border-bottom: 0.15em solid #000000;
	padding-bottom: 0.4em;
}
body.mortgageDetails h4 {
	font-size: 180%;
}
body.mortgageDetails div.boxFeature {
	padding: 0;
	margin-bottom: 0;
	border: none;
	background: #e6e6e6 url(../img/bg_featurebox.gif) repeat-x left bottom;
}
body.mortgageDetails div.boxFeature div.box {
	background: url(../img/mortgage_confusedman.gif) no-repeat bottom right;
}
body.mortgageDetails div.whitelabel div.banner {
	padding: 0; 
}
body.mortgageDetails div.divider {
	border: 0.15em solid #000000;
}
body.mortgageDetails div.row.submit span.label {
	display: none;
}
body.mortgageDetails form input, 
body.mortgageDetails form select,
body.mortgageDetails form textarea {
	width: 22em;
}
img {
	behavior: url(/fileadmin/assets/charcol/img/iepngfix.htc);
}

/**
 * Mortgage calculator specific
 */
body.mortgageCalculators h2 {
	background: black;
	clear:both;
	color: white;
	border-radius: 0.2em;
	border-bottom: none;
	padding: 0.3em;
	font-size: 170%;
}
body.mortgageCalculators div.twoColumnLayout.fiftyFifty div.column {
	width: 47.9%;
}
body.mortgageCalculators div.twoColumnLayout.fiftyFifty div.columnOne {
	margin-right: 1.6em;
}
/*
body.mortgageCalculators div.divider {
	
}
*/
body.mortgageCalculators div.twoColumnLayout.fiftyFifty {
	padding-top: 1em;
	border-top: 0.2em solid #000000;
}
body.mortgageCalculators #wrapper div.title h2,
body.mortgageCalculators div.twoColumnLayout.fiftyFifty h2 {
	color: #333;
	font-size: 150%;
	background: none;
	border-bottom: 1px solid #DADADA;
	padding: 0 0 0.4em 0;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
body.mortgageCalculators div.twoColumnLayout.fiftyFifty form input {
	width: 13em;
}
body.mortgageCalculators div.twoColumnLayout.fiftyFifty form span.extra {
	display: none;
}
body.mortgageCalculators form div.row.submit span.label {
	display: none;
}

/*
 * Mortgage loan calculator
 */
 
#calcValForm #secondApplicant, 
#calcValForm #results {
	display: none;
}

/*
 * Add This
 */
div.addthis_toolbox {
	margin: 1.5em 0 0 0;
}