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

/* ------------------------------------------------------------
	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 { margin: 0 auto; font:11px/1.5 "Segoe UI","Trebuchet MS",Arial,Helvetica,sans-serif; color: #CCC; padding:0; background:#000 url(../images/mainwrap_bg.jpg) repeat-y scroll center bottom;}
a {text-decoration: none; color:#F7AE16;}
a:hover {color:#9cce2e;}
p {margin-bottom: 1em;}
hr {display: none;}
* {margin:0; padding:0;}
/* "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
/* ------------------------------------------------------------
	GLOBAL STYLES
------------------------------------------------------------ */
p#skip {display:none;}
.clear {clear: both;}

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

div#container {background: url(../images/body_bg.jpg) no-repeat scroll center top;}
div#containerInner {width:942px; margin:0 auto;}
div#top{background: url(../images/content_top.png) no-repeat scroll left top; height:40px; width:942px;}
div#contentmain{background: url(../images/content_center.png) repeat-y scroll center top; width:912px; padding:0 15px;}
div#bottom{background: url(../images/content_bot.png) no-repeat scroll left top; height:40px; width:942px;}

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

div#header {padding:0px; clear:both; height:145px;}

/* ------------------------------------------------------------
	NAV BAR
------------------------------------------------------------ */
div#navBar { background:#000 url(../images/menu_back.jpg) repeat-x scroll center top; padding:0; color: #FFF; text-transform:uppercase; text-align : center; font-size : 120%; padding:10px 0;}
div#navBar a {color: #FFF; text-decoration: none; font-weight : bold;}
div#navBar a:hover {text-decoration: underline;}
div#navBar ul li {display:inline;}

ul#primNav {width: 950px; height:29px; text-align:center;}
ul#primNav li {padding:0 20px; display:inline; float:left;}
ul#primNav li a {height:29px; text-indent:-9000em; display:block;}

li#primHome {width:95px;}
li#primHome a { background: url(../images/prodigynav_home.gif) no-repeat 0 0; width:95px;}
li#primLogin a { background: url(../images/prodigynav_login.gif) no-repeat 0 0; width:97px;}
li#primLogin {width:97px;}
li#primLogout a { background: url(../images/prodigynav_logout.gif) no-repeat 0 0; width:100px;}
li#primLogout {width:100px;}
li#primMy a { background: url(../images/prodigynav_account.gif) no-repeat 0 0; width:144px;}
li#primMy {width:144px;}
li#primContact a {background: url(../images/prodigynav_contact.gif) no-repeat 0 0; width:148px;}
li#primContact {width:148px;}
li#primShipping a { background: url(../images/prodigynav_delivery.gif) no-repeat 0 0; width:143px;}
primShipping {width:143px;}
li#primHelp a { background: url(../images/prodigynav_help.gif) no-repeat 0 0; width:81px;}
li#primHelp {width:81px;}

#checkoutBlock {margin:30px 0 0 790px; width:150px;}
#currencies { margin : 0 0 0 10px;font-size : 110%;color: #fff; padding-left:30px; line-height:11px;}
#currencies ul li {display:inline;}

#basketBlock {}
#yourBasket a {text-indent:-9000em;  background: url(../images/basket.gif) no-repeat 0 0; width:35px; height:40px; display:block; position:absolute;}
#checkout a, #items a {padding-left:40px; line-height:11px;}

/* clearing floats without extra markup  */
div#navBar {display: inline;}
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: 156px; margin-bottom: 30px; color:white;}
div#col1_contents { position: absolute; width: 135px; z-index: 101; }
div#col1_background {width: 156px; z-index: 99;}
div#col1_contents div#search{height:60px; width:135px; padding:5px 10px; border:1px solid #F7AE16;}
div#col1_contents div#search h2 {text-transform:uppercase;font-size : 120%;}
div#col1_contents form #sectionSelector {padding: 0; margin: 5px 0;}
div#col1_contents div#search form {}
div#col1_contents div#search form h2 {margin-bottom:5px; font-weight: bold;}
div#col1_contents div#search form input#searchField {width: 109px; margin-bottom:10px; padding: 3px 0; float:left;}
div#col1_contents div#search form input#searchButton {color:#F7AE16; background:none; border:none; cursor:pointer; margin-top:2px;}
div#col1_contents div#search form input#searchButton:hover {color:#9CCE2E;}
div#col1_cta{margin:10px 0 0 0;}

/* secondary navigation */
div#col1_contents ul {margin: 10px 0 0 -10px; padding:10px;}
div#col1_contents ul li a {display: block; margin:0 0 0 0; padding: 5px 0 5px 10px; color: #CCCCCC; border : 1px solid #202020; text-decoration: none; width: 145px; font-size : 120%; background: url(../images/catnav_bg.png) repeat;}
div#col1_contents ul h2 {margin : 0 0 0 10px; font-weight: bold;}
div#col1_contents ul li a.categoryLink1 {color: white; padding-left: 20px; width: 136px;}
div#col1_contents ul li a:hover {background: #fb9c0b; color: #FFFFFF}
div#col1_contents ul li a.categoryLink1:hover, div#col1_contents ul li a.categoryLink1.current {background-color:#000; color: #fff;}
div#col1_contents ul li a.current {font-weight: bold; background: #fb9c0b; color: #FFFFFF}

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

div#content {width: 570px; margin: 0 0 0 170px; font-size:12px; min-height:700px; }
* html #content {height:675px;}
div#content h2 {font-size: 13px; font-weight: bold; text-transform:uppercase; margin-bottom:1em;}
div#content h3 {font-weight:bold;}  
div#content ul {margin-bottom:1em;}

div.row {width: 540px; clear:both; border-bottom:1px solid #333333; margin: 20px 0 ;}
div.row div.item, div.row div.itemFirst {width: 120px; float: left; margin:0 0 0 17px;}
div.row div.itemFirst {margin-left:0;}
div.row div.item img, div.row div.itemFirst img {margin:0 0 10px 0;}
div.row a {display:block;}

div.rowSingle {clear: both; margin: 0 0 10px 0;}
div.rowSingle img {float: left; margin: 0 20px 0 0;}
div.rowSingle div.rowSingleDesc {display: block; width: 320px; float: left;}

/* 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;}

form#emvForm td {padding:5px;}


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

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

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

div#search_contents { background-color:transparent; position: absolute; width: 540px; z-index: 107; margin : 0 0 0 17px; padding : 10px 0 0 0; }
div#search_background { width: 570px; z-index: 105; background:#232323 none repeat scroll 0 0; border:0.2px solid #344113;}

div#sortBy {margin-bottom:1em;}
div#sortBy h3 {display: inline;}
div#sortBy ul {display: inline;}
div#sortBy ul li {display: inline; margin:0 4px;}

div.pagination {margin-bottom:1em;}
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;}
div.buttonBlock ul {display: inline;}
div.buttonBlock ul li {display: inline;margin: 0 1px 0 0;}
div.clearBlock {clear:both;}

table#digitaltracks, table.albumtracks { border:1px solid #ccc;}
table.albumtracks {margin-top:5px;}
table#digitaltracks td, table.albumtracks td  {padding:5px;}
table#digitaltracks td.rowTitle, table.albumtracks tr.digtitles td {background:#414141; border-bottom:1px solid #ccc;}
table#digitaltracks td.rowValues0, table.albumtracks td.rowValues1 {background:#414141;}

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

div#prdOverview {float: right; width: 210px; margin:0 10px 0px 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;}
div.addthis {float:left; text-align:left; clear:both; margin:0 0 10px 0;}
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: 0 0 1em 0; text-align: left;}
table#basketTbl th {font-weight:bold; vertical-align: top; padding: 5px; border-bottom : 1px solid #333; color : white; }
table#basketTbl td {vertical-align: top; padding: 5px; vertical-align: top; border-bottom : 1px dashed #333; color : white; }
table#basketTbl td a img {border: 1px solid #F7AE16;}

table#basketTbl th#coverCol {width: 10%;}
table#basketTbl th#productCol {width: 50%;}
table#basketTbl th#priceCol {width: 20%;}
table#basketTbl th#qtyCol {width: 10%;}
table#basketTbl th#buttonCol {}
table#basketTbl input.quantity {width: 2em;}
div#total {padding : 0 0 10px 0; color : white}

/* ---------- 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;color : black}

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


/* ------------------------------------------------------------
	COL 2
------------------------------------------------------------ */
div#col2 {width: 156px; color : white; float:right; } 
div#col2_contents {background-color:transparent; position: absolute; width: 155px; z-index: 104; border:0.2px solid #344113; height : 99px; }
div#col2_background {height: 100px; width: 156px; z-index: 102; }
div#col2 div#basketBlock {padding: 10px 0px 0px 10px;font-size : 110%;}
div#col2 div#basketBlock div#yourBasket a {}
div#col2 div#basketBlock div#checkout a {color : white;}
div#col2 div#items {}

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

ul#col2Cta li {margin-bottom: 10px;}

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

/* ------------------------------------------------------------
	FOOTER STYLES
------------------------------------------------------------ */
div#footer2 {clear: both; padding:10px; margin-top:20px; background: url(../images/footer_bg.gif) no-repeat scroll center top; text-align:center;}
div#footer2 a {margin-right:10px;}

/* Added by Mitch */

#logoBlock {float:left; width:370px; height:85px; padding-top:13px;}
div#splash_contents {background-color:transparent; position: absolute; width: 570px; z-index: 107; }
div.splash_contents_inner { margin : 0px 0 0 15px; width: 540px; }
div#splash_background { width: 570px; z-index: 105; border : 1px solid #999; }
div#splash_contents2 {background-color:transparent; position: absolute; width: 570px; z-index: 107; background:#232323 none repeat scroll 0 0; border:0.2px solid #344113; }
div#contact_contents { background-color:transparent; position: absolute; width: 540px; z-index: 107; margin : 0 0 0 15px; padding : 10px 0 0 0; }
div#contact_background { background:#232323 none repeat scroll 0 0; border:0.2px solid #344113;}
div#basket_contents { background-color:transparent; position: absolute; width: 540px; z-index: 107; margin : 0 0 0 15px; padding : 10px 0 0 0; }
div#basket_background  {background:#232323 none repeat scroll 0 0; border:0.2px solid #344113;}
div#detail_contents { background-color:transparent; position: absolute; width: 540px; z-index: 107; margin : 0 0 0 15px; padding : 10px 0 0 0; }
div#detail_background { background:#232323 none repeat scroll 0 0; border:0.2px solid #344113;}

.prodgorange {color : #EF6621;}
.prodgblue {color : #477576;}
.prodgpink {color : #F80D5A;}
.prodgpurple {color : #A01E75;}
.prodgred {color : #FC0F31;}

.productLink {border : 1px solid #F7AE16;}

div#ticketsBanner { margin-top : 10px;}

input.addToBasket, input.basketbtn, a.basketbtn {background:#fb9c0b none repeat scroll 0 0; border:1px solid #C48551; color:#fff; cursor:pointer; margin-bottom:5px; }
td.addToBasket a, a.addToBasket {background:#fb9c0b none repeat scroll 0 0; border:1px solid #C48551; color:#fff; cursor:pointer; margin:0 0 5px 10px; padding:2px; }
td.addToBasket, td.preview{vertical-align:top;}
input.addToBasket:hover,input.basketbtn:hover, a.basketbtn:hover, td.addToBasket a:hover, a.addToBasket:hover {background:#333333 none repeat scroll 0 0; border:1px solid #999999; color:#fff;}
a.basketbtn {padding:1px 3px; font-size:1.1em; margin:5px 10px; vertical-align:top;}
.featuredprods {padding:5px 15px 0 15px; font-size:1.5em; text-transform:uppercase; color:#fff;}
.featuredprods h3 {border-bottom:1px solid #333333;}

/* music matters logo */
ul.musicmatters {width: 40px; height: 40px; float: left; list-style-type: none; margin: 0 0 12px 55px !important; padding: 0 !important;}
ul.musicmatters li {list-style-type: none;}
ul.musicmatters li a {background: url(http://www.recordstore.co.uk/images/logos/musicmatters-on-black-off.png) !important; text-indent: -9999em; width: 40px !important; height: 40px !important; display: block; padding: 0 !important; margin: 0 !important;}
ul.musicmatters li a:hover {background: url(http://www.recordstore.co.uk/images/logos/musicmatters-on-black.png) !important;}