body {}

#basket {		background-color: #FFFFFF;
}

#basket .button a {		color: #FFFFFF;}

.aside {		border-color: #6389B1;}

.packshot {}

/* FIXME - Should not need .navi a */
html, body, p, .navi a, #footer, body a, .paging .current, .paging .previous, .paging .next, #footer a,
.content a, tr.headings th, #basket-postage a, #basket-postage input {		color: #FFFFFF;}

h1,h2,h3,h4,h5 {		color: #6389B1;		font-size: 100%;}

#basket-checkout .button a {		background-color: #6389B1;}
#basket-checkout .button {		border-color: #6389B1;}

#departments .button a, .paging.button .wrapper, .paging.button a, #footer .button .wrapper, #footer .button .wrapper a, #news .navi li a, #search_button {		color: #FFFFFF;		background-color: #6389B1;}
#departments .button, .paging.button, #footer .button, #news .navi li {		border-color: #6389B1;}

.section .button input, .content .downloadlist input.submit {		background-color: #6389B1 !important;}
.section .button, .content .downloadlist .button {		border-color: #6389B1;}

.lines .button input.submit {		color: #FFFFFF !important;		background-color: #6389B1 !important; /* FIXME !important shouldn't be needed */		border-color: #6389B1;}
.section .line-info img.packshot {
	min-height: 120px;
}/* custom block *//** Defaults **/
fieldset { margin: 0px; }
body, p { color: #848484; }

em { font-style: italic; }
strong { font-style: bold; }
ol li { list-style: decimal; }

table th,
h1, h2, h3, h4, h5, h6 { color: black; line-height: 1; text-transform: uppercase; font-weight: bold; font-family: Verdana; }

table th { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 108%; }

table th, table td { padding: 5px; vertical-align: middle; }

input[type=submit] { cursor: pointer; background: none; border: none; }
input[type=text] { border: 1px solid #707070; padding: 3px 0px 3px 0px; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.more { padding-left: 15px; background: url('/shopimages/v2/icon-more.png') no-repeat center left; }

/** Fixtures **/
.aside,
.packshot { border: 8px solid #707070; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }

.aside { padding: 10px; }

.button { border: 5px double #707070; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; }
.button .wrapper { width: 120%; }
.button a { display: block; height: 100%; background: #707070; }
.button input.submit { display: block; border: none; width: 100%; height: 100%; color: white; background: #707070; text-align: left; } 		/* Should use input[type=submit] but IE6 doesn't like it. */
.button.go input[type=submit] { background: #707070 url('/shopimages/v2/chevrons.png') no-repeat 95%; padding-right: 20px; }										/* Using input[type=submit], excludes IE6 (no transparent PNG). */

.navi li { margin: 0px 0px 5px 0px; }

#news .item p { padding-left: 20px; padding-right: 20px; }
#news .navi { clear: both; width: 90%; padding-left: 5%; }
#news .navi li { margin: 0px 0px 5px 0px; border: 5px double #707070; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; } 
#news .navi li a { display: block; padding-left: 10px; height: 100%; background: #707070; }

.lines { padding: 0px; margin: 0px; clear: both; } 							/* Clear required incase there are other floats above, within the same container. */
.line { position: relative; margin: 0px; padding: 0px; overflow: hidden; }	/* Overflow necessary for IE6 */

.paging { clear: left; float: right; margin-right: 20px; }
.paging li { display: inline !important; margin-left: 10px; }
.paging a { display: inline !important; }

.paging img { display: inline !important; }
.paging li.next { margin-right: 10px; }
.paging .current { color: black; font-weight: bold; margin-right: 10px; }
.paging div ul { display: inline; }

#footer .button { width: 100px; }
#footer .button a { text-align: center; padding-right: 20%; }
#footer .button img { margin-left: 10px; margin-right: 10px; }

#activity-indicator { float: right; margin-top: 3px; margin-right: 15px; }
#activity-indicator img { display: none; }

/** Specific Styles **/
.bagged { color: orange; }

#footer a,
.content a { color: black; }

/* -- Content */
/* ---- Product Listing */
.line .artist { font-weight: normal; text-transform: none; }
.line .description { margin-bottom: 0px; font-style: italic; }

.line a.more { display: block; text-transform: uppercase; }

.content li.line { float: left; padding: 0px; margin: 15px; width: 135px; }
.content li.line .line-description { height: 110px; overflow: hidden; }

.content li.line .action { position: relative; height: 50px; }
.content li.line .action a.more { position: absolute; bottom: 0px; }

.content li.line .line-details { position: relative; height: 3em; overflow: hidden; }
.content li.line .line-details span.details,
.content li.line .line-details span.warning { position: absolute; bottom: 0px; }

/* ---- Product Info */
#item-overview .line-description { margin-top: 20px; margin-bottom: 20px; }

#formats td.buy { width: 150px; }

.tabselect { clear: both; }
.tabselect.tabs { position: relative; top: 5px; margin-bottom: 0px; padding-left: 20px; zoom: 1; }
.tabselect.tabs:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; zoom: 1; } 		/* clearfix */

.tabselect.tabs li { float: left; text-align: center; width: 125px; margin-right: 15px; }
.tabselect.tabs li a { 
	display: block; height: 100%; padding: 5px;
	color: #707070; border: 2px solid #707070; border-bottom: none;
	border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -webkit-border-radius-topleft: 4px; 
	border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-radius-topright: 4px;
}

ul.tabselect.tabs li.active a,
ul.tabselect.tabs li a:hover { background: #707070; color: white; }

.tabselect.content { padding: 10px; border: 8px solid #707070; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

.tabselect .heads { display: none; }
.tabselect .length { width: 50px; }
.tabselect .buy { width: 120px; }

/* ---- Mailing List */
.mailinglist label { display: block; font-weight: bold; }
.mailinglist label span { font-weight: normal; }
.mailinglist input { width: 100%; }
.mailinglist .field { margin-bottom: 10px; }
.mailinglist .button { width: 200px; }

.mailinglist #signup { width: 100%; margin-bottom: 10px; padding: 3%; }
.mailinglist #signup:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; zoom: 1; } 	/* clearfix */

.mailinglist #signup .new, 
.mailinglist #signup .existing { width: 40%; float: left; padding-bottom: 4000px; margin-bottom: -4000px; }
.mailinglist #signup .existing { margin-left: 10%; }

/* -- Sidebar Content */
.sidebar div { margin: 20px 0px 20px 0px; }
.sidebar ul { margin: 0px; }
.sidebar a { color: #848484; }

#departments a { padding-left: 5px; color: white; }

#search { height: 34px; padding: 5px 10px 0px 35px; background: url('/shopimages/v2/icon-search.png') no-repeat left; }
#basket h2 { height: 35px; width: 10px; padding: 5px 0px 0px 35px; background: url('/shopimages/v2/icon-basket.png') no-repeat left; }

.search_button { border: 5px double #707070; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; }
.search_button input.submit { display: block; border: none; width: 100%; height: 100%; color: white; background: #707070; text-align: left; }       /* Should use input[type=submit] but IE6 doesn't like it. */
#search label { display: none; }
#search input, #search .search_button { display: inline; }
#search input { width: 80%; margin-right: 5px; } 		/* Should use input[type=text] but IE6 doesn't like it. */
#search .search_button input { width: 10%; margin: 0px; text-align: center; } 	/* Would not be necessary if input[type=text] was used above, but IE6 doesn't like it. */

#basket img { vertical-align: middle; }
#basket .packshot { border: none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
#basket .detail { width: 100px; display: inline-block; }
#basket .lines { border-top: 1px solid #707070; border-bottom: 1px solid #707070; }
#basket .line { position: relative; margin: 10px 0px 10px 0px; zoom: 1; }
#basket .line h3 { display: none; }
#basket .line form { position: absolute; top: 50%; margin-top: -10px; width: 15px; }
#basket .line .add { right: 20px; }
#basket .line .remove { right: 0px; }

#basket .line form input.submit { display: block; width: 20px; padding-left: 25px; border: none; } 
#basket .line .add input.submit { background: url('/shopimages/v2/icon-add.png') no-repeat left center; }
#basket .line .remove input.submit { background: url('/shopimages/v2/icon-remove.png') no-repeat left center; }

#basket-summary { margin: 0px; text-transform: lowercase; }
#basket-summary div { display: block; margin: 0px; width: 100%; } 
#basket-summary div:after { visibility: hidden; display: block; content: " "; clear: both; height: 0; zoom: 1; } /* clearfix */
#basket-summary .label { float: left; font-weight: bold; }
#basket-summary .total { float: right; }

#basket-postage a { text-align: right; color: black; text-transform: lowercase; }

#basket span.button { display: block; width: 185px; clear: both; }
#basket .button a { color: white; text-align: center; text-transform: uppercase; }/* finish custom block */