#product-bundle-header {
 background: #131017;
 color: #B8B8B8;
 font-size: 11px;
 padding: 10px 0 7px 20px;
 text-align: left;
}

#product-bundle-header h1 {margin-bottom:3px; font-size:14px; color:#fff;}

#product-bundle-header a:link, #product-bundle-header a:visited {color: #ccc;}

#product-bundle-header a:hover {color: #ccc;}

#custYes {
 margin-left: 8px;
}

#bundle-section h3 {
 padding-left: 8px;
 color: #fff;
}

#bundle-section {
 padding: 3px;
}

#bundle-section .bundle-section-label {
 margin: 4px 0;
}

#bundle-section .bundle-box {
	background-color: rgba(0, 0, 0, 0.2);
    border-radius: 4px 4px 4px 4px;
    float: left;
    font-size: 11px;
    margin: 5px 10px 10px 15px;
    padding: 10px;
	width: 44%;
}

#bundle-section .bundle-box .bundle-box-header {
 font-weight: bold;
 margin: 2px 0 2px 0;
}

#bundle-section .bundle-box .bundle-option {
 margin: 8px 0 4px 0;
}

#bundle-section .bundle-box .bundle-option-label {
 font-weight: bold;
}

#bundle-section .bundle-box .bundle-option .bundle-option-detail {
 margin: 0 0 0 16px;
}



#bundle-section .bundle-box .bundle-option .bundle-option-detail .bundle-option-modifier {
 margin: 4px 0 4px 0;
}

#bundle-section .bundle-box .bundle-option .bundle-option-detail .bundle-option-color-option {
 margin-top: 5px;
 margin-bottom: 10px;
}

#bundle-sub-section .bundle-box .roster {
 overflow: hidden;
}

#bundle-section .bundle-box .roster .player {
 margin: 6px 0;
}

#bundle-section .bundle-box .roster .player .label {
}

#bundle-section .bundle-box .roster .player .name {
}

#bundle-section .bundle-box .roster .player .number {
}

/**
 * Override the widths of the divs contained in the two
 * product columns so that the left column is now the wider
 * of the two.
 */
  
#prodVitals {
 width: 325px;
}

#gcPromo {
 width: 325px;
}

#itemReviews {
 width: 273px;
}

#itemDetails {
 width: 273px;
}

/**
 * Because the left-hand side column is now wider, we don't
 * need as much vertical space for the copy. Reduce.
 */
#prodCopy {
 height: 6em;
}

/**
 * Override the widths and styles of the tier pricing div to
 * integrate it into the team ordering layout.
 */

#tierPricing {
 display: block;
}

#tierPricing table {
 border: 0;
 /* width: 325px; */
 font-size: 11px;
 padding: 2px;
}

#tierPricing caption {
 background: #000;
 padding: 2px 0;
 color: #fff;
}

#tierPricing th {
 background: #555;
 color: #fff;
}

#tierPricing td {
 background: #ccc;
}

#tierPricing th, #tierPricing td {
 border-bottom: 1px solid #ddd;
}