/* ================================= */
/* = DUALIT Main Stylesheet by D3R = */
/* ================================= */

/* ====================== */
/* = Building The Frame = */
/* ====================== */
html {
	height: 100%;
	padding: 0;
}
body {
	font-size: 75%;
	font-family: arial, sans-serif;
	color: #424242;
	height: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 1px;
	background: #F5F5F5;
}
#outer-wrapper {
	height: 100%;
	background: transparent url(/images/body-bg.png) repeat-x 0 0;
}
	#frame {
		position: relative;
		padding: 0;
		width: 986px;
		margin: 0 auto;
	}
		#header {
			background: transparent url(/images/frame-top.png) no-repeat 50% 100%;
			padding: 30px 3px 3px;
		}
		#centre {
			background: #FFF url(/images/frame-mid.gif) repeat-y 50% 0;
			padding: 7px 13px;
		}
			#centre-border {
				border: 1px solid #e8e8e8;
				padding: 1px;
			}
			#content {
				border: 1px solid #EDEDED;
				padding: 1px 1px 1px 1px;
			}
		#footer {
			padding: 3px 3px 30px;
			background: transparent url(/images/frame-end.png) no-repeat 50% 0%;
			min-height: 17px;
			height: auto !important;
			height: 1%; /*Trick IE6*/
			overflow: visible;
		}

/* =================== */
/* = Sitewide Layout = */
/* =================== */

/* HEADER styles */
#header .logo {
	margin: 0px 0 0 0;
	padding: 0;
	font-size: 2em;
	padding-bottom: 0.6725em;
}
	#header .logo a,
	#header .logo span {
		float: left;
		display: inline;
		width: 116px;
		height: 31px;
		background: transparent url(/images/logo.png) no-repeat 0 0;
		text-indent: -9999em;
	}
    #header .logo a:hover,
    #header .logo a:hover span {
        width: 228px;
    }
	#header .secure a,
	#header .secure span {
		width: 254px !important;
		background: transparent url(/images/logo-secure.png) no-repeat 0 0;
	}
	
#header #top_nav {
	float: right;
	display: inline;
	list-style: none;
	padding: 0;
	margin: 0;
/*	height: 1em;*/
	margin: -2.25em -15px 0 228px;
}
	#header #top_nav li {
		float: right;
		height: 1em;
		padding: 0 0 1.25em;
		margin: 0 5px;
	}
		#header #top_nav li a {
			font-family: "Gotham HTF", arial, sans-serif;
			display: block;
			font-weight: bold;
			text-transform: uppercase;
			padding: 3px 10px;
			color: #333;
			font-size: 0.9167em;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			
		}
		#header #top_nav li a:hover {
/*			background: #FFF;
			border: 1px solid #C5C5C5;
			padding: 2px 9px;*/
			color: #ff7e28;
		}

		#header #top_nav .active {
			background: transparent url(/images/top_nav-active.gif) no-repeat 50% 100%;
		}
			#header #top_nav .active a {
				color: #000;
			}
/* end HEADER styles */

/* FOOTER styles */
#footer {
}
	#footer #bottom_nav {
		position: relative;
		left: 50%;
		float: left;
		padding: 20px 0 15px;
		overflow: visible;
	}
		#footer ul {
			float: left;
			display: inline;
			list-style: none;
			padding: 0;
			position: relative;
			left: -50%;
		}
			#footer ul li {
				float: left;
				border-left: 1px solid #AAA;
				padding: 0;
				margin: 0 0 0;
				color: #AAA;
			}
				#footer ul .first {
					border-left: none;
					padding: 0 10px;
				}
				#footer ul li a {
/*					font-size: 0.9166em;*/
					padding: 0 10px;
					color: #888;
				}
				#footer ul li a:hover {
					color: #333;
				}
				#footer ul .active a {
					color: #222;
				}
/* end FOOTER styles */

/* ================== */
/* = Utility Styles = */
/* ================== */
.left {
	float: left;
	display: inline;
}
.right {
	float: right;
	display: inline;
}

/* HEADINGS */
h1,
h2 {
	font-weight: normal;
	font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
	line-height: 1.346em;
	font-size: 2.166em;
	margin-bottom: 0.7em;
}
h3 {
	font-size: 1.1667em;
	margin-bottom: 1em;
	font-weight: bold;
	color: #2D2D2D;
}
h4 {
	font-weight: bold;
	margin-bottom: 0.25em;
	color: #2D2D2D;
}
h4,h5,h6 {
    font-size: 1em;
}
h3 a:hover,
h4 a:hover {
	color: #FF7E28;
}
/* end HEADINGS */
/* BAR titles */
.bar {
	background: #F8F8F8 url(/images/title_bar.gif) repeat-x 0 100%;
	padding: 12px 18px 14px;
	margin-bottom: 1px;
}
.black .bar {
	background: #000;
}
	.bar h1,
	.bar h2 {
		float: left;
		font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
		margin: 0;
		font-weight: normal;
		font-size: 2em;
		line-height: 1;
		text-transform: uppercase;
		font-weight: 200;
	}
	.black .bar h1,
	.black .bar h2 {
		color: #FFF;
		font-weight: normal;
	}
	.bar a {
		text-transform: uppercase;
		float: left;
		font-weight: bold;
/*		line-height: 2.4;*/
		line-height: 1;
		font-size: 0.8333em;
		margin-left: 15px;
		padding: 0.7em 0px 0.7em 10px;
		background: transparent url(/images/up_arrow.gif) no-repeat 0 50%;
	}
		.bar a:hover {
			text-decoration: underline;
		}

h3.bar {
	font-family: Helvetica, arial, sans-serif;
	margin: 0;
	background: #FFF url(/images/title_bar-small.gif) repeat-x 0 100%;
	font-weight: bold;
	font-size: 0.8333em;
	line-height: 1em;
	text-transform: uppercase;
	padding: 5px;
	border: 1px solid #EDEDED;
	margin-bottom: 1px;
}
a.bar-button {
	float: right;
	margin: 5px 0 0;
}
/* end BAR titles */

/* BAR buttons */
.bar-buttons {
	margin-top: -45px;
	padding-right: 5px;
	float: right;
}
/* */

/* TABS */
.inactive-tabs .infobar .tabs {
	padding-bottom: 1px;
}
.infobar {
	background: #F5F5F5;
	border-bottom: 1px solid #CBCBCB;
}
.tabs {
	float: left;
	list-style: none;
	padding: 0;
/*	margin: 0 0 20px 0;*/
	margin: 0;
	padding: 7px 5px 0;
}
	.tabs li {
		float: left;
		display: inline;
		margin: 0 0 -1px 1px;
		padding: 0;
		background: transparent url(/images/tab-long.gif) no-repeat 0 0;
/*		border-bottom: 1px solid #CBCBCB;*/
	}
	.tabs li:hover {
		background-position: 0 -150px;
	}
	.tabs .active,
	.tabs .active:hover {
		background-position: 100% 0;
		border-bottom: none;
		position: relative;
	}
		.tabs li a {
/*			font-size: 0.9167em;*/
			float: left;
			font-weight: bold;
			background: transparent url(/images/tab-short.gif) no-repeat 100% 0;
			padding: 10px 16px 10px 16px;
		}
		.tabs li a:hover {
			background-position: 100% -150px;
		}
		.tabs .active a,
		.tabs .active a:hover {
			cursor: default;
			background-position: 0 0;
			padding-bottom: 11px;
		}
		.tabs .active a:hover {
			text-decoration: none;
		}
		/* dropdowns */
	.tabs .dropdown {
		position: relative;
		z-index: 900;
		background: none;
	}
		.tabs .dropdown a {
			position: relative;
			background: transparent url(/images/dropdown-arrow.gif) no-repeat 100% 50%;
		}
		.tabs .dropdown a:hover {
			color: #FF7E28;
		}
		.tabs li ul {
			display: none;
			position: absolute;
			z-index: 999;
			width: 150px;
			padding: 5px 10px;
			border: 1px solid #000;
			top: 80%;
			left: 16px;
/*			border: none;*/
			background: #FFF;
			-webkit-box-shadow: 5px 5px 7px RGBA(0,0,0,0.2);
			-moz-box-shadow: 5px 5px 7px RGBA(0,0,0,0.2);
		}
			.tabs li ul li {
				float: none;
				border: none;
				background: none;
				display: block;
                zoom: 1;
			}
				.tabs .dropdown ul li a {
					padding: 0;
/*					font-weight: normal;*/
					font-size: 0.8333em;
					display: block;
					background: none;
					float: none;
					border: none;
					background: none;
					padding: 5px 0;
				}
				.tabs li ul li a:hover {
					text-decoration: none;
					color: #ff7e28;
				}
					.tabs li ul li img {
						margin-right: 5px;
						vertical-align: middle;
					}
	.tabextra {
		float: right;
		display: inline;
		background: none;
		padding: 7px 5px 0;
	}
		.tabextra .price {
			display: block;
			font-size: 1.5em;
			font-weight: bold;
			padding-top: 3px;
		}
			.tabextra .price span.was {
				text-decoration: line-through;
				color: #999999;
				font-weight: normal;
			}
		.tabextra a.logout {
			display: inline-block;
			background: url(/images/trade-logout.gif) 0 100% no-repeat;
			width: 129px;
			height: 24px;
			text-indent: -1000em;
		}
			.tabextra a.logout:active {
				padding-top: 1px;
			}
		.tabextra .my-account {
			font-weight: bold;
			display: block;
			padding-top: 6px;
		}
			.tabextra a.my-account:hover {
				color: #FF7E28;
			}
		.tabextra .strike {
			text-align: right;
			display: block;
			width: 320px;
			overflow: hidden;
/*			line-height: 1.2;*/
			margin-top: 4px;
			color: #ff7e28;
			font-size: 1.25em;
			font-weight: bold;
		}
			.tabextra .strike strong {
				
			}
/* end Tabs */

a {
	text-decoration: none;
	color: #2D2D2D;
}
.more {
	color: #FF7E28;
	background: transparent url(/images/link_arrow-grey.gif) no-repeat 100% 50%;
	padding-right: 12px;
	margin-right: 2px;
	font-weight: bold;
	line-height: 1.6;
}
	.more:hover {
		text-decoration: underline;
		background-image: url(/images/link_arrow-darkgrey.gif);
	}
hr {
	clear: both;
	height: 0;
	border: 0;
	outline: 0;
/*	border: 1px solid #EDEDED;*/
	border: 1px solid #E8E8E8;
	border-width: 0 0 1px 0;
	margin: 0 20px 20px;
}
	hr.double {
		border-width: 1px 0;
		padding: 1px 0 0 0;
		background: #FFF;
	}
	.clear {
/*		border: none;*/
/*		margin: 0;*/
		clear: both;
		height: 0;
		overflow: hidden;
		display: block;
		visibility: hidden;
	}
.panel {
	padding: 20px;
}
	.panel hr {
		margin: 0 0 20px 0;
	}
/* end TABS */

/* LISTS */
ul.orange,
.orange ul {
	list-style: none;
	padding: 5px 0;
	margin: 0 0 0.5em 0;
}
	ul.orange li,
	.orange ul li {
		font-size: 0.9167em;
		background: transparent url(/images/orange-arrow.gif) no-repeat 0 0.75em;
		padding-left: 13px;
		padding: 0.2em 0 0.2em 13px;
		line-height: 1.6;
		margin: 0;
	}
	
.linkcol {
	list-style: none;
	padding: 5px 0 5px 10px;
	margin: 0 0 20px 0;
}
	.linkcol li {
/*		font-size: 0.9167em;*/
		padding-left: 13px;
		padding: 0.2em 0 0.2em 13px;
		line-height: 1.6;
		margin: 0;
	}
		.linkcol li a {
			color: #ff7e28;
			font-weight: bold;
			background: transparent url(/images/link_arrow-grey.gif) no-repeat 0 50%;
			padding-left: 13px;
			margin-left: -13px;
		}
		.linkcol li a:hover {
			text-decoration: underline;
		}
		.linkcol li a.dull {
			color: #2D2D2D;
			background: none;
		}
		.linkcol li p {
			padding-top: 5px;
			line-height: 1.4;
		}
/* end LISTS */

/* COLUMNS */
.columns {
	margin-left: -20px;
}
.columns .col {
	float: left;
	display: inline;
	margin: 0px 0px 0 20px;
	padding: 0;
	min-height: 1px;
	height: auto !important;
	height: 1px;
}
.columns .first {
	clear: both;
}

.leftcol {
	width: 438px;
	float: left;
	display: inline;
	padding-right: 20px;
	margin-right: -20px;
	border-right: 1px solid #e8e8e8;
}

.rightcol {
	width: 438px;
	float: right;
	display: inline;
	padding-left: 19px;
	margin-left: -20px;
	border-left: 1px solid #e8e8e8;
}
	.black .leftcol,
	.double .leftcol {
		padding-right: 19px;
		border-style: double;
		border-width: 0 3px 0 0;
	}
	.black .rightcol,
	.double .rightcol {
		border-style: double;
		border-width: 0 0 0px 3px;
		padding-left: 18px;
	}

.two .col,
.halfcol {
	width: 448px;
}
.three .col,
.thirdcol {
	width: 292px;
}
.four .col,
.quartercol {
	width: 214px;
}
/*.halfcol {
	width: 438px;
}*/
.threequartercol {
	width: 662px;
}
.twothirdcol {
	width: 584px;
}
	.twothirdcol form.twocol .field {
		float: left;
		width: 240px;
		padding: 0;
		margin: 10px 10px 10px 0;
		clear: none;
	}
		.twothirdcol form.twocol .field input.input,
		.twothirdcol form.twocol .field select,
		.twothirdcol form.twocol .field textarea {
			width: 220px;
		}
		.twothirdcol form.twocol .field p.error {
			margin-right: 10px;
		}
.columns .full {
	width: 916px;
	clear: both;
}
.columns hr {
	margin-left: 20px;
}

/* GRID a la categories page */
.grid {
	margin-top: -20px;
}
	.grid .col {
		margin-top: 20px;
	
	}
		.grid .col a.image {
			position: relative;
			display: block;
			height: 150px;
		}
			.grid .col img {
				display: block;
			}
			.grid .col a .roll {
				position: absolute;
				top: 0;
				left: 0;
				width: 194px;
				height: 140px;
				display: none;
				opacity: 0.1;
				filter: alpha(opacity=10);
				border: 10px solid #000;
				border-bottom: none;
			}
			.grid .col:hover a .roll {
				display: block;
			}
		.grid .col h3 {
			font-size: 1em;
			margin-bottom: 0;
			/*font-weight: normal;*/
		}
			.grid .col h3 a {
				display: block;
				color: #FFF;
				padding: 0.5em 20px 0.5em 10px;
				background:  #000 url(/images/grid_link-bg.gif) no-repeat 95% 50%;
			}
			.grid .col:hover h3 a {
				background-image: url(/images/link_arrow-grey.gif);
			}


/* end GRID */
/* end COLUMNS */

/* BUTTONS */
button,
.button {
	font-size: 0.8333em;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	overflow: auto;
	outline: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: hand;
	cursor: pointer;
/*	position: relative;*/
	overflow: visible;
}
button {
	width: auto;
	white-space: nowrap;
	vertical-align: top;
}
.button {
	display:-moz-inline-box; /*Firefox2*/
	display: inline-block;
}
button::-moz-focus-inner{padding:0;border:none;} /* FF Fix */
button:active,
.button:active {
/*	top: 1px;*/
	opacity: 0.8;
	filter: alpha(opacity = 80);
}
button:hover span,
.button:hover {
/*	text-decoration: underline;*/
}
	button span,
	.button span {
		display: block;
		position: relative;
		padding: 0 0 0 5px;
		background: transparent url(images/button-nw.gif) no-repeat 0 0;
	}
		button span span,
		.button span span {
			padding: 5px 0 0 0;
			background-image: url(images/button-ne.gif);
			background-position: 100% 0;
		}
			button span span span,
			.button span span span {
				padding: 0 0 0 5px;
				margin: 0 0 0 -5px;
				background-image: url(images/button-sw.gif);
				background-position: 0 100%;
			}
				button span span span span,
				.button span span span span{
					margin: 0 0 0 0;
					padding: 2px 17px 10px 12px;
					background-image: url(images/button-se.gif);
					background-position: 100% 100%;
					text-align: center;
				}
	.grey-button span {
		background-image: url(images/button_grey-nw.gif);
	}
		.grey-button span span {
			background-image: url(images/button_grey-ne.gif);
		}
			.grey-button span span span {
				background-image: url(images/button_grey-sw.gif);
			}
				.grey-button span span span span {
					color: #000;
					background-image: url(images/button_grey-se.gif);
				}
				.grey-button:hover {

				}

	.black .bar-button {
		margin-top: 7px;
	}
	.grey-black-button {
		margin-top: 1px;
	}
	.grey-black-button span,
	.black .bar-buttons .grey-button span {
		background-image: url(images/button_grey_black-nw.gif);
	}
		.grey-black-button span span,
		.black .bar-buttons .grey-button span span {
			background-image: url(images/button_grey_black-ne.gif);
		}
			.grey-black-button span span span,
			.black .bar-buttons .grey-button span span span {
				background-image: url(images/button_grey_black-sw.gif);
			}
				.grey-black-button span span span span,
				.black .bar-buttons .grey-button span span span span {
					color: #000;
					background-image: url(images/button_grey_black-se.gif);
				}

	button.disabled {
		opacity: 0.6;
		position: static;
		filter: alpha(opacity = 60);
		cursor: auto;
	}
a.cancel-link {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 0.8333em;
	color: #555;
	margin-right: 15px;
}

a.cancel-link:hover {
	color: #ff7e28;
}
/* end BUTTONS */

/* CALLOUT boxes */
.callouts {
	padding: 19px 1px 20px;
	border-top: 1px solid #B3B3B3;
	height: 150px;
	background: transparent url(/images/callouts-bg.gif) repeat-x 0 0;
	margin: 0 -1px -1px;
	clear: both;
}
.callout {
	float: left;
	display: inline;
	background: transparent url(/images/callout.gif) no-repeat 0 0;
	width: 191px;
	height: 127px;
	margin: 0px 0 0 20px;
	padding: 11px 12px 12px 11px;
	position: relative;
}
.callouts .custom {
	background: none;
	padding: 0;
	width: 214px;
	height: 150px;
}
	.callouts. custom h4 {
		padding: 0;
		margin: 0;
	}
		.callouts .custom a {
			text-indent: -2000em;
			padding: 0;
			display: block;
			height: 150px;
			width: 214px;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-color: transparent;
		}
			.callouts .custom a:hover {
				background-position: 0 100%;
			}

	.callout h4 {
		color: #ff7e28;
		font-weight: bold;
		font-size: 0.8333em;
		text-transform: uppercase;
		position: relative;
		z-index: 100;
		margin-bottom: 0;
	}
		.callout h4 a {
			font-weight: bold;
			padding-right: 6px;
			background: url(/images/link_arrow-dark.gif) no-repeat 100% 50%;
		}
	.callout .image {
		display: block;
		position: absolute;
		bottom: 6px;
	}
	.callout img {
		display: block;
		margin: 0 auto;
	}
/* end CALLOUT boxes */

/* COLUMNS */
.lefthalf {
	float: left;
	clear: left;
	display: inline;
	width: 448px;
}
.righthalf {
	float: right;
	clear: right;
	display: inline;
	width: 448px;
}
	.depressed {
		width: 448px;
		padding-bottom: 4px;
		background: transparent url(/images/depressed_half-end.gif) no-repeat 0 100%;
	}
		.depressed .inner {
			background: transparent url(/images/depressed_half-top.gif) no-repeat 0 0;
			padding: 4px 4px 0px;
		}
.raised-bar {
	background: transparent url(/images/thumb-strip.gif) no-repeat 0 0;
	height: 55px;
	width: 408px;
	padding: 20px 20px 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
	.raised-bar h4,
	.raised-bar p {
	}
	.raised-bar button,
	.raised-bar .button {
		float: right;
	}
	.howtos .raised-bar .first {
		display: none;
	}
/* end COLUMNS */

/* GALLERY */
.gallery {
	margin-bottom: 20px;
	position: relative;
}
	.gallery .awards {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 50;
	}
		.gallery .awards img {
			margin: 0; padding: 0; float: none; clear: none;
		}
	.gallery .threesixty {
		cursor: move;
	}
		.gallery .threesixty .spin-controls {
			display: block;
			margin: 0 auto 0;
			position: relative;
			top: -30px;
			width: 44px;
			height: 16px;
		}
			.gallery .threesixty .spin-controls a {
				background: transparent url(/images/product-360.gif) no-repeat;
				width: 22px;
				height: 16px;
				float: left;
				text-indent: -1000em;
			}
				.gallery .threesixty .spin-controls a.cw {
					background-position: -22px 0;
				}
					.gallery .threesixty .spin-controls a.cw-active,
					.gallery .threesixty .spin-controls a.cw:hover {
						background-position: -22px -16px;
					}
				.gallery .threesixty .spin-controls a.ccw {
					background-position: 0 0;
				}
					.gallery .threesixty .spin-controls a.ccw-active,
					.gallery .threesixty .spin-controls a.ccw:hover {
						background-position: 0 -16px;
					}
	.js .gallery .image {
		display: none;
	}
	#content .gallery .first {
		display: block;
	}
.thumbs {
	background: transparent url(/images/thumb-strip.gif) no-repeat 0 0;
	height: 75px;
	width: 448px;
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	text-align: center;
	}
	.thumbs .image {
/*		float: left;*/
		display: inline-block;
		margin: 7px 0 8px 10px;
		padding: 0;
		width: 71px;
		height: 60px;
		background: transparent url(/images/thumb-box.gif) no-repeat 0 100%;
		text-align: center;
		cursor: hand;
		cursor: pointer;
	}
		.thumbs .image img {
			margin-top: 4px;
		}
	.thumbs .active {
		margin-top: 3px;
		padding-top: 4px;
	}
/* end GALLERY */

/* SWATCHES */
.swatches {
	padding: 0;
	margin: 0 0 20px 0;
}
	.swatches li {
		list-style: none;
		float: left;
		padding: 0;
		margin: 0 1px 0 0;
	}
		.swatches li a {
			display: block;
			height: 26px;
			width: 26px;
/*			cursor: hand;
			cursor: pointer;*/
		}
		.swatches .swatch {
			display: block;
			height: 26px;
			width: 26px;
			background-repeat: no-repeat;
			background-position: 50% 50%;
		}
		#ie6 .swatches .swatch,
		#ie7 .swatches .swatch {
			display: inline;
		} /* otherwise links are not clickable. sigh */
			.swatches .swatch img {
				display: block;
				opacity: 0;
				filter: alpha(opacity=0);
			}
			.swatches a:hover img {
				display: block;
				opacity: 0.4;
				filter: alpha(opacity=40);
				}
			.swatches .active .swatch img {
				display: block;
				opacity: 1;
				filter: alpha(opacity=100);
			}

	
/* end SWATCHES */
/* DROP SHADOW */
.dropshadow {
	background-color: #b2b2b2;
	display: inline-block;
	margin: 1px 0 0 1px;
	position: relative;
}
	.dropshadow .inner {
		background: #FFF;
		position: relative;
		margin: 0;
		padding: 0;
		top: -1px;
		left: -1px;
		display: inline-block;
		border: 1px solid #e5e5e5 !important; /* ie6 dont ask why */
	}
.dropshadow,
.dropshadow .inner {
	display: block;
}
a.dropshadow:hover {
	background-color: #999;
}
	a.dropshadow:hover .inner {
		border-color: #ccc !important; /* ie6 dont ask why */
	}
		.dropshadow .inner img,
		.dropshadow img.inner {
			vertical-align: bottom;
		}
/* end DROP SHADOW */

/* link styles */
a.next {
	background: url(/images/link_arrow-grey.gif) right no-repeat;
	padding: 0 10px 0 3px;
}
a.previous {
	background: url(/images/link_arrow-grey-back.gif) left no-repeat;
	padding: 0 3px 0 10px;
}
a.next:hover,
a.previous:hover {
	text-decoration: underline;
}
a.back {
	color: #f87c39;
	background: url(../images/link_arrow-grey-back.gif) left 50% no-repeat;
	padding-left: 12px;
	font-weight: bold;
}
	a.back:hover {
		text-decoration: underline;
	}

/* PAGINATION */
.pagination {
	clear: both;
	border-top: 1px solid #EDEDED;
	padding-top: 20px;
}
.black .pagination {
	border-top: 3px double #EDEDED;
}
	.pagination .inner {
		float: right;
	}
	.pagination .inner div {
		float: left;
/*		font-size: 0.8333em;*/
		padding: 0 6px;
		text-transform: uppercase;
	}
		.pagination .inner .prev {
			padding-left: 10px;
			background: transparent url(/images/link_arrow-grey-back.gif) no-repeat 0% 50%;
		}
		.pagination .inner .next {
			padding-right: 10px;
			background: transparent url(/images/link_arrow-grey.gif) no-repeat 100% 50%;
		}
		.pagination .inner .links span {
			font-weight: bold;
			text-decoration: underline;
		}
		.pagination a:hover {
			color: #ff7e28;
		}
/* end PAGINATION */

/* ================= */
/* = Produt Styles = */
/* ================= */
.buy {
	background: transparent url(/images/buy-strip.gif) no-repeat 0 0;
	height: 65px;
	width: 428px;
	padding: 10px 10px 0;
}
	.buy img {
		float: left;
		margin-right: 10px;
	}
	.buy p {
		margin: 0;
		line-height: 1em;
		margin: 5px;
	}
	.buy .price {
		float: right;
		color: #ff7e28;
		font-weight: bold;
		margin-right: 2px;
	}
		.buy .price span.was {
			text-decoration: line-through;
			color: #999999;
		}
		.buy .price span {
			color: #231817;
		}
	.buy button,
	.buy .button {
		float: right;
		clear: right;
	}
	
/* category listed products */

.columns .product {
	margin-bottom: 20px;
}
	.columns .product h3,
	h3.subitems {
		font-size: 1.6667em;
		margin-bottom: 0.8em;
	}
	p.subitems {
		margin-top: -2.769em;
		margin-right: 1px;
		font-size: 1.0833em;
		float: right;
		padding-top: 0.5em;
		font-weight: bold;
		margin-bottom: 0;
	}
	.columns .product button,
	.columns .product .button {
		float: right;
	}
	.columns .product .dropshadow {
		margin-bottom: 10px;
	}
/*		.columns .product .dropshadow .inner {
			border: 1px solid #EBEBEB;
		}
			.columns .product .dropshadow:hover .inner {
				border-color: #CCCCCC;
			}*/
	.columns .product h4 {
		font-size: 1.25em;
		font-weight: bold;
		margin-bottom: 5px;
	}
		.columns .product h4 a {
			line-height: 1.25em;
		}
	.columns .product .details {
	}
		.columns .product p {
			line-height: 1.4167em;
		}
		.columns .product .more {
			display: inline-block;
			padding-top: 7px;
			padding-bottom: 7px;
		}
		.columns .product .colours {
			background: transparent url(/images/range_details-bg.gif) repeat-x 0 0;
			padding: 10px 5px;
			height: 60px;
			overflow: hidden;
			margin-bottom: 10px;
		}
		.columns .product .swatches {
			height: 26px;
			margin-bottom: 7px;
			margin-left: -3px;
			position: relative;
		}
		.four .product .colours {
			height: 41px;
		}
			.columns .product .colours a {
				float: left;
				border: 1px solid #B2B2B2;
				border-width: 0 1px 1px 0;
				margin: 0 5px;
			}
				.columns .product .colours a img {
					border: 1px solid #E5E5E5;
					border-width: 0 1px 1px 0;
				}

/* TOASTER listing page */
.toasters {
	border-bottom: 1px solid #EDEDED;
}
	.toasters h2 {
		font-size: 2.5em;
	}
	.toaster-tabs {
		border: 1px solid #CBCBCB;
		margin: 0 -1px 30px;
		position: relative;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.toaster-tabs ul {
		-webkit-border-top-left-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topright: 5px;
	}
		.toaster-tabs ul li {
			background: #F5F5F5 url(/images/title_bar.gif) repeat-x scroll 0 100%;
			
			float: left;
			display: inline;
			margin: 0;
			padding: 10px 10px 10px 13px;
			width: 205px;
			border: 1px solid #CBCBCB;
			border-width: 0 1px 1px 0;
		}
		.toaster-tabs ul li:hover {
			background-position: 0 0;
		}
		.toaster-tabs ul .first {
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
		}
		.toaster-tabs ul .last {
			border-right: none;
			width: 206px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
		}
		.toaster-tabs ul .active {
			background: #FFF;
			border-bottom-color: #FFF;
		}
		.toaster-tabs ul li h3 {
			font-size: 1.75em;
			font-weight: normal;
			margin-bottom: 0.25em;
			cursor: pointer;
		}
			.toaster-tabs ul li h3 a:hover {
				color: #2D2D2D;
			}
		.toaster-tabs ul li p {
			font-weight: bold;
			font-size: 0.9167em;
		}
			.toaster-tabs ul li a {
				display: block;
				text-align: left;
				margin: 0;
			}
		.toaster-tabs ul .active a {
		}
	.toasters .range {
		height: auto !important;
		min-height: 200px;
		height: 200px;
		background-color: #ffffff;
	}
	.js .toasters .range {
		display: none;
	}
	.js .toasters .first {
		display: block;
	}
		.toasters .range .product {
			float: left;
			display: inline;
			text-align: center;
			width: 209px;
			padding: 10px;
		}

			.toasters .range .product .image {
				text-align: center;
				display: block;
				margin-bottom: 5px;
				position: relative;
				zoom: 1;
			}
				.toasters .range .product .image .badges .badge-award {
					display: none;
				}
				.toasters .range .first .image .badges .badge-award {
					display: inline;
				}
			.toasters .range .product h4 {
				text-align: center;
				margin-bottom: 0.5em;
			}
			.toasters .range .product .more {
				padding-left: 12px;
			}
			.toasters .range .product:hover .more {
				text-decoration: underline;
				background-image: url(/images/link_arrow-darkgrey.gif);
			}
		.toasters .range .richtext {
			padding: 20px 20px 0;
		}
	.toasters .halfcol h4 {
		font-size: 2em;
		line-height: 1.6em;
		margin-bottom: 0.5em;
		font-weight: normal;
		font-family: 'Gotham HTF', arial, sans-serif;
		
	}
	.toasters .accessories {

	}
		.toasters .accessories h3 {
			border-bottom: 1px solid #CBCBCB;
			padding-bottom: 6px;
			font-size: 1.6667em;
			font-weight: normal;
		}
		.toasters .accessories a {
			display: block;
			background-position: 100%;
			background-repeat: no-repeat;
			padding-top: 40px;
			height: 55px;
		}
		.toasters .accessories div:hover .more {
			text-decoration: underline;
/*			color: #2D2D2D;*/
			background-image: url(/images/link_arrow-darkgrey.gif);

		}
			.toasters .accessories a .price {
				display: block;
				font-weight: bold;
				margin-top: 5px;
			}
		.toasters .right-accessory a {
			display: block;
			background-position: 0 0;
			text-align: right;
			padding-top: 55px;
			height: 40px;
		}
			.toasters .right-accessory a .price{
				text-align: right;
			}

	.spares .extra-add {
		margin: -20px 0 20px;
	}
	.sparecols .col {
		width: 150px;
	}
	.spares .columns .dropshadow .inner {
		height: 234px;
		background: #F5F5F5;
		display: block;
		overflow: hidden;
	}
	.spares .sparecols .dropshadow .inner {
		height: 130px;
	}
	.spares .columns .product h3 {
		font-size: 1em;
		color: #ff7e28;
		margin-bottom: 0.3em;
	}
	.spares .columns .product p {
		font-size: 0.9167em;
	}
	.spares .grey {
		margin: 0;
		padding: 10px;
		margin-top: 5px;
		
	}
	.spares .price {
		float: left;
/*		font-weight: bold;*/
		padding: 4px 0;
	}
	.spares select {
		float: right;
	}
	.spares button {
		float: right;
	}
	
	#spares-error {
		color: red;
		font-size: 1.166em;
		float: right;
		line-height: 1.2em;
		background: transparent url(/core/images/shop_error.gif) no-repeat left 50%;
		padding: 10px 0 10px 30px;
		display: none;
	}
	
	#modal { 
	    background: transparent url(/images/spares_modal.png) no-repeat top left ; 
	    height: 436px; 
		width: 660px;
		display: none;
		position: fixed !important;
		position: relative;
	} 

	#modal-content { 
	    padding: 30px 35px; 
	}
	
		#modal-content img {
			float: left;
			margin-right: 20px;
		}
		
		#modal-content .modal-header {
			margin-bottom: 2em;
		}
			#modal-content .modal-header h2 {
				margin-bottom: 0;
			}
		
			#modal-content .modal-header p {
				font-size: 0.9166em;
			}
		
		#modal-content .container {
			
		}
		
		#modal-content div.richtext {
			overflow-y: auto; 
			height: 240px;
			background #CCC;
		}
		
		#modal-content .modal-actions {
			position: absolute;
			top: 370px;
			left: 490px;
		}

.tech-specs .right {
	float: right;
}

/* end PRODUCT styles */

/* ============ */
/* = Homepage = */
/* ============ */
#home {
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
}
	#home .splash {
		float: left;
/*		background: red;*/
		width: 644px;
		height: 480px;
		padding: 30px;
	}
	#home .splash h1,
	#home .splash h2,
	#home .splash h3 {
		text-indent: -2000em;
	}
	
#navi a {
		overflow: hidden;
		height: 6px;
		width: 6px;
		background: transparent url(/images/navi-bg.gif) no-repeat 0 -13px;
		cursor: hand;
		cursor: pointer;
/*		background: red;*/
	}
	#navi a.active{
		background-position: 0 0;
	}

#callouts_vertical {
	float: right;
	background: #45494D url(/images/home_callouts-bg.png) repeat-y 0 0;
	position: relative;
	overflow: hidden;
	width: 255px;
	border-left: 1px solid #858585;
	height: 540px;
}
	#callouts_vertical .panes {
		position: absolute;
		top: 0;
		left: 0;
		width: 9999em;
	}
	#callouts_vertical #navi {
		position: absolute;
		bottom: 7px;
		left: 0;
		width: 100%;
		height: 6px;
/*		overflow: hidden;*/
		text-align: center;
	}
		#callouts_vertical #navi a {
			overflow: hidden;
			display: inline-block;
			margin: 0 3px;
		}
		#callouts_vertical .home_callouts {
			float: left;
			display: inline;
		}
			#callouts_vertical .home_callouts .home_callout {

			}
#callouts_horizontal {
	background: #7E7E7E;
	border-top: 1px solid #E5E5E5;
	float: none;
	clear: both;
	position: relative;
	overflow: hidden;
	height: 150px;
}
	#callouts_horizontal .panes {
		position: absolute;
		top: 0;
		left: 0;
		height: 9999em;
	}
	#callouts_horizontal #navi {
		position: absolute;
		right: 7px;
		top: 50%;
		width: 6px;
	}
		#callouts_horizontal #navi a {
			margin-bottom: 7px;
			display: block;
		}

		#callouts_horizontal .home_callouts {

		}
			#callouts_horizontal .home_callouts .home_callout {
				float: left;
				display: inline;
				margin-right: 0;
			}
.home_callouts {
/*	width: 217px;*/
/*	padding: 0 19px 0px 18px;*/

}
	.home_callouts .home_callout {
		margin: 20px;
	}

.home_callout {
	width: 213px;
	height: 108px;
	border: 1px solid #444;
	position: relative;
}
	.home_callout:hover {
		border-color: #989898;
	}
	.home_callout .details {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #000 url(/images/callout-header.gif) repeat-x 0 0;
	}
		.home_callout h3 {
			font-size: 0.8333em;
			margin-bottom: 0.4em;
			padding: 0.7em 10px 0;
		}
			.home_callout h3 a {
				padding-right: 7px;
				display: inline-block;
				color: #FFF;
				text-transform: uppercase;
				background: transparent url(/images/link_arrow-white.gif) no-repeat 100% -10px;
			}
			.home_callout h3 a:hover {
				background-position: 100% 50%;
			}
		.home_callout h4 {
			font-size: 0.8333em;
			padding: 0 10px;
			margin-bottom: 0.7em;
			color: #FFF;
		}

/* end HOME styles */

/* =============== */
/* = News styles = */
/* =============== */

.news-item {
/*	width: 450px;*/
	display: inline;
	float: left;
	margin-bottom: 10px;
	border-bottom: 1px solid #e4e4e4;
}
	.news-item .content {
		padding: 17px 6px;
		border-bottom: 1px solid #e4e4e4;
		margin-bottom: 1px;
		min-height: 15em;
	}
	.news-item .image-wrapper {
		float: right;
		margin-left: 20px;
		display: inline;
		/*margin: ;*/
	}
	.news-item .date {
		display: block;
		background-color: #000000;
		color: #ffffff;
		padding: 6px 8px;
		font-size: 0.833em;
		text-transform: uppercase;
	}
		.news-item .date strong {
			font-weight: normal;
		}
	.news-item h2 {
		font-size: 1.75em;
		font-weight: normal;
		font-family: 'Gotham HTF', arial, sans-serif;
		line-height: 1.25em;
		margin: 0 0 8px 0;
	}
		.news-item h2 a {
			line-height: 1.25em;
		}
	.news-item p.summary {
		margin-bottom: 1.5em;
		line-height: 1.75em;
	}
	.news-item .more {
		display: block;
		clear: both;
		float: left;
		margin-top: -12px;
	}

.news-image {
	padding: 14px;
	background-color: #ffffff;
}

#recent-news {
	
}
	#recent-news h4 {
		background: url(/images/title-background-small.gif) left no-repeat;
		padding-left: 5px;
		margin-top: 60px;
	}
		#recent-news h4 span {
			background: url(/images/title-background-small.gif) right no-repeat;
			padding-right: 5px;
			display: block;
			font-size: 0.833em;
			line-height: 1.95em;
			text-transform: uppercase;
			font-weight: bold;
		}
.recent-news-item {
	margin: 2em 0;
}
	.recent-news-item .date {
		font-weight: normal;
		color: #676767;
	}
	.recent-news-item .title {
		font-weight: bold;
		color: #3b3b3b;
		margin-bottom: 0.4em;
	}

/* ================= */
/* = Content Pages = */
/* ================= */

#news {
/*	display: inline;
	float: left;
	width: 563px;
	padding: 0 20px 0px 0;
	margin: 0 0 20px 0px;
	border-right: 1px solid #e8e8e8;*/
}
	#news h3.date {
		margin-bottom: 18px;
		font-family: 'Gotham HTF', arial, sans-serif;
		font-size: 1.084em;
	}
	#news #nextprevious {
		margin-top: 20px;
		font-size: 0.833em;
		text-transform: uppercase;
	}
		#news #nextprevious a {
			color: #424242;
			font-weight: bold;
		}

.imagecol .dropshadow {
	margin-bottom: 20px;
}
	.imagecol .dropshadow .inner {
		padding: 10px;
	}
/* end CONTENT styles */

/* =============== */
/* = SHOP STYLES = */
/* =============== */
#verisign {
	position: absolute;
	top: 14px;
	right: 3px;
}
	#verisign a {
		display: block;
		height: 47px;
		width: 94px;
		background: transparent url(/images/verisign.gif) no-repeat 0 0;
		text-indent: -2000em;
	}
.verisign {
	float: left;
	padding-top: 20px;
}
	.verisign a.seal {
		float: left;
		height: 47px;
		width: 94px;
		background: transparent url(/images/verisign.gif) no-repeat 0 0;
		text-indent: -2000em;
		margin-bottom: 10px;
	}
	.verisign p,
	p.verisign {
		float: left;
		clear: left;
/*		margin-bottom: 10px;*/
		font-size: 0.9166em;
	}
		.verisign p a,
		p.verisign a {
			font-weight: bold;
		}
		.verisign p a:hover,
		p.verisign a:hover {
			color: #ff7e28;
			font-weight: bold;
		}
/* basket */
#basket {
	position: absolute;
	top: 10px;
	right: 3px;
	padding-left: 15px;
	background: transparent url(/images/basket.gif) no-repeat 0 50%;
	color: #333;
}

#delivery-offer {
	position: absolute;
	top: 10px;
	right: 150px;
	padding-left: 20px;
	background: transparent url(/images/StarsTrans.gif) no-repeat 0 43%;
	color: #C93E48;
}

.basket .free {
	color: #ff7e28;
}

.basket {
	width: 100%;
	border: 1px solid #EDEDED;
	border-width: 1px 0;
}
	.basket td,
	.basket th {
		text-align: left;
		padding: 10px 20px;
		vertical-align: middle;
	}
		.basket th.itemname {
			width: 110px;
		}
		.basket th.quantity {
			width: 145px;
		}
		.basket .readonly th.quantity {
			width: 20px;
		}
		.basket th.price {
			width: 70px;
		}
		.basket th.total {
			width: 70px;
		}
	.basket .number{
		text-align: right;
	}
		.basket .number p {
			text-align: right;
			margin-right: 40px;
		}
			.basket .number p.price {
				text-align: right;
				margin: 0 0 2px 0;
			}
			.basket .number p.add-on {
				text-align: right;
				margin: 0 0 2px 0;
				color: #F87C39;
			}
			.basket .number p.offer {
				color: #F87C39;
			}
	.basket .static-quantity p {
		text-align: left;
	}
	.basket td {
		border-bottom: 1px solid #EDEDED;
	}
	.basket th {
		font-size: 0.9167em;
		font-weight: bold;
		background: #F8F8F8 url(/images/table_head-bg.gif) repeat-x 0 0;
	}
	.basket tfoot td {
		border: none;
	}
	.basket .in-stock {
		color: #ff7e28;
		line-height: 1.6em;
		font-weight: bold;
		font-size: 0.9166em;
	}
	.basket input.qty {
		width: 35px;
	}
	.basket td.quantity {
/*		vertical-align: middle;*/
	}
		.basket td.quantity a {
			vertical-align: top;
		}
	.basket a.remove {
		display: inline-block;
		color: #ff7e28;
		text-decoration: underline;
		padding: 10px 0 0px 15px;
		background: transparent url(/images/bin.gif) no-repeat 0 100%;
	}
	
#basket-summary {

}
	#basket-summary .footer {
		padding: 20px;
		float: right;
		text-align: right;
	}
		#basket-summary .footer .back,
		#basket-summary .footer .button {
			float: right;
			display: inline;
			margin-left: 10px;
		}
		#basket-summary .footer .back {
			margin-top: 6px;
		}
		#basket-summary .cards {
			clear: both;
/*			display: block;*/
/*			text-align: right;*/
			margin-top: 40px;
			
			float: right;
		}
/* end basket */

/* Checkout styles */

#checkout .submission-error {
	background: transparent url(/core/images/shop_error.gif) no-repeat 13px 50%;
	border: 1px solid #FF4B4B;
	color: #FF4B4B;
	font-weight: bold;
	font-size: 1.25em;
	line-height: 1.2;
	padding: 20px 20px 20px 47px;
	margin-bottom: 20px;
}
#checkout fieldset {
	background-color: #f3f2f2;
	padding: 20px 20px 10px;
	margin-bottom: 20px;
}
	#checkout fieldset h5 {
		font-size: 0.9166em;
		font-weight: bold;
		margin-bottom: 15px;
		
	}
	#checkout .field {
		float: left;
        display: inline;
	}
	#checkout .field-error {
		background: transparent url(/core/images/shop_error.gif) no-repeat 100% 17px;
	}
	#checkout img.confirmed-image {
		vertical-align: middle;
		margin-top: -3px;
		margin-left: 8px;
	}
	
	#checkout h3 {
		font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
		font-size: 2em;
		margin-bottom: 0.4em;
		font-weight: normal;
	}
	#checkout #main {
		padding-right: 0;
	}
		#checkout #main .field {
			float: left;
			display: inline;
			clear: none;
            zoom: 1;
		}
            #checkout #main .field p.error {
                width: 200px;
                zoom: 1;
            }
        #checkout #main .field-error label {
            width: inherit;
            zoom: 1;
        }
			#checkout #main .field input {
				width: 265px;
			}
			#checkout #main .field label {
                width: 140px;
                zoom: 1;
			}
				#checkout #main #customer_email_wrap {
					margin-bottom: 20px;
                    margin-right: 50px;
				}
				#checkout #main #customer_firstname_wrap {
					clear: both;
				}
	#checkout #address-title {
		margin-top: 10px;
	}
	
	#checkout fieldset .field p.error {
        background-color: #F3F2F2;
		clear: left;
		float: none;
	}

    /* Default Hidden */
    .js #checkout #order_address,
    #checkout #order_address_summary,
    #checkout #order_address_lookup {
        display: none;
    }
		.js #checkout #order_address_lookup {
			display: block;
            background-color: #F3F2F2;
		}

    #checkout #order_address {
        overflow: hidden;
    }
        #checkout #order_address .field {
            width: 385px;
            margin: 0;
            padding: 0;
            float: none;
            display: block;
            overflow: visible;
            height: 1.8em;
            padding-bottom: 10px;
            position: relative;
        }
            #checkout #order_address .field-error,
            #checkout #order_address .field-confirm {
                background-position: 100% 0px;
            }
            #checkout #order_address .field input,
            #checkout #order_address .field select,
            #checkout #order_address .field label,
            #checkout #order_address .field p.error {
                float: left;
                clear: none;
            }

				#checkout #order_address #order_billing_address_address_town_wrap,
				#checkout #order_address #order_billing_address_address_county_wrap {
					width: 275px;
				}
                    #checkout #order_address #order_billing_address_address_town_wrap input,
                    #checkout #order_address #order_billing_address_address_county_wrap input {
                        width: 160px;
                    }
                    #checkout #order_address #order_billing_address_address_town_wrap p.error,
                    #checkout #order_address #order_billing_address_address_county_wrap p.error {
                        left: 280px;
                    }
                #checkout #order_address #order_billing_address_address_postcode_wrap {
                    width: 185px;
                }
                    #checkout #order_address #order_billing_address_address_postcode_wrap input {
                        width: 70px;
                    }
                    #checkout #order_address #order_billing_address_address_postcode_wrap p.error {
                        left: 190px;
                    }
				#checkout #order_address #order_billing_address_address_country_wrap {
					display: none;
				}
				
                #checkout #order_address .field input {
                    margin-right: 5px;
                }
                #checkout #order_address .field label {
                    width: 60px;
                    margin-right: 15px;
                }
                #checkout #order_address .field label {
                    padding-top: 5px;
                }
                #checkout #order_address .field p.error {
                    position: absolute;
                    padding: 0;
                    margin: 0;
                    top: 7px;
                    left: 390px;
                    width: 150px;
                }
        #checkout #order_address .order_address_actions {
            clear: both;
            overflow: auto;
            padding-bottom: 3px;
        }
            #checkout #order_address .order_address_actions a {
                float: right;
            }
            #checkout #order_address .order_address_actions #address_cancel {
                margin: 7px 10px 0 0;
            }

    h3#card-title {
        z-index: 90;
    }

    #checkout #order_address_lookup {
        position: relative;
        z-index: 100;
        background-position: 80px 29px;
    }
        #checkout #order_address_lookup .address-error {
            margin-left: 108px;
            margin-top: 7px;
            margin-bottom: 0;
            padding-bottom: 5px;
        }
        #checkout #order_address_lookup label,
        #checkout #order_address_lookup button,
        #checkout #order_address_lookup input {
			margin: 0;
			float: left;
			display:inline;
/*			font-weight: normal;*/
			clear: none;
        }
        #checkout #order_address_lookup label {
            margin-right: 15px;
            width: 65px;
            line-height: 1.8em;
        }
        #checkout #order_address_lookup #order_address_postcode {
            width: 120px;
			margin-right: 15px;
        }
        #checkout #order_address_lookup a#oa_enter_manually {
            line-height: 1.85em;
            display: inline-block;
            padding-left: 15px;
            vertical-align: top;
        }
        #checkout #order_address_lookup_res {
            position:absolute;
            z-index: 200;
            background: #FFFFFF;
            padding: 2px;
            border: 1px solid black;
            display: none;
            top:24px;
            left:80px;
            zoom: 1;
        }
            #checkout #order_address_lookup_res .lookup-inner {
                zoom: 1;
            }
            #checkout #order_address_lookup_res iframe {
                /*border: 4px solid red;*/
            }
            #checkout #order_address_lookup_res .dropline {
                zoom: 1;
            }
                #checkout #order_address_lookup_res .dropline a {
                    display: block;
                    padding: 6px 8px;
                    zoom: 1;
                }
                    #checkout #order_address_lookup_res .dropline a:hover {
                        background-color: #50423A;
                        color: #ffffff;
                        text-decoration: none;
                    }

    #checkout #order_address_lookup

    #checkout #order_address_summary {
    }
        #checkout #order_address_summary #address_change {
            float: right;
        }
				
	#checkout #card {
		
	}
		#checkout #card .field {
			float: left;
			display: inline;
			clear: none;
		}
		#checkout #card .field label {
			display: block;
			width: 150px;
		}
		#checkout #card #payment_name_wrap {
/*			margin-left: 150px;*/

		}
		#checkout #card #payment_name_wrap input {
			width: 250px;
		}
		
		#checkout #card #payment_type_wrap {
			clear: left;
			width: 120px;
			margin-right: 40px;
			
		}
		#checkout #card #payment_number_wrap {
            margin-right: 200px;
		}
		#checkout #card .field #payment_number {
			width: 170px;
		}
		#checkout #card #payment_issue_wrap {
            margin-right: 150px;
        }
		#checkout #card .field #payment_issue {
			width: 30px;
		}
		#checkout #card #payment_expiry_wrap,
		#checkout #card #payment_start_wrap {
			clear: both;
			width: 120px;
			margin-right: 40px;
		}
            #checkout #card #payment_expiry_wrap p.error,
            #checkout #card #payment_start_wrap p.error {
                width: 120px;
                padding: 5px 0 0 0;
                margin: 0;
            }
            #checkout #card #payment_expiry_wrap.field-error {
                background-image: none;
            }

        #loading {
            background: url(/images/checkout-load-icon.gif) 50% 50% no-repeat;
            display: inline-block;
        }
		
		.js #checkout #card #payment_start_wrap,
		.js #checkout #card #payment_issue_wrap,
		.js #checkout #card #payment_name_wrap {
			display: none;
		}
        #checkout #card #payment_cv2_wrap {
            position: relative;
            padding-top: 1.5em;
            margin-right: -3px;
        }
            #checkout #card #payment_cv2_wrap label {
                top: -0em;
                position: absolute;
            }
            #checkout #card #payment_cv2_wrap p.error {
                position: absolute;
                width: 200px;
                left: 0;
                bottom: -1.5em;
            }
		#checkout #card .field #payment_cv2 {
			width: 60px;
		}

#checkout .edit-order {
	float: right;
	margin-top: -3.6em;
}

#checkout .verisign {
	margin-top: -87px;
}

#checkout .footer {
	clear: both;
	padding: 15px 20px;
	text-align: right;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #EDEDED #C1C1C1 #C1C1C1 #EDEDED;
	background: #F2F2F2;
}

	#checkout .footer button span span span span {
		width: 120px;
	}
	
	#checkout .footer p {
		float: left;
		padding-top: 7px;
		margin-bottom: 0;
		margin-top: 0;
	}
		
/* end CHECKOUT styles */


/* THANKS styles */
#basket-thanks {
	margin-bottom: 20px;
}
	#basket-thanks ul {
		font-size: 1.0833em;
		margin-bottom: 20px;
	}
	#basket-thanks .grey {
		margin-bottom: 20px;
	}
	.js #basket-thanks label {
		display: none;
	}
	
	#basket-thanks .grey {
		padding: 20px;
	}
		#basket-thanks .grey h3 {
			font-weight: bold;
			font-size: 1.25em;
		}
		#basket-thanks .grey em {
			color: #ff7e28;
			font-style: normal;
			font-weight: bold;
		}
	#basket-thanks .reference {
		float: right;
		font-size: 1.0833em;
		margin-top: -2.5em;
	}
		#basket-thanks .reference strong {
			color: #1D1D1D;
		}
    #basket-thanks #print-order {
        display: none;
        color: #2d2d2d;
    }
        #basket-thanks #print-order:hover {
            color: #ff7e28;
        }
        .js #basket-thanks #print-order {
            display: inline;
            float: right;
            background: url(/images/icon-print.gif) 0 50% no-repeat;
            padding: 4px 0 2px 20px;
            margin-top: -3.2em;
            font-size: 0.9166em;
        }
	#basket-thanks form {
		/*margin-top: 6px;*/
	}
		#basket-thanks form .input {
			margin-right: 15px;
		}
		#basket-thanks form .cleverpassword {
			float: left;
		}
/* end Thanks */
#shopcol {
	
}
	#shopcol .box {
		border: 1px solid #E8E8E8;
		padding: 15px 15px 5px;
		margin-bottom: 20px;
	}
		#shopcol .box h4 {
			font-weight: bold;
			font-size: 1em;
			margin-bottom: 0.25em;
		}
		#shopcol .box p {
			font-size: 0.9166em;
			line-height: 1.4;
		}
		
		#shopcol .cards {
			margin-left: 12px;
		}

/* end SHOP styles */

/* ================== */
/* = Support styles = */
/* ================== */
.files {
	
}
	.files li {
		padding: 15px 10px;
		border-bottom: 1px solid #EDEDED;
	}
		.files li img {
			vertical-align: middle;
			margin-right: 5px;
		}
		.files li .more {
			background: none;
			padding-right: 0;
		}
.support img.feature {
	margin-bottom: 20px;
}

.support-landing p.right {
	padding-top: 1em;
	margin-right: 8px;
}
.support-landing h2 {
	margin-bottom: 0.3em;
}

.support-callouts {
    clear: both;
    padding-top: 15px;
}
    .support-callouts .callout {
        float: left;
        padding: 74px 0 0 160px;
        width: 292px;
        height: 77px;
        margin: 0;
    }
    .support-callouts .elements {
        background: url(/images/callout-elements.jpg) 0 0 no-repeat;
        margin: 0 12px 0 0;
    }
        .support-callouts .elements select {
            margin: 1px 5px 0 0;
            padding: 2px 0 3px 0;
        }
    .support-callouts .guides {
        padding: 77px 0 0 165px;
        width: 287px;
        height: 74px;
        background: url(/images/callout-guides.jpg) 0 0 no-repeat;
    }

.support h3 {
	font-family:'Gotham HTF',Helvetica,arial,sans-serif;
	font-weight: normal;
	font-size: 2em;
	margin-bottom: 0px;
	border-bottom: 1px solid #EDEDED;
	padding: 0px 0 10px;
}
.support h4 {
	padding-top: 10px;
	margin-bottom: 30px;
}
.support ul {
	margin-bottom: 30px;
}
	.support ul li {
		padding: 10px 10px;
		border-bottom: 1px solid #EDEDED;
	}
	.support  li a:hover {
		color: #FF7E28;
		text-decoration: underline;
	}
	.support .notices li {
		background: none;
		border: none;
		line-height: 1.4;
		border-bottom: 1px solid #EDEDED;
		padding-left: 45px;
		background: transparent url(/images/page-icon.gif) no-repeat 20px 50%;
	}

		.support .notices .important strong {
			color: #EB2131;
		}
	.support .faqs li {
		background: transparent url(/images/orange-arrow.gif) no-repeat 0 50%;
		padding-left: 15px;
		font-weight: bold;
	}
		.support .faqs li span a {
			color: #FF7E28;
		}

.support .spares {
	padding-top: 10px;
}
	.support .spares .dropshadow {
		float: left;
		margin-right: 10px;
	}
/* FAQs */

.faqs {

}
.faqs .righthalf {
	padding: 19px;
	border: 1px solid #CBCBCB;
	background-position: 19px 19px;
	margin-left: -20px;
}
.faqs .lefthalf {
	width: 428px;
	border: 1px solid #CBCBCB;
	border-width: 0px 0px 1px 1px;
	margin-right: -20px;
	position: relative;
	
}
	.faqs .lefthalf .question {
		position: relative;
		background: #FFF;
/*		padding: 10px;*/
		border: 1px solid #CBCBCB;
		border-width: 1px 1px 0px 0px;
		border-right-color: #FFF;
	}
		.faqs .lefthalf .question h4 {
			margin: 0;
		}
			.faqs .lefthalf .question h4 a {
				margin: 0 -1px 0px 0;
				display: block;
				font-size: 1em;
				padding: 10px;
				background: #F5F5F5 url(/images/title_bar.gif) repeat-x 0 100%;
				border: 1px solid #CBCBCB;
				border-width: 0px 1px 0px 0px;
			}
			.faqs .lefthalf .question h4 a.active {
				background: #FFF;
				border-right-color: #FFF;
			}
		.faqs .lefthalf ul {
			margin: 0 -1px 0 0;
			padding: 0px 15px 5px;
			border: 1px solid #FFF;
			border-width: 0px 1px 0px 0px;
			position: relative;
		}
			.faqs .lefthalf .question ul li {
/*				font-weight: bold;*/
				line-height: 2em;
				padding: 0 0 0 13px;
				margin-bottom: 5px;
				background: transparent url(/images/orange-arrow.gif) no-repeat 0 0.75em;
			}
				.faqs .lefthalf ul li a {
					
				}
				.faqs .lefthalf ul li a.active {
					color: #ff7e28;
				}
				.faqs .lefthalf ul li a:hover {
					text-decoration: underline;
				}
				.faqs .lefthalf ul li .active:hover {
					text-decoration: none;
				}

		.js .faqs .lefthalf ul {
			display: none;
		}


	.faqs .righthalf {
		min-height: 357px;
		height: auto !important;
		height: 357px;
	}
		.faqs .righthalf h3 {
			font-weight: bold;
		}
		.js .faqs .righthalf .answer {
			display: none;
		}
		.js .faqs .righthalf .howto .pane {
			display: block;
		}


/* end FAQS */
/* NOTICES */
.notice {
	position: relative;
}
.notice .dropshadow {
	float: left;
	margin: 0 10px 10px 0;
}
	.notices .notice {
/*		clear: both;*/
		margin: -10px -10px 20px;
		padding: 10px;
/*		padding: 0;*/
/*		border-bottom: 1px solid #EDEDED;*/
	}
	.notices .important {
		border: 1px solid #E60024;
		background: #FFDDDD;
	}
	.notice h4 {
		font-family:'Gotham HTF',Helvetica,arial,sans-serif;
		margin: 0 0 0.5em 74px;
		font-weight: bold;
		font-size: 1.1677em;
	}
	.notice p {
		margin-left: 74px;
		font-size: 0.8333em;
		line-height: 1.4em;
	}
	.notices .important h4 {
/*		background: #E60024;*/
/*		color: #FFF;*/
/*		padding: 3px;*/
	}
	.notices .important p {
		font-weight: bold;
	}
/* end NOTICES */
/* end SUPPORT styles */

/* =============== */
/* = Club Dualit = */
/* =============== */

#content h3.black {
	font-family:'Gotham HTF',Helvetica,arial,sans-serif;
	background: #000;
	color: #FFF;
	font-size: 1.5em;
	text-transform: uppercase;
	padding: 10px;
	font-weight: normal;
	margin-bottom: 0;
}
.grey {
	background: #F2F2F2;
	color: #1B1B1B;
	margin-bottom: 20px;
}
	.grey p {
		line-height: 1.6em;
/*		text-align: justify;*/
	}

ul.grey {
	padding: 10px 20px;
	list-style: none;
}
	ul.grey li {
		font-size: 0.9167em;
		background: transparent url(/images/link_arrow-grey.gif) no-repeat 0 0.75em;
		padding-left: 13px;
		line-height: 2em;
		margin: 0;
		font-weight: bold;
	}
/* RECIPES */
.articles .article {
	padding-bottom: 20px;
}
	.article .more {
		float: right;
		margin-top: -1em;
	}
	.article h2 {
		font-family: Georgia, times, serif;
		font-size: 2em;
	}
	.article .details {
		font-family: Georgia, times, serif;
		font-size: 1.1667em;
		padding: 20px 0;
		margin: 0 0 20px;
		text-align: center;
	}
		.article .details span {
/*			font-weight: bold;*/
			padding: 0 10px;
		}
	.article form {
/*		padding: 20px;*/
	}
	.article .email-login {
		padding: 20px;
		margin-bottom: 0;
	}
	.article h3.black {
		margin-top: 20px;
	}
		.article .email-login form {
			padding: 0px;
			margin-bottom: 20px;
		}
		.email-login ul {
			margin-bottom: 0;
			padding-bottom: 0;
		}
		.email-login h4 {
			font-size: 1.3333em;
			font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
			margin-bottom: 0;
			font-weight: normal;
		}
		.email-login .error {
			float: none;
			font-size: 1em;
			margin: 0;
		}
	.article img {
		margin-bottom: 20px;
	}
		
.latest-recipes {
	padding-top: 20px;
	margin-bottom: 20px;
}
	.latest-recipes div {
		float: left;
		display: inline;
		margin: 0 20px 20px;
		width: 179px;
	}
	.latest-recipes .first {
		clear: left;
	}
		.latest-recipes .image {
			display: block;
			margin-bottom: 10px;
		}
		.latest-recipes h4 {
			text-align: center;
			margin: 0;
            font-size: 1em;
		}
			.latest-recipes h4 a {
				color: #FF7E28;
				display: block;
				background: none;
				padding: 0;
				text-align: center;
			}
			.latest-recipes div:hover h4 a {
				text-decoration: underline;
			}
			#ie6 .latest-recipes h4 a {
				white-space: nowrap;
			}
			
#recipe-search {
	padding: 20px 20px 10px;
	margin-bottom: 20px;
}
	#recipe-search h4 {
		float: left;
		display: inline;
		font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 1.5em;
		margin-right: 20px;
	}
	#recipe-search .field {
		clear: both;
		float: left;
		display: inline;
		margin-bottom: 10px;
		width: 398px;
		padding: 0;
	}
		#recipe-search .field label {
			float: left;
			clear: left;
			margin: 0;
			line-height: 18px;
		}
			#recipe-search .field label span {
				color: #3D3D3D;
			}
		#recipe-search .field select.input {
			width: 200px;
			float: right;
			clear: none;
		}
		#recipe-search .keyword {
			float: left;
			width: 300px;
			padding: 0;
		}
		#recipe-search .field .input {
			float: left;
			clear: none;
			width: 100%;
		}
		#recipe-search .footer {
			float: right;
			clear: none;
			padding: 0;
		}
		
#recipe-filter {
	padding-bottom: 10px;
}
	#recipe-filter h4 {
		float: left;
		font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
		text-transform: uppercase;
		font-weight: normal;
		font-size: 1.5em;
		margin-right: 30px;
		margin-bottom: 0;
		padding-top: 2px;
	}
	#recipe-filter .field {
		float: left;
		clear: none;
		margin: 0 30px 0 0;
		padding-right: 0;
		padding-top: 4px;
	}
	#recipe-filter .keyword {
		padding-top: 1px;
	}
		#recipe-filter .field label {
			float: left;
			margin: 0 10px 0 0;
			line-height: 18px;
			
		}
		#recipe-filter .field label span {
			display: none;
		}
		#recipe-filter .field .input {
			float: left;
			clear: none;
			width: auto;
		}
		#recipe-filter .footer {
			float: left;
			clear: none;
			width: auto;
		}
		#recipe-filter .keyword .input {
			font-size: 1em;
		}
.recipes {
	
}
	.recipes .col {
		margin-bottom: 20px;
	}
	.recipes .image {
		float: left;
		margin: 0 20px 0px 0;
	}
	.recipes h5,
	.article h5 {
		font-weight: normal;
		font-family: Georgia, times, serif;
		font-size: 1.25em;
		color: #ff7e28;
		margin-bottom: 0.5em;
	}
	.recipes h3 {
		font-size: 2.3333em;
		font-family: Georgia, times, serif;
		font-weight: normal;
		color: #2E2E2E;
		margin-bottom: 0.3333em;
	}
	.recipes p {
		line-height: 1.6em;
/*		margin-left: 234px;*/
/*		text-align: justify;*/
	}
	
.recipe-scroller {
	position: relative;
}
	.recipe-scroller .scrollable {
		height: 235px;
	}
	.recipe-scroller .recipes {
		height: 235px;
	}
	.recipe-scroller .recipes .item {
		height: 235px;
		width: 896px;
		padding-right: 20px;
		clear: both;
	}
		.recipe-scroller .recipes .item a.image {
			margin: 0 30px 0 0;
		}
		.recipe-scroller .recipes h5 {
			padding-top: 40px;
		}
	.recipe-scroller .navi {
		position: absolute;
		bottom: 10px;
		left: 297px;
	}
		.recipe-scroller .navi a {
			height: 6px;
			width: 6px;
			float: left;
			margin-right: 6px;
			background: transparent url(/images/navi_recipe-bg.gif) no-repeat 0 100%;
			cursor: pointer;
			cursor: hand;
		}
		.recipe-scroller .navi a.active {
			background-position: 0 0;
		}
/* end RECIPES */

/* ARTICLES */
.articles .article {
/*	margin-bottom: 20px;*/
}
	.article .image {
		float: left;
		display: inline;
		margin: 0 20px 10px 0;
	}
	.articles .article .image {
		margin-bottom: 0;
	}
		.articles .article .image img {
			margin: 0;
		}
		.club .article .image img {
/*			border: 1px solid #E8E8E8;*/
		}
		.club .article .image:hover img {
/*			border-color: #CCC;*/
		}
		.club .article .richtext p {
			margin-bottom: 0;
		}
	.articles .article h5 {
		padding-top: 10px;
	}
	.club .article h5 {
		padding-top: 0;
/*		font-size: 1.1667em;*/
	}
	.article h3 {
		font-size: 2em;
		font-family: Georgia, times, serif;
		font-weight: normal;
		margin-bottom: 0.5em;
	}
	.club .article h3 {
		font-size: 1.75em;
		line-height: 1.25;
		margin-bottom: 0.25em;
	}
	.club .article .richtext {
		margin-left: 154px;
	}
	

/* end ARTICLES */

/* COMPETITION */
.rightcol .competition {
	padding: 20px 20px 20px 10px;
}
	.rightcol .competition a.dropshadow {
		float: left;
		margin-right:20px;
	}
    .competition label a {
        text-decoration: underline;
    }
	.join-club-dualit {
		padding-top: 20px;
	}
		.join-club-dualit .grey {
			/*padding: 15px;*/
		}
		.join-club-dualit #email-login {
			margin-bottom:20px;
		}
/* end Competition */

.rightcol .product-preview {
    padding: 20px 0 20px;
}
    .rightcol .product-preview .preview-content {
        padding: 0 20px 0 10px;
    }
    .rightcol .product-preview h4 {
/*        padding-top: 15px;*/
    }
    .rightcol .product-preview a.dropshadow {
        margin: 0 20px 0px 0;
        float: left;
    }
        .rightcol .product-preview .learn-more {
            clear: both;
            background-color: #F5F5F5;
            padding: 10px;
            text-align: right;
        }
            .rightcol .product-preview .learn-more a {
                color: #ff7e28;
            }

#email-login {
	
}
.rightcol #email-login {
	margin-bottom: 20px;
}
	#email-login .field {
		float: left;
		width: 300px;
		padding: 0;
	}
	.quartercol #email-login .field {
		float: none;
		width: auto;
	}
		#email-login .field .input {
			width: 100%;
		}
	#email-login .footer {
		float: left;
		display: inline;
		clear: none;
		margin-left: 10px;
		padding: 0;
	}
	.rightcol #email-login .footer {
		float: right;
		margin: 0;
	}
	.quartercol #email-login .footer {
		float: none;
		margin-left: 0;
		text-align: right;
	}
	.quartercol #email-login .grey {
		padding: 0;
		margin-bottom: 10px;
	}
	.quartercol #email-login {
		padding-top: 10px;
	}
	#email-login p {
		clear: both;
		margin-bottom: 0;
	}
	
	 .email-login {
		padding: 20px;
	}
	.email-login h4 {
		
	}
/* end CLUB DUALIT */

/* SPECIAL OFFERS and NEW PRODUCTS */
.offers {
	
}
	.offers .article {
	
	}
		.offers .article h3 {
			font-family: arial, sans-serif;
			padding-top: 10px;
		}
		.offers .article h4 {
			margin-bottom: 10px;
		}
		.offers .article .more {
			margin-right: 10px;
			margin-top: 0px;
			float: none;
		}
		.offers .article .button {
			margin-top: 0px;
			float: right;
		}
		.offers .article .price {
			float: right;
			margin-right: 10px;
			font-weight: bold;
			padding-top: 6px;
		}
/* end SPECIAL OFFERS and NEW PRODUCTS */

/* ============= */
/* = Our Story = */
/* ============= */
.about {
/*	margin-bottom: 20px;*/
}
	.about .more {
		text-transform: uppercase;
		font-weight: normal;
	}
	.about .richtext h3 {
		padding-top: 10px;
		font-weight: normal;
		font-size: 1.8333em;
		line-height: 1.25em;
		font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
	}
	.about .timeline {
		width: 179px;
		padding-right: 280px;
		padding-bottom: 210px;
		margin-right: -21px;
		height: auto !important;
		height: 210px;
		min-height: 210px;
		background: transparent url(/images/about/timeline-bg.jpg) no-repeat 100% 100%;
	}
		.about .timeline h3 {
			margin-right: -280px;
		}
	.about .history {
		width: 288px;
		padding-left: 171px;
		margin-left: -21px;
		height: auto !important;
		height: 240px;
		min-height: 240px;
		background: transparent url(/images/about/history-bg.jpg) no-repeat -45px 0;
	}
	.about .values {
		background: transparent url(/images/about/values-bg.jpg) no-repeat 365px 88px;
		height: auto !important;
		height: 220px;
		min-height: 220px;
		padding-right: 90px;
	}
		.about .values h3 {
			margin-right: -80px;
		}
	.about .awards {
		margin-top: 20px;
		background: transparent url(/images/fade_fullcol-bottom.gif) no-repeat 0 100%;
	}
		.about .awards .inner {
			padding-bottom: 0;
/*			height: auto !important;*/
/*			height: 170px;*/
/*			min-height: 170px;*/
			background: transparent url(/images/fade_fullcol-top.gif) no-repeat 0 0;
		}

	.about .awards img {
		clear: none;
		float: left;
		margin: 0 20px 20px 0;
	}
	.about .awards .more {
		float: none;
	}

.awards {
	
}
	.dropfade {
		background: transparent url(/images/fade_fullcol-bottom.gif) no-repeat 0 100%;
	}
		.dropfade .inner {
			background: transparent url(/images/fade_fullcol-top.gif) no-repeat 0 0;
			padding: 20px;
		}
		
	.dropfade-half {
		background: transparent url(/images/fade_halfcol-bottom.gif) no-repeat 0 100%;
	}
		.dropfade-half .inner {
			background: transparent url(/images/fade_halfcol-top.gif) no-repeat 0 0;
			padding: 20px;
		}
		
	.awards .col {
		margin-bottom: 20px;
	}
	.awards .full {
		margin-bottom: 0;
		
	}

		.awards .full .inner {
		}
	.awards img {
		float: right;
		clear: right;
		margin: 0 0 20px 20px;
	}
		.awards .full img {
			clear: none;
		}
	.awards a.more {
		float: right;
		clear: right;
	}

	.awards .richtext {
		padding-right: 152px;
/*		margin-right: -152px;*/
/*		float: left;*/
	}
	
	.awards h3 {
/*		font-weight: normal;*/
		line-height: 1.25em;
		font-size: 1.8333em;
		font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
	}

.buyers-guide {

}
    .buyers-guide h3 {
		font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
    }

.buyer-guides-column {

}
    .buyer-guides-column div {
        padding-top: 10px;
    }
    .buyer-guides-column h4 {
        background: #000;
    }
    .buyer-guides-column h4 a {
        color: #ffffff;
        display:block;
        padding:0.5em 10px 0.5em 10px;
        margin-right: 10px;
    }

.history .columns {
	margin-bottom: 20px;
}
	.history h3 {
		font-weight: bold;
		font-size: 2em;
		padding-top: 10px;
	}
	.history .quartercol img {
		margin-top: 2.25em;
		padding-top: 10px;
	}
	.history .family {
		clear: both;
		padding: 20px 0;
	}
	.history .footer {
		font-size: 2em;
		margin-bottom: 0;
	}
	.history .thirdcol {
		padding-top: 30px;
	}

.ethos {
	padding-bottom: 0;
}
	.ethos h3 {
		font-weight: normal;
		font-size: 2.166em;
		font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
		margin-bottom: 0.3em;
	}
	.ethos .values {
		margin-bottom: 20px;
		padding: 20px 30px 30px;
	}
	.ethos .values h3 {
		font-size: 2em;
		margin-bottom: 20px;
	}
	.ethos .values ul {
		float: right;
		width: 80px;
		padding-top: 30px;
	}
		.ethos .values li {
			margin-bottom: 5px;
		}
			.ethos .values li a {
				display: block;
				height: 55px;
				font-size: 1.25em;
				font-weight: bold;
				line-height: 55px;
				padding: 0 20px;
				background: transparent url(/images/ethos-nav.gif) no-repeat 50% 0;
				text-align: center;
			}
			.ethos .values .active a {
				background-position: 50% -100px;
				color: #FFF;
			}
	.ethos .values .pane {
		width: 750px;
		height: 420px;
		background-repeat: no-repeat;
		background-position: 0 0;
		display: none;
		position: relative;
	}
		.ethos .values .pane div {
			position: absolute;
			background: #FFF;
			bottom: 30px;
			left: 50px;
			width: 610px;
			padding: 20px 20px 0px;
		}
			.ethos .values .pane div h4 {
				font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
				color: #1E1E1E;
				font-size: 1.5em;
			}
/*	.ethos .values .pane {
		display: none;
	}*/
		.ethos .values .active {
			display: block;
		}

/* TIMELINE */
#timeline {
	height: 560px;
	background: #45494D url(/images/timeline/timeline-bg.gif) repeat-x 0 0;
	color: #FFF;
	margin: -7px;
	position: relative;
	overflow: hidden;
}
	#timeline .decades {
		width: 100%;
		position: absolute;
		height: 2000em;
	}
		#timeline .decade {
			height: 480px;
			padding: 40px 130px 40px 30px;
			overflow: hidden;
		}
			#timeline .decade .details {
				width: 300px;
				float: left;
				overflow: visible;
				padding-top: 20px;
			}
			#ie6 #timeline .decade .details {
				overflow: hidden;
			}
				#timeline .decade h2 {
					font-size: 8em;
					line-height: 1;
					font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
/*					font-style: italic;*/
					font-weight: 100;
					margin-bottom: 20px;
				}
				#timeline .decade h4 {
					font-size: 3em;
					font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
					font-weight: normal;
					margin-bottom: 0.5em;
					color: #FFF;
				}
				#timeline .decade p {
					font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
					font-size: 1.0833em;
					line-height: 1.6em;
					margin-bottom: 0.5em;
				}
			#timeline .decade .scrollable {
				height: 470px;
				width: 480px;
				float: right;
			}
				#timeline .decade .items {
					height: 470px;
				}
					#timeline .decade .items div {
						float: left;
					}
					#timeline .decade .items div p {
						width: 480px;
						color: #FFF;
						text-align: center;
					}
			#timeline .decade .navi {
				padding-top: 0px;
				width: 480px;
				clear: right;
				float: right;
				height: 6px;
				text-align: center;
			}
				#timeline .decade .navi a {
					width: 6px;
					height: 6px;
					display: inline-block;
					background: transparent url(/images/timeline/navi.gif) no-repeat 5px -45px;
					padding:5px;
					cursor: hand;
					cursor: pointer;
				}
				#timeline .decade .navi a.active {
					background-position: 5px 5px;
				}
#timeline #decade-nav {
	position: absolute;
	right: 10px;
	top: 67px;
	height: 410px;
	background: red;
	width: 120px;
	padding-top: 2px;
	background: transparent url(/images/timeline/increments.png) repeat-y 100% 0px;
}
	#timeline #decade-nav li {
		height: 18px;
		float: right;
		position: relative; /*make IE happy*/
		padding: 20px 20px 20px 0;
		margin-top: -29px;
		margin-bottom: 29px;
	}
	#timeline #decade-nav .active {
		background: transparent url(/images/timeline/increment-right.png) no-repeat 100% 50%;
	}
	#ie6 #timeline #decade-nav .active {
		background-image: url(/images/timeline/increment-right.gif);
	}
		#timeline #decade-nav li a {
			color: #FFF;
			float: right;
			height: 18px;
			line-height: 18px;
			width: 55px;
			text-align: center;
			padding: 0;
			margin: 0;
		}
		#timeline #decade-nav .active a {
			color: #FF7D27;
			background: transparent url(/images/timeline/active.png) no-repeat 0 50%;
		}
		#ie6 #timeline #decade-nav .active a {
			background-image: url(/images/timeline/active.gif);
		}
#timeline #close {
	position: absolute;
	top: 0;
	left: 0;
	padding-bottom: 2px;
	background: transparent url(/images/timeline/close.gif) no-repeat 100% 100%;
}
	#timeline #close a {
		display: block;
		text-transform: uppercase;
		background: transparent url(/images/timeline/close-arrow.gif) no-repeat 10px 50%;
		padding: 5px 10px 5px 20px;
		font-size: 0.75em;
		font-weight: bold;
	}
	#timeline #close a:hover {
		text-decoration: underline;
	}
	
#timeline #controls {
	width: 136px;
	height: 44px;
	padding: 0 2px 3px 0;
	position: absolute;
	bottom: 20px;
	left: 40px;
	background: transparent url(/images/timeline/controls-bg.gif) no-repeat 0 0;
}
	#timeline #controls a {
		width: 22px;
		height: 22px;
		text-indent: -2000em;
		position: absolute;
		top: 11px;
		background: transparent url(/images/timeline/controls-pause.gif) no-repeat 50% 50%;
	}
		#timeline #controls a.backward {
			left: 15px;
			background-image: url(/images/timeline/controls-back.gif);
		}
		#timeline #controls a.forward {
			right: 17px;
			background-image: url(/images/timeline/controls-forward.gif);
		}
		#timeline #controls a.play {
			left: 57px;
			background-image: url(/images/timeline/controls-play.gif);
		}
				#timeline #controls a.playing {
					background-image: url(/images/timeline/controls-pause.gif);
				}
/* end TIMELINE */
/* end OUR STORY */

.sitemap .section {
    padding-bottom: 20px;
}
    .sitemap ul li a {
        display: inline-block;
        padding: 3px 0;
    }
		.sitemap ul li a:hover {
			color: #FF7E28;
	    }
    .sitemap ul li ul li a {
        display: inline;
        padding: 0;
    }

/* ============= */
/* = Range Bar = */
/* ============= */
#range {
	margin: 0px auto;
	width: 900px;
}
#range .window {
	height: 120px;
	position: relative;
	overflow: hidden;
}
	#range .images {
		position: absolute;
		height: 120px;
		overflow: hidden;
	}
		#range .images li {
			float: left;
			display: inline;
			text-align: center;
			margin: 0;
			width: 150px;
			height: 120px;
			background: #FFF;
		}
			#range .images li img {
				margin-bottom: 5px;
			}
			#range .images li:hover a {
				color: #ff7e28;
			}
			#range .images li p {
				width: 150px;
				overflow: hidden;
				text-align: center;
				margin: 0;
			}
	#range .slider {
		cursor: hand;
		cursor: pointer;
		padding: 0px;
		position: relative;
		top: 0;
		left: 0;
		height: 23px;
		margin: 0;
		width: 900px;
		background: transparent url(/images/range-bg.gif) no-repeat 50% 100%;
	}
		#range .slider .labels {
			margin: 0 31px;
			position: relative;
			height: 23px;
/*			margin-top: -23px;*/
			
		}
			#range .slider .lozenge {
				position: absolute;
				top: 0;
				left: 0;
				height: 23px;
				width: 80px;
				cursor: move;
				background: transparent url(/images/range-lozenge.gif) no-repeat 50% 50%;
				z-index: 100;
			}
		#range .slider .labels span {
			height: 23px;
			line-height: 23px;
			font-size: 0.8333em;
			top: 0;
			cursor: hand;
			cursor: pointer;
			position: absolute;
			overflow: visible;
			white-space: nowrap;
			z-index: 110;
		}
			#range .slider .labels span:hover {
				color: #ff7e28;
			}

#range-bar-tip {
    background: url(/images/instructor.png) 0 0 no-repeat;
    position: absolute;
	z-index: 1500;
	right: 19px;
    width: 190px;
    height: 50px;
	margin-top: -60px;
    color: #ffffff;
    font-family: arial, sans-serif;
    font-weight: bold;
    font-size: 1em;
    padding: 15px 20px 0 20px;
    line-height: 1.2em;
}
#range-container {
/*	padding: 10px 0;*/
	position: relative;
	display: none;
	height: 163px;
	margin: 0 -1px 1px;
	padding: 0 29px;
	border-bottom: 1px solid #EDEDED;
}
	#range-container #range {
	/*	padding: 10px 0;*/
		position: absolute;
		bottom: 10px;
	}
#range-loader {
	float: right;
	margin: 10px 10px 0 4px;
	display: inline;
	text-indent: -1000em;
	background: url(/images/bar-button-separator.gif) 50% 50% no-repeat;
	width: 16px;
	height: 16px;
}
#range-loader img {
	display: none;
}
/* end range bar*/

/* ==================== */
/* = JS Widget Styles = */
/* ==================== */
/* CLEVER labels */
.js .clever-label label {
	display: none;
}
/* end Clever labels */
/* SCROLLABLE */
.scrollable {
	position: relative;
	overflow: hidden;
/*	width: 100%;*/
}
	.scrollable .items {
		position: absolute;
		width: 2000em;
	}
.howto {
/*	height: 400px;*/
	text-align: center;
	padding-bottom: 3px !important;
}
.howto .pane {
	background: transparent url(/images/howto-caption.gif) no-repeat 50% 100%;
/*	margin-bottom: 4px;*/
}
.js .howto .pane {
	display: none;
}
.js .howto #howto-0 {
	display: block;
}
.howto .scrollable {
	height: 365px;
	width: 342px;
	margin: 0 auto;
/*	float: left;*/
/*	margin-left: 20px;*/
/*	position: absolute;*/
}
	.howto .scrollable .items div {
		float: left;
		padding-top: 10px;
        width: 342px;
	}
	.howto .scrollable .items img {
		margin-bottom: 27px;
	}
		.howto .scrollable .items p {
			clear: both;
			font-weight: bold;
			text-align: center;
			margin: -0.5em 0 0.5em;
            line-height: 1.2em;
		}
		.howto .scrollable .items p span {
			color: #FF7E28;
		}
	.howto .prev,
	.howto .next {
		height: 350px;
		width: 25px;
		padding: 0;
		background-position: 6px 50%;
		background-color: transparent;
		background-repeat: no-repeat;
		text-indent: -2000em;
	}
	.howto .prev {
		float: left;
		background-image: url(/images/scrollable-prev.gif);
		background-position: 6px;
/*		margin-left: -362px;*/
	}
		.howto .prev:hover {
			background-position: -54px;
		}
	.howto .next {
		float: right;
		background-image: url(/images/scrollable-next.gif);
		background-position: -54px;
	}
		.howto .next:hover {
			background-position: 6px;
		}
		.howto .disabled,
		.howto .disabled:hover {
			background-position: -24px 50%;
			cursor: auto;
		}
	
/* end SCROLLABLE */
/* end JS Widget styles */

/* ============== */
/* = Contact Us = */
/* ============== */
#contact #contact_source_wrap label {
	float: left;
	clear: none;
	margin: 0 20px 10px 0;
}
#contactcol {
	
}
	#contactcol h3 {
		margin-bottom: 1em;
	}
	#contactcol ul {
		padding: 0 10px;
		margin-bottom: 20px;
	}
		#contactcol li {
			margin-bottom: 5px;
			padding-left: 12px;
			background: transparent url(/images/link_arrow-grey.gif) no-repeat 0 0.45em;
			
		}
			#contactcol li p {
				line-height: 1.4;
			}
			#contactcol li a {
				color: #ff7e28;
				font-weight: bold;
			}
/* end CONTACT US */

/* =============== */
/* = FORM Styles = */
/* =============== */
form.grey {
	padding: 20px;
	margin: 0;
}
	form.grey h3 {
		font-size: 1.5em;
		margin-bottom: 0.5em;
	}
input.input,
textarea {
	border: 1px solid #9E9E9E;
	color: #777777;
	background: #FFF url(/images/form_field-bg.gif) repeat-x 0 0px;
	outline: none;
	font-size: 1.091em;
	padding: 4px;
}
input.input {
	height: 1.2em;
}
textarea {
	display: block;
}
label {
	margin: 0 0 0.5em 0;
}


.field {
	margin: 0;
	padding: 0;
	margin: 0 10px 10px 0;
	clear: both;
	float: none;
	padding-right: 30px;
	overflow: visible;
	width: auto;
	}
.field-error {
/*	background: transparent url(/core/images/shop_error.gif) no-repeat 100% 17px;*/
}
.field-confirm {
	background: transparent url(/core/images/shop_validate.gif) no-repeat 100% 17px;
}
.field-alt {
/*  background: #FFF;   */
}
	.field-alt input.input {
/*		background: #FFF;*/
	}
	.field input.input,
	.field select,
	.field textarea {
/*		width: 100%;*/
		width: 270px;
		float: none;
	}
	.field select {
		width: auto;
		padding: 0;
	}
	.field input.number {
		width: auto;
	}
	.field label {
		float: none;
		font-size: 0.9167em;
		display: block;
		font-weight: bold;
		color: #3D3D3D;
	}
	.field .file-input {
		float: left;
		clear: none;
		width: 300px;
		padding: 4px;
	}
	.field p.file-name {
		display: none;
	}
	.field p.error {
		margin-right: -8px;
		color: red;
	}

    /* Errors in small-forms are slightly different for ie compat - text appears
    to the right of the icon*/
    .small-form .field {
        width: 280px;
        position: relative;
    }
        .small-form .field p.error {
            position: absolute;
            left: 315px;
            top: 17px;
            width: 200px;
        }
        .small-form .field textarea {
            margin-right: -50px;
        }

/* end FORM styles */

/* Key features styles */
.keyfeatures .flagmap {
	position: relative;
	background-position: 50% 50%;
}
	.keyfeatures .flagmap .mappoint {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		height: 0;
		width: 0;
	}
		.keyfeatures .flagmap .mappoint .pointmarker {
			display: block;
			position: absolute;
			width: 36px;
			height: 27px;
			left: -18px;
			top: -14px;
			margin: 0;
			background: transparent url(/images/flagmap-marker.png) no-repeat 50% 0%;
			z-index: 1;
		}
		.keyfeatures .flagmap .mappoint .pointcontent {
			position: absolute;
			display: none;
			width: 330px;
			height: 85px;
			overflow: hidden;
			padding: 11px 13px 13px 11px;
			border: none;
			background: transparent url(/images/flagmap-content.png) no-repeat 0 0;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			z-index: 2;
		}
		.keyfeatures .flagmap .se .pointcontent {
			top: -54px;
			left: 11px;
		}
		.keyfeatures .flagmap .sw .pointcontent {
			top: -54px;
			right: 9px;
		}
		.keyfeatures .flagmap .nw .pointcontent {
			top: -54px;
			right: 9px;
		}
		.keyfeatures .flagmap .ne .pointcontent {
			top: -54px;
			left: 11px;
		}
			.keyfeatures .flagmap .mappoint .pointcontent img {
				float: left;
				margin: 0 10px 0 0;
			}
			.keyfeatures .flagmap .mappoint .pointcontent h3 {
				font-size: 1em;
				color: #FF7E28;
				font-weight: bold;
				margin-bottom: 0;
				line-height: 1.6;
			}
			.keyfeatures .flagmap .mappoint .pointcontent p {
				font-size: 0.8333em;
			}
			.keyfeatures .flagmap .hover {
				z-index: 10;
			}
			.keyfeatures .flagmap .hover .pointcontent {
				display: block;
			}
			.keyfeatures .flagmap .hover .pointmarker {
				background-position: 50% 100%;
				z-index: 100;
			}
			.keyfeatures .flagmap .nw .pointmarker:hover,
			.keyfeatures .flagmap .sw .pointmarker:hover,
			.keyfeatures .flagmap .nw.hover .pointmarker,
			.keyfeatures .flagmap .sw.hover .pointmarker {
				background-position: 50% 50%;
			}
/* end Key features styles */
#product-search-wrapper {
	background: url(/images/search-input.gif) 100% 0 no-repeat;
	float: right;
	margin: 7px 5px 0 0;
	width: 169px;
	position: relative;
	height: 18px;
	overflow: hidden;
	padding: 5px 25px 0 5px;
	display: none;
}
	.js #product-search-wrapper {
		display: inline;
	}
	.js #product-search-wrapper input.cleverlabel {
		color: #999;
	}
	.js #product-search-wrapper label {
		display: none;
	}
input#product-search {
	border: none;
	background: none;
	font-size: 11px;
	line-height: 11px;
	width: 169px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
	input#product-search:focus {
		outline: 0;
	}

#search-results {
	border: 1px solid gray;
	width: 290px;
	background: #f5f5f5;
	position: absolute;
	z-index: 1000;
	right: 78px;
	margin-top: 35px;
	display: none;
}
	#search-results .results-title {
		background: #000000;
		padding: 0.5em 10px;
		color: #ffffff;
		font-size: 1em;
	}
	#search-results .results {
		padding: 5px 5px 0 5px;
	}
		#search-results .results .result {
			clear: left;
			padding: 5px;
			margin-bottom: 5px;
		}
			#search-results .results .result .info {
				float: left;
				font-size: 0.9166em;
			}
			#search-results .results .result .info-image {
				padding: 10px 0 0 5px;
				width: 165px;
			}
				#search-results .results .result .info .title {
					font-weight: bold;
					margin-bottom: 10px;
				}
				#search-results .results .result .info .desc {
					line-height: 1.5em;
				}
			#search-results .results .result img {
				border: 1px solid #b4b4b4;
			}
			#search-results .results .result img,
			#search-results .results .result a.image {
				display: inline;
				float: left;
				margin-right: 5px;
			}
				#search-results .results .result a.image img {
					vertical-align: bottom;
					float: none;
					margin: 0;
				}
			#search-results .results .clickable-result {
				cursor: hand;
				cursor: pointer;
			}
				#search-results .results .clickable-result-hover {
					background: #ffffff;
					cursor: hand;
					cursor: pointer;
				}
					#search-results .results .clickable-result-hover .info .desc {
						color: #999999;
					}
					#search-results .results .clickable-result-hover img {
						border: 1px solid #d5d5d5;
					}
					#search-results .results .clickable-result-hover .title a {
						color: #fd8a3d;
					}

.partners-home {
	
}
	.partners-home .column-container {
		padding-bottom: 30px;
	}
	.partners-home .threequartercol {
		width: 685px;
	}
	.partners-home .quartercol .trade-news-item {
		padding-bottom: 20px;
	}
		.partners-home .quartercol .trade-news-item .date {
			margin-bottom: 4px;
		}

.partners-news .two {
	background: url(/images/e8.gif) 50% 50% repeat-y;
}
	.partners-news .trade-news-item {
		padding-bottom: 20px;
	}
	.trade-news-item .date {
		font-size: 0.9166em;
		margin: 0.5em 0 0.8em;
	}
	.trade-news-item .summary {
		margin-bottom: 4px;
		line-height: 1.5em;
		font-size: 0.91666em;
		color: #666666;
	}

.partners-downloads {
	
}
	.partners-downloads .pagination {
		font-size: 0.9166em;
	}
	.file-type {
		border-top: 3px double #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		margin-bottom: 1px;
		padding: 20px 0;
	}
		.file-type h2,
		.file-type p {
			display: inline;
			margin: 0 10px 0 0; padding: 0;
			color: #666666;
		}
		.file-type select {
			margin-right: 10px;
		}
		.file-type h2 {
			text-transform: uppercase;
			font-size: 1.3333em;
		}
	.table-no-items {
		padding: 20px 0 0;
	}
    .files {
        width: 100%;
    }
        .files tr th {
            background: #f6f6f6;
        }
        .files tr th,
        .files tr td {
            padding: 10px 15px;
            text-align: left;
            /*font-family: Georgia, Times, "Times New Roman", serif;*/
            vertical-align: middle;
        }
            .files tr td {
                color: #707070;
                border-bottom: 1px solid #e5e5e5;
            }
            .files tr td.title {
                color: #000000;
            }
            .files tr th.image {
                width: 75px;
                text-align: center;
            }
            .files tr td.image {
                text-align: center;
            }
                .files tr td img.shadow {
                    padding: 1px;
                    background-color: #e4e4e4;
                    border-bottom: 1px solid #bcbcbc;
                }
            .files tr th.download {
                width: 100px;
            }
            .files tr th.size {
                width: 100px;
            }
            .files tr th.type {
                width: 100px;
            }
            .files tr th.date {
                width: 100px;
            }
                .files tr td.download a {
                    background: url(/images/trade-download.gif) 0 50% no-repeat;
                    padding-left: 20px;
                    color: #ff7e20;
                }
                .files tr td.download a:hover {
					text-decoration: underline;
				}
				
.partners-account {
	
}
	.partners-account .panel-inner {
		background: url(/images/e8.gif) 66% 50% repeat-y;
	}
	.partners-account form .grey {
		padding: 20px;
	}
		.partners-account form .field {
			float: left;
			overflow: hidden;
			margin: 0 0 10px 0;
			clear: none;
			width: 235px;
		}
		.partners-account form .field input {
			width: 210px;
		}
		.partners-account form .field .error {
			margin: 0;
			float: none;
		}
		.partners-account .form-buttons {
			clear: both;
			text-align: right;
		}

.partners-login {
	
}
	.partner-login-text {
		display: inline-block;
		padding: 3px 0 8px 0;
	}
		.partner-login-text p {
			font-weight: bold;
			font-size: 0.9166em;
		}
		.partner-login-text p a {
			color: #fd983a;
		}
			.partner-login-text p a:hover {
				text-decoration: underline;
			}
	.partners-login #login-form {
		background: url(/images/trade-login.gif) 0 0 no-repeat;
		width: 414px;
		padding: 20px;
		height: 126px;
		margin-left: -6px;
		position: relative;
	}
	.partners-login #login-form .input {
		font-size: 1em;
		width: 240px;
	}
	.partners-login #login-form .form-footer {
		text-align: right;
	}
	.js .partners-login #login-form label {
		display: none;
	}
		.cleverpassword .input {
			position: relative;
			z-index: 10;
		}
		.cleverpassword .cleverlabel {
			position: absolute;
			z-index: 9;
		}
	.partners-account .panel-inner .right .richtext h3 {
		margin-bottom: 20px;
	}

.spares-show {
	
}
	.spares-show .products {
		height: auto !important;
		min-height: 290px;
		height: 290px;
		margin-left: -25px;
	}
		.spares-show .products .product {
			margin-left: 25px;
			float: left;
			display: inline;
			width: 90px;
			height: 140px;
			text-align: center;
		}
			.spares-show .products .product p {
				text-align: center;
			}
				.spares-show .products .product p a {
					font-weight: normal;
				}
					.spares-show .products .product p a:hover {
						color: #fd893a;
					}
			.spares-show .products .product a.image {
				display: inline-block;
				margin-bottom: 10px;
			}

.partners-latest {
	
}
	.partners-latest .panel h2 {
		float: left;
		margin-bottom: 25px;
	}
	.partners-latest .panel a.more {
		float: left;
		margin: 10px 0 30px 15px;
	}
	.partners-latest .panel h3 {
		font-family: "Gotham HTF", arial, sans-serif;
		margin-top: 30px;
		font-weight: normal;
		clear: left;
	}
	.partners-latest .panel .file {
		border-bottom: 1px solid #e4e4e4;
	}
		.partners-latest .panel .file img {
			vertical-align: middle;
		}
		.partners-latest .panel .file a.trade-icon {
			display: inline-block;
			vertical-align: middle;
			height: 45px;
			width: 65px;
			background-position: 50% 50%;
		}
		.partners-latest .panel .file a {
			font-weight: bold;
			color: #fd893a;
		}
			.partners-latest .panel .file a:hover {
				text-decoration: underline;
			}

.badges {
	
}
	.badges span {
		display: inline-block;
		text-indent: -1000em;
		cursor: hand;
		cursor: pointer;
	}
		.offer .badges span {
			cursor: auto;
		}
	.badges .badge-award {
		background: url(/images/badge-award.png);
		width: 80px;
		height: 81px;
		position: absolute;
		top: 0;
		left: 0px;
	}
	.badges .badge-offer {
		width: 37px;
		height: 37px;
		position: absolute;
		right: 0;
		bottom: 0;
		overflow: visible;
		background: url(/images/badge-offer.gif);
	}
		.dropshadow .badges .badge-offer {
			right: 1px;
			bottom: 1px;
		}
		.badges .popout {
			display: none;
			width: 120px;
			padding: 8px;
			position: absolute;
			bottom: 18px;
			right: 18px;
			background: #F5F5F5 url(/images/title_bar.gif) 0 100% repeat-x;
			border: 1px solid #cbcbcb;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			font-size: 0.9166em;
			line-height: 1.2;
			text-align: center;
			text-indent: 0;
			zoom: 1;
			z-index: 1000;
		}
	.badges .badge-new {
		background: url(/images/badge-new.png);
		width: 62px;
		height: 24px;
		position: absolute;
		right: 7px;
		top: 7px;
	}

.register-product {
	
}
	.cufon-titles h4 {
		font-size: 1.3333em;
		font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
		font-weight: normal;
	}
	.register-product .infobar {
		padding-left: 10px;
	}
	.register-product .tabextra {
		float: left;
		padding-bottom: 8px;
	}
		.register-product .lozenge {
			display: inline-block;
			background: url(/images/tab-lozenge.gif) 0 -24px no-repeat;
			margin: 0 10px 0 0;
		}
			.register-product .lozenge span {
				display: block;
				margin: 0 -10px 0 10px;
				padding: 0 10px 0 0;
				width: 140px;
				position: relative;
				font-size: 0.9166em;
				font-weight: bold;
				text-align: center;
				height: 24px;
				line-height: 24px;
				background: url(/images/tab-lozenge.gif) 100% -24px no-repeat;
			}
		.register-product .active-lozenge {
			background: url(/images/tab-lozenge.gif) 0 0 no-repeat;
		}
			.register-product .active-lozenge span {
				background: url(/images/tab-lozenge.gif) 100% 0 no-repeat;
				color: #ffffff;
				font-weight: normal;
			}
	#register-email {
		margin-bottom: 80px;
	}
		#register-email .field {
			float: left;
			width: 295px;
			padding: 0;
		}
		#register-email .footer {
			padding-top: 16px;
		}
			#register-email .footer button {
				float: none;
			}
		#register-email p.error {
			margin-right: 15px;
		}
	#register-details {
		
	}
		#register-details .grey,
		#register-product .grey,
		#my-account .grey,
		#register-login .grey {
			padding: 20px;
		}
		#register-details #customer_firstname_wrap,
		#register-details #customer_email_wrap,
		#register-details #customer_registration_address_address_address_1_wrap,
		#register-details #customer_registration_address_address_city_wrap,
		#register-details #customer_registration_address_address_postcode_wrap,
		#register-details #customer_optin_wrap {
			clear: both;
		}
			#register-details #customer_registration_address_address_postcode_wrap input {
				width: 140px;
			}
			#register-details #customer_optin_wrap {
				width: auto;
			}
	#register-product {
		
	}
		#register-product #product_model_wrap {
			clear: left;
		}
		#register-product #product_purchase_location_wrap {
			clear: left;
		}
		#register-product #product_product_wrap,
		#register-product #product_code_wrap,
		#register-product #product_model_wrap,
		#register-product #product_purchase_date_wrap,
		#register-product #product_purchase_location_wrap {
			clear: both;
		}
		#register-product #product_code_wrap,
		#register-product #product_product_wrap {
			padding-right: 150px;
		}
		#register-product #product_colour_wrap {
			margin-left: -150px;
		}
	#register-complete {
		
	}
		#register-complete .richtext {
			margin-top: 20px;
		}

.my-account {
	
}
	.my-account .field {
		width: auto;
		display: block;
		float: none;
	}
	.my-account .products {
		
	}
		.my-account .products .footer,
		.my-account .products .product {
			border-top: 1px solid #e5e5e5;
			padding: 15px 0;
		}
			.my-account .products .product .details {
				padding: 10px 0 0;
				margin-left: 135px;
			}
				.my-account .products .product img {
					float: left;
					margin-right: 15px;
				}
				.my-account .products .product .info {
					font-size: 0.9166em;
					line-height: 1.4;
				}
	form#my-account {
		
	}
		form#my-account p.error {
			margin-right: 80px;
		}
			#my-account #customer_registration_address_address_city_wrap p.error {
				float: none;
				width: 168px;
				text-align: right;
			}
			#my-account #customer_registration_address_address_postcode_wrap p.error {
				float: none;
				width: 108px;
				text-align: right;
			}
		#my-account #customer_firstname_wrap,
		#my-account #customer_password_wrap,
		#my-account #customer_firstname_wrap,
		#my-account #customer_registration_address_address_address_1_wrap,
		#my-account #customer_registration_address_address_city_wrap,
		#my-account #customer_registration_address_address_postcode_wrap {
			clear: both;
		}
			#customer_registration_address_address_postcode {
				width: 100px;
			}
			#customer_registration_address_address_county,
			#customer_registration_address_address_city {
				width: 160px;
			}

.forgotten-password {
	
}
	.forgotten-password form {
		
	}
		.forgotten-password form button {
			margin-top: 26px;
		}
		.forgotten-password form a {
			display: inline-block;
			margin: 26px 0 0 10px;
			line-height: 26px;
			font-weight: bold;
			color: #fd893a;
		}
			.forgotten-password form a:hover {
				text-decoration: underline;
			}

.footer {
	
}
	.footer .left {
		float: left;
	}
		.footer a.left {
			text-transform: uppercase;
			font-weight: bold;
			font-size: 0.9166em;
			color: #F18118;
			padding: 7px 0 10px 0;
			display: inline-block;
		}
			.footer a.left:hover {
				text-decoration: underline;
			}
	.footer .right {
		float: right;
	}

p.registered-message {
	padding-bottom: 20px;
}

.join-dualit {
	
}
	.join-dualit h3 {
		color: #ffffff;
		font-size: 1.8333em;
		font-family: 'Gotham HTF', Helvetica, arial, sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		margin-bottom: 12px;
	}
	.join-dualit .header {
		background-color: #000000;
		color: #ffffff;
		padding: 20px;
	}
		.join-dualit .header form {
			float: right;
			padding-top: 2px;
		}
			.join-dualit .header form .input {
				width: 220px;
			}
		.join-dualit .header p {
			float: left;
			width: 280px;
			line-height: 1.2em;
		}
	.join-dualit .footer {
		border: 1px solid #cccccc;
		border-top: none;
		padding: 20px 20px 0 20px;
		margin: 0 0 20px 0;
	}

.join-dualit .right,
.visit-dualit .right {
	float: right;
	margin: 0 0 0 20px;
	padding: 0 0 20px 0;
}
	.join-dualit .right .dropshadow .inner,
	.visit-dualit .right .dropshadow .inner {
		padding: 4px;
	}

.visit-dualit {
	border: 1px solid #cccccc;
	padding: 20px;
	margin: 0 0 20px 0;
}
	.visit-dualit a {
		color: #FF7E28;
		font-weight: bold;
	}
		.visit-dualit a:hover {
			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%;
		}

.product-offers {
	margin-top: 20px;
	padding: 20px 20px 0 20px;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
	.product-offers .title {
		padding: 15px;
		margin: -20px -20px 20px -20px;
		background: #F8F8F8 url(/images/title_bar.gif) 0 100% repeat-x;
		-webkit-border-radius-top-left: 5px;
		-webkit-border-radius-top-right: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
	}
		.product-offers .title h3 {
			font-size: 1.5em;
			margin: 0 0 0.27777em 0;
		}
		.product-offers .title p {
			font-size: 0.9166em;
			margin: 0;
		}
	.product-offers .offer {
/*		margin: 20px;*/
/*		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;*/
		margin-bottom: 20px;
	}
		.product-offers .offer .offer-items {
			float: right;
			width: 180px;
			display: inline;
			text-align: right;
			padding-top: 2px;
			line-height: 1;
		}
			.product-offers .offer .offer-items a {
				font-weight: bold;
				display: inline-block;
				padding: 2px 0;
				background: url(/images/link_arrow-grey.gif) no-repeat 100% 50%;
				padding-right: 13px;
				color: #fd893a;
			}
				.product-offers .offer .offer-items a:hover {
					text-decoration: underline;
				}
		.product-offers .offer .richtext {
			float: left;
			width: 500px;
			display: inline;
		}
			.product-offers .offer .richtext p {
				margin: 0;
			}
		.product-offers .offer-inner {
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			padding: 15px;
			background: #ffffff url('images/badge-offer.gif') 100% 100% no-repeat;
		}
		.product-offers .vertical-wrapper {
			float: right;
			width: 685px;
			height: 133px;
		}
		.product-offers .image {
			float: left;
		}