html {        font-size: 100%;}

#basket {
}

#basket .button a {}

.aside {}

.packshot {}

/* FIXME - Should not need .navi a */
html, body, p, .navi a, #footer, body a, .paging .current, .paging .previous, .paging .next, #footer a,
.content a, tr.headings th, #basket-postage a, #basket-postage input {}

h1,h2,h3,h4,h5 {        font-size: 100%;}

#basket-checkout .button a {}
#basket-checkout .button {}

#departments .button a, .paging.button .wrapper, .paging.button a, #footer .button .wrapper, #footer .button .wrapper a, #news .navi li a, #search_button {}
#departments .button, .paging.button, #footer .button, #news .navi li {}

.section .button input, .content .downloadlist input.submit {}
.section .button, .content .downloadlist .button {}

.lines .button input.submit {}

/* custom block */html {        font-size: 100%;}

#basket {
}

#basket .button a {}

.aside {}

.packshot {}

/* FIXME - Should not need .navi a */
html, body, p, .navi a, #footer, body a, .paging .current, .paging .previous, .paging .next, #footer a,
.content a, tr.headings th, #basket-postage a, #basket-postage input {}

h1,h2,h3,h4,h5 {        font-size: 100%;}

#basket-checkout .button a {}
#basket-checkout .button {}

#departments .button a, .paging.button .wrapper, .paging.button a, #footer .button .wrapper, #footer .button .wrapper a, #news .navi li a, #search_button {}
#departments .button, .paging.button, #footer .button, #news .navi li {}

.section .button input, .content .downloadlist input.submit {}
.section .button, .content .downloadlist .button {}

.lines .button input.submit {}

/* custom block */html {        font-size: 100%;}

#basket {
}

#basket .button a {}

.aside {}

.packshot {}

/* FIXME - Should not need .navi a */
html, body, p, .navi a, #footer, body a, .paging .current, .paging .previous, .paging .next, #footer a,
.content a, tr.headings th, #basket-postage a, #basket-postage input {}

h1,h2,h3,h4,h5 {        font-size: 100%;}

#basket-checkout .button a {}
#basket-checkout .button {}

#departments .button a, .paging.button .wrapper, .paging.button a, #footer .button .wrapper, #footer .button .wrapper a, #news .navi li a, #search_button {}
#departments .button, .paging.button, #footer .button, #news .navi li {}

.section .button input, .content .downloadlist input.submit {}
.section .button, .content .downloadlist .button {}

.lines .button input.submit {}

/* custom block */html {        font-size: 100%;}

#basket {
}

#basket .button a {}

.aside {}

.packshot {}

/* FIXME - Should not need .navi a */
html, body, p, .navi a, #footer, body a, .paging .current, .paging .previous, .paging .next, #footer a,
.content a, tr.headings th, #basket-postage a, #basket-postage input {}

h1,h2,h3,h4,h5 {        font-size: 100%;}

#basket-checkout .button a {}
#basket-checkout .button {}

#departments .button a, .paging.button .wrapper, .paging.button a, #footer .button .wrapper, #footer .button .wrapper a, #news .navi li a, #search_button {}
#departments .button, .paging.button, #footer .button, #news .navi li {}

.section .button input, .content .downloadlist input.submit {}
.section .button, .content .downloadlist .button {}

.lines .button input.submit {}

/* custom block */html {       background-color: #000000;
             background-image: url(http://civilmusicplayer.com/civilmusic/testsite/civilnewbg_thin.jpg);
             background-position:center;
             background-position:top;
             background-repeat:repeat-y;
        font-size: 90%;}

#basket {     width:180px;   border-width: 1px;
        border-radius: 3px;
margin-right:10px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
}

#basket .button a {        color: #FFFFFF;}

.aside {     border: 1px dotted  #d1d1d1;   border-color: #d1d1d1;   border-width: 1px;}

.packshot {     border: 1px dotted  #d1d1d1;    border-color: #d1d1d1;        border-width: 1px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;}

/* FIXME - Should not need .navi a */
html, body, p, #footer, body a, .paging .current, .paging .previous, .paging .next, #footer a,
.content a, tr.headings th, #basket-postage a, #basket-postage input {  font:90%/130% 'Helvetica Neue', Helvetica, Arial, sans-serif;  font-weight:100;    color: #FFFFFF;}

.navi a {  font:110%/170% 'Helvetica Neue', Helvetica, Arial, sans-serif;  font-weight:100;    color: #FFFFFF;}

h1,h2,h3,h4,h5 {        color: #FFFFFF;   font-weight:100;     font-size: 100%;}


#basket-checkout .button a {        background-color: #000000;}
#basket-checkout .button {        border-color: #d1d1d1;}

#basket-checkout .button a:hover {  text-decoration:none; color: #000000;     background-color: #ffffff;}
#basket-checkout .button:hover {        border-color: #d1d1d1;}

 .paging.button .wrapper, .paging.button a, #footer .button .wrapper, #footer .button .wrapper a, #news .navi li a {        color: #FFFFFF;        background-color: #000000;}
#departments .button, .paging.button, #footer .button, #news .navi li {        border-color: #d1d1d1;}

.section .button input, .content .downloadlist input.submit {        color: #FFFFFF;        background-color: #000000 !important;}
.section .button, .content .downloadlist .button {        border-color: #d1d1d1;}

.lines .button input.submit {        color: #FFFFFF !important;        background-color: #000000 !important; /* FIXME !important shouldn't be needed */        border-color: #333333;}
ul.tabselect.tabs li.active a {
     background-color: #000000;        color: #FFFFFF;}
ul.tabselect.tabs li.active a, .tabselect.content {
    border-color: #000000 !important;
}
.tabselect.tabs li a {
    border-color: #000000;        color: #FFFFFF;}

.bookmark_list {
    color: #000;
}


.button {text-transform:uppercase; border: 1px dotted  #d1d1d1; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; }
.button input {font:92.5%/150% 'Helvetica Neue', Helvetica, Arial, sans-serif;text-transform:uppercase; border: 1px dotted  #d1d1d1; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; }

.button input.submit:hover {        color: #000 !important;        background-color: #fff !important; /* FIXME !important shouldn't be needed */     }


#artists li { padding-top:2px;border: 1px dotted  #d1d1d1; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; }
#artists a { text-transform:uppercase; padding-left: 5px; color: white; text-decoration:none; }

#artists li:hover { border: 1px dotted  #000000; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; background-color: #ffffff; color: #000000; }
#artists li:hover a { color: #000000; text-decoration:none; }

#departments li { padding-top:2px;text-transform:uppercase; background-color: #000000; color: #ffffff; border: 1px dotted  #d1d1d1; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; }
#departments a { background-color: #000000; color: #ffffff; padding-left: 5px; color: white; text-decoration:none; }


#departments li:hover { border: 1px dotted  #000000; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; background-color: #ffffff; color: #000000; }
#departments li:hover a {-moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; background-color: #ffffff; color: #000000; text-decoration:none;}

#civilheader{
height:206px;
width:1100px;
margin-left:-60px;
margin-top:-100px;
		     background-color: #000000;
             background-image: url(http://civilmusicplayer.com/civilmusic/testsite/civilnewheader.jpg);
             background-position:center;
             background-position:top;
             background-repeat:no-repeat;
       }

#civilcontainer{
height:230px;
width:1100px;	   
       }



        
        #civilheaderlogo{float:left;height:32px;
width:329px;
margin-left:50px;
margin-top:106px;
		     background-color: #000000;
             background-image: url(http://civilmusicplayer.com/civilmusic/testsite/logo_website.jpg);
             background-position:center;
             background-position:top;
             background-repeat:no-repeat;
}

        #civilheadersocial{float:right;height:40px;

margin-right:60px;
margin-top:102px;
		     background-color: #000000;
             background-position:left;
             background-position:top;
             background-repeat:no-repeat;
}

#civilheaderplayer{
float:left;
margin-left:-10px;
margin-top:-12px;
		 		    
       }



#artists h2 {background-color: #000000;
             background-image: url(http://civilmusicplayer.com/civilmusic/testsite/artists2.jpg);
             background-position:left;
             background-position:center;
             background-repeat:no-repeat;
height:36px;
margin-top:50px;
margin-left:30px;
color: transparent;
border-radius: 4px; 
-moz-border-radius: 4px;
 -webkit-border-radius: 4px; 
overflow: hidden; 
border-color: #fff !important; 
border: 1px dotted ; 
padding-bottom:5px;
}

#departments h2 {background-color: #000000;
             background-image: url(http://civilmusicplayer.com/civilmusic/testsite/sections2.jpg);
             background-position:left;
             background-position:center;
             background-repeat:no-repeat;
height:36px;
margin-left:30px;
color: transparent;
border-radius: 4px; 
-moz-border-radius: 4px;
 -webkit-border-radius: 4px; 
overflow: hidden; 
border-color: #fff !important; 
border: 1px dotted ;
padding-bottom:5px;

}

#basket h2 {background-color: #000000;
             background-image: url(http://civilmusicplayer.com/civilmusic/testsite/basket.jpg);
             background-position:center;
             background-position:top;
             background-repeat:no-repeat;
height:30px;
width:80px;
text-indent:-9999px; 

}

#departments ul{margin-left:30px;}
#artists ul{margin-left:30px;}

#help {}
#activity-indicator img {display:none;}



ul.tabselect.tabs li.active a {
     background-color: #fff;       color: #000;}
ul.tabselect.tabs li.active a, .tabselect.content {
    border-color: #fff !important; border: 1px dotted  #000000; 
}
ul.tabselect.tabs li a {
    border-color: #fff;  border-color: #fff !important; border: 1px dotted ;   background-color: transparent;    color: #FFFFFF;}

ul.tabselect.tabs li a:hover { text-decoration:none;
    border-color: #fff;  border-color: #fff !important; border: 1px dotted ;   background-color: #fff;    color: #000;}

.bookmark_list {
    color: #000;
}

ul.tabselect.tabs li.active a:hover {
     background-color: #fff;  text-decoration:none;      color: #000;}

#search {border-radius: 4px; 
-moz-border-radius: 4px;
 -webkit-border-radius: 4px; 
overflow: hidden; 
border-color: #fff !important; 
border: 1px dotted ; 
margin-bottom:25px;
margin-left:15px;
height: 32px; 
width: 340px; 
padding: 10px 10px 0px 120px; 
background: url('http://civilmusicplayer.com/civilmusic/testsite/search.jpg'); 
background-position:center;
             background-position:10px;
             background-repeat:no-repeat;


}

.search_button { border: 0px double #707070; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow: hidden; }
#search input { width: 85%; margin-right: 5px; } 		/* Should use input[type=text] but IE6 doesn't like it. */
#search .search_button input { background-color: #000000;
             background-image: url(http://civilmusicplayer.com/civilmusic/testsite/go.jpg);
             background-position:center;
             background-position:top;
             background-repeat:repeat-no;
height:20px;
width:35px;
text-indent:-9999px;  } 	/* Would not be necessary if input[type=text] was used above, but IE6 doesn't like it. */


.item h3{font:0%/150% 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:100; font-size:1.5em; margin-left:15px;}
.section h1{font:90%/150% 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:100; font-size:1.5em; margin-left:15px;}
.album, .artist {text-transform:uppercase;  font:110%/150% 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:100;  }
.description {overflow:hidden;}


.content li.line .line-details { position: relative; height: 2.5em; overflow: hidden; margin-bottom:5px; }

#line-overview {margin-left:15px; margin-right:15px;}
#tabselect {margin-left:15px; margin-right:25px;}
.mailinglist {margin-left:15px;}
.mailinglist p {margin-left:15px;}

#footer {margin-left:20px;}
.content li.line .action { position: relative; height: 42px; margin-bottom:20px; }
.content li.line .line-description { height: 133px; overflow: hidden; }



/* civil-extras
----------------------------------------------- */

#civilextras {position:absolute; left:300px; top:90px; height:160px; width:200px;  border: 0px double #707070;}
.civiltext {margin-bottom:8px;}
/* finish custom block */

#artist-overview h3 {font-weight:100;}


#sb-body table { 
	margin-bottom: 0px;
}

#sb-body table h4 { font-weight:100; font-size:1.2em; padding:20px; text-align:center; text-decoration:underline;}

#sb-body table p { padding:10px 10px 0px 10px; text-align:center; line-height:1.6em;}





/* freebies
----------------------------------------------- */


.freebie {position:absolute; height:141px; width:135px; z-index:100; overflow:visible; background-image: url(http://civilmusicplayer.com/civilmusic/testsite/freebie.jpg); }
.freebie a {width:100%;
height:100%;
display:block;}

.freebie:hover {position:absolute; height:141px; width:135px; z-index:100; overflow:visible; background-image: url(http://civilmusicplayer.com/civilmusic/testsite/freebie_hover.jpg); }

#help {display:none;}




#content .rss-box a, .description a {font:90%/150% 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:100; font-size:1em; text-decoration:underline; color:#ffffff; }
#content .rss-box .rss-item-title {font:90%/150% 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:100; font-size:1.5em; text-decoration:underline; color:#ffffff; }
h2.album {height:20px; overflow:visible; }


#artists li a {width:100%;
height:100%;}


/* release page
----------------------------------------------- */


#line-overview img.packshot {display:inline-block; margin-bottom:131px;  }
#line-overview h2.album { position:absolute; margin: -95px 0px 0px 0px; font-size:1.6em; }
#line-overview h3.artist { position:absolute; margin: -135px 0px 0px 0px; float:left; font-size:1.9em;margin-bottom:0px;}

.addthis_toolbox {position:absolute; margin: 244px 0px 0px -175px; }
.addthis_button_facebook_like {margin: -60px 0px 0px -2px;}
.addthis_button_google_plusone{margin: -80px 0px 0px -2px;}
.addthis_button_tweet{margin:  -35px 0px 0px -2px;}
.addthis_counter { margin: -10px 0px 0px 0px; padding:0px 0px 0px 0px;}
#released {position:absolute; display:inline-block; font-size:.8em; margin: -25px 0px 0px 0px; width:200px; }
#content .rss-box {margin-left:-20px;}
#formats tr  td.buy {font-size:1.1em; font-weight:100; }

#formats  {margin-left:-5px; margin-top:-60px; height:90px; overflow:hidden}
#formats .button.go { margin-left:-55px; width:138px;}

#formats .format {width:232px;}
#formats .price {padding-right:0px;}
#formats .tracks {padding-right:0px;}
#tabselect {padding-top:20px;}
#tabselect {margin-top:-60px;}
#tabselect ul {margin-top:60px;}

#formats tr.headings  { display:none;
 background-color: #000000;
             background-image: url(http://civilmusicplayer.com/civilmusic/testsite/go.jpg);
             background-position:center;
             background-position:top;
             background-repeat:repeat-x;
height:20px;
}


#formats tr.headings th {
text-indent:-4000px;
height:40px;
}

.content h4 {display:none;}


/* packshot-page
----------------------------------------------- */

#packshotpage {margin-left:20px;}
#packshotpage h1 {font-size:20px;}
#packshotpage img {border: 1px dotted  #ffffff;         border-width: 1px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;}
#packshotpage p a {text-decoration:underline; color:#ffffff; font-size:11.5px;}



/* departments-removed
----------------------------------------------- */

#departments ul {
position:absolute; width:200px;
clip:rect(0px,5000px,195px,0px);
margin-bottom:200px;}



#departments h2 {margin-bottom:250px;}

#departments ul {margin-top:-245px;}


#content { float: right; position: relative; width: 500px; margin: 0px 20px 10px 20px; padding-top: 20px; overflow: hidden; } /* Overflow necessary for IE6 */



#artists a { display: block; height: 100%; }



.addthis_counter.addthis_pill_style{display:block;position:relative;background:#FE6D4C;width:115px!important;height:20px;line-height:20px;padding-left:0px;border-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-bottomleft:4px;-webkit-border-top-left-radius:4px;-webkit-border-bottom-left-radius:4px;}

.addthis_counter.addthis_pill_style.addthis_nonzero{width:115px!important;}

.addthis_counter.addthis_pill_style a.addthis_button_expanded{display:inline-block;}


.addthis_counter a.atc_s{display:block;background:url(//s7.addthis.com/static/t00/nsc01.gif) no-repeat 0 0;width:74px;height:20px;line-height:20px;overflow:hidden;cursor:pointer;}

.civ-more-button {height:25px;}
.civ-more-button img {height:20px; width:20px;}


.content .description {margin-bottom:20px;}

.preorder {display:none;}/* finish custom block *//* finish custom block *//* finish custom block *//* finish custom block */