/*

Tradingeye SCREEN style sheet
=================================================

Copyright:		2009 dpivision.com
Author:			Ian Sidaway
Last edit:		09/09/2009 by Ian Sidaway
Notes:			Horizontal top-level departments, optional drop-down sub departments

*/


/* RESET
------------------------------ */

/* global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
/**/ol, ul, li {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
/* global reset-reset */

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
a img {
	border: none;
}
/* =BASE
================================================= */

html {
	background-color: #b4985a;
	background-image: url(../images/global/bg.jpg);
}
body {
	color: #565656;
	text-align: center;
	margin: 0;
	padding: 0;
	font: 62.5%/1.8em Arial, Helvetica, sans-serif;
}
table, td, input, textarea, select, li {
	color: #222;
	font: 1em Arial, Helvetica, sans-seriff;
}
/* hidden items */

#skip, .hidden {
	display: none;
}
/* basic links */

a:link, a:visited, a:active {
	color: #3b3b3b;
	text-decoration: none;
}
a:hover {
	color: #1d1d1d;
}
/* images */

img {
	border: none;
}
/* typography */

p, h1, h2, h3, h4, h5, h6 {
	margin: 0.5em 0;
}
h2 {
	font-weight: bold;
	font-size: 1.28em;
	color:#a98638;
}
h2#pageTitle {
	margin: .7em 0;
	padding: 0 0 0.6em;
	/*line-height: 1.9em;
	float:left;*/
	border-bottom: 2px solid #f9f7f1;
	display:block;
	width:100%;
}
h2#pageTitle span {
	color: #aaa;
}
h3 {
	clear: both;
	font-size: 1.2em;
	font-weight: bold;
}
h4, h5 {
	font-size: 1.1em;
	font-weight: bold;
	color:#a98638;
}
hr {
	display: none;
}
.message {
	/*background: #f2f2f2;*/
	font-size: 1em;
	color:#930000;
	margin: 0 0 1em 0;
	padding: .5em 0;
}
.message.positive {
	background: #0f0;
}
.message.negative {
	background: #f7e1e1;
}
.note {
	background: #f3f3f3;
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: .5em 10px;
}
.warning, .err {
	background: #f7e1e1;
	font-size: 1em;
	padding: .5em 10px;
}
.highlight {
	font-size: 1.4em;
}
address {
	font-style: normal;
	margin: 1em 0;
}
/* =CONTAINER
================================================= */

#container {
	margin: 0 auto;
	padding-top:100px;
	position: relative;
	text-align: left;
	width: 940px;
	z-index:1;
	background: #fff url(../images/global/container-bg.png) repeat-y left top;
}
/* =HEADER
================================================= */

#header {
	height: 140px;
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	background: url(../images/global/header-bg.png) repeat-x left top;
	z-index:10;/**/
}
#header .inner {
	margin: 0 auto;
	position: relative;
	width: 940px;
}
/* company logo & tagline */

h1#logo {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left:-470px;
}
h1#logo a {
	background-image: url(../images/global/logo.png);
	background-repeat: no-repeat;
	width:940px;
	height:140px;
	display:block;
}
h1#logo a span {
	display:none;
}
#tagline {
	border: none;
	color: #345068;
	font: normal 2em Palatino, Times, Times New Roman, serif;
	left: 10px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 75px;
}
/* shopping basket info */

#info {
	margin: 0 0 0;
	padding: 0;
	/*position: absolute;	
	right: 20px;
	top: -3.2em;
	text-align: right;
	z-index: 10;
	height: 3.2em;
	font-weight: bold;	
	line-height: 3.2em;color: #fff;*/	
	width: 225px;
}
#basketTitle {
	border-bottom: 2px solid #f9f7f1;
	font-weight: bold;
	font-size: 1.17em;
	margin: .7em 0;
	color:#a98638;
	padding: 0 0 0.6em 30px;
	background: url(../images/global/cart.png) no-repeat left top;
	display: block;
}
#info a {
	color: #a98638;
	font-weight: bold;
}
#info a:hover {
/*color: #fff;*/
	}
#basket {
	line-height: 1.4em;/**/
}
/* =MID
================================================= */

#mid {
	margin: 0 auto;
	padding-bottom: 1.5em;
	position: relative;
	width: 940px;
}
/* breadcrumb trail */

#breadcrumbs {
	color: #4c4c4c;
	float: left;
	margin: 6em 0 .5em 175px;
	/*position:absolute;
	top:9em;
	left:180px;*/
	font-size: 1em;
	display: inline;
	padding: .5em 10px;
	width: auto;
}
#breadcrumbs a {
	color: #4c4c4c;
}
#breadcrumbs a:hover {
	color: #4c4c4c;
}
/* =SIDEBAR
================================================= */

#sidebar {
	float: right;
	font-size: 1.2em;
	display: inline;
	margin-right: 10px;
	margin-bottom: 1em;
	width: 225px;
}
/* search */

#searchTitle {
	border-bottom: 2px solid #f9f7f1;
	font-weight: bold;
	font-size: 1.17em;
	margin: .7em 0;
	color:#a98638;
	padding: 0 0 0.6em;
}
#search {
	margin: 0;
	padding: 0 0 1em;
}
#search label {
	display: none;
}
#searchKeyword {
	background: #fff;
	border: 1px solid #ddd;
	float: left;
	margin: 0;
	padding: 4px;
	width: 170px;
}
#adv {
	border: 1px solid #d9d9d9;
	float: left;
	margin: 1em 0 0 0;
	padding: 3px 4px;
	width: 180px;
}
#searchSubmit {
	background: #a98638;
	border: 0;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #fff;
	float: left;
	height: 2em;
	line-height: 2em;
	margin: 1em 0 0 0.5em;
	overflow: hidden;
	padding: 0 4px;
	text-transform: uppercase;
}
#searchSubmit:hover {
	cursor: pointer;
	background-color: #947530;
}
/* brand */

#shopbyBrandTitle {
	background: #f2f2f2;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0;
	padding: .5em 10px;
	text-transform: uppercase;
}
#shopByBrand {
	float: left;
	padding: 3px 4px;
	width: 180px;
}
#brandSubmit {
	background: #5a8bb6;
	border: 0;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #fff;
	float: right;
	height: 2.2em;
	line-height: 2.2em;
	margin: 0;
	overflow: hidden;
	padding: 0 4px 1px 4px;
	text-transform: uppercase;
}
#brandSubmit:hover {
	background: #4f7a9f;
	cursor: pointer;
}
/* top-level navigation */

#navDeptTitle {
	display: none;
}
#navDept, #navDept li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#mainNav {
	width: 150px;
	left: 0;
	position: absolute;
	top: 0;
	/*background-color:#f3efe6;
	height:100%;*/
	padding:102px 0 0 20px;
}
#mainNav h2 {
	border-bottom: 2px solid #e6deca;
	font-weight: bold;
	font-size: 1.17em;
	padding: 0 0 0.6em;
	margin: 0 0 0;
	color:#a98638;
}
#navDept {
	/*left: 20px;
	position: relative;
	top: 80px;*/
	width:150px;
	padding-bottom:40px;
}
#navDept li {
	/*display: block;
	height: 2.5em;	
	padding: .2em 0 .2em;*/
	margin: 0;
	padding:0;
	position: relative;
	border-bottom:1px solid #c1c1c1;
	font-size: .91em;
}
#navDept li a {
	color: #565656;
	display: block;
	/*font-size: 1.1em;
	line-height: 2.5em;*/
	display: block;
	padding: .75em 0 .6em 0.4em;
	margin:0;
	text-transform:uppercase;
}
#navDept li a:hover {
	color: #b4985a;
}
#navDept li a.selected {
	color: #111;
	background: #e6deca;
	color:#565656;
}
#navDept li a:hover.selected {
	color: #111;
}
/* navSub dropdown menu - shows only when tree nav is enabled in admin > design settings */

.navSub, .navSub li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.navSub {
/*display: none;
	position: relative;
	z-index: 9999;*/
	}
#navDept li:hover .navSub {
/*display: block;
	float: none;
	left: 0;
	top: 3.3em;
	position: absolute;
	width: 170px;*/
	}
#navDept li:hover .navSub li {
	clear: left;
	display: block;
	float: none;
	position: relative;
}
#navDept li:hover .navSub li a {
	background: #4f7a9f;
	border-top: 0;
	display: block;
	width: 170px;
}
#navDept li .navSub a.selected {
	color: #cbd7e2;
}
#navDept li:hover .navSub li a:hover {
	background: #5a8bb6;
	color: #fff;
}
#navDept li:hover .navSub li .navSub {
	display: none;
	position: relative;
}
#navDept li:hover .navSub li:hover .navSub {
	display: block;
	float: none;
	top: 0;
	left: 194px;
	position: absolute;
	width: auto;
}
#navDept li:hover .navSub li:hover .navSub li .navSub {
	display: none;
	position: relative;
}
#navDept li:hover .navSub li:hover .navSub li:hover .navSub {
	display: block;
	float: none;
	top: 0;
	left: 194px;
	position: absolute;
	width: auto;
}
/* customer tools */

#navToolsTitle {
	display: none;
}
#navTools, #navTools li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navTools {
	/*position: absolute;
	top: 10px;
	right: 0;*/
	margin:0 0 2em;
}
#navTools li {
	/*float: left;
	margin-right: 2em;*/
	padding: .2em 0;
}
#navTools li a {
	color: #a98638;
	text-transform:lowercase;
	font-weight:bold;
}
#navTools li a:hover, #navTools li a.selected {
	color: #a98638;
}
#navTools li a span {
}

/* menu items */

.navStaticTitle {
	background: #f2f2f2;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0 .5em 0;
	padding: .5em 10px;
	text-transform: uppercase;
}
.navStatic, .navStatic li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.navStatic {
	margin-bottom: 1em;
}
.navStatic li a, .navStatic li a:link, .navStatic li a:visited, .navStatic li a:active {
	background: url(../graphics/petrol/navStaticBg.gif) no-repeat 1em .9em;
	color: #777;
	display: block;
	width: 100%;
}
.navStatic li a:hover {
	color: #111;
}
.navStatic li a span {
	display: block;
	padding: .5em 10px .5em 2.4em;
}
/* newsletter signup */

#newsletterTitle {
	background: #f2f2f2;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0;
	padding: .5em 10px;
	text-transform: uppercase;
}
#newsletter label {
	display: none;
}
#newsletterEmail {
	background: #fff;
	border: 1px solid #d9d9d9;
	float: left;
	margin: 0;
	padding: 4px;
	width: 170px;
}
#newsletterSubmit {
	background: #5a8bb6;
	border: 0;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #fff;
	float: right;
	height: 2.2em;
	line-height: 2.2em;
	margin: 0;
	overflow: hidden;
	padding: 0 4px 1px 4px;
	text-transform: uppercase;
}
#newsletterSubmit:hover {
	background: #4f7a9f;
	cursor: pointer;
}
/* menu items */

#recentlyViewedTitle {
	border-bottom: 2px solid #f9f7f1;
	font-weight: bold;
	font-size: 1.17em;
	padding: 0 0 0.6em;
	margin: .7em 0;
	color:#a98638;
}
#recentlyViewed, #recentlyViewed li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#recentlyViewed {
	margin-bottom: 2em;
}
#recentlyViewed li a, #recentlyViewed li a:link, #recentlyViewed li a:visited, #recentlyViewed li a:active {
	color: #b29559;
	display: block;
	width: 100%;
	margin: .5em 0;
	font-size: 0.95em;
}
#recentlyViewed li a span {
	color:#565656;
}
/* =MAIN
================================================= */

#main {
	float: left;
	font-size: 1.1em;
	display: inline;
	width: 490px;
	margin:0 0 0 170px;
	border-right: 1px solid #f7f4ee;
	padding: 0 15px 0 15px;
	/*clear:both;*/
	position:relative;
}

#mainHome{ float: left;
	font-size: 1.1em;
	display: inline;
	width: 740px;
	margin:0 0 0 170px;
	padding: 0 15px 0 15px;
	position:relative;}
/* =CONTENT
================================================= */

#content {
	margin: 0 0 1em;
}
#content #contactDetails {	
	float: left;
	width: 170px;
	/*background: #f2f2f2;
	margin-left: 20px;
	padding: 1em 15px;*/
}
#content #contactDetails address {
	margin: 0;
}
#content a {
	font-weight: bold;
}
#content ul, #content ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#content ul {
	margin: 1em 0 2em 0;
}
#content ul li {
	list-style: disc;
	margin: .5em 0 .5em 2em;
}
#content ol {
	margin: 1em 0 2em 0;
}
#content ol li {
	margin: .5em 0 .5em 2em;
	list-style-type: decimal;
}
p.buttonWrapper {
	height: 2em;
	line-height: 2em;
	margin: 1em 0;
}
p.buttonWrapper a:link, p.buttonWrapper a:visited, p.buttonWrapper a:active {
	/* background: #5a8bb6; */
	background-color: #A98638;
	color: #fff;
	margin-right: .5em;
	padding: .5em 1em;
}
p.buttonWrapper a:hover {
	/* background: #4f7a9f; */
	background-color: #A98638;
}
/* =SUBDEPARTMENTS
================================================= */

#navSubDept, #navSubDept li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navSubDept {
	/*background: #a98638;
	margin: 1em 0 2em 0;
	padding: 1em 10px;
	position: relative;*/
	color: #fff;
}
#navSubDept li {
	display: block;
	float: left;
	list-style: none;
	margin: 0 10px 0 0;/*height: 2em;
	line-height: 2em;width: 315px;*/
	}
#navSubDept li a {
	color: #fff;
	display: block;
	font-weight: normal;
	text-indent: 0;
	padding: 4px 7px;
	background: #a98638;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#navSubDept li a:hover, #navSubDept li a.selected {
	color: #111;
}
/* =FORMS
================================================= */

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}
legend {
	clear: left;
	color: #222;
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2em;
}
fieldset h3 {
	margin: 1em 0;
}
.formField {
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 4px;
	width: 170px;
}
select.formSelect {
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 3px 4px;
	width: 170px;
}
select.formSelectMedium {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 3px 4px;
	width: 90px;
}
.formFieldShort {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 4px;/*width: 50px;*/
	}
.formFieldMedium {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 4px;
	width: 90px;
}
h3 .formRadio {
	margin: -.2em .5em 0 0;
}
p .formRadio {
	margin: -.2em .5em 0 0;
}
.formButton {
	background: #a98638;
	border: none;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #fff;
	height: 2em;
	line-height: 2em;
	overflow: hidden;
	padding: 0 4px 2px 4px;
}
.formButton:hover {
	background: #a98638;
	cursor: pointer;
}
label {
	margin: .5em 0;
}
label span {
	color: #a00;
	font-size: 110%;
	font-weight: bold;
}
input.formField:focus, input.formFieldShort:focus, input.formFieldMedium:focus, textarea:focus, .quantity:focus, .formField.comments:focus {
	background: #fff;
	border: 1px solid #aaa;
}
.formCheckbox, .formRadio {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
p .formCheckbox {
	margin: -.4em .5em 0 0;
}
p .formRadio {
	margin: -.4em .5em 0 0;
}
/* content area forms (checkout, login, contact form etc.) */

#main label {
	display: block;
}
#main .formField, #main .formFieldMedium {
	margin: 0 0 .8em 0;
	width: 220px;
}
#main select.formSelect, #main select.formSelectMedium, #main select.formSelectShort {
	margin: 0 0 .8em 0;
	width: 280px;
}
#content .formField, #frmContact .formField {
	width: 220px;
}
#content .formFieldShort, #frmContact .formFieldShort {
	margin: .2em 0 1em 0;/*width: 50px;*/
	}
#content select.formSelect, #frmContact select.formSelect {
	width: 228px;
}
#content select.formSelectMedium, #frmContact select.formSelectMedium {
	margin-right: .8em;
	width: 80px;
}
#content .formButton, #frmContact .formButton {
	float: left;
	margin-right: .5em;
}
/* =TABLES
================================================= */

table {
	border-collapse: collapse;
	/*border: 1px solid #e5e5e5;
	border-bottom: 0;
	line-height: 150%;*/
	margin: .5em 0;
	width: 100%;
	clear:both;
}
th {
	border-bottom: 2px solid #f9f7f1;
	padding: 2px;
	color:#a98638;
	text-transform:uppercase;
}
tr {
}
td {
	border-bottom: 1px solid #ebebeb;
	padding: 5px;
	vertical-align: top;
}
table .price {
	/*color: #5a8bb6;*/
	font-size: 1em;
	font-weight: bold;
}
th.first, td.first {
	width: 25%;
}
td.qty {
	width: 60px;
}
th.remove {
	width: 60px;/**/
}
th.product, th.attributes {
	width: 30%
}
/* checkout form layout */
.global-form {
	clear:both;
}
table.user, table.user tr, table.user td {
	background: none;
	border: none;
	padding: 0;
}
table.user {
	margin: 0;
}
table.user td {
/*width: 50%;*/
	}
/* =PAGINATION
================================================= */

.pagination {
	clear: both;
	color: #696969;
	font-weight: normal;
}
.pagination p {
	margin: 0;
}
.pagination p.current {
	display: inline;
	float: right;
	line-height: 1em;
	margin: .5em 0 0;
}
.pagination p.summary {
	border-left: 1px solid #bbb;
	float: right;
	line-height: 1em;
	margin: .5em 0 .5em .6em;
	padding-left: .5em;
}
.pagination a, .pagination a:link, .pagination a:visited, .pagination a:active {
	color: #696969;
	display: block;
	float: left;
	margin-right: 1px;
	padding: .1em 2px;
}
.pagination a:hover {
	color: #111;
}
.pagination a.selected {
	color: #a98638;
	font-weight:bold;
}
.pagination.end {
	margin-top: 0;
}
/* =PRODUCT LISTS
================================================= */

/* product list */

.products {
	clear:both;
}
.products, .products li {
	list-style: none;
	margin: 0;
	padding: 0;
	float:left;
}
.products li {
	margin: 0 0 2em 0;
	padding: 1px 5px 0 0;
	position: relative;
	width: 160px;
	text-align:center;
}
.products li h3 {
	font-size: 1.1em;
	color:#8a8a8a;
	padding:0;
	margin:0;
}
.products li h3 a, .products li h3 a:link, .products li h3 a:visited, .products li h3 a:active {
	color: #8a8a8a;
}
.products li h3 a:hover {
	color: #8a8a8a;
}
.products .image {
	margin: 0 0 10px;
}
.products .image a img {
}
.products .image a:hover img {
}
.products .addWishlist, .products .addCompare {
	display: inline;
	margin: .5em 1em .5em 0;
}
.products .desc {
	line-height: 1.5em;
}
.products .rrp {
	color: #777;
	display: inline;
	font-size: 12px;
	font-weight: bold;
}
.products .rrp span {
	color: #555;
}
/*
.products .onSale {
	background: #a00;
	display: inline;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 1.5em 1em .5em 1em;
	position: absolute;
	top: -.5em;
	right: 10px;
}
*/
.products .price {
	color: #000;
	font-size: 1.5em;
	font-weight: normal;
}
.products .quantity {
	clear: both;
	margin: -3em 0 1em 0;
	text-align: right;
}
.products .actions {
	float: right;
	margin: .5em 0;
	text-align: right;
}
/* product grid */

.products.grid {
	margin: 0;
	width: 500px;
}
.products.grid li {
	float: left;
	margin: 0 0 4em 5px;
	padding: 0;
	width: 160px;
}
.products.grid .image {
	float: none;
}
.products.grid .addWishlist, .products.grid .addCompare {
	border: 0;
	display: block;
	margin: .2em 0;
	padding: 0;
}
.products.grid .price {
	margin: 0;
}
.products.grid .price span {
	/*display: block;*/
	margin: 0 0;
}
.products.grid .actions {
	clear: both;
	float: none;
	margin: .5em 0;
	text-align: left;
}
/* sort by options / attributes header */

#productSort h3 {
	/*clear: both;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0 0 0;
	text-transform: uppercase;*/
	display:none;
}
#productSort h3 a {
	color: #999;
	height: 2.7em;
	line-height: 2.7em;
	padding: .8em 10px;
}
#productSort h3 a:hover {
	color: #555;
}
#productSort h3 a.selected {
	background: #f2f2f2;
	color: #111;
}
#productSort h3 a span {
	color: #777;
	letter-spacing: normal;
	text-transform: none;
}
/* sort container */

#productSort #productSortOptions {
	/*background: #f2f2f2;
	margin: 0 0 1em 0;
	padding: .5em 10px;
	float: right;*/
	width: 22em;
	position:absolute;
	top:5px;
	right:10px;
	text-align:right;
}
/* sort options */

#productSort #productSortOptions .sortBlock {
}
#productSort #productSortOptions .sortBlock label {
	float:left;
	margin-right:1em;
}
#productSort #productSortOptions .sortBlock .formSelect {
	width: 150px;
	float:left;
}
#productSort #productSortOptions .formButton {
	float: left;
	padding: 0 5px 1px 5px;
	margin-left:5px;
}
/* sort by attributes */

#productSort h4 {
	margin: .8em 0 0 0;
	text-transform: none;
}
#productSort #productSortOptions dl, #productSort #productSortOptions dl dt, #productSort #productSortOptions dl dd {
	margin: 0;
	padding: 0;
}
#productSort #productSortOptions dl {
	margin: .5em 0;
	padding-left: 150px;
	position: relative;
}
#productSort #productSortOptions dl dt {
	clear: left;
	color: #555;
	float: left;
	font-weight: bold;
	margin-left: -150px;
	width: 140px;
}
#productSort #productSortOptions dl dd {
	color: #888;
	float: left;
	margin-right: 1em;
}
/* =PRODUCT DETAILS
================================================= */

/* product details */

#product {
	margin: 0 0 1em;
	color:#252525;
}
#product h3 {
	font-size:1.65em;
	line-height:0px;
}
/* image gallery */

#hideGalleryInput {
	display: none;
}
#product .image {
	float: left;
	margin: 0 0 1em 0;
	width: 240px;
}
#product .image p {
	margin: 1em 0;
}
#product .image ul, #product .image ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#product .image ul {
}
#product .image ul li {
	display: inline;
}
#product .image ul li {
	margin: 0 3px 0 0;
}
#product .image ul li a img {
	border: 1px solid #eee;
	padding: 2px;
}
#product .image ul li a:hover img {
	border: 1px solid #ddd;
	padding: 2px;
}
/* product price & options */
#viewlargelink {
	background: url(../images/global/enlarge-icon.png) no-repeat left center;
	display: block;
	padding-left: 20px;
	margin:0 auto;
	width:10em;
}
#viewAll {
	display: block;
	margin:0 auto;
	width:154px;
}

#product .info {
	float: right;
	margin: 0 0 1em 0;
	padding: 0 10px 10px 10px;
	position: relative;
	width: 225px;
	line-height: 1.3em;
}
/*
#product .info .onSale {
	background: #c00;
	display: inline;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 1.5em 1em .5em 1em;
	position: absolute;
	top: -.5em;
	right: 10px;
}
*/
#product .info .price {
	color: #111;
	font-size: 2em;
	margin: 1em 0 .5em 0;
}
#product .info .price span {
	color: #aaa;
	display: block;
}
#product .info .rrp {
	color: #777;
	font-size: 12px;
	font-weight: bold;
}
#product .info h3 {
	line-height: 1.3em;/**/
	/* margin-bottom: -.5em; */
}
#product .info label {
	float: left;
	margin: 5px .5em 0 0;
}
#product .info .formField {
	width: 130px;
}
#product .info .formButton {
	margin: 1em 0 0 0;
}
#product .info .formFieldShort, #product .info .formButton {
	/*float: left;*/
	margin-right: 1em;
}
#product .info #addWishlist, #product .info #addComparison {
	margin: .5em 0;
}
#product .actions {
	clear: both;
}
/* =ARTICLES
================================================= */

#articles ul, #articles li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#articles ul {
	margin: 1em 0;
}
#articles ul li {
	list-style: none;
	margin: 1em 0 .5em 0;
}
#articles ul li a {
	color: #666;
	font-weight: bold;
	padding-top: .2em;
}
#articles ul li a:hover {
	color: #111;
}
#pageAuthor {
	background: #f2f2f2;
	padding: .5em 10px;
}
/* =REVIEWS
================================================= */

/* star ratings */

.review {
	background: url(../graphics/petrol/ratings.gif) no-repeat 0 0;
	display: block;
	height: 12px;
	line-height: 12px;
	margin: 1em 0;
	padding-left: 80px;
}
p.rating0 {
	background-position: 0 0;
}
p.rating1 {
	background-position: 0 -12px;
}
p.rating2 {
	background-position: 0 -24px;
}
p.rating3 {
	background-position: 0 -36px;
}
p.rating4 {
	background-position: 0 -48px;
}
p.rating5 {
	background-position: 0 -60px;
}
p.rating6 {
	background-position: 0 -72px;
}
p.rating7 {
	background-position: 0 -84px;
}
p.rating8 {
	background-position: 0 -96px;
}
p.rating9 {
	background-position: 0 -108px;
}
p.rating10 {
	background-position: 0 -120px;
}
/* product page reviews */

#reviews {
	background: #f2f2f2;
	clear: both;
	margin: 1em 0;
	padding: 1px 10px;
	position: relative;
}
#reviews h3 {
	margin-bottom: 0;
	margin-right: 160px;
}
#reviews .review {
	float: right;
	margin-bottom: -1.3em;
}
p.reviewAuthor {
	float: right;
	margin-top: 0;
}
.reviewDate {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
	padding-bottom: .5em;
}
dl#reviewForm, dl#reviewForm dt, dl#reviewForm dd {
	margin: 0;
	padding: 0;
}
dl#reviewForm dt {
	margin: .5em 0 .2em 0;
}
/* =SEARCH RESULTS
================================================= */

#searchResults, #searchResults li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#searchResults {
	margin: 0 0 1.5em;
}
#searchResults li {
	margin: 0 0 10px 0;
	clear:both;
}
#searchResults h3 {
	display:inline;
	margin-right:5px;
}
#searchResults p {
	margin-top: 0;
}
#searchResults img {
	float:left;
	margin:0 10px 15px 0;
}
#searchResults span {
	color: #fff;
	font-size: .9em;
	font-weight: normal;
	margin-left: 0;
	padding: .2em .5em .15em .5em;
	background-color: #A98638;
}
#searchResults .text {
	float:left;
}
/* =MISC
================================================= */

/* site map */

#sitemap, #sitemap ul, #sitemap li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sitemap {
	margin: 1em 0;
}
#sitemap li {
	margin: .5em 0;
}
#sitemap li h3 {
	margin: .2em 0;
}
#sitemap ul {
	padding-left: 20px;
}
/* shopping cart & checkout */

.module1, .module2 {
	float: left;
	margin: 1em 0;
	width: 260px;
	display: inline;
}
.module2 h3 {
	display: none;
}
.module1 *:first-child, .module2 *:first-child {
	margin-top: 0;
}
#cartContents {
	margin-bottom: 1em;
}
#cartContents td.productDetails {
	padding-left: 80px;
}
.cartProductImage {
	display: inline;
	float: left;
	margin: 0 0 0 -75px;
}
.cartProductImage a img {
	background: #fff;
	border: 1px solid #d5d5d5;
	padding: 2px;
	width: 60px;
}
.cartProductImage a:hover img {
	background: #eee;
	border: 1px solid #d5d5d5;
	padding: 2px;
}
a.removeItem {
	height: 15px;
	width: 15px;
	background-image: url(../images/global/icon_remove.jpg);
	background-repeat: no-repeat;
	display:block;
	margin:0 auto;
}
a.removeItem span {
	display:none;
}
#acceptedCards {
	margin: 1em 0;
	clear:both;
	width:200px;
	float:left;
}
#acceptedCards img {
	margin-right: .5em;
}
/* cart totals */

#total {
	clear: both;
	margin:0 0 0 0;
	padding: 0;
}
#total dt {
	line-height: 2.5em;
	color:#a98638;
	text-transform:uppercase;
}
#total dd {
	line-height: 2.5em;
	margin-top: -2.6em;
	text-align: right;
}
#total .line {
	border-top: 2px solid #f9f7f1;
	font-weight:bold;
}
#total .total {
	font-size: 1.2em;
}
.actions {
	clear: both;
	margin: 1em 0;
}
#cv2Image {
	float: left;
	margin: -.2em 0 0 1em;
}
/* checkout summary */

#checkout dl.cartSummary, #checkout dl.cartSummary dt, #checkout dl.cartSummary dd {
	margin: 0;
	padding: 0;
}
#checkout dl.cartSummary dt {
	clear: left;
	float: left;
	margin: 0;
	width: 40%;
}
#checkout dl.cartSummary dd {
	float: left;
	margin: 0;
	width: 59%;
}
.addGiftWrap {
	float: left;
	margin: -.5em 0 0 0;
}
.paymentGateway {
	background: #fff;
	border: 1px solid #ddd;
	float: left;
	display: block;
	margin: -.5em 1em 1em 0;
	padding: 3px;
}
/* =FOOTER
================================================= */

#footer {
	/**/background: #fff;
	clear: both;
	color: #6a6a6a;
	padding: 0;
	position:relative;
	height:5em;
	border-top:1px solid #e5e5e5;
}
#footer .inner {
	margin: 0 auto;
	width: 940px;
}
#footer p {
	margin: 0;
}
#footer ul, #footer li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul {
	margin: 0;
	position:absolute;
	right:10px;
	top:5px;
}
#footer li {
	display: inline;
	margin-left: .4em;
	padding-left: .8em;
	font-size:0.9em;
}
#footer li.first {
	border: 0;
	margin-left: 0;
	padding-left: 0;
}
#footer a {
	color: #6a6a6a;
}
#footer a:hover {
	color: #6a6a6a;
}
#footer #credits {
	position:absolute;
	left:10px;
	top:5px;
	font-size:0.9em;
}
#footer .drinkaware {
	position:absolute;
	display:block;
	left:0px;
	top:20px;
	font-size:0.9em;
}
.disclaimer {
	color:#797979;
	font-style:italic;
	font-size:0.9em;
	line-height:1.2em;
}
/* =Home page
================================================= */

#fade {
	/*float: left;*/
	position: relative;
	width: 740px;
	height: 400px;
	margin-bottom: 15px;
	overflow: hidden;
	margin-top:0;
}
#leftImages {
	position: absolute;
}
#leftImages img {
	/*border: 3px solid white;*/
	position: absolute;
	z-index: 0;
}
#fade #imgNav {
	position: absolute;
	left: 15px;
	bottom: 12px;
	z-index: 10;
}
#fade #imgNav a {
	width: 8px;
	height: 8px;
	background-color: #b5985a;
	font-size: 0px;
	display: inline-block;
	margin-right: 2px;
}
#fade #imgNav a.activeSlide {
	background-color: #bdb192;
}

#vignettes {
	width:740px;
}
#vignettes .border {
	border:1px solid #ccc;
	padding:2px;
	float:left;
}
#vignette1, #vignette2 {
	width:230px;
	height:180px;
	margin:0 15px 15px 0;
	background-repeat: no-repeat;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
	background-position: center center;	
}
#vignette1 {
	background-image: url(../images/vignettes/happy-daze.jpg);
}
#vignette2 {
	background-image: url(../images/vignettes/two-trees.jpg);
}
#vignette1 img, #vignette2 img {
	position: absolute;
	left: 12px;
	bottom: -50px;
}
#vignette3 {
	width:232px;
	height:180px;
	margin:0 0 15px 0;
	background-repeat: no-repeat;
	background-position: center center;	
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;	
	background-image: url(../images/vignettes/dog-dancer.jpg);
}

#vignette3 img {
	position: absolute;
	left: 13px;
	bottom: -50px;
}

#vignette4 {
	width:230px;
	height:125px;
	margin:0 15px 0 0;
}

#vignette4 form{
	margin:0;
	padding: 1px 5px;
	height:123px;
	background-image: url(../images/vignettes/search-bg.jpg);
	background-repeat: no-repeat;
	position:relative;
	width:221px;
}
#vignette4 #searchKeyword{
	width:160px;
	margin-top:5px;
	position:absolute;
	left:10px;
	bottom:10px;
}
#vignette4 select{
	width:220px;
}
#vignette4 label{
	display:none;
 }
#vignette4 #searchSubmit{
margin:5px 0 0 0;
position:absolute;
	right:10px;
	bottom:10px;
}
#vignette5 {
	width:483px;
}

/* Contact
================================================= */

#rightMap{ width:245px; height:200px; float:right; background: #CCCCCC; }
#map{ width:245px; height:200px;}

/* =FLOAT FIX
================================================= */

.inner:after, #content:after, .products:after, .products li:after, .pagination:after, #product:after, #total:after, .module1:after, .module2:after, #search:after, #advancedSearch:after, #brand:after, #newsletter:after, #navSubDept:after, #navSubDept li:after, #productSortOptions:after, dl:after, dl dt:after, dl dd:after, form:after, .billShipBlock:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.inner, #content, .products, .products li, .pagination, #product, #total, .module1, .module2, #search, #advancedSearch, #brand, #newsletter, #navSubDept, #navSubDept li, #productSortOptions, dl, dl dt, dl dd, form, .billShipBlock {
	display: inline-block;
}
/* Hide from IE Mac \*/
.inner, #content, .products, .products li, .pagination, #product, #total, .module1, .module2, #search, #advancedSearch, #brand, #newsletter, #navSubDept, #navSubDept li, #productSortOptions, dl, dl dt, dl dd, form, .billShipBlock {
	display: block;
}
/* End hide from IE Mac */



/* Home page fix
================================================= */

.home #navTools, .home #searchTitle, .home #search, .home #recentlyViewedTitle,  .home #recentlyViewed{ display:none;}
.home .inner{ border:none;}

#productDisplay label {
	width:60px;
}

#productDisplay select {
	width:150px;
}

/* Viewing a product */

.info h3 {
	font-size:10pt;
}

.clear-floats {
	clear:both;
}

.out-of-stock, .on-sale {
	width:80px;
	height:10px;
	padding-top:15px;
	padding-bottom:5px;
	text-align:center;
	font-weight:bold;
	background-color:#900;
	color:white;
	border-radius:4px;
}

#product .on-sale {
	position:absolute;
	top:-15px;
	left:-160px;
}

#product .out-of-stock {
	position:absolute;
	top:-15px;
	left:-245px;
}

.products .on-sale {
	position:absolute;
	left:0px;
	top:-15px;
	width: 75px;
}

.products .out-of-stock {
	position:absolute;
	left:80px;
	top:-15px;
}