/*--------------------------------------------------------------------------
Home Carousel Styles------------------------------------------------------*/
#carousel-container {
    position: relative;
    opacity: 0.0;
	height: 305px;
    filter:alpha(opacity=0); /* For IE8 and earlier */
}

#mainCarousel {
    width: 669px;
    height: 265px;
    float: left;
    overflow: hidden;
    position: relative;
    z-index: 200;
}

#secondary-carousel-container {
    float: left;
    width: 220px;
    position: relative;
    z-index: 100;
	/*top: 5px;*/
    top: 24px;
}

#main-carousel-top {
    /*background: url("Images/HomeCarousel/Background-Slider-Top.png") repeat scroll 0 0 transparent;*/
    display: block;
    height: 8px;
    overflow: hidden;
    position: relative;
    /*width: 685px;
    margin-left: -8px;*/
    width: 670px;
    background-color: #fefdfd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

#main-carousel-shadow {
    -ms-behavior: url(~/Scripts/PIE.htc);
    behavior: url(~/Scripts/PIE.htc);
    -webkit-box-shadow: 9px 16px 63px #000000;
    box-shadow: 9px 16px 63px #000000;
    z-index: 199;
    height: 272px;
    margin-left: 169px;
    margin-top: 16px;
    position: absolute;
    width: 500px;
}

#secondary-carousel {
    list-style: none;
    margin: 0;
    padding: 0;
}

    #secondary-carousel li {
        height: 135px;
        cursor: pointer;
    }

.secondary-carousel-item-content {
    display: block;
    height: 134px;
    position: relative;
    width: 225px;
}

.secondary-carousel-item-footer {
    /*background: url("Images/HomeCarousel/Background-Nav-Footer.png") repeat-x scroll 0 0 transparent;*/
    cursor: pointer;
    display: block;
    height: 24px;
    position: relative;
    top: -23px;
    width: 222px;
    background-color: #fefdfd;
}

    .secondary-carousel-item-footer:hover {
        background: url("Images/HomeCarousel/Background-Nav-Footer-Hover.png") repeat-x scroll 0 0 transparent;
        color: #ffffff;
    }

div.secondary-carousel-item-footer div.content {
    margin-left: 10px;
    padding-top: 4px;
}

    div.secondary-carousel-item-footer div.content sup
    {
        font-size: 7px;
        line-height: 5px;
        vertical-align: super;
        position: relative;
    }

#secondary-carousel-toparrow {
    background: url("Images/HomeCarousel/Icon-Arrow-Up.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 11px;
    margin: 0 auto;
    position: absolute;
    top: -10px;
    left: 100px;
    width: 23px;
    z-index: 400;
}

#secondary-carousel-toparrow:hover { background: url("Images/HomeCarousel/Icon-Arrow-Up-Hover.png") no-repeat scroll 0 0 transparent; }

#secondary-carousel-bottomarrow {
    background: url("Images/HomeCarousel/Icon-Arrow-Down.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    height: 11px;
    position: absolute;
    left: 100px;
    top: 300px;
    width: 23px;
    z-index: 400;
}

#secondary-carousel-bottomarrow:hover { background: url("Images/HomeCarousel/Icon-Arrow-Down-Hover.png") no-repeat scroll 0 0 transparent; }

#secondary-carousel-top {
    /*background: url("Images/HomeCarousel/Background-Nav-Top.png") no-repeat scroll -2px 0 transparent;*/
    display: block;
    height: 5px;
    margin-top: 12px;
    position: relative;
    width: 220px;
}

.carouselHolder {
    width: 669px;
    height: 265px;
}

.carouselHolderCoffee {
    width: 669px;
    height: 265px;
    background-image: url(../Content/images/all_things_coffee_large_badge.png);
}

#cta-see-fan-recipes { position: absolute; top: 95px; left: 45px; }
#cta-share-your-ideas { position: absolute; top: 95px; left: 250px; }
#cta-get-coffee-offers { position: absolute; top: 95px; left: 460px; }

#cta-try-em-out {
    position: absolute;
    top: 208px;
    left: 217px;
}

#cta-perfect-cup {
    position: absolute;
    top: 199px;
    right: 169px;
}

#carouselBarHolder {
    position: absolute;height: 35px;z-index: 5000;width: 669px;
    /*background-image: url(../Content/Images/HomeCarousel/bg_carouselBar.png);*/
    top: 270px;
    background-color: #fefdfd;
    margin-top: -5px;
    padding-top: 5px;
}

    .carouselBar {
        width: 669px;
        height: 35px;
        position: absolute;
        z-index: 0;
        display: none;
        margin-top: -5px;
        padding-top: 5px;
    }

        .carouselBar .carouselText {
            float: left;
            padding: 7px 0px 0px 12px;
        }

            .carouselBar .carouselText .carouselTitle {
                color: #E11F1F;
            }

    .carouselHolder img {
        display: block;
    }

    .carouselBar .carouselBadgeShare {
        /*position: absolute;top: 0px;left: 0px;z-index: 5000;*/
        float: right;
        margin: 7px 0px 0px 0px;
        width: 270px;
        opacity: 0.0;
        filter:alpha(opacity=0); /* For IE8 and earlier */

    }

#secondary-carousel-container div.jcarousel-container div.jcarousel-clip {
    height: 270px;
}

.jcarousel-clip-vertical {
    overflow: hidden;
}

/*------------------------------------------------------------------
Daypart Styles------------------------------------------------------*/
#dayPartContainer {
    z-index: 200;
    position: relative;
    width: 669px;
}

.daypart-callout {
    background-image: url(../Content/images/DayPart/time-of-day-callout-tile.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background: none;
    height: 183px;
    left: 17px;
    position: absolute;
    top: 47px;
    width: 634px;
}

.daypart-header {
    /*background-image: url(../Content/images/DayPart/time_of_day_header_tile.png);*/
    background-position: 0 0;
    background-repeat: no-repeat;
    height: 51px;
    left: -7px;
    position: absolute;
    top: 0;
    width: 684px;
    margin: 0;
    padding: 0;
    z-index: 1;
    background-color: #fff;
    border-top: 6px solid #f58220;
    height: 40px;
    width: 669px;
    left: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

    .daypart-header ul {
        /*margin-left: 8px;*/
        margin-top: 0px;
        padding: 0px;
        width: 684px;
    }

        .daypart-header ul li {
            cursor: pointer;
            display: inline-block;
            margin-right: -4px;
        }

            .daypart-header ul li.morning {
                background-image: url(../Content/images/DayPart/morning_default.png);
                background-repeat: no-repeat;
                height: 54px;
                width: 159px;
                margin-left: -5px;
            }

                .daypart-header ul li.morning.hover {
                    background-image: url(../Content/images/DayPart/morning_hover.png);
                }

                .daypart-header ul li.morning.selected {
                    background-image: url(../Content/images/DayPart/morning_selected.png);
                }

            .daypart-header ul li.afternoon {
                background-image: url(../Content/images/DayPart/afternoon_default.png);
                background-repeat: no-repeat;
                height: 54px;
                width: 116px;
            }

                .daypart-header ul li.afternoon.hover {
                    background-image: url(../Content/images/DayPart/afternoon_hover.png);
                }

                .daypart-header ul li.afternoon.selected {
                    background-image: url(../Content/images/DayPart/afternoon_selected.png);
                }

            .daypart-header ul li.late-afternoon {
                background-image: url(../Content/images/DayPart/late_afternoon_default.png);
                background-repeat: no-repeat;
                height: 54px;
                width: 129px;
            }

                .daypart-header ul li.late-afternoon.hover {
                    background-image: url(../Content/images/DayPart/late_afternoon_hover.png);
                }

                .daypart-header ul li.late-afternoon.selected {
                    background-image: url(../Content/images/DayPart/late_afternoon_selected.png);
                }

            .daypart-header ul li.evening {
                background-image: url(../Content/images/DayPart/evening_default.png);
                background-repeat: no-repeat;
                height: 54px;
                width: 121px;
            }

                .daypart-header ul li.evening.hover {
                    background-image: url(../Content/images/DayPart/evening_hover.png);
                }

                .daypart-header ul li.evening.selected {
                    background-image: url(../Content/images/DayPart/evening_selected.png);
                }

            .daypart-header ul li.late-night {
                background-image: url(../Content/images/DayPart/late_night_default.png);
                background-repeat: no-repeat;
                height: 54px;
                width: 154px;
                margin-left: 2px;
            }

                .daypart-header ul li.late-night.hover {
                    background-image: url(../Content/images/DayPart/late_night_hover.png);
                }

                .daypart-header ul li.late-night.selected {
                    background-image: url(../Content/images/DayPart/late_night_selected.png);
                }

.daypart-content {
    padding-top: 40px;
}

#daypart-carousel.jcarousel-list {
}

#daypart-carousel li.jcarousel-item {
    height: 160px;
    width: 173px !important;
    position: relative;
}

#daypart-time-of-day div.daypart-content div.jcarousel-skin-tango div.jcarousel-container {
    padding: 20px 40px;
    width: 525px;
}

    #daypart-time-of-day div.daypart-content div.jcarousel-skin-tango div.jcarousel-container div.jcarousel-clip {
        height: 160px;
        width: 525px;
        overflow: hidden;
        margin-left: 30px;
    }

        #daypart-time-of-day div.daypart-content div.jcarousel-skin-tango div.jcarousel-container div.jcarousel-clip ul#daypart-carousel.jcarousel-list li.jcarousel-item {
            height: 160px;
            width: 170px;
        }

        #daypart-time-of-day div.daypart-content div.jcarousel-skin-tango div.jcarousel-container div.jcarousel-clip ul#daypart-carousel.jcarousel-list li.jcarousel-item-horizontal {
            margin-left: 0;
            text-align: center;
        }

    #daypart-time-of-day div.daypart-content div.jcarousel-skin-tango div.jcarousel-container div.jcarousel-prev {
        height: 70px;
        width: 70px;
        position: absolute;
        top: 65px;
        left: 0px;
        background-image: url(../Content/images/DayPart/time_of_day_arrow_left2.png);
        background-repeat: no-repeat;
        cursor: pointer;
    }

    #daypart-time-of-day div.daypart-content div.jcarousel-skin-tango div.jcarousel-container div.jcarousel-prev:hover {
        background-image: url(../Content/images/DayPart/time_of_day_arrow_left2_hover.png);
    }

    #daypart-time-of-day div.daypart-content div.jcarousel-skin-tango div.jcarousel-container div.jcarousel-next {
        height: 70px;
        width: 70px;
        position: absolute;
        top: 65px;
        left: 580px;
        background-image: url(../Content/images/DayPart/time_of_day_arrow_right2.png);
        background-repeat: no-repeat;
        cursor: pointer;
    }

    #daypart-time-of-day div.daypart-content div.jcarousel-skin-tango div.jcarousel-container div.jcarousel-next:hover {
        background-image: url(../Content/images/DayPart/time_of_day_arrow_right2_hover.png);
    }

.daypart-item-popup {
    display: none;
    background-image: url(images/DayPart/time-of-day-item-hover4.png);
    width: 147px;
    height: 62px;
    position: absolute;
    top: 100px;
    left: 18px;
}

.daypart-item-description-container {
    width: 120px;
    text-align: left;
    margin-left: 12px;
    margin-top: 16px;
    height: 43px;
    position: relative;
    display: table;
}

.daypart-item-description {
    margin: auto;
    display: table-cell;
    vertical-align: middle;
}

    .daypart-item-description p {
        color: #616161;
        font-weight: bold;
        display: table-cell;
        vertical-align: middle;
    }


.storesResultMapLink {
    display: inline;
}

#franchiseCallout {
  height: 48px;
  left: 720px;
  position: absolute;
  top: 438px;
  width: 119px;
    border: none;
    outline: none;
}

#careersCallout {
  height: 48px;
  left: 720px;
  position: absolute;
  top: 498px;
  width: 119px;
  border: none;
  outline: none;
}

/* Big Gulp Interstitials Styles*/
#biggulp_interstitial_container { width: 986px; height: 474px; /*background-image: url(../Content/images/home/interstitial_69.jpg);*/ position: relative; z-index: 2; display: none; }
.biggulp_interstitial_69 { background-image: url(../Content/images/home/interstitial_69.png) !important; }
.biggulp_interstitial_79 { background-image: url(../Content/images/home/interstitial_79.png) !important; }
.biggulp_interstitial_99 { background-image: url(../Content/images/home/interstitial_99.png) !important; }
#biggulp_close_container { text-align: right; padding-top: 10px; padding-right: 10px; }
#biggulp_interstitial_close { }
#biggulp_interstitial_findstore_link { position: absolute; top: 264px; left: 726px;  }
.biggulp_pricepoint.ui-widget-content { background: none; border: none; }
.biggulp_pricepoint.ui-widget-content .ui-widget-header { display: none; }
div.ui-widget-overlay { background: none !important; background-color: #000000 !important; opacity:0.8 !important; }

/* National Donut Day Interstitial Styles */
#natlDonutDayInterstitial
{
    background: transparent url(../Content/images/home/natl-donut-day-interstitial.png) center center no-repeat;
    display: none;
    position: relative;
}

#natlDonutDayInterstitial .interstitialClose {
    position: absolute;
    top: 14px;
    left: 956px;
}

#natlDonutDayInterstitial .downloadApp {
    position: absolute;
    top: 345px;
    left: 483px;
}

.natlDonutDayInterstitialclass.ui-widget-content { background: none; border: none; }
.natlDonutDayInterstitialclass.ui-widget-content .ui-widget-header { display: none; }


#natlIcedTeaInterstitial
{
    background: transparent url(../Content/images/home/natl-iced-tea-day-interstitial.png) center center no-repeat;
    display: none;
    position: relative;
}


#natlIcedTeaInterstitial .interstitialClose {
    position: absolute;
    top: 14px;
    left: 956px;
}

#natlIcedTeaInterstitial .downloadApp {
    position: absolute;
    top: 369px;
    left: 500px;
}

.natlIcedTeaInterstitialclass.ui-widget-content { background: none; border: none; }
.natlIcedTeaInterstitialclass.ui-widget-content .ui-widget-header { display: none; }

/* Doritos Loaded site skin styles */
/*body { background: url(../Content/images/home/doritos-site-skin-preloaded.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center top; background-size: cover; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; }
#siteContentBGWrapper { width: 986px; margin: 0px auto 0px auto; min-height: 100%; background-image: none; }
#siteContentOuterGradientWrapper { width: 986px; height: 100%; background-image: none; }
#siteContentInnerGradientWrapper { background-image: none; min-height: 510px; width: 890px; margin: 0px 0px 0px 85px; z-index: 0; }*/

/* 7-Eleven Day Interstitial styles */
#sevenElevenDay2014Interstitial
{
    background: transparent url(../Content/images/home/7e-day-2014-interstitial.png) center center no-repeat;
    display: none;
    position: relative;
}

/*.ui-widget-content { background: none; border: none; }*/
.ui-widget-content .ui-widget-header { display: none; }

#sevenElevenDay2014Interstitial .interstitialClose {
    position: absolute;
    top: 5px;
    left: 956px;
}

/* 7-Eleven Week Interstitial styles */
#sevenElevenWeek2014Interstitial
{
    background: transparent url(../Content/images/home/7e-week-2014-interstitial.png) center center no-repeat;
    display: none;
    position: relative;
}

/*.ui-widget-content { background: none; border: none; }*/
.ui-widget-content .ui-widget-header { display: none; }

#sevenElevenWeek2014Interstitial .interstitialClose {
    position: absolute;
    top: 5px;
    left: 956px;
}

.downloadiPhoneApp { position: absolute; bottom: 71px; right: 212px; }
.downloadAndroidApp { position: absolute; bottom: 71px; right: 82px; }

.interstitialLegalCopy { position: absolute; bottom: 9px; right: 17px; text-align: right; color: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; }
.interstitialLegalCopy a { text-decoration: none; color: #ffffff; font-size: 10px; font-family: Arial, Helvetica, sans-serif; line-height: 12px; }

/* 7-Eleven Week Updated Interstitial styles */
#sevenElevenWeek2014UpdatedInterstitial
{
    background: transparent url(../Content/images/home/7-11-week-interstitial-new.png) center center no-repeat;
    display: none;
    position: relative;
}

/*.ui-widget-content { background: none; border: none; }*/
.ui-widget-content .ui-widget-header { display: none; }

#sevenElevenWeek2014UpdatedInterstitial .interstitialClose {
    position: absolute;
    top: 5px;
    left: 956px;
}

.checkItOut { position: absolute; bottom: 97px; right: 468px; }

/* National Hot Dog Day Interstitial Styles */
#natlHotDogDayInterstitial
{
    background: transparent url(../Content/images/home/natl-hot-dog-day-interstitial.png) center center no-repeat;
    display: none;
    position: relative;
}

#natlHotDogDayInterstitial .interstitialClose {
    position: absolute;
    top: 8px;
    right: 9px;
}

.natlHotDogDayInterstitialclass.ui-widget-content { background: none; border: none; }
.natlHotDogDayInterstitialclass.ui-widget-content .ui-widget-header { display: none; }

/* 50 Cent Small Coffee Interstitial Styles */
#smallCoffeeInterstitial
{
    background: transparent url(../Content/images/home/fifty-cent-coffee-interstitial.png) center center no-repeat;
    display: none;
    position: relative;
}

#smallCoffeeInterstitial .interstitialClose {
    position: absolute;
    top: 8px;
    right: 9px;
}

.smallCoffeeInterstitialclass.ui-widget-content { background: none; border: none; }
.smallCoffeeInterstitialclass.ui-widget-content .ui-widget-header { display: none; }

/* All Things Coffee Interstitial Styles */
#allThingsCoffeeInterstitial
{
    background: transparent url(../Content/images/all-things-coffee-interstitial.png) center center no-repeat;
    display: none;
    position: relative;
}

#allThingsCoffeeInterstitial .interstitialClose {
    position: absolute;
    top: 8px;
    right: 9px;
}

.allThingsCoffeeInterstitialclass.ui-widget-content { background: none; border: none; }
.allThingsCoffeeInterstitialclass.ui-widget-content .ui-widget-header { display: none; }

/* October Pizza Interstitial Styles */
#octoberPizzaInterstitial
{
    background: transparent url(../Content/images/october-pizza-interstitial.jpg) center center no-repeat;
    display: none;
    position: relative;
}
#octoberPizzaInterstitial a#get-the-app { position: absolute; top: 230px; left: 30px; height: 35px; width: 155px; display: block; }
#octoberPizzaInterstitial .interstitialClose {
    position: absolute;
    top: 8px;
    right: 9px;
}

.octoberPizzaInterstitialclass.ui-widget-content { background: none; border: none; }
.octoberPizzaInterstitialclass.ui-widget-content .ui-widget-header { display: none; }

#fan-recipes { position: absolute; top: 165px; left: 91px; }
#share-ideas { position: absolute; top: 165px; left: 355px; }
#get-coffee-offers { position: absolute; top: 165px; right: 86px; }

/* DFW Remodel Interstitial Styles */
#dfwRemodelInterstitial
{
    background: transparent url(../Content/images/DFWRemodel/dfwRemodelInterstitial.png) center center no-repeat;
    display: none;
    position: relative;
}

#dfwRemodelInterstitial .interstitialClose {
    position: absolute;
    top: 14px;
    left: 956px;
}

#dfwRemodelInterstitial .landing {
    position: absolute;
    top: 387px; left: 605px;
	height: 40px; width: 205px;
}
e.css
.dfwRemodelInterstitialclass.ui-widget-content { background: none; border: none; }
.dfwRemodelInterstitialclass.ui-widget-content .ui-widget-header { display: none; }

/* DFW Manhattan Remodel Interstitial Styles */
#dfwManhattanRemodelInterstitial
{
    background: transparent url(../Content/images/DFWRemodel/dfwManhattanRemodelInterstitial.png) center center no-repeat;
    display: none;
    position: relative;
}

#dfwManhattanRemodelInterstitial .interstitialClose {
    position: absolute;
    top: 14px;
    left: 956px;
}

#dfwManhattanRemodelInterstitial .landing {
    position: absolute;
    top: 387px; left: 605px;
	height: 40px; width: 205px;
}

.dfwManhattanRemodelInterstitial.ui-widget-content { background: none; border: none; }
.dfwManhattanRemodelInterstitial.ui-widget-content .ui-widget-header { display: none; }

#gofortwoInterstitial
{
    background: transparent url(../Content/images/GoForTwo/gofortwointerstitial-desktop.png) center center no-repeat;
    display: none;
    position: relative;
}

#gofortwoInterstitial .landing {
    position: absolute;
    top: 423px; left: 442px;
	height: 31px; width: 140px;
}

#gofortwoInterstitial .interstitialClose {
    position: absolute;
    top: 14px;
    left: 940px;
}