@charset "UTF-8";
/**
 * Start the spotlight style
 */
#spotlightContainer {
    position: relative;
    background: #000 url('/Images/Templates/All/Layout/spotlightBackground.png') no-repeat;
    color: #FFF;
    height: 255px;
    width: 782px;
}

#spotlightContainer a {
    color: #FFF;
}

#spotlightContents {
    float: left;
    width: 555px;
    z-index: 10;
}

.spotlightItem {
    position: absolute;
    top: 1px;
    right: 10px;
    float: left;
    width: 550px;
    height: 253px;
    overflow: hidden;
    z-index: 20;
}

.hiddenSpotlight {
    width: 5px;
    left: 560px;
}

.visibleSpotlight {
    width: 550px;
    left: 1px;
}

.spotlightTable {
    width: 550px;
    height: 253px;
}

.spotlightLeftCell {
    width: 300px;
    text-align: center;
}

#spotlightTabs {
    position: relative;
    background: #000 url('/Images/Templates/All/Layout/spotlightBackground.png') no-repeat 100% 0;
    height: 255px;
    width: 225px;
    float: right;
    z-index: 30;
    cursor: pointer;
}

.spotlightTabButton {
    margin: 5px 0;
}

.spotlightTabButton {
    background: transparent url('/Images/Templates/All/Layout/spotlightTabButtons_78px.png') no-repeat 100% 0;
    height: 78px;
    width: 219px;
    overflow: hidden;
}

.spotlightTabButton:hover, .spotlightTabCurrent {
    background-position: 0 -78px;
}

/**
 * These 3 styles are used to position the arrow at the current tab.
 */
.spotlightArrowTab0 {
    top: 35px;
}

.spotlightArrowTab1 {
    top: 118px;
}

.spotlightArrowTab2 {
    top: 201px;
}

#spotlightArrow {
    position: absolute;
    left: -16px;
    background: transparent url('/Images/Templates/All/Layout/spotlightCurrentArrow_19px.png') no-repeat;
    width: 16px;
    height: 19px;
}

.spotlightTabTitle {
    font-size: 20px;
    margin: 12px 0 8px 8px;
}

.twoLinesTabTitle {
    line-height: 20px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.spotlightTabText {
    margin: 0 8px;
}

.spotlightImage {
    background-repeat: no-repeat;
    background-color: transparent;
    width: 300px;
    height: 247px;
}

.pos1 {
    background-position: 0 0;
}

.pos2 {
    background-position: 0 247px;
}

.pos3 {
    background-position: 0 496px;
}