/******************************************/	
/* CSS powered by clock - www.clock.co.uk */
/******************************************/	

/**
 * Index
 */
#main-content .triple h3 {
	width: 159px;
	height: 185px;
	display: block;
	margin-bottom: 6px;
	background-repeat: no-repeat;
}
#main-content .triple h3 a {
	background-image: none;
	width: 159px;
	height: 185px;
}
#buy h3 {
	background-image: url("/resource/image/title/h3/buy.gif");
}
#keep h3 {
	background-image: url("/resource/image/title/h3/keep.gif");
}
#protect h3 {
	background-image: url("/resource/image/title/h3/protect.gif");
}
#calculator h4 {
	background-image: url("/resource/image/title/h4/calculator.gif");
}
#best-buys h4 {
	background-image: url("/resource/image/title/h4/best-buys.gif");
}
#insiders-view h4 {
	background-image: url("/resource/image/title/h4/insiders-view.gif");
}
#get-in-touch h4 {
	background-image: url("/resource/image/title/h4/get-in-touch.gif");
}
h5#residential {
	background-image: url("/resource/image/title/h5/residential.gif");
}
h5#buy-to-let {
	background-image: url("/resource/image/title/h5/buy-to-let.gif");
}

#main-content #proud-sponsor {
	height: 92px;
	overflow: hidden;
	position: relative;
}
#main-content #proud-sponsor h3 {
	height: 83px;
	background-image: url("/resource/image/title/h3/proud-sponsor.gif");
}
#main-content #proud-sponsor h4,
#main-content #proud-sponsor h5 {
	position: absolute;
}
#main-content #proud-sponsor h4 {
	top: 40px;
	width: 100%;
	height: 22px;
	background-image: url("/resource/image/title/h4/well-done.gif");
	background-position: center top;
	background-repeat: no-repeat;
}
#main-content #proud-sponsor h5 {
	top: 19px;
	left: 636px;
}
#main-content #proud-sponsor h5 a {
	width: 110px;
	height: 78px;
	display: block;
	background-image: url("/resource/image/title/h5/business-friends.gif");
	background-repeat: no-repeat;
}

#get-in-touch p {
	margin-bottom: 20px;
}

.telephone {
	width: 120px;
	height: 14px;
	display: block;
	background-image: url("/resource/image/telephone-number.gif");
}
.telephone span {
	display: none;
}

#promo-panel {
	overflow: hidden;
}

/* Calculator */
#calculator-panel {
	width: 2000px;
	height: 125px;
	overflow: hidden;
}
#calculator-panel a {
	outline: none;
}
#mortgage-expander {
	overflow: hidden;
	height: 144px;
}
#mortgage-calculator {
	border: none;
	width: 1000px;
}
#calculator {
	width: 144px;	
	height: 144px;
	float: left;
}
#mortgage-calculations {
	float: left;
	background-color: #FFFFFF;
	width: 520px;
	height: 130px;
	padding: 0px 0px 0px 30px;
	z-index: 50;
}
#mortgage-calculations div {
	float: left;
	width: 144px;
}
#variables {
	padding-top: 26px;
	margin-right: 30px;
}
#mortgage-calculations #guide-prices {
	width: 200px;
	padding-top: 26px;
	margin-right: 0px;
}
#variables h4 {
	background-image: url("/resource/image/title/h4/duration.gif");
}
#guide-prices h4 {
	background-image: url("/resource/image/title/h4/guide-prices.gif");
}
#guide-prices h4,
#variables h4 {
	width: 144px;
	margin-bottom: 3px;
}
#best-buys {
	background-image: url("/resource/image/separator-vertical-fixer.gif");
}
#main-content #guide-prices h5 {
	line-height: 1.6em;
	margin-bottom: 12px;
	color: #521016;
}
#main-content #guide-prices h5 strong {
	font-size: 12px;
	color: #000000;
}
#variables .textbox {
	background-image: url("/resource/image/icon/percentage.gif");
	background-repeat: no-repeat;
	background-position: right 0px;
}
#variables .textbox:hover,
#variables .textbox:active,
#variables .textbox:focus {
	background-position: right -250px;
}

/* Added in order to make the expander look tidy */
#illusion {
	position: absolute;
	margin: 0px 0px 0px 720px;
}