/* @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; float: left;} 
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: 960px; margin: 0 auto; font-size:13px; font-family: Helvetica, Arial, sans-serif; color: #000;}
a {text-decoration: none; color: #000;}
a:hover {text-decoration: none;}
p {margin-bottom: 1em;}
hr {display: none;}
form {font-size:13px;}

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

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

div#container {width:940px; padding:0; margin:0;}
div#containerInner {}

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

h1.petshopboys {background: url(../../assets/images/petshopboysshop_theofficialshop.gif) no-repeat; float: left; text-indent: -9999px; width: 287px; height: 72px; margin: 0; padding: 0;}

* html div#mainheader {height:162px;}
div#mainheader {/*border-bottom:6px solid #53b7e8 !important;*/ height:140px;}
div#header {height:115px; color: #fff; padding:0; position: relative;}
div#header h1 a {color: #fff; display:block; width:150px; height: 100px; float:left;}

div#header div#signup {float:right; margin-top:4px; clear:right;}
div#signup {color:#9a9a9a;}
div#signup input#signupgo {margin:0; border:none; color:#9a9a9a; background:#fff; font-weight:bold; width:28px;}
div#signup input {margin-left:8px; color:#9a9a9a; width:160px;}

p#bannerad {display:block; width: 706px; height: 100px;}
p.smallbanner1, p.smallbanner2 {display:inline;}
p.smallbanner1 {margin-right:13px;}
div.homefeatured{ width:940px;}
div.homefeatured div.row {width:300px; border-top:solid 6px #F1AD1F; padding-top:10px; margin:0 20px 10px 0; float:left; }
div.homefeatured div.row2 {width:300px; border-top:solid 6px #d00066; padding-top:10px; margin:0 20px 10px 0; float:left; }
div.homefeatured div.row3 {width:300px; border-top:solid 6px #81197f; padding-top:10px; margin:0 20px 10px 0; float:left; }
div.homefeatured div.row4 {width:300px; border-top:solid 6px #97be0d; padding-top:10px; margin:0 20px 10px 0; float:left; }
div.homefeatured div.row div.itemFirst, div.homefeatured div.row div.item, div.homefeatured div.row2 div.itemFirst, div.homefeatured div.row2 div.item, div.homefeatured div.row3 div.itemFirst, div.homefeatured div.row3 div.item, div.homefeatured div.row4 div.itemFirst, div.homefeatured div.row4 div.item {height:230px; border:none; padding:0; margin: 0 12px;}
* html div.homefeatured div.row div.itemFirst, * html div.homefeatured div.row div.item, * html div.homefeatured div.row2 div.itemFirst, * html div.homefeatured div.row2 div.item, * html div.homefeatured div.row3 div.itemFirst, * html div.homefeatured div.row3 div.item, * html div.homefeatured div.row4 div.itemFirst, * html div.homefeatured div.row4 div.item {margin: 0 10px;}
div.smallbanner {border-top:solid 6px #1d802c; padding:10px 0; width:300px; margin:0 0; float:right;}
div.smallbanner2 {border-top:solid 6px #172983; padding:10px 0; width:300px; margin:0 0; float:right;}

.littlebox {width:6px; height:6px; background:#53B7E8; float:left; margin:5px 5px 0 0;}
.littlebox0 {width:6px; height:6px; background:#F1AD1F; float:left; margin:5px 5px 0 0;}
.littlebox1 {width:6px; height:6px; background:#E2001A; float:left; margin:5px 5px 0 0;}
.littlebox2 {width:6px; height:6px; background:#D00066; float:left; margin:5px 5px 0 0;}
.littlebox3 {width:6px; height:6px; background:#97BE0D; float:left; margin:5px 5px 0 0;}
.littlebox4 {width:6px; height:6px; background:#81197F; float:left; margin:5px 5px 0 0;}
.littlebox5 {width:6px; height:6px; background:#81197F; float:left; margin:5px 5px 0 0;}
.littlebox6 {width:6px; height:6px; background:#1D802C; float:left; margin:5px 5px 0 0;}
.littlebox7 {width:6px; height:6px; background:#172983; float:left; margin:5px 5px 0 0;}

* html div.homefeatured div.row1 div.item {margin: 0 0 0 45px;}

/* ------------------------------------------------------------
	NAV BAR
------------------------------------------------------------ */
div#navBar {color:#999; margin:0; padding:0; float: right; text-align:right; display:block; height:20px; clear:right;}
div#navBar a {color:#b0afb0; float:left; font-weight:bold; height:20px; padding:3px 5px 0 5px; text-decoration:none;}
div#navBar a:hover {background-color:#000; color:#b0afb0;}
div#navBar ul {display:inline;}
div#navBar ul li {display:inline;}

div#currencies {}
div#currencies li {display: inline;}
div#currencies p {margin-bottom:0;}
div#basketBlock {float:right; clear:right; padding-left:50px; color:#999; font-weight:bold; margin-top:4px; height:48px;}
div#basketBlock a {color:#999; text-decoration:none;}
div#basketBlock a:hover {text-decoration:underline;}
div#basketBlock div#yourBasket {position:absolute; margin:-10px 0 0 -50px;}
div#basketBlock div#yourBasket a {text-indent:-9000em; background:url(../images/psb_basket.gif) no-repeat 0 0; height:50px; width:42px; display:block;}
div#basketBlock div#checkout {margin-top:3px;}
div#basketBlock div#checkout a {background: #91117e; color:#fff; padding:2px 4px; font-weight:bold; text-decoration:none;}
div#basketBlock div#checkout a:hover {background:#a82b95;}

div#search{float:right; clear:right; display:block; text-transform:lowercase; height:22px; margin-top:11px;}
form#sectionSelector {padding: 0; margin: 5px 0;}
div#search form {}
div#search form h2 {margin-bottom:5px; font-weight: bold;}
div#search form input#searchField {width: 160px; margin-bottom:10px; padding:1px; float:left; color:#9a9a9a;}
div#search form input#searchButton {margin:0; background:#fff; color:#9A9A9A; font-weight:bold; border:none;}

div#navBar2 {color:#999; padding:0; position:relative;}
div#navBar2 a {color:#999; float:left; font-weight:bold; height:20px; padding:5px 6px 0 6px; text-decoration:none; font-size:14px;}
div#navBar2 a:hover {background-color:#000000; color:#b0afb0; z-index: 10000;}
div#navBar2 ul {display:inline;}
div#navBar2 ul li {display:inline;}
div#navBar2 ul li ul.subcat {display:none; position:absolute; top:25px; background-color:#000000;}
div#navBar2 ul li:hover ul {display: block;}
div#navBar2 ul li ul.subcat li {display: block; padding:3px 0 3px 5px; margin:0;}
div#navBar2 ul li ul.subcat li a {margin:0; padding:0; color:#b0afb0; font-size:12px; font-weight:normal; height:15px; float:none; text-align:left;}
div#navBar2 ul li ul.subcat li a:hover {text-decoration:underline; background:none;}
div#navBar2 ul li#albums ul.subcat {width:105px; left:0; z-index: 10000; line-height:12px;}
div#navBar2 ul li#digital ul.subcat {width:105px; left:104px; z-index: 10000; line-height:12px;}
div#navBar2 ul li#merchandise ul.subcat {width:105px; left:160px; z-index: 10000; line-height:12px;}
div#navBar2 ul li#singles ul.subcat {width:105px; left:264px; z-index: 10000; line-height:12px;}

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

/* ------------------------------------------------------------
	CONTENT
------------------------------------------------------------ */
div#content {float: left; width:617px; margin: 0; font-size:12px; padding-top:10px; border-top:6px solid #53b7e8;}
div#content h2 {text-transform:capitalize;font-size:18px; font-weight:bold; float: left; clear: left;}
* html div#content h2 {width:130px;}
div#content h2#pageTitle, div#content h2#hometitles2 {border-bottom:1px solid #9C9D9F; width:617px; margin-bottom:10px; padding-bottom:8px;}
.cat_top {border-bottom:1px solid #9C9D9F; margin-bottom:10px; padding-bottom:8px; height:20px;}
div#content h3 {font-weight:bold;}  
div#content ul {margin-bottom:1em;}

div#help ul, div#help li, div#help p, div#help h3, div#help h4, div#help a {float: left; clear: left;}

div.homefeatured div.row {clear:both; border-top:6px solid #F1AD1F; /*margin: 30px 0 30px 0;*/}
div#content div.row {border-bottom:6px solid #53B7E8; float: left; height: 300px; width: 617px}


div.row div.item, div.row div.itemFirst, div.row2 div.item, div.row2 div.itemFirst, div.row3 div.item, div.row3 div.itemFirst, div.row4 div.item, div.row4 div.itemFirst {width: 120px; float: left; /*margin:0 0 0 42px;*/ /*border:1px solid #C9C9C9; height:225px;*/ padding:25px 15px; margin: 0; position: relative;}
div.row div.itemFirst, div.row2 div.itemFirst, div.row3 div.itemFirst, div.row4 div.itemFirst {margin-left:0;}
div.row div.item img, div.row div.itemFirst img, div.row2 div.item img, div.row2 div.itemFirst img, div.row3 div.item img, div.row3 div.itemFirst img, div.row4 div.item img, div.row4 div.itemFirst img {margin:0 0 5px 0; border:1px solid #999;}
div.row div.item p, div.row div.itemFirst p, div.row2 div.item p, div.row2 div.itemFirst p, div.row3 div.item p, div.row3 div.itemFirst p, div.row4 div.item p, div.row4 div.itemFirst p {line-height:17px; font-weight:bold; color:#ccc; min-height:85px; height: 85px; float: left;}


div.row div.item a, div.row div.itemFirst a, div.row2 div.item a, div.row2 div.itemFirst a, div.row3 div.item a, div.row3 div.itemFirst a, div.row4 div.item a, div.row4 div.itemFirst a {text-decoration:none;}
div.row div.item span.price, div.row div.itemFirst span.price, div.row2 div.item span.price, div.row2 div.itemFirst span.price, div.row3 div.item span.price, div.row3 div.itemFirst span.price, div.row4 div.item span.price, div.row4 div.itemFirst span.price {color:#000;}
.title {color:#999; margin-bottom:10px;}
* html div.row div.item, * html div.row div.itemFirst, * html div.row2 div.item, * html div.row2 div.itemFirst, * html div.row3 div.item, * html div.row3 div.itemFirst, * html div.row4 div.item, * html div.row4 div.itemFirst {padding:20px 15px 15px 15px;}
 {height:30px;}
* html div.itemFirst img, * html div.item img {margin:0; padding:0;}
* html div.proddetaillink {height:90px;} 

div.proddetaillink {height:90px; width:120px; float: left;} 

div.moreinfo {width:120px; border-top:1px solid #9C9D9F; padding-top:10px; float: left}

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

table#digitaltracks tr.digtitles {background:#D1D1D1;}
table#digitaltracks tr td.rowValues0, table.albumtracks tr.digtitles, table.albumtracks tr td.rowValues1 {border-bottom:1px solid #D1D1D1; border-top:1px solid #D1D1D1;}
table#digitaltracks tr td {padding:4px;}
table#digitaltracks tr td a {text-decoration:none;}
table#digitaltracks tr td a:hover {text-decoration:underline;}

table.albumtracks tr td {padding:4px;}
h2.hometitles {margin-bottom:10px; font-size:18px; font-weight:bold; padding-bottom:8px; border-bottom: 1px solid #9c9d9f;}
div#content h2#hometitles2 {font-size:18px; font-weight:bold; margin:0; padding-bottom:8px; border-bottom: 1px solid #9c9d9f;}
div.moreinfobox {display:block; float:left; width:300px; margin-top:10px; padding:10px 0; border-top:1px solid #9C9D9F;}
div.moreinfobox2 {display:block; float:left; width:300px; padding:10px 0; border-top:1px #9C9D9F;}
div#content div.moreinfobox3 {display:block; float:left; width:617px; padding:10px 0; border-top:1px solid #9C9D9F; font-size:13px;}
p.moreinfo {margin:0; float:left;}
* html p.moreinfo, * html p.moreinfo a {width:280px;}
p.moreinfo a, p.moreinfo, span.moreInfo a {color:#9c9d9f; text-decoration:none;}
p#welcomeBanner {margin:0;}

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

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

div#sortBy {font-size:11px; float:left; margin-top: 4px;}
div#sortBy h3 {display: inline; font-size:9px;}
div#sortBy ul {display: inline;}
div#sortBy ul li {display: inline; margin:0;}
div#sortBy ul li a {color:#999; text-decoration:none;}
div#sortBy ul li a:hover {text-decoration:underline;}

div.pagination {margin:4px 0 10px 0; float:right;}
div.pagination p {display:inline; font-size: 9px;}
div.pagination ul {clear:both; margin: 0; display: inline; font-size: 10px;}
div.pagination ul li {display: inline; margin: 0 1px 0 0;}

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

div#prdOverview {float: right; width: 240px; margin:0 10px 10px 10px;}
div#prdOverview h3 {font-size: 15px; 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 #999999;}
div#prdDescription {clear: both;}
div#prdBundle {margin-bottom:1em;}

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

div.addthis {display:block; float:left; clear:both; margin-bottom:10px;}

/* ---------- 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 td input {margin-bottom: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;}


/* ---------- 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; float: left; clear: left;}
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:300px; padding:10px 0; border-top:6px solid #E2001A;}
div.col2Cta a, div.col2Cta1 a { text-decoration:none;}
div.col2Cta {height:90px; padding:15px 2px 20px 2px; border-bottom:1px solid #9C9D9F;}
div.col2Cta1 {height:90px; padding:20px 2px;}
div.col2Cta img, div.col2Cta1 img {float:left; border:solid 1px #999;} 
div.col2Cta ul, div.col2Cta1 ul {float:right; width:200px;} 
div.col2Cta ul li.title, div.col2Cta1 ul li.title {font-size:13px; font-weight:bold; color:#000000;}
div.col2Cta ul li.info, div.col2Cta1 ul li.info {color:#999; font-weight:bold; line-height:16px; font-size:13px;}
div.col2Cta ul li.price, div.col2Cta1 ul li.price {font-weight:bold; margin-top:3px;}

div#col20 {float: right; width:300px; padding:10px 0; border-top:6px solid #F1AD1F;}
div#col21 {float: right; width:300px; padding:10px 0; border-top:6px solid #E2001A;}
div.col21Cta a, div.col21Cta1 a { text-decoration:none;}
div.col21Cta {height:90px; padding:15px 2px 20px 2px; border-bottom:1px solid #9C9D9F;}
div.col21Cta1 {height:90px; padding:20px 2px;}
div.col21Cta img, div.col21Cta1 img {float:left; border:solid 1px #999;} 
div.col21Cta ul, div.col21Cta1 ul {float:right; width:200px;} 
div.col21Cta ul li.title, div.col21Cta1 ul li.title {font-size:13px; font-weight:bold; color:#999;}
div.col21Cta ul li.info, div.col21Cta1 ul li.info {color:#999; font-weight:bold; line-height:16px; font-size:13px;}
div.col21Cta ul li.price, div.col21Cta1 ul li.price {font-weight:bold; margin-top:3px;}
li.artist {font-weight: bold;}
li.title a {color: #999;}

div#col22 {float: right; width:300px; padding:10px 0; border-top:6px solid #D00066;}
div#col23 {float: right; width:300px; padding:10px 0; border-top:6px solid #97BE0D;}
div#col24 {float: right; width:300px; padding:10px 0; border-top:6px solid #81197F;}

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: 5px;}

div#content h2.rowHead {margin: 0 0 -20px 0;}
div#content input.addToBasket, input#addtobasketbutton1, input#addtobasketbutton2, input#addtobasketbutton3, input#addtobasketbutton4, input#addtobasketbutton5, input#addtobasketbutton6, input#addtobasketbutton7, input#addtobasketbutton8, input#addtobasketbutton9, input#addtobasketbutton10, input#addtobasketbutton11, input#addtobasketbutton12 {margin-right:10px; background:url(../images/psb_add.gif) no-repeat 0 0; height:18px; width:89px;}
div#content input.addToBasket:hover,input#addtobasketbutton1:hover, input#addtobasketbutton2:hover, input#addtobasketbutton3:hover, input#addtobasketbutton4:hover, input#addtobasketbutton5:hover, input#addtobasketbutton6:hover, input#addtobasketbutton7:hover, input#addtobasketbutton8:hover, input#addtobasketbutton9:hover, input#addtobasketbutton10:hover, input#addtobasketbutton11:hover, input#addtobasketbutton12:hover {background-position: 0 -18px;}

img.addselected {margin:10px 0 0 5px; background:url(../images/psb_addselected.gif) no-repeat 0 0; height:18px; width:187px;}
img.addselected:hover {background-position: 0 -18px;}

/* ------------------------------------------------------------
	FOOTER STYLES
------------------------------------------------------------ */
div#footer2 {clear: both; padding:10px; border-top:6px solid #D3D3D3; background:url(../images/bankcards.gif) no-repeat center right;}
div#footer2 p#credits {text-align:left; color:#999; margin:0;}
div#footer2 p#credits a {color:#44B7C8; font-weight:bold;}

span.tc, p.tc {font-size: 9px; letter-spacing: 0;}
div.smallbanner a img, div.smallbanner2 a img {margin-bottom: 35px;}

/* music matters logo */
ul.musicmatters {width: 40px; height: 40px; float: left; list-style-type: none; position: absolute; top: 94px; right: 260px;}
ul.musicmatters li {list-style-type: none;}
ul.musicmatters li a {background: url(http://www.recordstore.co.uk/images/logos/musicmatters-on-white-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-white.png);}