body { background: #121314; font-family: 'Lato', sans-serif; font-weight: 300; }

h1, h2, h3, h4 { margin-left: 0; font-family: 'Lato', sans-serif; }

#bootstrap_size_detect { font-size: 1px; }

input, select { color: #333; }
#header button.btn-search { background-color: #5BC0DE; }
#paypal-form { display: inline; }
.basket-labels { margin-bottom: 5px; }
.mobile-padding { padding: 0 5px; }
.light { font-weight: 300; }
.delete-basket-item { transition: all 0.2s ease-out 0s; cursor: pointer; }
.delete-basket-item:hover, .delete-basket-item:active { background-color: #962129; }
h1.section-title {  color: #555; font-weight: 300; margin-bottom: 20px; margin-left: 10px; }
.img-responsive { width: 100%; height: auto; transition: all 0.3s ease-out 0s; } 
.cover-overlay { background-color: rgba(0,0,0,.8); position: absolute; left: 0;  top: 0; width: 100%;  height: auto; }
.coverart { position: relative; }
#hero { width: 100%; position: relative; }
.container-wrapper { position: relative; background: #121314; }
.content-padding { padding-top: 100px; }
.content-padding-release { padding-top: 190px; }
.label-details { position: absolute; top: -50px; width: 98%; }
.label-logo { width: 130px; height: 130px; background-color: #eee; }
.label-logo img { width: 100% }
.label-name { position: absolute; bottom: 10px;  left: 145px; font-size: 18px; color: #ccc;}
.label-name h2 { font-size: 28px; margin:0; color: #eee; }
.release-details { padding-left: 15px; font-weight: normal;  }
.release-details h2 { padding: 0;  margin: 0; }
.release-details span { padding: 0; margin: 0; font-size: 14px; display: block; z-index: 5; padding: 0 4px;}
.release-details h2 span { padding-top: 4px; color: white; padding-bottom: 2px;  }
.release-details { height: 105px; display: table-cell; vertical-align: middle; }
.release-details .artist-name { color: #dddddd; font-weight: 300;}
.release-details .release-label { color: #8b8b8b; font-weight: 300; }
a { color: #eee }
a:hover { color: white; }
a.underlined { border-bottom: 1px dotted #ccc;}
img { padding: 1px; }
.caps { text-transform: uppercase; color: #8b8b8b; }
.clear-bottom-padding { padding-bottom: 0 !important; }

a.thumb-featured img { opacity: 1.0; transition: all 0.3s linear 0s  } 
a.thumb-featured:hover img { opacity: 0.5; transition: all 0.3s linear 0s }
.featured-item-details { z-index: 5; color: #eee; }


.featured-item-details p { margin: 0; padding: 0; font-size: 18px; line-height: 21px;  }
.featured-item-details p span { background-color: rgba(0,0,0,0.9); line-height: 1em; display: inline-block; padding: 3px 8px; }

#featuredItems, #releaseInfo { margin-top: 50px; margin-bottom: 100px; }


.bg-pink { background-color: #dd1980; }
.bg-green span { background-color: #008b7c; }
.bg-orange span { background-color: #ea5b00; }
.bg-lime span { background-color: #cbba00; }
.bg-red span { background-color: #cd0d32; }
.bg-blue span { background-color: #00a3dd; }
.bg-default {  }
.bg-default a { display: block; color:#bbb ; margin: 3px; background: none; transition: all 0.2s linear 0; height: 105px; -webkit-transition: all 0.2s linear 0;  overflow: hidden; background-color: #222222; }
.bg-default a img { padding: 0; }
.bg-default a.last-item { border-right: 0 }
.bg-default a.last-row { border-bottom: 0 }
.bg-default a:hover { background-color: #282828; color: #ccc; font-weight: normal; transition: all 0.2s linear 0 }
/*#iResultsWrapper .row { background-color: #262626  }*/

.pagination>li>a, .pagination>li>span { background-color:#121314; border: none; color: #999; }
.pagination>li>span, .pagination>li>span:hover { background-color: #282828; color: #999; }
.pagination>li>a.last-item { border-right: none; }
.pagination>li>a.first-item { border-left: none; }
.pagination>li>a:hover { background-color: #222326; color: #eee; }
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span,
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-radius: 0; }

#footer { height: 100px; text-align: right; color: #555; margin-top: 50px; font-size: 12px; }
#footer div { padding-right: 4px; }
#footer div:first-child { padding: 14px 0 0 0; }


.featured-item-details { position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
.label { border-radius: 0; font-size: 16px; font-weight: normal; }


#header { width: 100%; min-height: 40px;  background: rgba(0,0,0, .75); position: fixed; z-index: 11; opacity: 1; transition: all 0.3s linear 0s; }
#header.open {  }
#header button { width: 100%; height: 40px; border: none; border-left: 1px dotted #444; background: none; color: #eee; font-size: 18px;  } /*background: #5bc0de; background-color: #e9cb3c;  */
#header button:hover, #header button.active { background-color: #5bc0de; }

#searchContainer { display: none; margin-bottom: 15px; padding-top: 15px; padding-bottom: 10px; z-index: 12; }
#searchform select, #searchform input, #searchform option, #searchform a, #searchform .chzn-container { padding: 10px 10px; height: 39px; line-height: 39px; width: 95%; }
#searchform button { padding: 10px; height: 39px; line-height: 22px; border: 0; }
.chzn-container .chzn-results { clear:left; }
.chzn-container-single .chzn-single span { padding-top:3px; }
input.validation-passed, textarea.validation-passed, div.validation-passed, .validation-passed .chzn-single { border-color: transparent !important; }
.chzn-container-single .chzn-single div b { background-position: 0 5px; }

#releaseInfo {background-color: rgba(0,0,0,0.75); overflow: hidden; position: relative; }
#releaseInfo h1, #releaseInfo h2, #releaseInfo h3, #releaseInfo h4 { color: #eee; margin: 0; font-weight: 100; font-size: 28px;}
#releaseInfo h2, #releaseInfo h3  { font-weight: 300;  padding-top:5px; color: #bbb;}
#releaseInfo h2,#releaseInfo h3 { font-size: 14px; }
#releaseInfo .content {  padding: 20px; color: #bbb; }
.release-purchase-container { position: absolute; bottom: 20px; left: 18px; }

.release-tracks-container h4 { padding: 10px 0; letter-spacing: 0.2em; }
.release-tracks-wrapper { position: absolute; left: 0; top: -85px; width: 100%; text-align: center; }
.release-tracks-wrapper .btn-prev, 
.release-tracks-wrapper .btn-next { position: absolute; top: 0px; border: none; background-color: #141517; height: 250px; width: 50px; color: #ccc; z-index: 10; display: none; }
.release-tracks-wrapper .btn-prev { left: 0px; }
.release-tracks-wrapper .btn-next { right: 0px; }
.release-tracks-wrapper .btn-prev:hover,
.release-tracks-wrapper .btn-next:hover { background-color: #eee; color: #222; border-color: transparent; }
.release-tracks-container { color: #eee; height: 250px; background-color: #121314; padding: 3px 0 3px 3px; margin: 0 auto; display: inline-block; position: relative; }
a.genre  { color: #5bc0de; }
.release-tracks { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 11; transition: all 0.3s ease-out 0s }
.btn-show-tracks button { height: 50px; background-color: #5bc0de; color: white; border: none; padding: 10px 20px; font-size: 22px;  border: 1px solid #121314; border-bottom: none;  }    
.btn { padding: 15px 0 0 0; border-radius: 0; width: 75px; height: 75px; float: left; }
.release-tracks-container .btn-play-pause  { color: #fff; padding: 15px 20px; background-color: #333; border: 1px solid transparent; }
.release-tracks-container .btn-play-pause:hover  { color: #eee; background: none; border-color: #444; }

#releaseInfo .deco-strip { border: 1px solid #222326; border-left: none; border-right: none; padding: 15px 0 5px 0; }
#releaseInfo .divider { height: 1px; overflow: hidden; background: #333; clear: left; }
#releaseInfo .purchase-release-container a { margin:5px 0;  }
#releaseInfo .purchase-release-container a:hover { background-color: #43a2be; }

#releaseInfo a { color: #ccc; }

.release-tracks-container { white-space: nowrap; overflow: hidden;}
.release-tracks-container .release-track-items { /*width: 2100px;*/ background-color: #121314;  }
.release-tracks-container .row > .track { float: left; display: inline-block; width: 250px; height: 245px; vertical-align: top; border-left: 1px solid #222326; background-color: #222; margin-right: 3px;  }
.track .track-content-wrapper  {  padding: 10px; }
.track .track-content-wrapper > div { margin-top: 0; }
.track-price a  { padding-top: 15px; height: 75px; margin-left: 1px; border-left: 1px dotted #444; }
.track-price-no-border a { border-left-width: 0px; }
.track .track-price a:hover { color: #5bc0de; }
.tracks-wrapper { height: 498px; }
.track_number { float: left; height: 100px; font-size: 20px; }

#releaseInfo a.btn-disabled { cursor: default !important; }
#releaseInfo img { border-right:1px solid #222326; }  
#releaseInfo.active img { padding: 3%;  }
#releaseInfo.active .release-tracks { bottom: 250px;  }
#releaseInfo .release-purchase-container { margin: 0; }
#releaseInfo .release-purchase-container a { margin-left: 2px; background-color: #5bc0de; color: white; }
#releaseInfo .release-purchase-container span { color: white; }
#releaseInfo .release-purchase-container a.btn-disabled { opacity: 0.5; }
#releaseInfo .icon { border: none; margin-right: 10px; }

button { outline: none; }


#shoppingBasket { color: #eee; max-height: 0px; overflow: hidden; transition: all 0.5s ease-out 0; }
#shoppingBasket .basket-header { position: fixed; width: inherit; background-color: #121314; height: 120px; z-index: 99; display: none;   }
#shoppingBasket.open { max-height: 1000px; transition: all 0.5s ease-out 0.2s } 
#shoppingBasket .content { font-size: 18px;  margin-bottom: 20px; color: #ccc; }
#shoppingBasket .content a { display: block; width: 100%; height: auto; }
#shoppingBasket .total { font-size: 32px; line-height: 32px; }
#shoppingBasket .content-wrapper { padding: 0 8px; }
#shoppingBasket .content:first-child { margin-top: 120px; }
#shoppingBasket h2  { font-weight: 200; margin-bottom: 40px; font-size: 42px; margin-top: 0; }
#shoppingBasket button.btn-checkout { background: #5bc0de; color: #fff !important;  border: none; font-size: 24px;  padding: 1% 5%;  }
#btnDismissBasket { background: none; border: none; font-size: 18px; padding-top: 10px; color: #aaa;}
#btnDismissBasket:hover { color: #bbb; }

.r-align { text-align: right; }
.c-align { text-align: center; }

#header.disappear { opacity:0; transition: all 0.2s linear 0s }

nav.bread-crumb { padding-top:10px; color: #ccc; }
nav.bread-crumb span{ color: #ccc; padding: 10px 10px 10px 0; }

#dialog, #dialogReleaseDescription, #dialogCheckout { display: none; }

div.jp-audio { background: none; border: none; }
.tracks-container table td { padding: 10px;  }
.tracks-container table tr { width: 100%; }


.ui-dialog .ui-dialog-title, .ui-widget-header { display: none; }
.ui-dialog .ui-widget-content { padding: 0 10px; }
.ui-dialog select,
.ui-dialog input, 
.ui-dialog-buttonpane button { width: 100%; padding: 15px 10px; font-size: 24px !important; text-align: center; margin-bottom: 10px; }
.ui-dialog input[type="submit"], .ui-dialog input[type="button"],
.ui-dialog-buttonpane button { background: #5bc0de; color: #fff !important;  border: 1px solid #5BC0DE; }
.ui-widget-content .ui-icon { background-image: url(/css/ui-lightness/images/ui-icons_222222_256x240.png) }
.ui-dialog input[type="checkbox"]{ width: inherit; }
.ui-dialog label { color: #eee; font-weight: normal; }

.ui-dialog h4 { margin-bottom: 20px; color: #ccc }
.ui-dialog h4 span {  font-size: 32px;  font-weight: 100;  border-bottom: 1px dashed #ccc; } 

#dialogReleaseDescription { text-align: justify; color: #bbb; }




.ui-widget-overlay { background-color: rgba(0,0,0,0.9) ;position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-dialog .ui-dialog-title, .ui-widget-header, 
.ui-dialog-content p {  color: #ccc; font-size: 18px; } 
.ui-dialog-content a.dismiss-dialogue,
.ui-dialog-buttonpane button:last-child { color: #999; display: block; outline: none; margin-bottom: 20px; text-decoration: none; background: #000; border: 1px solid #fff;}
.ui-dialog-content a.dismiss-dialogue { border: none; font-size: 20px; padding-top: 18px;}
.ui-dialog .ui-dialog-content { min-height: inherit !important; }
.ui-dialog-titlebar-close { display: none; }
.ui-dialog-buttonpane { text-align: center; }

#results-message { color: #555; font-size: 24px; text-align: center; }

#newsletter_signup_label { font-size:18px; text-align: center; width: 100%; }
#newsletter_signup {
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -webkit-transform: scale(2); /* Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  width: 40px;
}

#purchase-confirm { color: #fff; background-color: rgba(0,0,0,0.75); padding: 30px; margin-top: 60px; }
#purchase-confirm h1 { margin-top: 10px;margin-bottom: 20px; }
#purchase-confirm p { margin-bottom: 10px; color: #ccc; }
#purchase-links { margin-top: 20px; }

.purchase-link {    
	padding: 10px 0;
    font-size: 20px;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px; 
}
.purchase-link a { color: #00A3DD; float: right; }

#download_message { text-align: center; color: #656565; }
.download_message_p {     text-align: center; color: #ccc; font-size: 18px; }

#release-social-icons { margin-top: 10px; }

#release_description { max-height: 178px; }

#releaseInfo .release_preview_text { color: #ddd; width: 280px; position: absolute; bottom: 39px; left: 192px; }

@media (min-width: 768px) {
	
	#bootstrap_size_detect { font-size: 2px; }
	
	.release-tracks-container {
	  max-width: 720px;
	}
	.mobile-padding { padding: 0; }
	#featuredItems, #releaseInfo { margin-top: 100px; }
	
}

@media (min-width: 992px){
	
	#header button { height: 45px; }
	#searchform { top: 0px; position: absolute; z-index: 200; }
	#searchContainer { display: block!important;margin-bottom: 0px;padding-top: 6px;padding-bottom: 0px; left: 100px;position: absolute; width: 700px;}
	#searchform select, #searchform input, #searchform option, #searchform a, #searchform .chzn-container { padding: 3px 10px; height: 33px;line-height: 33px;width: 95%; }
	
	#bootstrap_size_detect { font-size: 3px; }
	
	.release-tracks-container {
	  max-width: 940px;
	}
	.img-responsive {
		margin-top: 17px;
	    margin-left: 10px;
	}
	
	#releaseInfo img.img-responsive, #shoppingBasket img.img-responsive { margin:0!important; }
	
	.release-details span {
		font-size: 13px;
	}
	
	.tracks-wrapper { height: 410px; }
}

@media (min-width: 1200px) {
	
	#searchContainer { width: 877px; }
	
	#bootstrap_size_detect { font-size: 4px; }
	
	.release-tracks-container {
		max-width: 1140px;
	}
	.img-responsive {
		margin-top: 0;
	    margin-left: 0;
	}
	.release-details span {
		font-size: 14px;
	}
	
	.tracks-wrapper { height: 498px; }
}

/* Medium Devices, Desktops */
@media (max-width : 1199px) {
	#releaseInfo .release-purchase-container { right: 18px; left: auto!important; }
	#releaseInfo .release_preview_text { left: 63px; text-align: right;}
	#release-social-icons { float: left; }
	#release_description { max-height: 164px; }
}

 /* Small Devices, Tablets */
@media (max-width : 991px) {
	#releaseInfo .release-purchase-container { position: relative!important; float: right; top:0; left: 0; margin: 0 10px 10px 10px!important; }
	#releaseInfo .release_preview_text { left: 0;text-align: left; position: relative;float: left; clear: both; margin-left: 21px;}
	.tracks-wrapper { height: auto!important; }
	.item-wrapper { clear: both; margin-bottom: 5px; }
	#shoppingBasket .content { margin-bottom: 0!important;}
	.basket-price { float: right; margin-top: -75px; }
	.basket-labels { margin-top: 5px; }
	#searchform select, #searchform input { margin-bottom: 5px; }
	#header button.btn-search { width: 95%; float: none!important; }
	.purchase-link a { float: right; width: 100%; clear: both; margin-top: 13px; margin-bottom: 30px; }
}

@media (max-width : 767px) {
	.release-tracks-container { overflow: visible!important; height: auto!important; width: 100%!important; }
	.release-track-items { width: 100%!important; }
	.release-tracks-container .row > .track { width: 100%; margin-bottom: 3px; height: auto; padding-bottom: 10px;}
	.release-tracks-wrapper { margin-top: -85px!important; position: relative!important; left:0!important; top: 0!important;}
	.content-padding-release { padding-top: 0px!important; }
	.track-buttons { width: 230px; margin: 0 auto 0 auto; }
	.track-title-wrapper { width: 100%; margin-top: 15px!important; }
	#shoppingBasket .basket-header { width: 100%; }
	.btnDismissBasketWrapper { float: right; z-index: 2000; }
	#shoppingBasket h2 { margin-bottom: 15px; font-size: 30px; margin-top: 8px; }
	.center-mobile { text-align: center!important; }
	#shoppingBasket img.img-responsive { margin-left: 3px; }
	.basket-price { font-size: 22px; }
	#searchContainer { text-align: center; }
}

@media (max-width : 500px) {
	#releaseInfo .release_preview_text { margin-top: 54px; }
}