/**
 * @file        list.css
 * @description Styles for item list, slideshow, item page, and serial item list (if applicable)
*/

/**
 * @section GENERAL ITEM STYLES
*/
.item {
    clear: both;
    float: left;
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 100%;
}

.item .media,
.item .mediaviewer-container.slideshow-enabled {
    float: left;
    margin: 0 10px 10px 0;
}

.item .item-text {
    line-height: 1.4;
}

.item .item-text p {
    margin-bottom: 10px;
}

.item .item-text .body {
    margin-bottom: 20px;
}

.item .item-text .footer {
    clear: none;
    margin-bottom: 10px;
}

.item .item-text .photo-credits {
    margin-bottom: 10px;
}

.item .item-text .keywords {
    clear: none;
    margin-top: 10px;
}

.item .list-backto {
    font: bold 11px Arial,Helvetica,sans-serif;
    white-space: nowrap;
}

/* Special Migrated Content */
.item .item-text .item-image-group {
    border-bottom: 1px solid #e0e0e0;
    clear: both;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

.item .item-text .item-image-group img {
    float: left;
    margin: 0 10px 10px 0;
}


/**
 * @section GENERAL LIST STYLES
*/
.list-body {
    margin-bottom: 20px;
}

.list .intro {
    float: left;
    margin-bottom: 7px;
}

.list .intro .media {
    float: left;
    margin: 0 10px 10px 0;
}

.list .intro-text {
    line-height: 1.4;
}

.list .intro-text .content-headline {
    color: #444;
    font-size: 12px;
    text-transform: uppercase;
}

.list .intro-text p {
    margin-bottom: 10px;
}

.list #items-container {
    clear: both;
    float: left;
    margin-bottom: 17px;
}

.list-supporting {
    clear: both;
}

.cr-item + .list-supporting {
    margin-top: 10px;
}

.list-supporting .footer .text p {
    margin-bottom: 10px;
}

/* List Item */
.list .item .content-headline {
    color: #444;
    font-size: 20px;
}


/**
 * @section LIST TYPE A (ITEM LIST)
*/
/* List */
.listA #items-container {
    width: 100%;
}

/* Item */
.listA .item {
    border-bottom: 1px solid #e0e0e0;
}

.listA .item .item-text {
    overflow: hidden;
}

.listA .item .item-text .lead-introduction,
.listA .item .item-text .lead-introduction .lead {
    display: inline;
}

.listA .item .item-text .detail {
    display: inline;
    font: bold 11px Arial,Helvetica,sans-serif;
    text-transform: lowercase;
    white-space: nowrap;
}

.listA .item .list-backto {
    text-transform: lowercase;
}

.listA .item .list-backto:before {
    content: "\00ab\00a0";
}

/* rating and comments */
.listA .item .cr-item {
    margin-top: 7px;
}

.listA .item .rate > span {
    display: none;
}

.listA .item .totalCommentsshort {
    float: right;
    font: bold 11px Arial,Helvetica,sans-serif;
    text-transform: lowercase;
}


/**
 * @section LIST TYPE C (SLIDESHOW)
*/
.listC #items-container {
    position: relative;
}

.editlink {
    display: none;
}

.disabled {
    opacity: .4;
}

html.slideshow-showinitial-true #items-container .item {
    display: block;
}

html.slideshow-showinitial-false #items-container .item {
    display: none;
}


/* Slideshow Intro Page */
.listC .intro-container {
    position: absolute;
    left: -9999px;
}

.listC .list-supporting .footer + .intro-container .intro {
    margin-top: 20px;
}

html.slideshow-showintro-true .intro-container {
    position: relative;
    left: 0;
}

html.slideshow-hasintro-true #items-container,
html.slideshow-hasintro-true .cr-item {
    position: absolute;
    left: -9999px;
}

html.slideshow-hasintro-true .intro-container {
    position: relative;
    left: auto;
}

.listC .intro .list-view-slideshow {
    background: url(/css/i/slide/slideshow-view-btn.gif) no-repeat;
    cursor: pointer;
    display: block;
    margin-bottom: 15px;
    overflow: hidden;
    text-indent: -9999px;
    width: 133px;
    height: 20px;
}

.listC .intro .list-view-slideshow:hover {
    background-position: 0 -20px;
}

.listC .list-backto {
    color: #137095;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    text-align: right;
    text-transform: lowercase;
}

.listC .list-backto:hover {
    text-decoration: underline;
}

.listC .list-backto:before {
    content: "\2039\2039  "
}

.listC .intro .media {
    float: right;
    margin: 0 0 10px 10px;
}


/* Slide Item */
.listC .items {
    overflow: hidden;
    margin-bottom: 17px;
    position: relative;
    width: 630px; /* width: image area width */
    height: 380px; /* height: slideshow height, less top + btm ctrl bars*/
}

.listC .item {
    float: none;
    margin: 0;
    padding: 20px 0 0;
}

.listC .item .item-inner {
    float: right;
    font-size: 12px;
    width: 265px;
    height: 360px;
}

/* slide photo & caption */
.listC .item .media {
    float: left;
    margin: 0 15px 0 10px;
    overflow: hidden;
    width: 340px;
    height: 360px;
}

.listC .item .media .photo {
    text-align: center;
}

.listC .item .mediaviewer-container.slideshow-enabled {
    float: left;
    margin: 0 15px 0 10px;
}

.listC .item .mediaviewer-container.slideshow-enabled .media {
    margin: 0;
}

/*
.listC .item .media .caption {
    background-color: #000;
    color: #fff;
    font: 11px Arial,Helvetica,sans-serif;
    margin: 0;
    opacity: .7;
    padding: 6px 10px;
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 320px;
}
*/

/* Interstitial Ad */
.slideshow-advertisement-note {
    color: #b2b3b2;
    font: 10px Arial,Helvetica,sans-serif;
    letter-spacing: .4px;
    position: absolute;
    top: 40px;
    left: 160px;
    text-transform: uppercase;
}

.slideshow-view-larger-container .slideshow-advertisement-note {
    top: 85px;
    left: 310px;
}

.slideshow-continue {
    font-size: 9px;
    position: absolute;
    top: 320px;
    text-align: center;
    text-transform: uppercase;
    width: 630px;
}

a.slideshow-continue-link {
    border: 1px solid #cacaca;
    display: block;
    font-weight: bold;
    font-size: 10px;
    margin: 8px auto 0;
    padding: 5px 0 2px;
    width: 146px;
}

a.slideshow-continue-link:hover {
    background-color: #e0e0e0;
}

.slideshow-view-larger-container .slideshow-continue {
    top: 355px;
    width: 917px;
}

.slideshow-dartinterstitial {
    border: 0;
    overflow: hidden;
    position: absolute;
    top: 60px;
    left: 160px;
    width: 300px;
    height: 250px;
}

.slideshow-view-larger-container .slideshow-dartinterstitial {
    top: 100px;
    left: 311px;
}


/* Loading */
.slideshow-loading {
    background: url(/css/i/slide/slideshow-nav.png) no-repeat;
    opacity: .85;
    position: absolute;
    top: 0;
    left: 0;
    width: 630px;
    height: 24px;
}

.slideshow-loading-message {
    background: #fff url(/css/i/global/loader.gif) no-repeat center 30px;
    border: 5px solid #f6f5f4;
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .25);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .25);
    font: bold 11px Arial, Helvetica, sans-serif;
    padding: 10px;
    position: absolute;
    top: 140px;
    left: 252px;
    text-align: center;
    text-transform: uppercase;
    min-height: 35px;
}


/* Control Bar */
.control-bar {
    font: 9px Arial,Helvetica,sans-serif;
    position: relative;
    text-indent: -9999px;
    text-transform: uppercase;
    width: 630px;
    height: 24px;
    z-index: 1;
}

#show-header {
    background: url(/css/i/slide/slideshow-nav.png) 0 0 no-repeat;
}

#show-footer {
    background: url(/css/i/slide/slideshow-nav.png) 0 -24px no-repeat;
    clear: both;
    margin-top: 13px;
}

.control-bar a {
    background: url(/css/i/slide/slideshow-nav.png);
    cursor: pointer;
    display: block;
    float: left;
    height: 24px;
}

.control-bar .count {
    line-height: 25px;
    position: absolute;
    right: 54px;
    text-align: center;
    text-indent: 0;
    width: 58px;
}

/* play slider */
.slideshow-play-slider-container {
    background: url(/css/i/slide/slideshow-nav.png) no-repeat;
    border-right: 1px solid #cacaca;
    float: left;
    padding: 0 70px 0 6px;
    position: relative;
    height: 24px;
}

#show-footer .slideshow-play-slider-container {
    background-position: 100% -192px;
}

.slideshow-play-slider {
    width: 65px;
}

.slideshow-play-time {
    line-height: 25px;
    position: absolute;
    right: 6px;
    text-indent: 0;
}

.slideshow-play-slider-container .ui-slider {
    background: #444;
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    top: 10px;
    text-decoration: none;
    width: 65px;
    height: 3px;
}

.slideshow-play-slider-container .ui-slider-handle {
    background: url(/css/i/slide/slideshow-nav.png) no-repeat -429px -144px;
    display: block;
    margin-left: -5px;
    padding: 0;
    position: absolute;
    top: -3px;
    text-decoration: none;
    width: 10px;
    height: 11px;
    z-index: 2;
}


/* buttons */
.control-bar a {
    overflow: hidden;
}

/* start */
.control-bar .start a {
    background-position: -1px -48px;
    width: 51px;
}

.control-bar .start a:hover {
    background-position: -1px -72px;
}

#show-footer .start a {
    background-position: -1px -96px;
}

#show-footer .start a:hover {
    background-position: -1px -120px;
}

/* stop */
.control-bar .stop {
    display: none;
}

.control-bar .stop a {
    background-position: -260px -48px;
    width: 52px;
}

.control-bar .stop a:hover {
    background-position: -260px -72px;
}

#show-footer .stop a {
    background-position: -260px -96px;
}

#show-footer .stop a:hover {
    background-position: -260px -120px;
}

/* view larger */
.control-bar .viewlarger a {
    background-position: -52px -48px;
    width: 77px;
}

.control-bar .viewlarger a:hover {
    background-position: -52px -72px;
}

#show-footer .viewlarger a {
    background-position: -52px -96px;
}

#show-footer .viewlarger a:hover {
    background-position: -52px -120px;
}

/* view all */
.control-bar .viewall a {
    background-position: -129px -48px;
    width: 131px;
}

.control-bar .viewall a:hover,
.control-bar .viewall a.slideshow-navigation-viewall-visible {
    background-position: -129px -72px;
}

#show-footer .viewall a {
    background-position: -129px -96px;
}

#show-footer .viewall a:hover,
#show-footer .viewall a.slideshow-navigation-viewall-visible {
    background-position: -129px -120px;
}

/* previous */
.control-bar .previous a {
    background-position: -441px -48px;
    position: absolute;
    top: 0;
    right: 112px;
    width: 77px;
}

.control-bar .previous a:hover {
    background-position: -441px -72px;
}

#show-footer .previous a {
    background-position: -441px -96px;
}

#show-footer .previous a:hover {
    background-position: -441px -120px;
}

/* next */
.control-bar .next a {
    background-position: -575px -48px;
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
}

.control-bar .next a:hover {
    background-position: -575px -72px;
}

#show-footer .next a {
    background-position: -575px -96px;
}

#show-footer .next a:hover {
    background-position: -575px -120px;
}


/* JScrollPane */
.jScrollPaneContainer {
    outline: 0;
    overflow: hidden;
    position: relative;
    height: 400px;
    z-index: 1;
}

.jScrollPaneTrack {
    background: url(/css/i/slide/slideshow-scrollbars.gif) repeat-y -14px 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}

.jScrollPaneDrag {
    background: url(/css/i/slide/slideshow-scrollbars.gif) no-repeat 0 50%;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
}

.jScrollPaneDragTop {
    background: url(/css/i/slide/slideshow-scrollbars.gif) no-repeat -56px 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
}

.jScrollPaneDragBottom {
    background: url(/css/i/slide/slideshow-scrollbars.gif) no-repeat -70px 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
}

a.jScrollArrowUp {
    background: url(/css/i/slide/slideshow-scrollbars.gif) no-repeat -28px 0;
    display: block;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    text-indent: -9999px;
    height: 14px;
    z-index: 1;
}

a.jScrollArrowUp:hover {
    background-position: -28px -14px;
}

a.jScrollArrowUp:active {
    background-position: -28px -28px;
}

a.jScrollArrowUp.disabled {
    background-position: -28px -42px;
    opacity: 1;
}

a.jScrollArrowDown {
    background: url(/css/i/slide/slideshow-scrollbars.gif) no-repeat -42px 0;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 14px;
    text-indent: -9999px;
    z-index: 1;
}

a.jScrollArrowDown:hover {
    background-position: -42px -14px;
}

a.jScrollArrowDown:active {
    background-position: -42px -28px;
}

a.jScrollArrowDown.disabled {
    background-position: -42px -42px;
    opacity: 1;
}

/* Carousel */
.jcarousel-container {
    clear: both;
    position: relative;
    width: 630px; /* change to width of entire slideshow player */
}

.jcarousel-clip {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 2;
}

.jcarousel-list {
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

.jcarousel-skin-default .jcarousel-container-horizontal {
    padding: 0 33px; /* change - design l/r padding */
    width: 564px; /* change - total width minus padding */
}

.jcarousel-skin-default .jcarousel-clip-horizontal {
    width: 564px; /* width: container width above */
    height: 100px; /* height: from top of thumb to btm of number */
}

.jcarousel-skin-default .jcarousel-item-horizontal {
    margin: 0;
}

.jcarousel-skin-default .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/* thumbs */
.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* width and height must be set explicitly */
    width: 86px; /* change - dimension from left edge to left edge - entire item */
    height: 105px; /* change - ? */
}

.jcarousel-list li a {
    border: 2px solid #fff;
    background: #fff;
    display: block;
    padding: 1px;
    text-align: center;
    width: 80px;
    height: 80px;
}

.jcarousel-list li a:hover,
.jcarousel-list .active a {
    border-color: #bdc0b6;
}

.jcarousel-item img {
    opacity: .4;
}

.slideshow-navigation-carousel .active img,
.slideshow-navigation-carousel .active a {
    cursor: default;
}

.slideshow-carousel a:hover img,
.slideshow-navigation-carousel a:hover img,
.slideshow-navigation-carousel .active img {
    opacity: 1;
}

.slideshow-carousel li span,
.slideshow-navigation-carousel li span {
    color: #444;
    display: block;
    font: bold 11px Arial,Helvetica,sans-serif;
    text-align: center;
    width: 86px; /* thumb width + borders */
}

.jcarousel-skin-default .jcarousel-item {
    width: 94px; /* width:  thumb width + borders + right margin */
    height: 100px; /* height:  thumb height + borders + thumb number */
}


/* previous/next */
.jcarousel-next {
    display: none;
    z-index: 3;
}

.jcarousel-previous {
    display: none;
    z-index: 3;
}

.jcarousel-skin-default .jcarousel-next-horizontal {
    background: url(/css/i/slide/slideshow-nav.png) no-repeat -101px -216px;
    cursor: pointer;
    position: absolute;
    right: 8px; /* change - design */
    bottom: 18px;
    width: 12px;
    height: 30px;
}

.jcarousel-skin-default .jcarousel-next-horizontal:hover {
    background-position: -126px -216px;
}

.jcarousel-skin-default .jcarousel-next-disabled-horizontal,
.jcarousel-skin-default .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-default .jcarousel-next-disabled-horizontal:active {
    background-position: -176px -216px;
    cursor: default;
}

.jcarousel-skin-default .jcarousel-prev-horizontal {
    background: url(/css/i/slide/slideshow-nav.png) no-repeat -1px -216px;
    cursor: pointer;
    position: absolute;
    bottom: 18px;
    left: 8px; /* change - design */
    width: 12px;
    height: 30px;
}

.jcarousel-skin-default .jcarousel-prev-horizontal:hover {
    background-position: -26px -216px;
}

.jcarousel-skin-default .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-default .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-default .jcarousel-prev-disabled-horizontal:active {
    background-position: -76px -216px;
    cursor: default;
}


/* View All Thumbnails */
.slideshow-viewall-container {
    background: #fff;
    margin-left: 0;
    padding-top: 43px; /* for close button */
    position: absolute;
    bottom: 24px;
    left: -9999px;
    z-index: 10011;
}

.slideshow-viewall-content {
    overflow: auto;
    width: 630px; /* width of entire player */
    height: 457px; /* change */
}

.slideshow-has-navigation-carousel .slideshow-viewall-content {
    height: 467px; /* height: above height + carousel height */
}

.slideshow-viewall-container ol {
    list-style: none;
    margin: 0;
}

/* close button */
.slideshow-viewall-close {
    background: url(/css/i/slide/slideshow-nav.png) no-repeat 0 -144px;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 34px;
    text-indent: -9999px;
    width: 51px;
    height: 19px;
    z-index: 10012;
}

.slideshow-viewall-close:hover {
    background-position: -52px -144px;
}


/* thumbs */
.slideshow-viewall-container li {
    cursor: pointer;
    float: left;
    margin: 0 7px 28px;
    height: 100px;
}

.slideshow-navigation-viewall {
    float: left;
}

.slideshow-navigation-viewall li span {
    color: #444;
    display: block;
    font: bold 11px Arial,Helvetica,sans-serif;
    text-align: center;
}

.slideshow-navigation-viewall li a {
    border: 2px solid #fff;
    display: block;
    padding: 1px;
    text-align: center;
    width: 80px;    /* width & height: image dimensions */
    height: 80px;
}

.slideshow-navigation-viewall li.active a,
.slideshow-navigation-viewall li a:hover {
    border-color: #bdc0b6; /* change color per design */
}

.slideshow-navigation-viewall .active img {
    background: #fff;
    cursor: default;
}


/* Image List and Show All */
.slideshow-navigation-list,
.list-body .thumbnails {
    border-top: 1px solid #cacaca;
    float: left;
    list-style: none;
    padding-left: 3px;
    width: 627px;
}

.list-body .thumbnails {
    border-bottom: 1px solid #cacaca;
    margin-bottom: 20px;
}

.slideshow-navigation-list li,
.list-body .thumbnails li {
    float: left;
    margin: 8px;
}

.slideshow-navigation-list li a,
.list-body .thumbnails li a {
    border: 2px solid #fff;
    display: block;
    padding: 1px;
    text-align: center;
    width: 80px;
    height: 80px;
}

.slideshow-navigation-list li a {
    opacity: .4;
}

.slideshow-navigation-list li.active a,
.slideshow-navigation-list li a:hover,
.list-body .thumbnails li a:hover {
    border-color: #bdc0b6;
    opacity: 1;
}


/* Enlarged View */
.slideshow-view-larger-overlay {
    background: #000;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9000000;
}

.slideshow-view-larger-container {
    background: #fff;
    padding-top: 78px;
    position: absolute;
    height: 740px;
    z-index: 9000001;
}

.slideshow-view-larger-container h1 {
    font-weight: normal;
    font-size: 30px;
    line-height: 1;
    padding-right: 104px;
    position: absolute;
    top: 15px;
    left: 36px;
    width: 813px;
}

/* instructions and close buttons */
.slideshow-view-larger-instructions-trigger {
    background: url(i/slide/slideshow-nav.png) no-repeat -357px -144px;
    cursor: pointer;
    display: none;
    position: absolute;
    top: 19px;
    right: 94px;
    text-indent: -9999px;
    width: 18px;
    height: 19px;
}

.slideshow-view-larger-instructions-trigger:hover {
    background-position: -375px -144px;
}

.slideshow-view-larger-close {
    background: url(/css/i/slide/slideshow-nav.png) no-repeat 0 -144px;
    cursor: pointer;
    position: absolute;
    top: 19px;
    right: 37px;
    text-indent: -9999px;
    width: 51px;
    height: 19px;
    z-index: 9000004;
}

.slideshow-view-larger-close:hover {
    background-position: -52px -144px;
}

/* instructions pop up */
.slideshow-view-larger-instructions {
    background: #fff;
    border: 5px solid #f6f5f4;
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, .25);
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, .25);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .25);
    font: 11px Arial, Helvetica, sans-serif;
    padding: 10px;
    position: absolute;
    top: 292px;
    left: 380px;
    z-index: 9000004;
}

.slideshow-view-larger-instructions strong {
    display: block;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.slideshow-view-larger-instructions-close {
    background: url(/css/i/slide/slideshow-nav.png) no-repeat -297px -144px;
    cursor: pointer;
    position: absolute;
    top: -3px;
    right: -3px;
    text-indent: -9999px;
    width: 15px;
    height: 17px;
    z-index: 9000005;
}

.slideshow-view-larger-instructions-close:hover {
    background-position: -312px -144px;
}


/* navigation */
.slideshow-view-larger-previous,
.slideshow-view-larger-next {
    background: url(/css/i/slide/slideshow-nav.png) no-repeat;
    cursor: pointer;
    position: absolute;
    top: 350px;
    width: 18px;
    height: 44px;
}

.slideshow-view-larger-previous {
    background-position: -281px -216px;
    left: 10px;
}

.slideshow-view-larger-previous:hover {
    background-position: -317px -216px;
}

.slideshow-view-larger-next {
    background-position: -426px -216px;
    right: 10px;
}

.slideshow-view-larger-next:hover {
    background-position: -462px -216px;
}

/*
    slide

    itemB: runway-size images (460x680)
*/
.slideshow-view-larger-container .slideshow-items {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 78px;
    left: 36px;
    width: 917px;
    height: 700px;
}

.slideshow-view-larger-container .item {
    float: none;
    margin: 0;
    padding-left: 690px;
    position: absolute;
    top: 0;
    left: 0;
    width: 227px;
    height: 680px;
}

.slideshow-view-larger-container .itemB {
    padding-left: 470px;
    width: 447px;
}

.slideshow-view-larger-container .item .item-inner {
    width: 227px;
    height: 680px;
}

.slideshow-view-larger-container .itemB .item-inner {
    width: 447px;
}

.slideshow-view-larger-container .item .item-text {
    float: none; /* ie6 needs float:none - absolute next to float bug */
}

.slideshow-view-larger-container .item .media {
    float: none;
    margin: 0 10px 0 0;
    position: absolute;
    top: 20px;
    left: 0;
    width: 680px;
    height: 680px;
}

.slideshow-view-larger-container .itemB .media {
    width: 460px;
}

.slideshow-view-larger-container .item .media .caption {
    width: 680px;
}

.slideshow-view-larger-container .itemB .media .caption {
    width: 460px;
}


/* view larger controls */
.slideshow-view-larger-util {
    background: url(/css/i/slide/slideshow-nav.png) repeat-x center top;
    font: 9px Arial,Helvetica,sans-serif;
    position: absolute;
    top: 54px;
    left: 36px;
    text-transform: uppercase;
    width: 917px;
    height: 24px;
}

.slideshow-view-larger-util .slideshow-control-forward,
.slideshow-view-larger-util .slideshow-control-backward,
.slideshow-view-larger-util .slideshow-control-play,
.slideshow-view-larger-util .slideshow-control-stop {
    background: url(/css/i/slide/slideshow-nav.png);
    cursor: pointer;
    text-indent: -9999px;
    height: 24px;
}

.slideshow-view-larger-util .slideshow-control-forward {
    background-position: -575px -48px;
    position: absolute;
    top: 0;
    right: 0;
    width: 54px;
}

.slideshow-view-larger-util .slideshow-control-forward:hover {
    background-position: -575px -72px;
}

.slideshow-view-larger-util .slideshow-control-backward {
    background-position: -441px -48px;
    position: absolute;
    top: 0;
    right: 112px;
    width: 77px;
}

.slideshow-view-larger-util .slideshow-control-backward:hover {
    background-position: -441px -72px;
}

.slideshow-view-larger-util .slideshow-control-play,
.slideshow-view-larger-util .slideshow-control-stop {
    position: absolute;
}

.slideshow-view-larger-util .slideshow-control-play {
    background-position: -1px -48px;
    top: 0;
    left: 0;
    width: 52px;
}

.slideshow-view-larger-util .slideshow-control-play:hover {
    background-position: -1px -72px;
}

.slideshow-view-larger-util .slideshow-control-stop {
    background-position: -260px -48px;
    display: none;
    top: 0;
    left: 0;
    width: 60px;
}

.slideshow-view-larger-util .slideshow-control-stop:hover {
    background-position: -260px -72px;
}

.slideshow-view-larger-container .slideshow-play-slider-container {
    border-right: 1px solid #cacaca;
    position: absolute;
    top: 0;
    left: 51px;
    z-index: 9000006;
}

.slideshow-view-larger-container .count {
    line-height: 25px;
    position: absolute;
    top: 0;
    right: 54px;
    text-align: center;
    width: 58px;
}


/* Consumer Marketing Slide */
#slideshow-cm-container {
    display: none;
    position: relative;
    margin-top: 20px;
    width: 630px;
    height: 360px;
}

#slideshow-cm-subsoffer {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    width: 300px;
    height: 360px;
}

#slideshow-cm-subsoffer img {
    margin-top: 11px;
}

#slideshow-cm-extra {
    position: absolute;
    top: 0;
    right: 0;
    width: 320px;
    height: 360px;
}


/* enlarged view */
.slideshow-view-larger-container #slideshow-cm-container {
    width: 915px;
    height: 700px;
}

.slideshow-view-larger-container #slideshow-cm-subsoffer {
    float: left;
    position: static;
    width: 575px;
    height: 700px;
}

.slideshow-view-larger-container #slideshow-cm-extra {
    float: right;
    position: static;
    width: 339px;
    height: 700px;
}

.slideshow-view-larger-container #slideshow-cm-replay {
    display: none;
}

/* cm utils - note some of these styles are to override the defaults in global.css for regular utility links */
#slideshow-cm-sharing {
    float: left;
    width: 100%;
}

#slideshow-cm-sharing ul.utilities {
    float: left;
    margin-top: 11px;
}

#slideshow-cm-sharing ul.utilities li a,
#slideshow-cm-sharing .slideshow-replay a {
    background: url(/css/i/slide/slideshow-shareicons.gif) no-repeat;
    border: 0;
    margin-left: 5px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 98px;
    height: 33px;
}

.slideshow-view-larger-container #slideshow-cm-sharing ul.utilities li a {
    margin-left: 11px;
}

#slideshow-cm-sharing ul.utilities li.utility-email a {
    background-position: -1px 0;
}

#slideshow-cm-sharing ul.utilities li.utility-email a:hover {
    background-position: -1px -32px;
}

#slideshow-cm-sharing ul.utilities li.utility-share a {
    background-position: -99px 0;
}

#slideshow-cm-sharing ul.utilities li.utility-share a:hover {
    background-position: -99px -32px;
}

#slideshow-cm-sharing .slideshow-replay {
    position: absolute;
    top: 11px;
    right: 10px;
}

#slideshow-cm-sharing .slideshow-replay a {
    background-position: -198px 0;
    display: block;
}

#slideshow-cm-sharing .slideshow-replay a:hover {
    background-position: -198px -32px;
}

/* cm features (position 6) */
#slideshow-cm-feature {
    clear: both;
    float: left;
    margin: 12px 13px 0 7px;
    width: 300px;
}