body {
	font-size: small;
	font-size: 10pt;
	color: #BBB;
}


body, input, select, textarea {
	font-family: Helvetica, Arial, sans-serif;
}

h1, p, dt, dd, li, cite, em, strong, i, b, s, a, span {
	line-height: 1.4em;
}

#header ul,
#sidebar,
h1,
h2,
button,
p.product-controls,
ul.fake-select,
div.product div.add label,
div.product a.size-guide,
div.product div.price,
p.checkout-link  a,
div.checkout button {
	font-family: league-gothic, Helvetica, Arial, sans-serif;
}

input[type=submit] {
	/* Can't combine this with previous style due to IE6 */
	font-family: league-gothic, Helvetica, Arial, sans-serif;
}

@-moz-document url-prefix() {
	.wf-loading #header ul,
	.wf-loading #sidebar,
	.wf-loading h1,
	.wf-loading h2,
	.wf-loading button, 
	.wf-loading input[type=submit],
	.wf-loading p.product-controls,
	.wf-loading ul.fake-select,
	.wf-loading div.product div.add label,
	.wf-loading div.product a.size-guide,
	.wf-loading div.product div.price,
	.wf-loading p.checkout-link  a,
	.wf-loading div.checkout button	{
		visibility: hidden;
		letter-spacing: -7px;
	}
}


p, li, cite {
	margin-bottom:0.8em;
}

h1 {
	clear: left;
	margin: 0;
	padding: 0;
	font-size: 2em;
	text-transform: uppercase;
	color: #DDD;
	font-weight: normal;
}

h2 {
	clear: left;
	font-size: 1.7em;
	text-transform: uppercase;
	margin: 1em 0 0 0;
	color: #CCC;
	font-weight: normal;
}

h2 a {
	text-decoration: none;
}

h2 a:hover {
	color: #EEE;
}

h2:first-child {
	margin-top: 0;
}

h3 {
	font-size: 1.2em;
}




.hidden {
	position:absolute; 
	top: -5000px; 
	width: 1px; 
	height: 1px;
	overflow: hidden; 
}

a {
	color: #D8D8D8;
}

a:hover {
	text-decoration: none;
	color: #EEE;
}

a:active, a:focus {
	outline: none;
}






dl {
	margin: -1em 0 1em 0;
}

dt {
	margin-top: 1em;
	font-weight: bold;
}

ul {
	list-style-type: square;
	display: block;
	list-style-position: outside;
	margin-left: 3em;
	margin-bottom: 1em;
}

ul.flat {
	list-style-type: none;
	margin-left: 0;
}

ol {
	list-style-type: decimal;
	display: block;
	list-style-position: outside;
	margin-left: 3em;
	margin-bottom: 1em;
}

li {
	display: list-item;
	margin-bottom: 0.5em;
}

li.current, li.current a {
	font-weight: bold;
	color: #EEE;
	text-decoration: none;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

label {
	font-weight: bold;
}

hr {
	background-image: url(/graphics/rule.png);
	background-position: left top;
	background-repeat: repeat-x;
	height: 6px;
	border: 0;
	margin: 0.5em 0;
}

.left {
	float: left;
	clear: left;
	margin: 5px 10px 10px 0;
}

.right {
	float: right;
	clear: right;
	margin: 5px 0 10px 10px;
}


div.errors {
	color: #333;
}

div.errors a {
	color: #999;
}

pre {
	color: #CCC;
	margin-top: 2em;
}

form.mailing-list {
	margin-bottom: 1em;
}

form.mailing-list div.control {
	display: inline;
}

form.mailing-list button {
	position: relative;
	top: 1px;
}

form.mailing-list input {
	width: 230px;
	margin-left: 1em;
}

div.slideshow {
	width: 550px;
	height: 370px;
	margin: 0 0 1em 0;
}

.icon {
	vertical-align: middle;
}

/**********************************************************
 * Slideshow Gallery                                      *
 **********************************************************/

ul.gallery-slideshow {
	margin: 0 0 -4px 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 100%;
}

ul.gallery-slideshow li {
	display: block;
	padding: 0;
	margin: 0;
	float: left;
	line-height: 1em;
}

ul.slideshow-controls {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
	background-color: #111;
	float: left;
	width: 100%;
}

ul.slideshow-controls li {
	display: block;
	padding: 4px;
	margin: 0;
	float: left;
	font-weight: bold;
}

ul.slideshow-controls li a {
	color: #555;
	text-decoration: none;
}

ul.slideshow-controls li.current a {
	color: #EEE;
}

ul.slideshow-controls li a:hover {
	color: #CCC;
}



/**********************************************************
 * Shop Category                                          *
 **********************************************************/

ul.products {
	float: left;
	width: 730px;
	list-style-type: none;
	margin: 0 -30px 0 0;
	padding: 0;
}

ul.products li {
	margin: 0 30px 30px 0;
	padding: 0 0 0.2em 0;
	border: 1px solid #333;
	display: block;
	float: left;
	width: 198px;
	position: relative;
	background-color: #111;
	overflow: hidden;
	background-image: url(/graphics/ajax-loader.gif);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

ul.products-small {
	width: 715px;
	margin-right: -13px;
}

ul.products-small li {
	width: 128px;
	margin: 0 13px 13px 0;
	font-size: 0.8em;
}

ul.products img.thumb {
	width: 197px;
	height: 296px;
}

ul.products-small img.thumb {
	width: 128px;
	height: 191px;
}

ul.products li span.name,
ul.products li span.price {
	height: 1em;
	display: block;
	padding: 0 3px 0.2em 3px;
	font-size: 1em;
	overflow: hidden;
	color: #999;
}

ul.products li span.price s {
	color: #CA015E;
}

ul.products li span.name {
	margin-top: -0.3em;
}

ul.products li a {
	color: #333;
	text-decoration: none;
}

ul.products li img.sold-out {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

div.paginator {
	font-size: 0.9em;
	margin-bottom: 0.5em;
	clear: both;
}

div.paginator p {
	display: inline;
}

p.loading {
	text-align: center;
	font-weight: bold;
	text-transform: lowercase;
	font-variant: small-caps;
}



/**********************************************************
 * Shop Product                                           *
 **********************************************************/


div.product div.info {
	width: 185px;
	float: right;
	margin: 0;
}

div.product div.info,
div.product div.description,
div.product div.controls {
	padding-bottom: 20px;
	margin-bottom: 20px;
	background-image: url(/graphics/rule.png);
	background-position: left bottom;
	background-repeat: repeat-x;
}

div.product.voucher div.description {
	background-image: none;
	margin-bottom: 0;
	padding-bottom: 0;
}


div.product div.price {
	font-size: 1.8em;
}

div.product div.price strong {
	display: none;
}

div.product div.price .previous-price {
	color: #CA015E;
	font-size: 0.8em;
	display: block;
}

div.product div.info p {
	margin-bottom: 0.2em;
}

div.product div.controls {
	width: 185px;
}

div.product div.controls div.group {
	clear: left;
}

div.product div.controls.multiple {
	width: 426px;
	background-color: #333;
	color: #EEE;
	padding: 0 13px;
}



div.product div.controls.multiple input.add {
	
	margin: 0.5em 0;
}

div.product div.controls.multiple div.opt {
	width: 80px;
	float: left;
	margin: 0 10px 0 0;
}

div.product div.opt,
div.product div.add {
	margin: 0.5em 0 0 0;
}

div.product div.opt label {
	display: block;
}

div.product div.opt label,
div.product div.opt select,
div.product div.opt input {
	width: 100%;
}

div.product input.qty {
	width: 32px;
	text-align: center;
}

div.product div.add {
	text-align: right;
}

div.product div.add label {
	display: none;
}

div.product p.sold-out {
	font-size: 1.1em;
	font-weight: bold;
	color: #B40000;
	text-transform: uppercase;
	text-align: right;
}

div.product p.no-trade {
	font-size: 1.1em;
	font-weight: bold;
	color: #B40000;
}



p.product-controls {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 185px;
	margin: 0;
}

body.products h1 {
	padding-right: 200px;
}

p.product-controls a.next-product,
p.product-controls a.prev-product {
	position: absolute;
	top: 0;
}

p.product-controls a.next-product {
	right: 0;
}

p.product-controls a.prev-product {
	left: 0;
}

div.product ul.photos {
	list-style-type: none;
	padding: 0;
	margin: 0;
	border: 1px solid #555;
	background-color: #111;
	width: 495px;
	height: 660px;
	position: relative;
	overflow: hidden;
	text-align: center;
}

div.product ul.photos li {
	display: block;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	position: absolute;
	list-style-type: none;
	line-height: 1em;
}

div.product ul.photo-thumbs {
	list-style-type: none;
	padding: 0;
	margin: 0 -15px 0 0;
	width: 215px;
	float: left;
}

div.product ul.photo-thumbs li {
	display: block;
	float: left;
	margin: 0 13px 13px 0;
	padding: 0;
	border: 1px solid #555;
	background-color: White;
	width: 84px;
	height: 112px;
	overflow: hidden;
	text-align: center;
}


div.product ul.fake-select {
	list-style-type: none;
	padding: 0;
	margin: 0 -15px 0 0;
	width: 215px;
	float: left;
}

div.product ul.fake-select li {
	display: block;
	float: left;
	width: 35px;
	margin: 0 13px 13px 0;
	border: 1px solid #555;
	background-color: #111;
}

div.product ul.fake-select a {
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
	font-size: 1.7em;
	color: #BBB;
	font-weight: normal;
}

div.product ul.fake-select a:hover {
	color: #EEE;
}

div.product li.current {
	-webkit-box-shadow: 0px 0px 10px 3px #ffffff;
	-moz-box-shadow: 0px 0px 10px 3px #ffffff;
	box-shadow: 0px 0px 10px 3px #ffffff;
	border-color: #333;
}

div.product li.current a {
	color: #EEE;
}

div.add-basket-popup {
	background-color: #111111;
	border: 1px solid #555555;
	display: block;
	padding: 10px;
	position: absolute;
	width: 163px;
	margin-top: 10px;
	-webkit-box-shadow: 0px 0px 10px 7px #ffffff;
	-moz-box-shadow: 0px 0px 10px 7px #ffffff;
	box-shadow: 0px 0px 10px 7px #ffffff;
}


/**********************************************************
 * Size Guide                                             *
 **********************************************************/

div.product a.size-guide {
	text-transform: uppercase;
	text-decoration: none;
	background-color: #111;
	display: block;
	margin: 0px auto 0.5em 0;
	clear: both;
	width: 183px;
	text-align: center;
	font-size: 2em;
	border: 1px solid #555;
}

#overlay-content table.size-guide {
	margin: 0;
}

#overlay-content table.size-guide a.close {
	float: right;
	text-transform: lowercase;
	font-variant: small-caps;
}

table.size-guide {
	width: 400px;
}

table.size-guide th,
table.size-guide td {
	text-align: center;
}



/**********************************************************
 * Selectors                                              *
 **********************************************************/

ul.selector {
	list-style-type: none;
	margin: 0;
	display: inline;
}

ul.selector li {
	display: inline;
}

ul.selector a {
	display: inline;
	position: relative;
	margin: 0 3px 0 0;
	padding: 0 5px;
	border: 1px solid #999;
	background-color: #999;
	color: White;
	text-decoration: none;
	outline: none;
}

ul.selector a:hover,
ul.selector li.current a:hover {
	background-color: #666;
	color: #CCC;
}

ul.selector li.current a {
	color: #333;
	background-color: White;
}

ul.selector li.prev a,
ul.selector li.next a {
	color: #EEE;
	background-color: transparent;
	border: none;
	text-decoration: underline;
	text-transform: lowercase;
	font-variant: small-caps;
}

ul.selector li.prev a:hover,
ul.selector li.next a:hover {
	text-decoration: none;
}

ul.selector li.disabled a {
	color: #AAA;
	cursor: default;
	text-decoration: none;
}

ul.selector li.disabled a:hover {
	text-decoration: none;
}

ul.selector li.start-group a {
	margin-left: 10px;
}

/**********************************************************
 * Forms                                                  *
 **********************************************************/

button, input[type=submit] {
	border: 0;
	background-color: #666;
	color: #EEE;
	padding: 0px 10px;
	font-size: 15pt;
	text-transform: uppercase;
	cursor: pointer;
}

input[type=submit] {
	position: relative;
	top: 2px;
}

input, select, textarea {
	border: 1px solid #999;
	background-color: #444;
	color: #DDD;
	padding: 2px;
	font-size: 12pt;
}

input.blur {
	color: #888;
}

fieldset {
	border: 1px solid #666;
	background-color: #111;
	padding: 0 10px 10px 10px;
}

fieldset legend {
	padding: 5px;
	font-weight: bold;
	font-size: 1.1em;
	color: #DDD;
}

fieldset p {
	margin-bottom: 0.5em;
}

fieldset label {
}

fieldset label.error {
	color: #D00;
}

fieldset input.error, fieldset select.error, fieldset textarea.error {
	border-color: #D00;
	background-color: #FFEEEE;
	color: #666;
}

fieldset label em.required {
	color: #D00;
}

fieldset input, fieldset select, fieldset textarea {
	
}

fieldset span.input {
	border: 1px solid #999;
	padding: 0 2px;
	cursor: default;
}


fieldset .control { clear: both; }
fieldset .control div.input { margin-left: 170px; }
fieldset p.note { margin-left: 170px; padding-bottom: 1em; font-size: 0.9em; color: #AAA; }
fieldset div { padding: 0.25em 0; }
fieldset label, 
fieldset span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; 	line-height: 1.3em; padding-bottom: 1em; }
fieldset label em, 
fieldset span.label em { position: absolute; right: -4px; font-size: 120%; font-style: normal; color: #D00; }
fieldset input:focus,
fieldset input.error:focus, 
fieldset textarea:focus {	border-color: #DDD; }
/*div.form-container div.buttons { margin-left: 170px; float: none; width: auto; }*/

fieldset select {
	max-width: 250px
}

#recaptcha_image {
	border: 1px solid #DDD;
	padding: 5px;
}

#recaptcha_response_field {
	width: 310px;
}


#basket  table.control { clear: both; }
#basket  table label { 
	margin-right: 5px; 
	width: 145px; 
	display: block; 
	float: left; 
	text-align: right;
	line-height: 1.3em; 
	padding-bottom: 0.25em; 
}

#basket table input.qty {
	width: 40px;
}

.buttons {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.buttons a, .buttons button {
	border-top-color: #CCC;
	border-left-color: #CCC;
	border-right-color: #555;
	border-bottom-color: #555;
}

/**********************************************************
 * Tables                                                 *
 **********************************************************/

table {
	border-collapse: collapse;	
	width: 100%;
	clear: both;
	margin: 0 0 1em 0;
}

table td, 
th.label {
	border-bottom: 1px solid #666;
}

table th.label {
	background-color: transparent;
}

table td.noborder {
	border: none;
	text-align: center;
	width: 60%;
}

table td.noborder select {
	width: 220px;
}

table td.noborder input {
	width: 214px;
}

table td.currency,
table th.currency {
	text-align: right;
} 

table th {
	background-color: #666;
	color: #EEE;
	font-weight: bold;
}

table td, 
table th {
	padding: 5px 3px;
	text-align: left;
}



/**********************************************************
 * Basket/Checkout                                        *
 **********************************************************/

#content div.errors ul {
	margin-bottom: 0;
	font-size: 0.9em;
}

#basket table {
	background-color: #111;
	margin-top: 1em;
}

#content div.errors ul li {
	margin-top: 0.5em;
}

#basket table p {
	margin-bottom: 0;
}

#basket table p.detail {
	font-size: 0.8em;
}

#basket table p.detail span.item {
	margin-right: 1em;
}

#basket table button {
	float: right
}

#basket table button.changed {
	color: #666;
	background-color: #EEE;
	border: 1px solid #999;
}

#basket table div.control {
	width: 371px;
	margin-bottom: 5px;
}

#basket table td.controls {
	width: 480px
}

p.checkout-link  a,
div.checkout button {
	float: right;
	padding: 4px 30px;
	margin: 0.5em 0;
	color: #666;
	font-size: 2em;
	text-transform: uppercase;
	background-color: #EEE;
	text-decoration: none;
	border: 1px solid #999;
}

div.checkout button {
	float: none;
}

.checkout fieldset.delivery,
.checkout fieldset.details,
.checkout fieldset.payment,
.checkout fieldset.checkout  {
	width: 315px;
	float: left;
}

.checkout fieldset.delivery,
.checkout fieldset.payment {
	margin-right: 25px;
	clear: both;
}

.checkout fieldset.order {
	clear: both;
	width: 240px;
	margin: 0px auto;
}

.checkout label {
	float: none;
	padding: 0;
	line-height: 1.2em;
	text-align: left;
	width: auto;
	margin-top: 0.4em;
	margin-right: 0;
}

.checkout label em, .checkout span.label em {
	position: static;
	font-size: 1em;
}

.checkout div.control {
	padding: 0;
}

.checkout input, .checkout select, .checkout textarea {
	width: 98%;
}

.checkout div.postcode, .checkout div.checkbox {
	margin-top: 0.6em;
}

.checkout div.postcode label {
	display: inline;
	margin-top: 0;
}

.checkout div.postcode input {
	width: 100px;
}

.checkout div.checkbox label,
.checkout div.radio label {
	margin-top: 0;
}	

.checkout div.checkbox input,
.checkout div.radio input {
	width: auto;
	float: left;
	margin-right: 0.5em;
}

.checkout p.button {
	text-align: center;
	margin: 0;
}

.checkout p.button button {
	width: 180px;
	cursor: pointer;
	margin: 0.5em 0;
}

.checkout h2 {
	margin-top: 0;
	margin-bottom: 0.3em;
}




/**********************************************************
 * News                                                   *
 **********************************************************/

div.news {
	sborder-top: 1px solid #333;
}

div.headline,
div.archive {
	sborder-bottom: 1px solid #333;
}

div.headline .added,
div.archive .added {
	font-style: italic;
	text-align: right;
	font-size: 0.9em;
}

div.archive {
	float: right;
	width: 100%;
}

div.news {
	width: 100%;
	overflow: hidden;
}




/**********************************************************
 * Homepage Feeds                                         *
 **********************************************************/

div.home-feed {
	float: left;
	width: 198px;
	margin: 0 15px 0 0;
	padding: 0;
	border: 1px solid #444;
	background-color: #111;
}

div.home-feed div.heading {
	padding: 10px 10px 0 10px;
}

div.home-feed div.heading h2 {
	margin-bottom: 0.5em;
}

div.home-feed div.heading a.read {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

div.home-feed div.heading a.read:hover {
	text-decoration: underline;
}

div.home-feed ul.feed {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
}

div.home-feed ul.feed li {
	display: block;
	margin: 0;
	padding: 10px;
	font-size: 0.85em;
	border-top: 1px solid #333;
}

div.home-feed ul.feed li.hover {
	background-color: #222;
	cursor: pointer;
}

div.home-feed .time {
	font-size: 0.85em;
	color: #999;
	font-style: italic;
	white-space: nowrap;
}

div.home-feed .link {
	font-size: 0.8em;
}

div.featured-products {
	width: 270px;
	float: left;
}

div.featured-products ul.products {
	width: 300px;
}

div.featured-products h2 {
	margin-top: 11px;
}