/*
    This is base.css in website
*/

html { height: 100%; }


body
{
    height:100%;
    font-size: 75%;
    font-family: Helvetica, Arial, sans-serif;
    margin:0px;
    padding:0px;
    background-color: #fff;
}

legend
{
    color: #000;
}

p {
    padding-top: 0.25em;
    padding-bottom: 0.75em;
}

body.newsletter
{
    background-image: url('/site_images/logo/newsletterpoplog.jpg');/*FIXME*/
    background-position: 300px 80px;
    background-repeat: no-repeat;
    padding: 5px;
}
body.newsletter p { margin-bottom: 0.5em;}
body.newsletter h1
{
    font-size: 1.75em;
    border-bottom: 1px dotted #000000;
    margin-bottom: 0.25em;
}
body.newsletter input[type=text] { width: 15em; }
body.newsletter input
{
    margin-top: 0.5em;
}

hr {
    height: 1px;
    color: #000;
    background-color: #000;
    margin-bottom: 6px;
    border: none;
}
.music hr {
    background-color: #555;
    margin-bottom: 0;
}

.cl {
    clear: both;
}

.rm {
    display: none;
}

.linky {
    cursor: pointer;
}

.skiplist
{
    overflow: hidden;
    width: 1px;
    height: 1px;
    position: absolute;
    top: -10px;
}

#allcontent
{
    width: 83.75em;
    margin:auto;
    position:relative;
    background-color:white;
}

.PageContent
{
    background-color: white;
    padding-bottom: 1em;
}

.external { margin-left: 1.5em; margin-bottom: 1.5em; }
.cards { margin-left: 1.5em; margin-bottom: 1.5em; }


form				{ margin:0; padding:0;    }
img				{ border:0; }
input, select { }
fieldset			{ margin:0; padding:0; border:0; }

* {
    margin: 0;
    padding: 0;
}
.dummySpacer  {visibility: hidden; }

h1, h3 { text-transform: uppercase; }

h1, .music h1.StorePageHeading{
    font-family: "Times New Roman", serif;
    text-align:center;
    font-weight: normal;
    height: 1.2em;
    font-size:3em;
}

h1.GenreTitle {
    font-size: 2em;
    margin-bottom: 6px;
}

h1.ProductTitle
{
    font-size: 1.5em;
    text-transform:none;
    margin-bottom: 0.5em;
    font-weight: bold;
    text-align: left;
    font-family: Helvetica, Arial, sans-serif;
    height: auto;
}

.CatalogTitle { color:#A8A8A8; vertical-align:bottom; background-color: #FFF; text-align:center;}
h3.CatalogTitle { background-color: #FFF; text-transform:none; }
.music h2.CatalogTitle { 
    display:inline-block;
    border-top: none;
    font-size: 1.8em;
}

.music h1 {
    font-size: 1em;
    text-align:left;
    text-transform: none;
    margin-top: 6px;
    margin-bottom: 10px;
}
.music h2, #cartsummary h2 {
    font-family: "Times New Roman", serif;
    text-align:left;
    color: #999999;
    font-size: 2.2em;
    font-weight:normal;
    padding-top:14px;
    line-height: 18px;
    margin-bottom: 20px;
    border-top: 1px solid #CCCCCC;
    clear:both;
}
.music h2 .title1, #cartsummary h2 .title1 {
    color: #555555;
    font-weight: bold;
}

#sortform { display:inline; vertical-align:top; clear:both;}
.CatalogSort { 
    vertical-align:top; 
    text-align:center; 
    margin-bottom: 10px;
}
.CatalogSort select, .CatalogSort input { margin-top: 0.5em; }
.musiccategory .CatalogSort select, .musiccategory .CatalogSort input { margin-top: 0; }

.CheckoutHeading .StorePageHeading {
    background: none;
    display:inline-block;
}

h2{ font-size: 1.6em; }

h3 {background-color: #717171; color: #FFFFFF;
    padding: 3px; margin-top: 0; font-size: 1em;
}

h3 a         { color: #FFFFFF; }
h3 a:link    { color: #FFFFFF; }
h3 a:hover   { color: #FFFFFF; }
h3 a:active  { color: #FFFFFF; }
h3 a:visited { color: #FFFFFF; }

h4 { font-size: 1em; }
h5
{
    font-size: 1em;
    background-color: #717171;
    color: #FFFFFF;
    padding: 0.25em;
}
h5.light { color: #FFFFFF; }
h5.dark { color:#000; border:1px solid #ccc; }

.BagItForm {display: inline;}
form.cart { vertical-align:top;}
.bagitandinfo
{
    height: 1.5em;
    position:relative;
    width: 8.417em;
    margin:auto;
}
.bagitandinfo form.cart
{
    position:absolute;
    right: 0px;
}
.bagitandinfo a.RIGHT
{
    position:absolute;
    right: 0px;
}
.bagitandinfo a.LEFT
{
    position:absolute;
    left: 0px;
}
.button
{
    display:-moz-inline-box;
    -moz-box-align: vertical;
}
.button
{
    vertical-align:top;
    width: 4.75em;
    display:inline-block;
    text-align:center;
    font-weight: bold;
    height: 1.5em;
}
.button a { text-decoration: none; color: white;  }
.button a:hover { text-decoration: none; }
.button img.background
{
    height: 1.25em;
    z-index:1;display:block;
}
.button .buttontext
{
    text-transform: uppercase;
    letter-spacing: -0.02em;
    position:relative; width: 4.75em; z-index: 2; display:block; top: -1.25em;
}

.pbutton { text-decoration:none; vertical-align:top;}
.pbutton img { width: 4em; }

.bbutton { text-decoration: none; }
.buttons input.bbutton { vertical-align:top; }
.featured .buttons input.bbutton { vertical-align:top; }
.MusicListings2 .buttons input.bbutton { vertical-align: middle; }

.buttons .price { vertical-align:top; }
.price { font-weight: bold; display:inline-block; }
.priceInTable { font-weight: bold; text-align: right;padding-left: 0.5em;  }
.sale { color: red; }
.pricing .previous { text-decoration: line-through; }
.newin { color: #CA1D1D; font-weight: bold; }
.forthcoming { font-weight: bold; }
.soldout { color: #0000FF; font-weight: bold; }
.instock { font-weight: bold; }
.backin { color: #4B8215; font-weight: bold; }
.buttons { margin-top: 2px; }

table.options { border-spacing: 0px; border-collapse:collapse;}
table.options thead td { background-color: black; color: white; border-left-color: white; max-width: 100px; overflow:hidden; text-align:center;}
table.options thead td object { width: 60px; height: 100px; }
table.options thead tr td:first-child+td { border-left-color: black;}
table.options thead tr td:first-child { border-top: none; background-color: white; color: black; width: auto;}
table.options tr td:first-child { border-left: none;}
table.options td { border: 2px solid black; border-right: none; border-top: none; text-align:center;}
table.options { border-right: 2px solid black;  }

.item { border: 1px solid #E1E1E1; }
.item .brand { height: 5em; padding-bottom: 0.25em; } /*  class brand unused?*/
.item .brand .textlabel { display: inline-block; padding-top: 20px; }
.item .brand .BrandImage { vertical-align:middle; text-align: center; display:inline-block; height: 5em; }

.item h4 a { text-decoration: none; color: #000;}
.item h4 a:hover { text-decoration: underline;}

.leftbar {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}

.leftbar .itemblock { text-align:center; border: none; margin-top: 0.25em; width: 12.5em; }
.leftbar .itemblock a { text-decoration: none;}
.leftbar .blocktable { width: 12.5em; margin-left: -2px; border-collapse:collapse; }
.leftbar .item { text-align:center; border: none; margin-top: 0.25em; }
.leftbar .item a { text-decoration: none; color: #000000; font-weight: bold; }
.leftbar .item img { display: inline; width: 11.25em; }
.leftbar h3 { color: #FFFFFF; background-color: #000000; margin-top: 0.25em; text-align: center; }
.itemhead p { color: #FFFFFF; background-color: #000000; margin-top: 0.25em; text-align: center; font-size: 1em; text-transform:uppercase; font-weight:bold; padding:3px; }

.ChartContainer {
    margin-left:0px;
}
.ChartContainer.one {
    margin-left:0px;
}
.ChartContainer .item
{
    border: none;
    border-bottom: 1px dotted #CCCCCC;
    position:relative;
    overflow:hidden;
    width: 204px;
    margin-top: 3px;
    height: 37px;
    padding-top: 3px;
}
.ChartContainer.reduced .item {
    height: auto;
    width: auto;
}
.ChartContainer .item .text 
{ 
    position: absolute;
    left: 53px;
    top: 0px;
    width: 144px;
}
.ChartContainer .item .image img
{ 
    width:50px;
}

.ChartContainer .ListingsPlay {
    position: absolute;
    left: 8px;
    bottom: 0px;
    z-index: 1;
    height: 18px;
}
.ChartContainer .item .image .ListingsPlay img {
    width: auto;
}
.item h4 {height: 2.4em; overflow: hidden; }
.item p  {height: 2.0em; overflow: hidden;}
.ChartContainer .item h4  
{ 
    white-space:nowrap;
    height: auto;
    text-overflow: ellipsis;
    overflow:hidden;
    width: 144px;
}
.ChartContainer .item a  
{ 
    white-space:nowrap; 
}
.ChartContainer .item .title  
{ 
    white-space:nowrap; 
    overflow:hidden;
    text-overflow: ellipsis;
    width: 144px;
}
.item.large p
{
    height: auto;
}
.ProductListings .item h4
{
    display:-moz-inline-box;
    -moz-box-align:vertical;
}
.ProductListings .item h4
{
    display:inline-block;
    width: 39em;
    vertical-align:top;
    height:auto;
    white-space:nowrap;
}
.mp3 .ProductListings .item h4, .digital .ProductListings .item h4
{
    width: 34em;
}
.ProductListings .item p
{
    height:auto;
    white-space:nowrap;
}

.ProductListings
{
    margin-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
    clear:both;
}
.ProductListings.reduced { border-bottom: none; }
.ProductListings.physical { border-bottom: none; }
.ProductListings.download { border-bottom: none; }
.ProductListings .label a {text-decoration:none;color: #000;}
.LayoutStyle1CentreContent .ProductListings .item h4
{
    width: 32.5em;
}
.LayoutStyle1CentreContent .ProductListings .label
{
    width: 15em;
}
.ProductListings .label
{
    display:-moz-inline-box;
    -moz-box-align:vertical;
}
.ProductListings .label
{
    font-weight:bold;
    display:inline-block;
    width: 20em;
    text-align:right;
    vertical-align:top;
}
.ProductListings .statusbar
{
    margin-top: 2px;
    margin-bottom: 0.5em;
}

.reduced .statusbar
{
    margin-top: 0em;
}
.ProductListings.reduced .play
{
    width: 9em;
    vertical-align:bottom;
    height: 15px;
    display:inline-block;
}
.mp3 .LayoutStyle0Content .reduced .item .pricing,
.digital .LayoutStyle0Content .reduced .item .pricing
{ width: 23.75em;}
.LayoutStyle0Content .reduced .item h4 { width: 40em;}
.LayoutStyle0Content .reduced .item .label { width: 20em;}

/*style 2 layout in sub section*/
.LayoutStyle2CentreContent .reduced .item h4 { width: 28em; }
.LayoutStyle2CentreContent .reduced .item .label
{ 
    width: 17.5em;
}
.LayoutStyle2CentreContent .ProductListings.reduced .catnum { width: 0em; }
.LayoutStyle0Content .LayoutStyle2CentreContent .ProductListings.reduced .item .pricing,
.LayoutStyle2CentreContent .ProductListings.reduced .item .pricing
{
    width: 16em;
}


.ProductListings .status
{
    display: -moz-inline-box;
}
.ProductListings .status
{
    display:inline-block;
    width: 6.25em;
    text-align:center;
    vertical-align:middle;
}
.ProductListings .catnum
{
    display: -moz-inline-box;
}
.ProductListings .catnum
{
    display:inline-block;
    width: 7.5em;
    vertical-align:middle;
}
.ProductListings .tracks
{
    min-height:2.667em;
}
.ProductListings .format
{
    display: -moz-inline-box;
}
.ProductListings .format
{
    display:inline-block;
    width: 8.75em;
    text-align:center;
    vertical-align:middle;
}
.ProductListings .pricing
{
    display: -moz-inline-box;
}
.ProductListings .pricing
{
    display:inline-block;
    width: 26.5em;
    vertical-align:middle;
}
.mp3 .ProductListings .pricing, .digital .ProductListings .pricing
{
    width: 21.5em;
}
.LayoutStyle1CentreContent .ProductListings .pricing
{
    width: 15em;
}
.ProductListings .bbutton
{
    display:-moz-inline-box; -moz-box-align:vertical;
}
.ProductListings .bbutton
{
    vertical-align:middle;
    display:inline-block;
}

.ProductListingsItem p
{
    margin: 0px;
}
.ProductListingsItem p, .ProductListingsItem h4
{
    height: auto;
    overflow: auto;
}
.ProductListings .title 
{ 
    width: 54.75em; 
    display:inline-block; 
    padding-bottom: 2px;
}
.LayoutStyle2CentreContent .ProductListings .title { width: 45.5em; }
.ProductListings .title a { color: #000; text-decoration:none; }
.ProductListings .RemoveButton { display:inline-block; vertical-align:top; }

.ProductListings .item.even { background-color: #FFF; }
.cartItem.even { background-color: #DDD; }
.ProductListings.chart .ChartPostion {
    margin-bottom: 0.5em;
}
.ProductListings.chart .item {
    min-height: 145px;
}
.ProductListings .item {
    border:none;
    background-repeat:no-repeat;
    min-height: 9.167em;
    border-bottom: 1px solid #CCCCCC;
    position:relative;
    clear:both;
    padding-top: 20px;
}
.mp3 .ProductListings .item,
.digital .ProductListings .item
{
    min-height: 0em;
}
.checkout .cartItem {
    min-height: 6em;
    padding:5px; margin-bottom:1em;
}
.ProductListings .item.sale { color: #000;}
.ProductListings .item.clearance .text { padding-top: 30px; }
.ProductListings .item.super .text { padding-top: 30px; }
.ProductListings .item.sale .text { padding-top: 30px; }
.ProductListings .image 		
{ 
    position:absolute;
    margin-right:10px;
    margin-bottom:10px;
    width:8.667em; 
    height:9.167em; 
    overflow:hidden;
}
.LayoutStyle4Content .ProductListings .text {
    width: 714px;
}
.ProductListings .text {
    display:block;
    width: 724px;
    float:right;
    min-height: 9.167em;
    margin-bottom:10px;
}
.digital .ProductListings .image {
    float:right;
    position:static;
    height:auto;
}
.digital .ProductListings .text {
    float:none;
}
.ProductListings .image img		{ margin-left: -2.333em; width: 13.333em;}
.mp3 .ProductListings .image,
.digital .ProductListings .image
{ 
    width: 13.333em;
}
.mp3 .ProductListings .image img,
.digital .ProductListings .image img
{ 
    margin-left: 0em;
}
.ProductListings.reduced .item
{
    min-height: 0;
}
.ProductListings.reduced .image
{
    width:auto;
    height:auto;
}
.ProductListings.reduced .image img
{
    width:6.667em;
    height:auto;
    margin-left: 0;
}
.mp3 .ProductListings.reduced .image img,
.digital .ProductListings.reduced .image img
{
    width: 6.667em;
    margin-left: 0em;
    left: 0em;
    max-height: none;
}

.ChartListings .item
{ 
    padding: 0.5em;
    padding-left: 1.5em;
    border:1px solid #ccc;
    min-height: 11em;
}
.ChartListings h4 		{ font-size: 1.25em; }
.ChartListings .item h4 		{ height: 1.25em; }
.ChartListings h3 		{ text-align:center; }
.ChartListings .item dt 		{ float:left; width: 10em; text-align:right; font-weight: bold; padding-right: 0.5em;}
.ChartListings .item dl		{ font-size: 0.9em; margin-bottom: 1em; }
.ChartListings .item dd a		{ text-decoration:none; color: #000; font-weight: normal;}
.ChartListings .image
{ 
    float:right;
    margin-right: 1em;
    text-align:center;
}
.ChartListings .newin 		{ float:right; margin-right: 1.5em;}
.ChartListings form.cart { margin-right: 1.5em;}
.ChartListings { margin-bottom: 1em;}

.labeltitle { width: 69.5em; margin-top: 0.3em; text-align:right; }
.labeltitle .colourBar { width: 69.5em; float:right; }

h1.labelname
{
    font-family: "Times New Roman", serif;
    clear:both;
    text-align:center;
    margin-top: 0.5em;
    text-transform: none;
    word-spacing:normal;
    font-size: 1.6em;
}
.labeltitle img { margin-bottom: 0.5em; }

.LanderBrands .title, .LanderBrands .morelink
{ 
    font-size: 3.6em;
    letter-spacing: -0.05em;
}
.LanderBrands .title .sub { font-size: 0.5em;}

.LanderBrandsFF2 {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display:inline-block;
}
.LanderBrands {
    margin-top: 0.5em;
    background-color: #FFFFFF;
    width: 15.5em;
}
.LanderBrands h3.title { background-color:black;}
.LanderBrands .BrowserBrand {
    height: 5em;
    width: 7em;
    padding-bottom: 0.5em;
}
.LanderBrands .BrowserBrand img {
    height: 5em;
    -webkit-box-shadow: -3px 2px 3px #ccc;
    box-shadow: -3px 2px 3px #ccc;
}
.LanderBrands ul {
    padding-left: 0.75em;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.LanderBrands li {
    list-style-type: none;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
}

.LanderBrands .control a img
{
    display: inline;
}
.LanderBrands .control a
{
    cursor: pointer;
}
.LanderBrands .control
{
    background-color: #000000;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    display:none;
    visibility: hidden;
    font-size: 2em;
}

/* overflow: auto means height of this block is of the highest contained block.
Needed as all contained blocks are floated.
From http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats
*/
.LanderNewProducts {display: block; overflow: auto; overflow: hidden;}
.LanderNewProducts .NewProducts {display: inline; float: left;  width: 17.6em; margin-right: 0.5em; }
.LanderNewProducts a {display: block;  color:black; text-decoration: none; font-weight: bold; padding: 0.125em 0px 0.125em 0.25em; margin-top: 0.15em;}
.LanderNewProducts .NewProducts a { color :#FFF;}

.LanderNewProducts .NewProductsLine1 {font-weight: bold; font-size: 1.75em; letter-spacing: -0.05em; line-height: 1em; font-family: Helvetica, Arial, sans-serif; text-align: left; height: auto; padding: 0.125em 0 0.125em 0.25em;}
.LanderNewProducts .NewProductsLine2 {font-weight: bold; font-size: 1.75em; letter-spacing: -0.05em; line-height: 1em;}
.LanderNewProducts .NewProductsLine3 {font-weight: bold; font-size: 1.75em; letter-spacing: -0.05em; line-height: 1em;}
.LanderNewProducts .NewProductsLine4 {font-weight: bold; font-size: 1.75em; letter-spacing: -0.05em; line-height: 1em;}
.LanderNewProducts .NewProductsLine5 {font-weight: bold; font-size: 1.75em; letter-spacing: -0.05em; line-height: 1em;}
.LanderNewProducts .NewProductsLine6 {font-weight: bold; font-size: 1.75em; letter-spacing: -0.05em; line-height: 1em;}

.mensclothing   .LanderNewProducts .NewProductsLine1 {color:#3399CC}
.mensclothing   .LanderNewProducts .NewProductsLine2 {background-color: #33E6FF;}
.mensclothing   .LanderNewProducts .NewProductsLine3 {background-color: #33D2FF;}
.mensclothing   .LanderNewProducts .NewProductsLine4 {background-color: #33BEF5;}
.mensclothing   .LanderNewProducts .NewProductsLine5 {background-color: #33AAE1;}
.mensclothing   .LanderNewProducts .NewProductsLine6 {background-color: #3399CC;}

.womensclothing .LanderNewProducts .NewProductsLine1 {color:#CCCC99;}
.womensclothing .LanderNewProducts .NewProductsLine2 {background-color: #CCF099;}
.womensclothing .LanderNewProducts .NewProductsLine3 {background-color: #CCE699;}
.womensclothing .LanderNewProducts .NewProductsLine4 {background-color: #CCDC99;}
.womensclothing .LanderNewProducts .NewProductsLine5 {background-color: #CCD299;}
.womensclothing .LanderNewProducts .NewProductsLine6 {background-color: #CCCC99;}

.equipment .LanderNewProducts .NewProductsLine1 {color:#FF9933;}
.equipment .LanderNewProducts .NewProductsLine2 {background-color: #FFC350; margin-top: 0.25em; padding-top: 0.25em;padding-bottom: 0.25em;}
.equipment .LanderNewProducts .NewProductsLine3 {background-color: #FFB446; margin-top: 0.25em; padding-top: 0.25em;padding-bottom: 0.25em;}
.equipment .LanderNewProducts .NewProductsLine4 {background-color: #FFA53C; margin-top: 0.25em; padding-top: 0.25em;padding-bottom: 0.25em;}
.equipment .LanderNewProducts .NewProductsLine5 {background-color: #FF9933; margin-top: 0.25em; padding-top: 0.25em;padding-bottom: 0.25em;}

.skate .LanderNewProducts .NewProductsLine1 { color:#000000;}
.skate .LanderNewProducts .NewProductsLine2 { background-color:#CCCCCC;}
.skate .LanderNewProducts .NewProductsLine3 { background-color: #999999;  }
.skate .LanderNewProducts .NewProductsLine4 { background-color: #000000;  }

.gadgets .LanderNewProducts .NewProductsLine1 {color:#66CC66; font-weight: bold; font-size: 1.66em; height : 1.43em; padding-top: 0.3em; }
.gadgets .LanderNewProducts .NewProductsLine2 {background-color: #66CC66; font-size: 1.3em; height : 1.43em; padding-top: 0.3em; }
.gadgets .LanderNewProducts .NewProductsLine3 {background-color: #66CC66; font-size: 1.3em; height : 1.43em; padding-top: 0.3em; }
.gadgets .LanderNewProducts .NewProductsLine4 {background-color: #66CC66; font-size: 1.3em; height : 1.43em; padding-top: 0.3em; }

.LanderNewProducts .NewProducts2 {display: inline; float:left; width: 35.9em; }

.LayoutStyle0Content .BannerContainer
{
    display: -moz-inline-block;
    -mox-box-orient: vertical;
}
.LayoutStyle0Content .BannerContainer
{ 
    width: 54em; height: 20em; display:inline-block;
}
.BannerContainer{
    margin-top:0.5em;
}
.LayoutStyle0Content .BannerContainer img { display:inline; }
.LayoutStyle0Content .LinksContainer
{
    display: -moz-inline-block;
    -mox-box-orient: vertical;
}
.LayoutStyle0Content .LinksContainer
{ 
    height: 20em; display:inline-block; vertical-align:top;
}
.LinksContainer {
    margin-top:0.5em;
}

.LayoutStyle0Content .BLanderBannerContainer img
{
    width: 69.5em; height: auto; display: inline-block; margin-top: 0.5em;
}

.layoutStyle0Content .brandLanderDescription
{
    width: 69.5em; height: auto; display: block;
}

.LayoutStyle0Content .BrandLanderItemsContainer
{
    width: 69.5em; height: auto; displey: block;
}

.LayoutStyle0Content .BrandLanderItem img
{
    width: 69.5em; height: auto; display:colourBarblock; margin-top: 0.25em;
}

.LayoutStyle0Content .BrandLanderItemText
{
    width: 69.5em; height: auto; text-align: left; font-weight: bold;
}

.LayoutStyle0Content .BrandLanderFormatAllWomens a
{
    float:left;
    width: 69.5em;
    color:#000;
    text-decoration:none;
    font-weight: bold;
    text-align: center;
    background-color : #F6ADCD;

    display:block;
    padding: 0.25em;
    margin-top: 0.125em;
    margin-bottom: 0.125em;
    margin-right: 0.37em;
    margin-left: 0em;
    position:relative;
}
.LayoutStyle0Content .BrandLanderFormatAllMens a
{
    float:left;
    width: 69.5em;
    color:#000;
    text-decoration:none;
    font-weight: bold;
    text-align: center;
    background-color : #9DC3E3;

    display:block;
    padding: 0.25em;
    margin-top: 0.125em;
    margin-bottom: 0.125em;
    margin-right: 0.37em;
    margin-left: 0em;
    position:relative;
}
.LayoutStyle0Content .BrandLanderFormatAllGadgets a
{
    float:left;
    width: 69.5em;
    color:#000;
    text-decoration:none;
    font-weight: bold;
    text-align: center;
    background-color : #FFCB05;

    display:block;
    padding: 0.25em;
    margin-top: 0.125em;
    margin-bottom: 0.125em;
    margin-right: 0.37em;
    margin-left: 0em;
    position:relative;
}

.LinkButton .biglink
{
    font-size: 1.4em;
}

.LinkButton
{
    background-repeat:no-repeat;
    background-position:top right;
    margin-left: 0.1em;
    color: #000;
    text-align:center;
    text-decoration:none;
    width: 11.867em;
    line-height: 2.9em;
    height: 42px;
    margin-bottom: 5px;
    text-transform:uppercase;
    font-weight:bold;
    font-size: 1.25em;
    display:block;
    float:right;
    clear:both;
    -webkit-box-shadow: -3px 2px 3px #ccc;
    box-shadow: -3px 2px 3px #ccc;
}

.LayoutStyle0Content .LanderNewProducts .NewProducts2 { width: 69.5em; border-top: solid; border-bottom: solid; border-width: 3px; }
.LayoutStyle0Content .LanderNewProducts .NewProducts2News { width: 30em; float:left; border-right: 1px dotted black; height: 4.6em; }
.LayoutStyle0Content .LanderNewProducts .NewsLetter
{ 
    padding-left: 1em;
    float:left;
    height: auto;
    border-top: none;
}
.LayoutStyle0Content .LanderNewProducts .NewsLetter form
{
    position: static;
}
.LayoutStyle0Content .LanderNewProducts .NewsletterPrompt
{ 
    border-top: none;
}
.LayoutStyle0Content .LanderNewProducts .NewProducts2
{
    height:auto;
}
.LayoutStyle0Content .LanderNewProducts .NewProducts
{
    height: auto;
}

.LanderNewProducts .NewProducts2Header {background-color: white; font-weight: bold; font-size: 1.2em; padding-top : 0.3em; padding-bottom : 0.35em; margin: 0em;}
.mensclothing   .LanderNewProducts .NewProducts2Header {color:#59a9cc; }
.womensclothing .LanderNewProducts .NewProducts2Header {color:#c1b49a; }
.equipment      .LanderNewProducts .NewProducts2Header {color: #e18c3a; }
.music      .LanderNewProducts .NewProducts2Header {color: #d04537; }
.skate      .LanderNewProducts .NewProducts2Header {color: #000000; }

.LanderNewProducts .NewProducts2News { overflow:auto;  padding-left: 0.25em; height: 9.5em;}
.skate .LanderNewProducts .NewProducts2News { height: 5em;}
.LanderNewProducts .NewProducts2Text { padding-bottom: 0.75em;}
.LanderNewProducts .NewProducts2Text a { display: inline; padding: 0px; text-decoration:underline; }
.LanderNewProducts .NewProducts
{
    height: 14.5em;
}
.skate .LanderNewProducts .NewProducts
{
    height: 9.75em;
}
.LanderNewProducts .NewProducts2
{
    height: 14.5em;
    position:relative;
}
.skate .LanderNewProducts .NewProducts2
{
    height: 9.75em;
}
.NewsLetter form
{
    display:inline-block;
}
.NewsLetter
{
    text-align: center;
    padding-bottom: 0.5em;
}
.LanderNewProducts .NewsLetter
{
    text-align: left;
    height: 4.75em;
    border-top: solid;
    border-width: 0.25em;
    position:relative;
}

.NewsletterPrompt
{
    font-size: 1.5em;
    font-weight: bold;
    padding-right: 0.5em;
    display:inline-block;
}

.LanderNewProducts .NewsletterPrompt 
{
    margin-top: 0.167em;
    padding-top: 0.167em;
    padding-left: 0.167em;
}

.NewsLetterEmailAddress {width : 29.1em}


.StoreLanderItemsHeader {margin: 0.6em 0 0.3em 0;}

/* letter-spacing controls gaps between boxes - but doesn't work in IE7 or FF2 so we
use right margins. . We make this woder than the contained so the right margin
of the last thing on the line gets hidden. */
.StoreLanderItems {width: 55em; overflow: hidden; }
.StoreLanderItems .itemFF2 .item .image { height: 9.5em;}

.StoreLanderItemFF2 {
    float:left;
    line-height:0em;
}

.StoreLanderItem {
    overflow: visible;
    text-align: center;
}

br.break { clear:both; }

.StoreLanderItem a {}
.StoreLanderItem .image img { display:inline; }
.StoreLanderItem p { padding: 0.25em; text-align:center; line-height:normal;}
.StoreLanderItem p.heading { font-size: 1em; font-weight: bold;}

.ClothingLanderSaleItems {clear: both; }
.ClothingLanderSaleItems h3 {margin-top: 0.5em;}
.ClothingLanderSaleItems .HorizontalCatalogItemsList .content {width:5000px; }
.ClothingLanderSaleItems .HorizontalCatalogItemsList .leftButton  {display: inline; float: left; margin-top:10em; }
.ClothingLanderSaleItems .HorizontalCatalogItemsList .rightButton {display: inline; float: left; margin-top:10em; }
.ClothingLanderSaleItems .HorizontalCatalogItemsList .viewport    {display: inline; float: left; width:49.6em; overflow:hidden; }

.ClothingLanderSaleItems .HorizontalCatalogItemsList .itemFF2 {display: inline; float: left}
.ClothingLanderSaleItems .HorizontalCatalogItemsList .item    {display: inline; float: left;
                                                               width: 15.65em; text-align:center; border :none; padding: 0.5em; }
.ClothingLanderSaleItems .HorizontalCatalogItemsList .item .image { height: 9.4em; }
.ClothingLanderSaleItems .HorizontalCatalogItemsList .item .image a { width: 14.65em; height: 8.9em; }
.ClothingLanderSaleItems .HorizontalCatalogItemsList .item .image a img
{
    margin:auto;
    width: 13.333em;
}


.tracks { margin-top: 0.1em;}
.tracks ul.extradisc { margin-left: 4.25em; }

.tracks ul { float:left; vertical-align: baseline;}
.tracks .discs>li { display: block; }
.ProductListings .tracks ul { width: 580px; overflow:hidden; margin-left: 10px; }
.tracks .disc>li
{
    margin-bottom: 0.167em;
    color: #FFFFFF;
    font-weight: bold;
    display:inline-block;
    width:2.2833em;
    height: 1.167em;
    text-align:center;
    background: url('/site_images/trackno.png') center center no-repeat;
}
.ProductListings .tracks li
{
    float:left;
    display:block;
    margin-bottom: 0.333em;
    color: #FFFFFF;
    font-weight: bold;
    width: 2.2833em;
    height: 1.167em;
    text-align:center;
    background: url('/site_images/trackno.png') center center no-repeat;
}

table.tracks td.play-links {
    font-size: 125%;
}

.tracks a
{
    color: #FFFFFF;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
}

.tracks .play-links a {
    font-size: 80%;
}
.cartItem .tracks a
{
    display:inline;
}
.tracktype
{
    vertical-align:middle;
}
.tracktype img
{
    width:4em;
}
.ProductListings .tracktype
{
    float:left;
    clear:left;
}
.tracks .all
{
    background: url('/site_images/trackno.png') center center no-repeat;
    height: 1.167em;
}

.catalog {
    clear:both;
}
.catalog h3, .catalog.h4 { letter-spacing: normal; }
.catalog .item {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
}
.catalog .item {
    display:inline-block;
    vertical-align:top;
    margin-bottom: 3em;
    text-align: center;
    letter-spacing: normal;
    border: 0.083em solid #DDD;
}
.catalog .largeItem {
    display: -moz-inline-box;
    -moz-box-orient: vertical;
}
.catalog
{
    width: 71em;
    overflow:hidden;
}
.largeItemFF2
{
    vertical-align:top;
}
.catalog .largeItem
{
    display:block;
    position: relative;
    border-collapse: collapse;
    border-bottom: 0.083em dashed #000;
    vertical-align:top;
    text-align: center;
    letter-spacing: normal;
    padding-bottom: 1em;
    padding-top: 1em;
    padding-right: 0.25em;
}
.catalog .item .play { height: 1.5em;}
.EquipmentLanderProducts .item
{
    margin-bottom: 1.5em;
}

.catalog .item, .catalog .largeItem { width: 22.75em; }
.catalog .item .newin { height: 1.25em; padding-bottom: 0.25em;}
.catalog .item .backin { height: 1.25em; padding-bottom: 0.25em;}
.catalog .item .soldout { height: 1.25em; padding-bottom: 0.25em;}
.catalog .item .forthcoming { height: 1.25em; padding-bottom: 0.25em;}
.catalog .item .instock { height: 1.25em; padding-bottom: 0.25em;}
.catalog .item .brand { position:relative; }
.catalog .item .image { position:relative; height: 15.6em; overflow:hidden; padding-bottom: 0.5em; }
.catalog .largeItem .image
{
    position:relative;
    height: 29.75em;
    width: 22.667em;
    margin-bottom: 0.25em;
}
.catalog .darkItem .image
{
    background-color: #000;
}
.catalog .largeItem .largeImage .ProductImage
{
    height: 29.75em;
    width: 22.667em;
}
.catalog .largeItem .smallImage .ProductImage
{
    height: 15.083em;
    width: 22.667em;
    position:absolute;
    top: 7.833em;
    left: 0em;
}
.catalog .largeItem .brand
{
    width: 22.667em;
    position:absolute;
    top: 0em;
    z-index: 1;
    vertical-align: middle;
}
.catalog .largeItem .brand .BrandImage
{
    position:relative;
    top: 1.417em;
    width: 6.667em;
}
.catalog .largeItem .brand a
{
    text-decoration:none;
}
.catalog .largeItem .brand .textlabel
{
    color: #000;
    position:relative;
    top: 1.75em;
    font-size: 1.5em;
    font-weight: bold;
}
.catalog .darkItem .brand .textlabel
{
    color: #FFF;
}
.largeItem .artist, .largeItem .title, .largeItem .label, .largeItem .price
{
    margin-bottom: 0.25em;
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.largeItem .artist
{
    line-height: 1.25em;
    height: 1.25em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.largeItem .title
{
    line-height: 1.2em;
    height: 2.4em;
    color: #A8A8A8;
    overflow: hidden;
}
.largeItem .title a
{
    font-weight:bold;
    text-decoration:none;
    color: #A8A8A8;
}
.largeItem .label a
{
    text-decoration:none;
    font-weight:bold;
    color: #A8A8A8;
}
.catalog .item .image a { display:block; width: 21.75em; overflow:hidden; margin: 0.5em; height: 15.1em; }
.catalog .item .image a img { margin-left: -0.45em; width: 22.667em; }
.catalog .item .caption { position:relative; }
.catalog .item .caption p { padding-bottom: 0.5em; }
.catalog .item .pricing { position:relative; padding-top: 0.5em; }
.catalog .item .TopLeft { position:absolute; top: 0px; left: 0px; }
.catalog .item .TopRight { position:absolute; top: 0px; right: 0px; }
.catalog .item .BottomLeft { position:absolute; bottom: 0px; left: 0px; }
.catalog .item .BottomRight { position:absolute; bottom: 0px; right: 0px;}
.catalog .item .image .BottomLeft { bottom: -1px; }
.catalog .item .image .BottomRight { bottom: -1px; }
.catalog .item .brand .BottomLeft { bottom: -1px; }
.catalog .item .brand .BottomRight { bottom: -1px; }

.StatusBanner img { width: 3.667em; height: 3.667em;}
.catalog .largeItem .image .StatusBanner { position: absolute; bottom: 0.75em; left: 0.75em; }

.catalog .item .brand img, .catalog .item .image img { display: inline; }
.catalog .item .caption { padding-left: 0.5em; padding-right: 0.5em;}
.catalog .artist { font-weight:bold;}
.catalog .item .caption .title { padding-bottom: 0.25em; margin-bottom: 0.25em; height: 1em;}
.catalog .item .price { margin-bottom: 0.5em; }
.catalog .item .pricing { padding-bottom: 0.5em; }
.catalog .item .bbutton { vertical-align: middle; }
.catalog h3 { margin-top: 0.5em; }

.EquipmentLanderProducts {letter-spacing:normal; padding-top: 0.5em; width: 55em; }
.EquipmentLanderProducts .item .image { overflow:hidden; height: 9.2em; }

.cartItem.even { background-color: #DDD; }

.cartItem {
    border: 1px solid #717171;
    padding-left: 0.5em;
    position: relative;
}

.cartItem .text {
    display: inline-block;
    vertical-align: top;
    width: 59em;
    position: relative;
    min-height: 6em;
    padding-bottom: 0.6em;
}
.cartItem .info {}
.cartItem .title { font-weight: bold; }
.cartItem .price { width: 14em; text-align: right; }
.cartItem .buttons { position: absolute; bottom: 0.2em; right:0; text-align:right; }
.cartItem .option { min-width: 12em; }

.cartItem .image {
    position:absolute;
    right:1em;
    top:1em;
    display:inline-block;
    float:none;
    text-align: right;
}
.cartItem .image img { width:8em; border: 0.083em #717171 solid; } /* we have to override the width because of .productsListing .image img */
.cartItem .itemOptions { }
.cartItem.unshippable { border:2px solid red; }
.cartItem .tracks li a { text-decoration:none; }

.cartItem .tracks { position: absolute; bottom: 0; width:10em; min-height: 1.5em; }
.cartItem deckPlay { display:inline-block; vertical-align:bottom; }
.cartItem mp3Play { display:inline-block; vertical-align:bottom; }

.download .cartItem .text { position:relative; display:inline-block; width:100%; }
.download .cartItem .info { }
.download .cartItem .options { }
.download .cartItem .tracks { left: 30em; }
.download .cartItem .buttons { position:absolute; right: 0.2em; white-space:nowrap;}
.download .cartItem .price { width: 5em; text-align: right; }
.download .cartItem { min-height:0; }
.cartItem .inlineform { display: -moz-inline-box; -moz-box-align:vertical;}
.cartItem .inlineform { display: inline-block; }

.paymentTotalsInclude {display: inline; float: left; width: 100%;
                       text-align:right; background-color: #e1e1e1;
                       border-top:    2px dotted #717171;
                       border-bottom: 2px dotted #717171;
                       margin-bottom: 0.5em;}
.paymentTotalsInclude table { display:inline; float: right; margin: 0.5em 0.5em 1em 0; }

.checkoutOptions
{ 
    border-bottom: 1px dotted #717171; 
    padding-bottom: 0.5em; 
    margin-top: 0.5em; 
    height: 10em;
}
.checkoutOptionMessage {
    margin-top: 1em;
}
.checkoutOption h3 { margin: 0 0 0.25em 0;  }
.checkoutOption p {padding : 0; margin: 0; }

.checkoutOption .inputLine {text-align: right; }
.checkoutOption label {width: 7.5em; }
.checkoutOption #em, .checkoutOption #pw {width: 13.5em; margin: 0 0 0 0; }
.checkoutOption .proceed
{
    text-align:right;
    position:absolute;
    bottom: 0.5em;
    height: 3em;
    width: 100%;
    display:block;
    right: 0.2em;
}
.checkoutOptionFF2
{
    display:-moz-inline-box;
    -moz-box-align: vertical;
}
.checkoutOptionFF2
{
    display:inline-block;
    vertical-align:top;
    height: 10em;
}
.checkoutOption
{ 
    width: 22.7em;
    padding-left: 0.25em;
    border-left: 2px solid #000;
    vertical-align: top;
    height: 7.5em;
    padding-bottom: 2.5em;
    position:relative;
}
.checkoutOption:first-child { border-left: none; padding-left: 0px;}
.checkoutOption .tac { font-size: 0.8em; margin-top: 0.5em;}

.checkout .listenall { width: 100%; text-align:right; margin-bottom: 0.5em; }
a.tracktype { text-decoration: none; }


.checkout .download { 
    border-top: 2px dashed black; 
    margin-top: 1em;
}
.checkout .download .disclaimer { border-bottom: 1px solid #717171; }
.checkout .download .cartItem { border-top: none; border-left: none; border-right: none; margin-bottom: 1em;}
.checkout .download .cartItem.even { background-color: white; }

.checkout .info .title a { text-decoration:none; color: #000000; }

#PaymentMethod { margin-top: 1em; }


/* Most things inherited from Standard Form */
#PaymentDetailsForm                    {width: 31em; padding-top : 1.5em; }
#PaymentDetailsForm label              {width: 10em; }
#PaymentDetailsForm .validationMessage {margin-left: 10.8em; }
#PaymentDetailsForm .formButtons       {text-align: left; }
#PaymentDetailsForm #defaultButton     {margin-left: 1em; }

.PaymentDetailsPage .paymentTotals {display: inline; float: right; width: 37em;
                                    margin-top: 1.5em; }

.ShippingOptionsPage .options td       { padding: 0.25em; }
.ShippingOptionsPage .options td.logo  { padding: 0em; }
.ShippingOptionsPage .options td.title { width:20em; }

.ShippingOptionsPage .options .rowSelected {background-color: #eee; }

.ShippingOptionsPage #jsUpdateButton {margin-left: 4.5em;}
.ShippingOptionsPage .totalsAndButtons  {float: left; width: 100%; padding-top: 0.3em; }
.ShippingOptionsPage .defaultButton {display: block; margin: 0 0 0.3em 9em;}
.ShippingOptionsPage .totalsAndButtons2 { }
.ShippingOptionsPage .paymentTotalsTable {display: inline; margin: 0em 0 0 0em;  }
.ShippingOptionsPage .backProceedButtons {display: block;  margin: 0.3em 0 0 0.3em;
                                          text-align: right; }

input.qty { width: 2em; }

.checkout p {padding : 0.5em 0.3em 0.3em 0.3em;}

.cartPhysicalSummary 
{ 
    overflow: hidden; 
    padding:0.5em; 
    background-color: #E1E1E1; 
    border-top: 2px dashed #717171; 
    margin-top: 1.5em;
}
.cartPhysicalCountryPromoCode {float: left; }

.cartCountryPromoCodeBox  { float:left; }
.cartCountryPromoCodeLine { float:left; clear:both;}


.cartPhysicalTotals  {float: right; }
.cartPhysicalSummary .price {text-align: right; }


.cartPhysicalPromoCode {float:left; clear: both; margin-top: 0.2em; }


.checkout .disclaimer { font-size: 0.8em; }





.checkout .downloadTotals { padding-left:0.5em; padding-right:0.5em; background-color: #E1E1E1; border-top: 2px dashed #717171; border-bottom: 1px dashed #717171; margin-bottom: 0.5em; }

.download .cartItem .text { min-height: 0em; padding-bottom: 0em; }
.download .cartItem .title { display:inline-block; }


.itemFF2, .largeItemFF2 {display: -moz-inline-box; -moz-box-align:vertical;}
.itemFF2, .largeItemFF2 {display: inline-block; }
#SearchResultsPage .catalog
{
    margin-top: 0em;
    padding-top: 0em;
}
#SearchResultsPage .catalog:before
{
    display:block;
    content: ' ';
    width: 69.5em;
    border-bottom: 0.083em dashed #000;
}
#SearchResultsPage .catalog .item    {width:22.75em; }

.MusicListings2 .itemFF2
{
    width:16.625em;
    margin-right: 1em;
    display:block;
    float:left;
}
.MusicListings2 .items
{
    width: 70.75em;
    overflow:hidden;
}
.MusicListings2 .item
{
    width:16.5em;
}

.MusicListings2 .item .caption
{
    width: 15.5em;
}
.MusicListings2 .item .image
{
    width:16.5em;
    height:10em;
}
.MusicListings2 .item .image a
{
    width: 13.333em;
}
.MusicListings2 .item .image a img
{
    width: 13.333em;
    max-height:10em;
    margin-left: 1.083em;
}

.ColourMatchesMoreLink { margin-left: 16em; text-transform: lowercase; }

/*= = = = = = = = = = = = = HorizontalProductsList - The shared basics = = =*/
.leftcolumn h3 {clear: both; }
.HorizontalProductsList              {display: inline; float: left; margin-top: 0.25em; margin-bottom: 0.25em; }
.HorizontalProductsList .leftButton  {display: inline; float: left; cursor:pointer;  margin-top:2.5em; }
.HorizontalProductsList .rightButton {display: inline; float: left; cursor:pointer;  margin-top:2.5em; }
.HorizontalProductsList .viewport    {display: inline; float: left; width: 24.6em; overflow:hidden; }
.HorizontalProductsListItems         {display: inline; float: left; width: 1230em; }
.HorizontalProductsListItem          {display: inline; float: left; width: 12.3em; text-align:center;  }
.HorizontalProductsListItem .ProductImage {overflow: hidden; width: 12.3em; border:1px solid white; }
.HorizontalProductsListItem a 	     {font-weight:normal; }

/* .catalog.HorizontalProductsListItem .ProductImage {margin-left: 0px;} /* why kb? */

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.storetitle {
    display:block;
    list-style-type: none;
    color: #E6E6E6;
    font-size: 2.2em;
    border-top: 1px solid #707070;
    padding-right: 0.25em;
    padding-top: 8px;
    padding-bottom: 8px;
}
.storetitle:first-child {
    border-top:none;
}


.storetitle a { text-decoration:none; }
.storetitle a:hover { color:  #E6E6E6; }
.storetitle a:link { color:  #E6E6E6; }
.storetitle a:visited { color:  #E6E6E6; }

.music .storeheading { background-color: #d04537; }
.equipment .storeheading { background-color: #e18c3a;}
.gadgets .storeheading { background-color: #07966b; }
.skate .storeheading { background-color: #000000; } 

.MusicCategoryFilters {
    position:relative;
    margin-top: 20px;
}
.MusicCategoryFilters ul {
    list-style-type:none;
}
.MusicCategoryFilters .rows1 {
    height: 30px;
}
.MusicCategoryFilters .rows2 {
    height: 70px;
}
.MusicCategoryFilters .rows3 {
    height: 110px;
}
.MusicCategoryFilters li {
    position:absolute;
}
.MusicCategoryFilters a {
    display:block;
    width: 136px;
    height: 10px;
    line-height: 10px;
    padding: 10px;
    background-color: #CCCCCC;
    color: #555555;
    text-decoration:none;
    font-weight:bold;
}
.MusicCategoryFilters .row2 {
    top: 40px;
}
.MusicCategoryFilters .row3 {
    top: 80px;
}
.MusicCategoryFilters .col2 {
    left: 168px;
}
.MusicCategoryFilters .col3 {
    left: 336px;
}
.MusicCategoryFilters .col4 {
    left: 504px;
}
.MusicCategoryFilters .col5 {
    left: 672px;
}

.MusicCategoryFilters .cols4 a {
    width: 184px;
}
.MusicCategoryFilters .cols4 .col2 {
    left: 208px;
}
.MusicCategoryFilters .cols4 .col3 {
    left: 416px;
}
.MusicCategoryFilters .cols4 .col4 {
    left: 624px;
}

.SectionList
{
    width:187px;
    margin-right: 20px;
    margin-bottom: 20px;
    float:left;
}
.SectionList h4 {
    font-size: 2em;
    font-weight:normal;
    font-family: "Times New Roman", serif;
    color: #999999;
    margin-top: 10px;
    margin-bottom: 10px;
}
.SectionList ul {
    list-style-type: none;
}
.SectionList li {
    margin-bottom: 2px;
}
.SectionList.combined a {
    background-color:#07966B;
}
.SectionList.download a {
    background-color:#D04537;
}
.SectionList.vinyl a {
    background-color:#707070;
}
.SectionList.cd a {
    background-color:#59A9CC;
}
.SectionList a {
    color: #FFFFFF;
    display: block;
    padding: 10px;
    text-decoration: none;
    width: 167px;
}

.GenreCategoryList .SectionList a {
    padding-top: 12px;
    padding-bottom: 12px;
}
#ChartTabs {
    clear:both;
    margin-top: 20px;
}
#ChartTabs li {
    display:block;
    float:left;
    margin-left: 4px;
}
#ChartTabs li.col1 {
    margin-left: 0px;
}
#ChartTabs a:visited {
    color: #555;
}
#ChartTabs a
{
    color: #555;
    background-color: #CCC;
    width: 184px;
    display:block;
    text-decoration:none;
    padding:10px;
    font-weight:bold;
}
#ChartTabs .combined.selected a {
    background-color:#07966B;
}
#ChartTabs .download.selected a {
    background-color:#D04537;
}
#ChartTabs .vinyl.selected a {
    background-color:#707070;
}
#ChartTabs .cd.selected a {
    background-color:#59A9CC;
}
#ChartTabs .selected a:visited
{
    color: #FFF;
}
#ChartTabs .selected a
{
    color: #FFF;
}

.VinylLandingCharts.Combined h3 {
    background-color:#07966B;
}
.VinylLandingCharts.Download h3 {
    background-color:#D04537;
}
.VinylLandingCharts.Vinyl h3 {
    background-color:#707070;
}
.VinylLandingCharts.CD h3 {
    background-color:#59A9CC;
}

.CategoryList
{
    clear:both;
    margin-bottom: 20px;
}



.MusicCategoryButtons .newsletter { float:right; overflow:hidden; padding:0.5em;}
.MusicCategoryButtons .newsletter h4 { margin:0; }
.MusicCategoryButtons .newsletter .text { float:left; }
.MusicCategoryButtons .newsletter .text input { width:20em; }
.MusicCategoryButtons .newsletter .button { float:left; padding-left:0.5em;}
/* Are these still used kb? */
.rightbar .item { text-align: center; padding-bottom: 3px; }
.rightbar .item .image { overflow: hidden; }
.rightbar img { width:135px; }

.ChartYears
{
    border-right:none;
}
.ChartYears li
{
    height: 40px;
    margin-left: 3px;
    margin-top: 2px;
    margin-bottom: 2px;
    width:16.75em;
    display:inline-block;
    letter-spacing:normal;
    list-style:none;
    font-weight:bold;
    -webkit-box-shadow: -3px 2px 3px #ccc;
    box-shadow: -3px 2px 3px #ccc;
}

.ChartYears a 		{ display:block; padding:3px; font-size: 1.25em; text-decoration: none; color: #000000;}

.ChartYears li:hover a { color: #FFF; }
.music .ChartYears li:hover { background-color: #d04537; color: #FFF; }

#checkoutbutton{ width: 9em; }

.externalad { position: absolute; right: 0.417em; top: 0.417em;}
#header
{
    font-size: 1.25em;
    margin-top: 10px;
}
#headertabs
{
    white-space: nowrap;
    text-transform: uppercase;
    float:right;
    position: relative;
    top: 3.5em;
    height: 1.5em;
}
#headertabs ul
{ 
    display:inline;
}
#toprow {
    position:relative;
    height:31px;
    width:1005px;
}
#headerbag
{
    width:450px;
    position:absolute;
    right:0px;
    top:0px;
    font-weight:bold;
}
#search {
    width:444px;
    height:26px;
    background-color:#E6E6E6;
    color:#FFFFFF;
    position:absolute;
    right:0px;
    top: 0px;
    padding-top: 4px;
    padding-left:6px;
}
#bagitems
{
    position:absolute;
    right:155px;
    padding-top:4px;
    padding-right: 6px;
    color:#CCCCCC;
}
#itemcount
{
    color: #707070;
}
#checkout
{
    display:block;
    position:absolute;
    right:0px;
    width:155px;
    height:23px;
    text-align:center;
    background-color:#8C2828;
    color:#FFFFFF;
    padding-top:4px;
    vertical-align:middle;
    text-decoration:none;
}
#searchgo:hover
{
    cursor:pointer;
}
#searchgo
{
    background-color: transparent;
    border:none;
    font-weight:bold;
}
#SearchFormat {
    width: 150px;
    color:#999;
}
#SearchTerm {
    width: 205px;
    height: 18px;
    border: none;
    font-size: 0.75em;
    padding: 2px;
    color:#999;
    margin-right: 4px;
}
#advsearch {
    color: #FFFFFF;
    text-decoration:none;
    font-weight:bold;
}
#storetabs
{ 
    height: 30px;
    position:absolute;
    top:0px;
    right:0px;
    list-style-type:none;
    font-weight:bold;
    background-color:#FFFFFF;
    margin:0px;
    padding:0px;    
}
.tab {
    float:left;
    margin-left:4px;
    height:30px;
}
.tab a:visited {
    color: #000000;
}
.tab a
{
    display:block;
    background-color:#E6E6E6;
    vertical-align:middle;
    padding:5px 8px 0px;
    height:25px;
    line-height:20px;
    text-decoration:none;
    color: #000000;
}

#musictab a:hover, #musictab.selected a {
    background-color: #d04537;
    color:#FFFFFF;
}
#menstab a:hover, #menstab.selected a {
    background-color: #59a9cc;
    color:#FFFFFF;
}
#womenstab a:hover, #womenstab.selected a{
    background-color: #c1b49a;
    color:#FFFFFF;
}
#equipmenttab a:hover, #equipmenttab.selected a {
    background-color: #e18c3a;
    color:#FFFFFF;
}
#gadgetstab a:hover, #gadgetstab.selected a {
    background-color: #07966b;
    color:#FFFFFF;
}
#youselltab a:hover, #youselltab.selected a {
    background-color: #919073;
    color:#FFFFFF;
}
#skatetab a:hover, #skatetab.selected a {
    background-color: #000000;
    color:#FFFFFF;
}

#headeraccount {
    width:450px;
    height:30px;
    position:absolute;
    right:0px;
    top:34px
}

#header .login {
    white-space: nowrap;
}
#header .login div {
    display: inline-block;
    font-weight: bold;
}
#header .login form {
    display: inline;
}

#header .login .textinput, .innerheader .login .submit {
    display: inline;
}
#header .login .textinput input {
    font-size: 0.75em;
    vertical-align: middle;
    padding: 4px;
    border: 0;
    background-color: #E6E6E6;
    color: #999;
    height:18px;
}

#header .login #password-box {
    width: 125px;
}
#header .login #email-box {
    width: 125px;
}


#header .login a {
    text-decoration: none;
    color: #aaa;
}

#header .logged-in p span{
    font-weight: normal;
    color: #555;
}

#header .login .links {
    display: inline-block;
    font-size: 0.6em;
    vertical-align:top;
}

#header .loginSubmit, #header .logoutSubmit {
    cursor: pointer;
    font-weight: bold;
    padding-left: 0.2em;
    border: 0;
    background-color: #fff;
    padding: 0;
    margin: 0;
}
#header .logoutSubmit {
    color: #AAA;
    font-size: 0.75em;
}
#header .submit {
    display:inline;
}
#header .welcome {
    position:absolute;
    left: 0px;
    top:0px;
    width: 70px;
    color: #999;
}
#header #signin {
    color: #999;
}
#header .name {
    position:absolute;
    left: 70px;
    top:0px;
    width: 198px;
    text-align:left;
    color:#707070;
    font-weight:normal;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
#signout {
    position:absolute;
    width: 60px;
    right: 0px;
    top:0px;
    text-align:right;
}
#viewaccount {
    position:absolute;
    width: 110px;
    right: 60px;
    top:0px;
    text-align:right;
}

.searchresults
{
    position: relative;
    margin: 0em;
}
.searchresults			{ font-weight:bold; text-align:center;   color:#ccc; clear:both; float:right; }
.searchresults a		{ margin:3px;color:#000;    }
.searchresults .title		{ display:inline; margin-right:1em;   color:#000; display:none;}
.searchresults .current
{
    color:#000;
    font-size: 1.5em;
    position:relative;
    top: 0.125em;
}
.searchresults span		{ }
.searchresults input		{ border:1px solid #ccc;    }
.searchresults select		{ border:1px solid #ccc;    }

.topsearchresults { 
    min-width: 1em;
}
.musiccategory .topsearchresults { 
    top: -40px; 
    height: 0px;
}
.mp3 .topsearchresults { top: -0.5em; }

.headerbar {
    width: 83.75em;
}

.headerbar .search
{
    float:right;  margin: 3px 0 0 0;   padding:0;
}
.headerbar .search input, .headerbar .search select { font-size: 1em;}
.headerbar .subheader
{ 
    font-size: 0.8em; height:2.5em; clear:both; background-color: #B5B5B5; overflow:hidden; font-weight: bold; }
.headerbar .subheader ul		{ margin:0; padding:5px; text-align:center;    }
.headerbar .subheader li		{ display:inline;         }
.headerbar .subheader a
{
    color:#fff;
    margin:0px 8px;
    text-decoration:none;
}



.InnerPageContent
{
    width: 84em;
}
.PageContent
{
    margin:auto;
    width:83.75em;
    overflow:hidden;
}

.leftbar			{ float:left; width:12.5em; margin:0.5em 0.5em 0 0; }
.leftbar .banners img
{ 
    width: 12.5em; 
    margin-top: 0.3em; 
    -webkit-box-shadow: -3px 2px 3px #ccc;
    box-shadow: -3px 2px 3px #ccc;
}
.rightbar			{ overflow:hidden; width:11.25em; vertical-align:top;}
.menu {
    margin-bottom: 0.55em;
    font-size: 0.875em;
}
.menu.bare {
    margin-bottom: 1em;
    font-size: 1.0em;
}
.menu ul
{
    background-color:#fff;
    overflow:hidden;
    height:1%;
    list-style: none;
    margin-top: 0.25em; 
}

.menu .section li, .menu .open-section li {
    line-height: 1.24em;
}

.menu .sale.section>li, .menu .sale.open-section>li, .menu .sale.open-section>ul>li.sale.open-section>li {
    line-height: inherit;
}

.menu  li.on ul { 
    padding-left: 1.3em;
}

.menu  li.on ul a , .menu ul.current-parent a { 
    color: #555;
}

.menu li { 
    padding: 2px 0px 2px 0;
}

.menu li.open-section>div>a, .menu li.highlighted-section>div>a{
    background-color: #555;
}

.menu li.section>div>a, .menu li.open-section>div>a { 
    padding: 0 0 1px 5px;
    font-weight: bold;
}
.menu.bare li.section>div>a {
    padding: 0;
}

.menu .section>div>a {
    background-color: #acacac;
}
.menu .sale.section>div>a, .menu .sale.open-section>div>a {
    background-color: #f00;
}
.menu li.on>div a {
    font-weight: bold;
}
.menu li.open-section>div>a {
    color: #fff;
}
.menu li.sale.open-section>div>a, .menu li.sale.section>div>a {
    color: #fff;
}
.menu li.sale li.on div a.colourText {
    color: #f00;
}

.menu li>div {
    width: 100%;
    clear: both;
}
.menu li>div>a {
    margin-left: 20px;
    padding-left: 5px;
}
.menu.bare li>div>a {
    margin-left: 0;
}

.menu li img {
    float: left;
    width: 5px;
    height: 5px;
    margin-left: -13px;       
    margin-top: 4px;
}

.menu li.section img, .menu li.open-section>div>a>img {
    width: 15px;
    height: 15px;
    margin-left: -25px;
    margin-top: 0;
}

.menu li.section>div>a, .menu li.open-section>div>a {
    margin-left: 20px;
}

.menu li.open-section>ul, .menu ul>li.sale.open-section>ul>li.sale.open-section ul {
    margin: 4px 0;
}
.menu ul>li.sale.open-section>ul {
    margin: 0.25em 0 0 0;
}

.menu ul.current-parent>li div a {
    color: #555;
}

.menu li a {
    margin: 0;
    color: #828282;
    display:block;
    text-decoration: none;
    position: relative;
}
.menu li.section div a {
    color: #fff;
}

.menu li.on>a { 
    font-weight:bold; 
}

.menu li.current a, .menu li.on a { 
    color: #555;
}
.menu li a:hover { 
    color:#B5B5B5;
}

.menu.bare .section div {
    background: none;
    color: #000;
    font-weight: normal;
    margin-left: 0;
}

.menu.bare li div a {
    color: #000;
}

.menu.bare li div a:hover {
    color: #ccc;
}

.menu #refine-search {
    color: #fff;
    font-weight: 600;
    font-size: 1.2em;
    background-color: #555;
    background-image: url('/site_images/menu/filter_refine_search_arrow.gif');
    background-repeat: no-repeat;
    background-position: 5% 90%;
    padding: 0.2em 0 0.9em 0.24em;
}

.menu #refine-search p {
    padding-left: 0.3em;
}

.menu .menu-category>ul>li.sale {
    margin-top: 0.75em;
    padding-top: 0.85em;
    border-top: 1px solid #e4e4e4;
}


.menu .menu-category .title {
    font-weight: bold;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 0.75em;
    padding: 0.65em 0;
    color: #555;
}

.menu .menu-category .title a:hover {
    text-decoration: none;
}

.clothing .menu .l1 { font-weight: bold;}

.scroll {
    overflow: auto;
}

.scroll{position: relative;overflow: hidden;}
.scroll { width: 11.5em; clear: both; margin: 9px 0 9px;}
.scroll .viewport { width: 10em; height:  9.3em; overflow: hidden; position: relative; }
.scroll .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scroll .thumb .end,
.scroll .thumb { background-color: #AAA; }
.scroll .scrollbar { position: relative; float: right; width: 10px; }
.scroll .track { background-color: #ccc; height: 100%; width:10px; position: relative; padding: 0 1px; }
.scroll .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scroll .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.scroll .disable{ display: none; }

.filter-box .wrap {
    margin-bottom: 9px;
}

.filter-box .wrap>div {
    padding: 0em 0.4em;
    max-height: 9.3em;    
}

.filter-box div ul li {
    line-height: 0.9em;
    margin: 0.4em 0 0.2em 0;
}

.filter-box div#colour-filter {
    max-height: none;
}

.filter-box .wrap #price-filter  {
    border: 0;
}

.filter-box .wrap #price-label {
    margin-bottom: 5px;
    padding-top: 0.5em;
    color: #999999;
    font-weight: bold;
    margin-left: -0.8em;
}

.filter-box .wrap #slider-range {
    width: 10.6em;
    left: 0.4em;
}

.filter-box h3 {
    color:#555;
    background-color: #fff;
    text-align: left;
    margin-bottom: 9px;
    margin-top: 0px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 8px 0 9px;
    text-transform: none;
    font-size: 0.9em;
}

.filter-box h3 a, .filter-box h3 a:hover {
	color:#555;
}

.filter-box h3 img, .menu-category .title img {
    vertical-align: text-top;
}

.filter-box h3 span, .menu-category .title span {
    vertical-align: middle;
    color: #555555;
}

/*.filter-box div.wrap span {*/
.filter-box span.clear-link {
    float: right;
    margin-top: -3.5em;
    padding-right: 0.7em;
    font-size: 80%;
    font-weight: bold;
}
/*.filter-box div.wrap span a {*/
.filter-box span.clear-link a {
    color: #828282;
    text-decoration: none;
}
/*.filter-box div.wrap span a:hover {*/
    .filter-box span.clear-link a:hover {
    text-decoration: underline;
}
.filter-box li a, .filter-box li strong {
    color: #555;
    font-size: 0.95em;
}
.filter-box li a {
    color: #828282;
    text-decoration: none;
}
.filter-box li a:hover {
    text-decoration: underline;
}
.filter-box #colour-filter li {
    height:1.2em;
    line-height:1.2em;
    margin-bottom: 0.1em;
    list-style: none;
}

.filter-box #colour-filter div {
    width: 11px;
    height: 11px;
    float: left;
    margin-top: 2px;
    margin-right: 0.3em;
}

.filter-box #colour-filter a {
    margin-left: 1.4em;
}

.filter-box #colour-filter img {
    margin-right: -4px;
    padding: 0 0.5em 0.2em 0.5em;
}
.filter-box .wrap div#colour-filter {
    padding-left: 0;
}

.filter-box #slider-range {
    margin-right: 1em;
}
.filter-box #mxp-display {
    width: 5.3em;
    text-align: right;
    float: right;
    padding: 0.6em 0.9em 0 0;
}
.filter-box #mnp-display {
    width: 5.3em;
    padding: 0.6em 0 0 0.6em;
}

.ContentWithLeftBar { width:70.25em; margin-left:0.5em; padding:0; float:left; overflow:hidden; }
/*
When the left menu is on the page. .ContentWithLeftBar contains everything to the right
of the menu and one of the following is placed within it.
*/
/* Pages with no right bar */
.LayoutStyle0Content { float: left; width: 69.5em; white-space:nowrap;}
.LayoutStyle3Content { float: left; padding-left: 1em; width: 82.25em; white-space:nowrap;}
.LayoutStyle4Content { float: left; width: 828px; margin-left: 14px;}
.LayoutStyle0Content * { white-space:normal;}
/* For pages with the colur matches/accessories etc right bar (or anything with that width */
.LayoutStyle1CentreContent { float : left; width: 58.25em; overflow: hidden; }
.LayoutStyle1RightContent { float : right; margin-top: 0.5em; margin-right: 0.5em; }
/* For pages with the Brands right bar (or anything with that width */
.LayoutStyle2CentreContent { float : left; width: 54em; overflow: hidden; }
.LayoutStyle2RightContent  { float : right }

#footer {
    font-size: 1.1em;
}
#footer .em{
    width: 240px;
    font-size: 0.75em;
    color: #999;
    border:none;
    padding: 4px;
    margin-left: 4px;
    height:13px;
}
#newsbar {
    height:55px;
    position:relative;
    font-weight:bold;
    border-top: 1px solid #CCCCCC;
}
#footerlinks {
    width:455px;
    position:absolute;
    top:0px;
    left:550px;
    height:40px;
    background-color:#E6E6E6;
    padding-bottom:15px;
    text-align:center;
    color: #555555;
}
#footerlinks img {
    vertical-align:middle;
    margin-top: -5px;
    margin-left: 10px;
}
#footerfade {
    display:block;
    height:34px;
    width:1005px;
}
#footermap {
    height:211px;
    background-color:#464646;
    color:#CCCCCC;
    position:relative;
}
#footermap a {
    color:#B3B3B3;
    text-decoration: none;
}
#footer #news { 
    width:550px;
    height:40px;
    background-color:#CCCCCC;
    padding-top:15px;
    color: #555555;
    text-align:center;
}
#footer #news form { 
    display:inline-block;
}
#footer .NewsletterButton:hover {
    cursor:pointer;
}
    
#footer .NewsletterButton {
    background-color:transparent;
    border:none;
    font-weight:bold;
    color: #555555;
    font-family:Helvetica, Arial, sans-serif;
}
.linkslist {
    position:absolute;
    height:179px;
    margin-bottom:28px;
}
#linkslist1 {
    left:401px;
    width:166px;
}
#linkslist2 {
    left:568px;
    width:173px;
}
#linkslist3 {
    left:742px;
    height:179px;
}
.linkslist ul {
    list-style-type:none;
    margin:0px; 
    padding-left: 10px;
    padding-top: 10px;
}
.footerdivider {
    float:left;
}


#logos {
    margin-top: 6px;
    height: 40px;
}
#copyright {
    width:400px;
    text-align:center;
    color:#828282;
    display:inline-block;
    vertical-align:text-top;
}
#ccards {
    width: 316px;
    display:inline-block;
    vertical-align:top;
}
#ccards img {
    float:left;
    margin-right: 8px;
}
#secure {
    display:inline-block;
    vertical-align:top;
}


.Footer2 { background-color:#FFF; position:relative; height: 2.5em;}

.Footer2 .news
{
    position: absolute;
    left: 0em;
    top: 0.5em;
}

.Footer2 .news .em { width: 30em;}


.Footer2
{
    border-top:2px dotted #acacac;
    padding-top:0.25em;
    margin-bottom:1em;
    margin-left:0.75em;
    margin-right:0.75em;
    font-family: "Times New Roman", serif;
}
.Footer2 a { text-decoration:none; color: #000;}
.Footer2 ul 	{ 
    padding:0;
    margin:0;
    overflow:hidden;
    text-align:right;
    margin-top: 0.5em;
    position: absolute;
    right: 0em;
    top: 0.5em;
}
.Footer2 li
{
    list-style:none;
    padding-left:0.5em;
    margin-left:0.5em;
    display:inline;
}



/*Main page*/
#departments
{
    font-family: "Times New Roman", serif;
    position:absolute;
    background-color: #000;
    width: 230px;
    height: 390px;
    left:720px;
    padding-top: 60px;
    padding-left: 55px;

}
#HomeContent {
    width: 1005px;
    height: 450px;
    position:relative;
    margin-top: 10px;
    margin-bottom: 10px;
}
#homebanner
{
    position:absolute;
    width:720px;
    height:450px;
    background-color: #000000;
}
.home .PageContent
{
    padding-bottom: 0em;
}
.NewContainer .Content
{
    position:relative;
    height: 42em;
}
.NewContainer
{
    margin-top: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
}
.NewContainer h1 		{ text-align:center; margin:0;}
.NewContainer .Header h2
{
    font-size: 2.2em;
    float:left;
    color:#666;
}
.NewContainer .Header img 	{ float:left;	margin-top: 0.25em;}
.NewContainer .Header
{ 
    border-bottom:2px dotted #acacac;
    overflow:hidden;
    padding-bottom: 0.25em;
}

.NewContainer .Bricks ul 	{ float:right; padding:0; margin:0; margin-top:1.75em; margin-right:2.5em; margin-bottom: 1.75em; width: 45em; clear:right;}
.NewContainer .Bricks li 	{ list-style:none; margin:0.5em;}
.DepartmentsTitle 		{ color: #977; font-size: 1.25em; padding-right: 0.5em; padding-bottom: 0.5em; }

/*Common*/

.VinylLandingCharts { 
    clear:both;
}
.charts .VinylLandingCharts {
    margin-top: 20px;
}
.VinylLandingCharts h3 {
    margin-bottom: 0.5em; 
    text-transform: none;
    font-family: "Times New Roman", serif;
    font-weight: normal;
}

.mp3 .VinylLandingCharts .ChartContainer
{
    top: 0em;
}
.ChartContainer
{
    width: 207px;
    position:relative;
    float:left;
    margin-bottom: 20px;
}
.labelcontent .ChartContainer
{
    top: 0em;
}
.ChartContainer h3 .morelink 
{ 
    font-family: Helvetica, Arial, sans-serif;
    color: #FFF;  
    text-decoration:none;
    font-weight:bold;
    font-size: 0.6em;
    margin-left: 20px;
}
.ChartContainer h3 { 
    color:white; 
    margin:0; 
    padding:10px; 
    background-color:#D04537;
    font-size: 1.35em;
    margin-bottom: 20px;
}
.ChartContainer .image {
    padding-left: 8px;
    display:block;
    height:33px;
    position:relative;
}
.ChartContainer .imagelink img {
    margin-left: -8px;
}
.ChartContainer .imagelink {
    display: inline-block;
    width: 34px;
    height: 33px;
    overflow:hidden;
}
.ChartContainer .pricing {
    padding-top: 10px;
    padding-left: 8px;
}
.ChartContainer.latest .items { display: inline-block; vertical-align:top; }
.ChartContainer.latest  { width: 69em; }
.ChartContainer.latest .text { width: 23em; }

.ChartContainer .buttons { height: 1.6em; }
.ChartContainer .buttons .BagItForm { float:right; }
.ChartContainer .buttons a.bbutton { float:right; }
.ChartContainer .buttons img { vertical-align: top;}

.ChartYears ul { margin:0; padding:0;}
.ChartYears li {list-style:none;}
.ChartYears li a {font-weight:bold; display:block; text-align:center; padding:10px; }

#recent.ChartContainer { width: 100%; margin: 0px;}

.MusicListings2 h3
{
    color:white;
    background-color:#acacac;
    margin-bottom: 0.5em;
    width: 69em;
}

.Breadcrumbs { margin-bottom: 0.5em; }
.Breadcrumbs ul {margin:0; padding:0;}
.Breadcrumbs li
{
    display: inline-block;
    list-style:none; padding-left:2em; margin-right:0.5em; background:url('/site_images/breadcrumb.png') center left no-repeat}
.Breadcrumbs .first { background-image:none; padding-left:0; }

.even				{ background-color:#ddd;  }

.BannerContainer img {margin:auto; }
.BannerBar {
    position:relative;
    height:145px;
    padding-bottom: 20px;
}
.musiccategory .BannerBar {
    border-bottom: 2px solid #999;
}
.BannerBar .Banner {
    position:absolute;
    top: 0px;
    left: 0px;
    width: 611px;
    height: 145px;
}

.accountoptions { word-spacing: 0.6em;}
.accountoption
{
    display:-moz-inline-box;
    -moz-box-align:vertical;
}
.accountoption
{
    word-spacing:normal;
    width:33.1em;
    border:0.1em solid #ccc;
    margin-top:0.5em;
    margin-bottom:0.5em;
    padding:0.5em;
    display:inline-block;
}
.accountoption h3 		{ margin-top: 0; }
.accountoption p 		{ margin-bottom: 0; }
.AddressListPage {}
.AddressListPage .address 			{ padding:5px; border:1px solid #ccc; overflow:hidden; margin:auto; font-style: italic; margin-bottom: 0.5em; margin-top: 0.5em;}
.AddressListPage .address a 			{ font-weight:bold;		}
.AddressListPage .address div 		{ display: inline; margin-right:1em;	}
.AddressListPage .address form { display: inline; }

.AddressListPage .defaultAddressHeading  { color: white; background-color: #acacac;
                                           text-transform: uppercase; padding: 3px; margin-right: 25.96em;
                                           font-size: 1.5em; letter-spacing: -0.05em; }
.AddressListPage .customerName  {font-size: 1.6em; font-weight: bold; margin-top: 0; }
.AddressListPage h4  { font-size: 1.5em; letter-spacing: -0.05em; text-transform: uppercase; }
.AddressListPage .createButtonBox   { width : 100% ; text-align: right;
                                      margin: 0.2em 0 0.2em 0;  }
.AddressListPage .createButtonBox form { display: inline; }

.UpdateAddress 				{ margin:auto; padding:5px; width:80%; overflow:hidden; }
.UpdateAddress .item 			{ padding:3px; overflow:hidden; }
.UpdateAddress .item label 		{ width:200px; display:block; padding:3px; float:left; text-align:right; font-weight:bold; }
.UpdateAddress .item input 		{ width:300px; display:block;  float:left; }
.UpdateAddress p 			{ text-align:center; }


.requiredmessage { display:none; }
.error { color: red; }
label.fieldhelp { 
    display: inline-block; vertical-align: middle; margin-left: 2px; }


.PositiveUpdateMessage,
.NegativeUpdateMessage {border:1px solid; padding:5px; text-align: center;
                        margin: 0 0 0.5em 0;
                        font-size: 1.3em; font-weight: bold; background-color: #eee;}
.PositiveUpdateMessage {border-color: green; color: green; }
.NegativeUpdateMessage {border-color: red; color: red; }
.MinorUpdateMessage h4 { }
.MinorUpdateMessage {border: 0.125em solid; padding: 0.25em; text-align:center;
                     margin: 0 0 0.5em 0;
                     background-color: #eee;
                     border-color: #9DC3E3; color: #717171; }
.SaturdayDeliveryAvailableMessage,
.SaturdayDeliveryExpiredMessage {border:1px solid; padding:5px; text-align: center;
                                 margin: 1em 0 0 0;
                                 font-size: 1.4em; font-weight: bold; background-color: #eee;}
.SaturdayDeliveryAvailableMessage{border-color: black; color: black; }
.SaturdayDeliveryExpiredMessage{border-color: red; color: red; }
.SaturdayDeliveryEm{ color: red; }

html .fb_share_link
{
    padding:2px 0 0 20px;
    height:16px;
    background:url(http://static.ak.facebook.com/images/share/facebook_share_icon.gif?43:26981) no-repeat top left;
}

.light .colourBar { color: #000; border:1px solid #ccc; }
.dark .colourBar { color: #FFF; }

.light #controls .video { float:left; background:url('/site_images/fliptovideolight.png') center center no-repeat; width: 23px; height: 15px; 	}
.light #controls .image 		{ float:right; background:url('/site_images/enlargeimageslight.png') center center no-repeat; width: 32px; height: 17px; 	}
.dark #controls .video 		{ float:left; background:url('/site_images/fliptovideodark.png') center center no-repeat; width: 23px; height: 15px; 	}
.dark #controls .image 		{ float:right; background:url('/site_images/enlargeimagesdark.png') center center no-repeat; width: 32px; height: 17px; 	}


.light #controls	{ background:url('/site_images/videocontrolscenterdark.png') center center no-repeat;  color:#000; font-weight:bold;	padding:5px;  	}
.dark #controls 		{ background:url('/site_images/videocontrolscenterlight.png') center center no-repeat; color:#fff; font-weight:bold; 	padding:5px; 	}

.light #controls a	{ color:#000; 	text-align:right;	}
.dark #controls a	{ color:#fff; 	text-align:right;	}

#gallery #controls 	{ overflow:hidden;			}
#gallery .colourBar
{
    padding:5px;
    background-color:#acacac;
    overflow:hidden;
    margin:0.5em 0;
}

a.SubmitButton span 	{ padding:4px 0px 0px; height:15px; 
                       display: inline-block; }
input.SubmitButton 	{ font-family: Arial, Helvetica, sans-serif; }
.SubmitButton 		{ float:right; display:inline-block; border:none;  color:#FFF;font-weight:bold;  width:100px; height:31px; text-align:center; background:url('/site_images/BigButton1.png') no-repeat center center; }
.SubmitButton:hover 	{ text-decoration:none; }

.ClothingBrands {
    margin-left: 0.75em;
    vertical-align:top;
}
.ClothingBrands li
{
    list-style-type:none;
    float:left;
    margin-left: 0px;
    margin-top: -0.1em;
}
.ClothingBrands li img
{
    height: 5em;
}

.LabelLogos { width: 65em; margin:auto;}
.LabelLogos li { display: -moz-inline-box; -moz-box-align:vertical;}
.LabelLogos li { display: inline-block; vertical-align:top; }
.LabelLogos .LabelLogo
{ 
    padding: 0.1em;
    width: 80px;
    margin: 0.25em;
    text-align:center;
    height: 9em;
    border: 1px dashed #acacac;
    overflow:hidden;
}
.LabelLogos li a { text-decoration:none; color: #000;}
.LabelLogos li h5 { background-color:#FFFFFF; color: #000000; padding: 0em; }

.LabelLogos.medium { width: 58.25em; }
.LabelLogos.medium img{ height: 107px; }
.LabelLogos.medium .LabelLogo
{
    width: 13.8em;
    height: 16em;
    margin-left: 0.1em; margin-right: 0.1em;
}

.LabelLogos.large img{ height: 150px; }
.LabelLogos.large .LabelLogo
{
    width: 242px;
    height: 18em;
    margin-left: 0.1em; margin-right: 0.1em;
}

.hm	{ display: none; }





#mainimage { width: 34.5em;}

.innercontainer 		{ border:1px solid #ccc; padding:0.5em; overflow:hidden;margin-bottom:1em; }
.innercontainer2		{ padding:5px; overflow:hidden;margin-bottom:0.5em; }
.innercontainer2>h2 { margin-bottom: 0.5em; }
.innercontainer2>p { margin-left: 10px; }

.innercontainer .thumbnail a { text-decoration: none; }

.specs a  			{ text-decoration:none; color: #000000; 	}
.specs  			{ overflow:hidden; 	}
.specs div			{ margin:0; padding:0; overflow:hidden; height:1%;	}

.specs .name			{ border:0; clear:left;float:left;  width:11em; 	}
.specs .value			{ border:0;float:left;display:inline;font-weight:bold;	}
.specs .value.wide { width:220px; }
.specs .value.narrow { width:140px; }
.specs .shippingSameDay .name  {font-weight: normal; }
.specs .shippingSameDay .value {font-weight: bold; color: green; }
.specs .shippingFriday .name   {font-weight: normal; }
.specs .shippingFriday .value   {font-weight: bold; color: red;}

.FridayShipping { font-weight: bold; color: red; }
.MondayShipping { font-weight: bold; }

.DescriptionContainer h1 { font-size: 1.4em; text-transform:none; letter-spacing:normal; word-spacing:normal; }
.DescriptionContainer h2 { font-size: 1.2em; }
.DescriptionContainer ul 	{ margin-left:25px;}
.DescriptionContainer li 	{ margin-left:25px;}

.collectionstable
{
    clear:both;
}
.collectionstable thead 	{ background-color:#666; color:#fff; }
.collectionstable table 	{ width:100%; border-collapse:collapse;	}
.collectionstable td		{ padding:3px;	}
.collectionstable th		{ padding:3px; text-align:left;}

.collectionstable tfoot 	{ border-bottom:1px solid #666;}

/* - - - - - - - - - - - - - -- - - - - - - - - - - - - - - - - -*/

.ItemAccountsTable 		{ width:99%;		}
.ItemAccountsTable img 		{ display:inline;	}
.ItemAccountsTable td 		{ width:33%; text-align:center; vertical-align:top; color:#ccc;}

#VideoProducts                          {clear : both }
#VideoProducts .chartitem		{ margin-bottom:0.5em; clear:left; overflow:hidden;  }
#VideoProducts .chartitem .image	{ display:inline; float: left; vertical-align:top; }
#VideoProducts .chartitem .text		{ display:inline; float: right; width: 20.5em; vertical-align:top; margin-left: 5px; }
#VideoProducts .chartitem h4		{ margin-bottom: 0.25em;  }
#VideoProducts .chartitem p		{ margin-bottom: 0.25em; white-space: nowrap; padding: 0;	}
#VideoProducts .chartitem .buttonsAndPrice { margin-top: 0.25em;  }
#VideoProducts .chartitem .playbutton	{ display: inline; position: relative; top: 0.1em; }
#VideoProducts .chartitem .bagitbutton	{ display: inline; }
#VideoProducts .chartitem .price	{ display: inline; margin: 0 0 0 0.5em; }

.LayoutStyle1CentreContent .rightcolumn { width: 28.25em; }
.LayoutStyle0Content .rightcolumn { width: 39.75em; }
.rightcolumnFF2 { display:-moz-inline-box; -moz-box-align:vertical; }
.rightcolumnFF2 { display:inline-block; vertical-align:top; }
.rightcolumn { margin-left: 0.5em; margin-top: 0.5em; margin-bottom: 0.5em; position:relative; }
.leftcolumnFF2 { display:-moz-inline-box; -moz-box-align:vertical; }
.leftcolumnFF2 { display:inline-block; vertical-align:top; }
.leftcolumn { width: 29em; margin-top: 0.5em; margin-bottom: 0.5em; }

.alsobought .ChartContainer {
    position:static;
    width: 29em;
    margin-left: 0;
}

.alsobought .ChartContainer.reduced .price { width: 13.5em; }
.alsobought .ChartContainer .text {
    width: 23.8em;
    overflow: hidden;
}
.alsobought .ChartContainer .item {
    width: auto;
    height: auto;
}
.alsobought .ChartContainer .title {
    width: 40em;
}

#photo 				{ overflow:hidden; height:1%; width:29em ; height:23.833em; margin-bottom: 0.25em; }
#photo img			{ margin-left:-3.417em; width: 35.833em;}
.audio #photo { height: 29em; }
.audio #photo img { margin-left: -7em; width: 43.5em; }
.mp3 #photo
{
    height: auto;
    overflow:visible;
}
.mp3 #photo img
{
    margin-left:0px;
    width: 29em;
}
#photo .container 		{ width:35.833em; overflow:hidden; }
.mp3 #photo .container, .digital #photo .container { width: 29em; }



.swatch
{
    cursor:pointer; float:left; margin-bottom : 0.5em;
    width:5.167em;
    height:8.25em;
    position:relative;
}
.swatchbg
{
    position:absolute;
    width:5.167em;
    height:8.25em;
}

.swatchimage
{
    position:absolute;
    width:5.167em;
    height:8.25em;
}
.swatch p 			{ text-align:center;padding:0.463em; padding-top:4.630em; margin:0; font-size: 0.9em;	}
.swatch a { text-decoration:none; color: #000000;	}



.ColourMatchList
{
    width:22.75em;
    float:left;
    padding:0px;
    overflow:hidden;
    margin-right:0.625em;
    margin-bottom:0.833em;
    height: 69.417em;
}
.ColourMatchList h4
{
    overflow:hidden;
    padding:2.5em 0.417em 0.417em 0.417em;
    text-align:center;
    font-weight:bold;
    color:#fff;
}
.match .productinfo
{
    width:13.333em;
}
.match .productinfo a
{
    display:block;
    width:13.333em;
    height:8.917em;
    overflow:hidden;
}
.ColourMatchList .match .productinfo
{
    float:left;
    width:13.333em;
}
.ColourMatchList .match
{
    border-bottom:0.083em dashed #acacac;
    margin:0.417em 0px 0.417em 0px;
    overflow:hidden;
    padding:0.417em 0px 0.417em 0px;
    height: 10.833em;
}
.ColourMatchList .text
{
    text-align:center;
    padding:0.417em;
    font-weight:bold;
    height:1em;
    overflow:hidden;
}
.ColourMatchList img
{
    display:inline;
}
.match .ProductImage
{
    width: 13.333em;
}
.ColourMatchList .products
{ 
    background-color:#fff;
    margin-right:3em;
    height:61.25em;
}
.ColourMatchList h3 	{ position:relative }
.ColourMatchList .seemore 	{ color:#fff; position:absolute; right: 0.25em; top: 0.25em;}
.ColourMatchList .seemore a 	{ color:#fff;	}
.ColourMatchList .normal 	{ margin-top:0.5em;}
.ColourMatchList .light 	{ color:#000; border:0.083em solid #000; margin-top:0.5em;}






.ColourMatchList2 		{ padding:0px; overflow:hidden;width:69.5em; }
.ColourMatchList2 h4
{
    margin-bottom:0;
    overflow:hidden;
    padding:2.5em 0.417em 0.417em 0.417em;
    text-align:center;
    font-weight:bold;
    color:#fff;
}
.ColourMatchList2 .match
{ 
    border-bottom:0.083em dashed #acacac;
    background-color:#fff;
    margin-right:1.25em;
    width:18.75em;
    height:10.833em;
    float:left;
    overflow:hidden;
    padding:0.333em;
}
.ColourMatchList2 .text
{ 
    text-align:center;padding:0.417em;font-weight:bold;
}
.ColourMatchList2 img 		{ display:inline; }
.ColourMatchList2 .products 	{ }
.ColourMatchList2 .seemore
{ 
    float:right; padding:0.25em; color:#fff;
}
.ColourMatchList2 .seemore a 	{ color:#fff;}
.ColourMatchList2 .normal 	{ color:#fff;}
.ColourMatchList2 .light
{
    color:#000;
    border:0.083em solid #ccc;
    border-bottom:none;
}

.ColourMatchingFilters				{ clear:both; }
.ColourMatchingFilters p {margin:0.5em 0;}
.ColourMatchingFilters .innercontainer		{ width:auto; }
.ColourMatchingFilters .CheckBoxContainer
{
    width:12em;
    float:left;
    padding:0.333em;
    margin:0;
}
.ColourMatchingFilters .CheckBoxContainer.mens 	{ background-color: #9DC3E3; }
.ColourMatchingFilters .CheckBoxContainer.womens 	{ background-color: #F6ADCD; }
.ColourMatchingFilters #sexes 			{ clear:both;}
.ColourMatchingFilters #genres 			{ clear:both; border-top:1px solid #acacac; overflow:hidden; }
.ColourMatchingFilters #othercontrols		{ clear:both; border-bottom:1px solid #acacac;overflow:hidden; font-weight:bold; }
.AdvancedControls	{ clear:both; overflow:hidden; }
.AdvancedControls .CheckBoxContainer 	{ width:232px;}
.ColourMatchingFilters .GenreControls 		{ clear:both;padding-top:1em;	}
.ColourMatchingFilters .GenreControls span 	{ cursor:pointer;		}

#colours { margin-left: 250px;}
#colours h2 { margin-bottom : 0.5em; }

#columns
{
    width: 70.5em;
}


.ColourMatchingProduct 			{ overflow:hidden; margin-bottom:1em; }
.ColourMatchingProduct h2 		{ margin:0; }
.ColourMatchingProduct .image 		{ width:20.833em; float:left;}
.ColourMatchingProduct .image #mainimage 	{ width:20.833em; }
.ColourMatchingProduct .SwatchInstance
{ 
    width:5.417em; overflow:hidden; float:left; margin-right: 0.5em; margin-bottom: 0.25em;}
.swatchcontrol { text-align:center;}
.ColourMatchingProduct .content #colours 		{ overflow:hidden;  height:1%;}
.ColourMatchingProduct .content 			{ overflow:hidden; margin-left:250px;}
.ColourMatchingProduct .content #loadingAnimation 	{ float:right; overflow:hidden; }


.ClothingSizes 		{ clear:both; overflow:hidden; margin-top:2em; border-top:1px dashed #acacac; padding-top:2em;}
.ClothingSizes h2 	{ margin:0;		}
.ClothingSizes table 	{ width:100%;	border-spacing: 0; border-collapse: collapse;	}
.ClothingSizes th 	{ padding:3px; text-align:left; 	}
.ClothingSizes td 	{ padding:3px; text-align:right;	}

/*
Standard form elements. Everything is floated & display: inline. Actual forms
need to override these to specify width's
*/
.StandardForm {float: left; }
.StandardForm fieldset {display: inline; float: left; }
.StandardForm .formTopText {margin-bottom: 1.5em; } /* not used */
.StandardForm .requiredFieldsText {display: inline; float:left; clear: both;
                                   margin-bottom: 0.5em; font-style: italic; font-weight: bold; }
.StandardForm .validationMessage {display: inline; float:left; clear: both;
                                  color: red; font-weight: bold; }
.StandardForm label {display: inline; float:left; clear: both;
                     text-align: right; padding-right: 0.8em; margin-top: 0.2em;}
.StandardForm input,
.StandardForm select,
.StandardForm textarea {display: inline; float:left; margin-bottom: 0.5em; }
.StandardForm .fieldNote {display: inline; float:left; font-style: italic;
                          height:1.9em;  padding-left: 0.3em; margin-top: 0.2em; }
.StandardForm .formButtons {display: inline; clear: both; float: left; 
                            width: 100%; margin-top: 0.5em; margin-bottom: 0.5em; text-align: right;}
.StandardForm button input[type=submit] {display: inline;  padding-left: 0.5em; padding-right: 0.5em; }
.StandardForm label.radio { clear:none; margin-top: 0em; text-align: left; margin-left: 0.5em; }

#YearlyCharts { display:inline-block; height: 3em; padding-top: 0.25em; }
.chartMoreLinks { display:inline-block; vertical-align:middle; float:right; padding-right: 0.25em; }
.chartMoreLinks a { display:block; }

/* Most things inherited from Standard Form */
#ContactUsForm {width: 35.5em; border-right: solid 1px; margin: 0.3em 0 1em 0; }
#ContactUsForm fieldset {width: 35.5em; }
#ContactUsForm .requiredFieldsText {margin-left: 5.9em; }
#ContactUsForm label {width: 5em;}
#ContactUsForm input,
#ContactUsForm select             {width: 16.0em; }
#ContactUsForm #fieldOrderNo      {width: 12.0em;}
#ContactUsForm .validationMessage {width: 32.0em; margin-left: 6.0em;}
#ContactUsForm button             {margin-right: 1.1em; }

.ContactUsText {float: left; width: 32em; margin-left: 1.5em}
.ContactUsText h2 {margin: 0.5em 0 0.3em 0; }
.ContactUsText .Hours {display: inline; margin-left: 2em; font-weight: bold; }
.ContactUsText .HoursText {font-weight: normal; }
.ContactUsText .Hours td {padding-right: 1em; }

#ContactUsInfo {float: left; width: 33.5em; margin-left: 0.3em; }
#ContactUsGoogleMap {}
#ContactUsGoogleMap iframe {margin: 1em 0 0 0;}

/* Most things inherited from Standard Form */
#PriceMatchRequestForm {width: 32em; border-right: 1px solid;
                        padding-right: 1.5em; margin: 0.3em 0 1em 0; }
#PriceMatchRequestForm fieldset {width: 32em; }
#PriceMatchRequestForm .requiredFieldsText {margin-left: 6.9em; }
#PriceMatchRequestForm label {width: 6em;  background-color: white;}
#PriceMatchRequestForm input {width: 16.0em; }
#PriceMatchRequestForm .fieldNote {width: 6.6em;  background-color: white;} /* IE7 floats crazy if width not specified */
#PriceMatchRequestForm .validationMessage {width: 24.0em; padding-left: 7.3em;}
#PriceMatchRequestForm #fieldTextLabel {width: 16em; text-align: left; }
#PriceMatchRequestForm textarea {clear: both; }
#PriceMatchRequestForm button   {margin-right: 0; }

#PriceMatchRequestForm #fieldNameMessage,
#PriceMatchRequestForm #fieldEmailAddressMessage,
#PriceMatchRequestForm #fieldPhoneMessage,
#PriceMatchRequestForm #fieldOrderMessage,
#PriceMatchRequestForm #fieldWebsiteMessage {display: none; }

/* Most things inherited from Standard Form */
#CareersApplyForm {width: 50.5em; margin: 0.3em 0 1em 9em; }
#CareersApplyForm .requiredFieldsText  {margin-left: 11.9em; }
#CareersApplyForm label                {width: 11em;}
#CareersApplyForm input[type='text']   {width: 19.50em;}
#CareersApplyForm .validationMessage   {width: 32.0em; margin-left: 12.1em;}
#CareersApplyForm .fieldNote           {width: 15em; }
#CareersApplyForm .fieldNote2          {width: 2em; }
#CareersApplyForm .formButtons button  {margin-right: 2.9em;}

/* Most things inherited from Standard Form */
#AddWantPage p {margin: 1em 0 0 5em; }
#AddWantForm {width: 32em; margin: 0.3em 0 1em 12em; }
#AddWantForm label                {width: 8em;}
#AddWantForm input[type='text']   {width: 19.50em;}
#AddWantForm input[type='submit'] {float:right; margin-right: 0.9em;}
#AddWantForm #wantsBackButton     {display: none;}

/* - - - */
#YouSellCreate { width: 69.5em; }
#YouSellCreate #dd, #YouSellCreate #mm { margin-right: 0.25em; }
#YouSellCreate label { width: 13em; }
#YouSellCreate #releaseDate {float:left; clear: both; width: 50em;}
#YouSellCreate #releaseDate legend span {float:left; width: 13em; display:inline-block; text-align:right; margin-top: 0.5em;}
#YouSellCreate #categories {float:left; clear:both; }
#YouSellCreate #categories legend span{float:left; width: 13em; display:inline-block; text-align:right; margin-top: 0.5em; display:none;}
#YouSellCreate .validationMessage { margin-left: 13.8em; }
#YouSellCreate #addtrack { width:10em; margin-right: 8em;}
#YouSellCreate a { float:left; }
#YouSellCreate h3 { background:none; color: #000; font-size: 1.5em; text-transform:none; }
#YouSellCreate fieldset.track legend { font-size: 2em; font-weight:bold; }
#YouSellCreate fieldset.track {float:left; clear:both; width: 69.5em; margin-bottom: 0.5em;}
#YouSellCreate fieldset.track.edit label{width: auto; clear:none; padding-right: 0.25em; padding-left:0.5em; }
#YouSellCreate fieldset.track.edit input{width: 11em; }
#YouSellCreate fieldset.track.edit label.artist{padding-left:0em; clear:left;}
#YouSellCreate fieldset.track.edit .validationMessage{margin-left: 0em;}
#YouSellCreate fieldset.mcps, #YouSellCreate fieldset.pricing {float:left; clear:both; }
#YouSellCreate fieldset.trackmcps {display:block; float:none; }
#YouSellCreate fieldset.track.edit .deletetrack { width: 9em; position:absolute; margin-left: 10em; margin-top: -2em; }
#YouSellCreate .formats { clear:both; }
#YouSellCreate .formats label { clear:none; width: auto;}
#YouSellCreate .formats input { clear:both; }
#YouSellCreate .releaseprice { clear:both;}
#YouSellCreate .releaseprice label { width: auto;}
#YouSellCreate .releaseprice p { font-weight: bold;}
#YouSellCreate .mcps legend, #YouSellCreate .pricing legend { font-weight:bold;}
#YouSellCreate .trackmcps legend span{ display:inline-block; padding: 0.1em; margin-bottom: 0.25em; width: 69.5em; background-color: #acacac; color: #FFFFFF; font-weight:bold; text-transform:uppercase;}
#YouSellCreate select{ min-width: 13.5em; }
#YouSellCreate #dd{ min-width: 0em; }
#YouSellCreate #mm{ min-width: 0em; }
#YouSellCreate #yy{ min-width: 0em; }
#YouSellCreate input{ width: 13.2em;}
#YouSellCreate .formButtons input{ width: 6em; float:none;}
#YouSellCreate input#sellaswav, #YouSellCreate input#stopaswav{ width: auto; margin-right: 0.5em;}
#YouSellCreate input#sellasflac, #YouSellCreate input#stopasflac{ width: auto; margin-right: 0.5em;}
#YouSellCreate #updateInfo, #YouSellCreate #deleteRelease{ width: 10em;}
/* - - - */
#YouSellAddressAuthorisation label { width: 9em; }
#YouSellAddressAuthorisation #verificationCode { float:left; clear:none; }
#YouSellAddressAuthorisation #verificationCode input { clear:none; margin-right: 0.5em; width: 4em; }

#YouSellAddressLetter label { width: 9em;}
#YouSellAddressLetter .validationMessage { margin-left: 9.8em; }

#YouSellRegistrationStep2 label { width: 10em; }
#YouSellRegistrationStep2 .validationMessage { margin-left: 10.8em; }
#YouSellRegistrationStep2 .captcha { float:left; clear: both; margin-left: 10.8em; }
#YouSellRegistrationStep2 #emailwarning { float:left; clear: both; margin-left: 10.8em; }
#YouSellRegistrationStep2 #labels { float:left;}
#YouSellRegistrationStep2 #labels ul { list-style-type:none;}
#YouSellRegistrationStep2 #labels li input { float:none;}
#YouSellRegistrationStep2 .captcha button { width: auto; }
#YouSellRegistrationStep2 h6 { font-size: 1.2em; }

#YouSellRegistrationStep4 label { width: 10em; }
#YouSellRegistrationStep4 .validationMessage { margin-left: 10.8em; }

#YouSellRegistrationStep5 h3{margin-bottom: 1em;}
#YouSellRegistrationStep5 label { width: 13em; }
#YouSellRegistrationStep5 .paymentmethod { float:left; clear:none; padding-top: 0.5em;}
#YouSellRegistrationStep5 .paymentmethod .validationMessage { float:left; clear:both; margin-left: 0em; }
#YouSellRegistrationStep5 #vat { float:left; clear:none; }
#YouSellRegistrationStep5 #vat label { width: auto; }
#YouSellRegistrationStep5 .paymentmethod input { float:left; }
#YouSellRegistrationStep5 .paymentmethod #paypal { clear:both; }
#YouSellRegistrationStep5 .paymentmethod #cheque { clear:both; }
#YouSellRegistrationStep5 .paymentmethod label { float:left; clear:none; width: 9em; }
#YouSellRegistrationStep5 .validationMessage { margin-left: 13.8em; }
#YouSellRegistrationStep5 p { float:left; clear:both; margin-left: 13.8em; }


/* Most things inherited from Standard Form wwww */
#YouSellContactUsForm          {width: 38em; margin-right: 0.5em; padding-right: 0.5em;
                                border-right: 1px solid black;}
#YouSellContactUsForm fieldset {width: 38em; }
#YouSellContactUsForm .requiredFieldsText {margin-left: 4.9em; }
#YouSellContactUsForm .validationMessage   {width: 32.0em; margin-left: 4.9em;}
#YouSellContactUsForm label                {width: 4em; }
#YouSellContactUsForm input[type='text'] {width: 26.0em; }
#YouSellContactUsForm input[type='submit'] {float: right; margin-right: 1.1em; }
/* - - - */

.StandardForm.DownloadCustServ label { width: 10em; }
.StandardForm.DownloadCustServ #send { width: 10em; }

.WhatIsYousell { clear:both; }
.WhatIsYousell ul { margin-left: 2em; }
.WhatIsYousell h5 { margin-top: 1em; }
.digital p, .yousell p { margin-top: 0.5em; margin-bottom: 0.5em; }

/* Most things inherited from Standard Form */
#RegisterPage p {text-align: center; margin-bottom: 0.5em; }
#AccountRegisterForm {width: 48.5em; margin: 0.3em 0 0 7em; }
#AccountRegisterForm fieldset {width: 48em; }
#AccountRegisterForm .requiredFieldsText {float: right; margin-right: 5.4em; }
#AccountRegisterForm label {width: 27.5em;}
#AccountRegisterForm select,
#AccountRegisterForm input[type=text],
#AccountRegisterForm input[type=password] {width: 16.0em; }
#AccountRegisterForm input[type=checkbox] {margin-top: 0.3em; }
#AccountRegisterForm .validationMessage {width: 24.0em; margin-left: 28.5em;}
#AccountRegisterForm .formButtons {margin: -0.5em 0 0 0; }
#AccountRegisterForm #defaultButton {float: right; margin: 0 1.8em 0 0.3em; }

/* Most things inherited from Standard Form */
#EditAddressForm {width: 40.5em; margin: 0.3em 0 1em 0; }
#EditAddressForm .requiredFieldsText {margin-left: 16.4em; }
#EditAddressForm label  {width: 15.5em;}
#EditAddressForm input  {width: 16.0em; }
#EditAddressForm select {width: 16.25em; }
#EditAddressForm .validationMessage {width: 24.0em; margin-left: 16.5em; }
#EditAddressForm .formButtons { width: 34.5em; }
#EditAddressForm input.submit { width:auto; float:none; }

/* Most things inherited from Standard Form.
Used on account/login.jsp. Two forms on the same page use this so each has
it's own id to allow differences.
Also used on yousell/login.jsp.
Uses #AccountLoginPage #YouSellLoginPage to differentiate.
*/
#AccountLoginPage {}
.LoginForm          {width: 33em; margin-right: 1em; margin-top: 0.25em; }
.LoginForm fieldset {width: 33em; border:1px solid #ccc; padding-top: 2em; margin-top: 0.25em; }
.LoginForm h3       {display: inline; }
.LoginForm label    {width: 6em;}
.LoginForm input    {width: 19em;}
.LoginForm .formButtons {float: left; width: 29.0em;} /* IE ignores width=100% on StandardForm */
.LoginForm button {float: left; margin-left: 6.7em; }

.logInLinks   {display: inline; float:right ; margin-right: 1em; width: 10em }
.logInLinks a {display: inline; float:left ; margin-bottom: 0.2em; }

#AccountLoginPage #CustomerLoginForm .logInLinks   {margin-top: 0; }
#AccountLoginPage #YouSellLoginForm  .logInLinks   {margin-top: 0; }
#YouSellLoginPage #YouSellLoginForm  .logInLinks   {margin-top: 0; }
#YouSellLoginPage #YouSellLoginForm                {float :none; margin: 0 0 0 16em; }
#YouSellLoginPage .LoginForm fieldset              {float :none; border: none; }

/* Most things inherited from Standard Form */
#UpdatePasswordPage p        {margin: 0.5em 0 0.5em 10em; }
#UpdatePasswordForm          {width: 27em; margin: 0.3em 0 1em 12em; }
#UpdatePasswordForm fieldset {width: 26em; }
#UpdatePasswordForm label    {width: 13em;}
#UpdatePasswordForm input    {width: 10em;}
#UpdatePasswordForm #defaultButton {margin-right: 0.6em;}
#UpdatePasswordForm .requiredFieldsText   { margin-left: 13em; width: 16em;}

/* Most things inherited from Standard Form */
#ForgottenPasswordPage p        {margin: 0.5em 0 0.5em 14em; }
#ForgottenPasswordForm          {margin: 0.3em 0 1em 10em; }
#ForgottenPasswordForm fieldset {width: 43em; }
#ForgottenPasswordForm label    {width: 8em;}
#ForgottenPasswordForm input    {width: 30em;}
#ForgottenPasswordForm #defaultButton {margin-right: 0.4em;}


/* Most things inherited from Standard Form This lot is used by msn.jsp & email.jsp */
#MsnAddressPage p        {margin: 1.5em 16em 1.5em 20.2em }
#MsnAddressForm          {margin: 0.3em 0 1em 6em; }
#MsnAddressForm fieldset {width: 49em; }
#MsnAddressForm label    {width: 13.5em;}
#MsnAddressForm input    {width: 30em;}
#MsnAddressForm #defaultButton  {margin-right: 0.8em; }

/* These non-standard. Used only in you sell ? */
.requiredflag { float:left; }
.requiredlegend { float: left; clear:both;}

.tac span {margin-right: 2px;}
.tac ol { list-style-type: none; }
.tac ol { font-weight: bold;}
.tac ol ol { font-weight: normal;}
.tac>ol>li>p { font-weight: normal;}
.tac ol>li { margin-left: 2em;}


.release.uploaded, .track.uploaded { color: #acacac; }

.sizing { margin-bottom: 0.5em; }

.collectionstable th
{
    border-left: 0.1em solid #FFFFFF;
}

/*old cart popup*/
.cartsummary { background-image: none; background-color: #FFF; color: #000; font-size: 0.75em; }
.cartsummary .content { margin: auto; width: 54em;}
.cartsummary thead td { background-color: #000; color: #FFF; font-weight: bold; font-size: 1.2em; }
.cartsummary td { padding-top: 0.3em; padding-bottom: 0.3em;  }
.cartsummary img { display:inline; vertical-align:middle; }
.cartsummary .titlebar { padding-bottom: 0.1em; }
.cartsummary .contentsummary
{
    display:inline-block;
    color: #acacac;
    font-size: 1.2em;
    width: 30.5em;
}
.cartsummary .proceed { display:-moz-inline-box; -moz-box-align:vertical;}
.cartsummary .proceed
{ 
    text-transform:uppercase;
    display:inline-block; width: 100px; height: 31px;
    background: transparent url(/site_images/BigButton1.png) no-repeat scroll center center;
    text-align:center; vertical-align:baseline;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
    float:right;
    margin-bottom: 0.4em;
}
.cartsummary .messages { font-size: 1.5em; font-weight: bold; }
.cartsummary .proceedtext { display:block; height: 21px; margin-top: 6px; margin-bottom: 6px; font-size: 1.2em;}
.cartsummary .itemcount { font-weight: bold; }
.cartsummary .detail { border-top: 0.3em solid #000; border-bottom: 0.3em solid #000; padding-top: 0.4em; padding-bottom: 0.5em; margin-bottom: 0.5em;}
.cartsummary table { border-spacing: 0px; width: 54em; }
.cartsummary .remove { color: red;}
.cartsummary .pricing { text-align: center; width: 8em; font-size: 1.2em; }
.cartsummary .catalognumber { width: 20em; padding-right: 1em; }

/*new cart popup*/
#cartsummary { 
    padding: 40px;
    padding-top: 20px;
}
#cartsummary img { 
    float:left;
    margin-top: 20px;
    margin-bottom: 20px;
}
#cartsummary .producttitle { 
    float:left; 
    margin-left: 20px; 
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.25em;
    width: 400px;
    color: #555;
}
#cartsummary h2 { border-top: none}
#cartsummary hr { clear:both;}
#cartsummary .itemcount, #cartsummary .price { 
    font-weight:bold;
}
#cartsummary .contentsummary { 
    font-size: 1.25em; 
    color: #555;
}
abbr { text-decoration: none; border: none; }

.product .bbutton { vertical-align:top; }
.product .labelimage { float:right; width:6.667em; border:0.083em solid #ccc; padding:0.167em; }
.product .labelimage img { width:6.667em; }
img.labelsmall { width: 6.667em;}

ul.formatList { display: inline; }
ul.formatList li { display:inline; padding-right:0.5em; padding-left:1.5em; background:url('/site_images/download/arrow1.png') center left no-repeat; }
ul.formatList li.first { padding-left:0em; background:none; }


ul.searchFormatList a { text-decoration:none; font-weight: bold; color: #000;}

.toplink { width: 12.5em; text-decoration: none; display:block; }
.toplink img { margin-left: 4em; margin-top: 2em;}

.CheckoutHeading { position: relative; }
ol.checkoutprogress { position: absolute; right: 0em; bottom: 1em; white-space:nowrap;}
ol.checkoutprogress a { text-decoration:none; }
ol.checkoutprogress li { display:-moz-inline-stack;}
ol.checkoutprogress li { display:inline; margin-left: -1.5em; white-space:nowrap;}

ol.checkoutprogress .review img, ol.checkoutprogress .reviewon img { width: 7.667em; }
ol.checkoutprogress .confirm img, ol.checkoutprogress .confirmon img { width: 7.667em; }
ol.checkoutprogress .address img, ol.checkoutprogress .addresson img { width: 7.667em; }
ol.checkoutprogress .payment img, ol.checkoutprogress .paymenton img { width: 9.083em; }
ol.checkoutprogress .postage img, ol.checkoutprogress .postageon img { width: 9.083em; }
ol.checkoutprogress .paymentdet img, ol.checkoutprogress .paymentdeton img { width: 9.083em; }
ol.checkoutprogress .complete img, ol.checkoutprogress .completeon img { width: 6.167em; }

.OrderSummary { margin-bottom: 0.5em; }
.OrderSummary thead { font-weight:bold; }
.OrderSummary .OrderType { width: 12em; }
.OrderSummary .OrderNumber { width: 12em; }
.OrderSummary .OrderStatus { width: 14em; }

img#phone { display: inline; }

.newsletters
{
    font-size: 3em;
    font-weight: bold;
    text-align:center;
    text-transform:uppercase;
    letter-spacing: -0.025em;
}
.newsletters li a
{
    color: #000000;
}
.newsletters li.even a
{
    color: #acacac;
}
.newsletters li
{
    list-style-type:none;
    display: block;
    background-color:#FFFFFF;
    border-bottom: 1px dotted #000000;
}
.newsletters a
{
    text-decoration:none;
}

table.downloads { border-collapse: collapse; width: 69.5em; margin-top: 1em; }
table.downloads thead { background-color: #acacac; color: #FFFFFF; font-weight: bold; text-align:left;}
table.downloads th { border-left: none; padding-top: 0.25em; padding-bottom: 0.25em; padding-left: 0.25em; border-bottom: 0.25em solid #FFF; }
table.downloads td { padding-left: 0.25em; padding-top: 0.25em; padding-bottom: 0.25em; }
table.downloads .dl { text-align:center; }
table.downloads .artist a { color:#000; text-decoration:none; }
table.downloads .title a { color:#000; text-decoration:none; }
table.downloads .label a { color:#000; text-decoration:none; }
table.downloads .format { width: 7.5em; }

.downloadhelp { text-transform:uppercase; font-weight: bold; width: 12em; }
.downloadhelp a { color: #2787CA;}

.keymatchright { float:right; width: 34.5em; }
.keymatchleft { width: 34.5em; }
.KeyMatchTable { width: 33em; }
.KeyMatchTable table { width: 33em; }
.keymatchinnercontainer { height:25em; margin-bottom: 1em; overflow-y: auto;}
.keymatchinnercontainer h4 { font-size: 1.2em; margin-bottom: 0.25em; }
.keymatchinnercontainer input { margin-left: 0.25em; }
.KeyMatchTable td { padding: 0.25em; }
.KeyMatchTable a { text-decoration: none; color: #000000; }
.KeyMatchTable .play { vertical-align:middle; text-align:center; width: 4em; }
.KeyMatchTable .bpm { width: 4em; }
.KeyMatchTable .key { width: 2em; }
.keymatchfiltercol { float:left; width: 16em; }

.DownloadLandingCharts .ChartContainer { margin-top: 2em; }

.DownloadSections { width: 69.5em; height:2em; border-bottom: 0.2em solid #000;
                    margin-top: 0.5em;
}
.DownloadSections span {  position:relative; white-space:nowrap; margin-bottom: -0.25em;}
.DownloadSections img {  vertical-align:top; float:left; width: 0.5em; }
.DownloadSections a { text-decoration:none; font-weight:bold; cursor: pointer;}
.DownloadSections span a span
{
    display:-moz-inline-box;
    -moz-box-align:vertical;
}
.DownloadSections span a span { display:inline-block; height: 1.75em; background-color: #A8A8A8; color: #FFF; padding-top: 0.25em; float:left; }
.DownloadSections span.selected a span { background-color: #000; }

.item.large { padding: 0.5em; }
.item.large .image img { width: 23em; float:left; }
.item.large .text { margin-left:23.5em;  }
.item.large .text { margin-bottom: 2em;  }
.item.large .buttons { float:right; clear:both;}
.item.large .text li { margin-left:1em;  }
.item.large .price { height: auto; vertical-align:top;  }

.labelrelatedlinks { width: 14.75em; }
.labelrelatedlinks ul { border-top: 1px dashed #A8A8A8; }
.mp3 .labelrelatedlinks h2 { background-color: #A8A8A8; }
.labelrelatedlinks li
{
    display:block;
    text-align:center;
    font-weight: bold;
    padding-top: 1em;
    padding-bottom: 1em;
    border: 1px dashed #acacac;
    border-top:none;
    list-style-type: none;
}
.labelrelatedlinks li a { text-decoration:none; color: #000; }
.labelhome { margin-top: 0.5em; }
.labelhome .imageFF2 { display: -moz-inline-box; -moz-box-align:vertical;}
.labelhome .imageFF2 { display: inline-block; vertical-align:top; }
.labelhome .image { min-height:12.5em; }
.labelhome .image img { width: 20.167em; }
.labelhome .textFF2 { display: -moz-inline-box; -moz-box-align:vertical; }
.labelhome .textFF2 { display:inline-block; }
.labelhome .text { min-height: 15.1em; display:inline-block; vertical-align:top; width: 49em; background-image: url('/site_images/download/bg1.png'); background-repeat:repeat-x; }
.labelhome .text h2 { margin-top: 0;  }
.labelhome .stats { padding: 0.5em;}
.labelhome .stats .tagline { margin-bottom: 0.5em; font-weight: bold; }
.labelhome .stats dt { width: 12em; float:left; font-weight: bold;}
.labelhome .stats dt a {  color: #000; text-decoration: none; }
.labelhome .stats dd a { color: #000; text-decoration: none; }
.labelhome .stats dd { width: 12em; float:left; }

.labelcontent .ProductListings { border: 1px dashed #A8A8A8; }
.labelcontent .ProductListings { margin-bottom: 0.5em; }
.labelcontent .ProductListings .item.first { border-top:none; }

.LayoutStyle1CentreContent .ProductListings .tracks ul { width: 43.5em; }
.LayoutStyle1CentreContent .DownloadSections ul { width: 58.25em;}

.mp3 h2 { background-color: #000; color: #FFF; margin-top: 0.25em; margin-bottom: 0.25em; padding: 0.25em; font-size: 1.2em; }
.introtext { border: 1px dashed #A8A8A8; padding: 0.5em; padding-bottom: 1em; margin-bottom: 0.5em; }
.mp3 h3 { margin-bottom: 0.25em; }
.featured .ChartListings .item .image img { border: 0.125em solid #A8A8A8; width: 13.333em;}
.featured .ChartListings .item { border: none; }
.featured .ChartListings .item .text { width: 52em; }
.featured .ChartListings .item .artist { font-weight: bold; }
.featured .ChartListings .item .label { font-weight: bold; }
.featured .ChartListings .item .price { padding-left: 0.5em; padding-right: 0.5em; vertical-align:top; }
.featured .ChartListings .item .buttons { float:right; }
.featured .ChartListings { background-image: url('/site_images/download/bg1.png'); background-repeat:repeat-x;}

.downloadlabels { border: 1px dashed #A8A8A8; padding: 1em; padding-bottom: 2em; margin-bottom: 0.5em; }
.downloadlabels .morelink { float:right; font-weight:bold;}
.downloadlabels .morelink a { text-decoration:none; color:#000; }
.downloadlabels li a { text-decoration:none;  color:#000;}
.downloadlabels li
{
    display:-moz-inline-box;
    -moz-box-align: vertical;
}
.downloadlabels li
{
    display:inline-block; width: 16em; font-weight:bold;
}

.LayoutStyle2CentreContent .charts
{
    letter-spacing: 0.4em; margin-top: 0.3em;
    position:relative;
    width: 54.7em;
    height: 70.5em;
}

.mp3 .LayoutStyle2CentreContent .charts,
.digital .LayoutStyle2CentreContent .charts
{
    height: 75.5em;
}

.LayoutStyle0Content .LayoutStyle2CentreContent .charts .ChartContainer.reduced .item .pricing
{
    width: 26em;
}
.LayoutStyle2CentreContent .charts .ChartContainer .item .text
{
    width: 21em;
}
.LayoutStyle2CentreContent .charts .ChartContainer
{
    width: 27em; letter-spacing: normal;
}
.LayoutStyle2CentreContent .charts .ChartContainer.two
{
    position:absolute;
    left: 27.5em;
}
.LayoutStyle2CentreContent .charts .ChartContainer.three
{
    position:absolute;
    left: 0em; top: 33em;
    margin-left:0;
}
.LayoutStyle2CentreContent .charts .ChartContainer.four
{
    position:absolute;
    left: 27.5em; top: 33em;
}
.ChartContainer.reduced .item p { height: 1em; }
.ChartContainer.reduced .item h4 { height: 1.2em; }
.ChartContainer.reduced { border: none; }
.ChartContainer.reduced .items { border: 0.125em dotted #CCCCCC; margin-bottom: 0.5em; }
.ChartContainer.reduced .price{ width: 12em; text-align:right; padding-right: 0.5em; vertical-align:top;}

.mp3 .filter { display: inline-block; margin-bottom: 0.25em; margin-top: 0.25em;  }
.mp3 .sortby { display: inline-block; float:right; }
.mp3 .filters { margin-bottom: 0.5em; margin-top: 0.5em; }
.mp3 .sortby { margin-left: 2em;  }
.filters ul { display: inline-block; }
.filters li { display: -moz-inline-box; -moz-box-align:vertical; }
.filters li { display: inline-block; font-weight: bold; }
.filters li a { text-decoration:none; color: #A8A8A8; }
.filters li.selected a { color: #acacac; }

.resultscount { background-color: #CCCCCC; color: #000000; font-weight: bold; padding: 0.25em; }

.editlabelhomelinks { font-size: 1.2em; margin-bottom: 1em; font-weight: bold; }
.editlabelhomelinks ul { display: inline-block; }
.editlabelhomelinks li { display: inline-block; font-weight: bold; }
.editlabelhomelinks li a { text-decoration:none; color: #A8A8A8; }
.editlabelhomelinks li.selected a { color: #acacac; }

.labellinks { margin-top: 0.5em; margin-bottom: 0.5em; border-collapse:collapse;}
.labellinks td { padding: 0.25em; }
.labellinks .labelname { width: 24.5em; }
.labellinks .labellink { width: 45em; }

table.invoices { width: 69.5em; }
table.invoices thead { font-weight: bold; }
table.invoices td { padding: 0.25em; }

ul.normal { margin-left: 2em; margin-top: 0.5em; margin-bottom: 0.5em;  }
table.normal { margin-top: 0.5em; margin-bottom: 0.5em;  }

#folders input, #releases input { margin: 0.25em; }
#folders, #releases { margin-bottom: 0.5em; margin-top: 0.5em;  }

.SearchItem { margin: 0.5em; }
.SearchItem #inandout { margin-right: 0.5em; }

#advancedSearchPage .notes1 {margin-top: 0.5em; }
#advancedSearchPage .keyboardPositioner {float : left; width: 15em; margin-top: 3em; }
#advancedSearchForm {float: left; width: 34em; }
#advancedSearchPage .keyboardPositioner {float : left; width: 15em; margin: 3em 0 0 1.5em; }
#advancedSearchForm     {float: left; width: 34em; margin-left: 3em; }
#advancedSearchForm label            {width: 15em; }
#advancedSearchForm input[type=text] {width: 15em; }
#advancedSearchForm input[type=checkbox] {width: 1em; margin-top: 0.2em; }
#advancedSearchForm input[type=submit] {margin-left: 14.2em; }

.ChartPosition, .music h2.ChartPosition 
{ 
    text-align:center; 
    font-size: 2.25em; 
    border-top:none;
}

.charts h3 { margin-bottom: 0.5em; }

.harmonicmixing h4 { margin-bottom: 0.75em; }
.harmonicmixing p { margin-bottom: 0.75em; }
.harmonicmixing img { margin-top: 0.75em; }

table.tracks { width: 39em; margin-top: 1em; }
table.tracks td { padding-left: 0.25em; padding-top: 0.25em; padding-bottom: 0.1em; }
table.tracks .trackID { width: 1.5em; margin-left:0.25em; }
table.tracks .artist { width: 12.5em; }
table.tracks .title { width: 12.5em; }
table.tracks .key { width: 2.5em; }
table.tracks .bpm { width: 5em; }
table.tracks .play { width: 4.5em; }
.mp3 table.tracks .bag { width: 9em; }
.mp3 table.tracks .artist{ width: 12em; }
.mp3 table.tracks .title{ width: 12em; }

table.tracks a { color: #000; }

.relatedsearches a { text-decoration:none; color: #000000;}

.labelprofile { clear:both; }
.labelprofile h4 a { text-decoration:none; color: #000000; }
.labelprofile h4 { font-size: 1.4em; }

.NewContainer #video { z-index:1;height: 37.333em; padding-left: 4.083em; padding-top: 5.583em;}
.NewContainer .imagecontainer { z-index:1;height: 37.333em; padding-left: 4.083em; padding-top: 5.583em;}
.framefiller { height: 29.167em;}

form.cart
{
    display:-moz-inline-box;
    -moz-box-align: vertical;

}
form.cart { display:inline-block;}

input.bbutton { font-size: 1em; }
.DEFAULT .bbutton { width: 4.5em;}
.DEFAULT.bbutton { width: 4.5em;}
.DEFAULT img { width: 4.5em;}
.LEFT img { width: 4.083em; }
.RIGHT img { width: 4.083em; }
.DEFAULT input { width: 4.5em; font-size:1em;}
.LEFT input { width: 4.083em; font-size:1em;}
.RIGHT input { width: 4.083em; font-size:1em;}
.infobuy img { width: 7.917em; }


/* Product Items Width  */
.StoreLanderItems .item { width: 17.5em; margin-right: 0.25em; }
.StoreLanderItems .StoreLanderItem { width: 18em; margin-right: 0em;}
.StoreLanderItems .StoreLanderItem img { width: 18em; }
.StoreLanderItems .item .image a,
.StoreLanderItems .StoreLanderItem .image a { width: 16.5em; height: 9em; }
.StoreLanderItems .item .image a img,
.StoreLanderItems .StoreLanderItem .image a img
{
    margin:auto;
    width: 13.333em;
}

.equipment .EquipmentLanderProducts .item  {width: 12.433em; margin-right: 0.5em; }
.equipment .EquipmentLanderProducts .item .image a {width: 11.6em; height: 8.7em; }
.equipment .EquipmentLanderProducts .item .image a img
{
    margin-left: -0.85em;
    width: 13.333em;
}
.gadgets   .catalog                 .item  {width: 22.7em; }

.HorizontalCatalogItemsList .ProductImage { width: 13.333em; }
.StoreLanderItems .ProductImage { width: 13.333em; }
.EquipmentLanderProducts .ProductImage { width: 13.333em; }

/* - - */
.itemFF2
{vertical-align: top; }

.DownloadChartGroup
{
    display:inline-block;vertical-align:top; position:relative; width: 34.5em;
}

.ProductPricing form { vertical-align:middle; }
.ProductPricing .price { vertical-align:middle; }
.previousprice { text-decoration:line-through;}

.bagitbutton { position:relative; }
.price { position:relative;}

.largeRightButton img { height: 3.75em;}
.largeLeftButton img { height: 3.75em;}

.externalbutton img { width: 7.25em }

.rightButton img { width: 2.083em;}
.leftButton img { width: 2.083em;}

.music .colourBar {
    background-color: #d04537;
}
.music .colourText {
    color: #d04537;
}
.equipment .colourBar {
    background-color: #FF9933;
}
.equipment .colourText {
    color: #FF9933;
}
.gadgets .colourBar {
    background-color: #66CC66;
}
.gadgets .colourText {
    color: #66CC66;
}
.mensclothing .colourBar {
    background-color: #3399CC;
}
.mensclothing .colourText {
    color: #3399CC;
}
.womensclothing .colourBar {
    background-color: #CCCC99;
}
.womensclothing .colourText {
    color: #CCCC99;
}
.skate .colourBar {
    background-color: #000000;
}
.skate .colourText {
    color: #000000;
}

.colourBar .labelname { font-size: 2.5em; }
.colourBar .labelname a { text-decoration:none; }
.colourBar .light .labelname a { color: #000; }
.colourBar .dark .labelname a { color: #FFF; }
.light .colourBar .labelname a { color: #000; }
.dark .colourBar .labelname a { color: #FFF; }

.title a { text-decoration:none; color: #000;}
.title a:hover { text-decoration:underline;}
.label a:hover { text-decoration:underline;}

.product #video object { height:41.667em; width:29em; }

.StoreSearchTotals, .storeFormatLinks {
    margin-top: 0.5em;
    color: #A8A8A8;
    padding-bottom: 0.25em;
    border-bottom: 0.083em dotted #A8A8A8;
    float:left;
    clear:both;
    width: 69.5em;
    margin-bottom: 0.5em;
}
.StoreSearchTotals li, .storeFormatLinks li {
    list-style-type: none;
    display:-moz-inline-box;
    -moz-box-align:vertical;
    float:left;
}
.StoreSearchTotals .background
{
    width: 17em;
    position:absolute;
}
.StoreSearchTotals a, .storeFormatLinks a {
    display:block;
    width: 16.5em;
    color:#000;
    text-decoration:none;
    font-weight: bold;
    padding: 0.25em;
    margin-top: 0.125em;
    margin-bottom: 0.125em;
    margin-right: 0.37em;
    margin-left: 0em;
    position:relative;
}

.storeFormatLinks a:hover {
    color: #ccc;
}

.music .StoreSearchTotals a:hover, .VinylTotal a:hover
{
    background-color : #d04537;
    color: #FFF;
}
.equipment .StoreSearchTotals a:hover, .EquipmentTotal a:hover
{
    background-color : #e18c3a;
    color: #FFF;
}
.gadgets .StoreSearchTotals a:hover, .GadgetsTotal a:hover
{
    background-color : #07966b;
    color: #FFF;
}
.mensclothing .StoreSearchTotals a:hover, .MensTotal a:hover
{
    background-color : #59a9cc;
    color: #FFF;
}
.womensclothing .StoreSearchTotals a:hover, .WomensTotal a:hover
{
    background-color : #c1b49a;
    color: #FFF;
}
.skate .StoreSearchTotals a:hover, .SkateTotal a:hover
{
    background-color : #000;
    color: #FFF;
}
.StoreSearchTotals .Title
{
    padding-left: 0.25em;
    margin-bottom: 0.25em;
}
.SearchFilter
{
    position:relative;
    margin-left: 0.25em;
    margin-top: 0.5em;
    padding-bottom: 0.25em;
    text-align: center;
}

.ToggleOutOfStock
{
    text-decoration: none;
    font-weight: bold;
    color: #000;
    position: absolute;
    right: 0em;
    top: 0em;
}

.editrelease .ProductImage
{
    position:relative;
}
.editrelease .ProductImage img
{
    position:absolute;
    width: 24em;
    right: 1.5em;
}

.desc li, #info li
{
    padding-left: 0em;
    margin-left: 0em;
    display:block;
}
td.pic1, #info td
{
    width: 6.25em;
    padding-right: 1em;
}
td.pic1 img, #info td img
{
    width: 6.25em;
}
#info td.textcell
{
    width: 60em;
}
#info table
{
    border: 0.083em solid #A8A8A8;
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    padding: 0.25em;
}

ul.bullet, ol.bullet {
    margin-left: 3em;
}

#TNSRedirectFrame
{
    width: 81em;
    height: 45em;
}

.pplace a { color: black; text-align: center; }

.ErrorContent { font-size: 2em; font-weight: bold; }

/* hack */
.NegativeUpdateMessage2 {border:0.125em solid; padding:0.25em; text-align: center;
                         margin: 0 0 0.5em 0;
                         font-size: 1.3em; background-color: #eee;}
.NegativeUpdateMessage2 {border-color: #D00000;  }
.NegativeUpdateMessage2 h4 {color: #D00000;}
/* end hack */

.socialbutton { height: 2em; vertical-align:top; display:inline-block; margin-top: 1.5em; }
.googleplusone { background-color:#FFFFFF; width:106px;  position: absolute; top: 3px; left: 0px; }
.facebooklike { background-color:#FFFFFF; width:450px;  position: absolute; top: 3px; left: 106px; }
.facebooklike { background-color:rgba(255,255,255,0.75); }

.playerBar { margin-bottom: 0.5em; position: relative; }

#inlineplayer { width:39.75em; height:37.5em;overflow:hidden; margin-bottom:0.5em; }
#inlineplayer object { position:relative; left:-0.667em; top:-3.333em; }

.titlemore { text-transform: none; float:right; }

#playertoggle { text-transform: none; position:absolute; right: 0.5em; }

h3.colourBar { position: relative; }

#checkoutbutton
{
    margin-left: 0.25em;
    border: 0.25em solid #B5B5B5;
    border-top: none;
    height: 2em;
    width: 7em;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;

}
#checkoutbutton a
{
    font-size: 0.9em;
    text-decoration: none;
    color: #000000;
}
#checkoutbutton img {
    vertical-align:text-bottom;
    margin-bottom: -0.125em;
}
.competition { text-align:justify; }
.competition h4 { font-size: 1.25em; margin-bottom: 0.25em; margin-top: 0.5em; }
.competition li { font-size: 1.25em; }
.competition li a  { text-decoration: none; font-weight:bold; color: black; }
.competition li a:hover  { text-decoration: underline; }

.MusicListings2 .items
{
    background-color:#CCCCCC;
}
.MusicListingsItem:nth-child(4n)
{
    width: 192px;
}
.MusicListingsItem:nth-child(4n+1)
{
    clear:left;
    margin-left: 0px;
    width: 192px;
    padding-left: 0px;
}
.MusicListingsItem
{
    width: 191px;
    float:left;
    margin-left: 1px;
    margin-bottom: 1px;
    overflow:hidden;
    padding-top:20px;
    padding-bottom:20px;
    padding-left:12px;
    padding-right:6px;
    background-color:#FFFFFF;
}
.MusicListingsItem .image
{
    width: 187px;
    overflow:hidden;
    padding-bottom: 3px;
    position:relative;
}
.MusicListingsItem .caption {
    margin-top: 3px;
    width: 172px;
    font-family: "Times New Roman", serif;
}
.MusicListingsItem .crop {
    display:block;
    width: 272px;
    overflow: hidden;
}
.MusicListingsItem .ListingsPlay
{
    position: absolute;
    bottom: 10px;
    z-index: 1;
}
.MusicListingsItem .ProductImage		
{ 
    margin-left: -46px;
    width: 272px;
}
.MusicListingsItem .title, .MusicListingsItem .artist, .MusicListingsItem .label, .MusicListingsItem .catnum
{
    width: 172px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.MusicListingsItem .label {
    font-weight:bold;
}
.MusicListingsItem .catnum {
    font-weight:bold;
    color: #A8A8A8;
}
.MusicListingsItem .pricing {
    font-style: italic;
}

#FormatList .level1, #GenreList .level1 {
    font-weight: bold;
}
#FormatList .level2, #GenreList .level2 {
    padding-left: 6px;
}
#FormatList .level3, #GenreList .level3 {
    padding-left: 12px;
}
#FormatList .level4, #GenreList .level4 {
    padding-left: 18px;
}
#FormatList .level5, #GenreList .level5 {
    padding-left: 24px;
}
#FormatList .level6, #GenreList .level6 {
    padding-left: 30px;
}
.trackLine
{
}
.trackLine .tracks
{
    display:inline-block;
    vertical-align:top;
    margin-top:8px;
    margin-left: 20px;
}
.trackLine .formatIcon
{
    display:inline-block;
    margin-left: 3px;
}
.product .formatIcon
{
    float:right;
    margin-right: 3px;
}

.ui-slider { position: relative; text-align: left; background-color: #dedede;}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.4em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: 0.5em; }
.ui-slider-horizontal .ui-slider-handle { top: -0.3em; margin-left: -0.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.filter-box .ui-slider-handle {
    background-image: url("/site_images/menu/price_slider.gif");
    background-repeat: no-repeat;
    outline: none;    
}

.ui-widget-header { 
    background-color: #AAA;
}

.MusicCategoryFilters .chartfilter a {
    width: 200px;
    text-transform: uppercase;
}
.MusicCategoryFilters .chartfilter {
    margin-left: 6px;
}
.MusicFilters {
    padding: 10px;
    padding-bottom: 0px;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    color: #555;
    background-color: #E6E6E6;
    clear:both;
}
.MusicFilters ul{
    display:inline-block;
    vertical-align: top;
}
.MusicFilters li{
    display:inline-block;
    width: 8.5em;
}
.FilterTitle {
    display:inline-block;
    width: 7em;
    font-weight:bold;
    height: 10px;
    margin-bottom: 20px;
}

#MoreImages .innercontainer2 a {
    text-decoration: none;
}

#mask {
    width:100%;
    height:100%;
    background-color:#808080;
    opacity:0.5;
    position:fixed;
    top:0;
    left:0;
}
#overlay {
    position:absolute;
    z-index: 10;
    background-color:#FFF;
    box-shadow: 0px 0px 8px #000000;
}
#overlayclose:hover {
    cursor: pointer;
}
#overlayclose {
    position:absolute;
   /* top: -15px;
    right: -15px;*/
    z-index : 20;
}
.sociallinks {
    position:relative;
    margin-top: 40px;
}
.sociallinks.width1 .sociallinkcol1 {
    left: 196px;
}
.sociallink {
    position:absolute;
    background-color:#E6E6E6;
}
.sociallink img {
    display:block;
    width:208px;
    height:146px;
}
.sociallinkcol1 {
    left:80px;
}
.sociallinkcol2 {
    left:328px;
}
.sociallinkcol3 {
    left:576px;
}
.sociallinkrow1 {
    top: 0px;
}
.sociallinkrow2 {
    top: 187px;
}
.sociallinkrow3 {
    top: 374px;
}

.socialnetwork {
    position:relative;
}
.PageContent .socialcontent { 
    min-height: 600px;
}
#footer .socialcontent {
    display:none;
}
#overlay .socialcontent {
    display:block;
}
.socialcontent h2 img {
    position:absolute;
    right: 0px;
    bottom:5px;
}
.PageContent .socialcontent h2 {
    margin-right: 44px;
}
#overlay .socialcontent h2 {
    margin-top: 60px;
}
.socialcontent h2 {
    color: #999999;
    border-bottom: #999999 solid 2px;
    font-family: "Times New Roman", serif;
    margin-left: 80px;
    margin-right: 80px;
    margin-top: 40px;
    font-size: 2.5em;
    position:relative;
    padding-bottom: 10px;
    font-weight:normal;
    line-height: 14px;
    border-top:none;
}
.socialcontent .title1 {
    color: #555555;
    font-weight:bold;
}
a.socialnetwork {
    text-decoration:none;
}
#footerlinktext {
    display:inline-block;
    height:38px;
    padding-top:17px;
}
#LinkSection {
    position:relative;
    width: 207px;
    height:145px;
    font-weight:bold;
}
.BannerBar #LinkSection {
    position:absolute;
    top: 0px;
    left: 621px;
}
#LinkSection a {
    position:absolute;
    color:#FFFFFF;
/*    display:block;*/
    display:table;
    font-size: 1.25em;
    overflow:hidden;
    table-layout:fixed;
    border-collapse:collapse;
    text-decoration:none;
}
#LinkSection .row2 {
    top:58px;
}
#LinkSection .col2 {
    left:105px;
}
.linksection1 {
    width: 102px;
    height: 55px;
}
.valign {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    padding:5px;
    line-height: 15px;
}
.linksection2 {
    width: 207px;
    height: 55px;
}
.linksection3 {
    width: 207px;
    height: 113px;
}
#LinkSection .linksection4 {
    width: 102px;
    height: 29px;
    background-color:#8A4131;
    top:116px;
    font-size: 0.8em;
}
#NewInToday, #NewReleases {
    background-color:#FF7332;
}
#FullCatalogue, #Forthcoming {
    background-color:#E44131;
}
.MusicFilter input + label {
    padding-left: 15px;
    margin-left:-11px;
    background-image: url( ../site_images/search/checkbox-off.gif );
    background-repeat:no-repeat;
    height:11px;
    line-height:11px;
    display:inline-block;
}
.MusicFilter input[checked=checked] + label {
    background-image: url( ../site_images/search/checkbox-on.gif );
}
.MusicFilter input {
    opacity: 0;
    width:11px;
    height:11px;
}
.music .GenreTitle {
    display:inline-block;
    color: #555;
    border-top:none;
}
.musiccategory #sortform {
    float:right;
    margin-top:20px;
}

/*label homepage reset*/
.labelhome h2, .labelcontent h2, .labelrelatedlinks h2 {
    font-family: Helvetica, Arial, sans-serif !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight:bold !important;
    font-size:1.6em !important;
    border-top: none !important;
    line-height: normal;
}
.labelcontent .ProductListings .image {
    float:right;
    position:static;
}
.labelcontent .ProductListings .text {
    float: none;
    min-height: 0;
    width: auto;
}
.labelcontent .ChartContainer h3 {
    font-size: 1em;
    background-color: #000;
    padding: 0.2em 0.25em;
}
/*end label homepage reset*/



#cartsummary .HorizontalProductsList {
    width: 600px;
    height: 156px;
    float:none;
    display:block;
    padding-left: 53px;
}
#cartsummary .HorizontalProductsList .viewport {
    width: 444px;
}
.clear {
    clear:both;
}

#Banner.nolink {
    cursor: default;
}
#Banners {
    position:relative;
}
#Banner { 
    display:block;
    background-repeat: none;
}
.music #Banners, .music #Banner {
    width: 611px;
    height: 146px;
}
#Banners, #Banner {
    width: 648px;
    height: 232px;
}
#HomeContent #Banners {
    position:absolute;
    width: 720px;
    height: 450px;
}
#HomeContent #Banner {
    width: 720px;
    height: 450px;
}
#BannerLinks {
    position: absolute;
    right: 0px;
    bottom: 10px;
    z-index: 2;
    height: 10px;
}
.BannerLinks1 {
    width: 20px;
}
.BannerLinks2 {
    width: 40px;
}
.BannerLinks3 {
    width: 60px;
}
.BannerLinks4 {
    width: 80px;
}
.BannerLinks5 {
    width: 100px;
}
.BannerIcon {
    float:left;
    margin-right: 10px;
    position:relative;
    cursor:pointer;
}

#socialpanel {
    overflow:visible;
}
.socialaction {
    padding-top: 10px;
    background-color: #FFF;
}