/* @override http://dsl1.recordstore.co.uk:8080/billwyman/assets/css/base.css */

/*===================================
/ Built by Gleam*
/ Email: hello@madebygleam.com
/ Web: http://www.madebygleam.com
===================================*/

/* ------------------------------------------------------------
	RESET STYLES
------------------------------------------------------------ */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;} 
table {border-collapse:collapse; border-spacing:0;} 
fieldset,img {border:0;} 
ol,ul {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:'';} 
abbr,acronym { border:0;}
/* remove link outline in ff */
a {outline: none;}
/* ie 5.5 friendly */
body {text-align: left;} 
table {font-size: 1em;} 
form {font-size: 1em;}

/* ------------------------------------------------------------
	HTML STYLES
------------------------------------------------------------ */
body {width: 1002px; margin: 0 auto; font:11px/1.5 "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #333; padding:0;}
a {text-decoration: underline; color: #000;}
a:hover {text-decoration: none;}
p {margin-bottom: 1em;}
hr {display: none;}

/* ------------------------------------------------------------
	GLOBAL STYLES
------------------------------------------------------------ */
p#skip {display: none;}
.clear {clear: both;}

/* ------------------------------------------------------------
	CONTAINER STYLES
------------------------------------------------------------ */

div#container {background-color:#fff;}
div#containerInner {background: url(../images/col1_bkgd.gif) repeat-y 0 0;}

/* ------------------------------------------------------------
	HEADER STYLES
------------------------------------------------------------ */

div#header {height: 91px; background-color: #30110f; text-transform:uppercase; color: #FFF; padding:0; background-image: url(../images/header_bkgd.jpg); position: relative;}

div#header h1 a {text-indent: -9999em;color: #fff; display:block; width:284px; height: 91px; float:left; background-image: url(../images/header_logo.jpg);}

p#bannerad {display:block; width: 706px; height: 100px;}

/* ------------------------------------------------------------
	NAV BAR
------------------------------------------------------------ */

div#navBar {color: #FFF; width: 50%; height: 91px; position: absolute; right: 0;}
div#navBar a {color: #FFF; text-decoration: none;}
div#navBar a:hover {text-decoration: underline;}
div#navBar ul {padding:5px; display:inline;}
div#navBar ul li {display:inline;}

ul#primNav {width: 450px; text-align: right; position: absolute; right: 10px; top:0; }
ul#primNav li {margin: 0 0 0 5px; border-left: 1px solid #fff; padding: 0 0 0 5px; }
ul#primNav li#primHome {border: none;}

div#currencies {width: 300px; position: absolute; top: 23px; right: 10px; text-align:right;}
div#currencies p {display: inline;}

div#basketBlock {text-align: right; color: #fff; position:absolute; top:33px; right:10px; margin-top:5px; line-height:16px;}
div#basketBlock a {color: #fff;}
div#basketBlock div#yourBasket a {font-family: georgia; font-size: 12px; color: #baa475; text-decoration: none; padding:0; margin:0;}
div#basketBlock div#checkout a {}
div#items {padding:0; margin:0;}
div#items span {font-weight: bold; color: #fff;}

/* clearing floats without extra markup  */
div#navBar {display: inline-block;}
div#navBar:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html div#navBar {height: 1%;}
div#navBar {display: block; }

/* ------------------------------------------------------------
	COL 1
------------------------------------------------------------ */
div#col1 {float: left; width: 180px; padding: 10px; color:#fff;}

div#col1 div#search{border-bottom: 1px solid #9a5c57; border-top: 1px solid #9a5c57; padding: 10px 0;}
div#col1 div#search h2 {font-family: georgia; font-size: 16px; color: #330000; text-decoration: none; font-weight: normal !important;}
div#col1 form #sectionSelector {padding: 0; margin: 5px 0;}
div#col1 div#search form {text-align: center;}
div#col1 div#search form h2 {margin-bottom:5px; font-weight: bold; color: #baa475;}
div#col1 div#search form input#searchField { color: #7b5f27; width: 120px; margin-bottom:10px; margin-left: 10px;/*height: 18px;*/ padding: 3px 0; float:left; border: 1px solid #9a5c57;}
div#col1 div#search form input#searchButton {float:right; margin-top:1px;}

/* secondary navigation */
div#col1 ul {margin: 10px 0 0 0; clear: both;}
/*div#col1 ul li a {text-align: center;font-size: 14px; font-family: georgia; display: block; margin:0 0 0 0; padding: 5px 0 5px 10px; color: #281708; text-decoration: none; width: 146px;}*/

div#col1 ul li { text-align: center; font-family: georgia;}
div#col1 ul li.current {background-color: #331314; /*border-left: 1px solid #7b5f27; border-right: 1px solid #7b5f27; border-top: 1px solid #7b5f27;*/}
div#col1 ul li a {color: #baa475; text-decoration: none;}
div#col1 ul li.categoryLi0 a.categoryLink0.current {background-color: #9b5c58;}
div#col1 ul li.categoryLi0 {padding: 0;}
div#col1 ul li.categoryLi1 {padding: 0 10px; background-color: #9b5c58; color: #fff;}
/*div#col1 ul li.subfoot {border-bottom: 1px solid #7b5f27; width: 136px; height: 5px; display: block; text-indent: -9999em;}*/

div#col1 ul li.categoryLi0 a {font-size: 14px;  padding: 5px 10px; display: block;}
div#col1 ul li.categoryLi0 a.current {color: #fff; font-size: 14px;  padding: 5px 0 !important; font-weight: bold; display: block; background-color: #331314 !important;}
div#col1 ul li.categoryLi1 a {color: #fff; font-size: 12px; display: block; padding: 5px 0;}
div#col1 ul li.categoryLi1 a.current {color: #fff; font-size: 12px; padding: 5px 0 !important; font-weight: bold; display: block; background-color: #9b5c58;}

div#col1 ul li.categoryLi0 a:hover {background-color: #501414; color: #fff;}
div#col1 ul li.categoryLi0 a.current:hover {background-color: #501414;}

div#col1 ul li.categoryLi1 a:hover {color: #fff;background-color: #501414;}

div#col1 ul li.subfoot {color: #000 !important;}


/*div#col1 ul li a.categoryLink1 {color: #281708; background-color: #e2cd49; font-size: 12px; padding: 0 20px; width: 136px; border-top: 1px solid #7b5f27;}
div#col1 ul li a:hover {background-color:#efefef; color: #333;}
div#col1 ul li a.categoryLink1:hover {background-color:#000; color: #fff;}
div#col1 ul li a.current {font-weight: bold; background-color: #e2cd49; width: 136px; padding: 0 20px; }*/

/* ------------------------------------------------------------
	CONTENT
------------------------------------------------------------ */

/*p#welcomeBanner {float: left; width: 599px;}*/

div#content {float: left; width: 599px; margin: 0 0 0 2px; font-size:12px;}
div#content h2 {font-size: 12px; font-weight: bold; text-transform:uppercase; margin-bottom:1em;}
div#content h3 {font-weight:bold;}  
div#content ul {margin-bottom:1em;}

/* Section Headers */
div#content h2.pageTitle {text-indent: -9999em; width: 599px; height: 137px; margin: 0 0 2px 0; background-repeat:no-repeat;background-position: 0 0;position: relative; display: block; background-color: #fff; font-size: 1px;}

div#content h2.pageTitle#head_bestsellers {background-image: url(../images/headers/bestsellers.jpg);}
div#content h2.pageTitle#head_yourbasket {background-image: url(../images/headers/shoppingbasket.jpg);}
div#content h2.pageTitle#head_music {background-image: url(../images/headers/music.jpg);}

div#content h2.pageTitle#head_books, 
div#content h2.pageTitle#head_books-billwyman,
div#content h2.pageTitle#head_bill_limitededitionpb,
div#content h2.pageTitle#head_books_limitededition1 {background-image: url(../images/headers/books.jpg);}

/* CDs */
div#content h2.pageTitle#head_cds,
div#content h2.pageTitle#head_CDs_billwyman,
div#content h2.pageTitle#head_CDs_BillWymanProjects,
div#content h2.pageTitle#head_CDs_RhythmKings,
div#content h2.pageTitle#head_CDs_bootlegkings {background-image: url(../images/headers/cds.jpg);}

div#content h2.pageTitle#head_bundles {background-image: url(../images/headers/bills_bundles.jpg);}
div#content h2.pageTitle#head_clothing {background-image: url(../images/headers/clothing.jpg);}
div#content h2.pageTitle#head_dvds {background-image: url(../images/headers/dvds.jpg);}
div#content h2.pageTitle#head_merchandise {background-image: url(../images/headers/merchandise.jpg);}
div#content h2.pageTitle#head_help {background-image: url(../images/headers/help.jpg);}
div#content h2.pageTitle#head_billwyman {background-image: url(../images/headers/searchresults.jpg);}
div#content h2.pageTitle#head_programmes {background-image: url(../images/headers/programmes.jpg);}
div#content h2.pageTitle#head_specials {background-image: url(../images/headers/specials.jpg);}
div#content h2.pageTitle#head_tickets {background-image: url(../images/headers/tickets.jpg);}
div#content h2.pageTitle#head_contact {background-image: url(../images/headers/contact.jpg);}

div#content h2.pageTitle #head_productinfo {display: none;}

div#content div#contentInner {padding: 20px;}




div.row {width: 599px; clear:both; border-top: 2px solid #828282; margin: 30px 0 30px 0; border-color: #aeaeae;}
div.row div.item, div.row div.itemFirst {width: 120px; float: left; margin:0 0 0 10px; padding: 0 0 0 10px;}
div.row div.itemFirst {margin-left:0;}
div.row div.item img, div.row div.itemFirst img {margin: 20px 0 10px 0;}

div.rowSingle {clear: both; margin: 0 0 10px 0; border-bottom: 1px dotted #333;}
div.rowSingle img {float: left; margin: 0 20px 0 0;}
div.rowSingle div.rowSingleDesc {display: block; width: 400px; float: left;}

/* clearing floats without extra markup */  
div.row {display: inline-block;}
div.row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html div.row {height: 1%;}
div.row {display: block;}

/* clearing floats without extra markup */  
div.rowSingle {display: inline-block;}
div.rowSingle:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html div.rowSingle {height: 1%;}
div.rowSingle {display: block;}

div.row span.productLink a img {border: 1px solid #aeaeae;}


/* ------------------------------------------------------------
	PAGE CONTENT SPECIFIC STYLES
------------------------------------------------------------ */

/* ---------- home page ---------- */

/* ---------- product list ---------- */

div#sortBy {margin-bottom:0; color: #fff;background-color: #250002; text-align: left; padding: 0 0 0 10px;}
div#sortBy h3 {display: inline;}
div#sortBy ul {display: inline;}
div#sortBy ul li {display: inline; margin:0 4px;}

div.pagination {margin-bottom:-30px; text-align: right; padding: 3px; clear: both;}
div.pagination p {display:inline;}
div.pagination ul {clear:both; margin: 0; display: inline;}
div.pagination ul li {display: inline; margin: 0 1px 0 0;}

/* ---------- product detail ---------- */ 

div#prdOverview {float: right; width: 200px; margin:0 30px 10px 10px;}
div#prdOverview h3 {font-size: 13px; font-weight: bold; margin-bottom: 0.4em;}
div#prdOverview strong {margin-bottom: 0.4em;}
div#prdOverview small {font-size: 0.92em; color: #666666;}
div#prdOverview form {margin-bottom: 10px;}

div#prdOverview ul#thumbs {margin:1em 0 3px -6px; border-top: 1px dotted #333; padding-top:8px;}
div#prdOverview ul#thumbs li {display: inline; margin-left:6px;}

img#productImg {float: left; margin:0 0 10px 0; border: 1px solid #aeaeae;}
div#prdDescription {clear: both;}

 /*clearing floats without extra markup*/  
div#prdOverview, img#productImg, div.row {display: inline-block;}
div#prdOverview:after, img#productImg:after, div.row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html div#prdOverview, * html img#productImg, * html div.row {height: 1%;}
div#prdOverview, img#productImg, div.row {display: block;}


/* ---------- lookin bag ---------- */

table#basketTbl {width: 100%; margin: -1em 0 1em 0; text-align: left;}
table#basketTbl th {font-weight:bold; color: #000;vertical-align: top; padding: 2px 5px 2px 5px;}
table#basketTbl td {vertical-align: top; padding: 5px 5px 5px 5px; vertical-align: middle;}

table#basketTbl th#coverCol {width: 20%;}
table#basketTbl th#productCol {width: 40%;}
table#basketTbl th#priceCol {width: 20%;}
table#basketTbl th#qtyCol {width: 10%;}
table#basketTbl th#buttonCol {}
table#basketTbl input.quantity {width: 2em;}
table#basketTbl tr td span#total {text-align: right; display: block; vertical-align: middle; padding: 5px 0; width: 200px; float: right;}
td#cartSummary {height: 25px;}
table#basketTbl tr td #removeAll {float: left; display: block; width: 100px; padding: 12px 0 0 0; height: 25px;  text-align: left; vertical-align: middle; }


#btn_checkout {position: relative; top: 7px; margin-left: 15px;}


/* ---------- contact us ---------- */

p#dstoreLogo {float: right; width: 79px; height: 70px; margin:2.3em 0 0 0;}

/* ---------- help ---------- */

div#help table {width: 100%; margin: 0 0 15px 0; border: 1px solid #333; border-collapse: collapse;}
div#help table th {padding: 10px 10px 10px 5px; width: 35%;}
div#help table td {padding: 10px 5px; text-align: right;}
div#help table tr.alt {background-color: #efefef;}

p.toTop {padding: 0 0 10px 0; margin-bottom:1.5em; border-bottom: 1px dotted #666; font-size: 10px;}


/* ------------------------------------------------------------
	COL 2
------------------------------------------------------------ */
div#col2 {float: right; width: 199px; padding: 2px 0 0 2px;} 

ul#pagination li {display: inline; margin: 0 3px 0 0; clear: both;}
ul#pagination li a {text-decoration: none;}
ul#pagination li a:hover {text-decoration: underline;}

ul#col1Cta li {margin-bottom: 2px; padding: 0; line-height: 0; margin-left: -10px;}
ul#col2Cta li {margin-bottom: 2px; padding: 0; line-height: 0;}

div#content h2.rowHead {margin: 0 0 -20px 0;}

div#content h2.rowHead#headFeatured {text-indent: -9999em; background: url(../images/headers/featured.gif) no-repeat 0 0; width: 178px; height: 23px; margin-left: 10px;}

div#content div.row a {text-decoration: none;}
span.price {color: #000;}


/* ------------------------------------------------------------
	FOOTER STYLES
------------------------------------------------------------ */
div#footer1 {clear: both; background-color: transparent; height: 1px;}
div#footer2 {clear: both; background-color: #fff; padding:10px; /*border-top: 2px solid #828282;*/ width: 781px; border-top: 10px solid #fff;}
div#footer p#copyright {}

.switch0 td { background-color: #e0e0e0;}
.switch1 td { background-color: #fff;}

div#btmPagination {clear: both;border-top: 2px solid #aeaeae; position: relative;}