﻿.WebTelErrorMessage {
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}

.Addons {
    color: #fff;
    font-family: Verdana;
}

    .Addons td {
        width: 300px;
    }

#divCheckListBox table {
    width: 100% !important;
}

/*Start style for AdditionControl.ascx*/
#tableAdditionControl {
    width: 95%;
}

#AdditionHeaderDescription {
    font-family: Verdana;
    color: #ccc;
    padding: 5px;
    text-align: left;
}

#AdditionVisible {
    color: #ccc;
    font-family: Verdana;
}

#AdditionGroupCode {
    font-family: Verdana;
    font-size: 12px;
    color: #ccc;
    text-align: center;
}

#AdditonMySelection {
    font-family: Verdana;
    font-size: 12px;
    color: #ccc;
    text-align: center;
}

#AdditionItemList {
    vertical-align: top;
    padding-right: 5px;
}

#AdditionAddRemove {
    vertical-align: middle;
    width: 25px;
    text-align: center;
}

#AdditionSelectedList {
    padding-left: 5px;
    vertical-align: top;
}

#AdditionFooterDescription {
    color: black;
    padding: 5px;
    text-align: left;
}
/*End style for AdditionControl.ascx*/


/*Start style for CheckListBoxControl.ascx*/
#CheckListHeaderDescription {
    color: #ff9b00;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

#CheckListFooterDescription {
    color: #ccc;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
/*End style for CheckListBoxControl.ascx*/

/*Start style for DropDownListControl.ascx*/
#DropDownHeaderDescription {
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

.DropDownListControlFont {
    font-size: 12px;
    color: black;
}

#DropDownFooterDescription {
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
/*End style for DropDownListControl.ascx*/

/*Star style for RadioButton.ascx*/
#RadioButtonHeaderDescription {
    color: #ff9b00;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

#RadioButtonFooterDescription {
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
/*End style for RadioButton.ascx*/

/*Start style for Substitution.ascx*/
#SubstitutionHeaderDescription {
    color: black;
    padding: 5px;
    text-align: left;
}

#SubstitutionContainer {
    padding-left: 35px;
}

#SubtitutionTable {
    border: solid 2px #6B5139;
}

#SubtitutionDefault {
    padding-right: 20px;
    vertical-align: top;
}

#SubtittutionDefaultTitle {
    color: black;
    text-align: center;
    vertical-align: top;
    border-right-style: solid;
    border-color: #6B5139;
    border-right-width: 2px;
    padding-bottom: 4px;
    padding-top: 3px;
}

#SubstitutionExtraTitle {
    color: black;
    text-align: center;
    vertical-align: top;
    padding-bottom: 4px;
    padding-top: 3px;
}

#SubstitutionQtySpace {
    padding-right: 20px;
    vertical-align: top;
}

#SubstitutionDefaultQuantity {
    color: black;
    text-align: right;
    vertical-align: top;
    padding-left: 10px;
    padding-bottom: 4px;
}

#SubstitutionSelected {
    color: black;
    text-align: center;
    vertical-align: top;
    border-right-style: solid;
    border-color: #6B5139;
    border-right-width: 2px;
    padding-bottom: 4px;
    margin-left: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

#SubstitutionExtraQuantity {
    color: black;
    text-align: center;
    vertical-align: top;
    padding-left: 20px;
}

#SubstitutionAmount {
    color: black;
    text-align: center;
    vertical-align: top;
}

#SubstitutionOptionName {
    padding-left: 10px;
    padding-right: 10px;
    color: White;
}

#SubstitutionQuantityLable {
    text-align: right;
    color: black;
}

#SubstitutionDropDown {
    text-align: center;
    border-right-style: solid;
    border-color: #6B5139;
    border-right-width: 2px;
    padding-left: 10px;
    padding-right: 10px;
    width: 60px;
}

.ddlSubstitutionQty {
    width: 45px;
    text-align: right;
}

#SubstitutionExtraQtyTextBox {
    text-align: center;
    padding-left: 20px;
}

.txtSubtitutionExtraQty {
    width: 28px;
    text-align: right;
}

.SubstitutionExtraCost {
    text-align: right;
    color: black;
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px;
}

#htSeperator {
    border: 1px solid #6B5139;
}

#SubstitutionAvailSelection {
    color: black;
    text-align: right;
    padding-right: 20px;
    padding-bottom: 4px;
}

#SubstitutionAvailSpace {
    padding-right: 10px;
}

#SubstitutionTotal {
    color: black;
    text-align: right;
    padding-right: 20px;
    padding-bottom: 5px;
}

#SubstitutionNetExtraTotal {
    color: black;
    text-align: right;
    padding-right: 1px;
    padding-bottom: 5px;
}

#SubstitutionFooterDescription {
    font-family: black;
    color: black;
    padding: 5px;
    text-align: left;
}
/*Start style for Substitution.ascx*/
.PnlItemOptionContainer {
    padding-left: 26px;
    margin-top: 0px;
}

.pnlMultipleSizeContainer {
    /*border-width: 1px; 	border-style: solid; 	border-color: #241100; 	text-align: center; 	margin-left:2px; 	width:95% !important;*/
    text-align: center;
    margin-left: 2px;
    border: 1px solid #ccc;
    padding-top: 5px;
    width: 95% !important;
}

.pnlSingleSizeContainer {
    text-align: left;
    border: none;
}

.SelectedTab {
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana;
    border: none;
    background: #AE8A3C;
    cursor: pointer;
    /* color: #0c0c0c !important; */
    margin-top: 15px;
    height: 25px;
}

.UnSelectedTab {
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana;
    border: none;
    background-color: #DEDEDE;
    cursor: pointer;
    color: #000;
    margin-top: 15px;
    height: 21px;
}


/*Start style for OptionQuantity.ascx*/

#divOptionQuantityHeaderDescription {
    color: #369448;
    padding: 5px;
    text-align: left;
    font-weight: bold;
}

#divOptionQuantityContainer {
    padding-left: 10px;
}

#tblOptionQuantityTable {
    border: solid 1px rgba(0, 0, 0, 0.3);
}

#tdOptionQuantityDefault {
    padding-right: 20px;
    vertical-align: top;
}

#tdOptionQuantityExtraTitle {
    color: black;
    text-align: center;
    vertical-align: top;
    padding-bottom: 4px;
    padding-top: 3px;
    font-weight: bold;
}

#tdOptionQuantitySpace {
    padding-right: 20px;
    vertical-align: top;
}

#tdOQExtraQuantity {
    color: black;
    text-align: center;
    vertical-align: top;
    padding-left: 20px;
    height: 20px;
    font-weight: bold;
}

#tdOQExtraAmount {
    color: black;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
}

#tdOQExtraOptionName {
    padding-left: 10px;
    padding-right: 10px;
    color: black;
}

#tdOQExtraQtyTextBox {
    text-align: center;
    padding-left: 20px;
}

.txtOQSubtitutionExtraQty {
    width: 28px;
    text-align: right;
}

.tdOQExtraCost {
    text-align: right;
    color: black;
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px;
}

#htOQSeperator {
    border: 1px solid #6B5139;
}

#tdOQNetExtraTotal {
    color: black;
    text-align: right;
    padding-right: 1px;
    padding-bottom: 5px;
    font-weight: bold;
}

#divOptionQuantityFooterDescription {
    color: black;
    padding: 5px;
    text-align: left;
}
/*Start style for OptionQuantity.ascx*/
.tblPizzaControlContent .tdDouble.enabled {
    width: 25px;
    height: 25px;
    background: url(../Images/ExtraTopping.gif) no-repeat 18px;
}

.tblPizzaControlContent .tdNone {
    width: 25px;
    height: 25px;
    background: url(../Images/toppings_none.gif) no-repeat 3px;
}

.tblPizzaControlContent .tdWhole {
    width: 25px;
    height: 25px;
    background: url(../Images/toppings_all.gif) no-repeat 4px;
}

.tblPizzaControlContent .tdLeftHalf {
    width: 25px;
    height: 25px;
    background: url(../Images/toppings_1_half.gif) no-repeat 4px;
}

.tblPizzaControlContent .tdRightHalf {
    width: 25px;
    height: 25px;
    background: url(../Images/toppings_2_half.gif) no-repeat 4px;
}

.tblPizzaControlContent .tdWhole.disabled {
    width: 0px;
    height: 0px;
    display: none;
}

.tblPizzaControlContent .tdLeftHalf.disabled {
    width: 0px;
    height: 0px;
    display: none;
}

.tblPizzaControlContent .tdRightHalf.disabled {
    width: 0px;
    height: 0px;
    display: none;
}


.tdToppingTitle {
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 15px;
    font-weight: bold;
    width: 120px;
}

#tblPizzaControlContent {
    font-family: Verdana;
    padding-bottom: 20px;
}

#lblToppingName {
    padding-left: 10px;
    white-space: nowrap;
    width: 220px;
}

/* (START) Social Media Marketing */
.tdfacebookShare, .tdtwittertweet, .tdsharemisc {
    padding: 5px;
}

.tdfacebookShare {
    padding-top: 15px;
}

.divSocialMediaContainer {
    float: left;
    width: 345px;
    text-align: left;
    border-top: 1px solid #876400;
    border-right: 1px solid #876400;
}

.tblSocialMedia {
    width: 260px;
}

.divShareCaptionLabel {
    text-align: left;
    color: #ccc;
    font-family: georgia;
    font-weight: bold;
    font-size: 12px;
    margin: 0pt 8px 0pt 8px;
    padding: 15px 5px 0pt 2px;
    height: 60px;
}
/* (END) Social Media Marketing */
