.WebTelErrorMessage
{
    
    font-size: 12px;
    font-weight: bold;
}
.Addons
{
    color: #666;
    
}
.Addons td {
    /*width: 300px;*/
}
#divCheckListBox table {
    width: 100% !important;
}
/*Start style for AdditionControl.ascx*/
#tableAdditionControl
{
    width: 95%;
}
#AdditionHeaderDescription
{
    
    color: #666;
    padding: 5px;
    text-align: left;
}
#AdditionVisible
{
    color: #666;
    
}
#AdditionGroupCode
{
    
    font-size: 12px;
    color: #666;
    text-align: center;
}
#AdditonMySelection
{
    
    font-size: 12px;
    color: #666;
    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: #666;
    padding: 5px;
    text-align: left;
}
/*End style for AdditionControl.ascx*/



/****(START) Tabsize Control on Item Detail Page ****/
.OptionWrapperContainer {
    margin-bottom:15px;
    width:100%;
    float:left;
}
    .OptionWrapperContainer table {
        margin-bottom:0 !important;
    }
.OptionQuatityWrapperContainer {
    /*margin-bottom:20px;*/
}
#tblSizeControl {
    /*margin-bottom:20px;*/
}
#TabSizeHeaderDescription {
}
#divTabSizeListContainer {
}
/****(END) Tabsize Control on Item Detail Page ****/




/*Start style for CheckListBoxControl.ascx*/
#CheckListHeaderDescription
{   
}
#CheckListFooterDescription
{   
}
/*End style for CheckListBoxControl.ascx*/

/*Start style for DropDownListControl.ascx*/
#DropDownHeaderDescription
{   
}
.DropDownListControlFont
{
    font-size: 12px;
    color: #666;
}
#DropDownFooterDescription
{
}
/*End style for DropDownListControl.ascx*/

/*Star style for RadioButton.ascx*/
#RadioButtonHeaderDescription
{   
}
#RadioButtonFooterDescription
{   
}
/*End style for RadioButton.ascx*/

/*Start style for Substitution.ascx*/
#SubstitutionHeaderDescription
{
	
	/*color: #666;
	padding: 5px;
	text-align: left;*/
}
#SubstitutionContainer
{
	/*padding-left: 35px;*/
	text-align:left;
}
#SubtitutionTable
{
	border: solid 2px #F2EAE7;
}
#SubtitutionDefault
{
	padding-right: 20px;
	vertical-align: top;
}
#SubtittutionDefaultTitle
{
	color: #742220;
	text-align: center;
	vertical-align: top;
	border-right-style: solid;
	border-color: #F2EAE7;
	border-right-width: 2px;
	padding-bottom: 4px;
	padding-top: 3px;
}
#SubstitutionExtraTitle
{
	color: #742220;
	text-align: center;
	vertical-align: top;
	padding-bottom: 4px;
	padding-top: 3px;
}
#SubstitutionQtySpace
{
	padding-right: 20px;
	vertical-align: top;
}
#SubstitutionDefaultQuantity
{
	color: #742220;
	text-align: right;
	vertical-align: top;
	padding-left: 10px;
	padding-bottom: 4px;
}
#SubstitutionSelected
{
	color: #742220;
	text-align: center;
	vertical-align: top;
	border-right-style: solid;
	border-color: #F2EAE7;
	border-right-width: 2px;
	padding-bottom: 4px;
	margin-left: 20px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight:bold;
}
#SubstitutionExtraQuantity
{
	color: #742220;
	text-align: center;
	vertical-align: top;
	padding-left: 20px;
}
#SubstitutionAmount
{
	color: #742220;
	text-align: center;	
	vertical-align: top;
}
#SubstitutionOptionName
{
	padding-left: 10px;
	padding-right: 10px;
	color: #666;
}
#SubstitutionQuantityLable
{
	text-align: right;
	color: #666;
}
#SubstitutionDropDown
{
	text-align: center;
	border-right-style: solid;
	border-color: #F2EAE7;
	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: #666;
	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: #666;
	text-align: right;
	padding-right: 1px;
	padding-bottom: 5px;
}
#SubstitutionFooterDescription
{
	font-family: black;
	color: red;
	padding: 5px;
	text-align: left;
	
}
    #SubstitutionFooterDescription + span + span.lblRenderType {
        display:none;
    }
/*Start style for Substitution.ascx*/

.PnlItemOptionContainer {
    margin-top: 0;
    padding: 0px;
}
.pnlMultipleSizeContainer
{
    /*border-width: 1px;
    border-style: solid;
    border-color: #241100;
    text-align: center;
    margin-left: 2px;
    width: auto !important;*/
}
.pnlSingleSizeContainer
{
    text-align: center;
    border: none;
}
.SelectedTab
{
    background: none repeat scroll 0 0 #CCA250;
    border: medium none;
    color: White;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 5px 10px 5px;
    padding: 10px 15px;
    border-radius:3px;
    width:100%;
}
.UnSelectedTab
{

     background: none repeat scroll 0 0 #E6E6E6;
    border: medium none;
    color: #666;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 5px 10px 5px;
    padding: 10px 15px;
    border-radius:3px;
    width:100%;
}
.hrSubControlSeperator
{
    margin-right: 10px;
    display:none;
}


/* (START) Social Media Marketing */
.tdfacebookShare, .tdtwittertweet, .tdsharemisc
{
    padding: 5px;
}
.tdfacebookShare
{
    padding-top: 15px;
}
.divSocialMediaContainer
{
    background: #Fff;
    width: 350px;
    text-align: left;
    border: solid 1px #d9d9d9;
    float: left;
    border-left:none;
    border-bottom:none;
}
.tblSocialMedia
{
    width: 260px;
}
.divShareCaptionLabel
{
    text-align: left;
    color: #666;
    font-family: georgia;
    font-weight: bold;
    font-size: 12px;
    margin: 0pt 8px 0pt 8px;
    padding: 15px 5px 0pt 2px;
    border-right: 1px solid black;
    height: 60px;
}
/* (END) Social Media Marketing */



/* (START) Pizza Toppings Control */
.tblPizzaControlContent .tdDouble.enabled
{
    width: 25px;
    height: 25px;
    background: url(../Images/ExtraTopping.gif) no-repeat 2px;
}
.tblPizzaControlContent .tdNone
{
    width: 25px;
    height: 25px;
    background: url(../Images/toppings_none.png) no-repeat 2px;
}
.tblPizzaControlContent .tdWhole
{
    width: 25px;
    height: 25px;
    background: url(../Images/toppings_all.png) no-repeat 2px;
}
.tblPizzaControlContent .tdLeftHalf
{
    width: 25px;
    height: 25px;
    background: url(../Images/toppings_1_half.png) no-repeat 2px;
}
.tblPizzaControlContent .tdRightHalf
{
    width: 25px;
    height: 25px;
    background: url(../Images/toppings_2_half.png) no-repeat 2px;
}
.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;*/
}
.ptc-icon {
    float:left;
}
/* (END) Pizza Toppings Control */


/************************************************B O O T S T R A P    C L A S S     E D I T**************************************/
@media screen and (max-width: 991px) {
    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: normal !important;
        display: block;
    }
}

@media screen and (min-width: 991px) {
    .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        width: 50%;
    }
}

/*Start style for Option Quantity Control*/
#divOptionQuantityContainer
{
    /*padding-left: 35px;*/
}
#tblOptionQuantityTable
{
    border: solid 2px #6B5139;
}
#tdOptionQuantityDefault
{
    padding-right: 20px;
    vertical-align: top;
}

#tdOptionQuantityExtraTitle
{
    color: #666;
    text-align: center;
    vertical-align: top;
    padding-bottom: 4px;
    padding-top: 3px;
}
#tdOptionQuantitySpace
{
    padding-right: 20px;
    vertical-align: top;
}

#tdOQExtraQuantity
{
    color: #666;
    text-align: center;
    vertical-align: top;
    padding-left: 20px;
}
#tdOQExtraAmount
{
    color: #666;
    text-align: center;
    vertical-align: top;
}
#tdOQExtraOptionName
{
    padding-left: 10px;
    padding-right: 10px;
    color: #666;
}

#tdOQExtraQtyTextBox
{
    text-align: center;
    padding-left: 20px;
}
.txtOQSubtitutionExtraQty
{
    width: 28px;
    text-align: right;
}
.tdOQExtraCost
{
    text-align: right;
    color: #666;
    font-size: 12px;
    padding-right: 10px;
    padding-left: 10px;
}
#htOQSeperator
{
    border: 1px solid #6B5139;
}

#tdOQNetExtraTotal
{
    color: #666;
    text-align: right;
    padding-right: 1px;
    padding-bottom: 5px;
}
#divOptionQuantityHeaderDescription
{   
}
#divOptionQuantityFooterDescription
{   
}
.tdOQExtraQtyName, .tdOQExtraAmountName,.tdOQExtraQtyTextBox,.tdOQExtraCost {
    text-align:left;
}
/*End style for Option Quantity Control*/





.table-header-row, .table-item-row, .table-footer-row {
    padding:0 !important;
}

.table-header-col, .table-item-col, .table-footer-col {
    display: block;
    max-width: 100%;
    margin-bottom: 5px;
    /* font-weight: 700; */
    font-size: 14px;
    font-weight: normal;
    color: #666;
    letter-spacing: 1px;
    
}

.table-header-col, .table-footer-col {
    color: #742220;
}

.txtOQSubtitutionExtraQty {
    width: 48px;
    text-align: left;
}

.table-header-row {
    margin-bottom: 15px;
    /*border-top:2px solid #F2EAE7;*/
    border-bottom:2px solid #F2EAE7;
    padding-top: 10px !important;
    padding-bottom: 10px !important;

}

#tblOptionQuantityTable {
    border: none;
}
.hideMe {
    display:none !important;
}
.table-item-row:last-child
{
    border-bottom:2px solid #F2EAE7;
}
@media screen and (max-width: 480px) {
    .table-header-col, .table-item-col, .table-footer-col {
        font-size:13px;
    }
    .txtOQSubtitutionExtraQty {
        width:32px;
    }
}