/*************** Start Login Page stylesheet ****************/
#divLoginContainer
{
    margin-left: 25px;
    margin-top: 30px;
    width: 425px; /*  margin-top: 20px;   width: 425px;*/
}



/*************** End Login Page stylesheet ****************/


#divLoginStauts
{
    text-align: right;
}

#divMasterPageLocate
{
    float: left;
    z-index: 20000;
    margin-left: 5px;
    padding-top: 3px;
}
/******************** Stylesheet for DropDownMenuSelectionControl ****************/

#navigation ul#nav
{
    z-index: 5000;
    margin: 0px;
}

    #navigation ul#nav li
    {
        list-style: none;
        position: relative;
        text-align: center;
        line-height: 1em;
        padding: 0px;
        margin: 0px;
    }

        #navigation ul#nav li a
        {
            color: #987e43;
            text-decoration: none;
            text-align: center;
            padding: 5px;
        }

        #navigation ul#nav li ul
        {
            display: block;
            position: absolute;
            left: -999em;
            background: #6d0101;
            overflow: auto;
            height: 150px;
            overflow-x: hidden;
            -ms-overflow-x: hidden;
            border: solid 1px #9d3737;
            margin: 0px;
            padding: 0px;
            min-width: 250px;
        }

        #navigation ul#nav li:hover ul, #navigation ul#nav li.over ul
        {
            display: block;
            left: 0;
            top: 100%;
            position: absolute;
            z-index: 4000;
        }

        #navigation ul#nav li ul li
        {
            background: transparent;
            text-indent: 0;
            border-bottom: solid 1px #9d3737;
            text-align: left;
            margin: 0px;
            padding: 0px;
            display: block;
        }

        #navigation ul#nav li:hover ul li a, #navigation ul#nav li.over ul li a
        {
            display: block;
            padding: 5px;
            text-decoration: none;
            margin: 0;
            color: #eee;
            text-indent: 0;
            text-align: left;
            border: 0;
            white-space: nowrap;
            cursor: pointer;
        }

        #navigation ul#nav li ul li a:hover
        {
            color: #fff;
            background: #4b0c0c;
            cursor: pointer;
            display: block;
            padding: 5px;
        }

        #navigation ul#nav li.active a, #navigation ul#nav li a:hover, #navigation ul#nav li:hover a, #navigation ul#nav li.over a
        {
            background: #6d0101;
            color: White;
        }

#divStoreCountryName
{
    width: 100%;
    text-align: left;
    background: #f3e4cd;
    width: 652px;
    padding-left: 10px;
    color: #5e5e5c;
    font-weight: bold;
    border-bottom: dotted 1px #c2b69c;
    font-size: 13px;
}

#divStoreMenuSelection img
{
    border: none !important;
}

#divStoreStateContainer
{
    padding-left: 20px;
}

#divStoreStateName
{
    text-align: left;
    color: #990100;
    border-bottom: dotted 1px #252525;
    font-size: 12px;
    font-weight: bold;
}

#divStoreContainer
{
    padding-left: 2px;
}

#divStoreLinkContainer
{
    width: 162px;
    text-align: left;
}

.StoreNameLink
{
    text-decoration: none;
    color: #000000;
}

    .StoreNameLink .StoreNameLabel:hover
    {
        text-decoration: underline;
        color: #c2701e;
    }

br.LocationSeperater
{
    margin: 0px;
    padding: 0px;
    line-height: 5px;
}

#divStoreFlagContainer .divStoreFlag
{
    float: left;
    width: 100px;
    font-weight: bold;
    color: #5e5e5c;
}

#divStoreFlagContainer .Brand
{
    float: right;
    width: 190px;
}

    #divStoreFlagContainer .Brand a
    {
        text-decoration: none;
        color: #c2701e;
        font-weight: bold;
    }

        #divStoreFlagContainer .Brand a:hover
        {
            text-decoration: underline;
        }

.divStoreNameContainer, .divStatusMessageContainer
{
    line-height: 1.3em;
    height: 1.3em;
    margin: auto;
}

.divStatusMessageContainer
{
    font-weight: bold;
    text-decoration: blink;
    color: Red;
}

.divStoreTypeImageContainer
{
    vertical-align: middle;
    text-align: left;
    width: 20px;
    float: left;
    cursor: pointer;
}

.divStoreNameAndStatusMessageContainer
{
    vertical-align: middle;
    text-align: left;
    float: left;
    height: 28px;
    padding: 0px;
    margin: 0px;
    width: 142px;
    cursor: pointer;
}


/******************** End Stylesheet for DropDownMenuSelectionControl ****************/

/******************** Start Stylesheet for Create VIC User ****************/
#pVICUserHeaderText
{
    padding: 10px 20px 10px 20px;
    vertical-align: top;
    text-align: justify;
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
    color: #990000;
    border-bottom: 1px dotted #990000;
}

.VICCreateUserWizard
{
    width: 100%;
    margin: auto;
}

.tdCreateVICUserLeft
{
    text-align: right;
    vertical-align: top;
    padding-top: 3px;
}

.tdCreateVICUserRight
{
    text-align: left;
    padding-left: 3px;
    vertical-align: top;
}

.btnBirthDate
{
    background: url(../Images/Calendar.png) no-repeat;
    width: 16px;
    height: 16px;
    border: none;
}

.ltbStoreName
{
    width: 260px;
}


/******************** End Stylesheet for Create VIC User ****************/

/******************** Start Stylesheet for Change Password****************/
#divChangePasswordContainer
{
    text-align: left;
    margin: auto;
    width: 350px;
}


/******************** End Stylesheet for Change Password****************/

/*************** Style for the ResetPassword ******************/

.fp-control-header
{
    color: #000;
    padding: 10px;
    text-align: left;
    font-weight: normal;
    position: relative;
    border: 1px solid #d4d4d4;
    padding-left: 45px !important;
}

.fp-control-list-container
{
    border: 1px solid #d4d4d4;
    border-top: none;
    background: #fff;
    padding: 15px;
}

.forgotPassContainerDiv
{
    width: 100%;
}

.forgotPassHeaderDiv
{
    /*border: 1px solid #981B1F;
    border-bottom: none;*/
}

.forgotPassHeaderIconImg
{
}

.forgotPassHeaderIconTick
{
}

.loginHeaderText
{
    background: #eee url("../Images/Icons/icon-login.png") no-repeat scroll 10px 10px;
    color: #666;
    font-size: 16px;
    text-align: left;
}

.thankYouHeaderText
{
    background: #eee url("../Images/Icons/icon-thank-you.png") no-repeat scroll 10px 10px;
    color: #666;
    font-size: 16px;
    text-align: left;
}

.resetPassHeaderText
{
    background: #eee url("../Images/Icons/icon-reset-password.png") no-repeat scroll 10px 10px;
    color: #666;
    font-size: 16px;
    text-align: left;
}

.PasswordChangedHeaderText
{
    background: #eee url("../Images/Icons/icon-password-changed.png") no-repeat scroll 10px 10px;
    color: #666;
    font-size: 16px;
    text-align: left;
}

.forgotPassHeaderText
{
    background: #eee url("../Images/Icons/icon-forgot-password.png") no-repeat scroll 10px 10px;
    color: #666;
    font-size: 16px;
    text-align: left;
}

.EmailSentHeaderText
{
    background: #eee url("../Images/Icons/icon-email-sent.png") no-repeat scroll 10px 10px;
    color: #666;
    font-size: 16px;
    text-align: left;
}

.passExpiryHeaderText
{
    background: #eee url("../Images/Icons/icon-password-expired.png") no-repeat scroll 10px 10px;
    color: #666;
    font-size: 16px;
    text-align: left;
}

.resendPassHeaderText
{
    background: #eee url("../Images/Icons/icon-resend-email.png") no-repeat scroll 10px 10px;
    color: #666;
    font-size: 16px;
    text-align: left;
}

.verifyAccountHeaderText
{
    background: #eee url("../Images/Icons/icon-verify-account.png") no-repeat scroll 10px 10px;
    color: #666;
    font-size: 16px;
    text-align: left;
}

.forgotPasswordContentDiv
{
    /*padding-top: 30px;
    border: 1px solid #981B1F;
    padding-bottom: 30px;
    text-align: left;
    padding-left: 60px;*/
}

    .forgotPasswordContentDiv a:hover
    {
        color: Orange;
    }

.forgotPasswordContentDivTableContainer
{
    padding-top: 20px;
    text-align: left;
}

.forgotPasswordContentDivTable
{
    border: solid 1px black;
}

.txtChangePasswordEmailAddress
{
    width: 300px;
}

.btnGetEmail
{
    /*background: transparent url(../images/GetPasswordLink.gif) no-repeat scroll 0 0;
    background-position: top left;
    width: 150px;
    height: 27px;
    cursor: pointer;
    border: none;
    margin-left: 150px;*/
}

.divBtnGetEmail
{
    padding-top: 10px;
    text-align: left;
    width: 100%;
}

.dicChangePasswordControlContainer
{
    padding: 0;
    width: 100%;
    float: left;
}

.security-message
{
    color: #666;
    font-size: 12px;
    text-align: center;
    padding-top: 10px;
}

/************** End of style for the ResetPassword**************/


/******************** Start Stylesheet for Location Page ****************/

/*.gmpGoogleMap, #subgurim_gmpGoogleMap
{
    width: 100% !important;
    height: 600px !important;
}*/

#tblSearchLocation
{
    z-index: 5000;
}

#tdSearchLocationLeft
{
    background: url(../Images/SearchLocationLeftBg.jpg) no-repeat;
    height: 111px;
    width: 10px;
}

#tdSearchLocationRight
{
    background: url(../Images/SearchLocationRightBg.jpg) no-repeat;
    height: 111px;
    width: 10px;
}

#tdSearchLocationCenter
{
    background: url(../Images/SearchLocationBg.jpg) repeat-x;
    height: 111px;
    width: 740px;
}

.tdCustomTextBoxLeft
{
    padding-left: 6px;
    background: url(../Images/TextBoxLeftCurve.jpg) no-repeat; /* background-position: 0px -35px; */
    vertical-align: top;
    height: 29px;
}

.tdCustomTextBoxRight
{
    padding-right: 6px;
    background: url(../Images/TextBoxRightCurve.jpg) no-repeat; /*   background-position: -2px -70px; */
    vertical-align: top;
}

.tdCustomTextBoxCenter
{
    vertical-align: middle;
    border-top: solid 1px #c0b08e;
    border-bottom: solid 1px #c0b08e;
    height: 24px;
    background: white;
}

    .tdCustomTextBoxCenter input
    {
        border: none 0px;
    }



.divShortCutForStoreFeatures
{
    float: left;
    text-align: center;
    padding: 0px;
    padding-right: 1px;
    padding-left: 1px;
}

.divStoreFeaturesLinkContainer
{
    height: 31px;
}

#divLocationInformation
{
    height: 600px;
    border: solid 1px #ddd;
    background: #f0f0f0;
}

#divFlagInformation
{
    background: #f6eddc;
    text-align: center;
}

#divLocationSearchResult
{
    padding: 10px;
    font-weight: normal;
    color: #ED1B24;
    font-size: 18px;
    text-align: left;
}

#divLocationInformationListing
{
    margin-left: 5px;
    margin-right: 5px;
    height: 550px;
    overflow: auto;
    overflow-x: hidden;
    -ms-overflow-x: hidden;
}

.divIndividualLocationContainer
{
    background: #fff;
    color: #666;
    margin-bottom: 5px;
    font-size: 12px;
    padding: 10px;
    text-align: left;
}

.divStoreNameAndPreferedName
{
    font-family: Arial;
    font-size: 14px;
    width: 100%;
}

.lblFlagName
{
    font-size: 10px;
    color: #5c5c5c;
}

.lnkStoreName
{
    color: #ED1B24 !important;
    font-weight: bold;
}

.txtAddress
{
    width: 250px;
}

.txtAddressWatermarked
{
    width: 250px;
    color: Gray;
    font-style: italic;
}

.txtCity, .txtState, .txtZip
{
    width: 100px;
}

.txtCityWatermarked, .txtStateWatermarked, .txtZipWatermarked
{
    width: 100px;
    color: Gray;
    font-style: italic;
}

.drpCountry
{
    width: 50px;
    color: Gray;
    font-style: italic;
}

.lblEmailAddress
{
    color: Blue;
}

#divStoreRelatedLinkIcon
{
    padding-top: 5px;
}

.CheckBox
{
    color: #6b0103;
    font-weight: bold;
}

.imgBusinessHour
{
    cursor: pointer;
}

.tdPhoneFaxLabelContainer
{
    display: block;
    text-align: left;
    vertical-align: middle;
    width: 42px;
    font-weight: bold;
}

.lblStatusMessage
{
    text-decoration: blink;
    font-weight: bold;
    color: Red;
}

/******************** End Stylesheet for Location Page ****************/

/******************** Start Stylesheet for StoreTypeRenderingWithCheckBox Control ****************/

.StoreTypeWrapper .CheckBoxList
{
    margin: 0px;
    padding: 0px;
}

    .StoreTypeWrapper .CheckBoxList .Item
    {
        margin: 0 auto;
        padding: 0px;
        float: left;
        list-style: none;
        list-style-type: none;
    }

        .StoreTypeWrapper .CheckBoxList .Item .divCheckBox, .StoreTypeWrapper .CheckBoxList .Item .divImage, .StoreTypeWrapper .CheckBoxList .Item .divText
        {
            margin: 0px;
            padding: 0px;
            float: left;
            vertical-align: bottom;
            cursor: pointer;
        }

        .StoreTypeWrapper .CheckBoxList .Item .divCheckBox
        {
            padding-top: 6px;
        }

        .StoreTypeWrapper .CheckBoxList .Item .divText
        {
            padding-top: 5px;
        }

        .StoreTypeWrapper .CheckBoxList .Item .divImage
        {
            padding-left: 5px;
        }

/******************** End Stylesheet for StoreTypeRenderingWithCheckBox Control ****************/




/******************** Start Stylesheet for Direction Page ****************/
#divDirectionMap
{
    width: 425px;
    float: left;
}

#divDirectionInformation
{
    float: right;
    width: 290px;
}

#divDirectionAddress
{
    font-size: 10px;
    margin-left: 50px;
    margin-top: 10px;
}

#divDirectionUserInfo
{
    margin-left: 50px;
    border: solid 1px #e9e9eb;
    margin-top: 5px;
    background: #f9f6f1;
    padding: 10px;
}

.tdDirectionLeft
{
    text-align: right;
    vertical-align: top;
    padding-top: 9px;
}

.tdDirectionRight
{
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
    padding-left: 3px;
    padding-bottom: 5px;
}
/******************** End Stylesheet for Direction Page ****************/


/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
#slideshow
{
    max-width: 780px;
}

    #slideshow ul, #Newsslideshow ul
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        height: 1%; /* IE fix */
    }

        #slideshow ul:after, #Newsslideshow ul:after
        {
            content: ".";
            clear: both;
            display: block;
            height: 0;
            visibility: hidden;
        }

    /* ---------------------------------------------------- */
    /* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
    #slideshow .slides
    {
        overflow: hidden;
        width: 770px;
    }

        #slideshow .slides ul
        {
            width: 770px;
        }

        #slideshow .slides li
        {
            width: 770px;
            height: 268px;
            float: left;
        }

#Newsslideshow .slides
{
    overflow: hidden;
    width: 600px;
}

    #Newsslideshow .slides ul
    {
        width: 600px;
        padding: 0px;
        margin: 0px;
    }

    #Newsslideshow .slides li
    {
        width: 600px;
        height: 22px;
        float: left;
        padding: 0px;
        margin: 0px;
    }

br.clear
{
    clear: both;
    display: block;
    line-height: 0;
}

.colorboxPictureGallery img
{
    border: solid 1px blue;
}




/* Drop down Store Menu Selection Control */

#divStoreMenuSelection
{
    z-index: 9999;
    padding: 20px;
    width: 662px;
    cursor: default !important;
}

    #divStoreMenuSelection #divStoreLinkContainer
    {
        text-align: left;
        width: 650px;
        height: 35px;
    }

    #divStoreMenuSelection .divStoreTypeImageContainer
    {
        cursor: pointer;
        float: left;
        text-align: left;
        vertical-align: middle;
        width: 20px;
    }

    #divStoreMenuSelection .divStoreNameContainer
    {
        height: 28px;
        float: left;
        text-align: left;
        vertical-align: middle;
        width: 100px !important;
    }

    #divStoreMenuSelection .pnlMenuIconLinkContainer
    {
        color: Red;
        font-weight: bold;
        text-decoration: none !important;
        width: 550px;
        float: right;
        text-align: left;
    }

.pnlMenuIconLinkContainer a
{
    text-decoration: none !important;
}

#divStoreMenuSelection .divStoreNameContainer, #divStoreMenuSelection .divStatusMessageContainer
{
    height: 1.3em;
    line-height: 1.3em;
    margin: auto;
    padding-top: 5px;
}

#divMenuIconDescription
{
    border-top: dotted 1px #000;
    border-bottom: solid 1px #000;
    padding: 5px 0px;
    margin-bottom: 5px;
}

.tdLinkIcon1
{
    width: 100px;
    color: #5E5E5C;
    font-weight: bold;
}

.tdLinkIcon2
{
    width: 125px;
    color: #5E5E5C;
    font-weight: bold;
}

.tdLinkIcon3
{
    width: 125px;
    color: #5E5E5C;
    font-weight: bold;
}

.tdLinkIcon4
{
    width: 150px;
    color: #5E5E5C;
    font-weight: bold;
}

#divStoreConfigurationAndOrderDeliveryContainer a
{
    text-decoration: none !important;
}

#divStoreMenuSelection #divStoreStateContainer
{
    padding-left: 4px !important;
}


.divTextInfoContainer .RadMenu
{
    z-index: 0 !important;
}

.divShortCutForStoreFeaturesOrderOnline
{
    padding-top: 5px;
    width: 100%;
    float: left;
}

.divIndividualLocationContainer
{
    padding-bottom: 5px;
}
/**********************CHange For Popup**********/

.modalBackground
{
    background-color: #000;
    filter: alpha(opacity=40);
    opacity: 0.6;
}

.ModalWindowConfirmation
{
    z-index: 99999;
    background-color: #480405;
    text-align: center;
    border: 10px solid #BCBCBC;
    color: #ddd;
}

.divPopupContinue
{
    padding: 15px;
}

.divPopupSeparator
{
    background: url(../Images/StoreLocationLinkImages/separate.jpg) no-repeat top transparent;
    height: 11px;
    width: 439px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}

.popupHeading, .popupRestaurantName, .countdown_timer_notification
{
    color: #FED312;
    font-size: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.countdown_timer_notification
{
    width: 400px;
}

.lnkPopupContinue, .lnkPopupChangeLoc
{
}

.popupRestaurantName
{
    text-transform: uppercase;
    padding-top: 10px;
}

.popupRestaurantAddr
{
    padding-bottom: 10px;
}

/* (START) Store Detail Page Responsive CSS By Happy Joshipura On Date 2018-06-21 */

.store-header-container
{
    background-color: #f0f0f0;
}

.store-counters-col, .store-hour-col, .store-announcement-col
{
    padding: 0px !important;
    margin-bottom: 15px;
    text-align: left;
}

.store-announcement-col, .store-hour-col
{
    background-color: #fff;
    color: #666;
    min-height: 100px !important;
}

.store-hour-col, .store-announcement-col
{
    border: 1px solid #ddd;
}

.divBusinessHourTitle, .divStoreSpecialTitle
{
    border-bottom: 1px solid #ddd;
    padding-top: 10px;
    padding-bottom: 10px;
}

.divBusinessHourText, .divStoreSpecialText
{
    padding-top: 10px;
    padding-bottom: 10px;
    word-wrap: break-word;
}

.rowStoreHeader, .rowStoreFooter
{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    text-align: left;
}

.rowStoreSlider, .rowStoreDetails
{
    padding-bottom: 30px;
}

.rowStoreHeader
{
    background-color: #fff;
}

.rowStoreFooter
{
    background-color: #f2f2f2;
    border: 1px solid #e9e9e9;
    margin-bottom: 10px;
}

.store-address-col
{
    padding-bottom: 15px;
}

.store-address-container
{
    padding-bottom: 10px;
}

.store-name
{
    font-size: 18px;
    color: #ED1B24;
}

.store-address-line1, .store-address-line2, .store-phone, .store-fax, .store-email a
{
    color: #666;
}

.store-news, .store-events, .store-promotions
{
    padding-left: 7px !important;
    padding-right: 7px !important;
}

    .store-news .store-block
    {
        padding: 10px 0 !important;
        background-color: #4E2F91;
    }

    .store-events .store-block
    {
        padding: 10px 0 !important;
        background-color: #F4B459;
    }

    .store-promotions .store-block
    {
        padding: 10px 0 !important;
        background-color: #ED1B24;
    }

.store-counter
{
    font-size: 18px;
    width: 100%;
    padding-bottom: 5px;
    color: #fff;
    float: left;
    text-align: center;
}

.store-counter-links
{
    color: #fff;
    float: left;
    width: 100%;
    text-align: center;
}

.store-footer-link-col
{
    padding-bottom: 5px;
    padding-top: 5px;
}

.store-footer-links, .store-footer-separator
{
    color: #666;
    padding-right: 5px;
}

    .store-footer-links:hover
    {
        color: #ED1B24;
    }

.social-media
{
    float: right;
    margin-right: 5px;
}

@media (max-width:768px)
{
    .social-media
    {
        float: left;
        margin-right: 5px;
    }

    #divLocationInformationListing, #divLocationInformation
    {
        height: auto !important;
    }
}

.store-header-link
{
    padding: 0 10px 10px 10px !important;
}

.link-button
{
    padding: 7px 10px !important;
    text-align: left;
    background-color: #f2f2f2;
    border: 1px solid #e9e9e9;
    width: 100%;
}

    .link-button.order-online
    {
        background-color: #ED1B24;
        border: 1px solid #ED1B24;
    }

    .link-button.we-deliver
    {
        background-color: #F4B459;
        border: 1px solid #F4B459;
    }
    .link-button .spnLinkTitle
    {
        color: #666;
        padding-left: 5px;
    }
    .link-button:hover .spnLinkTitle
    {
        color: #D90022;
        text-decoration: underline;
    }
    .link-button.order-online .spnLinkTitle, .link-button.we-deliver .spnLinkTitle,.link-button.order-online:hover .spnLinkTitle, .link-button.we-deliver:hover .spnLinkTitle
    {
        color: #fff;
    }

    

.swiper-slide
{
    cursor: grab;
}
/* (END) Store Detail Page Responsive CSS By Happy Joshipura On Date 2018-06-21 */