﻿.WebTelErrorMessage
{
    font-family: Verdana;
    font-size: 12px;
    font-weight: bold;
}
.Addons
{
    color: #ccc;
    font-family: Verdana;
}
.Addons td
{
    width:300px;
}

/*Start style for AdditionControl.ascx*/
#tableAdditionControl
{
    width: 95%;
}
#AdditionHeaderDescription
{
    font-family: Verdana;
    color: black;
    padding: 5px;
    text-align: left;
}
#AdditionVisible
{
    color: black;
    font-family: Verdana;
}
#AdditionGroupCode
{
    font-family: Verdana;
    font-size: 12px;
    color: black;
    text-align: center;
}
#AdditonMySelection
{
    font-family: Verdana;
    font-size: 12px;
    color: black;
    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: #FABD3C;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
#CheckListFooterDescription
{
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}
/*End style for CheckListBoxControl.ascx*/

/*Start style for DropDownListControl.ascx*/
#DropDownHeaderDescription
{
    color: #ccc;
    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: #FABD3C;
    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;
    color:#ccc;
}
.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 #424242;
    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-color:#ed1c24 ;
    cursor: pointer;
    color: White !important;
    margin-top: 15px;
    height: 25px;
}
.UnSelectedTab
{
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana;
    border: none;
    background-color:#4ba335;
    cursor: pointer;
    color: White !important;
    margin-top: 20px;
    height: 20px;
}


/*Start style for OptionQuantity.ascx*/

#divOptionQuantityHeaderDescription
{
    color: #FABD3C;
    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.png) no-repeat 3px;
}
.tblPizzaControlContent .tdWhole
{
    width: 25px;
    height: 25px;
    background: url(../Images/toppings_all.png) no-repeat 4px;
}
.tblPizzaControlContent .tdLeftHalf
{
    width: 25px;
    height: 25px;
    background: url(../Images/toppings_1_half.png) no-repeat 4px;
}
.tblPizzaControlContent .tdRightHalf
{
    width: 25px;
    height: 25px;
    background: url(../Images/toppings_2_half.png) 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
{
    margin-left:28px;
    float:left;
    width: 345px;
    text-align: left;
    background: #fff;
    border-top:border:1px solid #C1B0A0;
    border-right:border:1px solid #C1B0A0;
    }
.tblSocialMedia
{
    width: 260px;
    
}
.divShareCaptionLabel
{
    text-align: left;
    color: black;
    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 */