/* Boston Symphony Orchestra
   Last Updated: 8-2011
   Author:  Oncall Interactive, LLC

Style definitions found in reset.css

--MERCHANDISE STYLES--

Sections:
 =MERCHANDISE DETAILS PAGE
   ----------------------------------------------------
   
 =MERCHANDISE LIST PAGE
   ----------------------------------------------------

 =DIGITAL MEDIA
   ----------------------------------------------------

 =DIGITAL MEDIA SUBSCRIPTIONS
   ----------------------------------------------------*/


/* =MERCHANDISE DETAILS PAGE
   ----------------------------------------------------*/


.merchandise-detail 
{
    float: left;
    width: 700px;
    margin-bottom: 25px;
}   

.merchandise-detail .merchandise
{
    border-bottom: 10px solid #ECECEC;
    border-top: 10px solid #ECECEC;
    display: inline-block;
    padding: 25px 0;   
}

#merchandise-images 
{
    float: left;
}

#merchandise-images #main-image
{
        width: 345px;
        min-height: 300px;
        display: inline-block;
}

#merchandise-images #main-image img
{
    width: 100%;   
}

#merchandise-images #variation-images
{
    width: 345px;   
}

#merchandise-images #variation-images .variation-image
{
    border: 1px solid #C3C3C3;
    float: left;
    height: 45px;
    margin: 1px;
    width: 45px;   
    cursor: pointer;
}

#merchandise-images #variation-images .variation-image img
{
   width: 45px;
   height: 45px;
}


.merchandise-information 
{
    float: left;
    width: 320px;
    margin-left: 25px;
}


.merchandise-information .merchandise-title
{
	font-family: "BSO Regular", Helvetica, Arials, sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
}

.merchandise-information .merchandise-brand
{
    font-size: 10px;   
    margin: 10px 0 0;
}

.merchandise-brand { list-style:none; text-transform: uppercase;font-size:12px; }
.merchandise-brand li { padding:5px; margin:3px 0; width:50%;}
.merchandise-brand li a { display:inline-block; width:100%;}
.merchandise-brand li.active a { font-weight:bold; color:#EFEFEF!important}
.merchandise-brand li:not(.active):hover { background:#ECECEC; cursor:pointer;}



.merchandise-information .merchandise-details
{
    margin: 0 10px 10px;
}

.merchandise-information .merchandise-description 
{
    font-size: 11px;
    line-height: 16px;
    color: #5e5e5e;
    margin: 15px 0 0;
}

.merchandise-information .merchandise-controls
{
    background-color: #ECECEC;
    padding: 10px;
    font-size: 11px;  
    display: inline-block;
    width: 225px;
    margin: 0 10px;
}

.merchandise-information .merchandise-buttons
{
    width: 200px; 
    float: left;
}

.merchandise-information .format-explanation
{
    margin-top: 20px;
    width: 100px;   
    float: left;
}

.merchandise-information .format-explanation a
{
    display: block;
    margin: 0 10px;
}

.merchandise-information .merchandise-buttons label
{
    display: block;
}

.merchandise-information .merchandise-controls select
{
    margin: 3px 0 12px;
    width: 205px;   
    font-size: 10px;
}

.merchandise-information .merchandise-read-more
{
    display: none;   
}
.merchandise-information .more-text
{
    display: inline;
}

.merchandise-information .price-range 
{
	font-family: "BSO Bold", Helvetica, Arials, sans-serif;
    color: #ee386b;
    font-weight: bold;
    font-size: 17px;
    line-height: 44px;
    word-spacing: 4px;
}

.merchandise-information .more-link
{
  font-size: 10px;
  color: #0071b6; 
  text-decoration: none;
}

.merchandise-information .merchandise-buttons .standard-button
{
    min-width: 155px;   
    margin: 8px 0 0;
}

.merchandise-detail .additional-information
{
    font-size: 11px;
    line-height: 16px;
    min-height: 55px;
    color: #5e5e5e;
    margin-bottom: 30px;
    float: left;
    padding-top: 2px;
    list-style-position: inside;
}

/* =MERCHANDISE LIST PAGE
   ----------------------------------------------------*/


#merchandise-list
{
   padding-top: 10px;
   border-top: 10px solid #ececec;
}

#merchandise-list .merchandise 
{
    border-top: #ececec solid 1px; 
    margin-bottom: 5px;
    padding: 4px 0;
    width: 700px;
    display: inline-block;
}

#merchandise-list .merchandise:first-child
{
    border-top: none; 
}

#merchandise-list .merchandise-thumbnail
{
    height: 125px;
    width: 125px; 
    float: left;
}

#merchandise-list .merchandise-thumbnail img
{
    max-width: 100%; 
}

#merchandise-list .merchandise-information
{
    float: left;
    padding: 0 10px;
    margin-left: 0;
}

#merchandise-list .merchandise-controls
{
    padding: 5px 10px;
    width: 155px;
    height: 140px;
    float: right;
    background-color: #e8e8e8;
    position: relative;
}

#merchandise-list .merchandise-controls select
{
    font-size: 10px;
    width: 155px;   
}

#merchandise-list .merchandise-controls input
{
    margin-top: 4px;
    border: inherit;
    width: 151px;
}

#merchandise-list .merchandise-buttons 
{
    position: absolute;
    bottom: 0;
    left: 10px;
    margin: 10px 0;
}

#merchandise-list .merchandise-buttons .standard-button
{
    width: 155px; 
}


#merchandise-list .price-range 
{
	font-family: "BSO Regular", Helvetica, Arial, sans-serif;
    color: #ee386b;
    font-size: 16px;
    word-spacing: 1px;
    margin: 7px 0;
    font-weight: normal;
}

#merchandise-list .merchandise-type
{
     font-size: 10px;   
}


#merchandise-list .merchandise-title
{
     font-size: 16px;   
     min-height: 34px;
     line-height: 17px;
}

#merchandise-list .merchandise-link
{
     margin-top: 8px;   
     font-size: 10px;
}

#merchandise-list .back-navigation
{
    margin-bottom: 15px;
}

/* =PROMOTIONS */

#merchandise-list .promotion.merchandise
{
    max-height: 150px;
    overflow: hidden;   
    border: 0;
}

#merchandise-list .promotion.merchandise img
{
    width: 100%;   
}


/* =DIGITAL MEDIA */

.media-category-name
{
    color: white;
    display: inline-block;
    font-family: "BSO Bold", Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 5px 10px;
    text-transform: uppercase;
}

.media-attribute
{
    color: #5E5E5E;
    font-size: 11px;
    margin: 3px 0;
}

.media-attribute .attribute-label
{
    font-weight: bold;
    text-transform: uppercase;  
    display: inline-block;
    width: 70px;
}

.tracks-header {
    color: white;
    font-size: 9px;
    margin: 10px 10px 10px 0;
    padding: 5px;
    text-transform: uppercase;
}

.tracks-header .track-header
{
    width: 355px;
    margin-left: 20px;
    display: inline-block;   
}

.track
{
    border: 2px solid #ececec;
    display: inline-block;
    width: 685px;
    background-color: White;
}

.track.odd
{
    background: none;
    border: none;
    margin: 0 0 0 4px;   
}

.track-details
{
    float: left;
    padding: 5px;
}

.track-details .track-number
{
    color: #69AE2C;   
    float: left;
    margin: 1px 5px 0 0;
}

.track-details .ensembles
{
    clear: left;
    float: left;
    width: 150px;
    margin: 0 0 0 15px;   
    font-size: 11px;
    color: #5E5E5E;
}

.track-details .performers
{
    float: left;
    width: 150px;   
    font-size: 11px;
    color: #5E5E5E;
    margin: 0 0 0 15px;   
}

.track-title
{
    font-size: 12px;
    font-weight: bold;
    width: 330px;
    float: left;
    margin-top: 3px;
}

.track-duration
{
    width: 85px;
    float: left;
    font-size: 12px;
    margin: 3px 10px 0 0;
    font-weight: bold;
    text-align: right;
}

.track-controls
{
    float: right;   
    background-color: #ececec;
    padding: 5px;
    font-size: 11px;
    width: 180px;
    min-height: 50px;
}

.track-controls .encoding-options-header
{
    margin: 5px;   
}

.track-controls .encoding-options
{
    margin: 5px;   
    width: 175px;
    font-size: 10px;
}

.track-controls .standard-button
{
    display: block;  
    margin: 5px; 
    width: 175px;
}

.work
{
    margin-bottom: 15px;   
}

.work-title
{
    border-color: white white #919191;
    border-style: solid;
    border-width: 0 20px 23px 0;
    display: inline-block;
    padding: 0 30px 0 10px;
    min-width: 125px;
    float: left;
}

.work-title .title-text
{
    position: relative;
    top: 19px;
    color: White;
    font-size: 11px;
    font-style: italic;
}


.add-work-area {
    background-color: #ECECEC;
    clear: right;
    float: right;
    font-size: 12px;
    margin: 0 13px;
    padding: 10px;
}

.add-work-area select {
    max-width: 225px;
}

/* =DIGITAL MEDIA SUBSCRIPTIONS */

.available-music-header
{
    margin: 5px 0;   
}

.brand-header
{
    clear: left;
    color: white;
    font-family: "BSO Bold";
    font-size: 16px;
    padding: 4px 10px;
    width: 325px;   
    margin: 5px 0;
}

.formats-header
{
    font-size: 11px;
    color: #323232;   
}

.file-formats
{
    margin-bottom: 50px;   
}

.file-format
{
    width: 165px;
    height: 75px;
    float: left;
    margin: 5px 10px 5px 0;   
    display: table;
    background-color: #E5E5E5;
}

.file-format .format-description
{
    display: table-cell;
    vertical-align: middle;   
    text-align: center;
    font-size: 11px;
    padding: 10px;
}

.subscription-items
{
    font-size: 12px;   
    color: #323232;
    border-spacing: 0;
    margin-bottom: 30px;
}

.subscription-item.odd
{
    background-color: #E5E5E5;   
}

.subscription-items-header
{
    font-weight: bold;   
    font-size: 11px;
}

.subscription-items-header .content-header
{
    width: 300px;
    text-align: left;
    padding-left: 10px;
    padding-bottom: 5px;
}

.subscription-items-header .release-date-header
{
    width: 80px;
    text-align: left;
}

.subscription-items-header .format-header
{
    width: 75px;   
}

.subscription-item-content
{
    padding-left: 10px;   
}

.subscription-item-release-date,
.subscription-item-content
{
    vertical-align: middle;
    padding: 10px;
    font-size: 11px;
    color: #5E5E5E;
}

.subscription-item-release-date.future-date
{
    color: #69AE2C;
    font-weight: bold;
}

.format-available
{
    text-align: center;
    font-size: 40px;
    vertical-align: middle;
    line-height: 30px;
    color: #919191;   
}

/* =PERFORMANCE BASED MERCHANDISE */

.performance-merchandise
{
    border-top: 2px solid #EFEFEF;
    padding: 5px 0;
    display: inline-block;
    margin-bottom: 10px;
}

.performance-merchandise .merchandise-information
{
       float: left;
       width: 220px;
       margin-left: 5px;
       font-size: 11px;
       padding: 0 5px;
}

.performance-merchandise .merchandise-controls
{
    display: inline-block;
    width: 150px;   
    padding: 5px;
    background-color: #EFEFEF;
}

.performance-merchandise .merchandise-controls .price-range
{
        margin: 5px 5px 10px;
}

.performance-merchandise .merchandise-controls select,
.performance-merchandise .merchandise-controls input
{
    font-size: 11px;
    width: 150px;
    margin: 1px 0;
}

.performance-merchandise .merchandise-controls #quantity
{
    width: 148px;   
}

.performance-merchandise .merchandise-information .merchandise-title
{
    font-size: 15px; 
}

.performance-merchandise .merchandise-information .merchandise-description
{
    min-height: 0;   
    padding: 5px;
}

.performance-merchandise .merchandise-thumbnail
{
    float: left;
    width: 70px;
    min-height: 50px;   
}

.performance-merchandise .merchandise-thumbnail img
{
    max-width: 70px;
    height: auto;   
}

.performance-merchandise .merchandise-buttons
{
    margin: 15px 0 5px;   
}