/* @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 {width: 948px; margin: 0 auto; font-family:Verdana,Geneva,sans-serif; font-size:12px; line-height:1.4em; color: #fff; padding:0; background: #333333 url(http://www.placeboworld.co.uk/rotate/rotate.php) top left repeat ;}
a {text-decoration: none; color: #ec2a4e;}
a:hover {text-decoration: underline;}
p {margin-bottom: 1em;}
hr {display: none;}

/* ------------------------------------------------------------
	GLOBAL STYLES
------------------------------------------------------------ */
p#skip {height: 0; width:0; text-indent: -9000px; overflow:hidden; display:none;}
.clear {clear: both;}

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

div#container {}
div#containerInner {}
div#contenthome a {background:#333333 none repeat scroll 0 0; margin:5px 0 10px 5px; opacity:0.8; filter:alpha(opacity=80); padding:10px 8px; font-weight:bold; width:450px; vertical-align:top; text-align:center; font-size:16px;}
div#contenthome ul li a {display:inline; float:left;}
/* ------------------------------------------------------------
	HEADER STYLES
------------------------------------------------------------ */

div#header {height: 100px; text-transform:uppercase; color: #FFF; padding:0; margin:25px 0 5px 0; font-size:11px; border-bottom: 2px solid #fff;}
div#header h1 {color: #fff; display:block; float:left;}
div#headerright {float:right;}

div#welcome {float:left;}
p#welcomeBanner {margin-top:25px;}

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

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

div#navBar {color: #fff; text-transform:uppercase; text-align:right; clear:both; display:block; margin-bottom:4px; float:right;}
div#navBar a {color: #fff; text-decoration: none; font-size:1em; font-weight:bold; background:transparent; display:block; float:left; margin-right:5px;}
div#navBar a:hover {text-decoration:underline;}
div#navBar ul { display:inline;}
div#navBar ul li {display:inline;}
li#primHelp a { margin-right:0;}

ul#primNav {}
ul#primNav li {margin: 0;}

div#bgcart {background:#fff; width:260px; float:right; clear:both;}

div#currencies {width: 260px; text-align:left; color:#000; float:right; margin-right:-40px; clear:both; display:block;}
div#currencies p {display:inline;}
div#currencies ul {display:inline;}
div#currencies li {display: inline;}
div#currencies li a {font-weight:bold;}

div#basketBlock { text-align:left; color:#000; clear:both; display:block;}
div#basketBlock a {font-weight:bold;}
div#basketBlock div#yourBasket, div#basketBlock div#checkout, div#items {display:inline;}
div#basketBlock div#yourBasket a { position:absolute; margin:-14px 0 0 5px;}
div#basketBlock div#checkout a {margin-left:5px;}
div#items {padding-left:40px;}

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

/* main navigation */
div#catNav {padding:0; margin:0; height:55px; text-align:center;}
ul#mainNav {}
ul#mainNav li {display:inline; margin:0 55px 0 0; float:left; }
ul#mainNav li a {margin:0; padding: 0; text-decoration: none; text-indent:-9000em; height:54px; display:block;}
ul#mainNav li#nav_Albums a, ul#mainNav li#nav_albums_cd_albums a {background:url(../images/placebo_nav_album.png) 0 0 no-repeat; width:78px;}
ul#mainNav li#nav_Albums a:hover, ul#mainNav li#nav_albums_cd_albums a:hover {background:url(../images/placebo_nav_album.png) 0 -53px no-repeat; height:55px}
ul#mainNav li#nav_Singles a, ul#mainNav li#nav_singles_cd_singles a {background:url(../images/placebo_nav_single.png) 0 0 no-repeat; width:74px;}
ul#mainNav li#nav_Singles a:hover, ul#mainNav li#nav_singles_cd_singles a:hover {background:url(../images/placebo_nav_single.png) 0 -53px no-repeat; height:55px}
ul#mainNav li#nav_Digital_Downloads a, ul#mainNav li#nav_digital_downloads a {background:url(../images/placebo_nav_download.png) 0 0 no-repeat; width:66px;}
ul#mainNav li#nav_Digital_Downloads a:hover, ul#mainNav li#nav_digital_downloads a:hover {background:url(../images/placebo_nav_download.png) 0 -53px no-repeat; height:55px}
ul#mainNav li#nav_DVD a, ul#mainNav li#nav_dvds a {background:url(../images/placebo_nav_dvd.png) 0 0 no-repeat; width:40px;}
ul#mainNav li#nav_DVD a:hover, ul#mainNav li#nav_dvds a:hover {background:url(../images/placebo_nav_dvd.png) 0 -53px no-repeat; height:55px}
ul#mainNav li#nav_Merchandise a, ul#mainNav li#nav_merchandise a {background:url(../images/placebo_nav_merch.png) 0 0 no-repeat; width:129px;}
ul#mainNav li#nav_Merchandise a:hover, ul#mainNav li#nav_merchandise a:hover {background:url(../images/placebo_nav_merch.png) 0 -53px no-repeat; height:55px}
ul#mainNav li#nav_Special_Offers a, ul#mainNav li#nav_special_offers a {background:url(../images/placebo_nav_special.png) 0 0 no-repeat; width:141px;}
ul#mainNav li#nav_Special_Offers a:hover, ul#mainNav li#nav_special_offers a:hover  {background:url(../images/placebo_nav_special.png) 0 -53px no-repeat; height:55px}
ul#mainNav li#nav_Tickets a, ul#mainNav li#nav_tickets a {background:url(../images/placebo_nav_tickets.png) 0 0 no-repeat; width:74px;}
ul#mainNav li#nav_Tickets a:hover, ul#mainNav li#nav_tickets a:hover {background:url(../images/placebo_nav_tickets.png) 0 -53px no-repeat; height:55px}
ul#mainNav li#nav_Tickets, ul#mainNav li#nav_tickets {margin:0;}

ul#mainNav li:hover ul { display: block; }
ul#mainNav ul.subcategories {position: absolute; display: none; margin-top:-2px;}
ul#mainNav li ul.subcategories {background-color:#ec2a4e;}
ul#mainNav li ul.subcategories li a:hover {text-decoration:underline;}
ul#mainNav li#nav_Merchandise ul.subcategories li, ul#mainNav li#nav_Albums ul.subcategories li, ul#mainNav li#nav_Singles ul.subcategories li, ul#mainNav li#nav_merchandise ul.subcategories li, ul#mainNav li#nav_albums_cd_albums ul.subcategories li, ul#mainNav li#nav_singles_cd_singles ul.subcategories li { float:none;}
ul#mainNav li#nav_Merchandise ul.subcategories li a, ul#mainNav li#nav_merchandise ul.subcategories li a {background:none; text-indent:0; color:#fff; height:18px; text-align:left; padding:0 5px; width:119px;}
ul#mainNav li#nav_Albums ul.subcategories li a, ul#mainNav li#nav_albums_cd_albums ul.subcategories li a {background:none; text-indent:0; color:#fff; height:18px; text-align:left; padding:0 5px; width:100px;}
ul#mainNav li#nav_Singles ul.subcategories li a, ul#mainNav li#nav_singles_cd_singles ul.subcategories li a {background:none; text-indent:0; color:#fff; height:18px; text-align:left; padding:0 5px; width:100px;}

/*#welcome {border-bottom:2px solid #fff; border-top: 2px solid #ec2a4e; padding:10px 0;}
.welcome {background:url(../images/placebo_header.png) top left no-repeat; height:91px;}*/

div#search{ height:20px; margin-top:8px; float:right; clear:right;}
div#search h2 {text-transform:uppercase; display:inline;}
form #sectionSelector {padding: 0; margin: 5px 0;}
div#search form {height:30px;}
div#search form h2 {font-weight: bold; font-size:1.3em;}
div#search form input#searchField {width: 228px; padding:0; display:inline;}
div#search form input#searchButton {margin-bottom:-5px;}

/* ------------------------------------------------------------
	COL 1
------------------------------------------------------------ */
div#col1 {float: left; width: 0px;}

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

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

h2.rowHead {width:948px; clear:left; padding:2px 0; border-top:2px solid #fff;}
div.row {clear:both; margin: 0; border-color: #fff; padding:0 0 10px 0; display:inline;}
div.smallbanner {display:inline; margin-left:10px; float:right;}
div.row div.item, div.row div.itemFirst {width: 120px; float: left; margin:0 0 0 10px; padding:10px 19px; opacity:0.8; filter:alpha(opacity=80); background:#333; min-height:234px; display:inline;}
div.row div.itemFirst {margin-left:0;}
div.row div.item img, div.row div.itemFirst img {margin:0 0 10px 0;}
div.row div.item select, div.row div.itemFirst select {width:120px;}

h2#recommend {border-bottom:2px solid #fff;}

div.rowSingle {clear: both; margin-bottom:5px; padding:10px 20px; opacity:0.8; filter:alpha(opacity=80); background:#333;}
div.rowSingle img {float: left; margin: 0 20px 0 0; padding:2px; border:2px solid #EC2A4E;}
div.rowSingle div#mp3 img {border:none; margin:0; padding:0;}
div.rowSingle div.rowSingleDesc {display: block; width: 475px; float: left;}
div.rowSingle h3 {background-color:#F23155; padding:1px 4px; margin-bottom:10px;}
div.rowSingle h3 a {color:#fff; font-size:14px;}

/* 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.backbutton {background: #fff; padding:2px 5px; color:#EC2A4E; width:185px; font-weight:bold; text-transform:uppercase;}
div.backbutton a:hover {text-decoration:none;}


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

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

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

div#sortBy {margin:0px; opacity:0.8; filter:alpha(opacity=80); background:#333; padding:5px 15px 0 15px;}
div#sortBy h3 {display: inline;}
div#sortBy ul {display: inline;}
div#sortBy ul li {display: inline; margin:0 10px;}

div.pagination {margin-bottom:10px; opacity:0.8; filter:alpha(opacity=80); background:#333; padding:5px 15px 5px 15px;}
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#help, div#contact {padding:20px; margin-bottom:1em; opacity:0.8; filter:alpha(opacity=80); background:#333; width:630px;}
div.product {padding:0 20px; margin-bottom:1em; opacity:0.8; filter:alpha(opacity=80); background:#333; width:630px;}
div.product2 {padding:0 20px; margin-bottom:1em; opacity:0.8; /*filter:alpha(opacity=80);*/ background:#333; width:630px;}
div#prdOverview {float: right; width: 280px; margin:20px 10px 10px 10px;}
div#prdOverview h3 {font-size: 1.25em; font-weight: bold; color:#fff; background-color:#F23155; margin-bottom:10px; padding:1px 4px;}
div#prdOverview strong {margin-bottom: 0.4em;}
div#prdOverview small {font-size: 0.92em;}
div#prdOverview form {margin-bottom: 10px;}

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

img#productImg {float: left; padding:2px; border: 2px solid #ec2a4e; margin:20px 0 10px 0;}
div#prdDescription {clear: both; padding:0 0 20px 0;}

/*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: 2px 5px 2px 5px;}
table#basketTbl td {vertical-align: top; padding: 2px 5px 2px 5px; vertical-align: top;}
table#basketTbl img {padding:2px; border: 2px solid #ec2a4e;}
table#basketTbl td input {margin-bottom:5px;}
table#basketTbl td#bsktitle a {color:#fff; background-color:#ec2a4e; padding:1px 5px;}

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

input#removeall {margin-right:10px;}

/* ---------- digitaldownload ---------- */

table#digital {margin-bottom:10px;}
table#digital tr td {padding:10px 8px;}
table#digital tr {border-bottom:1px solid #666;}
table#digital tr.pink {background:#ec2a4e; border:none;}

/* ---------- 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 {border:2px solid #fff;}

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: 265px;}
div#col2 h2 {font-size: 1.3em; font-weight: bold; text-transform:uppercase; border-bottom:2px solid #ec2a4e; padding-bottom:4px;}

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

.col2Cta {margin:16px 0; height:90px; border-bottom: 2px solid #fff; padding-bottom:19px;}
.col2Cta img {border: 2px solid #fff; float:left;}
.col2Cta img:hover {border: 2px solid #ec2a4e;}
.col2Cta ul {float:right; height:103px; margin:0; padding:0; width:164px; font-size:11px;}
.col2Cta ul li.title {margin-bottom:5px; background:#fff; color:#000; padding-left:3px;}
.col2Cta ul li.price {background:#fff; text-align:right; float:right; display:inline; padding:1px 3px; color:#000;}
.col2Cta ul li.more {display:inline;}
.col2Cta ul li.more img {border:none; margin-right:10px;}
.col2Cta ul li.price a {color:#000; padding:2px 4px;}
.col2Cta ul li.title a {color:#000; padding:2px;}
.col2Cta ul li.info {background-color:#ec2a4e; color:#fff; font-size:10px; line-height:14px; margin-bottom:7px; padding:3px; text-transform:uppercase; font-weight:bold;}
.col2Cta ul li.info a {color:#fff;}
.col2Cta ul li.info a:hover, .col2Cta ul li.title a:hover, .col2Cta ul li.price a:hover {text-decoration:none;}
em {font-style:normal;}

/* ------------------------------------------------------------
	FOOTER STYLES
------------------------------------------------------------ */
div#footer1 {clear: both; border-top:2px solid #fff; height:20px;}
div#footer2 {clear: both; background-color: #000; padding: 5px 270px; margin-bottom:50px; color:#fff; font-weight:bold; height:70px; font-size:11px;}
div#footer2 img {position:absolute;}
div#footer2 p#credits { margin:0; padding:3px 3px 3px 43px; margin-top:20px;}

/* music matters logo */
ul.musicmatters {width: 40px; height: 40px; float: left; list-style-type: none; margin: 20px 0 0 50px;}
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); text-indent: -9999em; width: 40px; height: 40px; display: block;}
ul.musicmatters li a:hover {background: url(http://www.recordstore.co.uk/images/logos/musicmatters-on-black.png);}