/* ============================================= */
/* = VALUE MY STUFF NOW Main Stylesheet by D3R = */
/* ============================================= */
html {
	height: 100%;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	height: 100%;
	padding-bottom: 1px; /*force scrollbars*/
	background-color: #1C191C;
}
#outer-wrapper {
	font-size: 75%; /*12px*/
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	color: #333;
	background-color: #1C191C;
	overflow: hidden;
}

/* ================= */
/* = Select Styles = */
/* ================= */
::-moz-selection{
	background:#F6A812;
	color:#FFF;
}
::selection {
	background:#F6A812;
	color:#FFF;
}
code::-moz-selection {
	background: #F6A812;
}
code::selection {
	background: #F6A812;
}

/* ================== */
/* = Default styles = */
/* ================== */
/* This repeats richtext too much. disappointing */
h1, h2, h3, h4, h5, h6 {
	letter-spacing: -0.5px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0.5em;
	color: #333E46;
	line-height: 1.35;
}
h3 a,
h4 a,
h5 a,
h6 a {
/*	color: #006699;*/
}
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
/*	color: #006699;*/
	text-decoration: underline;
}
h1,
h2 {
	font-size: 2.083em;
	line-height: 1.24;
}
h3 {
	font-size: 1.6667em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.25em;
}
h6 {
	font-size: 1em;
}
h1.title,
h2.title {
	color: #334E46;
	font-size: 3em;
	padding: 0px 0 0.333em;
	line-height: 1;
	margin: 0;
	text-shadow: RGBA(255,255,255,191) 1px 1px 0;
	letter-spacing: -1px;
	font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
	font-weight: 600;
}
#chatman {
	position: absolute;
	top: -1px;
	right: 20px;
	padding: 12px 89px 30px 0;
	height: 48px;
	background: transparent url(/images/chatman.png) no-repeat 100% 0;
}
	#chatman p {
		height: 48px;
		padding: 0 10px 0 15px;
		line-height: 4;
		background: transparent url(/images/chatman-inner.png) no-repeat 0 0;
	}
	 #chatman p a {
		color: #19ADE4;
		font-weight: bold;
	}
.blue,
.richtext .blue {
	color: #006699;
}
.turquoise,
.richtext .turquoise {
	color: #19ADE4;
}
.midblue,
.richtext .midblue {
	color: #1189B5;
}
a.midblue:hover,
.richtext a.midblue:hover {
	color: #F6A812;
	text-decoration: none;
}
hr {
	display: block;
	height: 0;
	padding: 0;
	outline: 0;
	border: 1px dotted #E1E1E1;
	border-width: 1px 0 0 0;
	margin: 0 0px 20px;
}
#ie6 hr,
#ie7 hr {
	margin-top: -7px;
	margin-bottom: 12px;
}
a {
	color: #F6A812;
	text-decoration: none;
}
a:hover {
	color: #333;
	text-decoration: underline;
}
a.callout,
a.orange {
	color: #F6A812;
	text-decoration: none;
}
a.callout {
	background: transparent url(/images/roundarrow.gif) no-repeat 0 50%;
	padding-left: 19px;
}
a.bold {
	font-weight: bold;
}
	a.orange span.callout {
		background: transparent url(/images/roundarrow.gif) no-repeat 0 50%;
		color: #F6A812;
		text-decoration: none;
		padding-left: 19px;
	}
a.callout:hover,
a.orange:hover {
	color: #333;
	text-decoration: none;
}
a.arrow {
	background: transparent url(/images/linkarrow.gif) no-repeat 100% 50%;
	text-decoration: none;
	padding-right: 12px;
}
a.arrow:hover {
	color: #F6A812;
	text-decoration: underline;
}

/* vertical align adjustable height content */
.vertical-wrapper {
	display: table;
	overflow: hidden;
}
	.vertical-wrapper .vcontainer {
		display: table-cell;
		vertical-align: middle;
	}
	.vertical-wrapper .vcontent {
		text-align: left;
	}

	/* do it a completely different way for ie */
	#ie6 .vertical-wrapper,
	#ie7 .vertical-wrapper {
		position: relative;
	}
		#ie6 .vertical-wrapper .vcontainer,
		#ie7 .vertical-wrapper .vcontainer {
			position: absolute;
			top: 50%;
		}
		#ie6 .vertical-wrapper .vcontent ,
		#ie7 .vertical-wrapper .vcontent {
			position: relative;
			top: -50%;
		}

/* ================ */
/* = Frame layout = */
/* ================ */
#header {
	color: #FFF;
	background: #1C9ECF url(/images/header-bg.gif) repeat-x 0 0;
	border-top: 1px solid #36C6FC;
	border-bottom: 1px solid #2293BF;
}
	#header #logo {
		float: left;
		margin: 0;
		padding: 0;
	}
		#header #logo .image {
			display: block;
			width: 319px;
			height: 86px;
			background: transparent url(/images/logo-bg.png) no-repeat 0 0;
			text-indent: -1000em;
		}
		#header h1#logo .account {
			font-size: 0.48em;
		}
		#header #logo .account {
			font-family: "Trebuchet MS",Helvetica,sans-serif;
			letter-spacing: normal;
			font-weight: normal;
			display: block;
			text-align: right;
			margin-top: -15px;
			color: #BBEBFF;
		}
			#header #logo .account a {
				color: #fff;
			}
			#header #logo .account strong {
				color: #fff;
				font-weight: normal;
			}
.centre {
	background: #FBFBFB url(/images/centre-bg.gif) repeat-x 0 0;;
	border-top: 1px solid #FFF;
}
	.centre .inner {
		padding: 24px 3px 3px 3px;
		position: relative;
	}
#footer {
	background: #1C191C;
	text-align: center;
	padding: 35px 0 25px;
}
	#footer .footerlogo {
		display: inline-block;
		width: 153px;
		height: 26px;
		text-indent: -1000em;
		background: transparent url(/images/footerlogo-bg.gif) no-repeat 0 0;
		margin-bottom: 15px;
	}
	#footer p.credit {
		font-size: 0.9167em;
		text-align: center;
	}
		#footer p.credit {
			color: #615E61;
			font-size: 0.9167em;
			text-align: center;
		}
			#footer p.credit a {
				color: #615E61;
				text-decoration: none;
			}
			#footer p.credit a:hover {
				text-decoration: underline;
			}
#social {
	background: #FFF url(/images/social-bg.gif) repeat-x 0 100%;
	border-top: 1px solid #E1E1E1;
	overflow: hidden;
	position: relative;
}
	#social .expanding {

	}
		#social .floating {
			padding: 15px 0;
		}
			#social .col {
				font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
				padding: 0 20px;
			}
				#social .col img {
					float: left;
					margin-right: 10px;
				}
				#social .col a {
					float: left;
					padding-top: 5px;
					font-size: 1.917em;
					color: #333E46;
				}
				#social .col a:hover {
					text-decoration: none;
				}
					#social .col a span {
						font-size: 0.696em;
						display: block;
						text-transform: uppercase;
					}
					#social .col a:hover span {
						text-decoration: underline;
					}
				#social .col form {
					float: left;
				}
					#social .col label {
						display: block;
						font-size: 1.333em;
						padding-top: 5px;
						margin-bottom: 5px;
					}
					#social .col input {
						clear: both;
						float: left;
					}
					#social .col button {
						float: left;
					}


.inner {
	width: 983px;
	margin: 0 auto;
}
#valuation {
	float: right;
	width: 430px;
	margin: 14px 0;
	background: #1DA4D7;
	border: 1px solid #3EAFDA;
	padding: 10px 10px 10px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
	#valuation a.get-a-valuation {
		float: right;
		width: 205px;
		height: 43px;
		background: transparent url(/images/get-a-valuation.png) no-repeat 0 0;
		text-indent: -1000em;
/*		margin-left: 20px;*/
	}
	#valuation p {
		background: transparent url(/images/icons/magnify.png) no-repeat 0 5px;
		padding: 5px 0 5px 50px;
		line-height: 1.25;
		margin: 0;
		float: left;
		width: 160px;
		color: #bbecff;
	}
	#ie6 #valuation p {
		background-image: url(/images/icons/magnify.gif);
	}
	#valuation .light,
	#valuation a:hover,
	#valuation a.active {
		color: #fff;
	}
	#valuation a {
		text-decoration: underline;
		color: #bbecff;
	}
/* ============== */
/* = Navigation = */
/* ============== */
#mainnav {
	background: #45494D url(/images/mainnav-bg.gif) repeat-x 0 100%;
	display: block;
}
	#mainnav ul {
		border-left: 1px solid #888;
	}
		#mainnav ul li {
			float: left;
			display: inline;
			border-right: 1px solid #888;
		}
			#mainnav ul li a {
				font-size: 1.5em;
				line-height: 1;
				display: block;
				padding: 0.7778em 20px 0.8889em;
				color: #FFF;
				text-decoration: none;
				text-shadow: RGBA(0,0,0,75) 1px 1px 0;
				position: relative;
				background: transparent url(/images/mainnav_item-bg.gif) repeat-x 0 -200px;
			}
			#mainnav ul li a:hover {
				background-position: 0 0;
			}
			#mainnav ul li a:active {
				background-position: 0 -100px;
			}
		#mainnav ul li.active {
		}
			#mainnav ul li.active a {
				background: #404348;
				color: #93D8F1;
				cursor: default;
			}
		#mainnav ul #subnav {
			float: right;
			padding: 1.3846em 0 1.5em;
			border: none;
		}
			#mainnav ul #subnav ul {
				border: none;
			}
				#mainnav ul #subnav li {
					border-color: #B4ECFF;
					float: right;
				}
					#mainnav ul #subnav li a {
						font-size: 1.1666em;
						padding: 0 6px;
						color: #B4ECFF;
						background: none;
					}
					#mainnav ul #subnav li a:hover {
						text-decoration: underline;
					}
					#mainnav ul #subnav li.active a {
						color: #F6A812;
					}
				#mainnav ul #subnav .last {
					border: none;
				}
/*					#mainnav ul #subnav .login a {
						color: #FFF;
						font-weight: bold;
						padding-right: 0;
					}*/
#bottomnav {
	border-top: 1px solid #090809;
	background: #0E0E0E url(/images/bottomnav-bg.gif) repeat-x 0 0;
}
#bottomnav .inner {
	padding: 0;
}
	#bottomnav ul {
		list-style: none;
		padding: 1.2em 0 1.3em;
	}
		#bottomnav ul li {
			float: left;
			border-left: 1px solid #464646;
			padding: 0 12px;
			margin: 0;
			color: #AAA;
		}
		#bottomnav ul li.first {
			border: none;
		}
			#bottomnav ul li a {
				display: block;
				line-height: 1;
				font-size: 1.0833em;
				color: #CCC;
				text-decoration: none;
				font-weight: bold;
			}
			#ie6 #bottomnav ul li a {
				position: relative;
			}
			#bottomnav ul li a:hover {
				text-decoration: underline;
			}
/* ================== */
/* = Utility Styles = */
/* ================== */
.left {
	float: left !important;
	display: inline;
}
.right {
	float: right !important;
	display: inline;
}
/* BOXES */
.boxtop {
	margin: -2px -3px 27px -3px;
	padding: 16px 0 0;
	background: transparent url(/images/boxtop.png) no-repeat 0 0;
	position: relative;
}
.boxcol {
	background-image: url(/images/boxtop-col.png);
}
.boxwidecol {
	background-image: url(/images/boxtop-widecol.png);
}
.boxnarrow {
	background-image: url(/images/boxtop-narrow.png);
	position: relative;
	width: 749px;
}
#ie6 .boxtop {
	background-image: url(/images/boxtop.gif);
}
#ie6 .boxcol {
	background-image: url(/images/boxtop-col.gif);
}
#ie6 .boxwidecol {
	background-image: url(/images/boxtop-widecol.gif);
}
#ie6 .boxnarrow {
	background-image: url(/images/boxtop-narrow.gif);
}
	.boxend {
		background: transparent url(/images/boxend.png) no-repeat 0 100%;
		padding: 0 0 16px;
	}
	.boxcol .boxend {
		background-image: url(/images/boxend-col.png);
	}
	.boxwidecol .boxend {
		background-image: url(/images/boxend-widecol.png);
	}
	.boxnarrow .boxend {
		background-image: url(/images/boxend-narrow.png);
	}
	#ie6 .boxend {
		background-image: url(/images/boxend.gif);
	}
	#ie6 .boxcol .boxend {
		background-image: url(/images/boxend-col.gif);
	}
	#ie6 .boxwidecol .boxend {
		background-image: url(/images/boxend-widecol.gif);
	}
	#ie6 .boxnarrow .boxend {
		background-image: url(/images/boxend-narrow.gif);
	}
		.boxmid {
			background: transparent url(/images/boxmid.png) repeat-y 0 0;
			padding: 6px 28px 7px 28px;
		}
		.boxmid.gradient {
			padding: 0;
		}
		.boxmid.gradient .gradient
		{
			background: transparent url(/images/boxmid-gradient.png) no-repeat 0 0;
			padding: 6px 28px 7px 28px;
			margin: 0 3px;
			min-height: 200px;
		}
		.boxcol .boxmid {
			background-image: url(/images/boxmid-col.png);
		}
		.boxwidecol .boxmid {
			background-image: url(/images/boxmid-widecol.png);
		}
		.boxnarrow .boxmid {
			background-image: url(/images/boxmid-narrow.png);
		}
		#ie6 .boxmid {
			background-image: url(/images/boxmid.gif);
		}
		#ie6 .boxcol .boxmid {
			background-image: url(/images/boxmid-col.gif);
		}
		#ie6 .boxwidecol .boxmid {
			background-image: url(/images/boxmid-widecol.gif);
		}
		#ie6 .boxnarrow .boxmid {
			background-image: url(/images/boxmid-narrow.gif);
		}
		
.heading {
	background: transparent url(/images/heading-bg-nq8.png) no-repeat 0 0;
	position: relative;
	margin-bottom: 20px;
}
.heading-grey {
	background-image: url(/images/heading_grey-bg-nq8.png);
}
#ie6 .heading,
#ie7 .heading {
	zoom: 1;
}
	.heading img {
		position: absolute;
		right: 10px;
		bottom: 0;
		top: auto;
	}
	.heading h1,
	.heading h2 {
		color: #FFF;
		margin: 0;
	}
	.heading-grey h1,
	.heading-grey h2 {
		color: #555;
	}
	.heading .button {
		position: absolute;
		right: 25px;
		top: 20px;
	}
.boxmid .heading {
	margin: -20px -25px 20px;
	padding: 15px 25px;
}

.greybox {
	padding: 15px 20px 0px;
	border: 1px solid #C6C6C6;
	background: #FBFBFB;
	margin-bottom: 30px;
}
.bluebox {
	padding: 15px 20px 0px;
	border: 1px solid #C6C6C6;
	background: #D7EfFB;
	margin-bottom: 30px;
}
.nopadding {
	padding: 0 !important;
}
/* COLUMNS */
.rightcol {
	float: right;
	display: inline;
	margin: -20px -25px -20px 0;
}
.boxcol .rightcol {
	width: 250px;
}
.boxwidecol .rightcol {
	width: 360px;
}
	.rightcol ul.nav {
		padding: 0;
		position: relative; /*IE6*/
		margin-bottom: 20px;
	}
		.rightcol ul.nav li {
			background: transparent url(/images/rightnav-bg.gif) repeat-x 0 100%;
			padding: 0;
			margin: 0;
			border-bottom: 1px solid #C6C6C6;
		}
			.rightcol ul.nav li a {
				font-size: 1.25em;
				display: block;
				padding: 15px 21px 15px 20px;
				color: #333E46;
				font-weight: bold;
			}
		.rightcol ul.nav li.first {
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
		}
		.rightcol ul.nav li.active {
			background: #7C7C7C url(/images/rightnav-bg-active.gif) repeat-x 0 100% !important;
			color: #FFF; /*both for IE6*/
			-webkit-text-stroke:1px transparent; /*make it look nice in webkit*/
			opacity: 0.99;
			-webkit-opacity: 1;
		}
			.rightcol ul.nav li.active a {
				color: #FFF !important; /*both for IE6*/
			}
		.rightcol ul.nav li:hover {
			background-color: #E9F4F8;
/*			color: #333E46;*/
			background-position: 0 -1000em;
		}
		.rightcol ul.steps li:hover {
			background-color: transparent;
			background-position: 0 100%;
		}
			.rightcol ul.nav li:hover a {
				text-decoration: none;
			}
			.rightcol ul.nav li div {
				margin-left: -10px;
				position: relative;
				padding: 15px 20px 15px 35px;
				height: auto !important;
				height: 100px;
				min-height: 100px;
			}
				.rightcol ul.nav li div h4 {
					font-size: 1.25em;
					letter-spacing: -1px;
					margin-bottom: 5px;
				}
				.rightcol ul.nav li.active div h4 {
					color: #FFF;
				}
				.rightcol ul.nav li div p {
					font-size: 1em;
					margin-bottom: 0;
					line-height: 1.167;
				}
				.rightcol ul.nav li.inactive h4,
				.rightcol ul.nav li.inactive p {
					color: #929292;
				}
				.rightcol ul.nav li div img {
					float: left;
					margin: 0 10px 10px 0;
				}
			.rightcol ul.nav li.active div {
				background: transparent url(/images/rightnav-tick-active.gif) no-repeat 0 50%;
			}			
	.rightcol .rightbox {
		padding: 15px 20px;
	}
	.rightcol hr.hard {
		border-style: solid;
		border-color: #C6C6C6;
		margin: 5px 20px 0;
	}
		#ie6 .rightcol hr.hard,
		#ie7 .rightcol hr.hard {
			margin: -2px 20px -7px;
		}
		.rightcol .rightbox a.image {
			float: left;
			border: 1px solid #C6C6C6;
			margin: 0 15px 5px 0;
/*			padding: 5px;*/
		}

		.rightcol .rightbox a.callout {
			font-size: 1.083em;
			font-weight: bold;
		}
		
.rightcol ul.extra {
	padding: 0;
	position: relative; /*IE6*/
	padding: 0.5em 1.5em;
}
	.rightcol ul.extra li {
		margin-bottom: 20px;
	}
	.rightcol ul.extra a {
		color: #19ADE4;
		font-size: 1.15em;
		padding: 4px 0 8px 35px;
		background-position: left top;
		background-repeat: no-repeat;
		background-color: transparent;
		background-image: url(/images/my-account-extras.gif);
	}
	.rightcol ul.extra a.facebook {
		background-position: 0 -35px;
	}
	.rightcol ul.extra a.youtube {
		background-position: 0 -70px;
	}
	.rightcol ul.extra a.contact {
		background-position: 0 -105px;
	}

.rightcol .callout h3 {
	margin-bottom: 0;
	}
.rightcol .callout p {
	margin-bottom: 0.5em;
	margin-left: 0.25em;
	font-size: 0.917em;
	}
.rightcol .callout a {
	margin-left: 0.25em;
	}

.leftcol {
	float: left;
	display: inline;
	padding: 20px 25px;
	margin: -20px 0px -20px -25px;
}
.boxcol .leftcol {
	width: 682px;
}
.boxwidecol .leftcol {
	width: 572px;
}
.columns {
	margin-left: -16px;
}
.five {
	margin-left: -8px;
}
.three {

}
	.columns .col {
		float: left;
		display: inline;
		margin-left: 16px;
	}
	.five .col {
		width: 122px;
	}
	.three .col {
		width: 300px;
	}
/* Pricing columns */
.leftcol .columns {
	margin-left: 0;
	padding-left: 0;
}
	.leftcol .three .col {
		width: 200px;
	}
.halfcol {
	width: 441px;
}
/* ICONS */
.iconbox {
	padding: 4px 15px 5px 10px;
	background: transparent url(/images/callout-icon.gif) no-repeat 0 0;
}
.iconbox-down {
	padding: 4px 10px 10px 10px;
	background: transparent url(/images/callout-icon-down.gif) no-repeat 0 0;
}
/* Centre floating */
.expanding {
	position: relative;
	left: 50%;
	float: left;
	width: auto;
	overflow: visible;
}
	.expanding .floating {
		float: left;
		display: inline;
		position: relative;
		left: -50%;
	}
		.expanding .floating .col {
			float: left;
			position: relative;
			display: inline;
			width: auto;
		}
.clearing {
	clear: both;
}
/* ============== */
/* = Pagination = */
/* ============== */
.pagination {
	clear: both;
/*	border-left: 1px solid #C6C6C6;*/
/*	margin-bottom: 20px;*/
	font-size: 1.25em;
}
	.pagination .pages {
		border-left: 1px solid #C6C6C6;
		float: left;
	}
		.pagination .pages div {
			float: left;
			border: 1px solid #C6C6C6;
			border-width: 1px 0;
			text-transform: capitalize;
		}
			.pagination .prev,
			.pagination .next {

			}
			.pagination .prev a,
			.pagination .next a {
				width: auto;
				padding: 10px 12px;
			}
			.pagination .links span {
				font-weight: bold;
			}
			.pagination a,
			.pagination span {
				float: left;
				text-decoration: none;
				border-right: 1px solid #C6C6C6;
				background: #F4F4F4;
				padding: 10px 0;
				width: 2.5em;
				text-align: center;
				font-weight: normal;
				color: #3F4B51;
			}
			.pagination span {
				background: #FFF;
				font-weight: bold;
			}
			.pagination a:hover {
				text-decoration: underline;
			}
.full-pagination {
	
}
	.full-pagination div.pages {
		float: right;
	}
	.full-pagination .summary {
		color: #929292;
		border: 1px solid #C6C6C6;
		padding: 10px 15px;
		background: #F4F4F4;
	}
		.full-pagination .summary strong {
			color: #3F4B51;
			font-weight: normal;
		}
/* =========== */
/* = Buttons = */
/* =========== */
button,
.button {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
/*	text-transform: uppercase;*/
	font-size: 1.25em;
	font-weight: bold;
	outline: 0;
	border: 0;
	margin: 0;
	padding: 3px;
	vertical-align: middle;
	cursor: pointer;
	text-decoration: none !important;
	background: transparent url(/images/button_blue-hover.gif) no-repeat -1000em -1000em; /*preload the hover hack*/
}
button {
	width: auto;
	white-space: nowrap;
	overflow: visible;
}
.button {
	display:-moz-inline-box; /*Firefox2*/
	display: inline-block;
	overflow: hidden;
}
button::-moz-focus-inner{
	padding:0;border:none;
} /*FF Fix*/
	button span,
	*.button span,
	div.button div {
		position: relative;
		top: -3px;
		left: -3px;
		display: block;
		margin: 0;
		padding: 0;
		background: transparent url(/images/button_blue.gif) no-repeat 0 0;
	}
		button span span,
		*.button span span {
			top: 0;
			left: 6px;
			background-position: 100% 0;
		}
			button span span span,
			*.button span span span {
				background-position: 100% 100%;
				top: 6px;
				left: 0;
			}
				button span span span span,
				*.button span span span span {
					top: 0;
					left: -6px;
					text-align: center;
					background-position: 0 100%;
					color: #FFF;
					padding: 6px 30px 12px 36px;
/*					text-shadow: 0px 1px 0px #333;*/
					
				}
	button:hover span,
	a.button:hover span,
	a.button.hover span,
	li.current button span,
	li.current .button span {
		background-image: url(/images/button_blue-hover.gif);
		top: 3px;
		left: -3px;
		background-position: 0 100%;
	}
		button:hover span span,
		a.button:hover span span,
		a.button.hover span span,
		li.current button span span,
		li.current .button span span {
			top: 0;
			left: 6px;
			background-position: 100% 100%;
		}
			button:hover span span span,
			a.button:hover span span span,
			a.button.hover span span span,
			li.current button span span span,
			li.current .button span span span {
				top: -6px;
				left: 0;
				background-position: 100% 0;
			}
				button:hover span span span span,
				a.button:hover span span span span,
				a.button.hover span span span span,
				li.current button span span span span,
				li.current .button span span span span {
					top: 0;
					left: -6px;
					background-position: 0 0;
					padding-top: 12px;
					padding-bottom: 6px;
				}
	li.current a.button-grey span,
	li.current button.button-grey span {
		background-image: url(/images/button_grey-hover.gif);
	}
	
	a.blue span {
		background-image: url(/images/button_grey_on_blue-hover.gif);
	}

.button-in-header {
	float: right;
	margin: 1em 1em 0 0;
	}

.button-orange {
	background-image: url(/images/button_orange-hover.gif);
}
	.button-orange span {
		background-image: url(/images/button_orange.gif);
	}
	a.button-orange:hover span,
	a.button-orange.hover span,
	button.button-orange:hover span {
		background-image: url(/images/button_orange-hover.gif);
	}
.button-grey {
	background-image: url(/images/button_grey-hover.gif);
}
	.button-grey span {
		background-image: url(/images/button_grey.gif);
	}
	.button-grey.blue span {
		background-image: url(/images/button_grey_on_blue.gif);
	}
		.button-grey span span span span {
			color: #333E46;
		}
	a.button-grey:hover span,
	a.button-grey.hover span,
	button.button-grey:hover span,
	li.current a.button-grey span,
	li.current button.button-grey span {
		background-image: url(/images/button_grey-hover.gif);
	}
	a.button-grey.blue:hover span {
		background-image: url(/images/button_grey_on_blue-hover.gif);
	}

button.small,
a.small {
	font-size: 1em;
	text-transform: none;
	font-weight: normal;
}
button.small span span span span,
a.small span span span span {
	padding: 0 10px 6px 16px;
}
button.small:hover span span span span,
a.small:hover span span span span,
li.current button.small span span span span,
li.current a.small span span span span {
	padding: 6px 10px 0px 16px;
}
button.wide,
.wide {
	display: block;
}
button.wide {
	width: 100%;
}
button.wide span span span span,
.wide span span span span {
	padding-left: 6px;
	padding-right: 0;
}
button:active,
.button:active,
.button.active {
	opacity: 0.9;
}
button strong,
.button strong {
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	background: transparent url(/images/arrow-white.gif) no-repeat 100% 50%;
	padding-right: 12px;
}
button em,
.button em {
	display: inline-block;
	font-style: normal;
/*	font-weight: normal;*/
	background: transparent url(/images/roundarrow-white-nq8.png) no-repeat 100% 50%;
	padding-right: 20px;
	margin-right: -12px;
}
.button-grey em {
	background-image: url(/images/roundarrow-blue.gif);
}
.button-orange em {
	text-shadow: RGBA(72,72,72,0.7) 1px 1px 1px;
}
.simplebutton {
	background: none;
}
	.simplebutton-inner {
		background: none;
	}
.caps {
	text-transform: uppercase;
}
/* ============ */
/* = Homepage = */
/* ============ */
#home.centre {
	background: #FDFDFD url(/images/home-bg.png) repeat-x 0 0;
/*	overflow: hidden;*/
	margin: 0 -200px;
}
	#home.centre .inner {
		padding: 0px 200px 3px 200px;
		padding-top: 0;
		background: transparent url(/images/home_top-bg.gif) no-repeat 0 0;
		
	}
	#home .leftcol {
		width: 210px;
		margin: 0;
		padding: 0;
	}
		#home .leftcol img.theman {
			display: block;
			margin: 30px auto 20px;
		}
		#home .leftcol a.callout {
			display: block;
			margin-bottom: 25px;
			font-size: 1.25em;
			font-weight: bold;
		}
		#home .leftcol h3 {
			font-weight: 600;
			font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
		}
		#home .leftcol h4 {
			font-size: 1.25em;
		}
		#home .leftcol h5 {
			font-size: 1.083em;
			color: #555;
			font-weight: normal;
			line-height: 1.5;
		}
		#home .leftcol p {
			color: #888;
			margin-bottom: 0.5em;
		}
		#home .leftcol .wide {
			clear: both;
			margin-bottom: 25px;
		}
			#home .leftcol #gift-vouchers {

			}
				#home .leftcol #gift-vouchers a {
					height: 90px;
					width: 210px;
					display: block;
					background: transparent url(/images/example/gift-vouchers.png) no-repeat 0 0;
					text-indent: -1000em;
				}
			#home .leftcol #news-letter {

			}
				#home .leftcol #news-letter a {
					height: 90px;
					width: 210px;
					display: block;
					background: transparent url(/images/newsletter-signup.png) no-repeat 0 0;
					text-indent: -1000em;
				}
			#home .leftcol #send-to-friend {

			}
				#home .leftcol #send-to-friend a {
					height: 90px;
					width: 210px;
					display: block;
					background: transparent url(/images/sendtofriendbutton.png) no-repeat 0 0;
					text-indent: -1000em;
				}
			#home .leftcol .newsletter h4 {
				display: none;
			}
			#home .leftcol .newsletter p {
				color: #555;

			}
			
			#home .leftcol .newsletter button.friend {
				background: url(/images/sendtofriend.png) top left no-repeat;
				height: 32px;
			}/*
			
			#friend-modal
			{
				display: none;
			}
			
	*/#home .rightcol {
		width: 743px;
		margin: 0;
		padding: 0;
		display: inline;
	}
		#home .rightcol h3 {
			/*font-size: 2.083em;*/
			font-size: 1.91em;
			font-weight: 600;
			margin-bottom: 5px;
			font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
			float: left;
		}
		#home .rightcol .right {
			float: right;
			margin-left: 25px;
			display: inline;
		}
		#home .rightcol .boxtop,
		#home .rightcol .columns {
			clear: both;
		}
			#home .rightcol .head {
				height: 299px;
				margin-bottom: 30px;
				position: relative;
			}
			#home .rightcol .head h2 {
				font-size: 3.75em;
				padding-top: 30px;
				margin-bottom: 10px;
				font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
				font-weight: 700;
			}
			#home .rightcol .head h3 {
				float: none;
			}
			#home .rightcol .head h4 {
				font-size: 1.167em;
				color: #19ADE4;
				margin-bottom: 20px;
			}
			#home .rightcol .head  p {
				line-height: 1.5;
			}
			#home .rightcol .head .buttons {
				position: absolute;
				right: 0;
				bottom: 30px;
				padding: 10px 12px;
				border: 2px solid #DFECF5;
				background: #E8F5FE;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
			}
			#home .rightcol .head .buttons.dragon
			{
				float: left;
				margin: 2px 0 0 10px;
				position: static;
				right: auto;
				bottom: auto;
			}
				#home .rightcol .head .buttons .button-grey {
					margin-right: 10px;
				}
			#home .rightcol .head #dragons-den
			{
				width: 268px;
				height: 61px;
				float: left;
				margin: 2px 0 0 0;
			}
				#home .rightcol .head #dragons-den a
				{
					height: 61px;
					width: 268px;
					display: block;
					background: transparent url(/images/dragons-den.png) no-repeat 0 0;
					color: #fff;
				}
				#home .rightcol .head #dragons-den a:hover
				{
					text-decoration: none;
				}
					#home .rightcol .head #dragons-den a span.title
					{
						display: block;
						font-size: 1.21em;
						padding: 13px 0 0 13px;
					}
					#home .rightcol .head #dragons-den a span.learnmore
					{
						display: block;
						font-size: 1.21em;
						padding: 6px 0 0 29px;
						color: #148AC7;
					}
					#home .rightcol .head #dragons-den a:hover span.learnmore
					{
						text-decoration: underline;
					}
		#home .pricing {
			margin-bottom: 30px;
			margin-left: -22px;
			padding-top: 10px;
		}
			#home .pricing .col {
				margin-left: 19px;
				margin-right: -3px;
				width: 203px;
				padding: 0px 18px 10px;
				background: transparent url(/images/homebox-end.gif) no-repeat 0 100%;
				position: relative;
			}
				#home .pricing .col p {
					text-align: center;
					font-size: 1.417em;
					margin-bottom: 5px;
				}
					#home .pricing .col p strong {
						display: inline-block;
						padding-right: 12px;
						background: transparent url(/images/arrow-black.gif) no-repeat 100% 50%;
					}
				#home .pricing .col .price {
					position: relative;
					font-weight: bold;
					font-size: 2em;
					margin: -10px -18px 5px;
					padding: 10px 18px 0;
					background: transparent url(/images/homebox-top.gif) no-repeat 0 0;
					text-shadow: #1E86A3 0px -1px 1px;
				}
				#home .pricing .col .button {
/*					font-style: 0.917em;*/
				}
		#home .rightcol .videos {
			padding: 1px 0px 2px 2px;
		}
			#home .rightcol .videos .col {
				width: 227px;
				float: left;
				display: inline;
				margin-left: 16px;
			}
				#home .rightcol .videos .col .boxed {
					margin-bottom: 15px;
					height: 105px;
					position: relative;
				}
					#home .rightcol .videos .col .boxed .tick {
						margin: 0 0 -16px 0;
						background: transparent url(/images/tick_down-bg.gif) no-repeat 50% 100%;
						padding: 0 0 16px 0;
						position: absolute;
						top: 10px;
						left: 10px;
					}
				#home .rightcol .videos .col p {
					text-align: center;
					color: #888;
					font-size: 0.917em;
					margin-bottom: 5px;
				}
				#home .rightcol .videos .col h4 {
					text-align: center;
					font-size: 1.167em;
					margin-bottom: 0;
				}
					#home .rightcol .videos .col:hover h4 a {
						color: #F6A812;
					}
		#home .rightcol .latest-news {
			padding: 1px 18px 2px 18px;
		}
		
/* ======= */
/* = 404 = */
/* ======= */
#notfound {
	
}
	#notfound.centre {
		background: #FDFDFD url(/images/notfound-bg.png) repeat-x 0 -2px;
		margin: 0 -160px;
	}
		#notfound.centre .inner {
			padding: 0px 160px 3px 160px;
			padding-top: 0;
			background: transparent url(/images/notfound_top-bg.png) no-repeat 0 0;
		
		}
	#notfound .head {
		width: 516px;
		height: 173px;
		padding: 64px 0 54px 352px;
		margin-bottom: 25px;
	}
		#notfound .head h1 {
			font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
			font-size: 3.75em;
			line-height: 1.125em;
			color: #FFF;
			text-shadow: #2494BE 1px 2px 1px;
			font-weight: 600;
			margin-bottom: 5px;
		}
		#notfound .head p {
			color: #FFF;
			font-size: 1.75em;
			text-shadow: #2494BE 1px 2px 1px;
			line-height: 1.333;
			margin: 0;
		}
/* ================ */
/* = Testimonials = */
/* ================ */
#testimonials {
	
}
	#testimonials .leftcol {
	}
		#testimonials .leftcol img {
			float: right;
		}
		#testimonials .leftcol p {
			font-size: 0.917em;
			color: #4A4A4A;
		}
		#testimonials .leftcol strong {
			font-size: 1.182em;
			color: #F6A812;
		}
		#testimonials .testimonial {
			
		}
			#testimonials .testimonial h4 {
				/*margin-top: 13px;*/
			}
			#testimonials .testimonial h4 q {
				line-height: 1.3;
			}
		#testimonials .testimonial-logo {
			background-position: 50% 50%;
			background-repeat: no-repeat;
			margin: -10px 0 0 410px;
			padding-top: 12px;
		}
			#testimonials .testimonial-logo h4 {
				margin-left: -410px;
				padding-right: 270px;
			}
			#testimonials .testimonial-logo p {
				margin-left: -410px;
				padding-right: 270px;
			}
	#testimonials .rightcol {
		
	}
		#testimonials .rightcol img.header {
			margin: -15px -20px 15px;
		}
		#testimonials .rightcol p strong {
			background: transparent url(/images/icon-customer.png) 0 0 no-repeat;
			display: block;
			line-height: 1.5384em;
			padding: 0 0 11px 41px;
		}
		#testimonials .rightcol blockquote {
			line-height: 1.5em;
		}
#pressbanner {
	border: 1px solid #E1E1E1;
	border-width: 1px 0;
	padding: 20px 0;
	margin-bottom: 30px;
/*	overflow: hidden;*/
}
	#pressbanner .col {
		height: 48px;
		padding: 0 10px;
		position: relative;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}
		#pressbanner .col img {
			vertical-align: middle;
			visibility: hidden;
		}
		#pressbanner .col h5 {
			display: none;
			width: auto;
			white-space: nowrap;
			left: 50%;
			position: absolute;
			top: -70px;
			font-size: 1.5em;
		}
			#pressbanner .col:hover h5 {
				display: block;
			}
			#pressbanner .col h5 q {
				float: left;
				position: relative;
				left: -50%;
				padding: 0 0 0 6px;
				background: transparent url(/images/quote-left.png) no-repeat 0 0;
			}
				#pressbanner .col h5 q strong {
					float: left;
					padding: 0 16px 10px;
					background: transparent url(/images/quote-right.png) no-repeat 100% 0;
				}
					#pressbanner .col h5 q strong span {
						float: left;
						font-weight: normal;
						background: transparent url(/images/quote-tick.gif) no-repeat 50% 100%;
						height: 53px;
						line-height: 53px;
						padding-bottom: 16px;
					}

/* ================== */
/* = Callouts Modal = */
/* ================== */

#modal-callout
{
	width: 529px;
	margin: 10px auto;
}
#modal-callout img
{
	margin-bottom: 10px;
}
#modal-callout p
{
	font-size: 1.0833em;
	line-height: 1.615;
	margin-bottom: 1.25em;
}
#modal-callout p a
{
	font-size: 1.333em;
	font-weight: bold;
}
					
/* ================ */
/* = How it works = */
/* ================ */
/* PANES */
.howitworks {
	height: 500px;
	width: 930px;
}
	.howitworks h2
	{
		text-align: center;
		color: #19ADE4;
		font-size: 1.9em;
	}
	.howitworks h4
	{
		text-align: center;
		font-size: 1.3em;
	}
	.howitworks .steps
	{
		width: 876px;
		height: 282px;
		margin: 25px 0 0 28px;
		background: url(/images/how-it-works-steps.png) no-repeat 0 0;
	}
	.howitworks .button
	{
		background: transparent url(/images/how-it-works-button.png) 0 0 no-repeat;
		width: 301px;
		height: 53px;
		margin: 10px 0 10px 300px;
		padding: 14px 0 0 0;
	}
	.howitworks .button:hover
	{
		opacity: 0.9;
	}
		.howitworks .button a, .howitworks .button a:hover
		{
			text-decoration: none;
		}
		.howitworks .button a span, .howitworks .button a span:hover
		{
			background: transparent;
			color: #FFF;
			text-shadow: 0 1px 0 rgba(0,0,0,0.5);
			text-align: center;
		}
			.howitworks .button a span.title
			{
				font-size: 1.45em;
			}
			.howitworks .button a span.subtitle
			{
				font-size: 0.9em;
				line-height: 20px;
			}
	.howitworks .faqs_link
	{
		margin-top: 10px;
		text-align: center;
	}
		.howitworks .faqs_link a
		{
			color: #064464;
			font-weight: bold;
			font-size: 1.2em;
			margin: 0 0 0 -23px;
		}
	
.whatdoiget
{
	padding-top: 10px;
}

	.whatdoiget h2
	{
		text-align: center;
		font-size: 1.9em;
	}
	.whatdoiget h4
	{
		text-align: center;
		font-size: 1.3em;
	}
	.whatdoiget .callouts
	{
		width: 855px;
		margin: 15px auto 0 auto;
	}
		.whatdoiget .callouts .callout
		{
			width: 255px;
			float: left;
			margin: 0 15px;
		}
		#ie6 .whatdoiget .callouts .callout
		{
			margin-left: 8px;
		}
			.whatdoiget .callouts .callout h5
			{
				font-size: 1.4em;
				color: #1BB1E3;
				text-align: center;
			}
			.whatdoiget .callouts .callout .plus
			{
				width: 35px;
				height: 35px;
				background: transparent url(/images/modal-plus.png) 0 0 no-repeat;
				position: absolute;
				z-index: 100;
				margin: -12px 0 0 238px;
			}
			.whatdoiget .callouts .callout img
			{
				border: 1px solid #E8E8E8;
				width: 255px;
			}
			.whatdoiget .callouts .callout p
			{
				line-height: 18px;
				margin: 15px 0;
			}
	

/* COLUMN */
.rightcol .how {
	
}
	.rightcol .how h5 {
		clear: both;
	}
	.rightcol .how img {
		float: left;
		margin: 5px 10px;
	}
	.rightcol .how p {
		font-size: 0.917em;
	}
/* BANNER */
.howbanner {
	padding-right: 0;
}
		.howbanner .col {
			float: left;
			display: inline;
			width: 197px;
			padding: 15px 25px;
			margin: -20px 0 -20px -12px;
			background: transparent url(/images/snazzyarrow.gif) no-repeat 0 63%;
			border-right: 1px solid #E2E2E2;
			margin-left: -12px;
			padding-left: 37px;
		}
		.howbanner .first {
			margin-left: 0;
			padding-left: 0px;
			background: none;
/*			border: 1px solid #E2E2E2;
			border-width: 0 1px;*/
		}
		.howbanner .last {
			border: 0;
/*			border: 1px solid #E2E2E2;
			border-width: 0 1px;*/
			padding-right: 0;
		}
			.howbanner .col h4 {
				color: #19ADE4;
				font-size: 1.5em;
				white-space: nowrap;
			}
			.howbanner .col p {
				color: #4F4F4F;
				line-height: 1.25;
			}
			.howbanner .col img {
				float: left;
				margin: 0 10px 0 0;
			}
/* ================== */
/* = Customer pages = */
/* ================== */
/* Newsletter column */
.rightcol .newsletter {
	padding: 15px 20px;
}
	.newsletter div.field {
		margin: 0 12px 3px 0;
		float: none;
		display: block;
		width: auto;
		padding: 0;
	}
		.newsletter div.field label {
			display: none;
		}
		.newsletter div.field .input {
			width: 100%;
			float: none;
		}
		.newsletter div.field p.error {
			float: none;
			display: block;
			width: auto;
			margin: 0 -12px 3px 0;
		}
	.newsletter h4 {
		font-size: 1.333em;
	}
		.rightcol .leftcol .newsletter img {
			float: left;
			width: 36px;
			margin: 0;
		}
		.newsletter p {
			color: #555;
			line-height: 1.25;
			float: right;
			width: 164px;
			margin: -5px 0 5px;
			font-size: 1em;
			position: relative;
		}
	
/* ============== */
/* = Categories = */
/* ============== */
/* LISTING */
.categories {
	
}
	.categories .columns {
		padding-top: 10px;
		margin-left: -8px;
	}
		.categories .col {
			padding-top: 102px;
			height: 5em;
		}
			.categories .col .image {
				display: block;
				margin-top: -102px;
				height: 100px;
				border: 1px solid #C6C6C6;
				margin-bottom: 10px;
			}
			.categories .col h3 {
				font-size: 1.25em;
				font-weight: normal;
				text-align: center;
			}
				.categories .col h3 a {
					color: #006699;
				}
/* DETAIL */
#category .leftcol h2 {
	color: #006699;
	
}
.imagebox {
	float: right;
	margin: 0 0 10px 25px;
}
.imagebox.left {
	float: left;
	margin: 0 25px 10px 0;
}
	.imagebox img {
		display: block;
	}
	.imagebox .caption {
		padding-top: 5px;
		margin-bottom: 0;
		text-align: center;
		font-size: 1em;
		line-height: 1.25;
		color: #333;
	}
.rightcol .imagebox {
	float: none;
	margin: 20px 20px;
	padding: 5px;
	border: 1px solid #C6C6C6;
}
	.rightcol .imagebox .caption {
		padding-top: 10px;
	}
.boxed {
	padding: 10px;
	border: 1px solid #C6C6C6;
	background: #FBFBFB;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.boxed .tick {
	margin-right: -16px;
	background: transparent url(/images/tick-bg.gif) no-repeat 100% 0px;
	padding-right: 16px;
	position: relative;
}
.videobox {
	padding-bottom: 10px;
}
	.videobox .boxed {
		float: left;
		margin: 0 20px 5px 0;
	}
	.videobox h4 {
		color: #19ADE4;
		font-weight: normal;
		font-size: 1.667em;
		margin-bottom: 5px;
	}
	.videobox p {
		margin-left: 170px;
		margin-bottom: 5px;
	}
	.videobox .info {
		font-size: 1em;
		color: #888;
	}
.latest-news {
	margin-bottom: 0;
	padding-bottom: 15px;
}
	.latest-news .iconbox {
		float: left;
		margin: 0 10px 0px 0;
	}
	.latest-news h5 {
		padding-top: 3px;
		letter-spacing: 0;
		margin-bottom: 0;
	}
	.latest-news p {
		font-size: 1em;
		color: #888;
		margin-bottom: 0;
	}
	.latest-news hr {
		clear: both;
		border-style: solid;
		margin: 10px 0;
	}
	#ie6 .latest-news hr,
	#ie7 .latest-news hr {
		margin-bottom: 2px;
		margin-top: 3px;
	}
	.latest-news .callout {
		margin-left: 10px;
	}
#category .get-a-valuation {
	padding-left: 25px;
}
	#category .get-a-valuation a {
		float: right;
		margin: 0 0 15px 20px;
	}
	#category .get-a-valuation p {
		background: #D7EfFB url(/images/icons/camera.png) no-repeat 0 50%;
		margin-bottom: 0;
		padding-left: 60px;
		font-size: 1em;
	}
/* OUR EXPERTS */
#experts {
	
}
.experts hr {
	clear: both;
}
.experts .image {
	float: left;
	display: inline;
	height: 100px;
	width: 120px;
	border: 1px solid #C6C6C6;
	margin: 0 25px 20px 0px;
}
	.experts p.indented {
		font-size: 1em;
		margin-left: 147px;
	}
	.experts .imagebox {
		margin-bottom: 30px;
	}
	.experts h2 {
		clear: both;
	}
	.experts h3 {
		font-size: 1.25em;
		font-weight: normal;
	}
	.experts h3 a {
		color: #006699;
	}
		.buttonbar {
			padding-top: 6px;
			background: transparent url(/images/button_grey.gif) no-repeat 0 0;
			margin-bottom: 30px;
			float: left;
			width: 400px;
		}
			.buttonbar-inner {
				padding: 0px 10px 6px;
				background: #FFF url(/images/button_grey.gif) no-repeat 0 100%;
			}
			.buttonbar-inner .iconbox {
				float: left;
				margin-right: 10px;
			}
			.buttonbar-inner h3 {
				padding-top: 5px;
				font-size: 1.333em;
				letter-spacing: 0;
				margin-bottom: 0;
				font-weight: bold;
			}
				.buttonbar-inner h3 a {
					color: #000;
				}
			.buttonbar-inner p {
				float: left;
				margin-bottom: 0;
				color: #555;
				font-size: 1em;
			}
/* REFERENCE */
#category-reference {
	
}
	#category-reference table {
	}
		#category-reference table th,
		#category-reference table td {
			padding: 7px;
		}
		#category-reference table th {
			font-size: 1.33em;
			font-weight: bold;
			border-bottom: 1px solid #C6C6C6;
		}
		#category-reference table td {
			font-size: 1.167em;
			border-bottom: 1px dotted #E1E1E1;
		}

/* ======== */
/* = NEWS = */
/* ======== */

#news {
	
}
	#news .rss {
		float: right;
		padding: 6px 40px 6px 0;
		background: transparent url(/images/rss.gif) no-repeat 100% 50%;
		min-height: 14px;
		height: auto !important;
		height: 14px;
		line-height: 1;
	}
	#news form.bluebox {
		padding-bottom: 15px;
	}
		.js #news form.bluebox button {
			display: none;
		}
	
	#news form.bluebox div.field {
		margin-bottom: 0px;
		width: auto;
		margin-right: 20px;
	}
		#news form.bluebox label {
			width: auto;
			margin-right: 20px;
			margin-bottom: 0;
		}
		#news form.bluebox select {
			width: 150px;
			margin-bottom: 0;
		}

	#news .article {
		float: right;
		width: 512px;
	}
		#news .article h3,
		#news .article p {
			clear: right;
		}
		#news .article h3 {
			padding-top: 5px;
		}
		#news .imagebox {
			float: left;
			display: inline;
			margin : 0 0px 10px 0;
		}
		#news .date {
			float: left;
			clear: left;
			width: 150px;
			text-align: center;
			font-size: 1em;
			color: #929292;
		}
		#news .leftcol hr {
			clear: both;
		}
#article {
	
}
	#article .date {
		font-size: 1.167em;
		margin-bottom: 1em;
		font-weight: normal;
		color: #929292;
		letter-spacing: 0;
	}
/* ========= */
/* = Video = */
/* ========= */
#video {
	
}
	#video hr {
	}
	#video form.bluebox {
		padding-bottom: 15px;
	}
		.js #video form.bluebox button {
			display: none;
		}
	
	#video form.bluebox div.field {
		margin-bottom: 0px;
		width: auto;
		margin-right: 20px;
	}
		#video form.bluebox label {
			width: auto;
			margin-right: 20px;
			margin-bottom: 0;
		}
		#video form.bluebox select {
			width: 150px;
			margin-bottom: 0;
		}
	#video .boxed {
		margin-bottom: 20px;
	}
		#video .boxed img {
			margin-bottom: 0px;
			display: block;
		}
	#video .videobox h3 {
		padding-top: 5px;
		font-size: 1.667em;
		margin-bottom: 5px;
		font-weight: normal;
	}
	#video .videobox .info {
		margin-bottom: 20px;
	}
#player-wrapper {
	width: 560px;
	height: 355px;
}
	#player-wrapper .comment {
		text-align: right;
		padding: 10px 0 0;
	}
		#player-wrapper .comment a {
			display: block;
			text-align: right;
			color: #000;
		}
/*#player {
	width: 560px;
	height: 315px;
}*/
/* ============== */
/* = Valuations = */
/* ============== */
/* Add item */
fieldset#photos {
	padding: 0;
	background: transparent;
	border-bottom: none;
}
	fieldset#photos .button {
		margin: 10px auto;
	}
	fieldset#photos .photo {
		padding: 10px;
		background: transparent url(/images/upload-bg.gif) repeat-x 0 100%;
		border-bottom: 1px solid #C6C6C6;
		text-align: center;
		position: relative;
	}
		fieldset#photos .photo img {
			float: left;
			border: 1px solid #AFAFAF;
			margin-right: 15px;
		}

		fieldset#photos .photo .details {
			float: left;
			clear: none;
			width: 400px;
			padding-top: 10px;
		}
			fieldset#photos .photo .details h4,
			fieldset#photos .photo .details p {
				margin: 0;
				float: none;
				width: auto;
			}
			fieldset#photos .photo .details p {
				padding: 4px 0 0 27px;
				background-repeat: no-repeat;
				background-position: 0 50%;
				background-color: transparent;
				color: #929292;
				}
		fieldset#photos .photo .actions {
			float: right;
			width: 140px;
		}
			fieldset#photos .cancelled .actions,
			fieldset#photos div.error .actions {
				display: none;
				}
			fieldset#photos .photo .actions a {
				text-decoration: underline;
				padding-left: 20px;
				color: #19ADE4;
				font-size: 1.1667em;
				line-height: 1.5;
				background-position: 0 50%;
				background-repeat: no-repeat;
				}
			fieldset#photos .photo .spinner {
				display: none;
				position: absolute;
				top: 10px;
				left: 10px;
				opacity: 0.5;
				filter: alpha(opacity=50);
				}
			fieldset#photos .uploading,
			fieldset#photos .uploaded,
			fieldset#photos .removed,
			fieldset#photos p.error {
				display: none;
				}
			fieldset#photos .current .queued,
			fieldset#photos .complete .queued,
			fieldset#photos .error .queued {
				display: none;
				}
			fieldset#photos .complete .uploaded {
				display: block;
				}
			fieldset#photos .current .uploading {
				display: block;
				}
			fieldset#photos .cancelled .removed {
				display: block;
				}
			fieldset#photos div.error p.error {
				display: block;
				}
			fieldset#photos .cancelled .queued,
			fieldset#photos .cancelled .uploading,
			fieldset#photos .cancelled .uploaded,
			fieldset#photos .cancelled .error {
				display: none;
				}
			
			p.queued {
				background-image: url(/images/form_field-plus.gif);
				}
			p.uploading {
				background-image: url(/images/icons/arrow-small-vertical.png);
				}
			p.uploaded {
				background-image: url(/images/form_field-tick-nq8.png);
				}
			p.removed {
				background-image: url(/images/icons/cross-small.png);
				}
			p.error {
				background-image: url(/images/icons/error.gif);
				}
			
			.actions a.remove,
			.actions a.cancel {
				background-image: url(/images/icons/cross-small.png);
				}
				.complete .actions a.cancel {
					display: none;
					}
			.actions a.anticlockwise {
				background-image: url(/images/icons/anticlockwise-small.png);
				}
			.actions a.clockwise {
				background-image: url(/images/icons/clockwise-small.png);
				}
			fieldset#photos .photo .actions a:hover {
				color: #F6A812;
				}
			
.progress {
	float: right;
	height: 11px;
	width: 565px;
	margin-top: 10px;
	border: 1px solid #C6C6C6;
	background-color: #FFF;
	background-image: url(/images/progress-bar.gif);
	background-position: 100% 50%;
}
			
.js #noFlash {
	display: none;
}
.js #uploadPanel {
	display: block;
	overflow: hidden;
	}
#uploadOverlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 700px;
	height: 100px;
}
#uploadPanel {
	display: none;
	position: relative;
}


	#add-item #item_category_wrap label,
	#add-item #item_units_wrap label {
/*		width: auto;*/
/*		margin-right: 20px;*/
	}
	#add-item #item_desc_wrap label {
		width: 500px;
	}
	#add-item #item_desc_wrap textarea {
		clear: both;
		margin-left: -100px;
		width: 488px;
	}
	
fieldset#additional {
	
}
	fieldset#additional div.field {
		padding-left: 0;
		margin-bottom: 0;
	}
		fieldset#additional div.field label {
			margin-left: -5px;
			padding: 5px 20px 5px 5px;
			border: 1px solid #D7EFFB;
		}
		.js fieldset#additional div.field label {
			background: transparent url(/images/form_field-plus.gif) no-repeat 100% 50%;
		}
		.js fieldset#additional div.field label.open {
			background-image: url(/images/form_field-minus.gif);
		}
		.js fieldset#additional div.field label.active {
			background-image: url(/images/form_field-tick-nq8.png);
		}
		fieldset#additional div.field label:hover {
			background-color: #FE9931;
			border-color: #FFF;
			color: #FFF;
		}
/*
		.js fieldset#additional div.field .input {
			display: none;
		}
*/
/* =================== */
/* = Login or signup = */
/* =================== */
#signup {
	
}
	#signup .login {
		margin-bottom: 20px;
	}
	#signup #login_email_wrap, 
	#signup #login_password_wrap {
		clear: none;
		width: auto;
		margin-right: 20px;
		margin-bottom: 0;
		padding-left: 0;
	}
	#signup #login_password_wrap {
		margin-right: 0;
	}
		#signup #login_email_wrap label, 
		#signup #login_password_wrap label {
			margin-left: 0;
		}
	#signup #customer_email_wrap, 
	#signup #customer_password_wrap {
		width: auto;
		margin-right: 10px;
		width: 200px;
	}
	#signup #customer_email_confirm_wrap, 
	#signup #customer_password_confirm_wrap {
		clear: none;
		width: 200px;
		padding-left: 0;
	}
	#signup #customer_email_confirm_wrap label,
	#signup #customer_password_confirm_wrap label {
		display: none;
	}
	#signup #customer_email_confirm_wrap p.error, 
	#signup #customer_password_confirm_wrap p.error {
		display: none;
	}
	
	#signup .form-footer a {
		margin-right: 1.5em;
		}
	
.yellowbox {
	padding: 10px 15px;
	background: #FCF8E1;
	border: 1px solid #ECE88F;
}
fieldset .yellowbox,
.fieldset .yellowbox {
	clear: both;
	margin-left: 30px;
}
	fieldset .yellowbox p,
	.fieldset .yellowbox p {
		margin-bottom: 0;
	}

/* ================== */
/* = Review credits = */
/* ================== */

#review-credits .yellowbox {
	padding: 15px 20px;
	}
	#review-credits .yellowbox h3 {
		margin: 0.35em 0 0.15em 0;
		}
	#review-credits .yellowbox .button {
		float: right;
		}

/* =========== */
/* = Pricing = */
/* =========== */
#pricing .right {
	float: right;
	display: inline;
	font-weight: bold;
	font-size: 1.083em;
	margin-top: -2.5em;
}
#pricing .pricing-type {
	margin-top: -1em;
	}
#pricing .bluebox {
	margin-top: 2.25em;
	}
	
.pricing .col,
.pricing a {
	position: relative;
	}
#home .pricing .col img,
.pricing img {
	position: absolute;
	top: 1px;
	right: 1px;
	z-index: 10;
}
#home .pricing .col img {
	top: -8px;
	right: 4px;
}
.hidden {
	display: none !important;
	}
.leftcol .pricing {
	margin-bottom: 20px;
	padding-bottom: 1px;
}
.leftcol .pricing .col {
	margin-left: 20px;
	margin-bottom: 15px;
}
	.leftcol .pricing .button-custom {
		font-size: 0.917em;
		font-weight: normal;
		margin-bottom: 10px;
	}
		.leftcol .pricing .button-custom strong,
		.leftcol .pricing .button-custom em {
			display: block;
			background: none;
			padding: 0;
			margin: 0;
			font-family: "Myriad Pro", "Trebuchet MS", Helvetica, sans-serif;
			margin-bottom: 5px;
		}
		.leftcol .pricing .button-custom strong {
			text-shadow: #1E86A3 0px -1px 1px;
			font-weight: normal;
			font-size: 2.25em;
		}
		.leftcol .pricing .button-custom em {
			font-size: 1.5em;
			font-weight: bold;
		}
	.leftcol .pricing .rosette {
		background-color: transparent;
		background-image: url(/images/vouchers.png);
		background-repeat: no-repeat;
		background-position: 2px 0;
		height: 130px;
		margin-bottom: 10px;
		text-shadow: #395259 0px 1px 1px;
	}
		.leftcol .vouchers a:hover {
			text-decoration: none;
			}
		.leftcol .pricing .white {
			background-image: url(/images/vouchers_white.png);
			}
		.leftcol .pricing .active .white {
			background-image: url(/images/vouchers.png);
			}
		.leftcol .pricing .voucher-2 {
			background-position: -213px 0;
			}
		.leftcol .pricing .voucher-3 {
			background-position: -425px 0;
			}
		.leftcol .pricing .rosette strong {
			display: block;
			text-align: left;
			padding-top: 60px;
			padding-left: 10px;
			color: #FFF;
			font-size: 2.583em;
			margin-bottom: 5px;
		}
		.leftcol .pricing .rosette em {
			padding-left: 10px;
			display: block;
			text-align: left;
			color: #FFF;
			font-style: normal;
			font-size: 1.416em;
			font-weight: bold;
		}
/* ============ */
/* = Checkout = */
/* ============ */
#checkout .pricing {
	padding-top: 10px;
}
	#checkout .pricing .col {
		margin-left: 1px;
		margin-bottom: 0;
		padding: 12px 12px 2px;
		border: 1px solid #fff;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}
	#checkout .pricing .active {
		border-color: #C1C1C1;
		background-color: #D7EfFB;
	}
	#checkout .bluebox {
		margin-bottom: 15px;
	}
		#checkout .bluebox h4 {
			text-align: center;
		}
	#checkout .col a.voucher {
		text-decoration: none;
		background-color: none;
	}

#checkout .leftcol div.field {
	padding-left: 110px;
}
	#checkout .leftcol div.field label {
		margin-left: -110px;
	}
	
#checkout #customer_email_wrap {
	width: auto;
	margin-right: 10px;
	width: 200px;
}
#checkout #customer_email_confirm_wrap {
	clear: none;
	width: 200px;
	padding-left: 0;
}
#checkout #customer_email_confirm_wrap label {
	display: none;
}

#checkout .bluebox p.offer {
	text-align: center;
	margin-bottom: 1em;
	font-size: 1.25em;
}

#promotion {
	padding: 15px 35px 5px 35px;
}
.promotion-code-trigger {
	text-align: center;
	margin-bottom: 15px;
}
	.promotion-code-trigger a {
		color: #19ADE4;
		text-decoration: underline;
		font-size: 1.2em;
	}

#promotion button {
	margin-left: 1em;
	margin-top: 2px;
}

#payment_issue_wrap,
#payment_start_wrap {
	display: none;
}
/*.js #payment_name_wrap {
	display: none;
}*/
#payment_number {
/*	width: 160px;*/
}
#payment_cv2,
#payment_issue {
	width: 50px;
}
#payment_expiry_wrap select {
	margin-right: 5px;
}

#voucher_message_wrap label, 
#voucher_message_wrap textarea.input  {
	display: block;
	margin-left: -100px;
}
#voucher_message_wrap textarea.input  {
	width: 488px;
}

/* ========== */
/* = Review = */
/* ========== */
#review {
	
}
	#review .yellowbox {
		margin-bottom: 20px;
	}
	#review #item_terms_wrap {
		float: none;
		margin-bottom: 0;
	}
	#review #item_terms_wrap label {
		width: auto;
		float: none;
		display: block;
	}
	#review .photos {
		margin: 0 -9px 20px;
		border: 1px solid #C6C6C6;
		padding: 0 0 10px ;
		background: #FFF url(/images/thumb-bg.gif) repeat 10px 10px;
	}
		#review .photos img {
			border: 1px solid #C6C6C6;
			float: left;
			margin: 10px 0 0px 10px;
		}
	#review dl {
		margin-left: 0;
		}
	dl.description {
		margin: 0 -9px;
	}
		dl.description dt {
			display: block;
			font-size: 1.25em;
			color: #333;
			margin: 0 0 5px 0;
		}
			dl.description dt.grey {
				color: #929292;
				}
		dl.description dd {
			font-size: 1.083em;
			color: #929292;
			line-height: 1.35;
			margin-bottom: 10px;
		}
			dl.description dd strong {
				color: #333;
				font-weight: normal;
			}
		dl.inline dt,
		dl.inline dd {
			float: left;
			}
		dl.inline dt {
			margin-right: 5px;
		}
		dl.inline dd {
			margin-right: 1em;
			}
			
#review div.form-footer p {
	float: right;
	margin: 0.75em 1em 0.15em 0;
	font-size: 1.25em;
	}
	#review div.form-footer button {
		float: right;
		}

#review .late {
	color: #CC0000 !important;
	}
#review div.field {
	padding-left: 120px;
}
	#review div.field label {
		margin-left: -120px;
	}


/* ============ */
/* = Complete = */
/* ============ */
#complete {
	
}
	#complete .bluebox {

	}
		#complete .bluebox h3 {
			margin-bottom: 15px;
			font-weight: normal;
		}
	#complete ol {
		font-size: 1em;
		list-style: none;
		border: 1px solid #C1C1C1;
		background: #FFF;
		width: 580px;
		padding: 0;
		overflow: hidden;
	}
		#complete ol li {
/*			border-bottom: 1px solid #C1C1C1;*/
			padding: 17px 15px 7px;
			margin: 0 0 -7px;
			background: transparent url(/images/boxed_list-border.gif) no-repeat 0 100%;
		}
			#complete ol li h4 {
				letter-spacing: 0;
				float: none;
				font-weight: bold;
				clear: none;
				color: #1189B5;
				font-size: 1.25em;
				margin-bottom: 5px;
			}
			#complete ol li p {
				font-size: 1.083em;
				padding-left: 20px;
				line-height: 1.35;
				margin-bottom: 12px;
			}
	#complete .boxed {
		float: left;
		width: 150px;
		height: 150px;
		margin-right: 30px;
	}
		#complete .boxed img {
			border: 1px solid #ccc;
		}
	#complete .rightcol {
		text-align: center;
		min-height: 456px;
		padding: 100px 0 20px;
	}
	#complete .leftcol {
		width: 600px;
	}
/* ============== */
/* = My Account = */
/* ============== */
#account {
	
}
	#account .valuations {
		padding: 20px 20px 0;
		text-align: center;
	}
		#account .valuations .valuation {
			border: 1px solid #C6C6C6;
			padding: 0 10px 10px;
			background: #FFF;
			margin-bottom: 20px;
		}
			#account .valuations h3 {
				border-bottom: 1px solid #C6C6C6;
				margin: 0 -10px 10px;
				line-height: 2;
				padding: 0 0 0 0px;
				font-size: 1.25em;
				letter-spacing: 0;
				background: #FFF url(/images/upfade-short.gif) repeat-x 0 100%;
			}
				#account .valuations h3 span {
					border-right: 1px solid #C6C6C6;
					height: 2em;
					width: 30px;
					margin-right: 10px;
					float: left;
					background: transparent url(/images/status-icons.gif) no-repeat 5px 50%;
				}
					#account .valuations .unsubmitted h3 span {
						background-position: 5px 50%;
					}
					#account .valuations .pending h3 span {
						background-position: -95px 50%;
					}
					#account .valuations .completed h3 span {
						background-position: -195px 50%;
					}
					
			#account .valuations img {
				float: left;
				display: inline;
				margin-right: 20px;
				border: 1px solid #C6C6C6;
			}
			#account .valuations .details {
				float: left;
				clear: none;
				width: 340px;
				padding-top: 5px;
			}
			#account .valuations .notes {
				clear: both;
			}
				#account .valuations h4 {
					font-size: 1.25em;
					margin-bottom: 0;
				}
				#account .valuations p {
					font-size: 1.083em;
					color: #929292;
					margin: 0;
					line-height: 1.5;
				}

			#account .valuations .actions {
				float: right;
				width: 140px;
			}
				#account .valuations .actions a {
					display: block;
					text-decoration: underline;
					padding-left: 20px;
					color: #19ADE4;
					font-size: 1.1667em;
					line-height: 1.5;
					background-position: 0 50%;
					background-repeat: no-repeat;
				}
					.actions a.star {
						background-image: url(/images/icons/star-small.png);
					}
					.actions a.page {
						background-image: url(/images/icons/page-small.png);
					}
					.actions a.pointer {
						background-image: url(/images/icons/arrow-small.png);
					}
				#account .valuations .actions a:hover {
					color: #F6A812;
				}	
		#account .valuations .button {
				margin-bottom: 1.5em;
				}
		#account .valuations p.no-results {
			text-align: center;
			padding-bottom: 1em;
			color: #19ADE4;
			}
	#account .tabs ul li {
		float: left;
		margin: 0;
		padding: 0;
		background: none;
		}
		#account .tabs p.turquoise {
			float: left;
			color: #19ADE4;
			padding: 0.25em;
			font-size: 1.2em;
			font-weight: bold;
			}
		#account .tabs .button {
			margin-left: 1em;
			}

.centre .calloutbox {
	float: left;
	width: 329px;
	font-size: 1.5em;
	padding-top: 18px;
	margin-bottom: 20px;
	letter-spacing: 0;
}
	.calloutbox a {
		padding: 10px 15px 10px;
		border: 1px solid #C6C6C6;
		background: url(/images/upfade.gif) repeat-x 0 100%;
		text-align: center;
		display: block;
	}
	.calloutbox a:hover {
		text-decoration: none;
	}
		.calloutbox .iconbox-down {
			display: inline-block;
			margin: -29px 0 5px;
		}
		.calloutbox a strong {
			color: #19ADE4;
			text-transform: uppercase;
			display: block;
			text-align: center;
			margin-bottom: 5px;
			font-size: 1.25em;
		}
		.calloutbox a em {
			color: #333;
			font-weight: normal;
			font-style: normal;
			display: inline-block;
			padding-right: 10px;
			background: transparent url(/images/arrow-black.gif) no-repeat 100% 50%;
		}
		.calloutbox a:hover em {
			text-decoration: underline;
		}
			.calloutbox a em span {
				font-weight: bold;
			}
.centre .calloutbar {
	background: transparent url(/images/upfade-short.gif) repeat-x 0 100%;
	padding: 10px 10px;
	text-align: center;
	border: 1px solid #C6C6C6;
	text-transform: uppercase;
	font-size: 1.667em;
	letter-spacing: 0;
	margin-bottom: 20px;
}
	.calloutbar a {
		color: #19ADE4;
	}
	.calloutbar a:hover {
		color: #19ADE4;
		text-decoration: none;
	}
	.calloutbar a:hover em {
		text-decoration: underline;
	}
	.calloutbar em {
		color: #333;
		padding-right: 10px;
		font-style: normal;
		background: transparent url(/images/arrow-black.gif) no-repeat 100% 50%;
	}
/* =============== */
/* = Competition = */
/* =============== */
#competition {
	
}
	#competition fieldset h3 {
		font-size: 1.083em;
		line-height: 1.5;
/*		font-weight: normal;*/
		letter-spacing: 0;
		margin-bottom: 15px;
	}
	#competition div.radio {
		padding-left: 0;
	}
		#competition label.radio {
			font-size: 1.083em;
		}
	#competition .terms {
		padding-top: 20px;
		color: #929292;
	}
		#competition .terms h5 {
			margin-bottom: 0px;
			color: #929292;
			font-size: 1.083em;
		}
		#competition .terms p {
			font-size: 1em;
		}
/* ============ */
/* = Callouts = */
/* ============ */
.callouts {
	margin-bottom: 22px;
}
	.callouts .columns {
		margin: 0;
	}
	.callouts .boxmid {
		padding: 2px 3px 3px;
		position: relative;
	}
		.callouts .col {
			width: 277px;
			margin: -16px 0;
			padding: 20px 25px;
		}
		.callouts .middle {
			border: 1px solid #E2E2E2;
			border-width: 0 1px;
		}
			.callouts .iconbox {
				float: left;
				display: inline;
				margin: 5px 10px 0px 0;
			}
			.callouts p {
				color: #555;
			}
			.callouts h3 {
				margin-bottom: 10px;
			}
				.callouts h3 a:hover {
					color: #006699;
				}
			.callouts .arrow {
				font-size: 1.333em;
				font-weight: bold;
			}
.security p {
	margin-bottom: 0;
}
.security .middle h3 {
	margin-bottom: 15px;
}
.security .boxed {
	margin-bottom: 10px;
}

.callout-titles {
	
}
	.callout-titles h3 {
		float: left;
	}
	.callout-titles h5 {
		color: #999;
		margin: 0;
		padding-top: 0.2222em;
		text-align: right;
		font-size: 1.5em;
	}

/* ======== */
/* = FAQs = */
/* ======== */
#faqs h2 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	float: left;
	line-height: 42px;
	font-size: 1.667em;
	letter-spacing: 0;
}
#faqs .iconbox {
	float: left;
	display: inline;
	margin: 0 10px 20px 0;
}
#faqs .callout {
	float: right;
	display: inline;
	margin-top: 10px;
	font-weight: bold;
	font-size: 1.167em;
}
#faqs dl {
	padding: 0;
	margin: 0;
	clear: both;
}
	#faqs dt {
		margin: 0;
		color: #19ADE4;
		font-size: 1.25em;
		line-height: 1.5;
		padding-left: 492px;
	}
	#faqs dd {
		margin: 0;
		padding-left: 492px;
		
	}
	#faqs .first {
		float: left;
		display: inline;
		clear: both;
		width: 452px;
		padding-left: 0;
	}
	#faqs dd.first {
	
	}
	
/* ========= */
/* = Forms = */
/* ========= */
input.input,
textarea.input {
	background: #FFF;
	border: 1px solid #C6C6C6;
	padding: 5px;
	margin: 0;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	font-size: 1.083em;
	color: #333;
}
input.cleverlabel {
	color: #A0A0A0;
}
fieldset,
.fieldset {
	padding: 25px 35px;
	background: #D7EFFB;
	border: 1px solid #C6C6C6;
/*	border-width: 0 1px 1px;*/
	margin-bottom: 20px;
}
#simplemodal-data fieldset,
#simplemodal-data .fieldset {
	padding: 25px 25px 15px 25px;
}
h3.legend {
	padding: 10px 15px;
	background: #35C4FE url(/images/bluebar.gif) repeat-x 0 100%;
	margin: 0;
	font-size: 1.8333em;
	font-weight: normal;
	letter-spacing: 0;
	color: #FFF;
/*	border-bottom: 1px solid #C6C6C6;*/
}
	h3.legend span {
		display: block;
		line-height: 1.35;
		background: url(/images/roundarrow-whiteonblue.gif) no-repeat 0 50%;
		padding-left: 22px;
	}
	fieldset h4,
	.fieldset h4,
	.richtext fieldset h4 {
		clear: both;
		float: left;
		font-size: 1.25em;
		font-weight: normal;
		letter-spacing: 0;
		margin-bottom: 10px;
		width: 500px;
	}
	div.field {
/*		overflow: auto;*/
		float: left;
		clear: both;
		margin-bottom: 10px;
		width: 410px;
		padding-left: 100px;
	}
	div.field.check_box
	{
		margin-left: 100px;
	}
	#ie6 div.field,
	#ie7 div.field {
/*		zoom: 1;*/
	}
		div.field label {
			font-size: 1.25em;
			float: left;
/*			width: 100px;*/
			margin: 0px 0 5px -100px;
			padding: 5px 0;
			padding-right: 10px;
		}
/*			div.field label:after {
				content: ":";
			}*/
		div.field label span {
			display: none;
		}
		div.required label {

		}
		.js div.field .form_note {
			display: none;
		}
		div.field .input {
			float: left;
			font-size: 1.0833em;
			margin-bottom: 5px;
		}
		div.field input.input {
			width: 188px;
		}
		div.field textarea.input {
			width: 398px;
			line-height: 1.25;
			max-width: 488px;
		}
		div.field select.input {
/*			width: 200px;*/
			margin-top: 3px;
		}
		div.check_box {
			float: none;
			display: block;
			width: auto;
			padding: 0;
		}
			div.field label.check_box {
				width: auto;
				margin-left: 0;
				float: none;
				display: block;
				line-height: 1.35;
				font-size: 1.083em;
/*				padding-right: 185px;*/
				padding-left: 30px;
			}
				div.field input.check_box {
					float: left;
					margin: 2px 10px 0 -30px;
				}
		div.radio {
			margin-bottom: 15px; /*makes up for none on labels*/
		}
		div.radio label.radio {
			display: block;
			width: 100%;
			margin-left: 0;
			margin-bottom: 0;
		}
		div.field p.error {
			width: 163px;
			float: right;
			display: inline;
			background: #F9D5D5 url(/images/field-error.gif) no-repeat 8px 50%;
			border: 1px solid #DB5454;
			padding: 6px 5px 6px 30px;
			line-height: 1;
			font-size: 1.083em;
			margin: 0;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
		}
		div.password .cleverpassword {
			position: relative;
		}
			div.cleverpassword input.input {
				position: relative;
				z-index: 10;
			}
			div.cleverpassword input.cleverlabel {
				position: absolute;
				z-index: 0;
				left: 0;
				top: 0;
			}
	fieldset fieldset {
		width: 500px;
		float: left;
		clear: both;
		border: none;
		padding: 0;
		background: none;
		margin: 0 0 10px;
	}
		fieldset fieldset div.field {
			width: auto;
			clear: none;
			padding: 0;
			margin: 0 20px 0 0;
		}
			fieldset fieldset div.field label {
				margin-left: 0;
			}
			fieldset fieldset div.field input.input {
				width: 40px;
			}
	div.form-footer {
		margin-top: -10px;
		text-align: right;
	}
	#ie6 div.form-footer {
		zoom: 1;
	}
div.form-error,
div.form-warning,
div.form-success {
	padding: 20px 30px 20px 80px;
	margin-bottom: 20px;
}
	div.form-error h3,
	div.form-warning h3,
	div.form-success h3 {
		font-size: 1.8333em;
		font-weight: normal;
		margin-bottom: 0;
	}
	div.form-error p,
	div.form-warning p,
	div.form-success p {
		margin-bottom: 0;
		font-size: 1.25em;
	}
	div.form-error a,
	div.form-warning a,
	div.form-success a {
		text-decoration: underline;
	}
div.form-error {
	color: #D41938;
	background: #F9D5D5 url(/images/form-error.gif) no-repeat 20px 50%;
	border: 1px solid #DB5454;
}
	div.form-error h3,
	div.form-error a {
		color: #D41938;
	}
div.form-warning {
	color: #D7AA00;
	background: #FCF8E1 url(/images/form-warning.gif) no-repeat 20px 50%;
	border: 1px solid #ECE88F;
}
	div.form-warning h3,
	div.form-warning a {
		color: #D7AA00;
	}
div.form-success {
	color: #5A9219;
	background: #E3F3D3 url(/images/form-success.gif) no-repeat 20px 50%;
	border: 1px solid #AED18C;
}
	div.form-success h3,
	div.form-success a {
		color: #5A9219;
	}

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

#simplemodal-container {
    width: 600px;
	height: auto !important;
	-webkit-box-shadow: 2px 3px 10px #444;
	-moz-box-shadow: 2px 3px 10px #444;
}
	#simplemodal-container .simplemodal-wrap {
/*		padding: 5px;*/
/*		border: 1px solid #666;*/
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
/*		background: RGBA(255,255,255,0.3);*/
	}
    #simplemodal-data {
        padding: 20px;
		background: #FFF;
/*		border: 1px solid #929292;*/
		
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
/*		position: relative;*/
    }
    #simplemodal-data p
    {
    	margin-bottom: 10px;
    }
    #simplemodal-container a.modalCloseImg {
		background: transparent url(/images/x-nq8.png) no-repeat 50% 50%;
		width: 27px;
		height: 27px;
		position: absolute;
		right: -14px;
		top: -17px;
		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;
			color: #666;
			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*/
		}
	.image-modal-wrapper {
		text-align: center;
	}

/* =============== */
/* = Tabs 		 = */
/* =============== */

ul.tabs {
	margin-bottom: 1em;
	float: right;
	}
	ul.tabs li {
		float: left;
		padding-right: 1em;
		}
		ul.tabs li a {
			float: left;
			padding: 0.5em 1em;
			}

div.panes div.pane {
	display: none;
}

/* =============== */
/* = Admin Table = */
/* =============== */
.admin-table {
	width: 100%;
	}
	.admin-table th, 
	.admin-table td {
		padding: 0.6em 1em;
		border-left: 1px solid #C6C6C6;
		border-bottom: 1px solid #C6C6C6;
		border-right: 1px solid #C6C6C6;
		}
	.admin-table th {
		border: 1px solid #C6C6C6;
		margin: 0 -10px 10px;
		line-height: 2;
		font-size: 1.25em;
		letter-spacing: 0;
		background: #FFF url(/images/upfade-short.gif) repeat-x 0 100%;
		}
	.admin-table tr {
		background-color: #F3F3F3;
		}
		.admin-table tr.alt {
			background-color: #FFFFFF;
			}
	.admin-table tfoot {
		display: none;
		}

/* ============== */
/* = Blue Frame = */
/* ============== */
#blueframe {
	background: #0099CC;
}
	#blueframe #header {
		background: transparent url(/images/doily-head.jpg) no-repeat 50% 100%;
		border: none;
	}
		#blueframe #header #logo a {
			background-position: -1000em -1000em;
			height: 138px;
			width: 420px;
		}
	#blueframe .centre {
		border: none;
		background: transparent url(/images/doily-repeat.png) repeat-y 50% 0;
		
	}
	#blueframe .centre .inner {
/*		width: 983px;
		padding: 0 200px;
		margin: 0 auto;*/
		padding-top: 0;
	}
	#blueframe #bottom {
		background: transparent url(/images/doily-end.png) no-repeat 50% 0;
/*		margin-top: -20px;*/
		padding-top: 20px;
	}
	#blueframe #bottomnav {
		background: none;
		border: none;
	}
		#blueframe #bottomnav ul li {
			border: none;
		}
		#blueframe #bottomnav ul li a {
			color: #FFF;
		}
	#blueframe #footer {
		background: none;
		padding-bottom: 150px;
	}
		#blueframe #footer p,
		#blueframe #footer a {
			color: #FFF;
		}
		#blueframe #footer .footerlogo {
			background-image: url(/images/footerlogo_blue-bg.gif);
		}
#blueframe .boxtop {
	margin-bottom: 7px;
}
/* ====================== */
/* = Online Certificate = */
/* ====================== */
#certificate .rightcol .rightbox p {
	font-size: 0.917em;
}
#certificate .valuation .leftcol {
	width: 410px;
}
#certificate .valuation .rightcol {
	width: 491px;
/*	background: red;*/
	padding: 20px 25px 20px 0;
}
#certificate .boxwidecol .rightcol {
	padding-top: 5px;
}
#certificate .links {
	padding-bottom: 1em;
	}
#certificate .links a {
	float: left;
	border: 1px solid #c6c6c6;
	padding: 20px 0px;
	background: #FEFEFE url(/images/upfade-short.gif) repeat-x 0% 100%;
	width: 203px;
	text-align: center;
	
	}
	#certificate .links a:hover {
/*		background-image: url(/images/button_grey-hover.gif);
		background-position: 5% 5%;*/
	}
	#certificate .links a.second {
		border-left: none;
	}
#certificate .gallery .panes {
	float: left;
	margin-bottom: 20px;
	padding: 4px;
	border: 1px solid #C6C6C6;
}
	.gallery .panes .pane {
		
	}
	.js .gallery .panes .pane {
		display: none;
	}
	.js .gallery .panes .open {
		display: block;
	}
	.gallery .tabs {
		margin-right: -22px;
	}
		.gallery .tabs .tab {
			float: left;
			display: inline;
			padding: 4px;
			border: 1px solid #C6C6C6;
			margin-right: 22px;
			margin-bottom: 20px;
			cursor: pointer;
		}
		
#certificate .buttonbar {
	float: none;
}
#certificate .section {
	margin-bottom: 20px;
	}
	#certificate .section p {
		font-size: 1.25em;
	}
#certificate .yellowbox {
	padding-top: 15px;
	font-size: 0.917em;
	}
	#certificate .yellowbox a {
		color: #000;
		text-decoration: underline;
		font-weight: bold;
		}
#certificate .value p {
	float: left;
	line-height: 1.25;
	font-size: 1.333em;
	text-align: center;
	padding: 10px 6px 10px 0;
	border-right: 1px solid #C6C6C6;
	width: 133px;
	margin: -5px 0;
	}
/*
	#certificate .rough p {
		border-right: none;
		line-height: 1;
		}
*/
	#certificate .value strong {
		font-size: 2em;
		}
	#certificate .value .turquoise {
		border-right: none;
		padding: 10px 0px;
		border-left: 1px solid #C6C6C6;
		margin-left: -1px;
		width: 240px;
		line-height: 2.5;
		font-size: 2em;
		font-weight: bold;
		}
/*
	#certificate .rough .turquoise {
		border-left: none;
		line-height: 1;
		width: 100%;
		text-align: center;
		}
*/
#certificate .greybox h5 {
	margin-bottom: 20px;
	letter-spacing: 0;
}
#certificate dl {
	font-size: 0.833em;
	margin: 0;
}
	#certificate dd {
		margin-bottom: 20px;
	}
	#certificate dd.dimensions {
		margin-left: -1em;
	}
		#certificate dd.dimensions strong {
			margin: 0 1em;
			font-weight: bold;
		}
#certificate .legal {
	
}
	#certificate .legal .richtext {
		font-size: 0.833em;
		color: #555;
	}
#certificate .verisign {
	padding-left: 157px;
	margin-bottom: 30px;
}
#certificate .ev {
	padding-left: 291px;
}
#certificate .verisign .image,
#certificate .ev .image {
	float: left;
	border: 1px solid #C6C6C6;
}
#certificate .verisign .image {
	margin-left: -157px;
}
#certificate .ev .image {
	margin-left: -291px;
}
	#certificate .verisign h4,
	#certificate .ev h4 {
		letter-spacing: 0;
		font-size: 1.25em;
		margin-bottom: 5px;
	}
	#certificate .verisign p,
	#certificate .ev p {
		margin-bottom: 5px;
		font-size: 1em;
	}
	
/* ============= */
/* = eBay Seal = */
/* ============= */
#seal {
	
}
#seal .button {

}
	#seal textarea {
		display: block;
		width: 628px;
		height: 120px;
		resize: none;
		overflow: hidden;
	}
	#seal .bluebox {
		clear: both;
		margin: 0px;
		padding: 20px;
	}
		#seal .bluebox a {
			margin: 0 auto 0px;
		}
		#seal .bluebox h3 {
			text-align: center;
		}
	#seal .form-footer {
		margin: 10px 0 20px;
	}
		#seal #copied {
			display: none;
			vertical-align: middle;
			line-height: 1.25;
			font-size: 1.083em;
			margin: 0 10px 0 0;
			color: #666;
			font-weight: bold;
			position: relative;
		}
		#seal #clipboard {
			display: none;
		}
		.js #seal #clipboard {
			display: inline-block;
		}
		#ie6 #seal #clipboard {
			display: none;
		}

.syntax {
	font-size: 1.1em;
}
	.leftcol .syntax {
		margin: 1em 0.5em 1.5em 0.5em;
	}
	.syntax .toolbar {
		display: none;
	}
	.syntax td {
		padding-top: 0.25em;
		padding-bottom: 0.25em;
	}
	.leftcol .syntax td.number {
		width: 2em;
	}

/* ================= */
/* = Spellchecker  = */
/* ================= */
.spellcheckresults {
	border: 1px solid #C6C6C6;
	background-color: #E8F8FF;
	margin-top: 0.5em;
}
.spellcheckresults dl.header dt,
.spellcheckresults dl.header dd {
	text-decoration: none;
	font-weight: bold;
	cursor: auto;
}
.spellcheckresults p {
	margin: 0;
	padding: 1.5em 1em 1em 1em;
	line-height: 1;
}
.spellcheckresults dl {
	clear: left;
	margin: 0.5em 0;
}
	.spellcheckresults dl dt, .spellcheckresults dl dd {
		float: left;
		margin: 0.4em ;
		padding: 0;
		line-height: 1;
	}
	.spellcheckresults dl dt {
		width: 6em;
	}
	.spellcheckresults dl dd {
		text-decoration: underline;
		cursor: pointer;
	}
	.spellcheckresults dl .ignore {
		color: #D18585;
		text-transform: capitalize;
	}