:root {
    --greenTextColor: #749949; 
    --redTextColor: #bd4726;
}
/*.NET STUFF*/
#aspnetForm
{
    margin: 0;
    padding: 0;
}
/* MASTER STYLES */
*bu
{
    outline: none;
}
a
{
    text-decoration: none;
    cursor: pointer;
    outline: none;
    color: #2e1f0f;
}
a:hover
{
    color: #A6311A;
}
.scroll
{
    overflow: auto;
}

.dspBlock
{
    display: block !important;
}
/*OPACITY*/
.opacity0{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
    filter: alpha(opacity=0) !important;
    -moz-opacity: 0 !important;
    -khtml-opacity: 0 !important;
    opacity: 0 !important;
    background: #fff; /* CC, Fix for IE8 to make elements with this class retain their clickability */
}
.noBgImg{
    background-image:none !important        
}
/*BORDERS*/
.noBorder
{
    border: 0 !important;
}
.borderBrownTop
{
	border-top: 1px #2F1E0F solid !important;
}
.borderLightTop
{
    border-top: 1px #B5AB9E solid !important;
}
.borderDarkTop
{
	border-top: 1px #2F1E0F solid !important;
}
.borderTopGray_3
{
	border-top: 1px #B5AB9E solid !important;
}

.borderLightBottom
{
    border-bottom: 1px #B5AB9E solid !important;
}
.borderOrangeBottom
{
	border-bottom: 1px solid var(--redTextColor) !important;
}
.borderLtOrangeBottom
{
	border-bottom: 1px solid #F28753 !important;
}

.borderDarkBottom
{
    border-bottom: 1px solid #2e1f0f !important;
}
.grayBorder
{
    border: 1px solid #B5AB9E;
}
.redBorder
{
    border: 1px solid var(--redTextColor);
}
.borderRight
{
    border-right: 1px #B5AB9E solid;
}
.borderLeft
{
    border-left: 1px #B5AB9E solid;
}
/*SHADOWS*/
.shadow
{
    -moz-box-shadow:    2px 10px 6px 5px #000000;
    -webkit-box-shadow: 2px 10px 6px 5px #000000;
    box-shadow:         2px 10px 6px 5px #000000;
}

.shadowLight
{
    -moz-box-shadow:    2px 2px 4px 1px #2E1F0F;
    -webkit-box-shadow: 2px 2px 4px 1px #2E1F0F;
    box-shadow:         2px 2px 4px 1px #2E1F0F;
}

/*LISTS*/


ul.noindent
{
    margin: 0;
    padding: 0;
}

ul.noindent li
{
    list-style: none;
    margin: 0;
    padding: 5px 0 5px 0;
}

/*COLUMN WIDTHS*/
.widthFull
{
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
.width90Percent
{
    width: 90% !important;
    min-width: 90% !important;
    max-width: 90% !important;
}
.width95Percent
{
    width: 95% !important;
    min-width: 95% !important;
    max-width: 95% !important;
}
.width70Percent
{
    width: 70% !important;
    min-width: 70% !important;
    max-width: 70% !important;
}
.widthHalf
{
    width: 50% !important;
    min-width: 50% !important;
    max-width: 50% !important;
}
.width5Percent
{
    width: 5% !important;
    min-width: 5% !important;
    max-width: 5% !important;
}
.width10Percent
{
    width: 10% !important;
    min-width: 10% !important;
    max-width: 10% !important;
}
.width15Percent
{
    width: 15% !important;
    min-width: 15% !important;
    max-width: 15% !important;
}
.width22Percent
{
    width: 22% !important;
    min-width: 22% !important;
    max-width: 22% !important;
}
.width20Percent
{
    width: 20% !important;
    min-width: 20% !important;
    max-width: 20% !important;
}
.width24Percent
{
    width: 24% !important;
    min-width: 24% !important;
    max-width: 24% !important;
}
.width25Percent
{
    width: 25% !important;
    min-width: 25% !important;
    max-width: 25% !important;
}
.width28Percent
{
    width: 28% !important;
    min-width: 28% !important;
    max-width: 28% !important;
}
.width30Percent
{
    width: 30% !important;
    min-width: 30% !important;
    max-width: 30% !important;
}
.width35Percent
{
    width: 35% !important;
    min-width: 35% !important;
    max-width: 35% !important;
}
.width40Percent
{
    width: 40% !important;
    min-width: 40% !important;
    max-width: 40% !important;
}
.width45Percent
{
    width: 45% !important;
    min-width: 45% !important;
    max-width: 45% !important;
}
.width49Percent
{
    width: 49% !important;
    min-width: 49% !important;
    max-width: 49% !important;
}
.width50Percent
{
    width: 50% !important;
    min-width: 50% !important;
    max-width: 50% !important;
}
.width55Percent
{
    width: 55% !important;
    min-width: 55% !important;
    max-width: 55% !important;
}
.width60Percent
{
    width: 60% !important;
    min-width: 60% !important;
    max-width: 60% !important;
}
.width80Percent
{
    width: 80% !important;
    min-width: 80% !important;
    max-width: 80% !important;
}
.width85Percent
{
    width: 85% !important;
    min-width: 85% !important;
    max-width: 85% !important;
}
.width90Percent
{
    width: 90% !important;
    min-width: 90% !important;
    max-width: 90% !important;
}
.width100Percent
{
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
.widthThird
{
    min-width: 33.3% !important;
    max-width: 33.3% !important;
}
.widthQuarter
{
    min-width: 25%;
    max-width: 25%;
}
.width17
{
    min-width: 17px !important;
    max-width: 17px !important;
    width: 17px !important;
}
.width20
{
    min-width: 20px !important;
    max-width: 20px !important;
    width: 20px !important;
}
.width30
{
    min-width: 30px !important;
    max-width: 30px !important;
    width: 30px !important;
}
.width40
{
    min-width: 40px !important;
    max-width: 40px !important;
    width: 40px !important;
}
.width48 {
    min-width: 48px !important;
    max-width: 48px !important;
    width: 48px !important;
}
.width50
{
    min-width: 50px !important;
    max-width: 50px !important;
    width: 50px !important;
}
.width60
{
    min-width: 60px !important;
    max-width: 60px !important;
    width: 60px !important;
}
.width70
{
    min-width: 70px !important;
    max-width: 70px !important;
    width: 70px !important;
}
.width75
{
    min-width: 75px !important;
    max-width: 75px !important;
    width: 75px !important;
}.width80
{
    min-width: 80px !important;
    max-width: 80px !important;
    width: 80px !important;
}
 .width90
{
    min-width: 90px !important;
    max-width: 90px !important;
    width: 90px !important;
}
.width100
{
    min-width: 100px !important;
    max-width: 100px !important;
    width: 100px !important;
}
.width110
{
    min-width: 110px !important;
    max-width: 110px !important;
    width: 110px !important;
}
.width115
{
    min-width: 115px !important;
    max-width: 115px !important;
    width: 115px !important;
}
.width120
{
    min-width: 120px !important;
    max-width: 120px !important;
    width: 120px !important;
}
.width130
{
    min-width: 130px !important;
    max-width: 130px !important;
    width: 130px !important;
}
.width140
{
    min-width: 140px !important;
    max-width: 140px !important;
    width: 140px !important;
}
.width150
{
    min-width: 150px !important;
    max-width: 150px !important;
    width: 150px !important;
}
.width160
{
    min-width: 160px !important;
    max-width: 160px !important;
    width: 160px !important;
}
.width170
{
    min-width: 170px !important;
    max-width: 170px !important;
    width: 170px !important;
}
.width180
{
    min-width: 180px !important;
    max-width: 180px !important;
    width: 180px !important;
}
.width190
{
    min-width: 190px !important;
    max-width: 190px !important;
    width: 190px !important;
}
.width200
{
    min-width: 200px !important;
    max-width: 200px !important;
    width: 200px !important;
}
.width220
{
    min-width: 220px !important;
    max-width: 220px !important;
    width: 220px !important;
}
.width240
{
    min-width: 240px !important;
    max-width: 240px !important;
    width: 240px !important;
}
.width250
{
    min-width: 250px !important;
    max-width: 250px !important;
    width: 250px !important;
}
.width251
{
    min-width: 251px !important;
    max-width: 251px !important;
    width: 251px !important;
}
.width280
{
    min-width: 280px !important;
    max-width: 280px !important;
    width: 280px !important;
}
.width285
{
    min-width: 285px !important;
    max-width: 285px !important;
    width: 285px !important;
}
.width300
{
    min-width: 300px !important;
    max-width: 300px !important;
    width: 300px !important;
}
.width310
{
    min-width: 310px !important;
    max-width: 310px !important;
    width: 310px !important;
}
.width350
{
    min-width: 350px !important;
    max-width: 350px !important;
    width: 350px !important;
}
.width360
{
    min-width: 360px !important;
    max-width: 360px !important;
    width: 360px !important;
}
.width400
{
    min-width: 400px !important;
    max-width: 400px !important;
    width: 400px !important;
}
.width410
{
    min-width: 410px !important;
    max-width: 410px !important;
    width: 410px !important;
}
.width445
{
    min-width: 445px !important;
    max-width: 445px !important;
    width: 445px !important;
}
.width450
{
    min-width: 450px !important;
    max-width: 450px !important;
    width: 450px !important;
}
.width500
{
    min-width: 500px !important;
    max-width: 500px !important;
    width: 500px !important;
}
.width550
{
    min-width: 550px !important;
    max-width: 550px !important;
    width: 550px !important;
}
.width600
{
    min-width: 600px !important;
    max-width: 600px !important;
    width: 600px !important;
}
.width932
{
    min-width: 932px !important;
    max-width: 932px !important;
    width: 932px !important;
}
/*HEIGHTS*/
.heightFull
{
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
}
.height8 
{
    min-height: 8px !important;
    max-height: 8px !important;
    height: 8px !important;
}
.height53 
{
    min-height: 53px !important;
    max-height: 53px !important;
    height: 53px !important;
}
.height140 
{
    min-height: 140px !important;
    max-height: 140px !important;
    height: 140px !important;
}
.height150 
{
    min-height: 150px !important;
    max-height: 150px !important;
    height: 150px !important;
}
.maxHeight500
{
    max-height: 500px !important;
}
.minHeight800
{
    min-height: 800px !important;
}
.minHeight20
{
    min-height: 20px !important;
}
/*ROUNDED CORNERS*/
.rounded10
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.rounded5
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.rounded2
{
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
/*POSITIONING HELPERS*/
.rel
{
    position: relative;
    z-index: inherit;
}
.relForce
{
    position: relative !important;
    z-index: inherit;
}
.abs
{
    position: absolute !important;
}

/*Padding*/

.pad0
{
    padding: 0 !important;
}
.pad5
{
    padding: 5px !important;
}
.pad8
{
    padding: 8px !important;
}
.pad10
{
    padding: 10px !important;
}
.pad15
{
    padding: 15px !important;
}
.pad17
{
    padding: 17px !important;
}
.pad20
{
    padding: 20px !important;
}
.pad23
{
    padding: 23px !important;
}
.pad25
{
    padding: 25px !important;
}
.pad30
{
    padding: 30px !important;
}

.padH0
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.padH10
{
    padding: 0 10px !important;
}
.padH15
{
    padding: 0 15px !important;
}
.padH20
{
    padding: 0 20px !important;
}
.padH30
{
    padding: 0 30px !important;
}
.padH40
{
    padding: 0 40px !important;
}
.padTop0
{
    padding-top: 0px !important;
}
.padTop5
{
    padding-top: 5px !important;
}
.padTop7
{
    padding-top: 7px !important;
}
.padTop10
{
    padding-top: 10px !important;
}
.padTop15
{
    padding-top: 15px !important;
}
.padTop20
{
    padding-top: 20px !important;
}
.padTop30
{
    padding-top: 30px !important;
}
.padBottom5
{
    padding-bottom: 5px !important;
}
.padBottom10
{
    padding-bottom: 10px !important;
}
.padBottom15
{
    padding-bottom: 15px !important;
}
.padBottom20
{
    padding-bottom: 20px !important;
}
.padBottom30
{
    padding-bottom: 30px !important;
}

.padV0
{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.padV3
{
    padding: 3px 0 !important;
}
.padV5
{
    padding: 5px 0 !important;
}
.padV10
{
    padding: 10px 0 !important;
}
.padV20
{
    padding: 20px 0 !important;
}

.padLeft5
{
    padding-left: 5px !important;
}
.padLeft8
{
    padding-left: 8px !important;
}
.padLeft10
{
    padding-left: 10px !important;
}
.padLeft20
{
    padding-left: 20px !important;
}
.padLeft25
{
    padding-left: 25px !important;
}
.padLeft30
{
    padding-left: 30px !important;
}


.padRight30
{
    padding-right: 30px !important;
}

.padRight50
{
    padding-right: 50px !important;
}

.padLeftRight5
{
    padding-left: 5px !important;
    padding-right: 5px !important;
}

/*Margins*/

.margin0
{
    margin: 0 !important;
}
.margin5
{
    margin: 5px !important;
}
.margin10
{
    margin: 10px !important;
}
.margin20
{
    margin: 20px !important;
}
.margin30
{
    margin: 30px !important;
}

.marginBottom3
{
    margin-bottom: 3px !important;
}
.marginBottom5
{
    margin-bottom: 5px !important;
}
.marginBottom8
{
    margin-bottom: 8px !important;
}
.marginBottom10
{
    margin-bottom: 10px !important;
}
.marginBottom15
{
    margin-bottom: 15px !important;
}
.marginBottom20
{
    margin-bottom: 20px !important;
}
.marginBottom30
{
    margin-bottom: 30px !important;
}

.marginTop0
{
    margin-top: 0px !important;
}
.marginTop2
{
    margin-top: 2px !important;
}
.marginTop3
{
    margin-top: 3px !important;
}
.marginTop5
{
    margin-top: 5px !important;
}
.marginTop10
{
    margin-top: 10px !important;
}
.marginTop15
{
    margin-top: 15px !important
}
.marginTop20
{
    margin-top: 20px !important;
}
.marginTop25
{
    margin-top: 25px !important;
}
.marginTop30
{
    margin-top: 30px !important;
}
.marginTop40
{
    margin-top: 40px !important;
}
.marginTop50
{
    margin-top: 50px !important;
}
.marginTop70
{
    margin-top: 70px !important;
}
.marginTop80
{
    margin-top: 80px !important;
}
.marginTopNeg5
{
    margin-top: -5px !important;
}
.marginTopNeg10
{
    margin-top: -10px !important;
}
.marginTopNeg20
{
    margin-top: -20px !important;
}
.marginTopNeg50 {
    margin-top: -50px !important;
}
.marginRight2
{
    margin-right: 2px !important;
}
.marginRight5
{
    margin-right: 5px !important;
}
.marginRight10
{
    margin-right: 10px !important;
}
.marginRight15
{
    margin-right: 15px !important;
}
.marginRight16
{
    margin-right: 16px !important;
}
.marginRight19
{
    margin-right: 19px !important;
}
.marginRight20
{
    margin-right: 20px !important;
}
.marginRight21
{
    margin-right: 21px !important;
}
.marginRight30
{
    margin-right: 30px !important;
}
.marginRight37
{
    margin-right: 37px !important;
}
.marginRight40
{
    margin-right: 40px !important;
}
.marginRight42
{
    margin-right: 42px !important;
}
.marginRight43
{
    margin-right: 43px !important;
}
.marginRight45
{
    margin-right: 45px !important;
}
.marginRight49
{
    margin-right: 49px !important;
}
.marginRight50
{
    margin-right: 50px !important;
}
.marginRight65
{
    margin-right: 65px !important;
}
.marginRight80
{
    margin-right: 80px !important;
}
.marginRight89
{
    margin-right: 89px !important;
}
.marginLeft3
{
    margin-left: 3px !important;
}
.marginLeft6 {
    margin-left: 6px !important;
}
.marginLeft10
{
    margin-left: 10px !important;
}
.marginLeft16
{
    margin-left: 16px !important;
}
.marginLeft20
{
    margin-left: 20px !important;
}
.marginLeft30
{
    margin-left: 30px !important;
}
.marginLeft40
{
    margin-left: 40px !important;
}
.marginLeft47
{
    margin-left: 47px !important;
}
.marginLeft50
{
    margin-left: 50px !important;
}
.marginLeft55
{
    margin-left: 55px !important;
}
.marginLeft65
{
    margin-left: 65px !important;
}
.marginLeft75
{
    margin-left: 75px !important;
}
.marginLeft76
{
    margin-left: 76px !important;
}
.marginLeft105
{
    margin-left: 105px !important;
}
.marginLeft106
{
    margin-left: 106px !important;
}
.marginLeft130 {
    margin-left: 130px !important;
}
.marginLeft205
{
    margin-left: 205px !important;
}
.marginLeft250
{
    margin-left: 250px !important;
}
.marginLeft310
{
    margin-left: 310px !important;
}
.marginLeft400
{
    margin-left: 400px !important;
}
.marginLeftNeg5 
{
    margin-left: -5px !important;
}
.marginLeftNeg35
{
    margin-left: -35px !important;
}
.marginH0
{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.marginH3
{
    margin-left: 3px !important;
    margin-right: 2px !important;
}
.marginH5
{
    margin-left: 5px !important;
    margin-right: 5px !important;
}
.marginH10
{
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.marginH15
{
    margin-left: 15px !important;
    margin-right: 15px !important;
}
.marginH20
{
    margin-left: 20px !important;
    margin-right: 20px !important;
}
.marginH30
{
    margin-left: 30px !important;
    margin-right: 30px !important;
}
.marginHNeg20
{
    margin-left: -20px !important;
}


.marginV5
{
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}
.marginV10
{
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.marginV15
{
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.marginV20
{
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.internalBillingReference input[type='checkbox'], 
.sendInvoices input[type='checkbox'], 
.sendStatements input[type='checkbox'] {
    margin-right:5px !important;
}



.txtAlignRight
{
    text-align: right !important;
}
.txtAlignLeft
{
    text-align: left !important;
}
.txtAlignCenter
{
    text-align: center !important;
}

.verticalAlignMiddle 
{
    vertical-align: middle !important;
}

.hide
{
    display: none;
}
.hidden
{
    display: none !important;
}
.floatLeft
{
    float: left !important;
}
.floatRight
{
    float: right !important;
}
.positionRelative
{
    position: relative !important;
}
.clear
{
    clear: both !important;
}
/* FORM ELEMENTS */
.hasPlaceholder
{
    color: #777;
}
input[type="text"], input[type="password"], textarea
{
    padding: 5px;
    margin-bottom: 8px;
    min-width: 95%;
}
.disabled {
    background: #EBEBE4 !important;
    color: #545454 !important;
}
.disabledAndNoPointerEvents {
    background: #E4DFC9 !important;
    opacity: 0.25;
    pointer-events: none;
}
.disabledWithBorder {
    background: #EBEBE4 !important;
    color: #545454 !important;
    pointer-events: none;
    border-color: #9B967A !important;
}

select
{
    margin: 5px;
}
/* LAYOUT */
/* maxvoltar.com/archive/-webkit-font-smoothing */
html
{
    -webkit-font-smoothing: antialiased;
}
/*
fonts.css from the YUI Library: developer.yahoo.com/yui/
Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages
*/
body
{
    font: 13px "museo-sans" , sans-serif; 
    font-style: normal !important;
    font-weight:300 !important;
    *font-size:small;
    *font:x-small;
    line-height:1.35;
}
table
{
    font-size: inherit;
    font: 100%;
}

select, input, textarea
{
    font: 99% "museo-sans" , sans-serif;
    font-weight: bold;
}
html, body
{
    margin: 0;
    padding: 0;
    height: 100%; /* needed for container min-height */
    background: #565656 url(../images/bg/bg-wood.jpg) repeat top center;
    width: 100%;
}
#container
{
    position: relative; /* needed for footer positioning*/
    min-height: calc(100% - 55px); /* real browsers */
}
#main
{
    height: 100%;
    position: relative;
    width: 960px;
    margin: 0 auto;
}
#header
{
    z-index: 1000;
    width: 960px;
    margin: 0 auto;
}
#fixedHeader
{
    position: fixed;
    height: 105px;
    width: 100%;
    left: 0;
    z-index: 1005;
    margin-bottom: 10px;
}
#innerHeaderBlock
{
    height: 95px;
}
.redWoodBlock
{
    background: url(../images/bg/bg-wood-red.jpg);
}
.brownWoodBlock
{
    background: url(../images/bg/bg-wood-dark.jpg);
}
.bgWoodBlock {
    background: #565656 url(../images/bg/bg-wood.jpg) repeat top center;
}
.mainHeading
{
    background: #2C221A;
    padding: 6px 10px;
}
.mainHeading a
{
    color: #ffffff;
}
.headerLrg
{
    background: url(../images/bg/barRoundedTop.png) no-repeat;
    padding: 10px 20px 8px 20px;
    width: 920px;
    min-height: 30px;
    position: absolute;
    z-index: 3;
    font-family: 'museo-slab' , sans-serif;
    color: #fff;
    /*font-weight: 700;*/
}
.headerLrg .returnLink
{
    margin-top: 20px;
    font-size: 12px;
    display: block;
    color: #fff;
}
.headerLrg .headingDescription
{
    font-size: 20px;
    float: left;
    color: #fff;
    padding: 8px 15px 10px 15px;
    text-transform: uppercase;
}
.headerLrg a
{
    color: #fefefe;
}
#headerContent
{
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.excelUploadSection {
    margin-top:5px;
    font-size:14px;
    padding:10px 9px 9px 9px;
}

#content
{
    padding-top: 95px;
    padding-bottom: 5px;
    width: 960px;
    margin: 0 auto;
    position: relative;
    clear: both;
}
#content .outerContainer
{
    background-color: #E4DFC9 !important;
    min-height: 200px;
    padding-top: 58px;
    padding-bottom: 50px;
    overflow:hidden
}

#content .addressBookContainer
{
    background-color: #E4DFC9 !important;
    min-height: 200px;
    padding-top: 70px;
    padding-bottom: 50px;
    overflow:hidden
}

.addressBookLists .existingFriend input[type=text]{
    font-weight:normal !important;
}

#content .addressBookContainer .addressBookLists {
    height: 200px; 
    overflow-y: scroll;
    margin: 0px 5px 5px 0px;
    padding: 9px;
    overflow: auto;
}

#content .edit-addressbook
{
    border: none;
    background-color: #E4DFC9;
    margin:0;
    min-width:0;
}

#content .noHeading
{
    padding-top: 30px !important;
}

#content .outerContainer.progress
{
    padding-top: 60px;
}
#footerSeparator
{

    width: 100%;
    height: 6px;
    background: #4f453b url(../images/bg/wood-block-09-redsm.jpg) repeat;
}
#footer
{
    font-size: 10px;
    font-family: "museo-sans" , sans-serif;
    font-weight:bold;
    width: 100%;
    height: 55px;
    background: #4f453b url(../images/bg/bg-wood-dark.jpg) repeat;
    bottom:0px; /* stick to bottom */
    color: #C0B299;
    clear: both;
    z-index: 2000; /*above everything*/
    position:relative; /*don't float*/
}
#footer a:link,#footer a:visited,#footer a:hover,#footer a:active
{
    color: #C0B299;
    margin: 10px 0;
}
#footerContent
{
    width: 960px;
    margin: 0 auto;
    text-align:right;
    font-size:10px;
}
#logo, .logo
{
    display: block;
    margin-top: 18px;
    position: absolute;
    width: 240px;
}
#copyright
{
    padding: 0px 0;
    /*clear:both*/

}
#footerText
{
    padding: 10px 0;
    clear:both
}
/* STATUS BAR */

#statusBar
{
    margin-top: -30px;
    height: 44px;
    float: right;
    padding: 14px 0px;
    font-family: "museo sans" , sans-serif;
    font-size: 11px;
    font-weight: 700;
    min-width: 660px;
    position: relative;
    border-bottom: 1px solid #9B967A;

}

#statusBar a
{
    vertical-align: middle;
    float:left;
    display:block
}
#statusBar #headerPanel_loginBtn, #statusBar #headerPanel_logoutBtn
{
    margin-top: -5px;
    font-size:11px;
}

#statusBar #bakersDozenIconsContainer {
    float: left;
    margin-right: 10px;
    padding-left: 5px;
}
#statusBar #bakersDozenContainer
{
    max-width: 200px;
}
#statusBar #bakersDozenContainer span
{
    margin-top: 2px;
    display: block;
    height: 11px;
}
.statusBarBox
{
    float: left;
    padding: 30px 0 0 0;
    height: 28px;
}

.statusBarBox .shield
{
    height: 28px;
    margin-left:-15px;
    margin-top: -5px;
    width: 100px;
    background: #DCDABC !important;
}

#statusBar .btnCheckoutTop
{
    max-width: 85px;
    left:-15px
}
/* HEADER MENU */

#headerMenu
{
    margin: 0 auto;
    padding: 0;
    margin-top: 45px;
    position: absolute;
    list-style: none;
    z-index: 1000;
    width: 960px;
    right: 0;
    height: 50px;
}

#headerMenu h5
{
    margin: 0;
    padding: 0;
    font-size: 16px;
    text-transform: uppercase;
}
#headerMenu p
{
    margin: 0;
    padding: 0;
    font-size: 12px;
}
#topNav
{
    clear: both;
    float: none;
    margin-left: 80px;
    margin-top: 40px;
    min-width: 750px;
    padding: 0;
    position: absolute;
    z-index:2000;
    top:0;
    left:0;
    min-width:900px;
    background-image:url(../images/trans.png);
}
#topNav .topNavTab
{
    font-family: "museo-slab", sans-serif;
    cursor: pointer;
    max-height: 30px;
    float: right;
    margin-top: 5px;
}
#topNav .topNavTabNoHover {
    font-family: "museo-slab", sans-serif;
    cursor: pointer;
    max-height: 30px;
    float: right;
    margin-top: 5px;
}
#topNav .topNavTabNoHover a {
    color: #B5AB9E ;
}
#topNav .topNavTabNoHover a:hover {
    color: white;
}
#topNav .firstTab
{
    padding-left: 40px;
}
#topNav .firstTab .tabHover
{
    padding-left: 80px !important;
    margin-left: -80px;
}
#topNav .tab
{
    color: #B5AB9E;
}
#topNav .tab .tabMargin
{
    height: auto;
    float: left;
    min-width: 10px;
}
#topNav .tab .tabTitle
{
    height: 42px;
    float: left;
    min-width: 10px;
    padding: 0 10px;
}
#topNav .tab div, #topNav .tabHover div
{
    padding: 10px 0;
}
#topNav .tabHover
{
    position: absolute;
    display: none;
}
#topNav .menuButtonHover
{
    background-image: url(../images/buttons/headerMenuButtonFull.png);
    float: left;
    min-width: 10px;
    background-position: top left;
    height: 34px;
}
#topNav .menuButtonHoverEnd
{
    background-position: top right !important;
}
#topNav .menuButtonHoverCenter
{
    background-position: top center !important;
    padding: 0 10px !important;
    height:54px
}
#topNav .title
{
    font-size: 13px;
    text-transform: uppercase;
}
#topNav .subtitle
{
    font-size: 11px;
    display: block;
    font-size: 11px;
}

#topNav .expandMenu
{
    position: absolute;
    
    width: 784px;
    height: 360px;
    margin: 4px 15px;
    background: url(https://images.specialtys.com/bg/menuExpanded.png) no-repeat;
    padding: 10px 20px;
    z-index: -999;
    display: none;
    left: 100px;
}

#topNav .expandMenu .expandMenuCol
{

}
#topNav .expContent
{
    margin: -20px 0 20px;
    padding: 0 !important;
}
/*#topNav .expandMenu .expandMenuCol .subHeading2 {
    margin-bottom:20px !important
}*/


/*
Group Add Ons Contents
*/
#groupAddOnContents .col {
	float:left;
}
#groupAddOnContents .col1 {
	width:47px;
}
#groupAddOnContents .col2 {
	width:265px;
    padding-right:10px
}
#groupAddOnContents .col2short {
	width:175px;
    padding-right:10px
}
#groupAddOnContents .col2a {
	width:270px;
    padding-right: 3px;
}
#orderContents .col3 {
	width:46px;
}
#groupAddOnContents .col4 {
	width:48px;
	text-align:right
}
#groupAddOnContents .col5 {
	width:77px;
	text-align:right;
}
#groupAddOnContents .col6 {
	width:38px;
	text-align:center
}
#groupAddOnContents.mainCol {    
    margin: 0 0 20px 19px;
    padding: 10px 13px;
}
#deliveryDetails .tableHeader,#groupAddOnContents .tableHeader {
	font-weight:700;
	font-size:13px;
    font-family: "museo-slab" , sans-serif;
}
#groupAddOnContents .itemRow {
	padding:5px 0;
	border-bottom: #817567 1px solid;
	
}
#groupAddOnContents .subtotalRow {
	color:#000 !important
}
#groupAddOnContents .updateQtyBtn {
	width:162px;
	display:block;
	margin-left:0 !important;
}

#groupAddOnContents .orderPanel_totalWithoutDisc{
    color:#7F7361;
    margin-right:8px;
    text-decoration: line-through

}
.gioEditAmountRemaining {
    color: #807363;
    font-weight:500;
    font-size: 14px;
    font-family:"museo-slab", sans-serif;
}
.editGioEventName {
    font-family: "Museo Sans 500" !important;
    font-size: 14px;
    text-decoration: underline;
    color: #807363;
    font-style: italic;
    display: inline-block;
}
#topNav .expandMenu .expContent ul
{
    list-style: circle !important;
    display: block;
    margin-top: 21px;
}
.expandMenu .expandMenuCol
{
    font-weight: 300;
    width: 200px;
    padding: 19px 8px 18px;
    float: left;
    margin-left: 10px;
    font-weight: 500;
}
.expandMenu .expandMenuCol a
{
    color: #2C221A;
    padding: 0px 0 0px 3px;
    margin-left: -3px;
    width: 100%;
    display: block;
}
.expandMenu .expandMenuCol a:hover
{
    color: #A6311A;
}

.expandMenu .expandMenuCol .subHeading
{
    text-transform: uppercase;
    font-size: 14px;
    color: #A6311A;
    line-height: 20px;
    font-weight:700;
}
.expandMenu .expandMenuCol .regionName
{
    margin-bottom: 19px;
}

.expandMenu .expandMenuCol .subHeading2
{
    font-size: 14px;
    font-weight: 700;
    color:#635947;
    line-height: 20px;
    font-family: "museo-sans" , sans-serif;
}
.expandMenu .expandMenuCol ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
    display: block;
   
}
.expandMenu .expandMenuCol ul li
{
    margin: 0;
    padding: 0;
    font-size: 13px;
    clear: both;
    display: block;
    line-height: 20px;
    font-family: "museo-sans" , sans-serif;
}
.expandMenu .expandMenuCol ul li.fav img, .expandMenu .expandMenuCol ul li.duo img
{
    position: absolute;
    margin-top: -4px;
}
.expandMenu .expandMenuCol .newIcon
{
    position:absolute;
    margin-left:-30px
}

/* BUTTONS / LINKS */
.pointer{cursor:pointer}
.link
{
    font-family: "museo-sans" , sans-serif;
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
    color: #000;
}
.link:hover
{
    color: #A6311A;
}

.linkOrange
{
    font-family: "museo-sans" , sans-serif;
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
    color: #A6311A !important;
}
.linkOrange:hover
{
    color: #902B17 !important;
}

.brownLinkSm
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background:url(../images/buttons/brownBg.jpg) repeat-x;
    padding:3px 15px;
    color:#fff;
    text-align:center;
    margin:0 5px;
    border:1px solid #4A3B2B;
    cursor:pointer
    }
.brownLinkMedC
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url(../images/buttons/brownBg.jpg) repeat-x;
    color: #fff;
    text-align: center;
    margin: 0 2px;
    border:1px solid #4A3B2B;
    font-size:12px;
    font-family: 'museo-sans',sans-serif;
    font-weight: 500;
    padding: 8px 18px;
    cursor:pointer
}
    
.brownLinkMedB
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url(../images/buttons/brownBg.jpg) repeat-x;
    padding: 7px;
    color: #fff;
    text-align: center;
    margin: 0 2px;
    border:1px solid #4A3B2B;
    font-size:12px;
    cursor:pointer
}
.brownLinkMed
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url(../images/buttons/brownBg.jpg) repeat-x;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    margin: 0;
    font-weight: 500;
    border:1px solid #4A3B2B;
    cursor:pointer
}

.brownLinkMedDisabled
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url(../images/buttons/bgButtonsBrown-disabled.jpg) repeat-x;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    margin: 0;
    font-weight: 500;
    cursor:pointer
}

.brownLinkMedDisabled:hover
{
    color: #fff !important;
}
.brownButtonSm
{
    background: url(../images/buttons/brownSm.png) no-repeat;
    width: 100px;
    height: 30px;
    padding: 6px 15px;
    color: #fff;
    text-align: center;
    margin: 0;
    border: 0;
    font-family: "museo-sans" , sans-serif;
    font-weight: 500;
    cursor:pointer
}

.brownButtonMed
{
    background: url(../images/buttons/brownMed.png) no-repeat;
    width: 162px;
    height: 30px;
    padding: 6px 15px;
    color: #fff;
    text-align: center;
    margin: 0;
    border: 0;
    font-family: "museo-sans" , sans-serif;
    font-weight: 500;
    cursor:pointer
}

.orangeButtonMed
{
    background: url(../images/buttons/orangeMed.png) no-repeat;
    width: 180px;
    height: 30px;
    padding: 7px 15px;
    color: #fff;
    text-align: center;
    margin: 0;
    border: 0;
    font-family: "museo-sans" , sans-serif;
    font-weight: 500;
    cursor:pointer
}
.orangeButtonFlatMed
{
    width: 180px;
    height: 30px;
    padding: 7px 15px;
    background-color: #9c3c25; /*#DF562A;*/
    color: #fff;
    text-align: center;
    margin: 0;
    border: 0;
    font-family: "museo-sans" , sans-serif;
    font-weight: 700;
    cursor:pointer
}
.orangeButtonFlatMedv2
{
    width: 180px;
    height: 30px;
    padding: 7px 75px;
    background-color: #DF562A;
    color: #fff;
    text-align: center;
    margin: 0;
    border: 0;
    font-family: "museo-sans" , sans-serif;
    font-weight: 700;
    cursor:pointer
}
.beigeButtonSm
{
    background: url(../images/buttons/beigeBg.jpg) repeat-x;
    height: 30px;
    padding: 8px 15px;
    color: #2e1f0f;
    text-align: center;
    margin: 0;
    border: #9B967A 1px solid;
    border-radius: 5px;
    font-family: "museo-sans" , sans-serif;
    font-weight: 500;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display:block;
    cursor:pointer
}

.orangeLinkSm
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url(../images/buttons/orangeBg.jpg) repeat-x;
    padding: 3px 15px;
    color: #fff;
    text-align: center;
    margin: 0 5px 0 0;
    font-weight: 500;
    border: 1px solid #A6311A;
    cursor:pointer
    
}
.orangeLinkSm:hover
{
	color:#ddd;
}
.orangeLinkMed
{
    background: url(../images/buttons/bgButtonsOrange.jpg) 0px -240px #D43E25 repeat-x;
    padding: 8px 15px;
    color: #fff;
    text-align: center;
    margin: 0;
    border: #A6311A 1px solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-family:"museo-sans",sans-serif;
    font-weight:500;
    cursor:pointer
    
}

.orangeLinkMed10Pad
{
    background: url(../images/buttons/bgButtonsOrange.jpg) 0px -240px #D43E25 repeat-x;
    padding: 10px 15px;
    color: #fff;
    text-align: center;
    margin: 0;
    border: #A6311A 1px solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-family:"museo-sans",sans-serif;
    font-weight:500;
    cursor:pointer
    
}
.orangeLinkMed:hover, .orangeLinkLrg:hover
{
	color:#ddd;
}

    
.orangeLinkMedB
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url(../images/buttons/bgButtonsOrange.jpg) repeat-x;
    padding: 7px;
    color: #fff;
    text-align: center;
    margin: 0 2px;
    border:1px solid #A6311A;
    font-size:12px;
    cursor:pointer
}

.orangeLinkLrg
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: url(../images/buttons/redBg.jpg) repeat-x #A6311A;
    padding: 25px 15px !important;
    color: #fff;
    text-align: center;
    border: 1px solid #B14117;
    color: #fff;
    font-size: 13px;
    font-family: "museo-sans" , sans-serif;
    font-weight: 500;
    display: block;
    cursor:pointer
}
.orangeLinkFlatLrg
{
    width: 325px;
    background-color: #DF562A;
    padding: 15px 15px !important;
    color: #fff;
    text-align: center;
    margin: 30px 0px;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-family: "museo-sans" , sans-serif;
    font-weight: 700;
    display: block;
    cursor:pointer;
    float: right;
}

.newCookieGramOrderButton
{
    width: 325px;
    background-color: #9c3c25;
    padding: 5px 15px !important;
    color: #fff;
    text-align: center;
    margin: 10px 0px 25px -15px;
    border: 0;
    color: #fff;
    font-size: 16px;
    font-family: "museo-sans" , sans-serif;
    font-weight: 700;
    display: block;
    cursor:pointer;
}

.newCookieGramOrderButton:hover
{
    color: #ddd;
}

.beigeLinkMed
{
    background: url(../images/bg/beigeBgMed.jpg) center repeat-x;
    padding: 8px 15px;
    text-align: center;
    margin: 0;
    border: #9B967A 1px solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position:relative;
    display:block;
    font-family:"museo-sans",sans-serif;
    font-weight:500;
    color:#2e1f0f;
    cursor:pointer
}
.beigeLinkSm
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background:url(../images/buttons/beigeBg.jpg)repeat-x;
    padding: 7px 15px !important;
    color:#fff;
    text-align:center;
    margin: 1px 10px;
    border:1px solid #9B967A;
    color:#2e1f0f;
    font-size:12px;
    height:30px;
    font-family:"museo-sans",sans-serif;
    font-weight:500;
    display:block;
    max-height:14px;
    cursor:pointer
}
.beigeLinkSm:hover
{
    color: #000;
}
.clearLinkMed:hover, .clearLinkSm:hover
{
    opacity: .7; /* Standard: FF gt 1.5, Opera, Safari, CSS3 */
    filter: alpha(opacity=70); /* IE lt 8 */
    -ms-filter: "alpha(opacity=70)"; /* IE 8 */
    -khtml-opacity: .7; /* Safari 1.x */
    -moz-opacity: .7; /* FF lt 1.5, Netscape */  
}
.clearLinkMed
{
    padding: 8px 15px;
    color: #807363;
    background: none;
    text-align: center;
    margin: 0;
    border: #9B967A 1px solid;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    display:block;
    font-family:"museo-sans",sans-serif;
    font-weight:500;
    cursor:pointer;
    opacity: 1; /* Standard: FF gt 1.5, Opera, Safari, CSS3 */
    filter: alpha(opacity=100); /* IE lt 8 */
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    -khtml-opacity: 1; /* Safari 1.x */
    -moz-opacity: 1; /* FF lt 1.5, Netscape */  
}
.clearLinkSlim
{
    color: #807363;
    background: none;
    text-align: center;
    width: 176px;
    height: 22px;
    margin: 0;
    padding-top: 5px;
    padding-bottom: -10px;
    border: #9B967A 1px solid;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family:"museo-sans",sans-serif;
    font-weight:500;
    cursor:pointer;
    opacity: 1; /* Standard: FF gt 1.5, Opera, Safari, CSS3 */
    filter: alpha(opacity=100); /* IE lt 8 */
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    -khtml-opacity: 1; /* Safari 1.x */
    -moz-opacity: 1; /* FF lt 1.5, Netscape */  
}
.amountButtons
{
    color: #807363;
    background: none;
    text-align: center;
    width: 140px;
    height: 20px;
    margin: 0;
    padding-top: 5px;
    padding-bottom: -10px;
    border: #9B967A 1px solid;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family:"museo-sans",sans-serif;
    font-weight:500;
    cursor:pointer;
    opacity: 1; /* Standard: FF gt 1.5, Opera, Safari, CSS3 */
    filter: alpha(opacity=100); /* IE lt 8 */
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    -khtml-opacity: 1; /* Safari 1.x */
    -moz-opacity: 1; /* FF lt 1.5, Netscape */  
}
.clearLinkSm
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding:3px 5px !important;
    color:#807363;
    text-align:center;
    margin:3px;
    border:1px solid #9B967A;
    font-size:12px;
    height:25px;
    font-family:"museo-sans", sans-serif;
    font-weight:500;
    display:block;
    background:none;
    float:left;
    cursor:pointer;
    opacity: 1; /* Standard: FF gt 1.5, Opera, Safari, CSS3 */
    filter: alpha(opacity=100); /* IE lt 8 */
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    -khtml-opacity: 1; /* Safari 1.x */
    -moz-opacity: 1; /* FF lt 1.5, Netscape */ 
}
.clearLinkSm2
{
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 7px 15px !important;
    text-align:center;
    margin: 1px 10px;
    border:1px solid #9B967A;
    color:#2e1f0f;
    font-size:12px;
    height:30px;
    font-family:"museo-sans",sans-serif;
    font-weight:500;
    display:block;
    max-height:14px;
    cursor:pointer
}
.hotOvenLink
{
    background: url(../images/buttons/hot-out-of-oven.jpg) center bottom repeat-x #E4DFC9;
    min-height: 16px;
    margin-bottom: 3px;
    padding: 4px 15px;
    text-align: center;
    display: block;
    border: #A6311A 1px solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    color:#A6311A;
    cursor:pointer
}
.cancelLink {
    text-align: center;
    font-size: 13px;
    font-family: "museo-sans" , sans-serif;
    font-weight: 300;
    display: block;
    cursor:pointer;
    float: right;
    text-decoration:underline;
}
.forTheGroupEditIconBtn 
{
    background:url('../images/buttons/editIconBtn.png') no-repeat;
    width:30px;
    height:24px;
    display:block;
    cursor:pointer;
    border: 0;
}
.editIconBtn 
{
    background:url('../images/buttons/editIconBtn.png') no-repeat;
    width:30px;
    height:24px;
    display:block;
    cursor:pointer
}
.swapIconBtn 
{
    background:url('../images/buttons/swapIconBtn.png') no-repeat;
    width:30px;
    height:24px;
    display:block;
    cursor:pointer
}
.emailIconBtn 
{
    background:url('../images/buttons/emailIconBtn.png') no-repeat;
    width:40px;
    height:24px;
    display:block;
    cursor:pointer;
    border: 0;
}
.deleteIconBtn 
{
    background:url('../images/buttons/deleteIconBtn.png') no-repeat;
    width:30px;
    height:24px;
    border: 0;
    display:block;
    cursor:pointer
}
.addIconBtn 
{
    background:url('../images/buttons/addIconBtn.png') no-repeat;
    width:30px;
    height:24px;
    border: 0;
    display:block;
    cursor:pointer
}
.saveIconBtn 
{
    background:url('https://images.specialtys.com/buttons/Save-IconBtn-01.png') no-repeat;
    width:30px;
    height:24px;
    border: 0;
    display:block;
    cursor:pointer
}
.editLink
{
    background: url(../images/buttons/edit.png) no-repeat;
    width: 27px;
    height: 25px;
    border: 0;
    display: block;
    float: left;
    cursor:pointer
}
.removeLink
{
    background: url(../images/buttons/delete.png) no-repeat;
    width: 27px;
    height: 25px;
    border: 0;
    margin-left: 5px;
    display: block;
    float: left;
    cursor:pointer
}

.removeCookieAlertLink
{
    background: url(../images/buttons/delete.png) no-repeat;
    width: 27px;
    height: 25px;
    border: 0;
    margin-left: 5px;
    display: block;
    float: left;
    cursor:pointer
}
.editIconBtn:hover, .emailIconBtn:hover, .deleteIconBtn:hover, .addIconBtn:hover, .editLink:hover, .removeLink:hover, .removeCookieAlertLink:hover{
    background-color:#f5f1e1;
}
/* BACKGROUND COLORS */
.bgDarkBeige
{
    background-color: #E2DDC9;
    background-image: none;
}
.bgDarkWood
{
    background: url(../images/bg/bg-wood-dark.jpg);
}


/* TEXT STYLES */

.brown01text {
    color: #2e1f0f !important;
}
.brown02text {
    color: #4a3b2b !important;
}
.brown03text {
    color: #635947 !important;
}
.brown04text {
    color: #807363 !important;
}
.brown05text {
    color: #998f82 !important;
}
.brown06text {
    color: #b5ab9e !important;
}
.brown07text {
    color: #cfc9ba !important;
}
.brown08text {
    color: #e2ddc9 !important;
}
.brown09text {
    color: #f5f1e1 !important;
}
.red01text {
    color: #853000 !important;
}
.red02text {
    color: #913621 !important;
}
.red03text {
    color: var(--redTextColor) !important;
}
.red04text {
    color: #e5592b !important;
}
.red05text {
    color: #f28753 !important;
}
.blackText
{
    color: #2e1f0f !important;
}
.textBeige
{
    color: #807363 !important;
}
.textWhite
{
    color: #fff !important;
}
.orangeText
{
    color: #BF481D !important;
}
.redText
{
    color: #913621 !important;
}
.greenText
{
    color: #416523 !important;
}
.grayText
{
    color: #998f82 !important;
}
.textTaupe
{
    font-size: 13px;
    font-weight: 700;
    color: #807363;
}
.note
{
    font-size: 12px;
}
.noteSm
{
    font-size: 10px;
    font-style: italic;
}
.nonItalic
{
    font-style: none !important;
}
.italic
{
    font-style: italic !important;
}
.noteSmLight
{
    font-size: 12px;
    font-style: italic;
    color: #807363;
    line-height: 16px;
    font-weight: 700;
}
.noteLite
{
    font-size: 10px;
    font-style: italic;
    color: #807363;
    line-height: 16px;
    font-weight: 300;
}
.ingredients
{
    color: #2e1f0f;
    font-size: 10px;
    font-weight: 700;
}
.removeIngredients
{
    color: #e5592b !important;
    text-decoration: line-through;
    font-style: italic;
}
.error
{
    color: var(--redTextColor) !important;
}
.errorGiftcardReload
{
    color: var(--redTextColor) !important;
    font-size: 18px; 
    font-weight: bold;
}
.redBrown 
{
    color: var(--redTextColor);
}
.small
{
    font-size: .83em;
}
.bold
{
    font-weight: 700 !important;
}
.bold900 {
    font-weight: 900 !important;
}
.underline
{
    text-decoration:underline
}
.light
{
    font-weight: 500 !important;
}
.group
{
    font-size: 12px !important;
    color: #817567 !important;
}
h1
{
    padding: 0;
	margin: 0px 0;
	font-family: "museo-slab" , sans-serif;
	font-weight: 100;
	text-transform: uppercase;
	color: #fff;
}
h2
{
	font-family: "museo-slab" , sans-serif;
	font-weight: 300;
	padding: 0 0 2px 0;
	margin: 0;
	font-size: 22px;
	line-height: 24px;
}
h3
{
    font-family: "museo-slab" , sans-serif !important;
    font-weight: 500;
    font-size: 16px;
    margin: 0px 0 3px 0px;
}
.subHeading
{
    font-family: "museo-slab" , sans-serif;
    font-size: 15px;
    font-weight: bold;
}
.fontSize13{
           font-size: 13px !important;
}
.fontSize14{
           font-size: 14px !important;
}
.museoSans{
    font-family: "museo-sans" , sans-serif !important;
}
.museoSlab{
    font-family: "museo-slab" , sans-serif !important;
}
.expandCollapse
{
    padding: 10px 5px 5px 5px;
    margin: 0;
    display: block;
    clear: both;
    background: right no-repeat;
}
.noExpandCollapse {
    padding: 10px 5px 5px 5px;
    margin: 0;
    display: block;
    clear: both;
    background: right no-repeat;
}
.expand
{
    background-image: url(../images/buttons/expandIcon.png);
}
.collapse
{
    background-image: url(../images/buttons/collapseIcon.png);
}


.expContent
{
    padding: 10px;
    clear: both;
}

.ingredients .inactive
{
    color: var(--redTextColor);
}

.ingredients .extra {
    color: var(--greenTextColor);
}
/*SUBMENU*/
.subMenuContainer
{
    clear: both;
    height: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}
a.subMenuEle
{
    display: block;
    padding: 5px;
    margin: 0 10px 0 0; /*border-left:1px #A6311A solid;*/
    float: left;
    text-decoration: none;
    border: solid 1px #ccc9b7;
    border-radius: 5px;
}
a.subMenuEle:hover, .subMenuEle.selected
{
    border: solid 1px #9B967A;
    border-radius: 5px;
    background: #555555;
    border: solid 1px #555555;
    color: #ffffff;
}

/*TABLES*/
table.tblStyleA tr
{
    border-bottom: #B5AB9E solid 1px;
}
table.tblStyleA td, table.tblStyleA th
{
    padding: 2px 5px;
    overflow: hidden;
}
table.tblStyleA th
{
    text-align: left;
}

table.tblStyleA tr.noBorder
{
    border: none !important
}

.txtAddressBook {    
    font-family: "museo-slab" , sans-serif !important;
    font-weight: 500;
    font-size: 16px;
    margin: 0px 0px 3px 0px;
}
.txtAddressBookEdit {    
    font-family: "museo-slab" , sans-serif !important;
    font-weight: 500;
    font-size: 14px;
    margin: 0px 0px 3px 582px;
}
.txtAddressBookRemove {    
    font-family: "museo-slab" , sans-serif !important;
    font-weight: 500;
    font-size: 14px;
    margin: 0px 0px 3px 8px;
}

.txtAddBookBG {
    background-color: #E4DFC9 !important
}
.txtAddBookWhite {
    background-color: white !important
}

/* stuff below are unapproved changes made by CC, to be approved by VP and merged (or discarded) as appropriate */

.form
{
}

.form label
{
    display: block;
}
.form input, .form select, .form textarea
{
    margin: 4px 0 0 0;
    min-width: 300px;
    padding: 5px;
}

.box
{
    border: 1px solid #9B967A;
    border-radius: 5px;
    background: #E4DFC9;
    padding: 16px;
    margin: 20px 0 10px 0;
    background: #fff
}

.beigeLinkTiny
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background:url(../images/buttons/beigeBg.jpg) repeat-x bottom;
    padding:2px 4px !important;
    text-align:center;
    margin:0;
    border:1px solid #B5AB9E;
    color:#807363;
    font-size:12px;
    height:30px;
    font-family:"museo-sans",sans-serif;
    font-weight:500;
    display:block;
    max-height:14px;
}

.beigeLinkInline
{
    display: inline-block;
    margin: 0;
}
.beigeLinkSm img
{
    vertical-align: -5px;
    margin-right: 2px;
}

table.table
{
    width: 100%;
    margin: 0;
}

table.table tr
{
    border-bottom: solid 1px #999999;
}

table.table thead tr
{
    border-bottom-color: #B5AB9E;
    font-size: 90%;
}

table.table td, table.table th
{
    padding: 4px 5px;
}

table.table td
{
    color: #555555;
}

table.table input, table.table select
{
    margin: 0;
    padding: 5px;
    min-width: 0;
}

input.beigeLinkSm
{
    max-height: 30px;
}

input.beigeLinkTiny
{
    max-height: 20px;
}

.notification
{
    border: solid 1px #9B967A;
    border-radius: 5px;
    background: #f4f2e9;
    padding: 5px;
    margin: 10px 0;
    min-height: 32px;
}
.notification img.notificationImg
{
    position: absolute;
    margin-right: 40px;
}
.notification .notificationMsg
{
    margin-left: 40px;
    vertical-align: middle;
    padding-top: 3px;
    
}

.notification h2, .notification h3
{
    font-weight: 500;
}

.loadingCenterWrapper {
    position: fixed;bottom: 50%;width:80%;margin: 0 0 0 -40%;left:50%; z-index: 9999999; 
}

.loadingModalFullWrapper {
    position: fixed;height:100%;width:100%; z-index: 9999999; 
}

.loadingModalCenterWrapper {
    position: fixed;top: 20%;width:80%;margin: 0 0 0 -40%;left:50%; z-index: 9999999; 
}

.spinnerLarge {
    background: url("../images/icons/spinnerLarge.gif") no-repeat scroll center center;
    height: 125px;
}
.loading
{
    background: #eeeeee url(../images/icons/loading.gif) no-repeat 6px 0px;
    /*border: solid 1px #817567;*/
    border-radius: 5px;
    color: #555555;
    /*background: #eeeeee url(../images/icons/loading.gif) no-repeat 6px 6px;
    text-align: center;
    padding: 6px;
    padding-left: 30px;
    display: inline-block;*/
}

.clearLinkMed img, .orangeLinkMed img, .beigeLinkMed img
{
    margin: 0;
    padding: 0;
    vertical-align: -4px;
}


.headerLrgProgress
{
    background: #574c36;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: none;
    width: 960px;
    position: absolute;
    z-index: 3;
    font-family: 'museo-slab' , sans-serif;
    color: #fff;
    font-weight: 700;
}
.headerLrgProgress .headerProgress
{
    background: url(../images/bg/headerProgress.png) no-repeat center right;
    padding: 18px 0px 18px 20px;
    height: 24px;
    text-transform: none !important;
    font-size: 20px;
    margin: 0;
    margin-right: 0px;
}
.headerLrgProgress .headerProgressLast
{
    background: none;
    margin-right: 0px;
}

.headerLrgProgress .returnLink
{
    margin-top: 20px;
    font-size: 12px;
    display: block;
    color: #fff;
}
.headerLrgProgress .headingDescription
{
    font-size: 20px;
    float: left;
    color: #fff;
    padding: 8px 15px 10px 15px;
    text-transform: uppercase;
}

fieldset
{
    border-radius: 5px;
    padding: 10px;
    margin: 0;
    border: none;
}

fieldset label
{
    padding: 0;
    display: block;
}

fieldset label span
{
    width: 130px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
}

fieldset label input[type="text"]
{
    border-radius: 5px;
    border: solid 1px #9B967A;
    width: 300px;
    min-width: 300px;
}

fieldset label input[readonly="readonly"]
{
    background: #eeeeee;
}

fieldset label.compulsory
{
    color: #ff0000;
}

/* store select lists (and amenities, etc) */




.groupedCheckboxPanel h4
{
    margin: 0;
    padding: 4px 0;
    border-bottom: solid 1px #555555;
    font-size: 105%;
    color: #A6311A;
}
.groupedCheckboxPanel li.listHeading
{
    font-size: 11px;
    text-transform: uppercase;
}
.groupedCheckboxPanel .expandCollapse
{
    margin: 0;
    padding: 0;
}
.groupedCheckboxPanel .expContent
{
    margin: 0;
    padding: 0;
}
.groupedCheckboxPanel ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.groupedCheckboxPanel li
{
    margin: 0 0 0 0px;
    padding: 4px 0;
    border-bottom: solid 1px #817567;
    display: block;
    width: 100%;
    float: left;
}
.groupedCheckboxPanel label
{
    float: left;
    display: block;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    color: #817567;
}

.groupedCheckboxPanel li label
{
    font-size: 11px;
}
.groupedCheckboxPanel input
{
    margin-right: 15px;
    float: left;
    display: block;
}
.groupedCheckboxPanel li.listHeading label
{
    color: #2e1f0f;
}
.groupedCheckboxPanel li.listHeading input
{
    margin-right: 10px;
}

.nutritionInfo .nutritionSummary
{
    margin: 0 10px 0 10px;
}
.nutritionInfo .nutritionSummary table.tblNutritionSml
{
    width: 95%;
}
.nutritionInfo .nutritionSummary .nutritionSummaryTableWrapper
{
    height: 180px;
}
.nutritionInfo .tblNutrition
{
    width: 360px;
    border-collapse: collapse;
}
.nutritionInfo .tblNutritionSml
{
    width: 188px;
}
.nutritionFooter {
    font-size: 10px !important;
    padding: 0px;
    padding-left: 10px;
}
.nutritionInfoHeightCatering {
    height: 241px !important;
}
.nutritionInfo .tblNutritionLg
{
    width: 100%;
}
.nutritionInfo .tblNutrition tr th, .tblNutrition tr td
{
    border-bottom: solid 1px #777;
    color: #333;
}
.nutritionInfo .tblNutrition tr.thickborder th, .tblNutrition tr.thickborder td
{
    border-bottom: solid 2px #777;
}
.nutritionInfo .tblNutrition th
{
    text-align: left;
    font-size: 10px;
}
.nutritionInfo .tblNutrition th small
{
    font-size: .9em;
}
.nutritionInfo .tblNutrition span.value
{
    font-weight: normal;
}
.nutritionInfo .tblNutrition span.subcat
{
    margin-left: 15px;
    font-weight: normal;
}
.nutritionInfo .tblNutrition th span.left
{
    float: left;
}
.nutritionInfo .tblNutrition th span.right
{
    float: right;
    font-weight: normal;
}
.nutritionInfo .tblNutrition td.perc
{
    font-size: .85em;
    text-align: right;
    font-weight: bold;
}

.contentList{margin:5px;}
.contentList .contentListItem{height:30px}
.contentList .contentListItem input{float:left;display:block;margin-top:5px}
.contentList .contentListItem label{font-weight:bold;float:left;display:block;line-height:11px;margin-left:5px;margin-right:5px;font-size:11px;cursor:pointer;overflow:hidden;margin-top:5px; width:170px; white-space:normal}
.contentList .contentListItem label.unavailable{text-decoration: line-through;}
.contentList .contentListItem label.extra{color:#070}
.contentList .contentListItemForChildProduct 
{    
    font-size: 15px;
    font-family: "museo-slab" , sans-serif !important;
    font-weight: 700;
}
.contentList .contestListItemForGChildProduct {
    padding-left: 10px;
}
#productEditor .contentList .contentListItem label.inactive{text-decoration:line-through;color:#f55}
#miniEditor .contentList .contentListItem label.inactive{color:#f55}
.contentList .contentListItem .btnDeleteSml{margin-top:6px;float:right}


.contentListPkg{margin:5px;}
.contentListPkg ul {padding: 0 0 0 10px;}
.contentListPkg .contentListItem{height:auto;}
.contentListPkg .contentListItem input{float:left;display:block;margin-top:5px}
.contentListPkg .contentListItem label{font-weight:bold;float:left;display:block;height:25px;line-height:25px;margin-left:5px;margin-right:5px;font-size:11px;cursor:pointer;overflow:hidden;white-space:nowrap}
.contentListPkg .contentListItem label.unavailable{text-decoration: line-through;}
.contentListPkg .contentListItem label.extra{color:#070}
.contentListPkg .contentListItemForChildProduct 
{    
    font-size: 15px;
    font-family: "museo-slab" , sans-serif !important;
    font-weight: 700;
}
.contentListPkg .contestListItemForGChildProduct {
    padding-left: 0px;
    line-height: 12px;
    padding-bottom: 10px;
}

#productEditor .contentListPkg .contentListItem label.inactive{text-decoration:line-through;color:#f55}
#miniEditor .contentListPkg .contentListItem label.inactive{color:#f55}
.contentListPkg .contentListItem .btnDeleteSml{margin-top:6px;float:right}
.btnDeleteSml a {
    background: url("../Images/Buttons/btnDeleteSml.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 14px;
    line-height: 14px;
    text-decoration: none;
    width: 14px;
}

/*stepBar*/

.stepBar
{
    height: 47px;
    padding-left: 15px;
}

.stepBar .progressArrow
{
    float: left;
    background-repeat: no-repeat;
    background-position: right;
    height: 47px;
    margin-left: -12px;
}

.stepBar .progressArrow .leftEnd
{
    width: 14px;
    float: left;
    height: 47px;
    background: url('../images/bg/progress_arrow_tail.png') no-repeat left 50%;
}
.stepBar .progressArrow .leftEnd, .stepBar .progressArrow .rightEnd
{
    opacity: .25; /* Standard: FF gt 1.5, Opera, Safari, CSS3 */
    filter: alpha(opacity=25); /* IE lt 8 */
    -ms-filter: "alpha(opacity=25)"; /* IE 8 */
    -khtml-opacity: .25; /* Safari 1.x */
    -moz-opacity: .25; /* FF lt 1.5, Netscape */
}

.stepBar .progressArrow .stepContent
{
    min-width: 100px;
    float: left;
    height: 27px;
    background: #2F1E0F;
}
.stepBar .progressArrowActive .stepContent
{
    color: #fff;
}
.stepBar .stepContent
{
    padding: 10px 8px;
}
.stepBar .progressArrow .rightEnd
{
    width: 14px;
    float: left;
    background-image: url(../images/bg/progress_arrow_head.png);
    background-repeat: no-repeat;
    height: 47px;
    background-color: Transparent;
}
.stepBar .progressArrowActive .rightEnd, .stepBar .progressArrowActive .leftEnd
{
    opacity: 1 !important; /* Standard: FF gt 1.5, Opera, Safari, CSS3 */
    filter: alpha(opacity=100) !important; /* IE lt 8 */
    -ms-filter: "alpha(opacity=100)" !important; /* IE 8 */
    -khtml-opacity: 1 !important; /* Safari 1.x */
    -moz-opacity: 1 !important; /* FF lt 1.5, Netscape */
}

.stepBar .progressArrow .stepContent, .stepBar .progressArrow .first, .stepBar .progressArrow .last, .stepBar .progressArrowLast
{
    background: #B7AF9B !important;

}
.stepBar .progressArrowActive .stepContent, .stepBar .progressArrowActive .first, .stepBar .progressArrowActive .last
{
    background-color: #2F1E0F !important;
}
.stepBar .first, .stepBar .last
{
    position: relative;
    min-width: 14px;
    float: left;
    height: 47px;
}


.productDescription .extra
{
    color: #009900; /*font-weight: bold;*/
}
.productDescription .inactive
{
    color: #cc7777;
    text-decoration: line-through;
}

.shield
{
    background: #E2DDC9;
    position: absolute;
    opacity: 1;
    z-index: 2;
    zoom: 1;
    filter: alpha(opacity=100);
}

#statusBar .shield
{
    background: #30261A !important;
}

#orderPanel_pickupInfo .shield, #orderPanel_deliveryInfo .shield
{
    height: 210px;
    width: 190px;
}

.v5Footer
{
    color: #C0B299;
    background: #565656 url(../images/bg/wood-block-09-redsm.jpg) repeat top center;
    padding: 0px 0px 5px 0px;
    height: 25px;
    text-align: center;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 1000;
    font-size: 10px;
    font-family: "museo-sans" , sans-serif;
}

.v5Footer a:link,.v5Footer a:visited,.v5Footer a:hover,.v5Footer a:active
{
    color: #C0B299;
    margin: 10px;
}


#productMenu
{
    float: left;
}
.autoEditsHeader
{
    float: right;
    margin: 15px 225px 0px 0px;
    color: White;
    font-family: "museo-slab",sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.autoEditsHeader a
{
    color: White;
}

.autoEditsHeader a:hover
{
    color: #A6311A;
}
#notificationBar{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4;
  width:100%;
  min-height:45px;
  height:45px;
  background:#fff;
  top: 0;
}
#notificationDisplay{
  width:100%;
  min-height:20px;
  height:20px;
  z-index:100000;
  top:-61px;
  font: 13px "museo-sans" , sans-serif;
  font-weight:bold;
  z-index:10000;
  position:fixed;
}

#notificationDisplay #notification{
  position: relative;
  top: 27px;
  z-index: 1;
  font: 13px "museo-sans" , sans-serif;
  font-weight:bold;
  color:#00;
  text-align:center
}

.removeAcctLink {
    margin-top:3px
}










/******************************* HEADINGS V2 ***********************************/

.headline {
    font-family:"museo-slab", sans-serif;
    color:#2F1E0F;
    line-height:24px
}

.hL1 {
    font-weight:300 !important;
    font-size: 36px !important;
    text-transform:none !important;
}

.hL1Title {
    font-weight:300 !important;
    font-size: 36px !important;
    text-transform:uppercase !important;
}

.hL2 {
    font-weight:300 !important;
    font-size: 28px !important;
    text-transform:none !important;
}

.hL3 {
    font-weight:500 !important;
    font-size: 24px !important;
    text-transform:none !important;
}

.hL4 {
    font-weight:500 !important;
    font-size: 20px !important;
    text-transform:none !important;
}

.hL5 {
    font-weight:700 !important;
    font-size: 16px !important;
    text-transform:none !important;
    line-height: 20px !important;
}

.hL6 {
    font-weight:700 !important;
    font-size: 13px !important;
    text-transform:none !important;
    line-height: 16px !important;
}
/******************************* FONT WEIGHTS V2 ***********************************/
.weight900 {
    font-weight:900 !important;
}
.weight700 {
    font-weight:700 !important;
}
.weight500 {
    font-weight:500 !important;
}
.weight300 {
    font-weight:300 !important;
}

/******************************* BUTTONS V2 ***********************************/

.btnLink
{
    font-family: "museo-sans" , sans-serif;
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
    color: #807363;
    font-style:italic
}
.btnLink:hover
{
    color: #4a3b2b;
}

.btnLink12
{
    font-family: "museo-sans" , sans-serif;
    display: block;
    font-size: 12px;
    font-weight: 500;
    text-decoration: underline;
    color: #807363;
    font-style:italic
}
.btnLink12:hover
{
    color: #4a3b2b;
}

.btnLinkB
{
    font-family: "museo-sans" , sans-serif;
    display: block;
    font-size: 11px;
    font-weight: 500;
    text-decoration: underline;
    color: #807363;
    font-style:italic
}
.btnLinkB:hover
{
    color: #4a3b2b;
}

.btnLinkOrange
{
    font-family: "museo-sans" , sans-serif;
    display: block;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline;
    color: #913621;
    font-style:italic
}
.btnLinkOrange:hover
{
    color: #4a3b2b;
}

.chart div
{
    margin:1px
}
.chart .colHeader
{
    background: #CFC9BA
}

/******************************* COLORS V2 ***********************************/

.cpP_1
{
    color:#2E1F0F !important;
}

.cpP_2
{
    color:#4A3B2B !important;
}

.cpP_3
{
    color:#635947 !important;
}

.cpP_4
{
    color:#807363 !important;
}

.cpP_5
{
    color:#998F82 !important;
}

.cpP_6
{
    color:#B5AB9E !important;
}

.cpP_7
{
    color:#CFC9BA !important;
}

.cpP_8
{
    color:#E2DDC9 !important;
}

.cpP_9
{
    color:#F5F1E1 !important;
}

.cpP_10
{
    color:#853000 !important;
}

.cpP_11
{
    color:#913621 !important;
}

.cpPBg_11
{
    background-color:#913621 !important;
}

.cpP_12
{
    color:var(--redTextColor) !important;
}
.cpPBg_12
{
    background-color:var(--redTextColor) !important;
}

.cpP_14
{
    color:#E5592B !important;
}
.cpP_15
{
    color:#F28753 !important;
}

/********/

.cpS_1
{
    color:#4F381F !important;
}

.cpS_2
{
    color:#947D57 !important;
}

.cpS_3
{
    color:#BB9959 !important;
}

.cpS_4
{
    color:#D9BF8F !important;
}

.cpS_5
{
    color:#284D1A !important;
}

.cpS_6
{
    color:#416523 !important;
}

.cpS_7 {
    color: var(--greenTextColor) !important;
}

.cpS_8
{
    color:#B9CF8A !important;
}

/*********/
.hrLight
{
    border:0 none;
    height:1px;
    line-height:0;
    width:100%;
    background-color:#807363;
    margin-top:2px
}
.hrBlack
{
    border:0 none;
    height:1px;
    line-height:0;
    width:100%;
    background-color:#000000;
    margin-top:2px
}

/*********BUTTONS V2*********/
.linkBtn
{
    color: #2E1F0F;
    cursor: pointer;
    display: block;
    font-family: "museo-sans",sans-serif;
    font-size: 14px;
    text-align: center;
    font-weight:500;
    background-repeat:repeat-x;
    border: 1px solid #807363;
    border-radius: 4px;
}

.linkBtnBeige
{
    background-image: url("../images/buttons/bgButtonsBeige.jpg");
    color: #2E1F0F !important;
    border: 1px solid #998F82;
}

.linkBtnBrown
{
    background-image: url("../images/buttons/bgButtonsBrown.jpg");
    color:#fff;
    border: 1px solid #B5AB9E;
}

.linkBtnOrange
{
    background-image: url("../images/buttons/bgButtonsOrange.jpg");
    color:#fff;
    border: 1px solid #f28753;
}
.linkBtnClear
{
    background-color: #e2ddc9;
    color:#807363;
    border: 1px solid #998F82;
}
.linkBtnClearWhite
{
    background-color: #fff;
    color:#807363;
    border: 1px solid #998F82;
}


.linkBtnBeige:hover
{
    color: #2E1F0F !important;
}

.linkBtnBrown:hover
{
    color: #FFF !important;
}
.linkBtnOrange:hover
{
    color: #A6311A !important;
}

.linkBtnClear:hover
{
    background-color: #F5F1E1;
}

.linkBtn_x
{
    padding: 4px 10px !important;
    background-position: 0 0;
}
.linkBtn_x:hover
{
    background-position: 0 -30px;
}

.linkBtn_xx
{
    padding: 10px 15px !important;
    background-position: 0 -60px;
}

.linkBtn_xx:hover
{
    background-position: 0 -100px;
}

.linkBtn_xxx
{
    padding: 15px 15px !important;
    background-position: 0 -140px;
}

.linkBtn_xxx:hover
{
    background-position: 0 -190px;
}
.buttonSm 
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-repeat:repeat-x;
    background-position:0px 0px;
    padding:5px 15px 4px 15px;
    min-height:20px !important;
    text-align:center;
    margin:0 5px;
    cursor:pointer

}
.buttonMed
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-repeat:repeat-x;
    background-position:0px -60px;
    padding: 9px 15px 9px 15px;
    text-align: center;
    margin: 0px 5px;
    cursor:pointer
}
.buttonLrg
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-repeat:repeat-x;
    background-position:0px -140px;
    padding: 17px 15px 16px 15px;
    text-align: center;
    margin: 0px 5px;
    cursor:pointer
}
.buttonXL
{
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-repeat:repeat-x;
    background-position:0px -370px;
    padding: 22px 15px 22px 15px;
    text-align: center;
    margin: 0px 5px;
    cursor:pointer
}
.buttonSm:hover 
{
    background-position: 0px -30px;
}
.buttonMed:hover 
{
    background-position: 0px -100px;
}
.buttonLrg:hover 
{
    background-position: 0px -200px;
}
.buttonXL:hover 
{
    background-position: 0px -440px;
}
.btnBrownBG {
    color:#fff;
    background-image:url(../images/buttons/bgButtonsBrown.jpg);
    border:1px solid #4A3B2B;
    font-weight:700;
}
.btnOrangeBG 
{
    color:#fff;
    background-image:url(../images/buttons/bgButtonsOrange.jpg);
    background-color:#9a3922;
    border:1px solid #E5592B;
    font-weight:700;
}
.btnBeigeBG 
{
    color:#4A3B2B;
    background-image:url(../images/buttons/bgButtonsBeige.jpg);
    border:1px solid #998F82;
    font-weight:500;
}

.btnCancelDialog 
{
    color:#4A3B2B;
    background-image: url(../images/buttons/bgButtonsBeige.jpg);
    background-position: 0px -140px;
    border:1px solid #998F82;
    font-weight:500;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 10px 15px;
    text-align: center;
}

/***************Secondary Header***************/

.secondaryH1
{
    
}

.secondaryH2
{
    font-style: italic;
    line-height: 44px;
    margin-left: 10px;
    vertical-align: baseline;
    margin-top:4px
}

.secondaryH3
{
    font-size: 11px;
    font-style: italic;
    line-height: 44px;
    vertical-align: baseline; 
}

.secondaryH3 a
{
    color:#fff
}

.secondaryFixedHeader {
    height: 45px;
    left: 0;
    margin-top: 0px;
    position: fixed;
    width: 100%;
    z-index:1000;
    color: #FFFFFF;
    font-family: 'museo-slab',sans-serif;
    font-weight: 300;
}

.secondaryFixedHeader .content {
    clear: both;
    margin: 0 auto;
    position: relative;
    width: 960px;
}
.borderedWhite-outerDiv {
	margin: 9px;
	padding: 2px;
	border: 2px solid #CEC9BA;
	float:left;
}

.borderedWhite-innerDiv {
	margin: 0px;
	padding: 0px 0px 20px 0px;
	background-color:#FFFFFF;
	border: 1px solid #CEC9BA;
	float:left;
}

.borderedWhite-container {
    background-color: #E4DFC9 !important;
    min-height: 200px;
    margin-top: 20px;
    overflow:hidden;
    margin-bottom: -5px;
}

.imgCookiegramCookie {
    background-image: url("https://images.specialtys.com/ProdImg/landingPages/2016/cookiestack-cg.jpg");
    background-position: -300px 0px;
    width: 600px;
    height: 600px;
    position: relative;
}

.divProductToDuoOrangeBg {
    font-size:10px !important;
    background:#9C3C25 !important;
}
.divProductToDuo {
    font-size:10px !important;
    color:rgba(155, 155, 155, 0.25) !important;
}
.duoProd1Name {
    font-size:14px;
    margin-left: 20px;
    text-align: center;
}
.duoProd2Name {
    font-size:14px;
    margin-left: -10px;
    text-align: center;
}
.lblDuosTotal {
    font-size: 24px;
    font-weight: 500;
}
.lblLunchDuos_OrderPanel {
    font-weight: 900;
    font-family: "museo-slab",sans-serif;
}
.lblDuosNote {
    float: right;
    margin-top: 55px;
    font-style: italic;
    font-size: 13px;
    font-weight: 500;
    color: #A9331A;
    margin-right: 15px;
}
.duoProduct1Img {
    height: 65px;
    margin-left:60px;
}
.duoProduct2Img {
    height: 65px;
    margin-left:30px
}
.checkoutBannerWrapper {
    padding: 15px; margin-top: -15px; display: none;
}
.checkoutBannerContainer {
    height: 57px; border: 1px solid #A6311A; background-color: #FFFFFF; 
}
.checkoutBannerDivLeft {
    float: left; margin-top: 12px; margin-left: 28px;width: 504px;
}
.checkoutBannerDivSeparator {
    float: left; height: 35px; background-color: #CCCCCC; width: 1px; margin-top: 10px; margin-left: 35px; margin-right: 35px;
}
.checkoutBannerDivRight {
    text-align: left; height: 35px; margin-top: 10px;
}
.checkoutBannerContentTop {
    font-weight: 900; font-size: 15pt; line-height: 16pt;
}
.checkoutBannerContentBottom {
    font-size: 10pt; font-style: italic; color: #004960;
}
.checkoutBannerBottomMessage {
    color: #9b3214;
    font-size: 15px;
    margin-top: 12px;
    margin-bottom: 20px;
    margin-left: 20px;
}
.checkoutBannerUpsellMessage {
    font-size: 11pt;
    margin-top: 18px;
}

.cookieGramTo{
    color: #9b3214;
    font-family: "museo-sans",Helvetica,Arial,sans-serif;
    font-size: 10.5pt;
    font-weight: 500;
}

.cookieGramInfo{
    color: #808080;
    font-family: "museo-sans",Helvetica,Arial,sans-serif;
    font-size: 8pt;
    text-align:left;
    padding-left:5px;
    position:relative;
    top:-5px;
    font-weight:500;
}

.cookieGramDesc{
    color: #091f40;
    font-family: "museo-sans",Helvetica,Arial,sans-serif;
    font-size: 14pt;
    font-weight:500;
}

.cookieGramTotd {
    text-align:right;
    vertical-align:top;
    padding-top:10px;
}

.cookieGramTotdP7 {
    text-align:right;
    vertical-align:top;
    padding-top:7px;
}

.cookieGramTotdP5 {
    text-align:right;
    vertical-align:top;
    padding-top:5px;
}

.giftingCenter {
    width: 62%;
    margin: auto;
}

.giftHeader{
    color: #9b3214;
    font-family: "museo-sans",Helvetica,Arial,sans-serif;
    font-size: 24pt;
    font-weight:500;
}

.giftLinks{
    color: #9b3214;
    font-family: "museo-sans",Helvetica,Arial,sans-serif;
    font-size: 14pt;
    font-weight:500;
}

.clickableSection{
    cursor:pointer;
}

.clickableSectionGrey{
    background-color:#404040;
}

.giftingDescription{
    color: #808080;
    font-family: "museo-sans",Helvetica,Arial,sans-serif;
    font-size: 12pt;
    font-weight:500;
    text-align:center;
    width:270px;
    text-align:center;
    left:22px;
    position:relative;
}

.giftingDescriptionv2{
    color: #808080;
    font-family: "museo-sans",Helvetica,Arial,sans-serif;
    font-size: 12pt;
    font-weight:500;
    text-align:center;
    width:270px;
    text-align:center;
    left:28px;
    position:relative;
}

.giftingDescriptionText{
    margin-left:0px;
    margin-right:0px;
}

.giftingDescriptionGrey{
    color: #808080;
    font-family: "museo-sans",Helvetica,Arial,sans-serif;
    font-size: 12pt;
    font-weight:500;
    text-align:center;
    width:290px;
    background-color: #404040
}

.giftingDescription270{
    color: #808080;
    font-family: "museo-sans",Helvetica,Arial,sans-serif;
    font-size: 12pt;
    font-weight:500;
    text-align:center;
    width:270px;
}

.giftingCGT{
    color: #091f40;
    font-family: "museo-sans",Helvetica,Arial,sans-serif;
    font-size: 14pt;
    font-weight:500;
}

.giftCardInfoText {
    font-size: 16px;
    margin-left: 100px;
    text-align: center;
    width: 750px;
    margin-top: 5px;
}

.EnvIndicatorColor_Dev {
    background-color: #ff0000 !important;
}
.EnvIndicatorColor_Test {
    background-color: #ff8300 !important;
}
.EnvIndicatorColor_Staging {
    background-color: #D8DB01 !important;
}


a.imgTooltip {outline:none; }
a.imgTooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
    text-align: left;
}
a.imgTooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:15px;border:0;left:-12px;}
.calloutTop5 {z-index:20;position:absolute;top:5px;border:0;left:-12px;}



.billingRefHoverMainHeading h1 {
	background:#2C221A;
    background: url(../images/bg/bg-wood-dark.jpg);
	padding:10px 10px 3px 15px;
	height:40px;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    text-transform:none !important;	
	font-weight:300 !important;
}

.billingRefHoverAbsolutePositionedDiv {
    position: absolute;
    margin-top: -110px;
    margin-left: 150px;
}

.billingRefHoverMainContent {
    padding: 10px !important;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

.gioNutritionDivBreakfast {
    position: absolute;
    z-index: 25;
    background-color: #FFFFFF;
    width: 200px;
    height: 50px;
}

.gioNutritionDivLunch {
    position: absolute;
    z-index: 25;
    background-color: #FFFFFF;
    width: 200px;
    height: 65px;
}

/* ReCaptcha */

.grecaptcha-badge {
    visibility: hidden;
}

#ReCaptchContainer {
    height: 78px;
}

/* shareable links */
.share-link-subheader {
    opacity: 0;
    transition: opacity ease .25s;
    color: gray
}