/* Common Overrides */

.GenericButton {
    cursor: pointer;
    cursor: hand;
    color: #333;
    border: 0;
    font-size: 14px;
    border-radius: 0;
    min-width: 120px;
    font-weight: 700;
    padding: 8px 15px;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    background: -webkit-linear-gradient(top,rgba(255,201,0,1) 0,rgba(249,149,0,1) 100%);
    background: linear-gradient(to bottom,rgba(255,201,0,1) 0,rgba(249,149,0,1) 100%);
    background: -moz-linear-gradient(top,rgba(255,201,0,1) 0,rgba(249,149,0,1) 100%);
}

div.InactiveButton a, div.InactiveButton a:link, div.InactiveButton a:visited, div.InactiveButton a:hover, div.InactiveButton a:active
{
    font-weight:normal;
}

.InactiveButton, .ActiveButton
{
    width: 16%;
    border: 1px #DDDDDD solid;
    background-color: #E7E7E7;
    font-size: 14px;
    font-weight: 400;
    padding: 16px 15px;
    min-width:150px;
}

.ActiveButton
{
    background-color: #fff;
}

.ActiveButton a
{
    font-weight: bold;
}

.divGiftAidPopup, .divGiftAidSelectedPopup, .divAvailDateMsg {
    height: 485px;
}

.divGiftAidSelectedPopup {
    height: 270px;
}

.calTitle
{
    color:#000;
}

.InnerFreezePanel
{
    background: #ffc900;
    background: -webkit-linear-gradient(top,rgba(249,149,0,1) 0,rgba(255,201,0,1) 20px,rgba(255,201,0,1) 100%);
    background: linear-gradient(to bottom,rgba(249,149,0,1) 0,rgba(255,201,0,1) 20px,rgba(255,201,0,1) 100%);
    background: -moz-linear-gradient(top,rgba(249,149,0,1) 0,rgba(255,201,0,1) 20px,rgba(255,201,0,1) 100%);
}

.uc .divMeracAddLookup ol li
{
    list-style-type:none;
}

.divMeracAddLookup
{
    max-width:795px;
    width:100%;
}

.liDOB, .opening-times-bar
{
    display:none;
}

.divMeracAddLookup li label
{
    width:9.7em;
}

.divMeracAddressInfo {
    width: 100%;
    left: 0px;
}

.divCrealyKey {
    width: 20px;
    height: 20px;
    background-color: #FF95C6;
    display: inline-block;
    margin-right: 20px;
}

.uc table.calTitle, .uc table.calTitle td
{
    background-color:#000 !important;
    color:#fff;
    margin-bottom:0px;
    border:0px;
    border-left:0px !important;
    padding:0px;
}

.uc table.calTitle td a
{
    color:#fff !important;
}

.uc table.calAvailability > tbody > tr:nth-child(1) > td
{
    background-color:#000 !important;
    padding:0px;
}

.calHeader, .uc table.calAvailability > tbody > tr:nth-child(2) > th.calHeader
{
    padding:0px;
    text-transform:uppercase;
    font-size:0.8em;
}

.uc table.calAvailability tr td
{
    font-size:30px;
    color:#fff !important;    
}

.uc table.calAvailability tr td.calDays:hover
{
    border:2px solid #000;
}

.uc table.calAvailability tr td.calDays:hover a
{
    color:#000 !important;
}

table.calAvailability tbody tr td a {
    display:block;
}

.uc table.calAvailability
{
    max-width:510px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

.uc table.calTitle td
{
    font-size:15px !important;
}

.uc table.calAvailability > tbody > tr:nth-child(1) > td > table > tbody > tr > td:nth-child(3)
{
    text-align:center;
}

.calSelected 
{
    font-weight: bold;
    background-clip:content-box;
    border-radius: 40px;
    border: 2px solid red;
}

#cphMainPage_ctl12_phone1, #cphMainPage_ctl12_phone2
{
    max-width:200px;
}

#content > div.content-home > div > div > div.col-12.col-sm-6.col-md-5.col-lg-3.align-center.align-right-md
{
    display:none !important;
}

#ctl00_cphMainPage_ctl12_lblCustDetMembNo, #ctl00_cphMainPage_ctl12_txtCustMembNo, #ctl00_cphMainPage_ctl12_lblCustDetPhone2, #ctl00_cphMainPage_ctl12_phone2,
#cphMainPage_ctl12_lblCustDetMembNo, #cphMainPage_ctl12_txtCustMembNo, #cphMainPage_ctl12_lblCustDetPhone2, #cphMainPage_ctl12_phone2
{
    display:none;
}

.calTitle,
.tblMerac TH, .tabCusDetails TH, .basketHeader td, th.tblMeracBillingAddress, .SessionHeader, divNoLogHeader
{
    background-color:#2970ca;
    color:#fff;
}

.calTitle a
{
    color:#fff !important;
    text-decoration:none;
}

a[href^=tel]{ color:#FFFFFF; text-decoration:none;} /* Force iPhone telephone number auto links to white */

.divSessionCalendar
{
	display:block;
	float:none;
	margin: 0 auto;
}

.divSessionDates {
    width: 350px;
    margin:20px auto;
    float:none;
}

#divHeaderText {
    text-align: center;
}

#cphMainPage_divMemPhone #cphMainPage_Label7,
#cphMainPage_divMemPhone #cphMainPage_cboDelivery,
#header-middle, #header-right
{
	display:none;
}

#cphMainPage_cbTimeSlots tr td
{
	padding-top:10px;
}

@media only screen and (max-width: 48em) {
    .uc table.calAvailability tr td
    {
        font-size:18px;
        color:#fff !important;    
    }
}

@media only screen and (max-width: 35em) {

    .uc table#cphMainPage_grdSales tr td:nth-child(2), .uc table#cphMainPage_grdSales tr th:nth-child(2)
    {
        display:none;    
    }


    #cphMainPage_gvSC_panel1_0 > table, #cphMainPage_gvSC_panel1_0 > table > tbody > tr > td
    {
        padding:0px;
        border:0px;
    }

    #cphMainPage_gvSC > tbody > tr.tblMeracRows > td, #cphMainPage_gvSC > tbody > tr.tblMeracRows > th
    {
     padding: 7px 3px;
    }

    #cphMainPage_gvSC td:nth-child(3), #cphMainPage_gvSC th:nth-child(3)  {
        display:none;
    }

    #cphMainPage_gvSC td input[value=Delete] {
        width: 50px !important;
        min-width:auto;
        padding:8px 0px;
    }

    .GenericButton#cphMainPage_btnContinue {
        float: left;
        margin-top: 10px;
        clear:both;
    }

    .row-pad-md>div {
        padding-left: 0rem;
        padding-right: 0rem;
    }
    
    #divMenuSteps div, #divMenuSteps a
    {
        font-size:1em;
        font-weight:normal !important;
    }
    
    .InactiveButton, .ActiveButton
    {
        width: 100%;
    }
    
    #divMenuSteps
    {
        margin-right: 30px;
    }

}

/* Site Overrides */

.content-home {
    background-position: top center;
    background-image: none; /* url(../images/crealy/home-bg-map.jpg);*/
    box-shadow:none;
    margin-top: 90px;
}

.content-home-2 {
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(../images/crealy/home-bg-rides.jpg);
    -webkit-background-size: cover;
    background-size: cover;
}

.content-home-2:before {
    background-repeat: repeat-x;
    background-position: top center;
    background-image: url(../images/crealy/leather-band.jpg);
}

.head-logo {
    width: 100%;
    height: 155px;
    max-width: 245px;
    text-align: left;
    background-image: url(../images/Crealy/logo.png);
    -webkit-background-size: 100%;
    background-size: 100%;
}

div.row.row-pad-no.tri-banner-holder, .content-home-2, #content > div.wrap
{
    display:none;
}

div.content-featured.opening-times-bar 
{
    margin-top:120px;
}

#content > div.content-featured.opening-times-bar > div > div
{
    display:none;
}

.Button a 
{
    color:#000;
}

.aCrealyHeadLink
{
    color:#fff;
    text-decoration:none;
}

.aCrealyHeadLink:hover
{
    text-decoration:underline;
}