.col-full {
	width: 960px;
	margin: 0 auto;
}
.gold {
	color:#f7b233
}
.darkblue {
	color:#023467
}

a#apply-online:link, a#apply-online:visited, a#apply-online:hover {
	display:block;
	float:left;
	text-indent:-999em;
	width:570px;
	height:75px;
	background:url(/images/click-to-apply-content.png) 0px -75px no-repeat;
	margin:20px 0;
}

a#apply-online:hover { background:url(/images/click-to-apply-content.png) 0px 0px no-repeat}
	
/* GENERAL STYLE
====================================================================================================*/

div#head {
	background: url(../images/log-book-loans-header-bg.gif) top left repeat-x
}
div#logo-logbook-loan {
	float:left;
	width:630px;
}
div#headline-logbook-loan {
	float:left;
	width:320px;
	padding:5px 10px 0 0;
	text-align:right;
	color:#000;
}
div#headline-logbook-loan h2 {
	font-size:28px;
	color:#FFF;
}

div#headline-logbook-loan a:link, div#headline-logbook-loan a:visited, div#headline-logbook-loan a:hover {
	display:block;
	float:right;
	text-align:left;
	text-indent:-999em;
	width:215px;
	height:45px;
	background:url(/images/click-to-apply-top.png) 0px -45px no-repeat;

}
div#headline-logbook-loan a:hover{
	background:url(/images/click-to-apply-top.png) 0px 0px no-repeat;
}
div#nav-logbook-loan {
	float:left;
	width:950px;
	background: url(../images/log-book-loans-nav-bg.gif) no-repeat;
	padding:0 0 0 10px;
}
div#nav-logbook-loan ul {
	list-style:none;
	padding:3px 0 20px 0;
}
div#nav-logbook-loan ul li {
	display:inline;
	padding:0px;
}

div#nav-logbook-loan a:link, div#nav-logbook-loan a:visited {
	font-family: "Myriad Pro", Arial, 'Sans Serif';
	font-size:16px;
	font-weight:400;
	color:#000;
	text-decoration:none;
	padding:0px 5px;
}
div#nav-logbook-loan a:hover {
	color:#fff
}

div#nav-logbook-loan ul li.navdiv {
	padding-top:5px
}


div#phone-logbook-loan {
	float:left;
	width:370px;
	background: url(../images/log-book-loans-nav-bg.gif) top right no-repeat;
	padding-left:10px
}
div#phone-logbook-loan p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	float:left;
	width:140px;
	padding:10px 0;
}
div#phone-logbook-loan h2 {
	font-size:32px;
	font-family: "Myriad Pro", Arial, 'Sans Serif';
	color:#000;
	float:left;
	width:210px;
	padding:0 0 0 15px;
	line-height:1
}
div#left-col, div#left-col-faq {
	float:left;
	width:580px;
	padding:0px 40px 0 0;
}
div#left-col p {
	padding:10px 0 20px 0
}
div#left-col-faq p {
	padding:5px 0 10px 0
}
div#left-col ul {
	margin:10px 0 10px 30px
}
div#left-col ul li {
	background: url(../images/tick.gif) no-repeat;
	padding:3px 0 3px 25px
}
div#right-col {
	float:left;
	width:330px;
}
div.branch-left {
	float:left;
	width:200px;
}
div.branch-right {
	float:left;
	width:352px;
	text-align:center;
}
img.branch-manager {
	padding:10px 40px 0 0
}
.accordionButton {
	width: 590px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: url(../images/branch-bar-close.gif) no-repeat;
	height:40px;
	cursor: pointer;
}
.accordionButton h1 {
	font-size:24px;
	letter-spacing:-1px;
	padding:3px 0 0 10px
}
.accordionContent {
	width: 568px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #efefef;
	border:1px solid #ccc;
	padding:10px;
}
/***********************************************************************************************************************
 EXTRA STYLES ADDED FOR MOUSEOVER / ACTIVE EVENTS
************************************************************************************************************************/

.on {
	background: url(../images/branch-bar-close.gif) no-repeat;
	height:40px;
}
.over {
	background: url(../images/branch-bar-open.gif) no-repeat;
	height:40px;
}
/* HEADER STYLE
====================================================================================================*/

div#main-banner {
	height:447px;
	background:url(../images/log-book-loans-banner.jpg) top left no-repeat;
}
div#main-banner h2 {
	font-size:24px;
	font-family: "Myriad Pro", Arial, 'Sans Serif';
	font-weight:bold;
	padding:0px 0 10px 30px;
	letter-spacing:-2px;
}
div#car-log-book-loans-headline {
	float:left;
	width:960px;
	height:80px;
}
div#car-log-book-loans-headline h1 {
	font-size:34px;
	padding:10px;
}
div#apply-for-logbook-loan {
	position:relative;
	margin:167px auto 0 auto;
	width:410px;
}
div#apply-for-logbook-loan a:link, div#apply-for-logbook-loan a:visited, div#apply-for-logbook-loan a:hover {
	display:block;
	width:410px;
	height:100px;
	text-indent:-999em;
	background:url(../images/apply-for-log-book-loans.png) 0px -100px no-repeat;
}
div#apply-for-logbook-loan a:hover {
	background:url(../images/apply-for-log-book-loans.png) 0px 0px no-repeat;
}
/*div#logbook-loan-steps {
}*/
div#logbook-loans-steps-wrap {
	width:100%;
	background:url(../images/log-book-loans-bar-bg.gif) top left repeat-x;
	margin:0 auto;
}
div#logbook-loan-steps h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	float:left;
	display:block;
	width:185px;
}
div#logbook-loan-steps h2.one {
	background: url(../images/log-book-loans-step1.png) 3px 30px no-repeat;
	padding:30px 0 50px 70px;
}
div#logbook-loan-steps h2.two {
	background: url(../images/log-book-loans-step2.png) 3px 30px no-repeat;
	padding:30px 0 50px 70px;
}
div#logbook-loan-steps h2.three {
	background: url(../images/log-book-loans-step3.png) 3px 30px no-repeat;
	padding:30px 0 50px 70px;
}
/* CONTENT STYLE
====================================================================================================*/

div#contact {
	width: 400px;
	height:330px;
}
a#search_postcode {
	text-decoration:none;
	color:#000;
	font-size: 14px;
	cursor:pointer;
	cursor:hand;
	background:url(/images/lookup.png) no-repeat;
	width:54px;
	height:22px;
	display:block;
	text-align:center;
	padding-top:2px;
}
a#search_postcode:hover {
	text-decoration: underline;
}
a#search_auto {
	text-decoration:none;
	color:#000;
	font-size: 14px;
	cursor:pointer;
	cursor:hand;
	background:url(/images/lookup.png) no-repeat;
	width:54px;
	height:22px;
	display:block;
	text-align:center;
	padding-top:2px;
}
a#search_auto:hover {
	text-decoration:underline;
}
div#form-car-loan {
	float:left;
	width:500px;
	background-color:#f7f7f7;
	padding:20px;
	border:1px solid #ccc;
	margin:0 20px 20px 0;
}

div#form-car-loan h2 {padding:5px 0 15px 0}

.gold {
	color:#f7b233
}
fieldset {
	position:relative;
	width:390px;
	padding-left:60px;
}
fieldset div.postcode-find {
	float:right;
	width:110px;
	padding:0px 0px 0 0;
}
fieldset div.field {
	margin: 0 0 10px;
	overflow: hidden;
	width:400px;
}
fieldset div.field label {
	float: left;
	line-height: 1.1;
	margin: 5px 5px 0 0;
	text-align: left;
	width: 190px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
}
fieldset div.field input, fieldset div.field textarea, fieldset div.field select {
	display: block;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
	margin: 0 0 0 160px;
	width:180px;
}
fieldset div.field select.title {
	display: block;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
	margin: 0 0 0 160px;
	width:80px;
}
fieldset div.field input.postcode-search {
	display: block;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
	margin: 0 0 0 160px;
	width:80px;
}
fieldset div.field input.tandc {
	display: block;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1;
	margin: 0 0 0 160px;
	width:20px;
}
fieldset div.field input.submit-form {
	background: url(/images/click-to-apply.png) no-repeat;
	width:370px;
	height:53px;
	font-size:24px;
	/*font-family: "Myriad Pro", Arial, 'Sans Serif';*/
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin:10px 0;
	border:none;
	cursor:hand;
}
fieldset div.field input.find-address {
	background:url(../images/find-postcode.png) no-repeat;
	width:105px;
	height:28px;
	font-size:14px;
	font-family: "Myriad Pro", Arial, 'Sans Serif';
	font-weight:bold;
	color:#000;
	text-align:center;
	
}

span.req {color:red}

div#HPIAjaxPlaceHolder, div#AjaxPlaceHolder {padding:10px 0 0 0}

/* CALCULATOR STYLE
====================================================================================================*/

div#branch {
	float:left;
	position:relative;
	width:470px;
	background: url(../images/tgs-branch.gif) no-repeat;
	padding:20px 30px 30px 20px;
	margin-bottom:30px;
}
div#branch img {
	float:right;
	padding:0 0 0 40px;
}
div#branch p {
	padding:0
}
div#branch h1 {
	font-size:34px;
	line-height:12px;
}
div#branch h2 {
	font-size:24px;
}
div#branch h4 {
	padding:0px 0 0px 0;
	font-weight:bold;
	font-size:16px;
	width:220px;
	color:#000;
}
div#branch a#examples {
	font-size:12px;
	font-weight:bold;
	padding:20px 0 30px 100px;
	display:block;
	width:125px;
}
div#branch-locator {
	width:220px;
	position:absolute;
	top:150px;
	left:270px;
}
div#branch-locator a:link, div#branch-locator a:visited, div#branch-locator a:hover {
	display:block;
	width:220px;
	height:60px;
	text-indent:-999em;
	background:url(../images/find-branch.png) no-repeat;
}
div#branch-locator a:hover {
	background:url(../images/find-branch-on.png) no-repeat;
}

div.branch-locator-r {
	width:330px;
}
div.branch-locator-r a:link, div.branch-locator-r a:visited, div.branch-locator-r a:hover {
	display:block;
	width:330px;
	height:80px;
	text-indent:-999em;
	background:url(../images/find-branch.gif) 0px -80px no-repeat;

}
div.branch-locator-r a:hover {
	background:url(../images/find-branch.gif) 0px 0px no-repeat;
}

div.apply-right {
	width:330px;
	margin:15px 0;
}
div.apply-right a:link, div.apply-right a:visited, div.apply-right a:hover {
	display:block;
	margin:0 auto;
	text-indent:-999em;
	width:215px;
	height:45px;
	background:url(/images/click-to-apply-top.png) 0px -45px no-repeat;

}
div.apply-right a:hover {
	background:url(/images/click-to-apply-top.png) 0px 0px no-repeat;
}


div#trust-logbook-loan {
	float:left;
	width:260px;
}
div#trust-logbook-loan h1 {
	font-size:30px;
	color:#023467;
}
div#trust-logbook-loan {
	color:#023467;
	padding:0 10px 0 10px;
}
div#trust-logbook-loan p {
	padding-left:20px
}
div#trustlogos-logbook-loan {
	float:left;
	width:160px
}
/* TRUST STYLE
====================================================================================================*/


div#log-book-loan-types {
	float:left;
	width:510px;
}
div.logbook-loan {
	float:left;
	width:170px;
}
div#testimonial-logbook-loan {
	float:left;
	width:390px;
	background:url(../images/log-book-loans-testimonial-bg.gif) no-repeat;
	height:190px;
}
div.testimonial-logbook-loan-box {
	float:left;
	width:280px;
	height:160px;
	padding:20px 50px 10px 60px
}
/*div#testimonial-gold p {
	font-size:12px;
	color:#023467;
	padding:20px 50px 10px 60px
}*/
div#testimonial-logbook-loan span.customer {
	position:absolute;
	top:150px;
	left:110px;
	font-weight:bold;
	color:#023467;
}
/* NEWS/TESTIMOINAL STYLE
====================================================================================================*/

div#footer {
	width:100%;
	background: #000 url(../images/log-book-loans-footer-bg.gif) top left repeat-x;
}
div#footer-nav {
	padding-top:3px
}
div#footer-nav ul li {
	display:inline
}
div#footer-nav a:link, div#footer-nav a:visited {
	font-family: "Myriad Pro", Arial, 'Sans Serif';
	font-size:16px;
	font-weight:400;
	color:#000;
	text-decoration:none;
	padding:0px 5px 0 5px;
}
div#footer-nav a:hover {
	color:#fff
}
div#footer-left-logbook-loan {
	float:left;
	width:540px;
	padding:25px 20px 40px 0;
}
div#footer-left-logbook-loan img {
	padding-top:20px;
}
div#footer-left-logbook-loan p {
	color:#fff
}
div#footer-right-logbook-loan {
	float:left;
	width:340px;
	padding:25px 20px 40px 0;
}

div#footer-right-logbook-loan span.author {display:none}
div#footer-right-logbook-loan span.date {display:none}

div#footer-links-logbook-loan {
	color:#f7b233;
	text-align:center
}
div#footer-links-logbook-loan p {
	color:#fff;
	font-size:12px;
	text-align:center;
	padding:20px 0
}
div#footer-links-logbook-loan ul li {
	display:inline;
	padding-right:5px
}
/* FOOTER STYLE 
====================================================================================================*/

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* Clear Floats */
.col-full:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.fix {
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden;
}
html body * span.clear, html body * div.clear, html body * li.clear, html body * dd.clear {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}/* http://sonspring.com/journal/clearing-floats */