@import "reset.css";
@import "layout.css";
@import "typesetting.css";
/*
	Boston Ballet Master CSS
	
	Please keep typesetting and layout CSS definitions in
	their respective files.
*/

body {
	background: #555 url(../images/site-bg.jpg) center repeat-y; 
}

ul.bulleted li { background: url(../images/list-bullet.gif) no-repeat 0 6px; }

/*
 * Header Style
 */
#header li.cart-summary { background: #393939; }
#site-search { background: #000; border: 1px solid #979797; }

/*
 * Main Content Area Style
 */
#main .aside .section-links li { border-top: 1px solid #393939; }
#main .aside .section-links li.last { border-bottom: 1px solid #393939; }

#inner-two-col, #inner-one-col { background: #f0f0f0; }
#inner-one-col .divider, 
#inner-two-col .divider,
#main .aside .divider  { border-bottom: 1px solid #e8e8e8; }
#inner-two-col .nav .divider { background: #bbb; }
#inner-two-col .nav ul.nav-level-2 li { background: url(../images/nav-bullet.gif) 0 6px no-repeat; }
#inner-two-col .nav ul.nav-level-2 li.current { background: url(../images/nav-bullet-red.gif) 0 6px no-repeat; }

#inner-two-col{min-height:400px; height:auto !important; height:400px;}
#main .content-area ul li.secondary-bar { background: #ba3538; }
#main .content-area ul li.secondary-bar-utility { background: #393939; }
#main .content-area ul li.secondary-bar-green { background: #92B54B; }
#main .content-area ul li.secondary-bar-orange { background: #d99315; }
#main .content-area ul li.secondary-bar-giftshop { background: #c49bc6; }

.content-cell { background: #fff; border: 1px solid #dcdcdc; }
.content-cell li.title { border-bottom: 1px solid #dcdcdc; }
.content-cell li.action { background: #7ac0dd; }
.content-cell-2 li.title { border: none; background: #cad9df; }
.content-cell-2 { background: #deeff5; }
/*.divider { background: #e8e8e8; } */


/*
 * Ticketing Styles
 */
#main .tickets-landing-layout .listing { border: 1px solid #dcdcdc; }
#main .tickets-landing-layout .listing .header { border-bottom: 1px solid #dcdcdc; }
#main .tickets-landing-layout .listing .ballets .divider { border-bottom: 1px dotted #dcdcdc; background: none; } 
a.ticketing-bullet { background: url(../images/ticketing-bullet.jpg) 0 4px no-repeat; }
a.ticketing-bullet-white { background: url(../images/nav-bullet-white.gif) 0 4px no-repeat; }
#view-tabs { border-bottom: 1px solid #dcdcdc; }
#view-tabs li { background: #cbcbcb; border: 1px solid #dcdcdc; }
#view-tabs li.active { background: #f0f0f0; border-bottom: none; }
#main .view-tabs-content {  }
#main .view-tabs-content li.divider { border-bottom: 1px dotted #dcdcdc; background: none; }

#main #ballet-details li.ballet-background { background: #a1a1a1; }
#ballet-details, #ballet-background, #video { border: 1px solid #dcdcdc; border-top: none; }
#ballet-details .repertory-info { border-right: 1px solid #e2e2e2; }
#ballet-details .repertory-info .run-time { border-bottom: 1px solid #e2e2e2; }
#ballet-details .repertory-info .repertory { border-bottom: 1px dotted #e2e2e2;  }
#ballet-details .schedule { background: #e2e2e2; }
#ballet-details .schedule li.header,
#ballet-details .schedule tr.even  { background: #f0f0f0; }

#single-product .ballet-summary { border-top: 1px solid #ba3538; }
#single-product .ticketing-options { background: #fff; border: 1px solid #cbcbcb; }
#single-product .select-tickets, #single-product .seating-chart,
#section-subs .options-layout .form ul li.header { background: #a1a1a1; }
#single-product .wang-theater { border-left: 1px solid #ececec; border-bottom: 1px solid #ececec; }
#single-product .wang-theater .enlarge { border-top: 1px solid #ececec; }
#single-product .sku-options table td { border-bottom: 1px dotted #cbcbcb; }


#single-product .sku-options .section-a { background: #feeeec; } 
#single-product .sku-options .section-b { background: #f0f9fa; }
#single-product .sku-options .section-c { background: #f9fcfc; }
a.zoom { background: url(../images/zoom.gif) 0 0 no-repeat; }

#section-subs p.package { border-bottom: 1px solid #dcdcdc; }
#section-subs .season-listing { border: 1px solid #dcdcdc; }
#section-subs .season-listing .divider { border-bottom: 1px dotted #dcdcdc; background: none; }
#section-subs .options-layout .note { background: url(../images/note-bracket.gif) 0 3px no-repeat; }
#section-subs .options-layout .choose-package .package { border-bottom: 1px solid #dcdcdc; }
#section-subs .options-layout .choose-series .series-options li.week { border-left: 1px solid #dcdcdc; } 
#section-subs .options-layout .choose-series { border-bottom: 1px solid #dcdcdc; }

#main .modal-note { background: #555555; }
#main .modal-note .modal-content { background: #fff; }

/*
 * Nutcracker Styles
 */

#nutcracker #ballet-details li.details .rep-notes { border-right: 1px solid #e2e2e2; }
#nutcracker #ballet-details li.details .description { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; }
#nutcracker #ballet-details li.calendar .popup { background: #fff; border: 2px solid #a1a1a1; }
#nutcracker #ballet-details li.calendar .popup .anchor { background: url(../images/cal-pop-up.gif) no-repeat; }
#nutcracker #ballet-details .calendar-row { border-left: 1px solid #a1a1a1; }
#nutcracker #ballet-details .calendar-row li { background: #fff; border: 1px solid #a1a1a1; border-top: none; border-left: none; }
#nutcracker #ballet-details .calendar-row li.empty { background: none; }

#nutcracker-calendar { border-collapse: collapse; border: 1px solid #a1a1a1; }
#nutcracker-calendar td.date-range { background: #a1a1a1; }
#nutcracker-calendar th { background: #ba3538; border-right: 1px solid #f1d7d7; }
#nutcracker-calendar th.last { border: none; }

/*
 * Checkout Styles
 */
.checkout-sign-in-nav { background: url(../images/checkout-breadcrumbs.gif) no-repeat 0 0; }
.checkout-shipping-nav { background: url(../images/checkout-breadcrumbs.gif) no-repeat 0 -20px; }
.checkout-payment-nav { background: url(../images/checkout-breadcrumbs.gif) no-repeat 0 -40px; }
.checkout-summary-nav { background: url(../images/checkout-breadcrumbs.gif) no-repeat 0 -60px; }

.checkout-school-plans-nav { background: url(../images/checkout-school-breadcrumbs.gif) no-repeat 0 0; }
.checkout-school-policies-nav { background: url(../images/checkout-school-breadcrumbs.gif) no-repeat 0 -20px; }
.checkout-school-payment-nav { background: url(../images/checkout-school-breadcrumbs.gif) no-repeat 0 -40px; }
.checkout-school-summary-nav { background: url(../images/checkout-school-breadcrumbs.gif) no-repeat 0 -60px; }

#cart-summary .cart-contents { background: #deeff5; }
#cart-summary .cart-contents .divider { background: #c1dfe9; }
#cart-summary .sub-title { background: #ababab; }
#cart-summary .sub-content { background: #dcdcdc; }

#summary-confirmation .cell-content .divider { background: #e8e8e8; }
#summary-confirmation .cell-content .cart-summary tr { background: #f0f0f0; }
#summary-confirmation .cell-content .cart-summary tr.alt { background: #fff;  }
#summary-confirmation .cell-content .totals { background: #d4ebf4; }
#summary-confirmation .cell-content .totals tr.grand-total td { border-top: 1px solid #a7d7ec; }
#summary-confirmation .actions { background: #e9e9e9; }


/*
 * Shopping Cart Styles
 */
#cart-layout .cart-section,
#cart-layout .seating-chart { border: 1px solid #dcdcdc; }
#cart-layout .cart-section .title,
#cart-layout .seating-chart .title { background: #a1a1a1; }
#cart-layout .cart-section .cart-table { background: #fff; }
#cart-layout .cart-section .cart-table th { background: #f0f0f0; }
#cart-layout .cart-section .cart-table th { border: 1px solid #fff; }
#cart-layout .cart-section .cart-table td { border: 1px solid #ececec; }
#cart-layout .cart-section .cart-table td.actions .divider { background: #ececec; }
#cart-layout .cart-section .cart-table tr.cart-item-expired { background: #ffe0e0; }
#cart-layout .promotion-total { background: #cae1ea; }
#cart-layout .cart-main .continue-checkout { background: #e0e0e0; }
#expired-ticket-warning { background: #FFF; display: none; }
.warning-text, .alert {background: url(../images/icon_warning_large.gif) no-repeat 10px 10px; padding: 10px 10px 20px 60px; font-size: 14px; font-weight: bold; color: #BA3538; }
.error-wrapper { border: 1px solid #e0e0e0; padding: 0 0 15px 0; }
/*
 * Account Management Styles
 */

#account #view-tabs li.locked { background: #CBCBCB url(../images/lock.gif) 106px 3px no-repeat; }
#account #view-tabs li.active { background: #fff; }
#account .view-tabs-content { background: #fff; }
#account-information div.change-password { background: #f2f2f2; }
#account-information, #addresses { border: 1px solid #dcdcdc; border-top: none; }
#account .view-tabs-content .action { background: #7ac0dd; }
#account .view-tabs-content .action .divider { background: #cce7f2; }
#account .form input { border: 1px solid #c2c1c1; }
#account .form-disabled div .view-only {  background: #e6f3f9; }
#parent-information .form div .view-only { display: block; background: #e6f3f9; height: 19px; line-height: 19px; float: none; }
/*
 * Footer Style
 */
#footer { border-top: 1px solid #393939; }

/*
 * Topmenu
 */

#topmenu li{float:left; height:28px;}

#topmenu1{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_01.gif) no-repeat top left; width:167px; height:28px; display:block; cursor:pointer;}
#topmenu1:hover{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_01.gif) no-repeat bottom left; width:167px; height:28px; display:block;}
#topmenuli1{  width:167px; height:28px; display:block; cursor:pointer;}
#topmenuli1:hover #topmenu1{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_01.gif) no-repeat bottom left; }

#topmenu2{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_02.gif) no-repeat top left; width:159px; height:28px; display:block; cursor:pointer;}
#topmenu2:hover{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_02.gif) no-repeat bottom left; width:159px; height:28px; display:block;}
#topmenuli2{ width:159px; height:28px; display:block; cursor:pointer;}
#topmenuli2:hover #topmenu2{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_02.gif) no-repeat bottom left; }


#topmenu3{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_03.gif) no-repeat top left; width:112px; height:28px; display:block; cursor:pointer;}
#topmenu3:hover{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_03.gif) no-repeat bottom left; width:112px; height:28px;   display:block;}
#topmenuli3{ width:112px; height:28px; display:block; cursor:pointer;}
#topmenuli3:hover #topmenu3{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_03.gif) no-repeat bottom left; }


#topmenu4{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_04.gif) no-repeat top left; width:98px; height:28px; display:block; cursor:pointer;}
#topmenu4:hover{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_04.gif) no-repeat bottom left; width:98px; height:28px; display:block;}
#topmenuli4{ width:98px; height:28px; display:block; cursor:pointer;}
#topmenuli4:hover #topmenu4{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_04.gif) no-repeat bottom left; }


#topmenu5{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_05.gif) no-repeat top left; width:140px; height:28px; display:block; cursor:pointer;}
#topmenu5:hover{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_05.gif) no-repeat bottom left; width:140px; height:28px; display:block;}
#topmenuli5{  width:140px; height:28px; display:block; cursor:pointer;}
#topmenuli5:hover #topmenu5{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_05.gif) no-repeat bottom left; }


#topmenu6{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_06.gif) no-repeat top left; width:112px; height:28px; display:block; cursor:pointer;}
#topmenu6:hover{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_06.gif) no-repeat bottom left; width:112px; height:28px; display:block;}
#topmenuli6{ width:112px; height:28px; display:block; cursor:pointer;}
#topmenuli6:hover #topmenu6{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_06.gif) no-repeat bottom left; }

#topmenu7{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_07.gif) no-repeat top left; width:132px; height:28px; display:block; cursor:pointer;}
#topmenu7:hover{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_07.gif) no-repeat bottom left; width:132px; height:28px; display:block;}
#topmenuli7{ width:132px; height:28px; display:block; cursor:pointer;}
#topmenuli7:hover #topmenu7{ background: url(https://www.bostonballet.org/uploadedImages/menu-sprite_07.gif) no-repeat bottom left; }

#topmenu li:hover ul.subtopmenu{z-index:1; display:block; margin-top:-5px; min-height:80px; height:auto !important; height:210px; padding:10px 0; }

#topmenu ul.subtopmenu { display:none; background: black; width:150px; z-index:1; padding-bottom:10px;}
.subtopmenu li { padding:4px 10px; margin:0; width:130px; height:15px; background: black;}
#topmenu .subtopmenu li a:link, #topmenu .subtopmenu li a:active, #topmenu .subtopmenu li a:visited{ color:White;display:block; }

#topmenu ul.subtopmenu li{height:auto !important;}