/**
* @project Scruffs
* @author Interactive Web Solutions
* @copyright 2009 by the author

* @orange:		#f37021
* @dark grey:	#4f4d4e
* @light grey:	#d3d5d6

* @section screen
* --------------------------------------------------------------------------------------------------
*/
html, body {
	background: #ddc28e url(img/layout/paper.jpg) repeat 0 0;
}
body {
	position: relative;
	font: normal normal 62.5%/1.5 Arial, Helvetica, sans-serif;
	line-height: 1.5; color: #000;
}
.content h2 {
	color: #f37021; font-size: 24px;
}


/**
* =forms
* @subsection forms and tables
* --------------------------------------------------------------------------------------------------
*/
#content form {
	width: 445px;
	margin: 0 0 0 80px;
}
#content form div {
	overflow: hidden;
	padding-bottom: 10px;
}

#content form div#recaptcha_widget_div, #content form div#recaptcha_widget_div div {
	padding-bottom: 0px;
}


#content form h2,
#content li.hproduct div.details h2 {
	color: #666; font-size: 20px; text-transform: uppercase;
}
#content form input,
#content form textarea,
#content form label,
#content form .non-editable span,
#content form .non-editable em,
#content form .non-editable strong {
	font-size: 12px;
}
#content form .non-editable em,
#content form .non-editable strong {
	line-height: 24px; font-style: normal;
}
#content form .non-editable .message {
	margin-left: 10px;
}
	#content form label,
	#content form .non-editable span {
		float: left;
		width: 120px;
		padding: 2px 10px 0 0;
		text-align: right; color: #999; font-weight: bold;
	}
	
	#content form div#recaptcha_widget_div label{
		float:none;
		font-weight:normal;
	}
	
	#content form div input,
	#content form div textarea {
		width: 300px;
		border: 1px solid #999;
		background-color: #fff;
	}
	#content form textarea {
		height: 150px;
	}
	#content form input.submit {
		float: right;
	}
	#content form span.error {
		display: block;
		clear: left;
		margin-left: 130px;
	}
	#content form .divider {
		margin-bottom: 30px; padding-bottom: 30px;
		border-bottom: 1px solid #C9CACB;
	}
	#content form .divider p {
		margin-right: 150px
	}

	#content form div.radio ul,
	#content form div.checkbox ul {
		margin: 0 0 0 107px; padding: 0;
		list-style: none;
	}
	#content form div.radio ul li,
	#content form div.checkbox ul li {
		zoom: 1;
		margin: 0 0 7px;
	}
	#content form div.radio input,
	#content form div.checkbox input {
		float: left;
		width: auto;
		margin: 4px 0 0;
		border: 0;
	}
	#content form div.radio label,
	#content form div.checkbox label {
		float: none;
		width: 300px;
		margin-left: 24px; padding: 0;
		text-align: left; font-weight: bold;
	}
	#content form div.radio label span,
	#content form div.checkbox label span {
		display: block;
		margin-top: -5px;
		font-weight: normal;
	}



#content table col.remove {
	width: 30px;
}
#content table col.total,
#content table col.price {
	width: 60px;
}
#content table td.remove {
	text-align: center;
}
#content table td.remove input.remove_basket {
	width: 33px; height: 35px;
	margin: 0 auto;
	background-image: url(img/misc/remove.gif);
}

#address-management th,
#address-management td,
#order_history th,
#order_history td,
body.admin #content th,
body.admin #content td {
	padding: 5px 0 10px;
	border-bottom: 1px solid #ccc;
}
#address-management thead th,
#order_history thead th,
body.admin #content thead th {
	border-bottom-color: #F37021;
}
#address-management td,
#order_history td,
body.admin #content td,
body.admin #content tbody th {
	height: 50px;
	vertical-align: middle;
}
#order_history td {
	padding: 10px 0;
	vertical-align: top;
}


/**
* =layout
* @subsection layout
* --------------------------------------------------------------------------------------------------
*/
#wrapper {
	padding: 20px 0 0;
	width: 1000px;
	margin: 0 auto;
}
#container {
	position: relative;
	float: right;
	width: 966px;
	margin: 0 0 0 auto;
	background: #fff url(img/layout/bg-top.jpg) no-repeat 226px 203px;
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1.0;
	}
}
#stamp {
	position: absolute; top: 290px; left: -245px;
	height: 238px; width: 238px;
	background: url(img/misc/stamp.png) no-repeat 0 0;
	
	-webkit-animation-name: fadeIn;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
}

#header {
	position: relative; 
    overflow: hidden;
	height: 149px;
	background: #F27521 url(img/layout/header.jpg) no-repeat 0 0;;
}
#header h1,
#header h1 a {
	float: left;
	height: 100%; width: 206px;
	background: url(img/logo.jpg) no-repeat 0 0;
}
#header ul {
	float: right;
	display: inline;
	width: 220px;
	margin: 50px 20px 0 0;
}
#header ul li {
	float: right; clear: right;
	margin: 0 0 10px 0;
}

#just-added {
	position: absolute; z-index: 50000;
	height: 109px; width: 275px;
	padding: 20px 15px;
	background: #fff url(img/misc/just-added.jpg) no-repeat 0 0;
}
#just-added,
#just-added p,
#just-added abbr {
	font-size: 12px;
}
#just-added div.hproduct {
	overflow: hidden;
	height: 85px;
}
#just-added div.hproduct img.photo {
	float: left;
}
#just-added div.hproduct h3.fn,
#just-added div.hproduct p {
	margin-left: 90px;
}
#just-added div.hproduct p,
#just-added a.close {
	text-transform: uppercase;
}
#just-added p.price {
	padding: 2px 10px;
	color: #fff; font-size: 16px; text-align: right; font-weight: bold;
	background: #f37021 url(img/sprites/title-sub.gif) no-repeat -205px -130px;
}
#just-added a.close {
	position: absolute; top: 8px; right: 11px;
	display: block;
	float: right;
	padding: 4px 18px 2px 0;
	font-size: 10px; color: #000; text-decoration: none;
	background: url(img/misc/close.gif) no-repeat 100% 5px;
}
#just-added a.close:hover,
#just-added a.close:focus,
#just-added a.close:active {
	text-decoration: underline;
}
#header #just-added {
	bottom: 0; right: 10px;
}

div.section,
#mini-cart {
	margin: 9px;
}

#content {
	overflow: hidden;
	clear: both; float: right;
	width: 791px; min-height: 630px;
	margin-right: 17px; margin-bottom: 0; padding-bottom: 30px;
	background: url(img/layout/bg-bottom.jpg) no-repeat 100% 100%;
}

#nav-cart div {
	display: inline;
}
#mini-cart {
	float: right; overflow: hidden;
	width: 285px; height: 36px;
	margin-left: 0; margin-bottom: 10px; padding: 0 10px 0;
	color: #fff; text-transform: uppercase; font-size: 12px;
	background: #93979A url(img/layout/mini-cart.jpg) no-repeat 100% 0;
}
#mini-cart p {
	float: left;
	margin: 14px 0 7px;
}
#mini-cart p strong {
	font-weight: normal;
}
#mini-cart p.checkout {
	float: right;
	margin-top: 8px;
}

#extra {
	clear: both; overflow: hidden;
	height: 20px;
	padding: 5px 20px;
	color: #fff;
	background: #f37021;
}
#extra p {
	float: left;
	margin: 0 15px 0 0; padding: 0 14px 0 0;
	line-height: 20px; font-size: 12px;
	border-right: 1px solid #fff;
	background-color: #F37021;
}
#extra div.offers {
	float: left;
}
#extra #extra-offer,
#extra div.offers p {
	border-right-width: 0;
}

#footer {
	clear: both;
	height: 29px;
	padding: 10px 20px 10px 23px;
	background: #231F20 url(img/layout/footer.jpg) no-repeat 0 0;
}
#footer #footer-bpt-sites {
	overflow: hidden;
	float: left;
	padding: 0 10px; margin-top: 4px;
	background: #85878a;
	-moz-border-radius: 4px;
}
#footer #footer-bpt-sites,
#footer #footer-bpt-sites a {
	color: #fff; text-transform: uppercase; font-size: 14px; font-weight: normal; text-decoration: none;
}
#footer #footer-bpt-sites a:hover,
#footer #footer-bpt-sites a:focus,
#footer #footer-bpt-sites a:active {
	text-decoration: underline;
}

#copyright {
	clear: both;
	padding: 10px 7px;
	color: #fff;
	background: #ddc28e url(img/layout/paper.jpg) repeat 0 0;
}



/**
* =products
* @subsection products
* --------------------------------------------------------------------------------------------------
*/
#wrapper #content .options div.buy {
	position: relative;
	width: 145px;
	margin: 0; padding: 0;
	border: 0;
}
#wrapper #content div.buy input.buy {
	width: 94px;
	border: 0;
}
#wrapper #content div.added span.added {
	position: absolute; top: 0; left: 100px;
	height: 30px; width: 28px;
	background: url(img/misc/added.gif) no-repeat 0 0;
}
#wrapper #content ul.products li div.buy input.buy {
	margin-right: 0; margin-left: auto;
}
#wrapper #content ul.products li div.added span.added {
	left: 25px;
}

#container div.products {
	position: relative;
	overflow: hidden;
	padding: 6px 0 3px 10px;
	border: 1px solid #bbb;
}
	#container div.products ul {
		overflow: hidden; position: relative; z-index: 51;
		float: left;
		list-style: none;
	}
		#container div.products ul li {
			float: left;
			margin: 0 6px 6px 0; padding: 0;
			border: 0;
		}
			#container div.products ul li a {
				display: block;
				padding: 0 6px;
				border: 1px solid #ccc;
			}
			#container div.products ul li a:hover,
			#container div.products ul li a:focus,
			#container div.products ul li a:active {
				border-color: #f37021;
			}

	#container div.products ul,
	#container div.products div.has-carousel {
		z-index: 51 !important;
	}

	html.js #container div.products.scroller ul {
		height: 132px;
		background-color: #fff;
	}
	html.js #container div.products div.has-carousel ul {
		overflow: hidden;
		float: left;
	}
	html.js #container div.has-scroller-arrows {
		position: relative;
		margin: 0 24px;
	}
	html.js #container div.products ul.scroller-arrows,
	html.js #container div.products ul.scroller-arrows li,
	html.js #container div.products ul.scroller-arrows li a {
		height: 130px;
	}
	html.js #container div.products ul.scroller-arrows {
		position: absolute; top: 6px; right: 4px; z-index: 50 !important;
		width: 722px;
	}
	html.js #container div.products ul.scroller-arrows li,
	html.js #container div.products ul.scroller-arrows li a {
		padding: 0; margin: 0;
	}
	html.js #container div.products ul.scroller-arrows li {
		position: absolute; top: 0;
		border: 0;
	}
	html.js #container div.products ul.scroller-arrows li.previous {
		left: 0;
	}
	html.js #container div.products ul.scroller-arrows li.next {
		right: 0;
	}
	html.js #container div.products ul.scroller-arrows li a {
		width: 17px !important;
		background: #f37021 url(img/misc/arrows.gif) no-repeat 0 0;
		outline: 0;
	}
	html.js #container div.products ul.scroller-arrows li.previous a {
		background-position: -1px 50%;
	}
	html.js #container div.products ul.scroller-arrows li.next a {
		background-position: -22px 50%;
	}


	body.product-detail #content .product-upsell {
		position: relative;
		float: right;
		width: 464px;
		padding-top: 25px;
	}
	body.product-detail #content .product-upsell h3 {
		height: 16px; width: 205px;
		margin: 0 0 5px;
		background-image: url(img/sprites/title-sub.gif);
	}
	body.product-detail #content #complete-the-look h3 {
		background-position: 0 -128px;
	}
	body.product-detail #content #also-in-range h3 {
		background-position: -205px -96px;
	}

	body.product-detail #content .product-upsell div.products.scroller {
		width: 456px;
		padding: 5px 3px; margin: 0;
		border-color: #f37021;
		background-color: #fff;
	}
	body.product-detail #content .product-upsell div.products.scroller ul li {
		margin-right: 1px;
	}
	body.product-detail #content .product-upsell div.products.scroller ul li a {
		width: 119px; height: 100px;
		border-width: 0 1px 0 0;
	}
	body.product-detail #content .product-upsell div.products.scroller ul li:last-child a,
	body.product-detail #content .product-upsell div.products.scroller ul li:nth-child(3n) a {
		border-width: 0;
	}
	html.js body.product-detail #content .product-upsell div.products.scroller ul li:nth-child(3n) a {
		border-right-width: 1px;
	}
		body.product-detail #content .product-upsell div.products.scroller ul li a:hover,
		body.product-detail #content .product-upsell div.products.scroller ul li a:focus,
		body.product-detail #content .product-upsell div.products.scroller ul li a:active {
			border-color: #ccc;
		}

	html.js body.product-detail #content .product-upsell div.products.scroller ul {
		width: 400px;
	}
	html.js body.product-detail #content .product-upsell div.products ul.scroller-arrows {
		width: 450px;
	}
	html.js body.product-detail #content .product-upsell div.products ul {
		height: 108px;
	}
	html.js body.product-detail #content .product-upsell div.has-scroller-arrows {
		margin: 0 29px;
	}
	html.js body.product-detail #content .product-upsell div.products ul.scroller-arrows,
	html.js body.product-detail #content .product-upsell div.products ul.scroller-arrows li,
	html.js body.product-detail #content .product-upsell div.products ul.scroller-arrows li a {
		height: 106px;
	}

ul.products {
	margin: 0; padding: 0;
	list-style: none;
}
#content li.hproduct {
	overflow: hidden;
	padding: 30px 0 5px;
	background: #fff;
	border-bottom: 1px solid #9f9f9f;
}
#content li.hproduct form,
#content li.hproduct div.details h1,
#content li.hproduct div.details h2 {
	margin: 0; padding: 0;
}
#content li.hproduct form {
	width: auto;
}
#content li.hproduct a.image,
#content li.hproduct div.details,
#content li.hproduct div.options {
	float: left;
}
#content li.hproduct a.image {
	display: block;
	width: 240px;
	margin-right: 45px;
}
#content li.hproduct a.image img {
	display: block;
	margin: 0 auto 15px;
}
#content li.hproduct div.details {
	width: 283px;
	margin-right: 45px;
}
	#content li.hproduct div.details h1,
	#content li.hproduct div.details h1 a {
		width: auto; float: none;
		margin-bottom: 5px;
		font-size: 14px; color: #000;
		text-decoration: none;
		border: 0;
	}
	#content li.hproduct div.details h1 span.colour {
		float: none;
		padding: 0;
		font-weight: normal; color: #000; font-size: 14px; text-transform: none;
		background: transparent none;
	}
	#content li.hproduct div.details h1 {
		margin-bottom: 5px;
	}
	#content li.hproduct div.details h2 {
		margin-bottom: 10px;
		font-size: 12px; font-weight: normal; color: #F37021; text-transform: none;
	}
	#content li.hproduct div.details ul.description,
	#content li.hproduct div.details p.more {
		font-size: 11px;
	}
	#content li.hproduct div.details p.more {
		margin: 5px 0 10px;
		text-transform: lowercase;
	}
	#content li.hproduct div.details p.more a {
		text-decoration: none;
	}
	#content li.hproduct div.details p.more a:hover,
	#content li.hproduct div.details p.more a:focus,
	#content li.hproduct div.details p.more a:active {
		text-decoration: underline;
	}

#content li.hproduct div.options {
	width: 145px;
	background-color: #fff;
}
#content li.hproduct div.options p,
#content li.hproduct div.options div,
#content li.hproduct div.options input {
	float: right; clear: right;
}
#content li.hproduct div.options p.find-a-dealer {
	margin-bottom: 5px;
}
#content li.hproduct div.options input.buy {
	width: 94px;
	margin-top: 2px;
	border: 0;
}
#content li.hproduct div.options p.price {
	margin-bottom: 5px;
}
	#content li.hproduct div.options p.price span {
		display: block;
		margin: 1px 0;
		font-size: 10px; line-height: 1; text-align: right;
	}
	#content li.hproduct div.options p.price span.value {
		font-size: 24px; font-weight: bold;
	}
	#content li.hproduct div.options p.price span.vat-info {
		color: #f37021;
	}

#content .options div.select {
	overflow: hidden;
	width: 80px;
	margin: 0 0 4px; padding: 2px 2px 2px 3px;
	font-weight: bold;
	background-color: #ccc;
}
	#content .options div.select label {
		float: left;
		width: 30px;
		padding-right: 5px; *margin-top: 3px;
		text-transform: uppercase; text-align: center; color: #000;
	}
	#content .options div.select select {
		width: 45px;
		border: 0;
	}
/*
.product-listing #content .options div.select {
	width: 100px;
}
	.product-listing #content .options div.select select {
		width: 65px;
	}
*/

.product-listing #content .options div.select {
	width: 138px;
}
	.product-listing #content .options div.select label {
		margin-left: 16px;
	}
	.product-listing #content .options div.select select {
		float: right;
		margin-right: 7px;
	}
	.product-listing #content .options div.select select.double-size {
		width: 65px;
	}


/**
* =product
* @subsection product detail
* --------------------------------------------------------------------------------------------------
*/
.image,
.image a.zoom {
	position: relative;
}
#content .image p.zoomIn {
	position: absolute; bottom: 2px; left: 7px; z-index: 5000;
	height: 25px; width: 57px;
	background-image: url(img/misc/zoomIn.png)
}
#content div.hproduct {
	position: relative; zoom: 1
}
#content div.hproduct h1 {
	float: right;
	width: 454px;
	margin: 0 0 11px;
	border-bottom: 5px solid #f37021;
}
#wrapper #container #content .hproduct p.out-of-stock {
	clear: both; float: none;
	font-size: 16px; color: #f37021; font-weight: bold; text-align: center;
}
#wrapper #container #content .hproduct div.options p.out-of-stock {
	padding-top: 10px;
}

#content div.hproduct h1 span {
	float: left;
	padding: 7px 35px 3px 14px;
	color: #fff; font-size: 22px; line-height: 1; text-transform: uppercase;
	background-color: #f37021;
}
#content div.hproduct h2 {
	margin-top: 0;
	font-size: 16px; color: #000;
}
	#content div.hproduct div.details,
	#content div.hproduct form.options,
	#content div.hproduct div.extra {
		float: left;
	}
	#content div.hproduct div.details,
	* html #content div.hproduct form.options {
		overflow: hidden;
		height: 360px;
	}

	#content div.hproduct div.details {
		width: 240px;
		padding: 0 0 0 20px;
		margin: 0 15px 0 0;
	}
		#content div.hproduct div.specification {
			height: 165px; overflow-y: auto;
		}
		#content div.hproduct div.specification h4 {
			text-transform: uppercase; font-weight: normal; font-size: 12px;
		}

	#content div.hproduct form.options,
	#content div.hproduct form.options div {
		width: 180px;
	}
	#content div.hproduct form.options {
		min-height: 360px;
		padding: 0 0 0 18px; margin: 0;
		border-left: 1px solid #f37021;
		background-color: #fff;
	}
	#content div.hproduct form.options p,
	#content div.hproduct form.options h4,
	#content div.hproduct form.options label,
	#content div.hproduct form.options a {
		font-size: 10px; color: #000;
	}
	#content div.hproduct form.options p,
	#content div.hproduct form.options h4 {
		clear: both; margin: 2px 0 5px;
	}
	#content div.hproduct form.options p.find-a-dealer {
		margin-left: auto; margin-right: auto;
	}

	#content div.hproduct form.options p.price {
		float: left;
		padding: 0 0 5px;
	}
	#content div.hproduct form.options p.price span {
		display: block; line-height: 1;
	}
	#content div.hproduct form.options p.price span.value {
		margin: -3px 0 -5px;
		font-size: 55px; color: #f37021; font-weight: bold;
		letter-spacing: -2px;
	}
	#content div.hproduct form.options p.price span.vat-info {
		font-weight: bold; font-size: 16px;
	}
	#content div.hproduct form.options p.price span.vat-inc {
		color: #f37021; font-size: 14px; text-align: right;
	}

	#content div.hproduct form.options #alternatively {
		margin-top: 15px; padding-top: 13px;
		background-color: #fff;
		border-top: 1px solid #f37021;
	}
	#content div.hproduct form.options #alternatively p.lede {
		font-weight: bold;
		margin-bottom: 10px;
	}

	#content .hproduct .options .select {
		width: 83px;
	}
	#content .hproduct .options .variant ul {
		width: 200px;
		margin: 0; padding: 0;
		list-style: none;
	}
	#content .hproduct .options .variant li,
	html.js #content .hproduct .options .size li {
		float: left; overflow: hidden;
		height: 17px; width: 17px;
		margin: 0 10px 0 0; padding: 1px;
		background-color: #fff;
		border: 1px solid #D1D3D4;
	}
	#content .hproduct .options .variant li:hover,
	.size-image li a:hover span span,
	html.js #content .hproduct .options .custom-radio li span span.custom-radio-hover {
		border-color: #777;
	}
	#content .hproduct .options .variant li.active,
	html.js #content .hproduct .options .custom-radio li span.custom-radio-checked span,
	html.js #content .hproduct .options .custom-radio li span.custom-radio-checked .custom-checkbox-hover span {
		border-color: #F37021;
	}

	#content .hproduct .options .size li {
		float: left;
		height: auto; width: auto;
		margin: 0 4px 4px 0;
		border: 0;
	}

	#content .hproduct .options .variant li label {
		width: 60px;
	}
	#content .hproduct .options .variant li img {
		display: block;
	}
	#content .hproduct .options .radio li input {
		margin: 3px 0 0 2px;
	}

	#content div.hproduct div.extra {
		position: relative; z-index: 500;
		width: 317px;
	}
		#content div.hproduct div.extra #zoom,
		#content div.hproduct div.extra #zoom a {
			height: 387px;
		}
		#content div.hproduct div.long #zoom,
		#content div.hproduct div.long #zoom a {
			height: 482px;
		}
		#content div.hproduct div.extra #zoom {
			position: relative;
		}
		#content div.hproduct div.extra #zoom a {
			display: block;
			width: 315px;
			border: 1px solid #aeb0b2;
		}
		#content div.hproduct div.extra p.toggle {
			margin: 10px auto 0;
		}

		#content div.hproduct #reviews h1 {
			float: none;
			width: auto;
			margin-top: 1em;
		}
		#content div.hproduct #reviews h1 span {
			float: none;
			padding: 0; margin: 0;
		}
		#content div.hproduct #reviews {
			background-color: #fff;
		}
		#content div.hproduct #reviews #add-review {
			padding: 20px 0;
		}
		#content div.hproduct #reviews form {
			width: 790px;
			margin: 0;
		}
		#content div.hproduct #reviews form div.user-fields {
			float: left;
			width: 250px;
		}
		#content div.hproduct #reviews form div.user-review {
			float: right;
			width: 515px;
		}
		#content div.hproduct #reviews form div label {
			float: none;
			display: block;
			width: auto;
			text-align: left; color: #000;
		}
		#content div.hproduct #reviews form div input {
			width: 235px;
		}
		#content div.hproduct #reviews form div textarea {
			width: 490px; height: 238px;
		}
		#content div.hproduct #reviews form div input.submit {
			border: 0;
		}
		#content div.hproduct #reviews form div input.enquiry {
			width: 97px;
		}
		#content div.hproduct #reviews form span.error {
			margin-left: 0;
		}

		#content div.hproduct #reviews form div.rating ul,
		#content div.hproduct #reviews form div.rating ul li {
			margin: 0; padding: 0;
			background: none;
			border: 0;
		}
		#content div.hproduct #reviews form div.rating #score {
			overflow: hidden;
			width: 230px;
			padding: 3px 10px;
			background-color: #939597;
		}
		#content div.hproduct #reviews form div.rating #score span.star-rating-control {
			float: right;
		}
		#content div.hproduct #reviews form div.rating #score span.star-rating-control div {
			margin-bottom: 0; padding-bottom: 0;
		}
		#content div.hproduct #reviews form div.rating ul {
			overflow: hidden;
		}
		#content div.hproduct #reviews form div.rating ul li,
		#content div.hproduct #reviews form div.rating input {
			float: left;
		}
		#content div.hproduct #reviews form div.rating ul li {
			width: 42px;
		}
		#content div.hproduct #reviews form div.rating input {
			width: auto;
			margin-top: 4px;
		}
		#content div.hproduct #reviews form div.rating ul li label {
			margin: 0 0 0 20px; padding: 0;
		}

		div.rating-cancel,
		div.star-rating {
			float: left;
			width: 24px; height: 20px;
		}
		div.rating-cancel,
		div.rating-cancel a {
			display: none;
		}
		div.star-rating,
		div.star-rating a {
			background: url(img/misc/stars-rating.gif) no-repeat 0 0
		}
		div.rating-cancel a,
		div.star-rating a {
			display: block;
			width: 24px; height: 100%;
			background-position: -25px 0;
			border: 0;
		}
		div.star-rating-on a {
			background-position: 0 0 !important;
		}
		div.star-rating-hover a {
			background-position: 0 0;
		}
		div.star-rating-readonly a {
			cursor: default !important;
		}
		div.star-rating {
			background: transparent !important;
			overflow: hidden !important;
		}


		#content div.hproduct #reviews ul,
		#content div.hproduct #reviews ul li {
			margin: 0; padding: 0;
			list-style: none;
			background: none;
		}
		#content div.hproduct #reviews ul {
			margin-top: -15px;
		}
		#content div.hproduct #reviews ul li {
			position: relative; overflow: hidden;
			padding: 30px 100px 15px 0;
			border-bottom: 1px solid #F37021;
		}
		#content div.hproduct #reviews ul li h3,
		#content div.hproduct #reviews ul li h4,
		#content div.hproduct #reviews ul li div.meta p,
		#content div.hproduct #reviews ul li div.meta dl {
			overflow: hidden;
			margin: 0;
		}
		#content div.hproduct #reviews ul li h3,
		#content div.hproduct #reviews ul li h4 {
			margin-bottom: 10px;
			font-size: 1.3em;
		}
		#content div.hproduct #reviews ul li div.meta p,
		#content div.hproduct #reviews ul li div.meta dl,
		#content div.hproduct #reviews ul li div.meta abbr {
			font-size: 1em; letter-spacing: 0; text-transform: none;
		}
		#content div.hproduct #reviews ul li div.meta dl {
			overflow: hidden;
			width: 690px;
			margin-top: 15px;
		}
		#content div.hproduct #reviews ul li div.meta dl dt,
		#content div.hproduct #reviews ul li div.meta dl dd {
			float: left;
			margin: 0; padding: 0;
		}
		#content div.hproduct #reviews ul li div.meta dl dt {
			margin-right: 5px;
		}
		#content div.hproduct #reviews ul li div.meta dl dd {
			margin-right: 40px;
		}
		#content div.hproduct .rating-stars span {
			float: left;
			height: 20px;
			margin-top: -2px;
			background: url(img/misc/stars-white.gif) repeat-x 0 1px;
		}
		#content div.hproduct .rating-stars span.total {
			background-position: 0 -20px;
		}
		#content div.hproduct .rating-1 span.value {
			width: 20px;
		}
		#content div.hproduct .rating-1 span.total {
			width: 80px;
		}
		#content div.hproduct .rating-2 span.value {
			width: 40px;
		}
		#content div.hproduct .rating-2 span.total {
			width: 60px;
		}
		#content div.hproduct .rating-3 span.value {
			width: 60px;
		}
		#content div.hproduct .rating-3 span.total {
			width: 40px;
		}
		#content div.hproduct .rating-4 span.value {
			width: 80px;
		}
		#content div.hproduct .rating-4 span.total {
			width: 20px;
		}
		#content div.hproduct .rating-5 span.value {
			width: 100px;
		}
		#content div.hproduct .rating-5 span.total {
			width: 0;
		}

		#content div.hproduct #view-reviews {
			float: right; clear: right;
			width: 465px;
			padding: 15px 0 0;
		}
		#content div.hproduct #view-reviews p,
		#content div.hproduct #view-reviews p a {
			color: #fff; text-decoration: none; letter-spacing: -0.02em;
		}
		#content div.hproduct #view-reviews p {
			float: left;
			width: 360px;
			margin: 1px 10px 0 0; padding: 3px 0 3px 8px;
			text-transform: uppercase; font-weight: bold;
			background-color: #F37021;
		}
		#content div.hproduct #view-reviews p a {
			float: left;
		}
		#content div.hproduct #view-reviews p a.rating,
		#content div.hproduct #view-reviews p a.rating span.rating-stars {
			float: right;
		}
		#content div.hproduct #view-reviews p a.rating {
			width: 221px;
		}
		#content div.hproduct #view-reviews p a.rating span {
			float: left;
		}
		#content div.hproduct #view-reviews p a.rating span.rating-stars {
			display: block;
			width: 102px;
			margin-left: 5px;
		}
		#content div.hproduct #view-reviews p a.rating span.rating-stars span {
			background-image: url(img/misc/stars-orange.gif);
		}
		
		#content div.hproduct #view-reviews p.review,
		#content div.hproduct #view-reviews p.review a {
			float: right;
			width: 84px; height: 33px;
			padding: 0; margin: 0;
			background-color: transparent;
		}

body.product-detail #content {
	overflow: visible;
}
#in-action {
	margin-top: 20px;
}
#in-action h3 {
	height: 10px; width: 125px;
	margin: 0 0 7px;
	background-image: url(img/sprites/title-sub.gif);
	background-position: 0 -160px;
}
#in-action ul {
	overflow: hidden;
	height: 57px;
	padding: 7px 0; margin: 0;
	list-style: none;
	border: 1px solid #fcdcc8;
}
#in-action ul li {
	float: left;
	display: inline;
	width: 91px; height: 57px;
	margin: 0 7px;
}

.long #in-action {
	position: absolute; bottom: 90px; left: -115px;
	width: 107px;
}
.long #in-action h3 {
	height: 22px; width: 67px;
	background-position: -205px -160px
}
.long #in-action ul {
	padding: 7px 7px 0;
}
.long #in-action ul li {
	float: none;
	margin: 7px 0;
}


/**
* =featured
* @subsection featured
* --------------------------------------------------------------------------------------------------
*/
#features {
	float: left;
	width: 195px;
	margin: 0; padding: 0;
	list-style: none;
}
	#features li {
		margin: 0 0 10px 0;
	}
	#features #features-man-tips,
	#features #features-man-tips a {
		height: 258px;
		background-image: url(img/nightbefore/wtnb.jpg);
	}
	#features #features-get-the-look,
	#features #features-get-the-look a {
		height: 211px;
		margin-bottom: 0;
		background-image: url(img/features/get-the-look.jpg);
	}
	#features #features-know-the-score,
	#features #features-know-the-score a {
		height: 262px;
		background-image: url(img/features/know-the-score.jpg);
	}
	#features #features-free-flip-flops,
	#features #features-free-flip-flops a {
		height: 262px;
		background-image: url(img/features/free-flip-flops.jpg);
	}

    #features #features-participating-dealer,
    #features #features-participating-dealer a {
       height: 213px;
       margin-bottom: 9px;
       background-image: url(img/features/participating-dealer.jpg);
    }
    #features #features-full-range,
    #features #features-full-range a {
       height: 258px;
       background-image: url(img/features/full-range.jpg);
    }
    

	#nav #breadcrumb #features-man-tips,
	#nav #breadcrumb #features-man-tips a,
	#nav #breadcrumb #features-get-the-look,
	#nav #breadcrumb #features-get-the-look a,
	#nav #breadcrumb #features-know-the-score,
	#nav #breadcrumb #features-know-the-score a,
	#nav #breadcrumb #features-free-flip-flops,
	#nav #breadcrumb #features-free-flip-flops a {
		width: 127px;
		margin: 0; padding: 0;
	}
	#nav #breadcrumb #features-man-tips,
	#nav #breadcrumb #features-get-the-look,
	#nav #breadcrumb #features-know-the-score,
	#nav #breadcrumb #features-free-flip-flops {
		margin: 10px 0;
	}
	#nav #breadcrumb #features-man-tips,
	#nav #breadcrumb #features-man-tips a {
		height: 168px;
		background-image: url(img/nightbefore/wtnb-small.jpg);
	}
	#nav #breadcrumb #features-get-the-look,
	#nav #breadcrumb #features-get-the-look a {
		height: 137px;
		margin-bottom: 0;
		background-image: url(img/features/get-the-look-small.jpg);
	}
	#nav #breadcrumb #features-know-the-score,
	#nav #breadcrumb #features-know-the-score a {
		height: 179px;
		margin-bottom: 0;
		background-image: url(img/features/know-the-score-small.jpg);
	}
	#nav #breadcrumb #features-free-flip-flops,
	#nav #breadcrumb #features-free-flip-flops a {
		height: 179px;
		margin-bottom: 0;
		background-image: url(img/features/free-flip-flops-small.jpg);
	}
	
#featured {
	float: right;
	width: 744px; height: 480px;
	margin: 0;
}
#featured h1,
#featured h1 a,
#featured h1 a img {
	display: block;
	margin: 0; padding: 0;
	border: 0;
}
#featured,
#featured object,
#featured embed {
	outline: 0;
}


/**
* =look
* @subsection get the look
* --------------------------------------------------------------------------------------------------
*/
body.get-the-look #get-the-look {
	position: relative;
	overflow: hidden;
	width: 790px;
	padding: 20px 0 0; margin: 0 0 50px;
	background-color: #fff;
}
body.get-the-look ul.slider {
	overflow: hidden;
	width: 600px;
	padding: 0; margin: 0 auto;
	list-style: none;
}
html.js body.get-the-look ul.slider {
	width: 870px;
	margin: 0;
}
body.get-the-look ul.slider li,
body.get-the-look ul.slider li a {
	width: 248px;
}
body.get-the-look ul.slider li {
	position: relative; overflow: hidden;
	float: left;
	width: 285px;
	margin: 0 13px 20px 0;
	background-color: #fff;
}
body.get-the-look ul.roundabout-holder {
	height: 621px;
	padding: 0;
}
body.get-the-look ul.slider li a,
body.get-the-look ul.roundabout-holder .roundabout-moveable-item {
	display: block; overflow: hidden;
	top: 0 !important;
	height: 581px; width: 283px;
	padding-bottom: 38px;
	text-decoration: none;
	border: 1px solid #fff;
	cursor: pointer;
	outline: 0;
}
body.get-the-look ul.slider li a * {
	cursor: pointer;
}
html.js body.get-the-look ul.slider li a,
body.get-the-look ul.roundabout-holder .roundabout-moveable-item {
	border-color: #fff;
}
body.get-the-look ul.slider li a,
body.get-the-look ul.roundabout-holder .roundabout-in-focus {
	cursor: auto;
	border-color: #f37021;
}
html.js body.get-the-look ul.slider li img {
	position: absolute; top: 0; left: 0;
	height: 93.85%; width: 100%;
}

body.get-the-look ul.slider li h1 {
	position: absolute; bottom: -1px; left: 0; z-index: 10000;
	height: 38px; width: 285px;
	margin: 0; padding: 0;
	color: #fff; text-align: center; font-size: 18px; line-height: 38px;
	text-decoration: none; text-transform: uppercase;
	background-color: #f37021;
}
		
body.get-the-look ul.slider li div.items {
	position: absolute; bottom: 37px; right: -1px; z-index: 500; zoom: 1;
	width: 150px; height: 100px;
	padding: 2px 10px 40px 6px;
	background: url(img/misc/info.png) repeat 0 0;
}
	body.get-the-look ul.slider li div.items h2,
	body.get-the-look ul.slider li div.items ul,
	body.get-the-look ul.slider li div.items h2 a,
	body.get-the-look ul.slider li div.items ul a,
	body.get-the-look ul.slider li div.items p span {
		color: #000; text-decoration: none;
	}
	body.get-the-look ul.slider li div.items h2 {
		font-size: 12px;
	}
		body.get-the-look ul.slider li div.items li,
		body.get-the-look ul.slider li div.items p span {
			float: none;
			display: block;
			font-size: 10px;
			border: 0;
		}
			body.get-the-look ul.slider li div.items a,
			body.get-the-look ul.slider li div.items h2 a,
			body.get-the-look ul.slider li div.items ul a,
			body.get-the-look ul.slider li div.items li a,
			html.js body.get-the-look ul.slider li h1 a {
				height: auto; width: auto;
				padding: 0;
				border: 0;
			}

html.js body.get-the-look ul.slider li div.items,
html.js body.get-the-look ul.slider li h1 {
	display: none;
}
html.js body.get-the-look ul.slider li.roundabout-in-focus div.items,
html.js body.get-the-look ul.slider li.roundabout-in-focus h1 {
	display: block;
}
html.js body.get-the-look ul.slider li div.items {
	bottom: -120px;
}
html.js body.get-the-look ul.slider li.default div.items {
	bottom: 37px;
}


body.get-the-look ul.roundabout-pagination {
	position: absolute; bottom: 180px; left: 50%; z-index: 500;
	width: 380px;
	padding: 0; margin: 0 0 0 -155px;
	list-style: none;
}
	body.get-the-look ul.roundabout-pagination li {
		position: absolute; top: 0;
		width: 30px;
	}
	body.get-the-look ul.roundabout-pagination li.previous {
		left: 0;
	}
	body.get-the-look ul.roundabout-pagination li.next {
		right: 0;
	}
		body.get-the-look ul.roundabout-pagination li a {
			height: 35px;
			background-image: url(img/misc/arrows-large.gif);
		}
		body.get-the-look ul.roundabout-pagination li.previous a {
			background-position: 0 0;
		}
		body.get-the-look ul.roundabout-pagination li.next a {
			background-position: -30px 0;
		}


body.get-the-look #content div.hproduct div.extra,
body.get-the-look #content div.hproduct div.extra #zoom,
body.get-the-look #content div.hproduct div.extra #zoom a {
	height: 581px; width: 283px;
}
body.get-the-look #content div.hproduct h1.fn,
body.get-the-look #content div.hproduct div.details {
	width: 486px;
}
body.get-the-look #content div.hproduct div.details {
	position: relative; zoom: 1;
	float: right;
	margin: 0; padding: 0;
}
body.get-the-look #content div.hproduct div.details,
body.get-the-look #content div.hproduct form.options {
	height: auto;
}
body.get-the-look #content li.hproduct a.image {
	width: 175px;
	margin-right: 1px;
}
body.get-the-look #content li.hproduct div.details h1.fn {
	width: auto;
}
body.get-the-look #content div.hproduct div.details div.details {
	float: left;
	width: 160px;
	margin-right: 5px;
}
body.get-the-look #content div.hproduct div.extra {
	width: 283px;
}
body.get-the-look #content li.hproduct {
	position: relative; zoom: 1;
	border-bottom-color: #F37021;
}
body.get-the-look #content li.hproduct:last-child {
	border-bottom-width: 0;
}



/**
* =homepage
* @subsection homepage
* --------------------------------------------------------------------------------------------------
*/
body.homepage #content {
	width: 948px; min-height: 0;
	padding-bottom: 9px; margin: 0 9px 0;
	background-image: none;
}
body.homepage div.products h3 {
	float: left;
	height: 125px; width: 210px;
	margin: 0;
	background-image: url(img/scroller/title.jpg);
}
body.homepage #container div.products ul,
body.homepage #container div.products div.has-carousel {
	float: right;
	width: 676px;
}
html.js body.homepage #container div.products.scroller {
	width: 936px; height: 132px;
}

/**
* =deal
* @subsection deal
* --------------------------------------------------------------------------------------------------
*/
body.tv_deal #content {
   padding-top: 10px;
}
body.tv_deal #features {
   float: right;
}
body.tv_deal #featured {
   float: left;
}


/**
* =basket
* =cart
* @subsection basket
* --------------------------------------------------------------------------------------------------
*/
#content table.basket {
	width: 100%;
	margin-bottom: 0;
	background-color: #fff;
}
#content table.basket col.image,
#content table.basket thead th#basket-image {
	width: 180px;
}
#content table.basket col.description,
#content table.basket thead th#basket-description {
	width: 310px;
}
#content table.basket col.colour,
#content table.basket th#basket-colour {
	width: 110px;
}
#content table.basket col.quantity,
#content table.basket th#basket-quantity {
	width: 130px;
}
html.js #content table.basket col.quantity,
html.js #content table.basket th#basket-quantity {
	width: 70px;
}
#content table.basket col.size,
#content table.basket th#basket-size {
	width: 100px;
}
#content table.basket col.leg-size,
#content table.basket th#basket-leg-size {
	width: 100px;
}
#content table.basket th#basket-price,
#content table.basket th#basket-total {
	width: 60px;
}

#content table.basket th,
#content table.basket td {
	padding: 5px 0 10px;
	border-bottom: 1px solid #ccc;
}
#content table.basket thead th {
	border-bottom-color: #f37021;
}
#content table.basket tbody td {
	height: 75px;
	padding: 10px 0;
	vertical-align: middle;
}
#content table.basket form {
	width: auto;
	margin: 0;
}
#content table.basket .quantity form div {
	float: left;
}
#content table.basket .quantity form label {
	display: none;
}
#content table.basket .quantity form input.submit {
	float: left;
	margin-left: 3px;
}
html.js #content table.basket .quantity form input.submit {
	display: none;
}
#content table.basket .image img {
	display: block;
	margin: 0 auto;
}
#content table.basket tfoot p.update {
	margin: 5px 0 0 auto;
}
#content table.basket tfoot th,
#content table.basket tfoot td {
	border-bottom-width: 0;
}
#content table.basket tfoot tr.subtotal th,
#content table.basket tfoot tr.subtotal td {
	border-bottom-width: 1px;
}
#content table.basket tfoot th {
	padding-right: 10px;
	color: #f37021; text-align: right;
}
#content table.basket tfoot tr.shipping th,
#content table.basket tfoot tr.shipping td {
	padding-top: 20px;
}

body.cart #voucher form {
	float: right;
	width: 595px;
	margin: 10px 0 0;
}
body.cart #voucher div,
body.cart #voucher label,
body.cart #voucher div input {
	float: left;
	width: auto;
	color: #000; font-weight: normal;
}
body.cart #voucher div input {
	width: 200px;
	margin-right: 5px;
}

body.cart #recommended {
	padding: 0 0 20px;
}
	body.cart #recommended h2 {
		height: 32px; width: 410px;
		padding: 0; margin: 0;
		background-image: url(img/sprites/title-sub.gif);
		background-position: 0 -64px;
	}
	body.cart #recommended p.lede {
		margin: -4px 0 0;
		font-weight: normal; font-size: 16px;
	}
	body.cart #recommended ul.products {
		overflow: hidden;
		padding: 15px 0; margin: 5px 0 10px;
		background-color: #fff;
		border: 1px solid #F37021;
	}
	body.cart #recommended ul.products li {
		float: left;
		width: 235px;
		padding: 0 15px 0 12px;
		border: 0; border-right: 1px solid #ccc;
	}
	body.cart #recommended ul.products li:last-child {
		border-right: 0;
	}
	
	body.cart #recommended ul.products li div.info,
	body.cart #recommended ul.products li div.options {
		float: left;
		width: 110px; height: 150px;
	}
	body.cart #recommended ul.products li div.info h3,
	body.cart #recommended ul.products li div.info h4 {
		display: none;
	}
	body.cart #recommended ul.products li div.info img {
		display: block;
	}

	body.cart #recommended ul.products li div.options {
		position: relative; float: none;
		margin-left: 125px;
	}

	body.cart #recommended ul.products li div.buy {
		position: absolute; bottom: 0; right: 0;
	}
	body.cart #recommended ul.products li div.options p.price span.vat-free {
		text-align: right; color: #000; text-transform: uppercase;
	}


	
body.cart #content p.checkout {
	margin: 20px 0 20px auto;
}

#checkout fieldset {
	clear: both;
	padding-bottom: 25px;
}
#content #checkout fieldset.address-select div.radio {
	margin-left: 256px;
}
#content #checkout fieldset.address-select div.select {
	width: 510px;
	margin-bottom: 15px; padding-bottom: 20px;
}
#content #checkout fieldset.address-select div.select select {
	width: 315px;
}
html.js #checkout fieldset.address-new {
	display: none;
}
html.js #checkout fieldset.address-new-show fieldset.address-new {
	display: block;
}
#content #checkout fieldset input.checkout {
	margin-left: 485px;
}
#content #payment form,
#content #payment input.submit {
	float: none;
	margin-left: 0;
}

#content #checkout #how_did_you_here {
	border-top: 3px solid #F37021;
	padding-top: 25px;
}
#content #checkout #how_did_you_here div {
	margin-left: 25px;
}
#content #checkout #how_did_you_here div label {
	width: 220px;
}
#content #checkout #how_did_you_here div.select label {
	padding-top: 0;
}

body.order-confirmation #nav-pages {
	margin-top: -30px;
}

/**
* =account
* @subsection account
* --------------------------------------------------------------------------------------------------
*/
body.account.details #content form p.lede {
	margin-right: 0;
	font-weight: bold;
}
#address-management col.summary,
#address-management col.address,
#address-summary {
	width: 450px;
}
#address-management col.default,
#address-default {
	width: 85px;
}
#address-management form {
	width: auto;
	margin: 0;
}
#address-management #address-default,
#address-management .default form {
	text-align: center;
}

#order_history col.status,
#order_history col.date,
#history-date,
#history-status {
	width: 125px;
}
#order_history col.order,
#history-order {
	width: 300px;
}
#order_history td.order p,
#order_history td.order ul {
	margin-bottom: 0;
	list-style: none;
}

body.account #logout form {
	margin: 0;
}
body.account #logout form input.submit {
	float: none;
	padding: 0; margin: 0;
	font-size: 22px; color: #F37021; line-height: 1; font-weight: bold;
	border: 0;
}


/**
* =mantips
* @subsection man tips
* --------------------------------------------------------------------------------------------------
*/
body.man-tips {}
body.man-tips #audio-video {
	overflow: hidden;
	float: left;
	width: 509px;
}
body.man-tips #nav-sub {
	margin-bottom: 20px;
}
body.man-tips #audio-video h2 {
	height: 32px;
	padding: 0; margin: 0 0 23px;
	background-image: url(img/sprites/title-sub.gif);
	border-bottom: 1px solid #b2b4b6;
}
body.man-tips #video h2 {
	background-position: 0 0;
}
body.man-tips #audio h2 {
	background-position: 0 -32px;
}
body.man-tips div.video {
	float: right;
	height: 337px; width: 397px;
	background: no-repeat 0 0;
}
body.man-tips #audio-video ul.nav {
	margin: 0; padding: 0;
	list-style: none;
}
body.man-tips #audio-video #audio ul.nav {
	overflow: visible;
	height: 110px;
}
	body.man-tips #audio-video ul.nav li {
		margin: 0 10px 20px 0;
	}
	body.man-tips #audio-video ul.nav li.banned {
		margin-top: -12px; margin-left: -17px;
	}
		body.man-tips #audio-video ul.nav li,
		body.man-tips #audio-video ul.nav li a {
			height: 82px; width: 99px;
		}
		body.man-tips #audio-video ul li#man-tip-1,
		body.man-tips #audio-video ul li#man-tip-1 a {
			background-image: url(img/man-tips/thumb/1.jpg);
		}
		body.man-tips #audio-video ul li#man-tip-2,
		body.man-tips #audio-video ul li#man-tip-2 a {
			background-image: url(img/man-tips/thumb/2.jpg);
		}
		body.man-tips #audio-video ul li#man-tip-3,
		body.man-tips #audio-video ul li#man-tip-3 a {
			background-image: url(img/man-tips/thumb/3.jpg);
		}
		body.man-tips #audio-video ul li#man-tip-4,
		body.man-tips #audio-video ul li#man-tip-4 a {
			background-image: url(img/man-tips/thumb/4.jpg);
		}
		body.man-tips #audio-video ul li#man-tip-5,
		body.man-tips #audio-video ul li#man-tip-5 a {
			background-image: url(img/man-tips/thumb/5.jpg);
		}
		body.man-tips #audio-video ul li#man-tip-6,
		body.man-tips #audio-video ul li#man-tip-6 a {
			background-image: url(img/man-tips/thumb/6.jpg);
		}
		body.man-tips #audio-video ul li#man-tip-6-banned,
		body.man-tips #audio-video ul li#man-tip-6-banned a {
			height: 102px; width: 135px;
			background-image: url(img/man-tips/thumb/6_banned.jpg);
		}

body.man-tips #audio {
	clear: left; padding-top: 30px;
}
body.man-tips #audio ul.nav li {
	float: left;
	margin-right: 30px;
}
body.man-tips #audio ul.nav li.banned {
	margin-right: 0;
}
body.man-tips #video {
	overflow: hidden; position: relative;
	width: 509px;
}
body.man-tips #video ul.nav {
	float: left;
}
body.man-tips #video p.download {
	position: absolute; top: 368px; left: 0;
}
body.man-tips div.details {
	float: left;
	width: 273px;
	margin: 0 0 0 9px; padding: 0 0 7px;
	background: url(img/man-tips/desc.jpg) no-repeat 0 100%;
}
body.man-tips div.details h3 {
	height: 419px;
	margin: 0 0 16px;
	background: url(img/man-tips/harry.jpg) no-repeat 0 0;
}
body.man-tips div.details p {
	margin: 0; padding: 0 15px 0 10px;
	color: #fff; line-height: 1.35;
}
body.man-tips div.details p strong {
	color: #f37021;
}

body.man-tips-more #content {
	position: relative;
}
body.man-tips-more #content #woman {
	position: absolute; top: 43px; right: 0;
	width: 315px; height: 675px;
	background: #fff url(img/man-tips/woman.jpg) no-repeat 7px 100%;
}

body.man-tips-more #submit-man-tips h2.replace,
body.man-tips-more #top-man-tips h2.replace {
	width: 509px; height: 32px;
	margin: 0 0 15px;
	background-image: url(img/sprites/title-sub.gif);
	background-repeat: no-repeat;
	border-bottom: 1px solid #B2B4B6;
}
body.man-tips-more #submit-man-tips h2.replace {
	background-position: 0 -224px;
}
body.man-tips-more #top-man-tips h2.replace {
	background-position: 0 -192px;
}

body.man-tips-more #top-man-tips ol {
	width: 476px;
	margin-bottom: 60px;
}

body.man-tips-more #submit-man-tips form {
	margin: 0;
}
body.man-tips-more #submit-man-tips label {
	color: #000;
}
body.man-tips-more #submit-man-tips label strong {
	text-transform: uppercase;
}
body.man-tips-more #submit-man-tips div.textarea textarea {
	width: 430px;
}
body.man-tips-more #submit-man-tips div.textarea span.error {
	margin-left: 270px;
}

body.man-tips-more #win {
	width: 350px;
	margin-bottom: 40px;
}
body.man-tips-more #win h4 {
	margin-bottom: 3px; text-transform: uppercase;
}


/**
* =know-the-score
* @subsection know the score world cup page
* --------------------------------------------------------------------------------------------------
*/
body.know-the-score #content div.competition {
	float: left;
	width: 410px;
}
body.know-the-score #content div.details {
	float: right;
	width: 354px;
	padding: 437px 0 0;
	color: #fff; font-size: 8px;
	background: #252122 url(img/know-the-score/fridge.jpg) no-repeat 0 0;
}
body.know-the-score #content div.details h3 {
	margin: 0; padding: 10px 15px 20px;
	font-size: 12px; color: #F37021;
	border-top: 20px solid #fff;
	background: url(img/know-the-score/top.jpg) no-repeat 0 0;
}
body.know-the-score #content div.details ol,
body.know-the-score #content div.details ul {
	margin: -15px 0 0; padding: 0 10px 10px 30px;
	background: url(img/know-the-score/bottom.jpg) no-repeat 0 100%;
}

body.know-the-score #content div.competition h2.replace {
	height: 32px;
	padding: 0; margin: 0 0 15px;
	background-image: url(img/sprites/title-sub.gif);
	background-position: 0 -256px;
	border-bottom: 1px solid #B2B4B6;
}
body.know-the-score #content div.competition h2.thank-you {
	height: 38px;
	background-position: 0 -288px;
}
body.know-the-score #content div.competition p.lede {
	font-size: 16px;
}
body.know-the-score #content div.competition p.conditions {
	margin-right: 20px;
	font-size: 9px;
}

body.know-the-score #content div.competition form,
body.know-the-score #content div.competition form div {
	width: 400px;
}
body.know-the-score #content div.competition form {
	margin: 0 0 20px;
}
body.know-the-score #content div.competition form div label {
	width: 50px;
	color: #000; text-align: left;
}
body.know-the-score #content div.competition form div input {
	width: 325px;
}
body.know-the-score #content div.competition form div span.error {
	margin-left: 60px;
}

body.know-the-score #content div.competition form div.game {
	overflow: hidden;
	padding: 0 0 25px;
}
body.know-the-score #content div.competition form div.game h3 {
	margin: 0 0 10px;
	font-size: 14px; font-weight: normal;
}
body.know-the-score #content div.competition form div.team,
body.know-the-score #content div.competition form span.v {
	float: left;
	width: 160px;
}
body.know-the-score #content div.competition form div.team select {
	border: 4px solid #F37021;
}
body.know-the-score #content div.competition form div.team label,
body.know-the-score #content div.competition form span.v {
	width: 90px;
	font-size: 22px; line-height: 1.2; font-weight: normal;
}
body.know-the-score #content div.competition form span.v {
	width: 30px;
	margin: 0 10px 0 0;
	text-align: center; font-weight: bold;
}
body.know-the-score #content div.competition form div.south-africa,
body.know-the-score #content div.competition form div.england,
body.know-the-score #content div.competition form div.portugal {
	width: 200px;
}
body.know-the-score #content div.competition form div.south-africa label,
body.know-the-score #content div.competition form div.england label,
body.know-the-score #content div.competition form div.portugal label {
	float: right;
	width: 130px;
}
body.know-the-score #container #content div.share {
	float: right;
	margin-right: 15px;
}


/**
* =other
* @subsection other pages
* --------------------------------------------------------------------------------------------------
*/
body.delivery-charges #delivery p {
	overflow: hidden;
	width: 31em;
	margin: 0 0 10px 15px;
	font-size: 16px; color: #aeb0b1; font-weight: bold;
}
body.delivery-charges #delivery p span {
	float: left;
	width: 20em;
}
body.delivery-charges #delivery p strong {
	color: #242021;
}

#contact-address {
	height: 61px;
}
#safety-images {
	float: right;
	margin: 0; padding: 0;
	list-style: none;
}
#safety-images li.l {
	margin-top: 80px;
}
table.safety-info th,
table.safety-info td {
	padding: 0 20px 0 0;
}

body.faqs dl {
	margin-right: 50px;
}
body.faqs dl dd {
	margin-bottom: 50px;
	color: #5a5758;
}
body.faqs p.important {
	font-size: 16px; font-weight: bold;
}


#content .adr span {
	display: block;
}
#addresses {
	overflow: hidden;
	padding: 0 0 20px;
}
	#addresses div {
		float: left;
		width: 375px;
		margin: 0 20px 0 0;
	}
	#addresses div dl {
		height: 150px;
	}
	#addresses div dl dt,
	#addresses div dl dd,
	#addresses div address {
		margin: 0;
	}
	#addresses div dl dt {
		float: left; clear: left;
		width: 100px;
		font-weight: normal; font-style: italic;
	}
	#addresses div dl dd {
		margin-left: 110px;
	}

div.link-list {
	margin: 0 0 50px;
}
div.link-list ul,
ul.link-list {
	margin: 0; padding: 0;
	list-style: none;
}
	div.link-list ul li,
	ul.link-list li {
		overflow: hidden;
		padding: 0 0 5px;
		color: #5a5758;
	}
		div.link-list ul li p,
		ul.link-list li p {
			margin: 0;
			color: #5a5758;
		}
		div.link-list ul li a,
		ul.link-list li a {
			float: left;
			width: 17em;
			color: #000; text-decoration: none;
		}
		div.link-list ul li a:hover,
		div.link-list ul li a:focus,
		div.link-list ul li a:active
		ul.link-list li a:hover,
		ul.link-list li a:focus,
		ul.link-list li a:active {
			text-decoration: underline;
		}

ol.hatom {
	width: 550px;
	padding: 0; margin: 0;
	list-style: none;
}
	ol.hatom li {
		overflow: hidden;
		clear: right;
		padding: 0 0 10px;
	}
		ol.hatom li h2,
		ol.hatom li h2 a {
			display: block;
			color: #fff; text-decoration: none;
		}
		ol.hatom li h2 {
			overflow: hidden;
			width: 520px;
			padding: 12px 15px; margin: 0;
			font-size: 14px; line-height: 38px;
			background-color: #f37021;
		}
		ol.hatom li h2 span {
			font-weight: bold;
		}
		ol.hatom li h2 strong {
			font-weight: normal;
		}
		ol.hatom li img {
			float: right;
			display: block;
			margin: 0 0 15px 15px;
		}
		ol.hatom li .entry-content {
			padding: 20px 0 0 20px;
		}
		ol.hatom li table td,
		ol.hatom li table th {
			padding: 0 10px;
		}
		ol.hatom li ul li {
			overflow: visible;
			clear: none;
		}

		html.js ol.hatom li h2 {
			padding-top: 0; padding-bottom: 0;
		}
		html.js ol.hatom li h2 a {
			padding: 12px 0; line-height: 14px;
		}
		html.js ol.hatom li .toggle {
			display: none;
		}
		html.js ol.hatom li.default .toggle {
			display: block;
		}

body.downloads p.lede {
	margin-bottom: -10px;
	color: #4f4d4e; font-size: 14px;
}
body.downloads #download {
	position: relative; overflow: hidden;
	width: 789px;
	padding: 1px; margin: 0 0 10px;
}
body.downloads #download h2 {
	float: left;
	margin: 0 10px 25px 0;
}
body.downloads #download p.lede {
	margin: 4px 0 0;
	color: #B2B4B6;
}
body.downloads #download img {
	clear: left; float: left;
	margin: 0 20px 0 0;
}
body.downloads #download .sizes {
	position: absolute; bottom: 0; left: 575px;
	width: 200px;
}
body.downloads #download .sizes ul {
	margin: 0; padding: 0;
	list-style: none;
}
body.downloads #download .sizes  li {
	overflow: hidden; position: relative;
	width: 182px; height: 20px;
	margin: 0 0 4px; padding: 1px 0;
}
html.js body.downloads #download .sizes ul input {
	float: left;
	margin-top: 2px;
}
html.js body.downloads #download .sizes ul label {
	margin: 1px 0 10px 18px;
	line-height: 1;
}
html.js body.downloads #download .sizes ul {
	margin-bottom: 29px;
}
html.js body.downloads #download .sizes-download ul {
	margin-bottom: 5px;
}
body.downloads #download div.share {
	clear: both;
}


body.about #content p,
body.legal #content p,
body.legal #content ol,
div.guides {
	margin-right: 100px;
}


body.contact #content h2 {
	margin: 0 0 20px;
	font-size: 18px; color: #999;
}

body.legal p.lede strong {
	font-weight: bold;
}

body.legal #address {
	margin: 0 0 40px;
}
body.legal #address address {
	margin: 0 0 5px;
}
body.legal #address address span {
	display: block;
}
body.legal #address p {
	display: block; overflow: hidden;
	clear: both;
	width: 20em;
	margin: 0;
}
	body.legal #address p span {
		float: left;
		width: 10em;
	}
	body.legal #address p strong {
		font-weight: normal;
	}

body.legal #content ol,
body.legal #content ol h3 {
	font-size: 14px; font-weight: bold;
}
body.legal #content ol h3 {
	text-transform: uppercase;
}
body.legal #content ol {
	margin-left: 0;
	list-style: none;
}
body.legal #content ol li {
	margin: 0 0 40px;
}
body.legal #content ol ol li {
	margin: 0 0 20px;
}
body.legal #content ol ol {
	margin-right: 0; margin-left: 30px;
	font-size: 12px; font-weight: normal;
}
body.legal #content ol ol ul,
body.legal #content ol ol ol {
	margin: 0 0 1em 0;
	list-style: none;
}
body.legal #content ol ol ul li,
body.legal #content ol ol ol li {
	margin: 0;
}
body.legal #content ol ol p + ul,
body.legal #content ol ol p + ol {
	margin-top: -1.5em;
}


body.downloads div.download {
	overflow: hidden;
	width: 790px;
	padding: 20px 0;
	border-bottom: 1px solid #b2b4b6;
}
body.downloads div.download:last-child {
	border-bottom-width: 0;
}
	body.downloads div.download ul {
		overflow: hidden;
		padding: 0; margin: 0;
		list-style: none;
	}
		body.downloads div.download ul li {
			float: left;
			margin: 0 50px 20px 0;
		}


div.guides table td,
div.guides table th {
	padding: 4px 10px;
}
#footwear table td,
#footwear table th {
	text-align: center;
}
div.guides .tips img {
	float: right;
	margin: 0 0 20px 25px;
}


#content #signin-register,
#content #forgotten-password,
#content #register form,
#content #account-details,
#content #account-password,
#content #checkout {
	position: relative;
	overflow: hidden;
	margin-left: 0;
}
#content #forgotten-password {
	width: 525px;
}
#content #forgotten-password div {
	margin-left: 80px;
}

#content #signin-register #details div,
#content #register form div,
#content #account-details div,
#content #account-password div,
#content #checkout div {
	margin-left: 125px;
}
#content #signin-register input.submit,
#content #register input.submit,
#content #account-details input.submit,
#content #account-password input.submit,
#content #checkout input.submit {
	float: none;
	margin-left: 430px;
}
#content #signin-register input.submit {
	margin-left: 490px;
}
#content #signin-register,
#content #register form,
#content #account-details,
#content #account-password,
#content #checkout {
	width: auto; zoom: 1;
	margin-bottom: 50px;
}
#content #signin-register h2,
#content #account-details h2,
#content #account-password h2,
#content #checkout h2,
#content #account-details p,
#content #account-password p,
#content #signin-register p,
#container #content #delivery-details #toggle-delivery,
#content #register #signin-register #newsletter div.radio {
	margin-left: 40px;
}
#content #signin-register #forgotten {
	position: absolute; bottom: 0; left: 0;
}
#content #signin-register #forgotten,
#content #signin-register #forgotten * {
	margin: 0; padding: 0;
}
#content #register input.submit {
	margin-left: 444px;
}
#content #account-details input.submit,
#content #account-password input.submit {
	margin-left: 380px;
}
#content #register #newsletter div.radio,
#content #register #newsletter ul {
	margin-left: 15px;
}
#content #register #newsletter ul li {
	float: left;
	margin: 0 50px 0 0;
}
#content #register #newsletter ul li label {
	width: auto;
}

html.js form #delivery-details div,
html.js form #delivery-details div.toggle,
html.js #signin-register div.password {
	display: none;
}
html.js form #delivery-details div.toggle div {
	display: block;
}
html.js #container #content #delivery-details div.toggle {
	margin: 15px 0 0;
}
html.js form #delivery-details #toggle-delivery {
	display: block;
}
html.js form #delivery-details #toggle-delivery label {
	width: 400px;
}




body.register #exists {
	width: 400px;
	font-size: 16px;
}


body.sitemap #content #sitemap-general,
body.sitemap #content #sitemap-shopping,
body.sitemap #content #sitemap-information {
	float: left;
	width: 260px;
}
body.sitemap #content div ul li {
	float: left;
	width: 248px;
	padding-left: 12px;
	background: url(img/misc/bullet.gif) no-repeat 0 7px;
	list-style: none;
}
body.sitemap #content div {
	width: 550px;
}
body.sitemap #sitemap-safety_footwear {
	clear: left;
}
body.sitemap #content div {
	overflow: hidden;
	padding: 15px 0 25px;
}
body.sitemap #content div h2,
body.sitemap #content div h2 a,
body.sitemap #content p a {
	color: #000; font-size: 14px; text-decoration: none; font-weight: bold;
}
body.sitemap #content div a,
body.sitemap #content p a {
	color: #000; text-decoration: none;
}
body.sitemap #content div a:hover,
body.sitemap #content div a:focus,
body.sitemap #content div a:active {
	text-decoration: underline;
}
body.sitemap #content #sitemap-accessories ul li {
	float: none;
}
body.sitemap #content p {
	margin: 0;
}


body.dealer-locator #content h1.replace {
	position: relative; z-index: 500;
}
body.dealer-locator iframe#store_locator {
	margin-top: -70px;
}

/**
* =admin
* =cms
* @subsection admin area
* --------------------------------------------------------------------------------------------------
*/
body.admin #nav {
	width: auto;
}
body.admin #mini-cart {
	width: 928px;
	background-repeat: repeat-x;
	text-align: right;
}
body.admin #mini-cart p {
	float: none;
}
body.admin #content h1.heading {
	overflow: hidden;
}
body.admin #content h1.heading span {
	float: left;
	width: auto; min-width: 244px;
}
body.admin #content h1.heading a {
	float: left;
	margin: 17px 0 0 10px;
	font-size: 14px;
}
body.admin #content h1.heading a:hover,
body.admin #content h1.heading a:focus,
body.admin #content h1.heading a:active {
	text-decoration: none;
}
body.admin #content p.note {
	margin: 0 0 5px;
	color: #aaa;
}
body.admin #content table {
	width: 700px;
}
body.admin #content table form {
	width: auto;
	padding: 0; margin: 0;
}
body.admin #content th,
body.admin #content td {
	padding: 10px;
}
body.admin #content table tr:last-child td {
	border-color: #fff;
}
body.admin #content table tr:nth-child(even) td {
	background-color: #efefef;
}
body.admin #content col.stock,
body.admin #content col.status,
body.admin #content col.number {
	width: 100px;
}
body.admin #content col.size {
	width: 70px;
}
body.admin #content col.colour {
	width: 130px;
}
body.admin #content col.number {
	width: 100px;
}
body.admin #content col.date {
	width: 175px;
}
body.admin #content table.orders col.price,
body.admin #content #order col.total {
	width: 120px;
}
body.admin #content #product-stock,
body.admin #content #product-status,
body.admin #content #product-size,
body.admin #content #product-leg-size,
body.admin #content #product-colour,
body.admin #content #breakdown-date,
body.admin #content #breakdown-order-id,
body.admin #content #response-count,
body.admin #content .status,
body.admin #content .size,
body.admin #content .leg-size,
body.admin #content .colour,
body.admin #content .date,
body.admin #content .number {
	text-align: center;
}

body.admin #content input.submit {
	width: 100px;
	padding: 5px 0;
	color: #4F4D4E; text-align: center;
	background-color: #D3D5D6;
	border: 0;
}
body.admin #content form.download input.submit {
	width: auto;
	padding: 5px 10px;
}
body.admin #content .status-out-of-stock span,
body.admin #content .status-in-stock span {
	display: block;
	height: 10px; width: 10px;
	margin: 0 auto;
}
body.admin #content .status-in-stock span {
	background-color: #3DAF36;
}
body.admin #content .status-out-of-stock span {
	background-color: #EF2C2C;
}

body.admin #previous-reports form {
	margin-left: 0;
}
body.admin #previous-reports table,
body.admin #previous-reports table td {
	height: auto;
	margin: 0;
}
body.admin #previous-reports table {
	width: 300px;
}
body.admin #content #previous-reports form:nth-child(even) td {
	background-color: #efefef;
}
body.admin #content .calendar-picker {
	position: relative; overflow: visible;
}
.calendar-picker a.dp-choose-date {
	position: absolute; top: 3px; right: -17px;
	height: 16px; width: 16px;
	background-image: url(img/misc/calendar.png);
}


body.admin .product-toggle {
	padding-bottom: 15px; margin-bottom: 25px;
	border-bottom: 1px solid #C9CACB;
}
body.admin-products p.lede {
	margin-bottom: 2em;
	font-size: 14px; color: #4F4D4E;
}
html.js body.admin .product-toggle div.toggle {
	display: none;
}
html.js body.admin .product-toggle.active div.toggle {
	display: block;
}
html.js body.admin .product-toggle h2 a {
	text-decoration: none;
}
html.js body.admin .product-toggle h2 a:hover,
html.js body.admin .product-toggle h2 a:focus,
html.js body.admin .product-toggle h2 a:active {
	text-decoration: underline;
}
body.admin #getthelook select {
	width: 310px;
}
body.admin #getthelook input.submit {
	margin-right: 5px;
}

body.admin #content table.orders,
body.admin #content #order table {
	width: 780px;
}
body.admin #content table.orders abbr {
	text-transform: none; font-size: 1em; letter-spacing: 0;
}
html.js body.admin #content #order form input.submit {
	display: none;
}
body.admin #content #order table col.date {
	width: 90px;
}
body.admin #content #order table col.details {
	width: 250px;
}
body.admin #content #order table col.name {
	width: 104px;
}
body.admin #content #order table col.price {
	width: 85px;
}
body.admin #content table.orders col.price {
	width: 140px;
}
body.admin #content #order table th {
	vertical-align: bottom;
}
body.admin #content #order table #order-total {
	text-align: center;
}
body.admin #content #order table .total {
	text-align: right;
}
body.admin #content #order table td {
	height: auto;
	vertical-align: top;
}
body.admin #content #order table .details {
	padding-right: 0;
}
body.admin #content #order table .details table {
	width: 240px;
	margin: 0;
}
html.js body.admin #content #order table .details table {
	display: none;
}
body.admin #content #order table .details table tr td {
	white-space: nowrap;
}
body.admin #content #order table .details table tr:last-child td {
	border: 0;
}
body.admin #content #order table tr:nth-child(2n) .details table tr:nth-child(2n) td {
	background-color: #e6e6e6;
}


body.admin #content #orders-form {
	position: absolute; top: 30px; right: 30px;
	width: 405px;
	margin: 0;
}
body.admin #content #orders-form label {
	color: #fff;
}
body.admin #content #orders-form .text input {
	width: 263px;
	border-color: #F37021;
}
body.admin #content #orders-form div.select {
	position: absolute; bottom: 0; left: -300px;
}
body.admin #content #orders-form div.date {
	overflow: hidden; float: left;
}
body.admin #content #orders-form div.date div.select {
	float: left; position: relative; bottom: auto; left: auto;
	padding-bottom: 0;
}
body.admin #content #orders-form div.date div.select.year label {
	width: 46px;
}
body.admin #content #orders-form input.submit {
	width: 70px;
	padding: 3px 0;
}
body.admin #content #order-detail-info {
	overflow: hidden; float: left;
	width: 290px;
	margin: 0 30px 0 0;
}
body.admin #content #order-detail-info dt,
body.admin #content #order-detail-info dd {
	padding: 0; margin: 0 0 5px;
}
body.admin #content #order-detail-info dt {
	float: left;
	width: 130px;
}
body.admin #content #order-detail-info .total {
	padding-bottom: 10px; margin-bottom: 12px;
	border-bottom: 1px solid #ccc;
}

body.admin #content #order-detail-list {
	clear: left;
	padding: 20px 0 0;
}
body.admin #content #order-detail-list table {
	width: 550px;
	background-color: #fff;
}
body.admin #content #order-detail-list table col.number {
	width: 120px;
}
body.admin #content #order-detail-list table col.quantity {
	width: 70px;
}
body.admin #content #order-detail-list table col.name {
	width: 160px;
}
body.admin #content #order-detail-list table col.colour {
	width: 70px;
}
body.admin #content #order-detail-list table .quantity {
	text-align: center;
}
body.admin #content #order-detail-addresses {
	overflow: hidden;
	float: left;
	width: 470px;
}
body.admin #content #order-detail-addresses div {
	float: left;
	width: 200px;
}
body.admin #content #order-detail-update {
	width: 300px;
}
body.admin #content div.order-detail-update {
	padding: 10px 0 0;
}
body.admin #content div.order-detail-update form {
	width: 290px;
	margin: 0;
}
body.admin #content div.order-detail-update form label {
	width: auto;
}
body.admin #content div.order-detail-update form div.select {
	float: left;
	padding-bottom: 0;
}
body.admin #content div.order-detail-update input.submit {
	padding: 3px 0;
}
html.js body.admin #content div.order-detail-update input.submit {
	display: none;
}
body.admin #content #order-back {
	margin-top: 20px;
}


body.admin #content #know-the-score-form {
	position: absolute; top: 10px; right: 0;
	width: 390px;
}
body.admin #content #know-the-score-form div {
	margin: 0; padding: 0;
}
body.admin #content #know-the-score-form div.team,
body.admin #content #know-the-score-form span.v {
	float: left;
	width: 147px;
}
body.admin #content #know-the-score-form div.team select {
	border: 4px solid #F37021;
}
body.admin #content #know-the-score-form div.team label,
body.admin #content #know-the-score-form span.v {
	width: 90px;
	margin: 0 0 10px;
	font-size: 22px; line-height: 1.2; font-weight: normal; color: #fff;
}
body.admin #content #know-the-score-form span.v {
	width: 30px;
	margin: 0 10px 0 0;
	text-align: center; font-weight: bold;
}
body.admin #content #know-the-score-form div.south-africa,
body.admin #content #know-the-score-form div.england,
body.admin #content #know-the-score-form div.portugal {
	width: 200px;
}
body.admin #content #know-the-score-form div.south-africa label,
body.admin #content #know-the-score-form div.england label,
body.admin #content #know-the-score-form div.portugal label {
	float: right;
	width: 130px;
	text-align: left;
}
body.admin #content #know-the-score-form input.submit {
	margin: -2px 178px 0 0;
	padding: 4px 0;
}

body.admin #review-listing td {
	vertical-align: top;
}
body.admin #review-edit input.submit {
	margin: 0 0 10px 10px;
}
body.admin #review-edit input.delete {
	color: #fff;
	background-color: #F37021;
}



/**
* =share
* @subsection share this
* --------------------------------------------------------------------------------------------------
*/
#container #content div.share {
	position: relative; overflow: hidden;
	display: none;
	height: 18px; width: 295px;
	padding: 10px; margin-top: 10px;
	background-color: #fff;
	border: 1px solid #AEB0B2;
}
html.js #container #content div.share {
	display: block;
}
body.man-tips #container #content div.share {
	float: right;
	width: 375px;
}
#container #content div.share #share-friend {
	float: left;
}
#container #content div.share ul {
	float: right;
	width: 160px;
	padding: 0; margin: 0;
	list-style: none;
}
#container #content div.share ul li {
	float: left;
	margin: 0 3px 0 0;
}
#container #content div.share #share-this {
	margin-right: 10px;
}
#container #content div.share a {
	position: relative;
	display: block;
	height: auto;
	text-decoration: none; line-height: 17px; font-size: 10px; color: #999;
}
#container #content #share-friend {
	margin: 0;
}
#container #content #share-this a {
	position: relative;
	width: 28px;
	padding: 0 5px 2px 25px;
}
#container #content #share-friend a {
	padding: 0 0 2px 38px;
	background: url(img/misc/envelope.gif) no-repeat 0 50%;
}
#container #content div.share #share-this {
	background: url(img/misc/share.gif) no-repeat 0 0;
}
#container #content div.share #share-this span,
#container #content #share-friend a span {
	position: absolute; top: 0; left: 0;
	visibility: hidden;
}
#container #content #share-friend a:hover,
#container #content #share-friend a:focus,
#container #content #share-friend a:active,
#container #content #share-this a:hover,
#container #content #share-this a:focus,
#container #content #share-this a:active {
	text-decoration: underline;
}


/**
* =zoom
* @subsection zoom
* --------------------------------------------------------------------------------------------------
*/
.jqZoomTitle {
	display: none;
}
.jqZoomPup {
	overflow: hidden; z-index: 10;
	background: #fff;
	border: 1px solid #c4c4c4;
	opacity: 0.6; filter: alpha(opacity=60);
	cursor: crosshair;
}
.jqZoomPup img {
	border: 0;
}
.jqZoom img {
	position: absolute; top: 0; left: 0; z-index: 1000 !important;
}
#content .hover a img {
	opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0;
}
.jqZoomWindow {
	position: absolute !important; top: 0 !important; left: 0 !important; z-index: 1 !important;
	width: 315px !important; zoom: 1;
	background-color: #fff;
	border: 1px solid #999;
}

body.get-the-look .jqZoomWindow {
	width: 283px !important;
}
body.get-the-look .jqZoomWindow {
	*left: 284px !important;
}


/**
* =scroll
* @subsection scrollbar
* --------------------------------------------------------------------------------------------------
*/
.jScrollPaneContainer {
	position: relative; z-index: 20;
	overflow: hidden;
	outline: 0 !important;
}
.jScrollPaneTrack,
.jScrollPaneDrag,
.jScrollPaneDragBottom,
a.jScrollArrowUp,
a.jScrollArrowDown {
	position: absolute; z-index: 1;
	overflow: hidden;
	outline: 0 !important;
}
.jScrollPaneTrack,
.jScrollPaneDragTop,
a.jScrollArrowUp {
	top: 0;
}
.jScrollPaneDragTop,
.jScrollPaneDragBottom {
	left: 0;
}
.jScrollPaneTrack,
a.jScrollArrowUp,
a.jScrollArrowDown {
	right: 0;
}
.jScrollPaneDragBottom,
a.jScrollArrowDown {
	bottom: 0;
}
.jScrollPaneTrack {
	height: 100%;
	background: #e5e6e7;
	cursor: default;
}
.jScrollPaneDrag {
	height: 42px !important;
	background: #d1d3d4;
	cursor: pointer;
}
a.jScrollArrowUp,
a.jScrollArrowDown {
	right: 0;
	height: 16px !important; width: 16px !important;
	background-image: url(img/misc/arrows-grey.gif);
}
a.jScrollArrowUp {
	background-position: -3px 0;
}
a.jScrollArrowDown {
	background-position: -23px 0;
}


/**
* =lightbox
* jQuery lightBox plugin
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
* and adapted to me for use like a plugin from jQuery.
* @name jquery-lightbox-0.5.css
* @author Leandro Vieira Pinho - http://leandrovieira.com
* @version 0.5
* @date April 11, 2008
* @category jQuery plugin
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
* @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
* @subsection scrollbar
* --------------------------------------------------------------------------------------------------
*/
#jquery-overlay {
	position: absolute; top: 0; left: 0; z-index: 6090;
	width: 100%; height: 500px;
}
#jquery-lightbox {
	position: absolute; top: 0; left: 0; z-index: 6100;
	width: 100%;
	text-align: center; line-height: 0;
}
#jquery-lightbox a img {
	border: none;
}
#lightbox-container-image-box {
	position: relative;
	width: 250px; height: 250px;
	margin: 0 auto;
	background-color: #fff;
}
#lightbox-container-image {
	padding: 10px;
}
#lightbox-loading {
	position: absolute; top: 40%; left: 0%;
	height: 25%; width: 100%;
	text-align: center; line-height: 0;
}
#lightbox-nav {
	position: absolute; top: 0; left: 0; z-index: 10;
	height: 100%; width: 100%;
}
#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}
#lightbox-nav a {
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display: block; zoom: 1;
	width: 49%; height: 100%;
	outline: 0;
}
#lightbox-nav-btnPrev {
	float: left;
	left: 0;
}
#lightbox-nav-btnNext {
	float: right;
	right: 0;
}
#lightbox-container-image-data-box {
	overflow: auto;
	width: 100%;
	margin: 0 auto; padding: 0 10px 0;
	font: 10px Verdana, Helvetica, sans-serif; line-height: 1.4em;
	background-color: #fff;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	float: left;
	width: 70%;
	text-align: left;
}
#lightbox-image-details-caption {
	font-weight: bold;
}
#lightbox-image-details-currentNumber {
	clear: left;
	display: block;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	overflow: hidden;
	float: right;
	width: 66px; height: 22px;
	padding-bottom: 0.7em;
	outline: 0;
}


/**
* =checkbox
* =radio
* @subsection custom radio / checkbox buttons
* --------------------------------------------------------------------------------------------------
*/
div.custom-checkbox label,
div.custom-radio label {
	line-height: 18px !important;
	cursor: pointer;
}
span.custom-checkbox,
span.custom-radio {
	float: left;
	cursor: pointer;
}
span.custom-checkbox,
span.custom-checkbox .mark,
span.custom-radio,
span.custom-radio .mark {
	display: inline;
}
span.custom-checkbox img,
span.custom-radio img {
	width: 17px; height: 17px;
	vertical-align: middle;
	background: transparent no-repeat -2000px -2000px;
}
span.custom-checkbox img {
	background-image: url(img/misc/input-checkbox.gif);
}
span.custom-radio img {
	/*background-image: url(img/sprites/sizes.gif);*/
	background-image: url(img/sprites/sizes.jpg);
}

html.js #content .hproduct .options .custom-radio li {
	width: 21px; height: 21px;
	padding: 0;
	border: 0;
}
html.js #content .hproduct .options .custom-radio li span.mark {
	display: block;
	height: 17px; width: 17px;
	padding: 1px;
	border: 1px solid #D1D3D4;
	background-color: #fff;
}

#size-small span.custom-radio img {
	background-position: 0 -20px;
}
#size-medium span.custom-radio img {
	background-position: -20px -20px;
}
#size-large span.custom-radio img {
	background-position: -40px -20px;
}
#size-x_large span.custom-radio img {
	background-position: -60px -20px;
}
#size-xx_large span.custom-radio img {
	background-position: -80px -20px;
}
#size-xxx_large span.custom-radio img {
	background-position: -100px -20px;
}

#size-30 span.custom-radio img {
	background-position: 0 0;
}
#size-31 span.custom-radio img {
	background-position: -199px 0;
}
#size-32 span.custom-radio img {
	background-position: -20px 0;
}
#size-33 span.custom-radio img {
	background-position: -199px -20px;
}
#size-34 span.custom-radio img {
	background-position: -40px 0;
}
#size-36 span.custom-radio img {
	background-position: -60px 0;
}
#size-38 span.custom-radio img {
	background-position: -80px 0;
}
#size-40 span.custom-radio img {
	background-position: -100px 0;
}

#size-6 span.custom-radio img {
	background-position: -120px 0;
}
#size-7 span.custom-radio img {
	background-position: -120px -20px;
}
#size-8 span.custom-radio img {
	background-position: -140px 0;
}
#size-9 span.custom-radio img {
	background-position: -140px -20px;
}
#size-10 span.custom-radio img {
	background-position: -160px 0;
}
#size-11 span.custom-radio img {
	background-position: -160px -20px;
}
#size-12 span.custom-radio img {
	background-position: -180px 0;
}
#size-13 span.custom-radio img {
	background-position: -120px -20px;
}

#size-one_size span.custom-radio img {
	background-position: -140px 0;
}

/*
 * Dealer map
 *
 */


#dealer-map-container{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DF7422;
    height: 599px;
    width: 964px;
}

#dealer-map { 
    width: 600px;
    height: 450px;
    position: relative;
    float: right;
}

#infoPane{ 
   position:relative;
   font-size:1.5em;
   width: 364px;
   height: 450px;
   float: left;
   overflow:auto;
}

#dealerDirectionsForm, #resultsHeader{
    font-size:1.2em;
    margin:10px 40px;
    position:relative;
}

#dealerSearchForm{
    font-size:1.2em;
    margin:10px 40px;
}

#dealerSearchForm input,
#find-dealer-postcode form div.formField input {
    background-color:#DCDDDE;
    border:1px solid #DCDDDE;
    width:280px;
}

#dealerDirectionsContainer li{
    margin:10px 40px;
    border-bottom:1px solid #DCDDDE;
}

#dealerSearchResultsContainer li{
    margin:10px 40px;
    border-bottom:1px solid #DCDDDE;
    position:relative;
}

#dealerSearchResultsContainer li p{
    color: #666;
    font-size:0.8em;
}

#dealerSearchResultsContainer li h3{
    margin-bottom:9px;
}

#dealerSearchResultsContainer li strong{
    display:block;
    margin:10px 0;
}

#dealerSearchResultsContainer li h3 a{
    color:#000;
    text-decoration:none;
}

#dealerDirectionsContainer span.step{
    background-color:black;
    color:white;
    font-weight:bold;
    float:left;
    width:22px;
    height:22px;
    padding:3px;
    margin-right:10px;
    text-align:center;

}


#dealerDirectionsContainer span.distance{
    color:#666;
    font-size:0.8em;
}

#start{
    background-color:#DCDDDE;
    border:1px solid #DCDDDE;
    width:280px;
}

#dealerDirectionsFooter{
    font-size:1.2em;
    margin:10px 40px;
}

#startp{

}

.tripDetails{
    margin:10px 40px;
    color:#666;
    font-size:0.8em;
}


#changeLocationButton{
    display:block;
    position:absolute;
    right:20px;
    bottom:76px;
    width:162px;
    height:32px;
    text-indent:-999px;
    background-repeat:no-repeat;
    background-image:url(img/misc/change-location.gif);
}

a.getDirections{
    display:block;
    position:absolute;
    right:0px;
    bottom:13px;
    width:77px;
    height:19px;
    text-indent:-999px;
    background-repeat:no-repeat;
    background-image:url(img/misc/directionsb.gif);
}

#dealerDirectionsForm a.getDirections{
    bottom:-30px;
}

a.change{
    display:block;
    width:59px;
    height:15px;
    text-indent:-999px;
    background-image:url(img/misc/change.gif);
}

a.enter,
#find-dealer-postcode div.formSubmit input {
    display:block;
    width:77px;
    height:19px;
    margin: 10px 0px 0px 207px;
    text-indent:-999px;
    background-repeat:no-repeat;
    background-image:url(img/misc/enterb.gif);
	border: 0;
}
/*
        #changeLocation {
            position: absolute; z-index: 50000;
            height: 109px; width: 275px;
            padding: 40px 15px;
            background: #fff url(img/misc/just-added.jpg) no-repeat 0 0;
            background-color:blue;
        }
*/

        #header {
            position: relative; 
            overflow: hidden;
            height: 149px;
            background: #F27521 url(img/layout/header.jpg) no-repeat 0 0;;
        }

        #header h1,
        #header h1 a {
            float: left;
            height: 100%; width: 206px;
            background: url(img/logo.jpg) no-repeat 0 0;
        }

        #header #changeLocation {
            bottom: 0; right: 10px;
        }


#find-dealer-postcode {
	position: absolute; top: 90px; right: 28px;
    z-index:5001;
	background: #fff;
}
#find-dealer-postcode form,
#find-dealer-postcode form fieldset {
	width: 180px;
	border: 0;
}
#find-dealer-postcode form {
	padding: 10px;
	font-size: 1.2em;
}
#find-dealer-postcode form div.formField label {
	display: block;
	padding: 0 0 3px;
	font-size: 1.2em;
}
#find-dealer-postcode form div.formField input {
	width: 180px;
	padding: 3px 0;
}
#find-dealer-postcode form div.formSubmit {
	margin: 8px 0 0;
}
#find-dealer-postcode form div.formSubmit input {
	margin: 0;
}
#infoboxText{
    color:white;
    background-color:black;
    position:absolute;
    top:0px;
    left:23px; 
    width:240px;
    min-height:100px;
}
#infoboxTitle{
    position:absolute;
    top:10px;
    left:10px;
    width:220px;
}

#infoboxClose{
    position:absolute;
    top:-8px;
    right:-8px; 
}

#infoboxDescription{
    position:absolute;
    top:30px;
    left:10px;
    width:220px;
}

body.tv_deal #header {
	overflow: visible;
}