body {
 background-color: #ffffff;
 margin: 0;
 padding: 0;
 text-align: center;
 font-family: Verdana, sans-serif;
 font-size: 90%;
 color: #000000;
}

div.clear {
 height: 1px;
 clear: both;
 overflow: hidden; /* Workaround required to make IE close the gap below the left col properly */
}

.left {
 float: left;
}

.right {
 float: right;
}

div.column {
 width: 45%;
 float: left;
 margin-left: 25px;
}

div.column.first {
 margin-left: 0;
}

div#container {
 width: 985px;
 margin-left: auto;
 margin-right: auto;
 text-align: left;
}

/**********/
/* Header */
/**********/
div#header {
 height: 170px;
 position: relative;
 background-image: url(images/header_background.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 border-bottom: 3px solid #000000;
}

div#header h1 {
 position: absolute;
 top: 3px;
 left: 0;
 margin: 0;
 padding: 0;
 background-image: url(images/logo.gif);
 background-repeat: no-repeat;
 background-position: bottom right;
 text-indent: -9999px;
 width: 200px;
 height: 155px;
}

div#header h2#strapline {
 position: absolute;
 bottom: 10px;
 left: 240px;
 margin: 0;
 padding: 0;
 text-align: left;
 font-size: 0.9em;
 font-weight: normal;
 color: #ffffff;
}

div#header div#basketsummary {
 position: absolute;
 top: 42px;
 right: 210px;
 text-align: right;
 /* width: 375px; */
 height: 37px;
 background-image: url(images/basket_summary_background.gif);
 background-repeat: no-repeat;
 background-position: 0% 50%;
 color: #ffffff;
}

div#header div#basketsummary h2
,div#header div#basketsummary p
,div#header div#basketsummary ul {
 margin: 0;
 padding: 0;
 margin-left: 30px;
 margin-top: 12px;
 font-size: 0.8em;
 float: left;
 display: inline; /* Workaround needed to fix IE double margin bug */
}

div#header div#basketsummary h2 {
 font-weight: bold;
}

div#header div#basketsummary h2 a
,div#header div#basketsummary p a {
 text-decoration: none;
 color: #ffffff;
}

div#header div#basketsummary h2 a:hover
,div#header div#basketsummary p a:hover {
 text-decoration: underline;
}

div#header div#basketsummary p {
 margin-left: 10px;
}

div#header ul#basketlinks {
 position: absolute;
 top: 50px;
 right: 10px;
 margin: 0;
 padding: 0;
 list-style: none;
}

div#header ul#basketlinks li {
 float: left;
 background-color: #ffffff;
 width: 85px;
 margin: 0;
 text-align: center;
 margin-left: 7px;
 padding: 4px 0;
 border: 1px solid #000000;
}

div#header ul#basketlinks li a {
 color: #3c3b3b;
 font-size: 0.7em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 display: block;
 height: 1%; /* Workaround to get IE to display block propelry */
}

div#header ul#basketlinks li a:hover {
 color: #000000;
 text-decoration: underline;
}

/**********/
/* Search */
/**********/
div#header form#formSearch {
 position: absolute;
 bottom: 55px;
 right: 10px;
 margin: 0;
 padding: 0;
 text-align: right;
}

div#header form#formSearch input {
 float: left;
}

div#header form#formSearch input.text {
 width: 200px;
}

div#header form#formSearch input.submit {
 color: #3c3b3b;
 font-size: 0.7em;
 text-decoration: none;
 font-weight: bold;
 text-transform: uppercase;
 display: block;
 height: 1%; /* Workaround to get IE to display block propelry */
 border: 1px solid #231f20;
 background-color: #ffffff;
 width: 85px;
 text-align: center;
 padding: 4px 0; 
 margin: 0 0 0 5px;
}

div#header form#formSearch input.submit:hover {
 text-decoration: underline;
 cursor: pointer;
}

/*****************/
/* Accessibility */
/*****************/
div#accessibility {
 display: none;
}

/*********************/
/* Content Container */
/*********************/
div#contentcontainer {
 padding-top: 15px;
 width: 985px;
}

div#contentcontainer.home {
 background-image: url(images/contentcontainer_background.jpg);
 background-repeat: no-repeat;
 background-position: top right;
}

/*******/
/* Nav */
/*******/
div#leftcol {
 float: left;
 width: 220px;
}

div#leftcol ul#nav {
 list-style: none;
 margin: 0;
 padding: 0;
}

div#leftcol ul#nav li {
 margin: 0;
 margin-bottom: 6px;
 padding: 0;
 border-bottom: 1px solid #ffffff; /* Fix IE^ double margin bug */
}

div#leftcol ul#nav li a {
 color: #ffffff;
 text-decoration: none;
 display: block;
 padding: 8px 5px 8px 10px;
 background-color: #000000;
 font-size: 0.9em;
 font-weight: bold;
}

div#leftcol ul#nav li a:hover {
 text-decoration: underline;
}

div#leftcol ul#nav li.selected a {
 color: #000000;
 background-color: #e0e0e0;
 background-image: url(images/nav_bullet.gif);
 background-repeat: no-repeat;
 background-position: 5% 50%;
 padding-left: 25px;
}

/*********/
/* Shows */
/*********/
div#leftcol div#shows {
 background-color: #d0b2d4;
 background-image: url(images/shows_background.gif);
 background-repeat: no-repeat;
 background-position: top left;
 margin-top: 10px;
 font-size: 0.9em;
}

div#leftcol div#shows h2 {
 margin: 0;
 padding: 0;
 background-image: url(images/shows.png);
 background-repeat: no-repeat;
 background-position: top left;
 text-indent: -9999px;
 width: 205px;
 height: 74px;
}

* html div#leftcol div#shows h2 { /* Workaround IE PNG deficiencies */
 background-image: none;
 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/shows.png', sizingMethod='crop');
}

div#leftcol div#shows ul {
 margin: 0 10px;
 padding: 0;
 list-style: none;
}

div#leftcol div#shows ul li {
 margin: 0;
 padding: 0;
 margin-bottom: 10px;
}

div#leftcol div#shows ul li a {
 color: #ffffff;
 text-decoration: none;
 padding: 0;
 font-weight: bold;
}

div#leftcol div#shows ul li a:hover {
 text-decoration: underline;
}

div#leftcol div#shows a#showsmore {
 color: #9b5ba4;
 float: right;
 text-decoration: none;
 padding-right: 10px;
 padding-bottom: 5px;
}

div#leftcol div#shows a#showsmore:hover {
 color: #9b5ba4;
 text-decoration: underline;
}

div#leftcol div.addthis_toolbox {
 font-size: 0.9em;
 margin: 15px 0 0;
}

div#leftcol div.addthis_toolbox a {
 color: #9b5ba4;
 text-decoration: none;
 font-weight: bold; 
}

/***********/
/* Content */
/***********/
div#content {
 float: right;
 margin-left: 30px;
 width: 730px;
 font-size: 0.9em;
}

div#content h2 {
 color: #9b5ba4;
}

div#content a {
 color: #9b5ba4;
 text-decoration: underline;
 font-weight: bold;
}

div#content a:hover {
 text-decoration: none;
}

/*************/
/* Sort Form */
/*************/
div#content div#sortform {
 float: right;
 width: 400px;
}

div#content div#sortform form {
 margin: 0;
 text-align: right;
}

div#content div#sortform label {
 width: auto;
 float: right;
 text-align: right;
}

div#content div#sortform div.field {
 margin-bottom: 10px;
 float: right;
 clear: right;
}

div#content div#sortform form div.field select {
 float: right;
}

/*******************/
/* Home Categories */
/*******************/
div#content div.homecategory {
 width: 350px;
 margin-bottom: 10px;
}

div#content div.homecategory img {
 float: left;
 margin-right: 10px;
 border: 0;
}

div#content div.homecategory h3 {
 margin: 0;
 padding: 0;
 padding-top: 5px;
}

div#content div.homecategory h3 a {
 color: #b81239;
 font-size: 1.1em;
}

div#content div.homecategory a {
 color: #9b5ba4;
 text-decoration: none;
}

div#content div.homecategory a:hover {
 text-decoration: underline;
}

div#content div.homecategory p {
 margin: 3px 0;
 padding: 0;
 font-size: 0.9em;
}

/*********************/
/* Category Products */
/*********************/
div#content ul.deliveryinfo {
 margin: 20px 0;
 padding-top: 5px;
 padding-bottom: 5px;
 border: 1px solid #000000;
 background-color: #b81239;
 clear: right;
 -moz-border-radius: 5px;
 webkit-border-radius: 5px;
 border-radius: 5px;
}

div#content ul.deliveryinfo li {
 margin: 5px 0;
 color: #ffffff;
}

div#content div#products {
 clear: both;
 margin: 25px 0 0;
}

div#content div.product {
 margin-bottom: 20px;
 border-top: 1px solid #868787;
 padding: 10px 0 0;
}

div#content div.product img {
 float: right;
 border: 0;
 margin-right: 50px;
}

div#content div.product div.summary {
 width: 525px;
 font-size: 0.9em;
}

div#content div.product div.summary h3 a {
 color: #9b5ba4;
 text-decoration: underline;
 margin: 0;
 padding: 0;
 margin-bottom: 3px
}

div#content div.product div.summary h3 a:hover {
 text-decoration: none;
}

div#content div.product div.summary p {
 float: left;
 margin-right: 0.5em;
}

div#content div.product div.summary div.price {
 margin-top: 5px;
 padding-top: 5px;
 /* border-top: 1px solid #868787; */
 color: #9b5ba4;
 clear: left;
}

div#content div.product div.summary div.price a {
 color: #9b5ba4;
 float: right;
}

div#content div.product div.summary div.price a:hover {
 text-decoration: none;
}

div#content div.product div.summary div.price p {
 margin: 0;
 padding: 0;
}

div#content div.product div.summary div.price span.highlight {
 font-size: 150%;
 font-weight: bold;
}

div#content div.product div.summary span.strikethrough {
 text-decoration: line-through;
}

/**************/
/* Pagination */
/**************/
ul.pagination {
 list-style: none;
 margin: 10px 0;
 padding: 0;
}

ul.pagination li {
 float: left;
 margin: 0 3px;
}

ul.pagination li.gap {
 margin: 0 6px;
}

ul.pagination li.current {
 border: 1px solid #000000;
 background-color: #b81239;
 color: #ffffff;
 padding: 0 3px;
}

ul.pagination li:first-child {
 margin-left: 0
}

/*******************/
/* Product Details */
/*******************/
div#content div#product div#productimagecontainer {
 float: right;
 width: 360px;
 text-align: center;
}

div#content div#product div#productrelatedimagescontainer {
 float: left;
 text-align: left;
}

div#content div#product div#productrelatedimagescontainer img {
 border: 1px solid #ffffff;
 padding: 5px;
}

div#content div#product div#productrelatedimagescontainer img.relatedimghover {
 border: 1px solid #9b5ba4;
 cursor: pointer;
}

div#content div#product div#productimagecontainer p {
 text-align: left;
}

div#content div#product div#productimagecontainer img#productimage {
 border: 0;
}

div#content div#product h3 {
 color: #9b5ba4;
 margin: 0;
 padding: 0;
 padding-left: 5px;
 font-size: 1.3em;
}

div#content div#product p.block {
 color: #9b5ba4;
 margin: 0;
 margin-top: 5px;
 padding: 5px;
 background-color: #dedede;
 font-weight: bold;
 width: 350px;
}

div#content div#product div.productoptions {
 margin-bottom: 30px;
 float: left;
 width: 350px;
}

div#content div#product div.productoptions img {
 display: none;
}

div#content div#product div.productoptions div.productoptioncolour {
 width: 87px;
 float: left;
 margin-top: 5px;
}

div#content div#product div.productoptions div.productoptioncolour input {
 border: 0 !important;
}

div#content div#product span.highlight {
 font-size: 120%;
}

div#content div#product span.lowlight {
 font-size: 80%;
}

div#content div#product form#form-product {
 margin-top: 10px;
}

div#content div#product form#form-product div.field {
 margin-bottom: 10px;
 float: left;
 clear: left;
 width: 350px;
}

div#content div#product form#form-product div.field label {
 /*
 width: 110px;
 */
 width: auto;
 color: #650c72;
 float: left;
 text-align: left;
 padding-right: 5px;
}

div#content div#product form#form-product select, div#content div#product form#form-product input {
 border: 1px solid #343434;
 color: #650c72;
 float: left;
}

div#content div#product form#form-product input#input-quantity {
 width: 20px;
 padding: 0 3px;
}

div#content div#product form#form-product input#input-add {
 float: left;
 margin-left: 10px;
}

div#content div#product form#form-product input.button, div#content div#product input.button {
 float: none;
 border: 0;
 background-color: #9b5ba4;
 padding: 2px 2px;
 color: #ffffff;
 cursor: pointer;
}

div#content div#product span.strikethrough {
 text-decoration: line-through;
}

/**********/
/* Basket */
/**********/
div#content table#basket {
 border-collapse: collapse;
 border: 0;
}

div#content table#basket th {
 color: #ffffff;
 background-color: #b81239;
}

div#content table#basket td, div#content table#basket th {
 padding: 3px;
 border: 2px solid #ffffff;
}

div#content table#basket th {
 border-bottom: 2px solid #000000;
}

div#content table#basket tr.highlight td {
 font-weight: bold;
}

div#content table#basket td.noitems {
 text-align: center;
 font-style: italic;
}

div#content table#basket col#basketitemcolumn {
 width: 68%;
}

div#content table#basket col#basketpricecolumn {
 width: 10%;
}

div#content table#basket col#basketquantitycolumn {
 width: 7%;
}

div#content table#basket col#basketsubtotalcolumn{
 width: 10%;
}

div#content table#basket col#basketremovecolumn {
 width: 5%;
}

div#content input#button-updatebasket {
 float: right;
 margin-top: 1em;
}

div#content form#form-clearbasket input {
 margin-top: 1em;
}

div#content div#basket-links {
 margin-top: 1em;
}

div#content div#basket-links p {
 margin: 0;
 padding: 0;
}

div#content p#checkout-link {
 float: right;
}

div#content table#basket input.quantity-field {
 width: 30px;
 text-align: right;
}

div#content form div.address.radio div.radioContainer {
 float: left;
 width: 250px;
}
 
div#content form div.address.radio input {
 float: left;
 width: auto;
 margin: 0 10px 0 0;
}

div#content form div.address.radio label {
 float: left;
 display: block;
 width: auto;
}

div#content form fieldset#deliveryAddress {
 display: none
}

/*********/
/* Forms */
/*********/
div#content form {
 margin: 0;
}

div#content form fieldset {
 border: 1px solid #b81239;
 padding: 10px;
 margin-bottom: 10px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}

div#content form fieldset legend {
 font-weight: bold;
 color: #9b5ba4;
 padding: 0 15px;
}

div#content form div.field {
 float: left;
 clear: left;
 padding: 3px 5px;
 width: 95%;
 margin: 0;
}

div#content form div.field label {
 width: 140px;
 float: left;
 text-align: right;
 margin-right: 10px;
 padding: 2px 0 0;
}

div#content form div.field.required label {
 font-weight: bold;
}

div#content form div.field input
,div#content form div.field select
,div#content form div.field textarea {
 float: left;
 font-family: Arial, sans-serif;
}

div#content form div.field input.text
,div#content form div.field input.password {
 width: 400px;
}

div#content form div.field.small input.text
,div#content form div.field.small input.password {
 width: 100px;
}

div#content form div.field textarea {
 width: 400px;
 height: 130px;
 font-size: 1.05em;
}

div#content form div.field.checkbox input.checkbox
,div#content form div.field.radio input.radio {
 width: auto;
 margin-left: 0;
 clear: left;
 border: 0;
}

div#content form div.field.inline label {
 width: auto;
 text-align: left;
 margin-right: 0;
 margin-left: 2px;
 font-weight: normal;
}

div#content form div.field.inline input
,div#content form div.field.inline select 
,div#content form div.field.inline textarea {
 margin-left: 130px;
 clear: left;
}

div#content form div.field.radio div.radioSet
,div#content form div.field.checkbox div.checkboxSet {
 float: left;
}

div#content form div.field.inline.radio div.radioSet
,div#content form div.field.inline.checkbox div.checkboxSet {
 clear: left;
 margin-left: 135px;
}

div#content form div.field.radio div.radioContainer
,div#content form div.field.checkbox div.checkboxContainer {
 float: left;
 clear: left;
 width: 400px;
}

div#content form input.button
,div#content form input.submit {
 float: left;
 margin: 10px 0 0 165px;
 clear: left;
 cursor: pointer;
}

div#content form fieldset input.button
,div#content form fieldset input.submit {
 margin-left: 155px;
}

div#content form div.field input.button
,div#content form div.field input.submit {
 margin: 0 0 0 5px;
 clear: none;
 background-color: #cc0000;
 border: 1px solid #cccccc;
 color: #ffffff;
 cursor: pointer;
}

div#content input.button.next {
 float: right;
}

div#content input.button.paynow {
 font-weight: bold;
}

div#content form div.field textarea {
 font-family: Verdana, sans-serif;
 font-size: 1em;
 width: 400px;
 height: 120px;
}

div#content form fieldset p {
 margin-top: 0;
}

div#content form fieldset p.indent {
 margin: 0 0 0 150px;
 padding-top: 10px; 
 clear: left;
}

div#content form fieldset p.lowlight {
 font-size: 80%;
}

div#content form a#forgottenPassword {
 float: left;
 font-size: 0.8em;
 font-weight: normal;
 margin: 0 0 10px 130px;
}

div#content form div.field.inline.radio div.radioSet
,div#content form div.field.inline.checkbox div.checkboxSet {
 clear: left;
 margin-left: 155px;
}

/************/
/* Progress */
/************/
div#content ol#progress {
 margin: 0 -15px 0 0;
 padding: 0;
 list-style-position: inside;
 float: right;
}

div#content ol#progress li {
 float: left;
 padding: 5px 20px;
 margin: 0 15px 0 0;
 border: 1px solid #b7b5b6;
 font-size: 0.9em;
 color: #b7b5b6;
 white-space: nowrap;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 border-radius: 3px;
}

body.addresses ol#progress li#progressAddresses
,body.delivery ol#progress li#progressDelivery
,body.summary ol#progress li#progressSummary
,body.payment ol#progress li#progressPayment {
 border: 1px solid #9b5ba4;
 color: #9b5ba4;
}

/*********************/
/* Errors & Messages */
/*********************/
div#content div.errors {
 margin: 20px 0;
 padding-top: 5px;
 padding-bottom: 5px;
 border: 1px solid #000000;
 background-color: #b81239;
 clear: right;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 color: #ffffff;
}

div#content div.messages {
 margin: 20px 0;
 padding-top: 5px;
 padding-bottom: 5px;
 border: 1px solid #000000;
 background-color: #9B5ba4;
 clear: right;
 -moz-border-radius: 5px;
 webkit-border-radius: 5px;
 border-radius: 5px;
 color: #ffffff;
}

div#content form div.error {
 background-color: #b81239;
 border: 1px solid #000000;
 -moz-border-radius: 5px;
 webkit-border-radius: 5px;
 border-radius: 5px;
 padding: 5px 0;
 color: #ffffff;
}

div#content div.errors li 
,div#content div.messages li {
 margin: 5px 0;
}

/*****************/
/* Accessibility */
/*****************/
div#content table#accesskeystable {
 border: 0;
 border-collapse: collapse;
 width: 300px;
}

div#content table#accesskeystable, div#content table#accesskeystable caption {
 margin: 0 auto;
}

div#content table#accesskeystable th {
 color: #ffffff;
 background-color: #b81239;
 padding: 3px;
 border: 2px solid #ffffff;
 border-bottom: 2px solid #000000;
}

div#content table#accesskeystable td {
 padding: 3px;
 border: 2px solid #ffffff;
}

div#content table#accesskeystable tr {
 background-color: #ffffff;
}

div#content table#accesskeystable tr.highlight {
 background-color: #d0b2d4;
}

div#content table#accesskeystable em {
 font-weight: bold;
 text-decoration: underline;
 font-style: normal;
}

/*********/
/* Shows */
/*********/
div#content div#shows h3 {
 background-color: #b81239;
 padding: 3px;
 color: #ffffff;
 margin-bottom: 3px;
 margin-top: 15px;
 clear: left;
}

div#content div#shows dl {
 margin: 0;
}

div#content div#shows dl dt {
 float: left;
 width: 4em;
 clear: left;
 margin-bottom: 3px;
}

div#content div#shows dl dd {
 float: left;
 margin-bottom: 3px;
}

/************/
/* Comments */
/************/
/*********/
div#content div#comments dl dd {
 font-weight: bold;
 font-style: italic;
 color: #9b5ba4;
 margin: 0 0 15px;
}

/**********/
/* Footer */
/**********/
div#footer {
 clear: both;
 font-size: 0.75em;
 padding-top: 20px;
 color: #231f20;
}

div#footer ul {
 margin: 0;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 5px;
 padding: 0;
 text-align: center;
 list-style: none;
}

div#footer ul.spacey {
 margin-bottom: 15px;
}

div#footer ul li {
 display: inline;
 margin: 0;
 margin-left: 5px;
 padding: 0;
 padding-left: 5px;
}

div#footer a {
 color: #000000;
 text-decoration: none;
}

div#footer a:hover {
 text-decoration: underline;
}