/*
 * PageContent_Specific.css
 * =========================
 * Styles designed for use in one or a few "specialist" pages/
 *
 * CONTENTS
 * ---------
 * 01  DISCS
 *
 * 
 */


/* ==== 01  DISCS ==== */

#discs--DiscListingContainer {
    display: flex;
    justify-content: space-between;
	width: 667px;
	margin-bottom: 30px;
	float: left;
}

.discs--DiscImageContainer {
	width: 230px;
    padding: 2px;
}

.image-borders {
    border-top: 1px solid #E29732;
    border-right: 1px solid #E29732;
    border-bottom: 1px solid #985F15;
    border-left: 1px solid #985F15;
}

.discs--DiscDetails {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 384px; 
}

.discs--CatalogueNumber,
.discs--TitleArtists,
.discs--EAN {
    display: block;
    width: 100%;
}


.discs--CatalogueNumber {
    color: #985F15;
    font-size: 14px;
}

.discs--TitleArtists {

}

.discs--EAN {
    color: #D2861E;
    font-size: 11px;
}

#discs--TextSummary {
	width: 667px;
	margin: 15px 0px 30px 0px;
	float: left;
}

#discs--TextSummary > p {
    padding-bottom: 14px;
}

.discs--TrackListingHeading {
	width: 667px;
	margin: 0px 0px 5px 0px;
    padding: 2px 0px 3px 0px;
	float: left;
	font-size: 14px;
	color: #985F15;
	text-transform: uppercase;
	text-align: center;
	border-top: 1px solid #985F15;
	border-bottom: 1px solid #985F15;
}

#discs--TrackListingContainer {
	width: 667px;
    margin: 18px 0px 80px 0px;
	float: left;
    border-bottom: 1px solid #985F15;
}

.discs--WorkContainer {
    display: block;
    width: 100%;
    padding-bottom: 15px;
}

.discs--WorkContainer:last-child {
    margin-bottom: 20px;
}

.discs--WorkTitleBox {
    display: block;
    width: 100%;
    padding-bottom: 8px;
	color: #D2861E;
}

.discs--WorkTitle {
    color: #D2861E;
}

.discs--TrackContainer {
    display: flex;
    height: auto;
    align-items: flex-start;
    flex-wrap: wrap;
}

.discs--TrackNumberBox {
    flex: 0 0 28px;
}

.discs--TrackTitleBox {
    flex: 0 0 419px;
}

.discs--PlayerBox {
    flex: 0 0 202px;
    align-self: center;
    padding: 4px 0px 4px 0px;
}
