/* ================ */
/* = Body & frame = */
/* ================ */

html {
	height: 100%;
	padding: 0 0 1px;
}

body {
	font-family: Arial, sans-serif;
	font-size: 75%;
}

a {
	color: #F7BA25;
	text-decoration: none;
	font-weight: bold;
}
	a:hover {
		text-decoration: underline;
	}

a.internal,
a.internal-emphasis {
	background: url(/images/link-arrows.gif) 0 55% no-repeat;
	padding-left: 17px;
	font-weight: normal;
	font-family: Georgia, serif;
	font-size: 1.0833em;
}
	a.internal-emphasis {
		background-position: -654px 55%;
		color: #5b3d7e !important;
	}

p {
	font-size: 1em;
	line-height: 1.5; /* hit exact pixels (18) */
	color: #565656;
	margin-bottom: 0.3em;
}

#centre {
	width: 980px;
	margin: 0 auto;
}


/* ================== */
/* = Utility styles = */
/* ================== */

.shadow {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-topleft: 2px;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	border-bottom: none;
	padding: 15px 15px 18px 15px;
	background: url(/images/form-footer-bg.gif) 0 100% repeat-x;
}

.border {
	border: 1px solid #e2e2e2;
	padding: 15px;
}

.text-centre {
	text-align: center;
}

/* 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;
		display: block;
		overflow: visible;
	}
		#ie6 .vertical-wrapper .vcontainer,
		#ie7 .vertical-wrapper .vcontainer {
			position: absolute;
			top: 50%;
		}
		#ie6 .vertical-wrapper .vcontent ,
		#ie7 .vertical-wrapper .vcontent {
			position: relative;
			top: -50%;
		}

/* =========== */
/* = Buttons = */
/* =========== */
button,
.button {
	font-family: Arial, sans-serif;
	font-size: 1em;
	color: #2b073d !important;
	font-weight: bold;
	text-decoration: none;
	overflow: auto;
	outline: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	cursor: hand;
	cursor: pointer;
	overflow: visible;
}
	.button {
		display: inline-block;
	}
		.button:hover {
			text-decoration: none;
		}
	button::-moz-focus-inner{padding:0;border:none;} /* FF Fix */
/* Yellow on white (default) */
button span,
.button span {
	display: block;
	background: url(/images/btn-yellow-tr.gif) 100% 0 no-repeat;
}
	button:active span,
	.button:active span {
		background: url(/images/btn-yellow-tr-active.gif) 100% 0 no-repeat;
	}
	button span span,
	button:active span span,
	.button span span,
	.button:active span span {
		background: url(/images/btn-yellow-br.gif) 100% 100% no-repeat;
	}
		button span span span,
		button:active span span span,
		.button span span span,
		.button:active span span span {
			background: url(/images/btn-yellow-tl.gif) 0 0 no-repeat;
		}
			button span span span span,
			button:active span span span span,
			.button span span span span,
			.button:active span span span span {
				background: url(/images/btn-yellow-bl.gif) 0 100% no-repeat;
				padding: 11px 25px;
			}
/*				button:active span span span span,
				.button:active span span span span {
					padding-top: 12px;
					padding-bottom: 10px;
				}*/

/* Grey on white */
.button-grey span {
	display: block;
	background: url(/images/btn-grey-tr.gif) 100% 0 no-repeat;
}
	.button-grey:active span {
		background: url(/images/btn-grey-tr-active.gif) 100% 0 no-repeat;
	}
	.button-grey span span,
	.button-grey:active span span {
		background: url(/images/btn-grey-br.gif) 100% 100% no-repeat;
	}
		.button-grey span span span,
		.button-grey:active span span span {
			background: url(/images/btn-grey-tl.gif) 0 0 no-repeat;
		}
			.button-grey span span span span,
			.button-grey:active span span span span {
				background: url(/images/btn-grey-bl.gif) 0 100% no-repeat;
			}

a.disabled {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

/* ========== */
/* = Header = */
/* ========== */
#header {
	position: relative;
	margin-top: 8px;
	z-index: 50;
}
	#header .logo {
		background: url(/images/logo.gif) 0 100% no-repeat;
		float: left; display: inline;
		text-indent: -1000em;
		margin: 0; padding: 0;
		position: relative;
		z-index: 50;
	}
		#header .logo a {
			display: block;
			width: 89px;
			height: 86px;
		}
	#navigation {
		margin: 61px 5px 0 11px;
	}
		#navigation {
			float: right; display: inline;
			font-family: Georgia, serif;
			font-size: 1.8333em;
			width: 700px;
		}
			#navigation li {
				float: right; display: inline;
				background: none;
				padding: 0;
				margin: 0;
				zoom: 1;
			}
				#navigation li a {
					display: block;
					overflow: hidden;
					padding: 0 10px 5px 15px;
					background: transparent url(/images/dots-large.gif) no-repeat 0 0.7em;
					font-weight: bold;
					color: #a59b93;
				}
				#navigation li.active a,
				#navigation li a:hover {
					background-position: -300px 0.7em;
					text-decoration: none;
					color: #54206e;
				}
		#navigation li.dropdown-container:hover a.dropdown-link {
			color: #54206e;
			position: relative;
			z-index: 15;
			padding: 0 0 0 16px;
			margin: -7px -8px -9px -1px;
			background: transparent url(/images/navigation-dropdown-bg.png) no-repeat 0 0;
		}
			#navigation li.dropdown-container:hover a.dropdown-link span {
				background: #ffffff url(/images/navigation-dropdown-bg.png) no-repeat 100% 0;
				padding: 7px 18px 9px 0;
				display: block;
			}
			#ie6 #navigation li.dropdown-container:hover a.dropdown-link span {
				padding-right: 17px;
				margin-right: 1px;
			}
		#navigation li .dropdown {
			position: absolute;
			top: 90px;
			left: -2px;
			z-index: 10;
			background: transparent url(/images/navigation-dropdown-bg.png) no-repeat 0 0;
			padding: 17px 17px 0;
			width: 720px;
			display: none;
			font-size: 0.5454em; /* reset font size to base size */
		}
			#navigation li:hover .dropdown {
				display: block;
			}
			#navigation li .dropdown a {
				padding: 0;
				margin: 0;
				display: inline-block;
				background: none;
			}
				#navigation li .dropdown a.image {
					float: left;
					margin: 0 30px 0 0;
				}
			#navigation li .dropdown .column {
				float: left; display: inline; zoom: 1;
				width: 364px;
				overflow: hidden;
				margin-left: 10px;
				margin-right: -10px;
			}
				#navigation li .dropdown .styles ul {
					margin: 0 30px 0 0;
					padding-right: 1px;
					border-right: 1px solid #e5e5e5;
				}
				#navigation li .dropdown .sizes {
					width: 334px;
				}
			#navigation li .dropdown a.internal {
				float: right;
				clear: both;
				background: url(/images/link-arrows.gif) 0 55% no-repeat;
				padding-left: 17px;
				font-weight: normal;
				font-family: Georgia, serif;
				font-size: 1.0833em;
				color: #54206e;
			}
			#navigation li .dropdown li {
				float: none;
				display: block;
				height: 65px;
				padding: 10px 0;
				margin: 0;
			}
				#navigation li .dropdown li h4 {
					font-weight: normal;
					font-size: 1.1666em;
					margin: 20px 0 0 0;
				}
				#navigation li .dropdown li a {
					color: #54206e;
					padding-bottom: 2px;
					font-weight: normal;
					font-size: 1.0714em;
				}
					#navigation li .dropdown li a:hover {
						text-decoration: underline;
					}
			#navigation li .dropdown .footer {
				clear: both;
				padding: 0 17px 2px;
				height: 25px;
				position: absolute;
				left: 0;
				bottom: -27px;
				width: 720px;
				background: transparent url(/images/navigation-dropdown-bg.png) 0 100%  no-repeat;
				zoom: 1;
			}
				#navigation li .dropdown .footer a {
					padding: 0 0 0 15px;
					margin: 0;
					float: right;
					width: auto;
					background-position: -654px 55%;
					font-size: 1.1818em;
					white-space: nowrap;
				}
					#navigation li .dropdown .footer a:hover {
						text-decoration: underline;
					}
	#tel {
		float: right; display: inline;
		font-family: arial, sans-serif;
		font-size: 1.5em;
		color: #4b216b;
		background: url(/images/tel.gif) 0 3px no-repeat;
		padding-left: 30px;
		margin: 64px 0 0 0;
	}
	#header .other-nav {
	    font-size: 1.083em;
		position: absolute;
		top: 7px;
		right: 0;
		text-align: right;
		width: 980px;
	}
		#header .other-nav a {
			margin-right: 20px;
			font-weight: normal;
			color: #54206e;
		}
		
			#header .other-nav a.active {
				color: #F7BA25;
			}
			
			#header .other-nav a.button {
			    font-size: 0.9167em;
				margin: -3px 0 0 0;
			}
				#header .other-nav a.button span span span span {
					padding: 9px 18px;
				}
				#header .other-nav a.button .basket-icon {
					margin: 0;
					padding: 3px 5px 3px 23px;
					background: url(/images/button-basket.gif) 0 50% no-repeat;
					display: inline-block;
					font-weight: bold;
				}
					#header .other-nav a.button .basket-icon em {
						font-weight: normal;
						font-style: normal;
						margin-left: 10px;
					}
						#header .other-nav a.button:active .basket-icon {
							padding: 4px 5px 2px 23px;
							background-position: 0 80%;
						}

/* ========== */
/* = Footer = */
/* ========== */

.footer {
	padding-bottom: 30px;
	font-size: 0.9166em;
}
	.footer a {
		font-weight: normal;
		color: #666666;
	}
		.footer .credit,
		.footer .credit a {
			color: #552a6b;
		}
		.footer .other a {
			background: url(/images/dots-small.gif) 0 50% no-repeat;
			padding-left: 10px;
			padding-right: 5px;
		}
			.footer .other a.first {
				background: none;
				padding: 0 5px 0 0;
				margin: 0;
			}
	.bed-links {
		
	}
		.bed-links li {
			width: 180px;
			float: left;
		}

/* ========= */
/* = Forms = */
/* ========= */
form {
	
}
	form h3 {
		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: 20px;
		line-height: 1;
		margin: 0;
	}
	form fieldset {
		border: 1px solid #C1C1C1;
		border-top: none;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
		padding: 10px 20px;
		margin-bottom: 2em;
	}
		form fieldset#customer-optin {
			border-top: 1px solid #C1C1C1;
			-webkit-border-top-right-radius: 3px;
			-webkit-border-top-left-radius: 3px;
			-moz-border-radius-topright: 3px;
			-moz-border-radius-topleft: 3px;
		}
	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 {
			font-family: Arial, sans-serif;
			color: #565656;
			float: left;
display: inline;
			text-align: right;
			display: inline;
			font-size: 1em;
			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.check_box {
			margin: 0;
		}
		div.field label.check_box {
/*			float: none;
			display: block;*/
			margin: 0;
		}
			div.field label.check_box input.check_box {
/*				float: left;*/
				margin-right: 10px;
			}
			div.check_box p.error {
				float: left;
				margin-left: 15px;
/*				display: inline !important;*/
			}
			div.field label span {
				display: none;
			}
		input.input,
		textarea.input {
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			padding: 6px;
			font-family: arial, sans-serif;
			border: 1px solid #C1C1C1;
			font-size: 1em;
			vertical-align: middle;
		}
			.field input.input,
			.field textarea {
				background: #FFFFFF;
				width: 100%;
				margin: 0 -14px 0 0;
				position: relative; /*don't remember why i did this but it messes with modal*/
			}
			.field textarea {
				resize: none;
				line-height: 1.5;
				padding: 5px 6px;
			}
			.js .form_note {
				display: none;
			}
			.field input.cleverlabel,
			.field textarea.cleverlabel {
				color: #A0A0A0;
			}
		div.field select {
			margin: 6px 0;
			max-width: 100%;
		}
		div.field p.error {
			font-family: Arial, sans-serif;
			color: red;
			color: #92001F;
			padding: 0.5em 0 1em 0.5em;
			margin: 0 0 -1.2em 0;
		}
	div.field-error {
	}
		div.field-error input.input,
		div.field-error textarea.input {
			border-color: #92001F;
		
		}
		div.field-error label {
			color: #92001F;
		}
	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.form-footer {
			font-family: Arial, sans-serif;
			text-align: right;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-top-right-radius: 2px;
			-webkit-border-top-left-radius: 2px;
			-moz-border-radius-topright: 2px;
			-moz-border-radius-topleft: 2px;
			border-top: 1px solid #eeeeee;
			border-left: 1px solid #e1e1e1;
			border-right: 1px solid #e1e1e1;
			border-bottom: none;
			padding: 15px;
			background: url(/images/form-footer-bg.gif) 0 100% repeat-x;
			margin-bottom: 10px;
		}
			div.form-footer button,
			div.form-footer a.button {
			}
			div.form-footer p {
				float: left;
display: inline;
				font-size: 1em;
				margin: 0;
				padding: 11px 0 11px 10px;
			}
			div.form-footer small {
				float: left;
display: inline;
				font-size: 1em;
				font-weight: normal;
				margin: 6px 0;
			}
			div.form-footer p.form-link {
				font-weight: normal;
				font-size: 1em;
				float: right;
display: inline;
				margin-right: 20px;
			}
				div.form-footer p.form-link a {
					color: #666;
				}
					div.form-footer p.form-link a:hover {
						color: #000;
					}
	div.options_cols {
	
	}
		div.option_cols .select_option_col {
			float: left;
display: inline;
		}
		div.option_cols .select_option_col li { 
			float: left;
display: inline; 
			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 .repeater-content-item-container a {
				float: right;
display: inline;
				margin-top: 8px;
			}
		div.repeater .add-new {
			float: right;
display: inline;
		}
		div.repeater .repeater-content label {

		}
		div.repeater a.add-new {
			margin-right: -14px;
			margin-top: 8px;
		}

/* =================== */
/* = building blocks = */
/* =================== */

/* category boxes */
.boxes {
	
}
	.boxes .leftcol {
		float: left;
display: inline;
		width: 185px;
		padding: 0px 15px 0 0;
		margin: 0 0 0 0;
	}
		.boxes .leftcol .full {
			width: 170px;
			zoom: 1;
		}
			.boxes .leftcol .full h3 {
				margin-top: 15px;
			}
			.boxes .leftcol .full h3 {
				margin-top: 0;
			}
			.boxes .leftcol .full h5:before {
				content: ". ";
			}
		.boxes .leftcol ul.navigation {
			
		}
			.boxes .leftcol ul.navigation li {
				padding: 0;
				background: none;
				margin: 0 0 3px 0;
				font-size: 1.0833em;
			}
				.boxes .leftcol ul.navigation li a {
					display: block;
					height: 1.5384em;
					line-height: 1.5384;
					padding-left: 7px;
					background: #f1f1f1 url(/images/boxes-left-nav.gif) 96% 50% no-repeat;
					color: #565656;
					font-weight: normal;
					text-transform: lowercase;
				}
					.boxes .leftcol ul.navigation li.active a,
					.boxes .leftcol ul.navigation li a:hover {
						background-color: #dddddd;
						text-decoration: none;
					}
	.boxes .rightcol {
		float: right;
		display: inline;
		width: 776px;
		margin: -12px 0 0 -12px;
	}
		.boxes .rightcol .full {
			width: 764px;
			margin: 12px 0 0 0;
			padding-left: 12px;
		}
		.boxes .rightcol .half {
			width: 376px;
			margin-top: 12px;
			margin-left: 12px;
		}
		.boxes .rightcol .third {
			width: 246px;
			margin-top: 12px;
			margin-left: 12px;
		}
		.boxes .rightcol .quarter {
			width: 182px;
			margin-top: 12px;
			margin-left: 12px;
		}
			.boxes .rightcol .threequarter {
				float: left;
				display: inline;
				width: 570px;
				margin-top: 12px;
				margin-left: 12px;
			}
		.boxes .rightcol .box {
			height: 182px;
			position: relative;
		}
			.boxes .rightcol .box img {
				vertical-align: bottom;
			}
			.boxes .rightcol .box h3 {
				font-size: 1em;
				text-transform: lowercase;
				margin: 0;
			}
			.boxes .rightcol .box span,
			.boxes .rightcol .box h3 a {
				font-family: "Gill Sans", Georgia, serif;
				font-size: 2.25em;
				font-weight: bold;
				text-decoration: none;
				color: #ffffff;
				position: absolute;
				top: 7px;
				left: 12px;
				width: 155px;
			}
				.boxes .rightcol .box a {
					display: block;
					vertical-align: bottom;
					color: #ffffff;
				}
					.boxes .rightcol .box a:hover {
						text-decoration: none;
					}
					.boxes .rightcol .box a img {
						vertical-align: bottom;
					}
				.boxes .rightcol .box ul {
					display: none;
					cursor: pointer;
					position: absolute;
					bottom: 0;
					margin: 0;
					padding: 0 10px 4px 10px;
					width: 162px;
					overflow: hidden;
				}
					.boxes .rightcol .box ul li {
						padding: 5px 0 6px 12px;
						background-position: 0 10px;
						border-top: 1px solid #ffffff;
						margin: -1px 0 0 0;
						float: left;
						width: 150px;
					}
						#ie6 .boxes .rightcol .box ul li {
							margin-bottom: -2px;
						}
						.boxes .rightcol .box ul li span {
							font-size: 1.0833em;
							font-family: Georgia, serif;
							position: static;
							float: left;
							margin: 0;
							padding: 2px 0;
						}
							.boxes .rightcol .box ul li span.size {
								width: 80px;
							}
							.boxes .rightcol .box ul li span.price {
								float: right;
								font-weight: normal;
								width: 70px;
								text-align: right;
							}
		.boxes .rightcol .clearance h3 a {
			color: #990000;
		}
		.boxes .rightcol .bespoke ul li span.size,
		.boxes .rightcol .clearance ul li span.size  {
			width: auto;
			padding-right: 10px;
		}
		.boxes .rightcol .callout {
			margin-bottom: -3px;
			position: relative;
			display: inline;
		}
.shadow-column {
	background: url(/images/category-nav.gif) 0 100% repeat-y;
	margin-bottom: -3px;
	padding-bottom: 3px; /* pull the shadow down a tiny bit (n've margin above to compensate) */
}
	.shadow-column .leftcol {
		border-top: 1px solid #eeeeee;
		width: 170px;
		padding: 15px;
	}

.intro-text p {
	font-family: Caecilia, Georgia, serif;
	font-size: 1.3333em;
	line-height: 1.375;
	color: #5b3d7e;
	margin-bottom: 1em;
}

/* home top banner */
.feature {
	
}
	.feature .leftcol {
		width: 592px;
		float: left;
display: inline;
	}
	.feature .rightcol {
		width: 366px;
		float: right;
display: inline;
		padding: 10px 0;
	}
		.feature .rightcol p {
			font-family: Caecilia, Georgia, serif;
			font-size: 1.3333em;
			line-height: 1.375;
			color: #5b3d7e;
			margin-bottom: 0;
		}
	.feature .features {
		height: 249px;
		width: 529px;
	}
		.feature .features .item {
			position: absolute;
			display: none;
		}
			.feature .features .first {
				display: block;
			}
			.feature .features .item img {
				vertical-align: bottom;
			}
			.feature .features .item span.price {
				font-family: Caecilia, Georgia, serif;
				font-size: 1.1666em;
				line-height: 1.4286;
				display: block;
				padding: 15px 20px;
				color: #ffffff;
				position: absolute;
				bottom: 0;
				left: 0;
			}
			.feature .features .item a {
    			text-decoration: none;
    		}

.full {
	margin: 15px 0 0 0;
	float: left;
display: inline;
	width: 980px;
}

.half {
	margin: 15px 0 0 15px;
	float: left;
display: inline;
	width: 482px;
}
	.half .full {
		width: 482px;
	}
	.half .twothird {
		width: 300px;
	}
	.half .third {
		width: 150px;
	}

.twothird {
	float: left;
display: inline;
	margin: 15px 0 0 15px;
	width: 647px;
}
	.twothird .third {
		width: 205px;
	}
		.twothird .twothird {
			width: 425px;
		}
	.twothird .quarter {
		width: 150px;
	}

.quarter {
	float: left; display: inline;
	margin: 15px 0 0 15px;
	width: 233px;
}

.third {
	float: left;
display: inline;
	margin: 15px 0 0 15px;
	width: 316px;
}
	.third .half {
		width: 150px;
	}
	.third .full {
		width: 316px;
	}

/* removing margins */
.top {
	margin-top: 0 !important;
}
.bottom {
	margin-bottom: 0 !important;
}
.first {
	margin-left: 0 !important;
}
.last {
	margin-right: 0 !important;
}

/* adding margins */
.doubletop {
	margin-top: 30px !important;
}
.doublebottom {
	margin-bottom: 30px !important;
}
.gutters-y {
	margin-top: 15px;
	margin-bottom: 15px;
}
.gutter-top,
.gutters-y {
	margin-top: 15px;
}
.gutter-bottom,
.gutters-y {
	margin-bottom: 15px;
}
.gutter-left,
.gutters-x {
	margin-left: 15px;
}
.gutter-right,
.gutters-x {
	margin-right: 15px;
}

/* adding borders */
.border-bottom {
	padding-bottom: 15px;
	border-bottom: 1px solid #eeeeee;
}

.left {
	float: left;
display: inline;
}
	img.right,
	a.right img {
		margin: 0 10px 10px 0;
	}
		a.right img {
			vertical-align: bottom;
		}

.right {
	float: right;
display: inline;
}
	img.right {
		margin: 0 0 10px 10px;
	}

/* ==================== */
/* = Other components = */
/* ==================== */
.recent {
	
}
	.recent .border-bottom {
		padding-bottom: 13px;
	}
	.recent .full {
		margin-top: 13px;
	}
	.recent .full p {
		float: left;
		margin: 0;
		padding: 0;
		line-height: 1;
	}

/* ==================== */
/* = Non-generic bits = */
/* ==================== */

/* ======== */
/* = Home = */
/* ======== */
.home .feature {
	
}
	.home .feature h2 {
		background: url(/images/home-title.gif) 0 0 no-repeat;
		text-indent: -1000em;
		height: 110px;
		margin-top: 7px;
		margin-bottom: -15px;
	}
	.home .feature p {
		background: url(/images/home-bird.gif) 100% 0 no-repeat;
		padding-top: 35px;
	}
	.home .leftcol h3 a {
		color: #4C1E63;
	}
		.home .leftcol .notice {
			padding-right: 20px;
			margin-right: -20px;
		}
		.home .leftcol .notice h3 {
			background: url(/images/home-notice.gif) 100% 0 no-repeat;
			padding: 0 45px 0.75em 0;
			margin: 0 -20px 0 0;
			position: relative;
		}

/* ========== */
/* = Detail = */
/* ========== */
.detail {
	
}
	.detail .info {
		width: 480px;
		height: auto !important;
		height: 499px;
		min-height: 499px;
		padding-bottom: 30px;
		position: relative;
		border: 1px solid #e1e1e1;
		border-top: none;
		border-bottom: none;
	}
	.detail .info-header {
		background-color: #a59b93;
		color: #ffffff;
		padding: 10px 15px;
		margin: 0 -1px 0 -1px;
		position: relative;
	}
		.detail .info-header h1 {
			font-size: 2.8333em;
			font-weight: bold;
			margin-bottom: 0.2em;
			text-transform: none;
			color: #ffffff;
		}
		.detail .info-header p {
		    font-weight: bold;
			color: #ffffff;
			font-family: Georgia, serif;
            font-size: 1.25em;
		}
			.detail .info-header p a {
				color: #ffffff;
			}
				.detail .info-header p a:hover {
					color: #ffffff;
					text-decoration: underline;
				}
	.detail .info-content {
		padding-bottom: 2.8333em;
	}
		.detail .info-content h4 {
			padding-left: 10px;
			line-height: 1;
			background: url(/images/dot-medium.gif) 0 .65em no-repeat;
		}
		.detail .info-content .sizes {
			border-bottom: 1px solid #eeeeee;
			padding: 10px 5px 0 15px;
			zoom: 1;
		}
			.detail .info-content .sizes h4 {
				margin: 7px 0 0 0;
				float: left; display: inline;
			}
			.detail .info-content .sizes ul {
				float: left; display: inline;
				margin: 0 0 -1px 15px;
				position: relative;
			}
				.detail .info-content .sizes ul li {
					float: left; display: inline;
					padding: 0 0 0 1px;
					background: none;
				}
					.detail .info-content .sizes ul li.current a {
						border-left: 1px solid #cacaca;
						border-right: 1px solid #cacaca;
						border-top: 1px solid #eeeeee;
						text-decoration: none;
						color: #000000;
					}
						.detail .info-content .sizes ul li.current a {
							border-bottom: 1px solid #ffffff;
							margin-bottom: 0;
						}
						.detail .info-content .sizes ul li.current a:hover span {
							color: #000000;
						}
					.detail .info-content .sizes ul li a {
						background: #ffffff;
						display: inline-block;
						vertical-align: bottom;
						padding: 5px 18px 8px 18px;
						border: 1px solid #ffffff;
						border-bottom: none;
						margin-bottom: 1px;
					}
						.detail .info-content .sizes ul li a:hover,
						.detail .info-content .sizes ul li a:hover span {
							text-decoration: none;
							color: #666666;
						}
						.detail .info-content .sizes ul li a span {
							text-align: center;
							color: #000000;
							font-weight: normal;
							display: block;
						}
							.detail .info-content .sizes ul li a span.price {
								font-family: Georgia, serif;
								font-weight: bold;
								font-size: 1.4166em;
								display: block;
							}
							.detail .info-content .sizes ul li a span.was-price {
								text-decoration: none;
								margin: 2px -18px 0;
								display: block;
								text-align: center;
								color: #F7BA25 !important;
							}
		.detail .info-content .variants {
			border-bottom: 1px solid #eeeeee;
			padding: 0 5px 0 15px;
			zoom: 1;
		}
			.detail .info-content .variants h4 {
				float: left; display: inline;
				margin: 15px 0 0 0;
			}
			.detail .info-content .variants .select {
				margin: 12px 0 12px 20px;
			}
		.detail .info-content .diagram {
			float: left; display: inline;
			margin-left: 15px;
			margin-top: 15px;
			margin-bottom: 10px;
		}
		.detail .info-content .data {
			float: right; display: inline;
			margin: 15px 20px 0 0;
			width: 140px;
			color: #666666;
		}
		
		    .detail .info-content .full {
    			float: left; display: inline;
    			margin: 15px 20px 0 15px;
    			width: auto;
    		}
    		
			.detail .info-content .data ul {
				padding-top: 10px;
			}
				.detail .info-content .data ul li {
					line-height: 1.3333em;
					margin-bottom: 10px;
				}
		.detail .info-content .colours {
			padding: 15px 15px 10px 15px;
		}
			.detail .info-content .colours h4 {
				float: left; display: inline;
				width: 80px;
			}
			.detail .info-content .colours a.button {
				float: right; display: inline;
				margin: 7px 0 0 5px;
			}
			.detail .info-content .colours ul {
				float: left; display: inline;
				margin: 0 0 0 10px;
				padding-bottom: 1px;
			}
				.detail .info-content .colours ul li {
					width: 51px;
					height: 54px;
					padding: 0 0 0 0;
					background: none;
					float: left; display: inline;
				}
					.detail .info-content .colours ul li a {
						display: block;
						height: 50px;
						text-align: center;
						text-decoration: none;
						color: #ffffff;
						cursor: pointer;
						padding: 4px 4px 0 4px;
					}
						.detail .info-content .colours ul li a:hover {
							background: url(/images/colour-thumb-overlay.gif) 0 0 no-repeat;
						}
						.detail .info-content .colours ul li.active a {
							background: url(/images/colour-thumb-active.gif) 0 0 no-repeat;
						}
					.detail .info-content .colours ul li a .infobox {
						float: left;
						padding: 5px 5px 7px 5px;
						margin: -5px -100px -100px 35px;
						position: relative;
						visibility: hidden;
						z-index: 20;
						background-color: #ffffff;
					}
						.detail .info-content .colours ul li a:hover .infobox {
							visibility: visible;
						}
						.detail .info-content .colours ul li a .infobox h6 {
							font-family: Caecilia, Georgia, serif;
							position: absolute;
							top: 15px; left: 15px;
							color: #ffffff;
						}
	.detail .basket {
		margin-top: 0;
		position: absolute;
		width: 450px;
		bottom: -1px;
		left: -1px;
	}
		.detail .basket .vertical-wrapper {
			height: 2.8333em;
			display: table;
		}
		.detail .basket .description {
			color: #000000;
			float: left;
			margin: 0;
			width: 190px;
			font-weight: bold;
		}
		.detail .basket form {
			margin: 0;
			padding: 0;
			float: right;
		}
			.detail .basket form button {
				vertical-align: middle;
			}
			.detail .basket form .price {
				display: inline-block;
				vertical-align: middle;
				margin-right: 10px;
				font-weight: bold;
				text-align: right;
			}
			.detail .basket form .input {
				vertical-align: middle;
				text-align: center;
				width: 20px;
				margin: 0 10px 0 0;
			}
	.detail .gallery .main {
		position: relative;
		height: 430px;
		overflow: hidden;
	}
		.detail .gallery .main .video-modal {
			padding: 67px 1px;
			background-color: #efefef;
			width: 480px;
		}
			.detail .gallery .main .video-modal h1 {
				display: none;
			}
	.gallery {

	}
		.gallery .main {
			position: relative;
			height: 482px;
		}
			.gallery .main img {
				vertical-align: bottom;
			}
			.gallery .main .gallery-warning {
				position: absolute;
				bottom: 0;
				right: 0;
				color: #ffffff;
				background-color: #000000;
				padding: 4px;
				opacity: 0.5;
				filter: alpha(opacity=50);
				font-size: 0.8333em;
			}
		.gallery .thumbs {
			padding-top: 5px;
			margin: 0 -17px 0 -2px; /* a few pixels extra on the right for ie6 */
		}
			.gallery .thumbs .thumb {
				background: url(/images/thumb-load.gif) 2px 7px no-repeat;
				position: relative;
				float: left; display: inline;
				padding-top: 7px;
				margin-right: 11px;
				width: 88px;
				height: 88px;
				text-align: center;
			}
				.gallery .thumbs .video {
					
				}
					.gallery .thumbs .video:hover {
						text-decoration: none;
					}
					.gallery .thumbs .video .play {
						display: block;
						padding-top: 10px;
						text-align: center;
						font-weight: normal;
						color: #666666;
						text-transform: lowercase;
					}
			.gallery .thumbs .active {
				background: url(/images/detail-thumb-active.gif) 50% 0 no-repeat;
				
			}
				.gallery .thumbs .thumb img {
					vertical-align: bottom;
				}
				.gallery .thumbs .thumb .overlay {
					position: absolute;
					display: block;
					visibility: hidden;
					bottom: 0; left: 0;
					background: url(/images/detail-thumb-hover.gif) 0 100% no-repeat;
					width: 88px;
					height: 90px;
					cursor: pointer;
				}
				.gallery .thumbs .thumb:hover {
					
				}
					.gallery .thumbs .active .overlay,
					.gallery .thumbs .thumb:hover .overlay {
						visibility: visible;
					}

/*  */
.related-products p {
	padding-top: 5px;
}
	.related-products .box {
		width: 120px;
		float: left; display: inline;
		margin: 5px 35px 0 -5px;
		padding: 5px;
		cursor: pointer;
		position: relative;
	}
	.related-products p a {
		color: #000000;
	}
		.related-products p a img {
			vertical-align: bottom;
		}
		.related-products p a:hover,
		.related-products .hover p a {
			color: #F7BA25;
			text-decoration: none;
		}
		.related-products a.shadow {
			display: inline-block;
			margin: -5px -5px -5px;
			padding: 4px 4px 5px;
		}
			#ie6 .related-products a.shadow,
			#ie7 .related-products a.shadow {
				padding-bottom: 6px;
				margin-bottom: -6px;
			}

/* ====================== */
/* = select replacement = */
/* ====================== */
.select-replace {
	display: inline-block;
	position: relative;
	cursor: pointer;
	vertical-align: middle;
	z-index: 40;
	font-size: 12px;
}
	.select-replace .option {
		width: 200px;
		display: block;
		padding: 6px;
		font-weight: normal;
		text-decoration: none;
		color: #000000;
	}
	.select-replace .active {
		display: block;
	}
		.select-replace .active .option {
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			background: #ffffff url(/images/select-down.gif) 95% 50% no-repeat;
			border: 1px solid #999999;
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-bottom-right-radius: 0px;
			-webkit-border-bottom-left-radius: 0px;
			border-bottom: 1px solid #eeeeee;
		}
			.js .select-replace .active .option {
				-webkit-border-bottom-right-radius: 3px;
				-webkit-border-bottom-left-radius: 3px;
				-moz-border-radius-bottomright: 3px;
				-moz-border-radius-bottomleft: 3px;
				border-bottom: 1px solid #999999;
			}
			.js .select-open .active .option {
				-moz-border-radius-bottomright: 0px;
				-moz-border-radius-bottomleft: 0px;
				-webkit-border-bottom-right-radius: 0px;
				-webkit-border-bottom-left-radius: 0px;
				background-image: url(/images/select-up.gif);
				border-bottom: 1px solid #eeeeee;
			}
	.select-replace .options {
		display: block;
		background: #ffffff;
		border: 1px solid #999999;
		border-top: none;
		-webkit-border-bottom-right-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-bottomright: 3px;
		-moz-border-radius-bottomleft: 3px;
	}
		.select-replace .options .option:hover,
		.select-replace .options .hover {
			background-color: #3875d7;
			color: #ffffff;
		}
		.js .select-replace .options {
			display: none;
			position: absolute;
			top: 26px;
			left: 0;
		}
		.js .select-open .options {
			display: block;
		}

/* =============== */
/* = Basket bits = */
/* =============== */
table.basket {
	width: 100%;
	border-collapse: separate;
	margin-bottom: 20px;
}
	.basket thead tr {
		
	}
	.basket td {
		font-size: 1.083em;
	}
		.basket thead tr th {
			color: #292929;
			background-color: #f0f0f0;
			padding: 8px 10px;
			font-family: Georgia, serif;
			font-weight: bold;
			border-bottom: 1px solid #ffffff;
		}
			.basket thead tr th.item {
				width: 95px;
			}
			.basket thead tr th.subtotal {
				width: 95px;
			}
			.basket thead tr th.unit-price {
				width: 95px;
			}
	.basket tbody tr {
		
	}
		.basket tbody tr td {
			padding: 10px;
			border-top: 1px solid #f0f0f0;
			vertical-align: middle;
		}
			.basket th.number,
			.basket td.number,
			.basket tbody tr td.number p {
				text-align: right;
			}
	.basket tfoot td {
		padding: 5px 10px;
	}
		.basket tfoot tr.first td {
			border-top: 1px solid #f0f0f0;
			padding-top: 20px;
		}
	.basket .quantity {
		text-align: left;
	}
		.basket .quantity p {
			margin: 0;
			text-align: left;
		}
			.basket .quantity p a.remove {
				display: inline-block;
				padding-top: 4px;
				font-size: 0.923em;
			}
		.basket .quantity .button-add {
			text-indent: -1000em;
			margin-top: -1px;
			width: 30px;
			height: 31px;
			display: inline-block;
			vertical-align: middle;
			background: url(/images/btn-add.gif) 0 0 no-repeat;
		}
		.basket .quantity .button-remove {
			text-indent: -1000em;
			margin-top: -1px;
			width: 30px;
			height: 31px;
			display: inline-block;
			vertical-align: middle;
			background: url(/images/btn-sub.gif) 0 0 no-repeat;
		}
		.basket .quantity input.qty {
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border: 1px solid #C1C1C1;
			background: #FFFFFF;
			padding: 5px 6px;
			width: 15px;
			vertical-align: middle;
			text-align: center;
			font-size: 0.909em;
		}
	.basket .description {
		
	}
		.basket .description a {
			color: #292929;
		}
	.basket .img {
		
	}
		.basket .img a {
			display: inline-block;
		}
		.basket .img img {
			vertical-align: middle;
		}
	table.basket p.add-on-name a.add-link {
		font-size: 0.923em;
		color: #F7BA25;
	}

.basket-footer {
	
}
	.basket-footer strong {
		color: #565656;
	}
	.basket-footer input {
		margin: 0 10px;
	}

.recycle-footer {
	background: url(/images/icon-recycle.gif) 0 50% no-repeat;
	padding-left: 80px;
	height: 71px;
	margin-top: 15px;
}
	.recycle-footer .title {
		float: left;
		width: 300px;
		padding-top: 17px;
	}
		.recycle-footer .title strong {
			display: block;
			line-height: 1.3333;
			margin-left: 4px;
		}
		.recycle-footer .title a {
			
		}
	.recycle-footer .description {
		padding-top: 17px;
		float: left;
		width: 430px;
		line-height: 1.3333;
	}
	.recycle-footer .price {
		padding: 20px 10px 0 0;
		float: right;
		width: 120px;
		text-align: right;
		font-size: 1.0833em;
		line-height: 1.2307;
	}

a.add-link {
	line-height: 25px;
	display: inline-block;
	padding-left: 30px;
	background: url(/images/btn-add-small.gif) 0 50% no-repeat;
}
.callout .shadow {
	height: 112px;
}
	.callout img.right {
		margin-bottom: 0;
	}
		.callout .cutout img.right {
			padding: 5px 0 5px 5px;
		}
	.callout img.border {
		margin: 0 0 0 10px;
		padding: 5px;
		background: #E2E2E2;
	}
	.callout img.border:hover {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-top-right-radius: 2px;
		-webkit-border-top-left-radius: 2px;
		-moz-border-radius-topright: 2px;
		-moz-border-radius-topleft: 2px;
		border-top: 1px solid #eeeeee;
		border-left: 1px solid #e1e1e1;
		border-right: 1px solid #e1e1e1;
		border-bottom: none;
		padding: 4px 4px 7px;
		margin-bottom: -3px;
		background: url(/images/form-footer-bg.gif) 0 100% repeat-x;
	}
	.callout h3 {
		margin-bottom: 0.3em;
	}
	.callout p {
		margin-bottom: 0.7em;
	}

#simplemodal-overlay {
	background: #000000;
}
#simplemodal-container {
	background: #ffffff;
	padding: 5px;
}
	body.detail #simplemodal-container {
		width: 500px !important;
		height: auto !important;
	}
	#simplemodal-container .modalCloseImg {
		position: absolute;
		top: 5px;
		right: 5px;
		display: inline-block;
		width: 35px; height: 36px;
		background: url(/images/modal-clos.gif) 0 0 no-repeat;
		cursor: pointer;
	}
	#simplemodal-container .simplemodal-wrap {
		
	}
		#simplemodal-container .simplemodal-wrap .simplemodal-data {

		}
		#simplemodal-container .simplemodal-wrap .simplemodal-data object embed {
			vertical-align: bottom;
		}
		#simplemodal-container .simplemodal-wrap .simplemodal-data .video-modal h1 {
			padding: 7px 0 0 10px;
			margin-bottom: 0;
			height: 36px;
		}
		#diagram-full {
			display: none;
		}
			#diagram-full h5 {
				font-size: 2em;
			}
		#simplemodal-container .simplemodal-wrap .simplemodal-data .diagram-modal {
			padding: 5px 10px 10px 10px;
			display: block;
		}
			#simplemodal-container .simplemodal-wrap .simplemodal-data .diagram-modal h1,
			#simplemodal-container .simplemodal-wrap .simplemodal-data .diagram-modal h5 {
				padding-right: 40px;
				line-height: 1.5;
			}
			#simplemodal-container form div.field {
				position: relative;
			}
				#simplemodal-container form div.field input {
					position: relative;
				}
.contact-us {
	
}
	.contact-us #map {
		display: none;
	}
	.contact-us .half {
		margin-top: 30px;
		margin-left: 30px;
		width: 475px;
	}
	.contact-us strong {
		color: #4C1E63;
	}
	.contact-us .richtext p {
		margin-bottom: 1.5em;
	}
	.contact-us .view-map {
		background: url(/images/contact-car.jpg) 100% 50% no-repeat;
		padding-top: 20px;
	}
	.contact-us .send-message {
		background: url(/images/contact-envelope.jpg) 100% 0 no-repeat;
	}
		.contact-us .send-message form {
			margin-top: 30px;
		}
	.contact-us .opening-times {
		background: url(/images/contact-clock.jpg) 100% 50% no-repeat;
	}
		.contact-us .opening-times table {
			width: 100%;
			font-size: 1.08333em;
		}
			.contact-us tr td {
				padding: 0 10px 10px 0;
				color: #565656;
			}
			.contact-us tr td.day {
				width: 170px;
			}
			
.map-modal {
	padding: 5px;
}
	.map-modal h1 {
		padding-top: 2px;
		margin-bottom: 12px;
	}

.half .half {
	margin: 0;
}

#why-us .richtext {
	width: 462px;
	margin-right: 20px;
}

#why-us h1 {
	margin-top: 0;
}


#why-us h4 {
	margin-top: 1.5em;
}
#why-us .articles .description {
	padding: 0 0 20px 0;
}

ul.what-we-do {
	margin-top: 0.7em;
}
	ul.what-we-do li,
	ul.what-we-dont-do li {
		background: url(/images/list-tick.gif) 0 40% no-repeat;
		line-height: 25px;
		margin-top: 7px;
		padding-left: 40px;
		font-weight: bold;
		font-size: 1.1167em;
	}

ul.what-we-dont-do {
	
}
	ul.what-we-dont-do li {
		background: url(/images/list-cross.gif) 0 40% no-repeat;
	}

.clearance {
	
}
	.clearance-header {
		background: url(/images/bird-divider.gif) 100% 100% no-repeat;
		padding-bottom: 20px;
		margin-bottom: 15px;
	}
		.clearance h1 {
			background: url(/images/clearance-title.gif) 0 0 no-repeat;
			height: 50px;
			text-indent: -1000em;
			overflow: hidden;
		}
		.clearance .boxes .rightcol .box ul li span.price {
			margin-left: -15px;
			width: 78px;
		}
	.clearance-item {
		
	}
		.clearance-item .image {
			float: left;
			width: 150px;
		}
		.clearance-item .description {
			float: left;
			width: 380px;
		}
			.clearance-item .description a.internal-emphasis {
				display: inline-block;
				margin-top: 10px;
			}
			.clearance-item .description .title {
				font-weight: bold;
				color: #F7BA25;
			}
		.clearance-item p.price {
			font-weight: bold;
			color: #000000;
			font-family: Georgia, serif;
			font-size: 1.4em;
			margin-bottom: 0.5em;
		}
			.was-price {
				text-decoration: line-through;
				color: #F7BA25;
			}

.articles {
	
}
	.articles .half {
		
	}
	.articles .first {
		clear: both;
	}
		.articles .half .image {
			float: left;
			width: 120px;
			height: 120px;
		}
		.press .half .image {
			border: 3px solid #E1E1E1;
			height: 100px;
		}
		.press .half .no-image {
			border: none;
			background: url(/images/detail-comments.jpg) 50% 50% no-repeat;
		}
		.articles img.no-image {
			margin-top: 15px;
		}
		.articles .half .description {
			float: right;
			width: 312px;
			padding: 20px 20px 0 0;
		}
		.press .half .description {
			padding: 0 20px 0 0;
		}
		.articles .half .description blockquote {
			color: #565656;
			margin-bottom: 1em;
			line-height: 1.4615
		}
		.articles .half .description p {
			color: #4C1E63;
		}
		.articles .half .description a {
			color: #4C1E63;
		}
	.articles .simple-pagination {
		
	}
		.articles .simple-pagination .next a {
			padding: 0 20px 0 0;
			text-indent: 0;
			color: #999999;
		}
		.articles .simple-pagination .prev a {
			padding: 0 0 0 20px;
			text-indent: 0;
			color: #999999;
		}

.faqs {
	border-bottom: 1px solid #D5D5D5;
	padding-bottom: 20px;
	margin-bottom: -10px;
}
	.faqs img {
		margin-bottom: 0.75em;
	}
	.faqs .half h1 {
		text-transform: none;
		margin-bottom: 0;
	}
	.faqs .half h3 {
		padding-top: 1em;
		margin-top: 0;
		font-size: 1.333em;
		text-transform: none;
	}
	
	.faqs .half h3 a {
		color: #4C1E63;
		text-decoration: none;
		cursor: text
	}
	
	.faqs .delivery-lookup {
		margin-left: 0;
	}

.checkout {
	
}
	.checkout div.error {
		font-size: 1.5em;
		border: 2px solid red;
		color: red;
		padding: 10px;
		margin-bottom: 10px;
		font-weight: bold;
	}
	.checkout .leftcol {
		border: 1px solid #e2e2e2;
		float: left;
		width: 730px;
		padding: 20px;
	}
		.checkout .leftcol .full {
			width: 730px;
		}
	.checkout fieldset {
		background-color: #ffffff;
		padding: 0;
		margin-bottom: 30px;
		border: none;
	}
		.checkout form h3 {
			padding: 0;
			margin-bottom: 15px;
			border: none;
		}
		.checkout form div.field {
			padding: 0;
		}
			.checkout form div.field label {
				margin: 0 0 5px;
				padding: 0 0 0 1px;
				text-align: left;
			}
			.checkout form div.field p.error {
				margin: 0;
				padding: 0px 0 0 5px;
				text-align: left;
			}
			.checkout form fieldset div.field {
				float: left;
				width: 220px;
				margin: 0 25px 15px 0;
				clear: none;
			}
				.checkout form fieldset div.field .input {
					margin-right: 0;
					width: 206px;
				}
				.checkout form fieldset div.field select.input {
					width: 220px;
				}
				.checkout #customer_phone_wrap,
				.checkout #customer_email_wrap,
				.checkout #customer_firstname_wrap {
					clear: both;
				}
					.checkout #customer_title_wrap select {
						width: 100px;
					}
					.checkout #customer_title_wrap label {
						float: none;
						display: block;
					}
				#order_address_lookup,
				#order_delivery_address_lookup {
					width: 720px;
					position: relative;
				}
					#order_address_lookup label,
					#order_delivery_address_lookup label {
						float: none;
						display: block;
/*						width: 80px;*/
					}
					#order_address_lookup input,
					#order_delivery_address_lookup input {
/*						float: left;*/
						clear: left;
/*						display: inline-block;*/
						vertical-align: middle;
					}
					#order_address_lookup span#loading,
					#order_delivery_address_lookup span#loading {
						display: inline-block;
						vertical-align: middle;
						margin: 0px 10px 0 10px;
					}
					#order_address_lookup .address-error,
					#order_delivery_address_lookup .address-error {
						position: absolute;
						width: 730px;
					}
					#order_address_lookup .address-error p ,
					#order_delivery_address_lookup .address-error p {
						padding: 0;
					}
					.checkout .dropdown {
						position:absolute;
						z-index: 200;
						background: #FFFFFF;
						padding: 2px;
						border: 1px solid black;
						display: none;
						top:24px;
						left:80px;
						zoom: 1;
					}
					.checkout .dropdown .lookup-inner {
						zoom: 1;
					}
					.checkout .dropdown iframe {
						/*border: 4px solid red;*/
					}
					.checkout .dropdown .dropline {
						zoom: 1;
					}
					.checkout .dropdown .dropline a {
						display: block;
						padding: 6px 8px;
						zoom: 1;
					}
					.checkout .dropdown .dropline a:hover {
						background-color: #50423A;
						color: #ffffff;
						text-decoration: none;
					}
				
				.js .checkout #order_address,
				.checkout #order_address_summary,
				.checkout #order_address_lookup,
				.checkout #order_delivery_address_lookup,
				.checkout #order_delivery_address {
					display: none;
				}
					.js .checkout #order_address_lookup,
					.js .checkout #delivery_address_lookup {
						display: block;
					}
					.checkout #order_delivery_address,
					.checkout #order_delivery_address_lookup {
						margin-bottom: 20px;
					}
					.checkout #order_address_summary_text,
					.checkout #order_delivery_address_summary_text {
						float: left;
						margin-right: 15px;
					}
					.checkout #address_change,
					.checkout #delivery_address_change {
						float: left;
						margin-top: -13px;
					}
				.checkout #order_address_postcode,
				.checkout #order_delivery_address_postcode {
					width: 100px;
				}
				
				.checkout #order_address {
					
				}
					.checkout #order_delivery_address .field,
					.checkout #order_address .field {
						width: 440px;
						clear: left;
					}
						.checkout #order_delivery_address label, 
						.checkout #order_address label {
							width: 120px;
						}
						.checkout #order_delivery_address .field p.error, 
						.checkout #order_address .field p.error {
							width: 430px;
							padding: 0;
							text-align: right;
						}
						.checkout #order_delivery_address .field .input,
						.checkout #order_address .field .input {
							width: 300px;
						}
						.checkout #delivery_address .order_delivery_address_actions,
						.checkout #order_address .order_address_actions {
							clear: both;
						}
				
				.checkout #card {
					width: 500px;
				}
					.checkout #card label {
						width: 500px;
					}
					.js .checkout #card #payment_name_wrap {
						display: none;
					}
					.checkout #card #payment_start_wrap {
						clear: both;
					}
						.checkout #card #payment_start_wrap .input, 
						.checkout #card #payment_expiry_wrap .input {
							width: 60px;
							margin-right: 10px;
						}
					.checkout #card #payment_expiry_wrap {
						clear: both;
					}
					.checkout #payment_number {
/*						width: 250px;*/
					}
					.checkout #payment_cv2 {
						width: 50px;
					}
					.js #payment_start_wrap,
					.js #payment_issue_wrap {
						display: none;
					}
				.checkout #order_delivery_address_summary {
					margin-bottom: 20px;
				}
				.checkout #order_instructions_wrap {
					display: block;
					width: auto;
				}
					.checkout #order_instructions_wrap label {
						width: auto;
						float: none;
						display: block;
					}
					.checkout #order_instructions_wrap .input {
						clear: both;
						width: 451px;
					}
				.checkout img.confirmed-image {
					vertical-align: middle;
					margin-left: 10px;
				}
				.checkout .checkout-footer {
					margin-bottom: 30px;
				}
					.checkout .checkout-footer p {
						float: left;
/*						line-height: 25px;*/
						padding: 7px 0;
						margin: 0;
					}
					.checkout .checkout-footer button {
						float: right;
						margin: -5px 0;
					}
	.checkout .rightcol {
		float: right;
		width: 185px;
		padding-top: 0px;
	}
		.checkout .rightcol h3 {
			background: url(/images/checkout-lock.gif) 0 50% no-repeat;
			padding-left: 22px;
			font-size: 1.5em;
		}
		.checkout .rightcol h4 {
			font-size: 1.333em;
		}
		.checkout .rightcol #tel {
			margin: 0 0 40px;
			float: none;
			display: block;
			line-height: 1;
		}
		.checkout .rightcol img {
			margin: 0 0 40px;

		}
	.checkout h3 .subtext {
		padding-left: 5px;
		font-size: 0.65em;
	}
	.checkout #skip-payment {
		background-color: #FFCB37;
		padding: 10px 15px;
		margin: 30px 0;
		width: 450px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
		.checkout #skip-payment label {
			font-weight: normal;
			margin: 0;
		}
		.checkout #skip-payment input {
			margin-left: 0;
		}

/* ============ */
/* = Swatches = */
/* ============ */
.swatches {
	border-bottom: 1px solid #D5D5D5;
	padding-bottom: 20px;
	margin-bottom: -10px;
}
	.swatches .leftcol {
		width: 560px;
		float: left;
		display: inline;
	}
		.swatches .leftcol .grid {
			background: transparent url(/images/swatches-bg.gif) repeat 0 0;
			height: auto !important;
			height: 560px;
			min-height: 560px;
		}
		.swatches .leftcol .swatch {
			margin: 0 0 35px 35px;
		}
	.swatches .filter {
		position: relative;
		z-index: 40;
/*		background: blue;*/
		margin-bottom: 20px;
	}
		.swatches .filter .dropdown {
			display: inline-block;
			position: relative;
			z-index: 600;
			margin: 0 0 -1px 10px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			background: #ffffff url(/images/select-down.gif) 95% 50% no-repeat;
			border: 1px solid #CFCFCF;
			-webkit-border-bottom-right-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			-moz-border-radius-bottomright: 3px;
			-moz-border-radius-bottomleft: 3px;
			width: 200px;
			padding: 6px;
			font-weight: normal;
			text-decoration: none;
			color: #000000;
			cursor: pointer;
		}
		.swatches .filter .active {
			-moz-border-radius-bottomright: 0px;
			-moz-border-radius-bottomleft: 0px;
			-webkit-border-bottom-right-radius: 0px;
			-webkit-border-bottom-left-radius: 0px;
			border-bottom-color: #FFF;
		}
	.swatches .filter:hover .filters {
		display: block;
	}
	.js .swatches .filter:hover .filters {
		display: none;
	}
	.swatches .filters {
		display: none;
		z-index: 45;
		width: 533px;
		padding: 25px 40px 15px 25px;
		border: 1px solid #CFCFCF;
		position: absolute;
		left: 0;
		top: 100%;
		background: #FFF;
	}
	#ie6 .swatches .filters {
		top: 2em;
	}
		.swatches .filters a {
			float: left;
			display: inline;
			margin: 0 0 10px 25px;
			width: 80px;
			height: 110px;
			position: relative;
		}
		#ie6 .swatches .filters a {
			overflow: hidden;
		}
		.swatches .filters #close {
			display: none;
			position: absolute;
			margin: 0;
			right: 10px;
			bottom: 10px;
			width: 36px;
			height: 36px;
			background: transparent url(/images/modal-clos.gif) no-repeat 0 0;
			text-indent: -1000em;
		}
		.js .swatches .filters #close {
			display: block;
		}
		.swatches .filters a:hover {
			text-decoration: none;
		}
			.swatches .filters a img {
				margin-bottom: 5px;
			}
			.swatches .filters a strong {
				display: block;
				text-align: center;
				font-weight: normal;
				color: #333;
			}
			.swatches .filters a.active strong {
				color: #F7AF00;
			}
			.swatches .filters a .overlay {
				position: absolute;
				display: block;
				visibility: hidden;
				top: -3px; left: -3px;
				background: url(/images/swatch_filters-overlay.gif) 0 0 no-repeat;
				width: 86px;
				height: 86px;
				cursor: pointer;
			}
			.swatches .filters a:hover .overlay {
				visibility: visible;
			}
			.swatches .filters a.active .overlay {
				visibility: visible;
				background-position: 100% 0;
			}
	.swatches .rightcol {
		float: right;
		display: inline;
		width: 370px;
		background: transparent url(/images/envelope-bg.gif) no-repeat 50% 10px;
		margin-top: 30px;
	}
		.swatches .rightcol .envelope {
			padding: 30px 50px 0px;
			width: 270px;
			height: auto !important;
			height: 365px;
			min-height: 365px;
			margin-bottom: 20px;
		}
			.swatches .rightcol .swatch-holder {
				float: left;
				display: inline;
				overflow: hidden;
				width: 105px;
				height: 105px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-top-right-radius: 2px;
				-webkit-border-top-left-radius: 2px;
				-moz-border-radius-topright: 2px;
				-moz-border-radius-topleft: 2px;
				border-top: 1px solid #eeeeee;
				border-left: 1px solid #e1e1e1;
				border-right: 1px solid #e1e1e1;
				border-bottom: none;
				padding: 10px 10px 13px;
				background: #FFF url(/images/form-footer-bg.gif) 0 100% repeat-x;
				margin: 0 0 5px 5px;
			}
				.swatches .rightcol .swatch-holder .swatch {
					margin: 0;
				}
			.swatches .rightcol h2 {
				text-align: center;
				width: 200px;
				font-size: 1.5em;
				line-height: 1.333;
				margin: 0 auto 20px;
			}
			.swatches .rightcol form {
				margin-bottom: 20px;
			}
			.swatches .rightcol button {
				float: right;
			}
		.swatches .swatch {
			position: relative;
			height: 105px;
			width: 105px;
			margin: 0;
			padding: 0;
			float: left;
			display: inline;
			cursor: pointer;
			overflow: hidden;
		}
			.swatches .swatch h3 {
				position: absolute;
				width: 90px;
				top: 10px;
				left: 15px;
				color: #FFF;
				font-size: 1.333em;
				font-family: "Gill Sans", Helvetica, sans-serif;
				font-weight: bold;
				text-transform: lowercase;
				padding: 0;
				margin: 0;
				background: none;
				border: none;
				text-shadow: #666 1px 1px 4px;
			}
			.swatches .swatch a {
				position: absolute;
				height: 28px;
				width: 28px;
				background: transparent url(/images/swatch-add.png) no-repeat 0 0;
				text-indent: -1000em;
				bottom: 0px;
				right: 0px;
				margin: 0;
			}
			.rightcol .swatch a {
				background-image: url(/images/swatch-remove.png);
/*				bottom: 10px;*/
/*				right: 10px;*/
			}
		.swatches .leftcol div.added a {
			background-image: url(/images/swatch-remove.png);
		}
		
		.swatches .leftcol div.disabled {
			display: none;
		}
		.swatches .disabled div.swatch {
			opacity: 0.4;
			filter: alpha(opacity = 40);
		}
			.swatches .disabled a.add {
				display: none;
			}
	.swatches .callout {
		padding: 15px 15px 55px;
		border-top: 2px dashed #C1C1C1;
		background: transparent url(/images/bespoke-box.gif) no-repeat 0 100%;
		float: none;
		display: block;
		width: auto;
		margin: 0 0 20px 0;
		margin-top: 0 !important;
	}
		.swatches .callout .shadow {
			padding: 0;
			border: none;
			margin: 0;
			background: none;
		}
		.swatches .callout img {
			float: right;
			padding: 5px;
			background: #E2E2E2;
			margin-left: 5px;
		}
		.swatches .callout h3 {
			font-size:1.667em;
			margin-bottom: 10px;
			text-transform: lowercase;
		}
			.swatches .callout h3 a {
				line-height:1.2;
			}
		.swatches .callout p {
			margin-bottom: 0.3em;
		}
		.swatches .callout a {
			display: block;
		}
	
.swatchorder {
	padding-bottom: 20px;
	width: 470px;
	padding: 0 20px 20px;
	float: left;
}
	.swatchorder fieldset {
		padding: 0;
		margin: 0;
	}
		.swatchorder form {
			padding-top: 15px;
		}
		.swatchorder form fieldset div.field {
			margin: 0 0 10px;
			width: 50%;
		}
			.swatchorder form fieldset div.field .input {
				width: 215px;
			}
			.swatchorder fieldset div.field p.error {
				display: none;
			}
		.swatchorder #order_firstname_wrap {
			clear: both;
		}
		.swatchorder #order_optin_wrap {
			width: 100%;
		}


/* ============== */
/* = Pagination = */
/* ============== */
.simple-pagination {
	clear: both;
	margin-top: 30px;
}
	.simple-pagination .description {
		color: #666666;
		font-family: Georgia, serif;
		font-size: 1.0833em;
		font-weight: bold;
		text-align: center;
		margin: 0 80px;
	}
	.simple-pagination .next {
		float: right;
		display: inline;
	}
	.simple-pagination .prev {
		float: left;
		display: inline;
	}
		.simple-pagination .next a,
		.simple-pagination .prev a {
			display: block;
			background: transparent url(/images/arrows.gif) no-repeat 0 -90px;
			padding: 0 0 0 20px;
			text-indent: -2000em;
			font-weight: normal;
		}
			.simple-pagination .next a {
				background: transparent url(/images/arrows.gif) no-repeat 100% -30px;
			}
				.simple-pagination .next a:hover {
					background: transparent url(/images/arrows.gif) no-repeat 100% 0px;
					text-decoration: none;
					color: #4C1E63;
				}
			.simple-pagination .prev a {
				background: transparent url(/images/arrows.gif) no-repeat 0 -90px;
			}
				.simple-pagination .prev a:hover {
					background: transparent url(/images/arrows.gif) no-repeat 0 -60px;
					text-decoration: none;
					color: #4C1E63;
				}
/* ================= */
/* = Content Pages = */
/* ================= */
.content .half .richtext {
	margin-right: 15px;
}
	
/* =============== */
/* = Scrollables = */
/* =============== */
.scroller {
	text-align: center;
}
.scrollable {
	position: relative;
	overflow: hidden;
	height: 95px;
	margin-bottom: 15px;
}
	.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 {
		display: inline;
	}
	.scroller .prev,
	.scroller .next {
		background: transparent url(/images/arrows.gif) no-repeat 0 -90px;
		float: left;
		padding: 0 0 0 20px;
		text-indent: -2000em;
		font-weight: normal;
	}
	.scroller .prev:hover,
	.scroller .next:hover {
		text-decoration: none;
/*		text-indent: 0;*/
	}
	.scroller .disabled {
		background-position: -1000em 0;
	}
	.scroller .prev:hover {
		background-position: 0 -60px;
	}
	#ie6 .scroller .prev,
	#ie6 .scroller .next {
		vertical-align: top;
	}
	.scroller .next {
		background-position: 100% -30px;
		float: right;
		padding: 0 20px 0 0;
		
	}
	.scroller .next:hover {
		background-position: 100% 0px;
	}
.thumbs .scrollable {
	width: 484px;
}
	.thumbs .next {
		margin-right: 17px;
		text-indent: 0;
		color: #4C1E63;
		background-position: 100% 0;
	}
	.thumbs .prev {
		margin-left: 2px;
		text-indent: 0;
		color: #4C1E63;
		background-position: 0 -60px;
	}
		.thumbs .prev:hover,
		.thumbs .next:hover {
			text-decoration: underline;
		}
	.js .thumbs .disabled,
	.thumbs .disabled,
	.thumbs .disabled:hover {
		display: none;
	}
	.thumbs .caption {
		margin: 0 100px 0 80px;
		text-align: center;
		font-size: 1.0833em;
		color: #666666;
		position: relative; /*IE6 case descenders*/
	}

.delivery-lookup {
	height: 270px;
	width: 316px;
	margin: 0px auto;
}
	.delivery-lookup .result {
		text-align: center;
		background-color: #ffffff;
	}
	.delivery-lookup form input {
		font-size: 1.0833em;
		padding: 5px;
	}
		.delivery-lookup form .field {
			padding-left: 0;
			margin: 0;
		}
			.delivery-lookup form .field .input {
				vertical-align: middle;
				margin: 0;
				width: 145px;
			}
		.delivery-lookup form .button-grey {
			margin-left: 10px;
			vertical-align: middle;
			width: 145px;
		}
			.delivery-lookup form .button-grey span {
				text-align: center;
				padding-left: 0;
				padding-right: 0;
			}

.site-map {
	
}
	.site-map a {
		color: #4C1E63;
	}


/* ==================== */
/* = Two-column forms = */
/* ==================== */
form.two-column {
}
	form.two-column .field {
		padding: 0;
		float: left;
		width: 240px;
		margin: 0 0 10px 0;
		clear: none;
	}
		form.two-column .field label {
			margin: 0;
			display: block;
			float: none;
			text-align: left;
		}
		form.two-column .field input.input {
			margin: 0;
			width: 200px;
		}
	form.two-column div.check_box {
		width: 482px;
		clear: both;
	}
		form.two-column div.check_box label {
			line-height: 1.2em;
		}
		form.two-column input.check_box {
			float: left;
			margin-top: 0;
		}

.competition {
	
}
	.competition .competition-logo {
		border: 1px solid #EBEBEB;
	}
	.competition h1 {
		line-height: 1.2em;
		margin-bottom: 1.2em;
	}
	.competition form {
		margin-top: 20px;
	}
		.competition #entrant_optin_wrap {
			margin-bottom: 0;
		}
		.competition #entrant_firstname_wrap,
		.competition #entrant_email_wrap,
		.competition #entrant_line_1_wrap,
		.competition #entrant_town_wrap,
		.competition #entrant_postcode_wrap {
			clear: both;
		}