/* ========================================= */
/* = Luxe Home Swap Main Stylesheet by D3R = */
/* ========================================= */

@media print { 
.notforprint {display:none;}
}
@media screen {
.notforscreen {display:none;}
}
@media handheld {
.notforhandheld {display:none;}
}
.notforany {display: none;}

/*webkit text on a dark bg*/
.black,#footer,#header { -webkit-text-stroke:1px transparent; }
/*but not iphone*/
@media only screen and (max-device-width:480px) {.black,#footer{-webkit-text-stroke:0 black;}}

/* ====================== */
/* = Building The Frame = */
/* ====================== */
html {
	min-height: 100%;
	height: 100%;
	padding: 0;
	padding-bottom: 1px;
}

body {
	font-size: 75%;
	font-family: "Century Gothic", "Lucida Grande", arial, sans-serif;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #0F0F0F;
}
	#outer-wrapper {
		width: 980px;
		margin: 0 auto;
		height: 100%;
/*		position: relative;*/
/*		padding: 125px 0 75px;*/
		
	}
		#centre {
/*			height: auto !important;*/
/*			height: 100%;*/
/*			min-height: 100%;*/
		}

		#header {
			padding: 35px 0 25px;
			height: 65px;
			position: relative;
/*			margin-top: -125px;*/
		}
			#header .logo {
				float: left;
				height: 65px;
				margin: 0;
			}
				#header .logo a,
				#header .logo span {
					display: block;
					text-indent: -2000em;
					width: 416px;
					height: 65px;
					background: transparent url(/images/logo.gif) no-repeat 0 0;
				}
			#header .questions {
				float: right;
				text-align: right;
				color: #FFF;
			}
				#header .questions a {
					color: #FFF;
					text-decoration: none;
				}
				#header h4 {
					font-family: "Century Gothic", Arial, sans-serif; 
					text-transform: uppercase;
					text-align: right;
					font-size: 1.1667em;
					font-weight: bold;
				}
				#header p {
					text-align: right;
					margin-bottom: 0;
					line-height: 1.5;
				}

			#header li {
				float: right;
				display: inline;
			}
				#header li a {
					display: block;
					text-decoration: none;
					font-weight: bold;
					opacity: 0.99;
				}
			#topnav {
				float: right;
				height: 49px;
				padding-top: 10px;
/*				position: absolute;
				right: 0;
				top: 35px;*/
				max-width: 560px;
			}
				#topnav li {
					margin-left: 22px;
				}
					#topnav li a {
						color: #FFFF33;
						font-size: 1.0833em;
					}
					#topnav li.login a {
						padding-right: 18px;
						background: transparent url(/images/padlock.gif) no-repeat 100% 50%;
					}
					#topnav li a:hover {
						text-decoration: underline;
					}
					#topnav li.active a {
						color: #FFF;
						text-decoration: none;
						cursor: default;
					}
			#mainnav {
				float: right;
				clear: right;
/*				position: absolute;
				right: 0;
				bottom: 31px;*/
/*				max-width: 560px;*/
				width: 590px;
				margin-left: -30px;
				margin-top: -1.1677em;
			}
				#mainnav li {
					margin-left: 30px;
				}
					#mainnav li a {
						text-transform: uppercase;
						color: #FFF;
						font-size: 1.1677em;
						white-space: nowrap;
					}
					#mainnav li a:hover {
						color: #AAA;
/*						-webkit-text-stroke: 0px;
						color: RGBA(255,255,255,0);
						background: -webkit-gradient(linear, 0 10%, 0 90%, from(#FFF), to(#707070));
						-webkit-background-clip: text;*/
					}
					#mainnav li.active a {
						color: #CCC;
/*						-webkit-text-stroke: 0px;
						color: RGBA(255,255,255,0);
						background: -webkit-gradient(linear, 0 10%, 0 90%, from(#FFF), to(#707070));
						-webkit-background-clip: text;*/
					}
		#footer {
			height: 55px;
			padding: 15px 15px 0;
			color: #999;
			font-size: 0.9167em;
			font-family: Helvetica, arial, sans-serif;
		}
			#footer p {
				float: left;
				border-right: 1px solid #999;
				padding: 0 5px;
				line-height: 0.8333;
			}
			#footer p.credit {
				border-right: none;
			}
				#footer p span,
				#footer p a {
					line-height: 0.8333;
				}
				#footer p a {
					color: #999;
					text-decoration: none;
				}
				#footer p a:hover {
					color: #666;
				}
			#bottom_nav {
				float: right;
			}
				#bottom_nav li {
					float: left;
					border-left: 1px solid #999;
				}
				#bottom_nav li.first {
					border-left: none;
				}
					#bottom_nav li a {
						display: block;
						line-height: 0.8333;
						position: relative;
						padding: 0 5px;
						color: #999;
						text-decoration: none;
					}
					#bottom_nav li a:hover {
						color: #666;
					}
		
#content {
	padding: 20px;
}



/* =========== */
/* = Utility = */
/* =========== */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	margin-bottom: 0.75em;
	font-family: "Century Gothic", Arial, sans-serif; 
	line-height: 1.4;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	line-height: 1.4;
}
h1,
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.6667em;
}
h4 {
	font-size: 1.3333em;
}
h5 {
	font-size: 1.1667em;
}
h6 {
	font-size: 1em;
}
a {
	color: #8B0F21;
	text-decoration: underline;
}
a:hover {
	
}
input:focus,
textarea:focus {
	outline-color: #8B0F21;
}

/* selection styles */
::-moz-selection{
	background:#8B0F21;
	color:#FFF;
}
::selection {
	background:#8B0F21;
	color:#FFF;
}
code::-moz-selection {
	background: #F94;
}
code::selection {
	background: #F94;
}
.clearing {
	clear: both;
}
hr {
	clear: both;
	height: 0;
	border: 0;
	outline: 0;
	border-bottom: 1px solid #E1E1E1;
	margin: 0 0px 20px;
}
.red {
	color: #8B0F21;
}
/* = Columns = */
.columns {
	margin-left: -20px;
}
.columns .col {
	float: left;
	display: inline;
	margin: 0px 0px 0 20px;
	padding: 0;
	min-height: 1px;
	height: auto !important;
	height: 1px;
}
.columns .first {
	clear: both;
}

.leftcol {
	width: 470px;
	float: left;
	display: inline;
	margin-right: -20px;
	padding-right: 20px;
/*	background: #FFA;*/
/*	overflow: hidden;*/
}

.rightcol {
	width: 470px;
	float: right;
	display: inline;
	margin-left: -20px;
	padding-left: 20px;
/*	background: #FAF;*/
}
.onecol {
	padding: 19px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #C1C1C1;
	background: #FFF;
}
	.onecol .rightcol {
		width: 260px;
	}
.two .col,
.halfcol {
	width: 470px;
}
.three .col,
.thirdcol {
	width: 300px;
}
.boxed .thirdcol {
	width: 286px;
}
.four .col,
.quartercol {
	width: 220px;
}
.boxed .quartercol {
	width: 209px;
}
.threequartercol {
	width: 700px;
}
.twothirdcol {
	width: 620px;
}
/* = General = */
.borderbox {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #C1C1C1;
}
.greybox {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #C1C1C1;
	background: #EBEBEB;
	padding: 10px;
	margin-bottom: 20px;
}
.tip {
	background: transparent url(/images/tip-point.gif) no-repeat 0 32px;
/*	position: relative;*/
	margin-left: -5px;
	padding-left: 5px;
	margin: 1.1667em 0 20px -5px;
	padding-top: 22px;
}
	#content .greybox h5 {
		font-size: 1em;
		font-weight: bold;
		font-family: "Lucida Grande", Arial, sans-serif; 
	}
#tip-home-description {
/*	margin-top: 230px;*/
}
#tip-map {
/*	margin-top: 30px;*/
}
#tip-birth-year {
	margin-top: 70px;
}
#tip-join {
	margin-top: -22px;
}
.rightcol .image {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #C1C1C1;
	background: #EBEBEB;
	padding: 5px;
	position: relative;
/*	width: 288px;*/
/*	height: 288px;*/
	margin-bottom: 20px;
}
	.rightcol .image p {
		font-family: "Lucida Grande", arial, sans-serif;
		position: absolute;
		bottom: 5px;
		left: 5px;
		width: 268px;
		color: #FFF;
		background: #000;
		background: RGBA(0,0,0,0.7);
/*		background: #000;*/
/*		opacity: 0.7;*/
		font-size: 1.3333em;
		line-height: 1.2;
		padding: 10px;
	}
	#ie6 .rightcol .image p {
		left: 0; /*box model, what box model?*/
	}
	
.rightbox {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #C1C1C1;
	padding: 10px;
	margin-bottom: 20px;
}
	.rightbox h3 {
		margin: -10px -10px 10px -10px;
		padding: 10px;
		border-bottom: 1px solid #C1C1C1;
		font-size: 1.1667em;
/*		font-weight: bold;*/
	}
.accordion {
	
}
	.accordion h4 {
		margin: 0;
		font-size: 1em;
	}
	.accordion .tab {
		display: block;
		font-weight: bold;
		padding: 8px 10px;
		text-decoration: none;
		border-top: 1px solid #C1C1C1;
		
	}
	.accordion .pane {
		padding: 10px;
		background: #EBEBEB;
		border-top: 1px solid #C1C1C1;
	}
	.js .accordion .pane {
		display: none;
	}
	.accordion .image {
		float: left;
		margin-right: 10px;
	}
	.accordion p {
		clear: both;
	}
/* ============ */
/* = Tabs etc = */
/* ============ */
ul.tabs {
	float: left;
/*	height: 2em;*/
	margin: 0;
	padding: 1em 10px 0;
}
	ul.tabs li {
		float: left;
		display: inline;
		margin: 0 15px 0 0;
		padding: 0 0 5px 0;
	}
	ul.tabs li:hover {

	}
	ul.tabs li.active,
	ul.tabs li.active:hover {
		background: transparent url(images/tab-activetick.gif) no-repeat 50% 100%;

	}
		ul.tabs li a {
			font-size: 0.9167em;
			line-height: 1;
			display: block;
			font-weight: bold;
			color: #0F0F0F;
			padding: 6px 10px 7px;
			text-decoration: none;
		}
		ul.tabs li a:hover {

		}
		ul.tabs li.active a,
		ul.tabs li.active a:hover {
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			background: #252628 url(images/tab-active.gif) no-repeat 0 100%;
			color: #FFF;
		}
		ul.tabs li.active a:hover {
			text-decoration: none;
		}
		ul.tabs li ul {
			display: none;
			position: absolute;
			z-index: 999;
			width: 150px;
			padding: 5px 10px;
			border: 1px solid #000;
			top: 80%;
			left: 16px;
			background: #FFF;
		}
			ul.tabs li ul li {
				float: none;
				border: none;
				background: none;
				display: block;
                zoom: 1;
			}
				ul.tabs li.dropdown ul li a {
					padding: 0;
					font-size: 0.8333em;
					display: block;
					background: none;
					float: none;
					border: none;
					background: none;
					padding: 5px 0;
				}
				ul.tabs li ul li a:hover {
					text-decoration: none;
					color: #ff7e28;
				}

ul.steps {
	float: left;
	height: 2em;
	margin: 0;
	padding: 1em 10px 0;
}
	ul.steps li {
		float: left;
		margin-right: 12px;
	}
	ul.steps li.active {
		padding-right: 5px;
		margin-right: 7px;
		background: transparent url(/images/steps-point.gif) no-repeat 100% 50%;
	}
		ul.steps li span,
		ul.steps li a {
			background: #DBDBDB;
			color: #000;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			font-size: 0.8333em;
			line-height: 2.4;
			font-weight: bold;
			display: block;
			text-decoration: none;
			padding: 0px 15px;
		}
		ul.steps li.active span,
		ul.steps li.active a {
			background: #000;
			color: #FFF;
		}

/* ================ */
/* = White Layout = */
/* ================ */
.white {
	background: #FEFEFB url(/images/centre_white-end.gif) no-repeat 0 100%;
	color: #333;
}
	.white .bar {
		background: #EFEFEF url(/images/centre_white-topbar.gif) no-repeat 0 0;
		border-bottom: 1px solid #CACACA;
		height: auto !important;
		height: 4em;
		min-height: 4em;
	}
	.bar p {
		float: right;
		padding: 1em 10px 0;
		float: right;
		line-height: 2;
		margin: 0;
		font-weight: bold;
	}
		.bar p strong {
			color: #8B0F21;
		}
	.bar h1 {
		padding: 0 0 0 20px;
		margin: 0;
		line-height: 2;
		float: left;
	}

/* ================ */
/* = Black Layout = */
/* ================ */
.black {
	background: #0F0F0F;
	color: #FFF;
}
	.black #content {
		margin: -8px;
		padding: 8px 10px;
	}
		.black #content p {
			font-size: 1.1em;
		}
		.black #content h3 {
			font-size: 1.667em;
		}
		
		.black #content .header h1 {
			margin-bottom: 0.3em;
		}
		.black #content .header h3 {
			font-size: 1.667em;
			margin-bottom: 0.5em;
		}
		
	.black .three .col,
	.black .thirdcol {
		width: 312px;
	}
	.black .four .col,
	.black .quartercol {
		width: 229px;
	}
.blackbox {
	background: #0F0F0F url(/images/blackbox-top.gif) no-repeat 0 0;
	margin: -8px -8px 12px;
	position: relative;
}
	.blackbox .inner {
		background: transparent url(/images/blackbox-end.gif) no-repeat 0 100%;
		padding: 23px;
	}
.black .columns .blackbox {
	margin: -8px -8px -8px 12px;
	width: 328px;
}
.three .blackbox,
.thirdcol .blackbox {
	background-image: url(/images/blackbox_three-top.gif);
}
	.three .blackbox .inner,
	.thirdcol .blackbox .inner {
		background-image: url(/images/blackbox_three-end.gif);
	}
	
/* ========= */
/* = Lists = */
/* ========= */
ul.bars,
dl.bars {
	list-style: none;
	font-size: 1em;
	background: #EBEBEB;
	border-top: 1px dotted #C1C1C1;
	margin-bottom: 20px;
}
	.bars dt {
		float: left;
		clear: both;
		width: 130px;
		padding: 0.25em 0px;
		margin: 0.5em 10px;
		font-weight: bold;
		line-height: 1.5;
	}
	.numeric dt {
		width: 20px;
		background: #000;
		color: #FFF;
		text-align: center;
	}
	.bars dd {
		display: block;
		padding: 0.75em 10px 0.75em 150px;
		border-bottom: 1px dotted #C1C1C1;
		line-height: 1.5;
	}
	.numeric dd {
		padding-left: 40px;
	}
ul.link-bars {
	list-style: none;
	font-size: 1em;
	margin-bottom: -4px;
}
	ul.link-bars li {
		margin-bottom: 4px;
		background: #FFF url(images/box-fade.gif) repeat-x 0 50%;
		border: 1px solid #C1C1C1;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
		ul.link-bars li a {
			background: transparent url(images/dot-arrow.gif) no-repeat 97% 50%;
			color: #490C15;
			display: block;
			font-weight: bold;
			padding: 8px 15px;
			line-height: 1;
			text-decoration: none;
		}
		ul.link-bars li a:hover {
/*			text-decoration: underline;*/
		}
ul.links {
	list-style: none;
	font-size: 1em;
}
	ul.links li {
		margin-bottom: 5px;
		padding: 0 !important;
		background: none !important;
	}
		ul.links li a {
			background: transparent url(images/dot-arrow.gif) no-repeat 0 50%;
			padding-left: 25px;
			color: #333;
			display: block;
			line-height: 1.5;
			text-decoration: none;
		}
		ul.links li a:hover {
/*			text-decoration: underline;*/
		}
dl.summary {
	list-style: none;
	color: #0F0F0F;
	margin-bottom: 20px;
}
	dl.summary dt {
		font-size: 1.6667em;
		float: left;
		clear: both;
		width: 80px;
		padding: 0px 0px;
		margin: 0px;
		font-weight: bold;
		line-height: 1.4;
	}
	dl.summary dd {
		display: block;
		padding: 0px 0px 0px 20px;
		margin: 0 0 20px 80px;
		border-left: 1px solid #C1C1C1;
		
	}
		dl.summary h3 {
			margin-bottom: 0;
			font-size: 1.6667em;
		}
dl.stats {
	list-style: none;
	margin-bottom: 20px;
}
	dl.stats dt {
/*		font-size: 1.6667em;*/
		float: left;
		clear: both;
		width: 50% !important;
		padding: 0px 0px;
		padding: 0.75em 10px;
/*		line-height: 1.4;*/
		border-bottom: 1px solid #575757;
		
	}
	dl.stats dd {
		text-align: right;
		display: block;
		padding: 0.75em 10px;
		margin: 0 0 0px 0px;
/*		line-height: 1.4;*/
		
		border-bottom: 1px solid #575757;
	}
ul.greydots {
	list-style: none;
	margin-left: 0;
/*	padding-left: 2px;*/
}
	ul.greydots li {
		margin-bottom: 0.5em;
		line-height: 1.4;
		padding-left: 15px;
		background: transparent url(/images/bullet.gif) no-repeat 0 50%;
	}
		ul.greydots li strong {
			color: #333;
			font-weight: bold;
		}

/* ============== */
/* = Pagination = */
/* ============== */
.pagination-wrap
{
	border: 1px solid #E1E1E1;
	border-width: 1px 0;
	margin-bottom: 20px;
}
.pagination-wrap.nopage
{
	height: 20px;
	padding-bottom: 3px;
}
.pagination {
	clear: both;
	padding: 4px 0 6px;
}
	.pagination .inner {
		float: right;
	}
	.pagination .inner div {
		float: left;
/*		font-size: 0.9167em;*/
/*		padding: 0 6px;*/
		margin-left: 5px;
		text-transform: capitalize;
	}
		.pagination .inner .prev {
			font-weight: bold;
		}
		.pagination .inner .next {
			font-weight: bold;
		}
		.pagination .inner .links span {
			font-weight: bold;
		}
		.pagination .inner  a {
			text-decoration: none;
		}
		.pagination a:hover {

		}
/* ============== */
/* = Breadcrumb = */
/* ============== */
#breadcrumb {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: #E1E1E1;
	margin-bottom: 20px;
}
	#breadcrumb span,
	#breadcrumb a {
		font-size: 0.9167em;
		float: left;
		padding: 0px 10px;
		line-height: 2;
		background: #FFF;
		text-decoration: none;
		color: #ACACAC;
	}
	#breadcrumb span {
		color: #FFF;
		background: #333;
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-topright: 4px;
	}
	#breadcrumb .first {
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-bottomleft: 4px;
		-moz-border-radius-topleft: 4px;
	}
	#breadcrumb a {
		background: #333 url(images/breadcrumb-point.gif) no-repeat 100% 50%;
		padding-right: 20px;
	}
	#breadcrumb a:hover {
		color: #DDD;
	}

/* ========= */
/* = Forms = */
/* ========= */
form {
	font-family: "Lucida Grande", arial, sans-serif;
	color: #333;
}
form h3,
form h4,
form h5,
form h6 {
	font-weight: bold;
	margin-bottom: 0.5em;
	font-family: "Lucida Grande", arial, sans-serif;
}
fieldset,
.faux-fieldset {
	background: #FFF;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	border: 1px solid #C1C1C1;
	padding: 20px 20px 0;
	margin-bottom: 20px;
}
	fieldset fieldset {
		border: none;
		-webkit-border-radius: 0;
		-webkit-border-radius: 0;
		padding: 0;
/*		margin-left: -140px;*/
/*		background: red;*/
	}
		fieldset fieldset div.field {
			padding: 0;
			margin-bottom: 0px;
			float: left;
			display: inline;
			clear: none;
/*			width: 200px;*/
		}
			fieldset fieldset div.field label {
				margin: 0 20px 0px 0;
			}
			fieldset fieldset div.field .input,
			fieldset fieldset div.field select {
				width: auto;
			}

form h3 {
	font-size: 1.1667em;
	border: 1px solid #C1C1C1;
	border-bottom: none;
	background: #FFF;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	padding: 10px;
	font-weight: bold;
	line-height: 1;
	margin: 0;
}
div.field {
	clear: both;
	padding: 0px 0px 0 140px;
	margin: 0 14px 20px 0px;
}
#ie6 div.field,
#ie7 div.field {
	zoom: 1;
}
	div.field label,
	div.array fieldset label {
		float: left;
		text-align: right;
		display: inline;
		font-size: 1.1667em;
		font-weight: bold;
		margin: 0 0 -10em -140px;
		padding: 7px 0;
		width: 120px;
/*		line-height: 0.8571;*/
	}
		.js div.field .form_note {
			display: none;
		}
	div.field label.check_box {
		float: none;
		margin: 0 0 0 -140px;
		display: block;
		position: relative;
	}
		div.field label.check_box input.check_box {
			position: absolute;
			left: 140px;
			margin: 0;
		}
		div.field label span {
			display: none;
		}
	div.field input.input,
	div.field textarea {
		font-family: "Lucida Grande", arial, sans-serif;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border: 1px solid #C1C1C1;
		background: #EBEBEB;
/*		color: #4F4F4F;*/
		padding: 6px;
		width: 100%;
		margin: 0 -14px 0 0;
		position: relative; /*don't remember why i did this but it messes with modal*/
		font-size: 1em;
	}
	div.field textarea {
		resize: none;
/*		font-size: 0.91667em;*/
		line-height: 1.5;
		padding: 5px 6px;
	}
	div.field input.cleverlabel,
	div.field textarea.cleverlabel {
		background: #F0F0F0;
		color: #A0A0A0;
		border-color: #E1E1E1;
	}
	div.password .cleverpassword {
		position: relative;
	}
	div.password input.cleverlabel {
		position: absolute;
		z-index: 0;
		left: 0;
		bottom: 0;
	}
	#ie7 div.password input.cleverlabel {
		bottom: 1px;
	}
	div.field select {
		margin: 6px 0;
		max-width: 100%;
	}
	div.field p.error {
/*		display: none;*/
		color: red;
		color: #8B0F21;
		font-size: 0.8333em;
		padding: 0.2em 0 0 0;
		margin: 0 0 -1.2em 0;
	}
	div.field-error {
	}
	div.field-error input.input,
	div.field-error textarea.input {
		border-color: #8B0F21;
		
	}
	div.field-error label {
		color: #8B0F21;
	}
	div.form-footer {
/*		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border: 1px solid #C1C1C1;
		background: #EBEBEB;
		padding: 20px;
		overflow: auto;*/
		text-align: right;
	}
		div.form-footer button,
		div.form-footer a.button {
/*			float: right;*/
		}
		    #login-form div.form-footer button,
    		#login-form div.form-footer a.button {
                float: right;
    		}
		div.form-footer p {
			float: left;
			font-size: 1.25em;
			font-weight: bold;
			margin: 6px 0 0;
		}
		div.form-footer small {
			float: left;
			font-size: 1em;
			font-weight: normal;
			margin: 6px 0;
		}
	    div.form-footer p.form-link {
	        font-weight: normal;
	        font-size: 1em;
	        float: right;
	        margin-right: 20px;
	    }
	        div.form-footer p.form-link a {
	            color: #666;
	        }
	            div.form-footer p.form-link a:hover {
    	            color: #000;
    	        }
	div.array {
		margin: 0 0 20px 0;
		padding: 0;
	}
		div.array fieldset {
			padding: 0 0 0 140px;
			margin: 0 14px -10px 0px;
		}
		div.array label {
			text-align: left;
			margin: 0 0 10px 0px;
			float: none;
			display: block;
			width: auto;
		}
		div.array p.error {
			margin-left: 140px;
		}
		div.array .array-field {
			margin-bottom: 10px;
		}
			div.array input.input {
				position: relative;
			}
			div.array fieldset label {
				position: relative;
			}

	div.options_cols {
		
	}
		div.option_cols .select_option_col {
			float: left;
		}
		div.option_cols .select_option_col li { 
			float: left; 
			clear: left;
			width: 100%;
		}
		div.option_cols .select_option_col label {
			margin: 0;
			width: auto;
			display: block;
			text-align: left;
			color: #4F4F4F;
			font-size: 1em;
			padding: 2px 2px 2px 0;
		}
			div.option_cols .select_option_col label input {
				margin-left: 0;
			}
	div.repeater {
		
	}
		div.repeater .repeater-content-item-container {
			margin-bottom: 10px;
		}
			div.repeater .add-new {
				float: right;
			}
			div.repeater .repeater-content-item-container a {
				float: right;
				margin-top: 8px;
			}
			div.repeater .repeater-content label {
			}
			div.repeater a.add-new {
				margin-right: -14px;
				margin-top: 8px;
			}
	div.location {
		padding: 5px;
		margin-right: 0;
	}
		div.location p {
			display: inline;
			margin-bottom: 10px;
		}
		div.location p input.input {
			margin-right: 5px;
			width: 260px;
		}
		div.location .map-wrap {
			clear: both;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border: 1px solid #C1C1C1;
			padding: 5px;
		}
		div.location #property_location_map {
			width: 100%;
			height: 400px;
		}
		div.location label {
			display: none;
		}
		div.location #property_location_map {

		}
	div.radio {
		padding-left: 0;
	}
		div.radio label {
			width: auto;
			margin: 0;
			text-align: left;
			float: none;
			display: block;
			padding: 0;
		}
		#anyordate div {
			float: left;
			clear: left;
			margin-bottom: 10px;
			background: #F5F5F5;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			padding: 3px 5px;
			width: 150px;
		}
			#anyordate div .radio {
				float: right;
				width: auto;
			}
			#anyordate div label {
				color: #000;
				margin: 0;
				padding: 0;
				float: left;
				width: 100%;
				margin-right: -30px;
				line-height: 1.5;
			}


.js #location-details.location-not-completed {
	height: 1px;
	overflow: hidden;
	border-top: none;
}

#location-details {
	border-top: 1px solid #CCC;
	padding-top: 2em;
}

#property_city, #property_region {
	width: 220px;
}

div.media {
	padding: 0;
	margin: 0 0 0px -20px;
	
}
	div.media .mediaitem {
		background: #F0F0F0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border: 1px solid #C1C1C1;
		padding: 5px;
		float: left;
		width: 167px;
/*		height: 211px;*/
		margin: 0 0 20px 20px;
		display: inline;
		overflow: hidden;
	}
	div.media .main {
		background: #FFF;
		border: 3px double #C1C1C1;
		margin: -2px -2px 18px 18px;
	}
	div.media div.field {
		padding: 0;
		margin: 0 14px 0 0;
	}
		div.media .mediaitem .image {
			height: 120px;
			background: #D5D5D5;
			margin-bottom: 10px;
			position: relative;
			cursor: hand;
			cursor: pointer;
		}
		div.media .mediaitem .make-main,
		div.media .mediaitem .main-photo {
			display: none;
			position: absolute;
			top: 0;
			left: 0;
			padding: 5px;
			background: #8B0F21;
			color: #FFF;
			text-align: center;
			text-transform: uppercase;
			text-decoration: none;
			width: 157px;
		}
		div.media .mediaitem .main-photo {
			background: #000;
		}
		div.media .mediaitem .image:hover .make-main {
			display: block;
		}
		div.media .main .image:hover .make-main {
			display: none;
		}
		div.media .main .main-photo {
			display: block;
		}
		div.media .mediaitem label {
			display: block;
			font-weight: bold;
			margin-bottom: 0.5em;
		}
		div.media .mediaitem .remove {
			float: right;
			margin-top: -1.5454em;
			font-size: 0.9166em;
		}
		div.media .mediaitem textarea {
			display: block;
/*			width: 165px;*/
			background: #FFF;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border: 1px solid #C1C1C1;
			height: 50px;
			resize: none;
			margin-bottom: 0px;
		}
		div.media .media-upload input {
			width: 165px;
			
		}
/* = Nasty Field Specific Styling = */

#customer_when_wrap label,
#customer_where_wrap label {
	display: none;
}
	#customer_when_wrap .repeater-content label,
	#customer_where_wrap .repeater-content label {
		display: block;
		margin: 0 20px 0 0;
	}
	#customer_when_wrap .repeater-content,
	#customer_where_wrap  .repeater-content {
		margin: 0 -14px 0px -140px;
		position: relative;
	}
	#customer_when_wrap .repeater-content-item,
	#customer_where_wrap .repeater-content-item {
		float: left;
	}
	#customer_when_wrap .repeater-content .input {
		float: left;
		width: 140px;
		margin: 0 -50px 0px 0;
		position: relative;
		display: inline;
	}
	#customer_where_wrap .repeater-content select {
		float: left;
		width: 152px;
		margin: 6px -50px 0px 0;
		position: relative;
		display: inline;
	}

#customer-optin {
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	padding-bottom: 10px;
}
	#customer-optin div.field {
		margin-bottom: 0;
	}

#property_city, #property_region {
	width: 220px;
}

#property_later_wrap label,
#property_mediaterms_wrap label, 
#customer_optin_wrap label,
#customer_partner_optin_wrap label,
#customer_affiliate_optin_wrap label,
#contact_optin_wrap label,
#contact_affiliate_optin_wrap label {
	width: auto;
	text-align: left;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.2;
}
	#property_later_wrap input.check_box,
	#property_mediaterms_wrap input.check_box,
	#contact_optin_wrap input.check_box,
	#customer_partner_optin_wrap input.check_box,
	#customer_affiliate_optin_wrap input.check_box,
	#customer_optin_wrap input.check_box,
	#contact_affiliate_optin_wrap input.check_box {
		position: static;
	}
#property_later_wrap.field-error label {
	color: #333;
}
#property_later_wrap .error {
	margin-left: -140px;
	color: red;
	font-size: 1em;
	margin-bottom: 10px;
}
#property_desc_wrap label,
#property_neighbourhood_wrap label,
#finalise-property label {
	width: 100%;
	text-align: left;
	height: auto;
	margin-bottom: 10px;
}
#property_highlights_wrap {
	padding-left: 140px;
}
	#property_highlights_wrap label {
		float: left;
		text-align: right;
		display: inline;
		margin: 0 0 -10em -140px;
		width: 120px;
	}
		#property_highlights_wrap fieldset {
			padding-left: 140px;
		}
		#property_highlights_wrap fieldset label {
			text-align: left;
			font-weight: normal;
			font-size: 1em;
		}
#property_bedrooms_wrap {
	width: 218px;
}
#property_sleeps_wrap {
	width: 143px;
}
#property_sleeps_wrap label {
	width: 45px;
}
#property_bathrooms_wrap {
	width: 173px;
	margin-right: 0;
}
	#property_bathrooms_wrap label {
		width: 75px;
	}
#customer_password_wrap,
#customer_firstname_wrap {
	float: left;
	width: 200px;
	margin: 0 24px 20px 0;
}
#customer_password_confirm_wrap,
#customer_lastname_wrap {
	float: left;
	width: 200px;
	padding: 0;
	margin: 0 0px 20px 0;
	clear: none;
}
	#customer_password_confirm_wrap label,
	#customer_lastname_wrap label {
		display: none;
	}
	
#details_start_wrap,
#details_end_wrap {
	float: left;
	width: 165px;
/*	padding: 0;*/
/*	margin: 0 0px 20px 0;*/
	clear: none;
}
#details_end_wrap {
	padding-left: 80px;
}
	#details_end_wrap label {
		width: 60px;
		margin-left: -80px;
	}
#tip-home-description {
/*	margin-top: 200px;*/
}

#tip-map {
/*	margin-top: 30px;*/
}
#tip-birth-year {
	margin-top: 70px;
}

/* = CHECKOUT = */
#order_billing_address_address_postcode {
	width: 120px;
}
#payment_issue_wrap,
#payment_start_wrap {
	display: none;
}
.js #payment_name_wrap {
	display: none;
}
#payment_number {
	width: 160px;
}
#payment_cv2 {
	width: 50px;
}
.submission-error {
	font-weight: bold;
	font-size: 1.5em;
	padding: 10px;
	border: 1px solid red;
	margin-bottom: 10px;
}
#checkout .image {
	margin: 10px 1px 0;
	border: none;
}
#checkout .tip {
	padding-top: 0;
}
#checkout .intro {
	padding: 10px 20px 10px;
	margin-bottom: 20px;
}
	#checkout .intro .image {
		float: right;
		margin: 0 0 5px 20px;
	}
	#checkout .intro .image p {
		text-align: right;
	}
#checkout .rightcol,
#checkout .leftcol {
	margin-bottom: 20px;
}
/*#checkout .intro h2,
#checkout .intro h3,
#checkout .intro h4,
#checkout .intro h5,
#checkout .intro h6 {
	color: #8B0F21;
}*/
#checkout .promo {
	background: #8B0F21;
	color: #FFF;
	padding: 10px 15px 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin-bottom: 20px;
}
	#checkout .promo h3 {
		font-size: 1.25em;
		margin-bottom: 0.6em;
		font-weight: bold;
	}
	#checkout .promo .price {
		padding: 5px 20px 5px;
		border: 1px solid #550913;
		background: #770C1C;
		float: left;
		margin: 0 15px 5px 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
		#checkout .promo .price h4 {
			text-align: center;
			font-size: 1.4em;
			margin-bottom: 5px;
		}
		#checkout .promo .price p {
			text-align: center;
			line-height: 1;
			font-size: 2.5em;
			font-weight: normal;
		}
			#checkout .promo .price p span {
				font-size: 0.5em;
				vertical-align: top;
				padding-top: 2px;
				display: inline-block;
			}
	#checkout .promo p {
		font-weight: bold;
		margin: 0 0 5px 0;
	}
	#checkout .rightcol .paypal {
		margin-bottom: 20px;
	}
	#checkout h4.guarantee {
		font-size: 1.6667em;
		padding-right: 20px;
		margin: -0.5em 0 0;
		padding: 0.5em 0;
		background: url(/images/guarantee-box.gif) no-repeat 100% 50%;
	}
	#checkout h4.padlock {
		padding-right: 20px;
		margin: -0.5em 0;
		padding: 0.75em 0;
		background: url(/images/padlock-box.gif) no-repeat 100% 50%;
	}
	#checkout h3.how {
		margin-bottom: 5px;
	}
	#checkout .form-footer button {
		margin-top: 8px;
	}
	#checkout .form-footer p,
	#checkout .form-footer small {
		float: left;
		width: 475px;
		line-height: 1.25;
	}
/* = BUTTONS = */
button,
.button {
	font-size: 0.8333em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	outline: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	cursor: hand;
	cursor: pointer;
/*	position: relative;*/
	overflow: visible;
}
button {
	width: auto;
	white-space: nowrap;
	vertical-align: top;
}
.button {
	display:-moz-inline-box; /*Firefox2*/
	display: inline-block;
}
button::-moz-focus-inner{padding:0;border:none;} /*FF Fix*/
button:active,
.button:active {
/*	top: 1px;*/
	opacity: 0.9;
}
button:hover span,
.button:hover {
/*	text-decoration: underline;*/
}
	button span,
	.button span {
		display: block;
/*		position: relative;*/
		padding: 0 0 0 5px;
		background: transparent url(images/button-nw.png) no-repeat 0 0;
	}
	#ie6 button span,
	#ie6 .button span {
		background-image: url(images/button-nw.gif);
	}
		button span span,
		.button span span {
			padding: 5px 0 0 0;
			background-image: url(images/button-ne.png);
			background-position: 100% 0;
		}
		#ie6 button span span,
		#ie6 .button span span {
			background-image: url(images/button-ne.gif);
		}
			button span span span,
			.button span span span {
				padding: 0 0 0 5px;
				margin: 0 0 0 -5px;
				background-image: url(images/button-sw.png);
				background-position: 0 100%;
			}
			#ie6 button span span span,
			#ie6 .button span span span {
				background-image: url(images/button-sw.gif);
			}
				button span span span span,
				.button span span span span {
					text-align: center;
					margin: 0 0 0 0;
					padding: 2px 23px 10px 18px;
					background-image: url(images/button-se.png);
					background-position: 100% 100%;
					text-align: center;
					text-shadow: 0px 1px 0px #333;
				}
				#ie6 button span span span span,
				#ie6 .button span span span span {
					background-image: url(images/button-se.gif);
				}
				button.tight span span span span,
				.tight span span span span{
					padding: 1px 15px 9px 9px;
				}
					.button span span span span strong,
					button span span span span strong {
						display: block;
						letter-spacing: 1px;
						font-weight: normal;
						font-size: 2.25em;
						line-height: 1;
					}
					.button span span span span em,
					button span span span span em {
						display: block;
						font-size: 1.3333em;
						font-style: normal;
						font-weight: normal;
						margin-bottom: 3px;
					}
	button.button-grey span,
	.button-grey span {
		background-image: url(images/button_grey-nw.png);
	}
	#ie6 button.button-grey span,
	#ie6 .button-grey span {
		background-image: url(images/button_grey-nw.gif);
	}
		button.button-grey span span,
		.button-grey span span {
			background-image: url(images/button_grey-ne.png);
		}
		#ie6 button.button-grey span span,
		#ie6 .button-grey span span {
			background-image: url(images/button_grey-ne.gif);
		}
			button.button-grey span span span,
			.button-grey span span span {
				background-image: url(images/button_grey-sw.png);
			}
			#ie6 button.button-grey span span span,
			#ie6 .button-grey span span span {
				background-image: url(images/button_grey-sw.gif);
			}
				button.button-grey span span span span,
				.button-grey span span span span {
					color: #000;
					text-shadow: 0px 1px 0px #AAA;
					background-image: url(images/button_grey-se.png);
				}
				#ie6 button.button-grey span span span span,
				#ie6 .button-grey span span span span {
					background-image: url(images/button_grey-se.gif);
				}
				button.button-grey:hover,
				.button-grey:hover {
				}
	button.button-red span,
	.button-red span {
		background-image: url(images/button_red-nw.png);
	}
	#ie6 button.button-red span,
	#ie6 .button-red span {
		background-image: url(images/button_red-nw.gif);
	}
		button.button-red span span,
		.button-red span span {
			background-image: url(images/button_red-ne.png);
		}
		#ie6 button.button-red span span,
		#ie6 .button-red span span {
			background-image: url(images/button_red-ne.gif);
		}
			button.button-red span span span,
			.button-red span span span {
				background-image: url(images/button_red-sw.png);
			}
			#ie6 button.button-red span span span,
			#ie6 .button-red span span span {
				background-image: url(images/button_red-sw.gif);
			}
				button.button-red span span span span,
				.button-red span span span span {
					background-image: url(images/button_red-se.png);
				}
				#ie6 button.button-red span span span span,
				#ie6 .button-red span span span span {
					background-image: url(images/button_red-se.gif);
				}
	button.button-red:hover,
	.button-red:hover {
	}
button img,
a.button img {
	vertical-align: baseline;
	margin: 0 !important;
}
button strong img,
a.button strong img {
	vertical-align: middle;
}
a.button-full,
button.button-full {
	display: block;
}
a.back-button {
	margin-bottom: 15px;
}

/* ========== */
/* = SWFUpload = */
/* ========== */
#uploadPanel {
	display: none;
}
.js #uploadPanel {
	display: block;
}
#noFlash {
	clear: both;
/*	font-weight: bold;*/
	margin-bottom: 20px;
}
.js #noFlash {
	display: none;
}

#uploadButton {
	position: relative;
	float: left;
	margin: 10px 0 15px;
	overflow: hidden;
}
#uploadOverlay {
	display: block;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	height: 100px;
	width: 400px;
}
#upload-label {
	float: left;
	margin: 17px 0 0 5px;
}
#upload-examples {
	margin: 0 0 20px 20px;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#upload-error {
	clear: both;
	display: none;
	color: #8B0F21;
	padding: 10px;
	border: 1px solid #8B0F21;
	margin: 0px 0 20px;
	font-weight: bold;
}
#upload-spinner {
	display: none;
	float: left;
	margin: 15px 0 0 10px;
}
#property_media_thumbs {
	clear: both;
}
/* ================= */
/* = Honorary page = */
/* ================= */


.blackbox img.header {
	margin: -14px 15px -14px -14px;
	vertical-align: bottom;
	float: left;
}
.header-text {
	float: right;
	display: inline;
	width: 341px;
	margin-bottom: -350px; /* ie6 pushes box on signup:hover without this */
}
	.welcome-header .header-text {
		padding-top: 55px;
	}
	.header-text h1 {
		margin-bottom: 0.5em;
	}
	.header-text h3 {
		margin-bottom: 0.5em;
	}
	.header-text h4 {
		font-size: 1.4167em;
		line-height: 1.5;
		margin-bottom: 0.5em;
	}
	.header-text p {
		line-height: 1.5;
	}
		.header-text p.intro a {
			color: #ffffff;
			padding-bottom: 1px;
			border-bottom: 1px solid #ffffff;
			text-decoration: none;
		}
		.header-text a.signup {
			margin: 18px 0 15px 0;
			width: 340px;
			display: block;
			height: 65px;
			background: url(/images/home-signup.gif) 0 -64px no-repeat;
			text-indent: -1000em;
		}
		.header-text .signup a.signup:hover {
			background-position: 0 0;
			height: 65px;
		}
	.header-text .smallprint {
		color: #999999;

	}
		.header-text .smallprint a {
			float: left;
			color: #999999;
		}
		.header-text .smallprint span {
			float: right;
		}
.feature-columns,
.feature-columns p,
.feature-columns h5,
.feature-columns .col {
	text-align: center;
	font-family: "Century Gothic", Arial, sans-serif; 
	line-height: 1.2em;
}
.feature-columns h5 {
	margin-bottom: 0.2em;
	font-weight: bold;
}
.feature-columns {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #000000;
}
.footer-signup {
	margin: -10px 0 10px 0;
	font-size: 1.166em;
}
	.footer-signup .button {
		float: right;
	}
.goodies {
	padding-top: 60px;
}

#goodies {
	margin-bottom: 0.5em;
}

/* ================ */
/* = Welcome page = */
/* ================ */
.benefit-container-top {
	padding-top: 20px;
	height: 240px;
	border-bottom: 1px solid #000000;
	margin-bottom: 2px;
}
.benefit-container-bottom {
	padding-top: 20px;
	height: 230px;
	border-top: 1px solid #000000;
}
.benefit-container-bottom,
.benefit-container-top {
	font-family: "Century Gothic", Arial, sans-serif; 
	line-height: 1.2em;
}
	.benefit-container-bottom img,
	.benefit-container-top img {
		margin-bottom: 10px;
	}
	.col .benefit-container-bottom p,
	.col .benefit-container-top p {
		margin-bottom: 20px;
	}
	.col .benefit-container-bottom p,
	.col .benefit-container-top p,
	.col .benefit-container-bottom p a,
	.col .benefit-container-top p a {
		line-height: 1.5;
	}
	.col .benefit-container-bottom a,
	.col .benefit-container-top a {
		color: #8f2b4b;
		text-decoration: none;
	}
		.col .benefit-container-bottom a:hover,
		.col .benefit-container-top a:hover {
			text-decoration: underline;
		}

/* ======== */
/* = FAQS = */
/* ======== */
#faqs {
}
	#faqs .rightcol .greybox h5 {
		padding-bottom: 15px;
		margin-bottom: 15px;
		border-bottom: 1px solid #cecece;
	}
	
	#faqs li {
		
	}
		#faqs li h2 {
			background: url(/images/faq-header.gif) left bottom repeat-x;
			margin: 0;
			color: #8B0F21;
			font-size: 0.933em;
			padding: 0.7em 1em 0.7em 1.5em;
			text-indent: -1.5em;
		}
			#faqs li h2 a {
				display: block;
				text-decoration: none;
				font-size: 1.5em;
				line-height: 1.5;
				padding-left: 15px;
			}
				#faqs li h2 a:hover {
					text-decoration: underline;
				}
				
				#faqs li ul {
					list-style: disc outside;
				}
					#faqs li ul li {
						margin-bottom: 0.6em;
						line-height: 1.5;
					}
					
	#faqs li .answer {
		padding: 10px 10px 20px 35px;
		margin: 0;
		width: 575px;
		display: block;
	}
	.js #faqs li .answer {
		display: none;
	}
		#faqs li .answer p {
			font-family: Arial, Verdana, sans-serif;
			font-size: 1.08333em;
			color: #4e4e4e;
			line-height: 1.5;
			
		}
		#faqs li .answer p a {
			color: #8c1022;
		}
/* ================ */
/* = How it works = */
/* ================ */
#how .button {
	float: right;
}
#how .borderbox {
	padding: 15px 20px 20px 20px;
	margin-bottom: 20px;
	background: #FFF;
}
	#how .borderbox .columns {
		margin-bottom: 20px;
		margin-left: -40px;
	}
		#how .borderbox .col {
			width: 194px;
			padding-left: 40px;
			background: transparent url(images/angled-arrow.gif) no-repeat 13px 48px;
			margin-left: 0;
		 }
		#how .borderbox .first {
			background: none;
		}
	#how .borderbox img {
		margin-bottom: 20px;
	}
	#how .borderbox h3 {
		color: #8B0F21;
		font-size: 1.5em;
		margin-bottom: 0;
	}
	#how .borderbox h4 {
		font-size: 1.6667em;
	}
	#how .borderbox h5 {
		color: #4D4D4D;
	}
	#how .borderbox p.tagline {
		font-size: 1.3333em;
		float: left;
		width: 500px;
		line-height: 1.5;
	}
#how .greybox {
	padding: 20px;
	margin-bottom: 0;
}
	#how .greybox hr {
		border-style: dotted;
		border-color: #9B9B9B;
	}
	#how .greybox .col {
/*		border-top: 1px dotted #9B9B9B;
		padding: 20px 0;*/
	}
		#how .greybox h3 {
			padding-bottom: 20px;
			border-bottom: 1px dotted #9B9B9B;
		}
	#how .greybox h4 {
		font-size: 1.0833em;
		font-weight: bold;
		font-family:"Lucida Grande",Arial,sans-serif;
	}
	#how .greybox p {
		font-family:"Lucida Grande",Arial,sans-serif;
		line-height: 1.3333;
	}
	#how .greybox img {
		margin: 16px -5px -5px -5px;
		padding: 4px;
		background-color: #fff;
		border: 1px solid #ccc;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	#how .tip {
		padding: 0;
		margin: 0;
		background: none;
		margin-bottom: 15px;
	}
	#how .faqs .button {
		float: none;
		margin-top: 10px;
		font-family:"Lucida Grande",Arial,sans-serif;
	}
		#how .faq {
			border-bottom: 1px dotted #9B9B9B;
			padding-bottom: 12px;
			margin-bottom: 10px;
		}
	#how .benefits {

	}
		#how .benefit {
			padding: 8px 8px 10px 10px;
			background-color: #e9e9e9;
			background-position: 0 0;
			margin-bottom: 10px;
		}
			#how .benefit p {
				font-size: 1.0833em;
			}
			#how .benefit h4 {
				font-family:"Century Gothic",Arial,sans-serif;
				font-size: 1.6667em;
				font-weight: normal;
				height: 34px;
				line-height: 34px;
				background-position: 100% 0;
				background-repeat: no-repeat;
				margin-bottom: 10px;
			}
				#how .benefit-1 h4 {
					background-image: url(/images/icon-star.gif);
				}
				#how .benefit-2 h4 {
					background-image: url(/images/icon-tick.gif);
				}
				#how .benefit-3 h4 {
					background-image: url(/images/icon-house.gif);
				}
				#how .benefit-4 h4 {
					background-image: url(/images/icon-phone.gif);
				}
#how .header {
	margin-bottom: 20px;
}
	#how .header .left {
		float: left;
		width: 410px;
	}
		#how .left h3 {
			font-size: 1.6667em;
		}
		#how .left h4 {
			margin-top: 15px;
			color: #870A26;
		}
		#how .quote {
			background: url(/images/quotes-left.gif) 0 0 no-repeat;
		}
			#how blockquote {
				background: url(/images/quotes-right.gif) 100% 100% no-repeat;
				padding: 0 30px;
				line-height: 1.5;
				color: #666;
			}
	#how .header .right {
		float: right;
		width: 478px;
	}
		#how .header .video-header {
			font-family:"Lucida Grande",Arial,sans-serif;
			background: #870A26;
			padding: 6px;
			text-align: center;
			color: #fff;
			margin-bottom: 1px;
		}
		#how-video {
			display: block;
			width: 478px;
			height: 300px;
		}
#how-scroller {
	margin: 0px 0 20px;
	padding: 15px 0 15px;
	background: #FFF;
	border: 1px solid #C1C1C1;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	position: relative;
}
	#how-scroller h4 {
		color: #8B0F21;
		font-size: 1.3333em;
		text-align: center;
		margin: 0 -25px 15px;
	}
	#how-scroller img {
		float: left;
		margin-right: 10px;
	}
	#how-scroller h5 {
		color: #666;
		font-size: 1.3333em;
		margin-top: 0.2em;
	}
	#how-scroller .prev,
	#how-scroller .next {
		position: absolute;
		z-index: 10;
		bottom: 15px;
		left: 0;
		width: 40px;
		height: 75px;
		margin: 0;
		background: transparent url(images/angled-arrow-left.gif) no-repeat 50% 50%;
	}
	#how-scroller .next {
		left: auto;
		right: 0;
		background-image: url(/images/angled-arrow.gif);
	}
	#how-scroller a.disabled {
		opacity: 0.7;
		cursor: default;
	}
	#how-scroller .scrollable {
		height: 110px;
		width: 270px;
		margin: 0 14px;
	}
		#how-scroller .scrollable .items {
			height: 105px;
		}
		#how-scroller .scrollable .item {
			width: 220px;
			margin: 0;
			padding: 0 25px;
			height: 110px;
			text-align: center;
		}
		#how-scroller .scrollable .active {
			background: #000;
		}
#how .foot {
	margin-bottom: 15px;
	margin-top: 20px;
}
	#how .foot .press {
		float: left;
		width: 618px;
	}
	#how .foot .right {
		float: right;
		width: 300px;
	}
	#how .foot h3 {
		border-bottom: 1px solid #ccc;
		line-height: 1.4;
		padding-bottom: 5px;
	}
		#how .foot h3 a {
			text-decoration: none;
			color: #333;
		}
	#how .press .col {
		background-position:50% 50%;
		background-repeat:no-repeat;
		height:46px !important;
		vertical-align:middle;
		width:135px;
	}

/* ========================= */
/* = Property detail pages = */
/* ========================= */
#detail {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #F5F5F5;
}
	#detail .head {
		margin-top: -9px;
	}
		#detail .head h1 {
			margin-bottom: 0.3333em;
			line-height: 1.5;
			float: left;
			max-width: 640px;
		}
		#detail .head h2 {
			font-size: 1.25em;
			margin-bottom: 1.25em;
			line-height: 1.5;
			float: left;
			clear: left;
			max-width: 640px;
		}
		#detail .head .sleeps {
/*			float: right;*/
			margin-top: 0.6667em;
			line-height: 1.5;
/*			max-width: 300px;*/
			text-align: right;
			font-family: 'Century Gothic', Arial, sans-serif;
			font-weight: normal;
			line-height: 1.4;
			margin-bottom: 0.75em;
			font-size: 1.333em;
		}
		#detail .head .share {
			text-align: right;
		}
		
	#detail #gallery .navigation
	{
		list-style-type: none;
		position: absolute;
		z-index: 10;
		margin: 340px 0 0 10px;
		display: none
	}
	/*	-- UNCOMMENT THIS WHEN THE NEW GALLERY IS DONE --
	.js #detail #gallery .navigation {
		display: block;
	} */
	
	/* -- REMOVE THIS WHEN THE NEW GALLERY IS DONE -- */
	#detail #gallery .navigation
	{
		display: none;
	}
	/* -- END -- */
	
		#detail #gallery .navigation li
		{
			width: 16px;
			height: 16px;
			background: url('/images/gallery-dots.png') top left transparent no-repeat;
			float: left;
			margin-right: 10px;
			cursor: pointer;
		}
		#detail #gallery .navigation li.current, #detail #gallery .navigation li:hover
		{
			background: url('/images/gallery-dots.png') bottom left transparent no-repeat;
		}
		
	#detail .feature {
		float: left;
		margin-bottom: 6px;
		position: relative;
		width: 640px;
		height: 365px;
	}
	
		#detail .feature img {
			position: absolute;
			top: 0;
			left: 0;
			display: none;
		}
			#detail .feature img.first {
				display: inline;
			}
		
	#detail .swaprequest {
		width: 239px;
		border-left: 1px solid #FFF;
		height: auto !important;
		height: 345px;
		min-height: 345px;
		padding: 10px 10px;
		background: #0F0F0F;
		color: #FFF;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-topright: 5px;
	}
		#detail .swaprequest .get-started {
			margin-bottom: 5px;
		}
		#detail .swaprequest .how-it-works {
			margin-bottom: 35px;
			font-size: 1em;
			display: block;
		}
			#detail .swaprequest .how-it-works span span span span {
				color: #333;
				line-height: 1.5;
			}
		#detail .swaprequest .field {
			padding-left: 0;
			margin-bottom: 10px;
		}
			#detail .swaprequest .field select {
/*				display: block;*/
/*				width: 100%;*/
/*				padding: 0 4px;*/
			}
		.swaprequest div.field label {
			display: block;
			float: none;
			margin: 0;
			height: auto;
			text-align: left;
			color: #FFF;
			font-weight: normal;
			font-size: 1em;
		}
		.js #detail .swaprequest #login-form label {
			display: none;
		}
		#detail .swaprequest .form-footer {
			overflow: hidden;
			text-align: right;
			padding: 0;
			margin: 0;
			background: transparent;
			border: none;
			margin-right: -3px;
		}
			#detail .swaprequest .form-footer button.get-started {
				float: none;
				display: block;
				margin: 10px 0;
			    
			}
			
			#ie6 #detail .swaprequest .form-footer button.get-started {
			    zoom: 1;
			    width: 245px;
	        }

		#detail .swaprequest .richtext {
			color: #FFF;
		}
		#detail .swaprequest .swapimage {
			margin-bottom: 10px;
			height: 100px;
		}
		#detail .swaprequest dl.details {
			list-style: none;
			font-size: 1em;
			margin-bottom: 10px;
		}
			#detail .swaprequest .details dt {
				float: left;
				clear: both;
				width: 70px;
				padding: 0;
				margin-bottom: 5px;
				font-weight: bold;
			}
			#detail .swaprequest .details dd {
				display: block;
				padding: 0em 10px 0 70px;
				margin-bottom: 5px;
				
			}
		#detail .swaprequest .pending-request p {
			margin-bottom: 1em;
			line-height: 1.5;
		}
		#detail .swaprequest hr {
			border-color: #000;
			margin-bottom: 10px;
		}
	#detail .leftcol .rightcol {
		width: 175px;
		margin-bottom: 20px;
	}
	#detail .leftcol .leftcol {
		width: 425px;
		margin-bottom: 20px;
	}
.wherewhen {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #C1C1C1;
	background: #FFF;
	padding: 5px;
	margin-bottom: 20px;
}
	.wherewhen div {
		background: #EBEBEB;
		padding: 10px 20px;
	}
		.wherewhen div * {
			text-align: center;
		}
		.wherewhen h4 {
			font-size: 1.0833em;
			font-weight: bold;
			border: 1px dotted #C1C1C1;
			border-width: 1px 0;
			padding: 8px 0;
			margin-bottom: 7px;
		}
		.wherewhen ul {
			margin-bottom: 10px;
		}
			.wherewhen li {
				line-height: 1.8;
			}
.similar {
	padding: 10px;
}
	.similar div {
		clear: both;
		margin-bottom: 12px;
	}
	.similar .image {
		background: #FFF;
		padding: 4px;
		float: left;
		display: inline;
		margin: 0;
	}
	.similar .details {
		float: right;
		clear: none;
		display: inline;
		width: 100px;
		margin-bottom: 0;
	}
	.similar h4 {
		font-size: 1.25em;
		padding-top: 10px;
		margin-bottom: 0;
	}
		.similar h4 a {
			text-decoration: none;
		}
	.similar h5 {
		font-size: 0.9166em;
		margin-bottom: 0;
		font-weight: bold;
	}
#detail #map {
	width: 248px;
	height: 248px;
}
/* =========== */
/* = Listing = */
/* =========== */
#listing {
	padding-left: 180px;
	background: #EBEBEB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#listing #content {
	padding: 0;
	background: #FFF;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topright: 3px;
}
#listing .leftcol {
	position: relative;
	margin: 0 0 0 -180px;
	width: 156px;
	background: #EBEBEB;
	padding: 20px 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
	#listing .leftcol h1 {
		font-size: 1.4167em;
	}
	#listing .leftcol h4 {
		font-size: 1em;
		font-weight: bold;
	}
#listing .rightcol {
	float: left;
	width: 760px;
	padding: 20px 20px 0;
	margin: 0;
	
}
#listing .map {
	padding: 5px;
	border: 1px solid #C1C1C1;
	margin-bottom: 20px;
	position: relative;
	width: 748px; /*IE6*/
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
	#listing #map {
		margin: 0px;
		width: 100%;
		height: 480px;
/*		position: relative;*/
		background-position: 50% 50%;
		background-repeat: repeat-x;
	}
	#mapControls {
		display: none;
	}
	/*allow ie to pngfix on something it thinks is visible*/
	#ie6 #mapControls {
		height: 0;
		overflow: hidden;
		display: block;
		width: 0;
	}
	#mapTypeControls {
/*		position: absolute;*/
/*		top: 13px;*/
/*		bottom: 7px;*/
/*		right: 11px;*/
/*		display: none;*/
		padding: 10px 10px 0 0;
	}
	.js #mapTypeControls {
/*		display: block;*/
	}
		#mapTypeControls .button {
			width: 100px;
		}
	#mapZoomControls {
/*		position: absolute;*/
/*		top: 13px;*/
/*		left: 13px;*/
/*		display: none;*/
		width: 25px;
		padding: 10px;
	}
	#detail #mapZoomControls {
		padding: 5px;
	}
	.js #mapZoomControls {
/*		display: block;*/
	}
		#mapZoomControls a {
			display: block;
			text-align: center;
			width: 20px;
			height: 20px;
			text-indent: -1000em;
		}
			#mapZoomControls #zoomin {
				padding: 1px 3px 1px 2px;
				background: transparent url(/images/map/zoomin.png) no-repeat 0 0;
			}
			#mapZoomControls #zoomout {
				padding: 1px 3px 3px 2px;
				height: 19px;
				background: transparent url(/images/map/zoomout.png) no-repeat 0 100%;
			}
			#detail #mapZoomControls #zoomout {
				padding-top: 0px;
			}

		#mapZoomControls div {
			background: transparent url(/images/map/slider-bg.png) repeat-y 0 0;
			padding: 1px 3px 1px 2px;
		}
			#mapZoomControls span {
				display: block;
				text-align: center;
				cursor: pointer;
				border-bottom: 1px solid #DDD;
				text-indent: -1000em;
				height: 5px;
				width: 14px;
				line-height: 5px;
				margin: 0 3px;
			}
		#mapZoomControls .active {
			background: #333;
			margin: 0 1px;
			width: 18px;
		}
.listing {
	clear: both;
}
.grid {
	margin-left: -20px;
}
	.listing .item {
		padding: 5px 15px 5px 5px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin-bottom: 20px;
		border: 1px solid #C1C1C1;
		min-height: 152px;
		height: auto !important;
		height: 152px;
		position: relative;
		overflow: hidden;
	}
	.grid .item {
		float: left;
		display: inline;
		margin-left: 20px;
		padding: 5px;
		width: 228px;
		height: auto !important;
	}
	#map .item {
		margin: 0;
/*		height: 278px !important;*/
/*		width: auto;*/
		background: #FFF;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border: 1px solid #C1C1C1;
		position: relative;
	}
		#map .image {
			padding: 0;
			border: none;
			background: transparent;
			height: 152px;
		}
			#map .image img {
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
			}
		.listing .image {
			float: left;
			display: inline;
			border: none;
			padding: 0;
			width: 228px;
			height: 152px;
			background: #EBEBEB;
			margin-right: 15px;
			margin-bottom: 0px;
		}
		.grid .image {
			float: none;
			display: block;
			margin-right: 0;
			margin-bottom: 5px;
		}
			.listing .image img {
				display: block;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
			}
		.listing h4 {
			padding-top: 5px;
			margin-bottom: 1em;
			width: 550px;
		}
		.grid h4 {
			width: auto;
			padding: 0;
			height: auto !important;
			height: 2.5em;
			min-height: 2.5em;
		}
			.listing h4 a {
				text-decoration: none;
				line-height: 1.25;
			}
			.listing h4 a:hover {

			}
		.listing a.button-red {
			position: absolute;
			top: auto;
			right: 10px;
			bottom: 10px;
		}
		.grid a.button-red {
			position: static;
			float: right;
			margin-left: 5px;
		}
		.grid p {
			font-size: 0.9166em;
		}
		.listing p.size {
			position: absolute;
			top: 15px;
			right: 15px;
			font-weight: bold;
		}
		.grid p.size {
			position: static;
			float: none;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.listing p.what {
			font-weight: bold;
			margin-bottom: 10px;
		}
		.grid p.what {
			border: 1px solid #C1C1C1;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			background: #FFF url(/images/box-fade.gif) repeat-x 0 100%;
			line-height: 1.4;
			padding: 5px 10px;
			margin: 0;
			height: auto !important;
			height: 2.8em;
			min-height: 2.8em;
		}
		#map p.what {
			position: relative;
		}
		.listing p.richtext {
			margin-bottom: 2em;
		}
		.listing h4 br {
			display: none;
		}
		.grid h4 br {
			display: inline;
		}
		.grid p.richtext {
			display: none;
		}
		.listing .share {
			position: absolute;
			bottom: 10px;
			left: 243px;
		}
		.grid .share {
			display: none;
		}
.listing hr {
	display: none;
}
.grid hr {
	display: block;
/*	margin-bottom: 10px;*/
	margin-left: 20px;
}
p.change-view {
	margin-top: -2.75em;
	float: right;
	margin-bottom: 20px;
}
	p.change-view a {
		float: left;
		margin-left: 20px;
		padding-left: 20px;
		text-decoration: none;
		font-size: 0.9167em;
		color: #0F0F0F;
		font-weight: bold;
		background: transparent url(images/listing-views.gif) no-repeat 0 0;
	}
	#grid-view {
		background-position: 0 0px;
	}
		#grid-view.active {
			background-position: 0 -25px;
		}
	#list-view {
		background-position: 0 -50px;
		padding-left: 31px;
	}
		#list-view.active {
			background-position: 0 -75px;
		}
	#map-view {
		background-position: 0 -100px;
		padding-left: 33px;
	}
		#map-view.active {
			background-position: 0 -125px;
		}

.filters ul {
	position: relative;
	list-style: none;
	margin-bottom: 20px;
}
	.filters ul li {
		margin: 0 0 2px 0;
		padding: 0;
		display: block;
		background: #FDFBFC;
		
	}
	.filters ul li.active {
		background: #F4F4F4 url(/images/filter-active.gif) no-repeat 95% 50%;
	}
		.filters ul li a {
			display: block;
			color: #333;
			text-decoration: none;
			padding: 4px 10px;
			line-height: 1.4;
			padding-right: 20px;
			margin: 0;
		}
		#ie6 .filters ul li a {
			zoom: 1; /* no idea why this needs layout*/
		}
		.filters ul li a:hover {
			color: #8B0F21;
		}
		.filters ul li.active a {
			color: #8B0F21;
		}
#listing .pagination {
	clear: none;
}
#listing .pagination-filter {
	float: left;
	border-width: 1px 0;
	padding-top: 5px;
	margin-bottom: 0;
}
	#listing .pagination-filter a {
		text-decoration: none;
/*		float: left;*/
/*		margin-right: 5px;*/
	}
	#listing .pagination-filter a:hover {
		text-decoration: underline;
	}
	#listing .pagination-filter .active:hover {
		text-decoration: none;
	}
	#listing .pagination-filter a.active {
		color: #000;
		font-weight: bold;
	}
	
/* Map specific */
#map .infobox {
	padding-left: 36px;
	height: 290px;
	width: 240px;
	background: transparent url(/images/map/tick.png) no-repeat 24px 53px;
}
	
/* ============== */
/* = My Account = */
/* ============== */
#account h3 {
	font-size: 1.25em;
/*	font-weight: bold;*/
}
	#account h3 a {
		text-decoration: none;
	}
#account .rightlink {
	float: right;
	margin-top: -2.25em;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	padding: 2px 22px 2px 0;
	background: transparent url(/images/dot-arrow.gif) no-repeat 100% 50%;
}
	#account .rightbox .rightlink {
		margin-top: -3.25em;
	}
#account .message,
#account .agreed {
	background: #EBEBEB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #C1C1C1;
	padding: 10px 0;
	margin-bottom: 10px;
}
	#account .columns {
		margin-left: -10px;
		margin-bottom: 20px;
	}
	#account .col {
		width: 178px;
		padding: 10px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border: 1px solid #C1C1C1;
		background: #EBEBEB;
		margin-left: 10px;
		background: #FFF url(/images/image-fade.gif) repeat-x 0 100%;
	}
		#account .col h3 {
			font-size: 1.25em;
		}
		#account .col img {
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			margin-bottom: 5px;
		}
		
		#account .col p.empty {
		    text-align: center;
		    height: 95px;
		    padding-top: 75px;
		}
		#account .col p.empty a {
		    text-decoration: none;
		    color: #666;
        	padding: 2px 22px 2px 0;
        	background: transparent url(/images/dot-arrow.gif) no-repeat 100% 50%;
		}
		    #account .col p.empty a:hover {
    		    text-decoration: underline;
    		}
		
	#account .message .details {
/*		float: right;
		width: 600px;*/
	}
	#account .message .swapbox {
		margin: -11px 0 -11px -1px;
		padding: 5px;
		width: 220px;
	}
		#account .message .swapbox img {
			float: left;
			margin-right: 10px;
			border: 1px solid #000;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
		}
		#account .message .swapbox h4 {
			font-size: 1em;
			padding-top: 0px;
			font-weight: bold;
			margin-bottom: 0;
		}
		#account .message .swapbox h5 {
			font-size: 0.916em;
			margin-bottom: 0;
			
		}
	#account .message .rightcol {
		width: 379px;
		position: relative;
	}
		#account .message .rightcol h3,
		#account .agreed .centrecol h3 {
			font-size: 1.0833em;
			margin-bottom: 0;
		}
			#account .message .rightcol h3 a,
			#account .agreed .centrecol h3 a {
				text-decoration: none;
				font-weight: bold;
			}
		#account .message .rightcol h5,
		#account .agreed .centrecol h5 {
			font-size: 1em;
			margin-bottom: 0;
			
		}
		#account .message .rightcol p {
			color: #888;
			font-size: 0.9166em;
			font-weight: bold;
			position: absolute;
			right: 10px;
			top: 0px;
		}
	#account .agreed .swapbox {
		background: none;
		color: #333;
	}
		#account .agreed .swapbox img {
			border: none;
		}
		#account .agreed .centrecol {
			float: left;
			width: 210px;
			padding: 0px 10px 5px;
/*			background: blue;*/
			border: 1px solid #C1C1C1;
			border-width: 0 1px;
		}
		#account .agreed .rightcol {
			width: 150px;
/*			background: red;*/
		}
			#account .agreed .rightcol a {
				display: block;
				padding-left: 10px;
				text-decoration: none;
				line-height: 1.5;
				color: #333;
				font-weight: bold;
			}
				#account .agreed .rightcol a:hover {
					text-decoration: underline;
				}
	#account .download {
		background: #FFF;
	}
		#account .download .leftcol {
			width: 440px;
			padding: 5px 10px;
			border-right: 1px solid #C1C1C1;
		}
			#account .download .leftcol h3 {
				margin-bottom: 0;
			}
				#account .download .leftcol h3 a {
					font-weight: bold;
					padding-right: 10px;
					background: transparent url(/images/steps-point.gif) no-repeat 100% 70%;
				}
				#account .download .leftcol h3 a:hover {
					text-decoration: underline;
				}
		#account .download .rightcol {
			width: 140px;
			padding-right: 10px;
		}
			#account .download .rightcol a {
				display: block;
				font-weight: bold;
				text-decoration: none;
				color: #333;
				padding-left: 15px;
				background: transparent url(/images/contract.gif) no-repeat 0 1px;
				line-height: 1.2;
			}
				#account .download .rightcol a:hover {
					text-decoration: underline;
				}
	#account .rightbox h3 a {
		color: #333;
/*		font-weight: bold;*/
	}
	#account .rightbox h4 {
		font-size: 1.0833em;
		font-weight: bold;
		border-bottom: 1px solid #C1C1C1;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
		#account .rightbox h4 a {
			text-decoration: none;
		}
	#account .rightbox dl {
		list-style: none;
		font-size: 1.0833em;
		margin-bottom: 20px;
	}
		#account .rightbox dt {
			float: left;
			clear: both;
			width: 130px;
			padding: 0;
			margin: 0 10px 0 0;
			line-height: 1.6;
		}
		#account .rightbox dd {
			text-align: right;
			display: block;
			padding: 0 0px 0 150px;
			line-height: 1.6;
			
		}
	.shortlist h5 a {
		text-decoration: none;
		font-size: 1em;
/*		font-weight: bold;*/
	}
.swapbox {
	background: #0F0F0F;
	color: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
/*	float: left;*/
	width: 279px;
/*	display: inline;*/
	padding: 10px;
/*	margin-right: 10px;*/
}

.swapimage {
	border: 1px solid #000;
	background: #000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
}
	.swapimage .mine {
		float: left;
		margin-right: 1px;
		-webkit-border-bottom-left-radius: 2px;
		-webkit-border-top-left-radius: 2px;
		-moz-border-radius-bottomleft: 2px;
		-moz-border-radius-topleft: 2px;
	}
	.swapimage .theirs {
		float: right;
		-webkit-border-bottom-right-radius: 2px;
		-webkit-border-top-right-radius: 2px;
		-moz-border-radius-bottomright: 2px;
		-moz-border-radius-topright: 2px;
	}
	.swapicon {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 0;
		height: 0;
	}
		.swapicon * {
			display: block;
			position: relative;
			width: 27px;
			height: 37px;
			margin-left: -13px;
			margin-top: -18px;
			background: transparent url(images/swapicon-nq8.png) no-repeat 50% 50%;
		}
		.swapicon-grey * {
			background-image: url(/images/swapicon-grey-nq8.png);
			width: 33px;
			height: 42px;
			margin-left: -17px;
			margin-top: -21px;
		}
#messages .message {
	background: #FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #C1C1C1;
	padding: 10px 0;
	margin-bottom: 20px;
}
#messages .unread {
	background: #EBEBEB;
}
	#messages .message .swapbox {
		margin: -11px 0 -11px -1px;
	}
	#messages .message .swapimage {
		height: 100px;
		margin-bottom: 10px;
	}
	#messages .message .swapbox p {
		font-size: 1.1667em;
		line-height: 1.3;
		margin-bottom: 0.25em;
	}
	#messages .message .rightcol {
		padding-right: 10px;
		width: 610px;
	}
		#messages .message .rightcol .button {
			float: right;
		}
		#messages .message .rightcol p {
			font-weight: bold;
			margin-bottom: 5px;
		}
		#messages .message .rightcol hr {
			margin-bottom: 15px;
		}
#empty-messages {
    padding: 20px 40px;
    text-align: center;
}
    #empty-messages * {
        text-align: center;
    }
    
    #empty-messages .content {
        background: #F8F8CB;
        padding: 12px 20px;
        border: 2px solid #CCC;
    }
	
	#empty-messages h2 {
	    margin-bottom: 0.2em;
	}
	
	#empty-messages div.richtext {
	    font-size: 1.083em;
	}	
	
	#empty-messages.greybox span.image {
	    margin: 20px 0 0;
		width: auto;
		height: auto;
	    display: inline-block;
	    background: #FFF;
	    padding: 4px;
	    float: none;
	}
	
#conversation {
	
}
	#conversation .borderbox {
		padding-left: 297px;
		background: #EBEBEB;
		
	}
	#conversation .leftcol {
		margin-left: -297px;
		width: 297px;
		padding-right: 0;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-top-left-radius: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-topleft: 3px;
		border-right: 1px solid #C1C1C1;
		background: #EBEBEB;
	}
		#conversation .leftcol .intro {
			margin-bottom: 20px;
		}
	#conversation .rightcol {
		width: 600px;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-top-right-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-topright: 3px;
		border-left: 1px solid #C1C1C1;
		padding: 10px 20px;
		background: #FFF;
		min-height: 173px;
		height: auto !important;
		height: 175px;
	}
		#conversation .rightcol h3 {
			float: left;
		}
		#conversation .leftcol .swapbox {
			-webkit-border-top-right-radius: 0;
			-webkit-border-bottom-right-radius: 0;
			-moz-border-radius-topright: 0;
			-moz-border-radius-bottomright: 0;
			margin: -1px -1px -1px;
			position: relative;
		}
			#conversation .leftcol .swapbox .swapimage {
				height: 100px;
				margin-bottom: 10px;
			}
	#conversation .action-button {
		float: right;
		margin-left: 10px;
		margin-top: 0.5em;
	}
	#conversation .button-label {
		float: right;
		margin-top: 0.5em;
		line-height: 1.5;
	}
	#conversation form .field {
		padding: 0;
		margin-bottom: 10px;
	}
	#conversation form label {
		display: none;
	}
	#conversation .message {
		clear: both;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-top: 1px solid #E4E4E4;
		padding: 10px 20px;
		margin: 0;
	}
	.js #conversation .rightcol .message {
		background-image: url(images/dot-arrow.gif);
		background-repeat: no-repeat;
		background-position: 98% 50%;
	}
		.js #conversation .rightcol .active {
			background-position: 100% -100px;
		}
	#conversation form {
		padding: 10px 20px 0;
		border-top: 1px solid #E4E4E4;
	}
		#conversation .form-footer {
			background: #FFF;
			border: none;
			border-top: 1px solid #E4E4E4;
			padding: 10px 0;
			margin: 0 -20px;
		}
		#conversation textarea {
			background: #FFF;
		}
	#conversation .incoming {
		background-color: #FFF;
	}
	#conversation .outgoing {
		background-color: #F6F6F6;
	}
		#conversation .message .date {
			float: left;
			margin-right: 10px;
			font-weight: bold;
		}
		#conversation .message .from {
			float: left;
			margin-right: 10px;
			font-weight: bold;
		}
		#conversation .incoming .from {
			color: #8B0F21;
		}
		#conversation .summary {
			display: none;
			float: left;
		}
		.js #conversation .summary {
			display: block;
		}
		#conversation .active .summary {
			display: none;
		}
		#conversation .full {
			clear: both;
			line-height: 1.5;
			padding-top: 10px;
		}
		.js #conversation .full {
			display: none;
		}
		.js #conversation .active .full {
			display: block;
		}
#finalise {
	
}
	#finalise .intro {
		margin-bottom: 20px;
	}

#requests {
	
}
#requests .greybox {
	position: relative;
}
	#requests .greybox .image {
		float: left;
		margin-right: 20px;
		padding: 10px;
		margin: -10px 10px -10px -10px;
		border-right: 1px solid #C1C1C1;
		background: #FFF url(/images/image-fade.gif) repeat-x 0 100%;
		height: 200px;
		width: 200px;
	}
		#requests .greybox img {
			
		}
	#requests .greybox .details {
		float: right;
		width: 677px;
		border: 1px solid #D5D5D5;
		border-width: 1px 0;
		padding: 10px;
		margin-bottom: 2em;
	}
		#requests .greybox h3 {
			margin-bottom: 10px;
			padding-top: 10px;
			font-size: 1.25em;
		}
			#requests .greybox h3 a {
				text-decoration: none;
				font-weight: bold;
			}
		#requests .greybox .button {
			position: absolute;
			bottom: 10px;
			right: 10px;
			top: auto;
		}
		#requests .greybox .details .date {
			font-weight: bold;
			margin-bottom: 10px;
		}
		#requests .greybox .details hr {
			margin-bottom: 10px;
		}
#my-homes {
	
}
	#my-homes h2 {
		float: left;
	}
	#my-homes .add {
		float: right;
	}
	#my-homes .leftcol {
		height: 200px;
		padding: 10px;
		margin-bottom: 20px;
		position: relative;
	}
		#my-homes .leftcol img {
			float: left;
			margin-right: 20px;
		}
	#my-homes .rightcol {
		height: 200px;
		padding: 10px;
		width: 265px;
		margin-bottom: 0px;
		
	}
	#my-homes hr {
		margin-bottom: 20px;
	}

#confirmation {
	
}
	#confirmation .leftbg,
	#confirmation .rightbg {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border: 1px solid #C1C1C1;
		width: 466px;
		position: relative;
	}
	#confirmation .leftbg {
		margin: -1px -1px -1px -473px;
		float: left;
	}
	#confirmation .rightbg {
		margin-bottom: 20px;
		float: right;
	}
	#confirmation .inner {
		margin: -1px -473px -1px -1px;
		position: relative;
		
	}
	#confirmation .rightcol,
	#confirmation .leftcol {
		width: 416px;
		padding: 20px;
	}
	#confirmation .rightcol {
		padding-left: 30px;
	}
	#confirmation .leftcol {
		padding-right: 30px;
/*		margin-left: -472px;*/
/*		position: relative;*/
		clear: both;
		
	}
		#confirmation .col {
/*			background: #FFD;*/
			width: 198px;
		}
			#confirmation .col img {
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border: 1px solid #C1C1C1;
				padding: 4px;
				margin-bottom: 20px;
			}
	#confirmation .confirm {
		clear: both;
		padding: 20px 20px 0;
	}
		#confirmation .confirm .greybox {
			width: 405px;
			padding: 20px;
		}
			#confirmation .confirm .greybox .checkbox {
				margin: 0 5px 0 0;
			}
			#confirmation .confirm .greybox p,
			#confirmation .confirm .greybox label {
				line-height: 1.5;
				font-weight: bold;
				font-size: 1.1677em;
			}
				#confirmation .confirm .greybox p {
					color: #8B0F21;
				}
				#confirmation .confirm .greybox p.confirmed {
					color: #888800;
				}
		#confirmation .confirm .left {
			float: left;
		}
		#confirmation .confirm .right {
			float: right;
		}
		#confirmation .confirm .form-footer {
			clear: both;
		}
			#confirmation .confirm .form-footer p {
				font-weight: normal;
				font-size: 1em;
				margin-bottom: 20px;
			}
	#confirmation h3 {
		color: #8B0F21;
	}
	
#welcome {
	
}
	#welcome div.body {
		margin-bottom: 30px;
	}
	#welcome .columns {
		margin-right: -20px;
		margin-bottom: -20px;
		-webkit-border-bottom-right-radius: 2px;
		-webkit-border-bottom-left-radius: 2px;
		-moz-border-radius-bottomright: 2px;
		-moz-border-radius-bottomleft: 2px;
		background: #F0EFEE;
		padding: 20px 0;
	}
	#welcome .col {
		background: #FFF;
		width: 268px;
		padding: 10px 15px 45px;
		border: 1px solid #C1C1C1;
		position: relative;
		height: 250px !important;
	}
		#welcome h3 {
			color: #8B0F21;
		}
		#welcome .col h3 {
			font-size: 1.5em;
		}
		#welcome .col .button {
			position: absolute;
			right: 10px;
			bottom: 10px;
		}
			#welcome .col .button:active {
				position: absolute;
				top: auto;
				right: 10px;
				bottom: 9px;
			}
		#welcome .col hr {
			border-style: dotted;
			margin-bottom: 15px;
		}
			#welcome .col .image {
				float: left;
				margin: 0 10px 15px 0;
				padding: 4px;
				background: #FFF;
				border: 1px solid #C1C1C1;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
			}
				#welcome .col .image img {
					
				}
			#welcome .col .details {
				float: right;
				width: 150px;
			}
/* ============ */
/* = Homepage = */
/* ============ */
#home {
	padding-right: 340px;
	background: #EBEBEB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
	#home #content {
		background: #FFF;
		padding: 0;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-topleft: 3px;
	}
	#home .leftcol {
		float: left;
		width: 600px;
		position: relative;
		margin: 0;
		padding: 20px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	#home .rightcol {
		float: left;
		position: relative;
		width: 300px;
		padding: 20px;
		margin: 0 -340px 0 0;
	}
		#home .rightcol .button-full {
			margin-bottom: 17px;
		}
	    #home .rightcol #why-lhs div.richtext {
	        margin: 0 0 1.5em 0;
	    }
	    #home .rightcol #why-lhs h3 {
	        margin-bottom: 0.2em;
	    }
	    #home .rightcol .vertswap {
	        
	    }
	#home .rightbox {
		background: #FFF;
	}
	#home .col {
		width: 290px;
		margin-bottom: 20px;
	}
		#home .col h3 {
			font-size: 1.5em;
			color: #2C2C2C;
			margin-bottom: 5px;
			padding-left: 4px;
		}
			#home .col h3 a {
				color: #2C2C2C;
				text-decoration: none;
			}
		#home .col .image {
			border: 1px solid #C1C1C1;
			padding: 5px;
			height: 154px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
			#home .col .image a {
				display: block;
			}
	    #home .leftcol .custom h3 {
            margin-bottom: 1em;
    	}
    	
	    #home .leftcol .custom .image {
            height: auto;
            float: right;
			padding: 4px;
			margin-left: 5px;
    	}
		#home #how-works-laptop .image {
			border: 0;
		}
    	
    	#home .leftcol .custom .richtext {
    	    font-size: 0.916em;
    	    padding-left: 4px;
    	    padding-top: 3px;
    	}
    	
    	#home .leftcol .custom .button {
    	    margin-top: 13px;
    	}
    	
	#home .rightcol .custom {
	    border-top: 1px solid #E1E1E1;
	    margin-top: 1.5em;
	}
	
	#home .rightcol .custom h3 {
	    border-top: 1px solid #F5F5F5;
	    padding-top: 1em;
	    margin-bottom: 0.5em;
	}
	
	#home .rightcol .custom .image {
	    float: right;
	    background: #FFF;
	    margin-left: 8px;
		padding: 4px;
	}
	
	#home .rightcol .custom .richtext {
	    font-size: 0.916em;
	}
	
	#home .rightcol .custom .button {
	    margin-top: 0.4em;
	}
	
#home .press {
	
}
	#home .press h3 a {
		color: #000;
		text-decoration: none;
	}
	#home .press .col {
		width: 135px;
		height: 46px !important;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}
	
#home .social a {
	margin: 0 0 10px;
}
	
.gallery {
	margin-bottom: 20px;
}
	.gallery .images {
		height: 342px;
		padding-bottom: 2px;
		overflow: hidden;
	}
		.gallery .images .image {
			display: none;
			position: relative;
			height: 342px;
		}
		.gallery .images .active {
			display: block;
		}
			.gallery .images .shade {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 600px;
				height: 2.3333em;
				padding: 23px 0 20px;
				background: #000;
				opacity: 0.5;
				filter: alpha(opacity=50);
			}
			.gallery .images .details {
				color: #FFF;
				position: absolute;
				bottom: 0;
				left: 0;
				width: 580px;
				padding: 17px 10px 20px;
			}
			#ie6 .gallery .images .details,
			#ie6 .gallery .images .shade {
				bottom: 2px;
			}
				.gallery .images .details h4 {
					margin-bottom: 6px;
					line-height: 1;
				}
				.gallery .images .details h5 {
					margin-bottom: 0;
					font-size: 1em;
					line-height: 1;
				}
				.gallery .images .details a {
					position: absolute;
					right: 10px;
					bottom: 20px;
					
				}
					.gallery .images .details a:active {
						position: absolute;
						top: auto;
						bottom: 19px;
					}
	.gallery .thumbs {
		padding: 10px 0;
		background: #EBEBEB;
		height: 80px;
	}
	#ie6 .gallery .thumbs {
		overflow: hidden; /*what a farse*/
	}
		.gallery .thumbs div {
			float: left;
			display: inline;
			margin: 0px 10px;
			position: relative;
		}
		.gallery .thumbs .active a {
			position: absolute;
			bottom: -6px;
			left: -6px;
			width: 92px;
			height: 112px;
			background: transparent url(/images/gallery-active-nq8.png) no-repeat 0 0;
		}
			#ie6 .gallery .thumbs .active a,
			#ie7 .gallery .thumbs .active a {
				bottom: -4px; /*anyone for a box model?*/
			}
	#home .rightcol form {
		padding: 10px;
		background: #FFF;
		margin-bottom: 15px;
	}
		#home .rightcol form select {
			float: left;
			font-size: 1.3333em;
			width: 180px;
			margin-top: 2px;
		}
		#home .rightcol form button {
			float: right;
		}
	#home .rightcol .get-started {
		display: block;
		margin-bottom: 20px;
	}

.vertswap {
	margin-bottom: 20px;
}
	.vertswap h3 {
		margin-bottom: 10px;
	}
	.vertswap h4 {
		font-size: 1em;
		font-weight: bold;
		color: #333;

	}
	.vertswap h5 {
		font-size: 1em;
		font-weight: bold;
		color: #8B0F21;
		line-height: 1.3;
		margin-bottom: 5px;
	}
	.vertswap .image {
		float: left;
		margin: 0 10px 10px 0;
		padding: 4px;
		background: #FFF;
	}
		.vertswap .image img {
			
		}
	.vertswap .details {
		float: right;
		width: 150px;
	}
	.vertswap ul {
		color: #333;
	}
		.vertswap li {
			font-size: 0.9167em;
			margin-bottom: 5px;
			padding-left: 10px;
			background: transparent url(/images/tinybullet.gif) no-repeat 0 4px;
		}
	.vertswap .swap {
		clear: both;
		display: block;
		height: 32px;
		margin: 0px 0 20px;
		padding-top: 10px;
		background: transparent url(/images/vertswap.gif) no-repeat 50% 100%;
	}
#testimonials {
}
	#testimonials .quotes {
		position: relative;
		height: 155px;
	}
	.greybox #testimonials .quotes {
		height: 130px;
	}
		#testimonials .quotes div {
			position: absolute;
			width: 270px;
			height: 150px;
			padding-left: 30px;
			background: #EBEBEB url(/images/quotes-left.gif) no-repeat 0 0;
			top: 0;
			left: 0;
			z-index: 1;
		}
		.greybox #testimonials .quotes div {
			width: 228px;
			height: 130px;
		}
			#testimonials .quotes div.next {
				z-index: 2;
			}
			#testimonials .quotes div.active {
				z-index: 3;
			}
			#testimonials .quotes blockquote {
				font-family: "Century Gothic", "Lucida Grande", arial, sans-serif;
				font-style: normal;
				border:0;
				padding: 0 20px 0 0;
				margin-top: 0;
				background: #EBEBEB url(/images/quotes-right.gif) no-repeat 100% 100%;
			}
			#testimonials .quotes p {
				font-weight: bold;
			}

#home .bottom .col {
	margin-bottom: -5px;
}
	#home .bottom .col hr {
		margin-bottom: 10px;
	}
#twitter,
#facebook {
	text-decoration: none;
	padding-left: 30px;
	font-size: 1.25em;
	color: #2C2C2C;
	background: transparent url(/images/twitter.gif) no-repeat 0 50%;
	display: block;
	height: 22px;
	line-height: 22px;
}
#facebook {
	background-image: url(/images/facebook.gif);
}
/* ========= */
/* = About = */
/* ========= */
#about .onecol {
/*	padding: 15px;*/
}
#about .swapimage {
	background: transparent;
	border-color: #C1C1C1;
	margin: -10px -10px 20px;
}
	#about .swapimage img {
		padding: 4px;
		margin: 0;
	}
	#about .swapimage .mine {
/*		padding-right: 5px;*/
		border-right: 1px solid #C1C1C1;
	}
	#about .swapimage .theirs {
/*		padding-left: 5px;*/
		
/*		border-left: 1px solid #C1C1C1;*/
	}
	#about .richtext p {
		margin-bottom: 20px;
	}
	
/* ========= */
/* = Press = */
/* ========= */

#press {
	
}
#press #content {
	padding: 20px;
}
#press .scroller {
	margin: 0px;
	padding: 10px 0 20px;
	background: #FFF;
	border: 1px solid #C1C1C1;
	border-bottom: none;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
}
#press .content {
	padding: 30px 30px 10px;
	background: #F1F1F1 url(/images/press-dropshadow.gif) repeat-x 0 0;
	border: 1px solid #C1C1C1;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
}
	#press .leftcol {
		width: 548px;
	}
		#press .leftcol h2 {
			color: #8B0F21;
			padding-top: 1em;
			margin-bottom: 0.25em;
		}
		#press .leftcol h3 {
			font-size: 1.3333em;
			margin-bottom: 2em;
			font-weight: bold;
		}
		#press .leftcol blockquote {
			font-size: 1.3333em;
			padding: 5px 0 10px 35px;
			background: transparent url(/images/quotes-open.gif) no-repeat 0 0;
			margin-bottom: 1.5em;
		}
			#press .leftcol blockquote span {
				float: left;
				line-height: 1.4;
				padding: 0 40px 5px 0;
				background: transparent url(/images/quotes-close.gif) no-repeat 100% 100%;
			}
	#press .rightcol {
		width: 310px;
	}
		#press .rightcol .image {
			padding: 4px;
			background: #FFF;
		}
#press .scroller .prev,
#press .scroller .next {
	float: left;
	display: inline;
	width: 29px;
	height: 160px;
	margin: 0;
	background: transparent url(images/angled-arrow-left.gif) no-repeat 50% 50%;
}
#press .scroller .next {
	float: right;
	background-image: url(/images/angled-arrow.gif);
}
#press .scroller a.disabled {
	background: none;
	cursor: default;
}
#press .scrollable {
	height: 160px;
	float: left;
	width: 880px;
}
	#press .scrollable .item {
		padding: 4px;
		width: 120px;
		height: 150px;
		border: 1px solid #C1C1C1;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		margin-right: 20px;
	}
	#press .scrollable .active {
		background: #000;
	}

/* ================== */
/* = Refer a friend = */
/* ================== */
#refer .bottom {
	clear: both;
	background: #F0EEEF;
	margin: 0 -20px -20px;
	padding: 20px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
}
	#refer .image {
		background: #FFF;
	}

#referral-banner {
	background: #E7E7E7 url(/images/image-fade.gif) repeat-x 0 0;
}
	#referral-banner .image {
		float: right;
		padding: 4px;
		border: 1px solid #C1C1C1;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		background: #FFF;
		margin-left: 10px;
	}
	#referral-banner h3 {
		font-size: 2em;
		margin-bottom: 5px;
	}
	#referral-banner h4 {
/*		float: left;
		width: 300px;*/
		font-size: 1em;
		margin-bottom: 0;
	}
	#referral-banner .button {
		float: right;
		clear: left;
		margin-top: 20px;
		margin-left: 15px;
	}
/* ============ */
/* = Swapbook = */
/* ============ */
#swapbook {
	padding-left: 180px;
	background: #EBEBEB;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#swapbook #content {
	padding: 0;
	background: #FFF;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-topright: 3px;
}
#swapbook .leftcol {
	position: relative;
	margin: 0 0 0 -180px;
	width: 156px;
	background: #EBEBEB;
	padding: 20px 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
	#swapbook .leftcol .greybox {
		padding: 0;
		border: 0;
	}
	#swapbook .leftcol h1 {
		font-size: 1.4167em;
	}
	#swapbook .leftcol h4 {
		font-size: 1em;
		font-weight: bold;
	}
#swapbook .rightcol {
	float: left;
	width: 760px;
	padding: 20px 20px 0;
	margin: 0;
}

#swapbook .swap {
	clear: both;
	border-bottom: 1px solid #E1E1E1;
	margin-bottom: 10px;
	position: relative;
}
	#swapbook .swap h4 {
		font-size: 1em;
		font-weight: bold;
	}
		#swapbook .swap h4 a {
			text-decoration: none;
		}
	#swapbook .swap .left,
	#swapbook .swap .right {
		width: 304px;
		padding: 15px 30px 15px 15px;
		float: left;
		display: inline;
		border: 1px solid #C1C1C1;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		margin: 0px 4px 10px 0;
	}
	#swapbook .swap .right {
		padding: 15px 15px 15px 30px;
	}
	#swapbook .swap .image {
		float: left;
		display: inline;
		margin: 0 10px 0 0;
		background: #FFF;
		padding: 4px;
	}
		#swapbook .swap .swapicon {
			left: 352px;
		}
	#swapbook .swap .links {
		float: right;
		width: 40px;
		text-align: center;
		padding-top: 50px;
	}
		#swapbook .swap .links .plain {
			display: block;
			margin-bottom: 5px;
			font-size: 0.9167em;
			line-height: 1.25;
			text-decoration: none;
			text-align: center;
			font-weight: bold;
		}
		
		#swapbook .swap a.button span span span span {
			padding: 13px 16px 21px 11px;
/*			width: 3px;*/
		}
	#swapbook .swap ul {
		list-style: inside;
	}
		#swapbook .swap ul li {
			margin-bottom: 5px;
			line-height: 1.4;
		}
	#swapbook .swap h5 {
		font-weight: bold;
		font-size: 1em;
	}
#swap #content {
	background: #F5F5F5;
}
#swap .swap {
	position: relative;
	margin-bottom: 6px;
}
	#swap .swap h2 {
		font-size: 1.75em;
		padding-top: 5px;
	}
	#swap .swap .leftcol,
	#swap .swap .rightcol {
		width: 426px;
		padding: 20px 20px;
		border: 1px solid #C1C1C1;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		background: #FFF;
	}
		#swap .image {
			float: left;
			display: inline;
			border: 1px solid #C1C1C1;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			background: #FFF;
			padding: 4px;
			margin: 0 10px 0 0;
		}
		#swap dl {
			padding-top: 10px;
		}
			#swap dt {
				float: left;
				display: inline;
				margin-right: 5px;
				font-weight: bold;
				line-height: 1.4;
			}
			#swap dd {
				display: block;
				line-height: 1.4;
				margin-bottom: 5px;
			}
	#swap hr {
		margin: 0 -10px 20px;
		border-style: dotted;
		border-color: #C1C1C1;
	}
#swap .fullcols {
	background: transparent url(/images/fullcols-bg.gif) no-repeat 0 100%;
	padding-bottom: 20px;
}
#swap .leftcol, 
#swap .rightcol {
	width: 426px;
	padding: 20px 20px 0;
	border: 1px solid #C1C1C1;
	border-width: 0 1px;
}
#feedback {
	
}

/* ================== */
/* = Modal Overlays = */
/* ================== */
#simplemodal-overlay {
  background-color:#000000;
  cursor: wait;
}

#simplemodal-container {
    width: 530px;
	height: auto !important;
    }
	#simplemodal-container .simplemodal-wrap {
		padding: 5px;
		border: 1px solid #FFF;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
/*		background: RGBA(255,255,255,0.3);*/
		background: transparent url(/images/semi-transparent.png) repeat 0 0;
		
	}
    #simplemodal-data {
        padding: 20px;
		background: #FFF;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
/*		position: relative;*/
    }
    #simplemodal-container a.modalCloseImg {
		background: transparent url(/images/x-nq8.png) no-repeat 50% 50%;
		width: 27px;
		height: 27px;
		position: absolute;
		right: -22px;
		top: -10px;
		cursor: hand;
		cursor: pointer;
	}
	#ie6 #simplemodal-container a.modalCloseImg {
		right: -12px; /* IE has different ideas about padding and position absolute */
	}
		#simplemodal-container .contact-form a.simplemodal-close {
			display: inline-block;
			padding: 7px 0;
/*			margin-left: 10px;*/
			color: #666;
/*			font-weight: bold;*/
			text-decoration: underline;
			cursor: pointer;
			cursor: hand;
		}
		#simplemodal-data form {
		}
		#ie6 #simplemodal-data form div.field select {
			width: expression(document.body.clientWidth > 300 ? "100%" : 'auto'); /*I just vomitted in my mouth a bit*/
		}

/* =============== */
/* = Scrollables = */
/* =============== */
.scroller {
	text-align: center;
}
.scrollable {
	position: relative;
	overflow: hidden;
	height: 100px;
}
	.scrollable .items {
		border: none;
		background: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 20000em;
	}
	.scrollable .item {
		float: left;
		display: inline;
	}
	.scroller .prev,
	.scroller .next,
	.scroller .navi {
		display: none;
	}
	.js .scroller .prev,
	.js .scroller .next,
	.js .scroller .navi {
		display: inline-block;
	}
	.scroller .prev,
	.scroller .next {
		text-indent: -2000em;
		background: transparent url(/images/scrollable-navi.gif) no-repeat 0 0;
		width: 4px;
		height: 8px;
		margin: 0px 1px;
/*		background: green;*/
	}
	#ie6 .scroller .prev,
	#ie6 .scroller .next {
		vertical-align: top;
	}
	.scroller .next {
		background-position: 100% 0;
	}
	.scroller .navi {
		display: inline-block;
/*		background: blue;*/
/*		height: 8px;*/
		vertical-align: top;
	}
		.scroller .navi a {
			display: inline-block;
/*			float: left;*/
/*			text-indent: -2000em;*/
			background: transparent url(/images/scrollable-navi.gif) no-repeat 50% 1px;
			width: 6px;
			height: 8px;
/*			background: red;*/
			margin: 0px 2px;
			cursor: hand;
			cursor: pointer;
		}
		.scroller .navi a.active {
			background-position: 50% -25px;
		}
		.scroller hr {
			margin: 10px -10px;
			border-color: #C1C1C1;
		}
.rightbox .scrollable {
	height: 110px;
}
	.rightbox .scrollable .item {
		width: 278px;
	}
		.rightbox .scrollable .item img {
			float: left;
			padding: 4px;
			border: 1px solid #C1C1C1;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			margin-right: 10px;
		}
		.rightbox .scrollable .item h5 {
			font-weight: bold;
			padding-top: 1em;
			font-size: 1.083em;
			margin-bottom: 0;
			line-height: 1.4;
		}
		.rightbox .scrollable .item p {
			font-size: 1.083em;
			line-height: 1.4;
		}
		.rightbox .prev,
		.rightbox .next,
		.rightbox .navi {
			clear: both;
			margin-top: 3px;
		}

#home .columns .scrollable {
	height: 154px;
	width: 278px;
	padding: 5px;
	border: 1px solid #C1C1C1;
	clear: both;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
	#home .columns .scrollable .items {
		top: 5px;
	}
#home .columns .scroller {
	text-align: right;
}
	#home .columns .scroller h3 {
		float: left;
	}
	#home .columns .scrollable .item {
		width: 278px;
		position: relative;
		margin-left: 5px;
	}
	#home .columns .scroller .prev,
	#home .columns .scroller .next,
	#home .columns .scroller .navi {
		margin-top: 1em;
	}
	#home .columns .scroller .next {
		margin-right: 6px;
	}
		#home .columns .scrollable .shade {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 278px;
			height: 1.5em;
			padding: 11px 0 8px;
			background: #000;
			opacity: 0.5;
			filter: alpha(opacity=50);
		}
		#home .columns .scrollable .details {
			color: #FFF;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 258px;
			padding: 5px 10px 8px;
		}
			#home .columns .scrollable .details h4 {
				margin-bottom: 6px;
				line-height: 1;
				font-size: 1em;
			}
			#home .columns .scrollable .details a {
				position: absolute;
				right: 5px;
				bottom: 3px;
			}
			#home .columns .scrollable .details a:active {
				position: absolute;
				top: auto;
				bottom: 2px;
			}
			
/* =================== */
/* = Widget previews = */
/* =================== */
.widget {
	margin-bottom: 20px;
	padding: 19px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #C1C1C1;
	background: #FFF;
}
.widget pre {
	background: #F1F1F1;
	border: 1px solid #C1C1C1;
	padding: 15px;
	margin-bottom: 20px;
}
.widget .iframe {
	display: inline-block;
	border: 5px solid #CCF;
}

.powered-by {
	float: left;
	width: 175px;
	margin-right: -175px;
	height: 46px;
	background: url(/images/powered-by.gif) 0 0 no-repeat;
	text-indent: -1000em;
}

.rightcol .feedback {

}
	.rightcol .feedback p {
		background: url(/images/icon-swap.gif) 100% 0 no-repeat;
		padding-right: 50px;
		height: 50px;
		margin-bottom: 0;
	}
	.rightcol .feedback select {
		margin-bottom: 10px;
		width: 100%;
	}
	.rightcol .feedback button {
		float: right;
	}

#feedback .rightcol .why-text {
	margin-bottom: 15px;
}

#feedback .entry {
	padding: 15px;
	margin-bottom: 15px;
}
	#feedback .entry h5 {
		background: #FFFFFF url(images/box-fade.gif) repeat-x scroll 0 50%;
		font-size: 11px;
		margin: -15px;
		margin-bottom: 10px;
		font-family: "Lucida Grande", Arial, sans-serif;
		-moz-border-radius-topleft:3px;
		-moz-border-radius-topright:3px;
		-webkit-border-radius-top-left:3px;
		-webkit-border-radius-top-right:3px;
		border-radius-topleft:3px;
		border-radius-topright:3px;
		padding: 5px 10px;
		border-bottom: 1px solid #c1c1c1;
	}
	#feedback .entry h3 {
		color: #8B0F21;
	}
	#feedback .entry .left {
		float: left;
		width: 188px;
	}
		#feedback .entry a.image {
			padding: 4px;
			background-color: #fff;
			border: 1px solid #ccc;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
			vertical-align: bottom;
			display: inline-block;
		}
		#feedback .entry .left p {
			margin: 10px 0;
			font-family: "Lucida Grande", Arial, sans-serif;
			line-height: 1.3333;
		}
	#feedback .entry .right {
		float: right;
		width: 384px;
	}
		#feedback .entry h5 a {
			text-decoration: none;
			color: #333333;
		}
		#feedback .entry h5 a:hover {
			text-decoration: underline;
		}