body
{
    margin: 0;
    padding: 0;
    color: #333333;
    font-family: Helvetica Neue, Arial, Sans-Serif;
    font-size: 12px;
    background-color: #FFFFFF;
    background-image: url(../Images/Template/gradbg03.jpg);
    background-repeat: repeat-x;
}
input[type="text"], input[type="password"], textarea
{
    font-family: Helvetica Neue, Arial, Sans-Serif;
    border: solid 1px #555555;
}
input[readonly="readonly"], .inputReadonly
{
    background: #e0e0e0;
    color: #000000;
}
p
{
    line-height: 1.4em;
    color: #555555;
}
a
{
    color: #339922;
    text-decoration: underline;
}
a:hover
{
    color: #e48500;
}
h1
{
    font-size: 200%;
}
h2
{
    font-size: 165%;
}
h3
{
    font-size: 130%;
}
h4
{
    font-size: 110%;
}
h5
{
    font-size: 100%;
}
h1, h2, h3, h4, h5, h6
{
    margin: 0.8em 0;
}
form
{
    margin: 0;
    padding: 0;
}
strong
{
    color: #000000 !important;
    font-weight: bold !important;
}
.strong
{
    font-weight: bold !important;
}
h1, h2, h3
{
    text-transform: uppercase;
}
h4, h5, h6
{
    font-weight: bold;
}
h1, h2, h3
{
    font-weight: normal;
}

h1
{
    margin-top: 30px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
    text-decoration: none !important;
}
h1, h2, h3, h4, h5, h6
{
    font-family: Helvetica Neue, Arial, Sans-Serif;
}

.btnText, .btnTextSml, .btnTextLg, .tabText, .sliderGallerySlider, .bcText
{
    font-family: Helvetica Neue, Arial, Sans-Serif;
}
.txt-larger {
	font-size: 115%;
}
.txt-huge, .txt-largest {
	font-size: 150%;
}
.txt-large {
	font-size: 107%;
}
.txt-smaller {
	font-size: 85%;
}
.txt-small {
	font-size: 93%;
}
.txt-light {
	color: #4D4D4D;
}
.txt-lighter {
	color: #666666;
}
.txt-red, .txt-red * { color: Red !important; }
.txt-green, .txt-green * { color: Green !important; }
.txt-orange, .txt-orange * { color: Orange !important; }
.txt-yellow, .txt-yellow * { color: Yellow !important; }
.txt-blue, .txt-blue * { color: Blue !important; }
.txt-bg-red { background-color: #eecccc; }
.txt-bg-green { background-color: #aaeeaa; }
.txt-bg-orange { background-color: Orange; }
.txt-bg-yellow { background-color: Yellow; }
.txt-bg-blue { background-color: #aaaaee; }

/* COMMON ELEMENTS */

#feedbackBtn
{
    position: absolute;
    top: 0px;
    left: 0%;
    z-index: 2000;
}
#feedbackBtn, #feedbackBtn a
{
    width: 40px;
    display: block;
    height: 100%;
}
#feedbackBtn a
{
    background: url(../Images/Buttons/btnContactUs.png) no-repeat left 200px;
    background-position: -3px 200px;
    cursor: pointer;
    background-attachment: fixed;
}
#feedbackBtn a:hover
{
    background-position: -1px 200px;
}

/* popup window stuff */
.popupContainer
{
    z-index: 500;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../Images/blackBg50pc.png);
    display: none;
}
.popupWindow
{
    z-index: -1;
    width: 840px;
    height: 568px;
    margin: auto;
    background: url(../Images/Template/popupContainerC.png);
    display: none;
}
.popupWindow .btnCloseWindow
{
    position: absolute;
    margin-left: 800px;
}
.popupWindow .btnCloseWindow a
{
    cursor: pointer;
    background: url(../Images/Buttons/btnCloseWindow.png);
    width: 40px;
    height: 40px;
    display: block;
}
.popupWindow .btnCloseWindow a:hover
{
    background-position: 0 -40px;
}

.popupContainer .smallPopupWindow
{
    width: 440px;
    height: 340px;
    margin: auto;
    background: url(../Images/Template/popupContainerB.png);
}
.popupContainer .smallPopupWindow .btnCloseWindow
{
    position: absolute;
    margin-left: 400px;
    z-index: 1001;
}
.popupContainer .smallPopupWindow .btnCloseWindow a
{
    cursor: pointer;
    z-index: 1001;
    background: url(../Images/Buttons/btnCloseWindow.png);
    width: 40px;
    height: 40px;
    display: block;
}
.popupContainer .smallPopupWindow .btnCloseWindow a:hover
{
    background-position: 0 -40px;
}

.popupContainer .mediumPopupWindow
{
    width: 680px;
    height: 520px;
    margin: auto;
    background: url(../Images/Template/popupContainerD.png);
}
.popupContainer .mediumPopupWindow .btnCloseWindow
{
    position: absolute;
    margin-left: 640px;
    z-index: 1001;
}
.popupContainer .mediumPopupWindow .btnCloseWindow a
{
    cursor: pointer;
    z-index: 1001;
    background: url(../Images/Buttons/btnCloseWindow.png);
    width: 40px;
    height: 40px;
    display: block;
}
.popupContainer .mediumPopupWindow .btnCloseWindow a:hover
{
    background-position: 0 -40px;
}

.popupContainer div .popupContent
{
    position: absolute;
    margin: 20px;
    width: 800px;
    height: 550px;
    overflow: hidden;
}
.popupContainer div.smallPopupWindow .popupContent
{
    position: absolute;
    width: 400px;
    height: 300px;
    overflow: hidden;
}
.popupContainer div.mediumPopupWindow .popupContent
{
    position: absolute;
    width: 640px;
    height: 480px;
    overflow: hidden;
}

.popupContainer div .popupContent h1, .popupContainer div .popupContent h2.popupHeading
{
    color: #00703c;
    padding: 20px 0 0 0;
    margin: 0 20px 20px 20px;
    line-height: 28px;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: normal;
}
.popupContainer div .popupContent h2.popupHeading
{
    font-size: 22px;
}
.popupContainer div .popupContent .ctBox p
{
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
}

.popupContainer div .popupContent .btnContainer
{
    float: right;
}
.popupContainer div .popupContent .btnContainer .btnTextLg
{
    margin-right: 10px;
}
.popupContainer div .popupContent .btnContainer .btnFavoriteAltLgWide
{
    margin-right: 10px;
}
.popupContainer div .popupContent .btnContainer .btnLModLg
{
    margin-right: 0;
}
.popupContainer div .popupContent .btnContainer .btnMModLg
{
    margin-right: 0;
}

#userService-iFrame-login-ssl
{
    position: absolute;
    width: 400px;
    height: 300px;
    border: none;
}
#userServices-sslLoginForm
{
    position: absolute;
    margin: 0px;
    margin: 20px 0 0 20px;
    width: 380px;
    height: 280px;
    overflow: hidden;
}
#userServices-sslLoginForm h1
{
    color: #00703c;
    padding: 0;
    margin: 0 0 20px 0;
    line-height: 28px;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: normal;
}
#userServices-sslLoginForm .ctBox p
{
    margin-bottom: 10px;
    padding: 0;
}
#userServices-sslLoginForm .btnContainer
{
    float: right;
}
#userServices-sslLoginForm .btnContainer .btnTextLg
{
    margin-right: 10px;
}

#popupWindow_addGiftCardPrompt table.frmTableLg tr th
{
    width: 200px;
}

#popupWindow_loginPrompt
{
}
#popupWindow_loginPrompt .frmTable
{
    margin-left: 0px;
    margin-top: 5px;
    margin-bottom: 7px;
}
#popupWindow_loginPrompt .btnForgotContainer
{
    margin: 20px 0;
}
#popupWindow_loginPrompt .btnContainer
{
    width: 350px;
}
#popupWindow_loginPrompt .btnContainer .btnTextLg
{
    float: right;
}
#popupWindow_loginPrompt_username, #popupWindow_loginPrompt_password
{
    width: 200px;
}
#userServices-login-forgotBtn
{
    float: left !important;
}

/* standard content box with standard padding for various layouts */
.ctBox
{
    padding: 0 20px 0 0;
}
.ctBoxEqualMargin
{
    padding: 0 20px 0 30px;
}
.ctBoxIndented
{
    padding: 0 20px 0 180px;
}
.ctBoxWithRightMargin
{
    padding: 0 80px 0 0;
}
.ctBoxGallery
{
    width: 658px;
    margin-left: 34px;
}
.ctBoxWithSlider
{
    width: 490px;
}
.ctBoxWithDualSlider
{
    width: 490px;
    margin-left: 180px;
}
.ctBoxJustifiedText p
{
    text-align: justify;
}
.popupContainer div .popupContent .ctBox
{
    padding: 0 20px 20px 20px;
}
.ctBlock
{
    display: inline-block;
    width: 100%;
}

.popupContainer .ctLeftBox, .popupContainer .ctRightBox
{
    float: left;
    width: 360px;
    padding-left: 20px;
    padding-right: 20px;
    height: 528px;
}
.popupContainer .ctLeftBox h1, .popupContainer .ctRightBox h1
{
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.popupContainer .ctRightBox
{
    padding-left: 20px;
    width: 360px;
    background: #ffffff url(../Images/Template/ctRightBoxBorder.gif) repeat-y;
}
.popupContainer .ctRightBoxCream
{
    padding-left: 20px;
    width: 360px;
    background: #eeeee0 url(../Images/Template/ctRightBoxCreamBorder.gif) repeat-y;
}

.summaryBox
{
    margin: 10px 10px 10px 0;
    padding: 10px;
    background: #eeeeee;
    border: solid 1px #cccccc;
    color: #000000;
}
.summaryBox h1, .summaryBox h2, .summaryBox h3
{
    margin-top: 0;
}
.twitterBox, .facebookBox
{
    width: 45%;
    float: left;
}
/*.twitterBox { background: #d8e5ea; }
.facebookBox { background: #e1e5ec; }*/

.btnContainerPadding
{
    margin: 15px 15px;
}
.btnContainerRight
{
    float: right;
    margin-right: 100px;
}
.btnContainerRight .btnTextLg
{
    margin-right: 5px;
}
.btnContainerRight .btnLModLg, .btnContainerRight .btnMModLg
{
    margin-right: 0px;
}

.btnContainerRightHard
{
    float: right;
}


/* generic, reusable quantity selectors */
.qtyWrapper
{
}
.qtyWrapper .qty
{
    margin-bottom: 5px;
    height: 18px;
}
.qtyWrapper .qty label
{
    float: left;
    line-height: 18px;
}
.qtyWrapper .qty .fancyQtySelector
{
    width: 65px;
    float: left;
}
.qtyWrapper .qty .fancyQtySelector input
{
    float: left;
    display: inline-block;
    text-align: center;
    border: solid #004F27 1px;
    border-right: none 0px;
    border-left: none 0px;
    border-top-color: #4ca36c;
    font-size: 0.9em;
    color: #77a32a;
    margin: 0px;
    padding: 0px;
    height: 16px;
    display: inline-block;
    width: 22px;
}
.qtyWrapper .totalCol
{
    margin-bottom: 5px;
    height: 18px;
    display: block;
}
.qtyWrapper .totalCol label
{
    float: left;
    line-height: 18px;
}
.qtyWrapper .totalCol input
{
    float: left;
    margin-left: 5px;
    text-align: center;
    border: solid #999 1px;
    font-size: 0.9em;
    color: #77a32a;
    padding: 0px;
    height: 16px;
    display: inline-block;
    width: 55px;
}

/* LAYOUTS */

.container
{
    width: 960px;
    padding: 10px 0px;
    margin: 0 auto;
    text-align: left;
}
.container .ctContainer
{
    padding: 0px;
    border: solid 1px #0c4c28;
    margin: 0px;
    border-bottom: solid 15px #0c4c28;
    position: relative;
    background-color: #ffffff;
    clear: both;
}
.container .ctContainerHome
{
    padding: 0px;
    border: solid 1px #0c4c28;
    margin: 0px;
    height: 330px;
    background-image: url(../Images/frontpage/blt-hero.jpg);
    background-repeat: no-repeat;
    background-position: 520px 60px;
    border-bottom: solid 15px #0c4c28;
    position: relative;
    background-color: #ffffff;
}
.container .ctContainerWideFixedHeight
{
    height: 522px;
}
.container .ctContainerWideExpandable
{
    min-height: 502px;
    padding-bottom: 20px;
}
.container .ctContainerSplashFixedHeight
{
    background: #ffffff url(../Images/Heros/cookePlat-hero.jpg) no-repeat -1px 122px;
    height: 522px;
    padding-left: 340px;
}
.container .ctContainerIndentedFixedHeight
{
    background: #ffffff url(../Images/Heros/chairman-hero-slim.jpg) no-repeat -1px 122px;
    height: 522px;
    padding-left: 180px;
}
.container .ctContainerIndentedExpandable
{
    display: block;
    background: #ffffff url(../Images/Heros/chairman-hero-slim.jpg) no-repeat -1px 122px;
    min-height: 502px;
    padding-bottom: 60px;
    padding-left: 180px;
}
.container .ctContainerPrintable
{
    width: 920px;
    padding: 20px;
    border: solid 1px #0c4c28;
    margin: 0px;
    border-bottom: solid 15px #0c4c28;
    position: relative;
    background-color: #ffffff;
}

#ctScrollWindow
{
    height: 330px;
    overflow: auto;
    width: 100%;
    clear: both;
}

/* COMMON CONTENT HEADER STUFF */

.container .ctContainer .ctPageHeader
{
    color: #00703c;
    padding: 35px 0 0 0;
    margin: 0 0 15px 0;
    line-height: 40px;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: normal;
}
.container .ctContainerWideExpandable .breadCrumb, .container .ctContainerWideFixedHeight .breadCrumb
{
    margin-left: 180px;
}

.container .ctContainerWideFixedHeight .ctPageHeader, .container .ctContainerWideExpandable .ctPageHeader
{
    margin-left: 180px;
}

.ctPageHeader ul
{
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
    height: 50px;
}
.ctPageHeader ul.subTypeMenu li
{
    margin: 0;
    padding: 0;
    float: left;
}
.ctPageHeader ul li div a
{
    height: 38px;
    float: left;
    width: 120px;
    padding: 0px;
    margin: 0px 20px 0px 0px;
    display: block;
    cursor: pointer;
}
.ctPageHeader ul li div a:hover
{
    background-position: 0 -38px;
}

h2.subHeading
{
    color: #00703c;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    border-bottom: solid 1px #13733e;
    margin-right: 5px;
    height: 28px;
    font-size: 18px;
    font-weight: normal;
    line-height: 26px;
    text-transform: uppercase;
    padding-top: 2px;
}

/* ORDER PREVIEW WINDOW STUFF */

.ordPrevWrapper
{
    position: absolute;
    width: 958px;
    z-index: 200;
    top: 115px;
    left: 0px;
}
.ordPrevWrapper .ordPrevBtnWrapper
{
    background: url(../Images/Template/ordPrevBtnWrapperBg2.gif) no-repeat right top;
    height: 16px;
}
.btnOrdPrev
{
    margin-left: auto;
    margin-right: 10px;
    height: 15px;
    width: 85px;
}
.btnOrdPrev a
{
    background-image: url(../Images/tabs/hide-show-tabs2.gif);
    height: 15px;
    display: block;
}
.btnOrdPrev a.selected
{
    background-position: 0 -16px;
}
#ordPrevWindow
{
    margin: 0;
    padding: 0;
    overflow: auto;
    position: absolute;
    height: 380px;
    width: 100%;
    background: #ffffff;
    border-bottom: solid 1px #cccccc;
}
#ordPrevWindow div.ordPrevBox
{
    padding: 0px 15px;
}

#ordPrevWindow .productList
{
    margin: 10px 0 0 0;
    padding: 0;
    height: 330px;
    overflow: auto;
    list-style-type: none;
    float: left;
    width: 730px;
}
#ordPrevWindow .orderTotals
{
    min-height: 300px;
    margin: 10px 0 0 10px;
    float: left;
    width: 180px;
    margin-top: 10px;
    border-left: solid 1px #0c4c28;
}

#ordPrevWindow .productList li
{
    margin: 0;
    padding: 0;
    float: left;
}

#ordPrevWindow .productList .productListItem
{
    border-bottom: solid 1px #cccccc;
}
#ordPrevWindow .productList .productListItem .pName
{
    float: left;
    width: 120px;
    margin: 6px 0 5px 0;
}
#ordPrevWindow .productList .productListItem .pName h3
{
    font-size: 1.0em;
    color: #1b733f;
    margin: 0px 0px 2px 0px;
    padding: 0px;
}

#ordPrevWindow .productList .productListItem .pDesc
{
    float: left;
    width: 350px;
    margin-right: 10px;
    font-size: 0.9em;
    margin: 10px 0 5px 0;
}
#ordPrevWindow .productList .productListItem .pActions
{
    float: left;
    width: 120px;
    margin: 10px 0 5px 0;
}
#ordPrevWindow .productList .productListItem .pQty
{
    float: left;
    width: 100px;
    margin: 10px 0 5px 0;
}

#ordPrevWindow .orderTotals label
{
    display: block;
    float: right;
    margin-bottom: 5px;
}
#ordPrevWindow .orderTotals label input
{
    margin-left: 5px;
    text-align: center;
    border: solid #999999 1px;
    font-size: 0.9em;
    color: #77a32a;
}
#ordPrevWindow .orderTotals div.btnText
{
    float: right;
    clear: both;
}

/* COMMON SITE HEADER STUFF */

.hdrLogo
{
    border: none 0px;
    position: absolute;
    top: 0;
    margin-left: 19px;
    width: 134px;
    margin-top: 7px;
    z-index: 100;
}
.hdrLogo img
{
    border: none 0px;
}
#hdrInfoContainer
{
    font-size: 10px;
    margin: 0px 0px 15px 0px;
    float: right;
    height: 18px;
}
#hdrInfoContainer .btnText
{
    float: left;
}

.hdrLunchcart
{
    float: left;
    margin: 0px;
    padding: 0;
}
.hdrLunchcart input
{
    border-top: solid #77a32a 1px;
    border-bottom: solid #77a32a 1px;
    border-right: none;
    border-left: none;
    font-size: 10px;
    color: #77a32a;
    margin: 0px;
    padding: 0px;
    width: 25px;
    float: left;
    display: inline-block;
}
.hdrLunchcart p
{
    font-size: 12px;
    color: #77a32a;
    margin: 0 0 0 5px;
    padding: 0px 5px 0px 0px;
    display: inline-block;
    text-align: right;
    float: left;
    line-height: 18px;
}

.hdrLogin
{
    float: left;
    display: inline-block;
}
.hdrLogin p
{
    font-size: 12px;
    color: #77a32a;
    margin: 0 0 0 10px;
    padding: 0px 0px 0px 0px;
    display: inline-block;
    text-align: right;
    float: left;
    line-height: 18px;
}
.hdrLogin img, .hdrLunchcart img
{
    margin: 0px;
    padding: 0px;
    float: left;
}

.hdrLogin .loginFields
{
    float: left;
    margin-left: 5px;
}
.hdrLogin .loginFields input
{
    margin: 0;
    padding: 0;
    height: 17px;
    width: 100px;
    font-size: 13px;
    padding: 0 3px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: solid #77a32a 1px;
}
.hdrLogin .loginButtons
{
    float: left;
    margin-left: 5px;
}
.hdrLogin .loginButtons input
{
    float: left;
}

.hdrLogin .loginButtons .btnKioskCancelOrder
{
    margin-left: 5px;
}

.loginEmail
{
    background: url(../Images/Buttons/frmEmailBg.png);
}
.loginUsername
{
    background: url(../Images/Buttons/frmUsernameBg.png);
}
.loginPassword
{
    background: url(../Images/Buttons/frmPasswordBg.png);
}

.hdrLogin
{
    display: block;
    margin: 0px;
    padding: 0px;
}

.hdrItemCount
{
    font-weight: bold;
}
.hdrPriceTotal
{
    font-weight: bold;
}

/* SITE HEADER NAVIGATION STUFF */

#hdrMenu
{
    padding: 0px 0px 0px 175px;
    margin: 0px;
    display: inline-block;
    width: 785px;
}

.hdrMenu
{
    margin: 0px;
    padding: 0px;
    height: 14px;
    line-height: 14px;
}
.hdrMenu ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    overflow: hidden;
    float: left;
    display: block;
}
.hdrMenu li
{
    display: inline-block;
    margin: 0px;
    padding: 0px;
    float: left;
}

.hdrMenu li a
{
    display: block;
    text-decoration: none;
    margin: 0px;
    padding: 0px 32px 0px 6px;
    background-repeat: no-repeat;
    background-position: 6px 0px;
}
.hdrMenu li a:hover
{
    background-position: 6px -20px;
}
.hdrMenu li a.begin
{
    background-image: url(../Images/nav/navBegin.gif);
    width: 133px;
}
.hdrMenu li a.menu
{
    background-image: url(../Images/nav/navMenu.gif);
    width: 59px;
}
.hdrMenu li a.meetings
{
    background-image: url(../Images/nav/navMeetings.gif);
    width: 108px;
}
.hdrMenu li a.gifts
{
    background-image: url(../Images/nav/navGifts.gif);
    width: 115px;
}
.hdrMenu li a.account
{
    background-image: url(../Images/nav/navMyAccount.gif);
    width: 74px;
}
.hdrMenu li a.stores
{
    background-image: url(../Images/nav/navStores.gif);
    width: 64px;
}
.hdrMenu li a.contact
{
    background-image: url(../Images/nav/navContactUs.gif);
    width: 68px;
}

.hdrSubMenu, .hdrSubMenu ul
{
    font-size: 11px;
    margin: 0px;
    padding: 1px;
    position: absolute;
    left: 0px;
    top: 0px;
    list-style-type: none;
    background: white;
    border: 1px solid #77a32e;
    visibility: hidden;
    text-align: left;
    border-top-color: #0c4c28;
    width: 140px;
    display: block;
}
.hdrSubMenu li
{
}
.hdrSubMenu li a
{
    display: block;
    color: #77a32e;
    text-decoration: none;
    padding: 5px;
    border-bottom: 1px solid #77a32e;
    margin: 0px;
    width: 130px;
}
.hdrSubMenu li a span
{
    text-transform: lowercase;
}

.hdrSubMenu li a:hover
{
    background-color: #d9dfd1;
    color: #666666;
    text-decoration: none;
}
.hdrSubMenu .last
{
    border-bottom: 0;
}
.hdrSubMenu .endsection
{
    border-bottom: solid 2px;
}

#hdrSubMenu5
{
    width: 136px;
    position: absolute;
    border-right-color: #355D3A;
}
#hdrSubMenu5 li a
{
    width: 126px;
}

.downarrowpointer
{
    padding-left: 4px;
    border: 0;
}
.rightarrowpointer
{
    position: absolute;
    padding-top: 2px;
    border: 0;
}

/* FORMS */

.frmContainer
{
}
.frmContainer label
{
    display: block;
    height: 21px;
    line-height: 21px;
    background: #eeeeee;
    margin: 5px 0;
    padding: 2px;
    width: 80px;
    text-align: right;
}
.frmContainer input
{
    margin-left: 20px;
    left: 80px;
    position: absolute;
    width: 170px;
}

.frmTable
{
    border-collapse: collapse;
}
.frmTable th
{
    text-align: right;
    font-size: 0.9em;
    width: 100px;
}
.frmTable th label.compulsory
{
    font-weight: normal;
    color: #00703c;
    font-weight: bold;
    background: url(../Images/Template/frmLabelCompulsoryBg.png) no-repeat right top;
    padding-right: 8px;
}
.frmTable th label
{
    font-weight: normal;
    color: #669966;
    font-weight: normal;
}
.frmTable td
{
}
.frmTable input
{
}

.frmTableLg
{
    border-collapse: collapse;
}
.frmTableLg th
{
    text-align: right;
    font-size: 1.1em;
    width: 120px;
    padding: 0;
    margin: 0;
    padding-right: 5px;
}
.frmTableLg th label.compulsory
{
    font-weight: normal;
    color: #00703c;
    font-weight: bold;
    background: url(../Images/Template/frmLabelCompulsoryBg.png) no-repeat right top;
    padding-right: 8px;
}
.frmTableLg th label
{
    font-weight: normal;
    color: #669966;
    font-weight: normal;
}
.frmTableLg input
{
    font-size: 1.2em;
    line-height: 1.4em;
    height: 1.4em;
    margin: 1px 0;
    padding: 3px;
    border: solid 1px #555555;
}
.frmTableLg select
{
    font-size: 1.2em;
    line-height: 1.4em;
    margin: 1px 0;
    padding: 3px;
    border: solid 1px #555555;
}

.frmTableLgWide th 
{
    width: 140px;
}


.frmTableWide
{
    border-collapse: collapse;
}
.frmTableWide th
{
    text-align: right;
    font-size: 0.9em;
    width: 33%;
}
.frmTableWide th label.compulsory
{
    font-weight: normal;
    color: #00703c;
    font-weight: bold;
    background: url(../Images/Template/frmLabelCompulsoryBg.png) no-repeat right top;
    padding-right: 8px;
}
.frmTableWide th label
{
    font-weight: normal;
    color: #669966;
    font-weight: normal;
}
.frmTableWide tr td h4
{
    text-align: right;
    font-size: 12px;
    color: #ffffff;
    background: #999999;
    text-transform: uppercase;
    margin-bottom: 20px;
    padding: 5px;
    text-align: left;
}
.frmTableWide tr.heading
{
    margin: 10px;
}



.frmTableWrapper
{
    margin: 15px 0;
    border-top: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    padding: 10px 0;
}

.frmTableSummary
{
    margin-left: 100px;
}
.frmTableSummary td
{
    margin: 3px;
}
.frmTableSummary td.subtotal
{
    text-align: right;
    font-size: 1.2em;
}
.frmTableSummary td.total
{
    text-align: right;
    font-weight: bold;
    border-top: solid 1px #999999;
    font-size: 1.2em;
}

.expCheckoutConfirm-content
{
    height: 180px;
}
#expCheckoutConfirm-lunchboxId
{
    font-size: 24px;
    font-weight: bold;
}
#expCheckoutTotalPrice
{
    width: 70px;
}
#expCheckoutItemCount
{
    width: 40px;
}
.frmStandAloneInput
{
    padding: 2px;
}
#extraemails
{
    margin-bottom: 20px;
}

/* TABLES */

.tblForm
{
    border-collapse: collapse;
}
.tblForm th, .tblForm td
{
    text-align: left;
}
.tblForm label
{
    color: #555555;
    font-size: 100%;
    font-weight: normal;
}
.tblForm label.compulsory
{
    font-weight: bold;
    color: #000000;
}
.tblForm input[type=text], .tblForm select, .tblForm textarea
{
    border: solid 1px #555;
    padding: 5px;
    margin: 0;
    width: 80%;
}
.tblForm input[type=text]
{
    width: 75%;
}

.tblSummary
{
    border-collapse: collapse;
    width: 100%;
}
.tblSummary tr
{
}
.tblSummary th, .tblSummary td
{
    text-align: left;
    font-size: 1.0em;
    padding: 5px;
}
.tblSummary tr th
{
    font-weight: bold;
    border-bottom: solid 1px #000000;
}
.tblSummary tr td
{
    border-bottom: solid 1px #cccccc;
}
.tblSummary td
{
}
.tblSummary td h4
{
    margin: 0;
}

.tblSummary tr.heading th, .tblSummary tr.heading td
{
    border-top: solid 2px #669933;
    border-bottom: none;
}
.tblSummary tr.gap th, .tblSummary tr.gap td
{
    padding-top: 20px;
}
.tblSummary tr.heading th
{
    border-bottom: solid 2px #99cc66;
    color: #669933;
    text-align: center;
    font-weight: normal;
}
.tblSummary tr.heading th.left
{
    text-align: left;
}

.tblSummary tr td.highlight
{
    font-size: 14px;
}

.tblSummary tr th.center, .tblSummary tr td.center
{
    text-align: center;
}
.tblSummary tr th.large, .tblSummary tr td.large
{
    font-size: 1.5em;
}

.tblSummary a
{
    text-decoration: none;
    color: #00703c;
}
.tblSummary a:hover
{
    text-decoration: underline;
}
.tblSummary a.email
{
    color: #7777cc;
}

.tblSummaryLarge
{
    font-size: 1.2em;
}

.tblNutrition
{
    width: 360px;
    border-collapse: collapse;
}
.tblNutritionSml
{
    width: 188px;
}
.tblNutritionLg
{
    width: 100%;
}
.tblNutrition tr th, .tblNutrition tr td
{
    border-bottom: solid 1px #777777;
    color: #333333;
}
.tblNutrition tr.thickborder th, .tblNutrition tr.thickborder td
{
    border-bottom: solid 2px #777777;
}
.tblNutrition th
{
    text-align: left;
    font-size: 0.95em;
}
.tblNutrition th small
{
    font-size: 0.9em;
}
.tblNutrition span.value
{
    font-weight: normal;
}
.tblNutrition span.subcat
{
    margin-left: 15px;
    font-weight: normal;
}
.tblNutrition th span.left
{
    float: left;
}
.tblNutrition th span.right
{
    float: right;
    font-weight: normal;
}
.tblNutrition td.perc
{
    font-size: 0.85em;
    text-align: right;
    font-weight: bold;
}


/* BUTTONS */

.pages
{
    padding: 1px;
    margin: 10px 5px 10px 9px;
    display: block;
}
.pages a, .pages span
{
    display: inline-block;
    color: #000000;
    padding: 2px 4px;
    margin: 1px 2px 1px 0;
    border: 1px solid #dddddd;
    line-height: 16px;
    text-decoration: none;
}
.pages span
{
    font-weight: bold;
}
.pages span.header
{
    background-color: #777777;
    color: #ffffff;
    border-color: #333333;
    width: 20px;
    font-size: 10px;
    font-weight: bold;
    text-align: right;
}

.pages a.selected
{
    border: 1px solid #ff3333;
    font-weight: bold;
    background: #ff3333;
    color: #ffffff;
}
.pages a.current
{
    border: 1px solid #ffaaaa;
    background: #dddddd;
}
.pages a
{
    border: 1px solid #ffaaaa;
    text-decoration: none;
}

.pages a.nextprev
{
    font-weight: bold;
}
.pages span.nextprev
{
    color: #666;
}
.pages span.nextprev
{
    border: 1px solid #ddd;
    color: #999;
}

.inputButtonSml
{
    font-size: 11px;
}
.inputButton
{
    cursor: pointer;
    font-size: 14px;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff;
    background: url(../Images/Buttons/inputButton.gif) repeat-x;
    border: solid 1px #000000;
    border-left: solid 1px #999999;
    border-top: solid 1px #999999;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}
.inputButton:hover
{
    background-position: 0px -30px;
}

/*
.btnLogin { width: 45px; height: 18px; float: left; }
.btnLogin a { background-position: 0px 0px; background-image: url(../Images/buttons/login2.gif); background-repeat: no-repeat; width: 45px; height: 18px; float: left; margin: 0; padding: 0; }
.btnLogin a:hover { background-position: 0px -19px; }
*/

.btnCheckItOut
{
    width: 90px;
    height: 18px;
    float: left;
}
.btnCheckItOut a
{
    background-position: 0 0;
    background-image: url(../Images/buttons/checkItOut.gif);
    background-repeat: no-repeat;
    width: 90px;
    height: 18px;
    float: left;
}
.btnCheckItOut a:hover
{
    background-position: 0 -19px;
}

.btnMoreInfoSml
{
    margin-right: 3px;
}
.btnMoreInfoSml:hover
{
    background-position: 0px -14px;
}

.btnMoreInfoSml
{
    width: 72px;
    height: 14px;
    border: none 0;
    background: url(../Images/Buttons/btnMoreInfoSml.gif);
    cursor: pointer;
}

/* large <input> buttons */

input.btnLgAddToOrder, input.btnLgRegister, input.btnLgResetPwd, input.btnLgLogin, input.btnLgSubmit, input.btnLgSubmitApp, input.btnLgPickupTime
{
    margin-right: 3px;
}
input.btnLgAddToOrder:hover, input.btnLgRegister:hover, input.btnLgResetPwd:hover, input.btnLgLogin:hover, input.btnLgSubmit:hover, input.btnLgSubmitApp:hover, input.btnLgPickupTime:hover
{
    background-position: 0px -30px;
}

input.btnLgAddToOrder
{
    background: url(../Images/Buttons/btnLgAddToOrder.png) no-repeat;
    width: 90px;
    height: 30px;
    border: none 0;
    cursor: pointer;
}
input.btnLgLogin
{
    background: url(../Images/Buttons/btnLogin.png) no-repeat;
    width: 54px;
    height: 30px;
    border: none 0;
    cursor: pointer;
}
input.btnLgResetPwd
{
    background: url(../Images/Buttons/btnLgResetPassword.png) no-repeat;
    width: 100px;
    height: 30px;
    border: none 0;
    cursor: pointer;
}
input.btnLgRegister
{
    background: url(../Images/Buttons/btnLgRegister.png) no-repeat;
    width: 100px;
    height: 30px;
    border: none 0;
    cursor: pointer;
}
input.btnLgSubmit
{
    width: 75px;
    height: 30px;
    border: none 0;
    background: url(../Images/Buttons/btnLgSubmit.png);
    cursor: pointer;
}
input.btnLgSubmitApp
{
    width: 120px;
    height: 30px;
    border: none 0;
    background: url(../Images/Buttons/btnLgSubmitApp.png);
    cursor: pointer;
}
input.btnLgPickupTime
{
    width: 120px;
    height: 30px;
    border: none 0;
    background: url(../Images/Buttons/btnLgPickupTime.png);
    cursor: pointer;
}

/* regular <input> buttons */

.btnSubmit, .btnIgnore, .btnAcceptAll, .btnDeleteAlt, .btnAccept, .btnSubmitFeedback, .btnDisconnect, .btnConnect, .btnOnHold, .btnStayHere, .btnSpecialtysDirectBack, .btnLoginLeft, .btnPartialPay, .btnAddFunds, .btnPayAndFinish, .btnDeleteInput, .btnRemove, .btnCancel, .btnUpdateTotals, .btnSetToRemainder, .btnUnavailable, .btnUpdate
{
    margin-right: 3px;
}
.btnSubmit:hover, .btnIgnore:hover, .btnAcceptAll:hover, .btnDeleteAlt:hover, .btnAccept:hover, .btnSubmitFeedback:hover, .btnDisconnect:hover, .btnConnect:hover, .btnOnHold:hover, .btnStayHere:hover, .btnSpecialtysDirectBack:hover, .btnLoginLeft:hover, .btnPartialPay:hover, .btnAddFunds:hover, .btnPayAndFinish:hover, .btnDeleteInput:hover, .btnRemove:hover, .btnCancel:hover, .btnUpdateTotals:hover, .btnSetToRemainder:hover, .btnUnavailable:hover, .btnUpdate:hover
{
    background-position: 0px -19px;
}

input.btnFbBrag
{
    width: 65px;
    height: 20px;
    border: none 0;
    background: url(../Images/Buttons/btnFbBrag.gif);
    cursor: pointer;
}
input.btnFbShare
{
    width: 65px;
    height: 20px;
    border: none 0;
    background: url(../Images/Buttons/btnFbShare.gif);
    cursor: pointer;
}
input.btnFbCheckItOut
{
    display: block;
    width: 100px;
    height: 20px;
    border: none 0;
    background: url(../Images/Buttons/btnFbCheckItOut.gif);
    cursor: pointer;
}
input.btnFbConnect
{
    display: block;
    width: 84px;
    height: 20px;
    border: none 0;
    background: url(../Images/Buttons/btnFbConnect.gif);
    cursor: pointer;
}

input.btnLoginLeft
{
    width: 45px;
    height: 18px;
    border: none 0;
    background: url(../Images/Buttons/btnLoginLeft.png);
    cursor: pointer;
}
input.btnPartialPay
{
    width: 77px;
    height: 18px;
    border: none 0;
    background: url(../Images/Buttons/btnPartialPay.png);
    cursor: pointer;
}
input.btnPartialPayBlue
{
    background-image: url(../Images/Buttons/btnPartialPayBlue.png);
}
input.btnAddFunds
{
    width: 77px;
    height: 18px;
    border: none 0;
    background: url(../Images/Buttons/btnAddFunds.png);
    cursor: pointer;
}
input.btnPayAndFinish
{
    width: 90px;
    height: 18px;
    border: none 0;
    background: url(../Images/Buttons/btnPayAndFinish.png);
    cursor: pointer;
}
input.btnPayAndFinishBlue
{
    background-image: url(../Images/Buttons/btnPayAndFinishBlue.png);
}
input.btnUpdate
{
    background: url(../Images/Buttons/btnUpdate.png) no-repeat;
    width: 60px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnDeleteInput
{
    background: url(../Images/Buttons/btnDeleteInput.png) no-repeat;
    width: 60px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnSetToRemainder
{
    background: url(../Images/Buttons/btnSetToRemainder.png) no-repeat;
    width: 105px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnUnavailable
{
    width: 90px;
    height: 18px;
    border: none 0;
    background: url(../Images/Buttons/btnUnavailable.png);
    cursor: pointer;
}
input.btnCancel
{
    background: url(../Images/Buttons/btnCancel.png) no-repeat;
    width: 60px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnUpdateTotals
{
    width: 90px;
    height: 18px;
    border: none 0;
    background: url(../Images/Buttons/btnUpdateTotals.png);
    cursor: pointer;
}
input.btnRemove
{
    background: url(../Images/Buttons/btnRemove.png) no-repeat;
    width: 60px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnSpecialtysDirectBack
{
    background: url(../Images/Buttons/btnSpecialtysDirectBack.gif) no-repeat;
    width: 200px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnStayHere
{
    background: url(../Images/Buttons/btnStayHere.gif) no-repeat;
    width: 77px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnOnHold
{
    background: url(../Images/Buttons/btnOnHold.gif) no-repeat;
    width: 77px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnConnect
{
    background: url(../Images/Buttons/btnConnect.png) no-repeat;
    width: 77px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnDisconnect
{
    background: url(../Images/Buttons/btnDisconnect.png) no-repeat;
    width: 90px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnSubmitFeedback
{
    background: url(../Images/Buttons/btnSubmitFeedback.png) no-repeat;
    width: 105px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnAccept
{
    background: url(../Images/Buttons/btnAccept.png) no-repeat;
    width: 60px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnDeleteAlt
{
    background: url(../Images/Buttons/btnDeleteAlt.png) no-repeat;
    width: 60px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnAcceptAll
{
    background: url(../Images/Buttons/btnAcceptAll.png) no-repeat;
    width: 105px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnIgnore
{
    background: url(../Images/Buttons/btnIgnore.png) no-repeat;
    width: 60px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnDelist
{
    background: url(../Images/Buttons/btnDelist.png) no-repeat;
    width: 90px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnSubmitItem
{
    background: url(../Images/Buttons/btnSubmitItem.png) no-repeat;
    width: 90px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnVotePos
{
    background: url(../Images/Icons/c-digg.gif) no-repeat;
    width: 18px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnVoteNeg
{
    background: url(../Images/Icons/c-bury.gif) no-repeat;
    width: 18px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnVoteDisable
{
    background: url(../Images/Icons/c-disable.gif) no-repeat;
    width: 18px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
input.btnSubmit
{
    background: url(../Images/Buttons/btnSubmit.png) no-repeat;
    width: 77px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}

.btnVotePosAlt
{
    background: url(../Images/Icons/c-digg-alt.gif) no-repeat bottom;
    width: 18px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}
.btnVoteNegAlt
{
    background: url(../Images/Icons/c-bury-alt.gif) no-repeat bottom;
    width: 18px;
    height: 18px;
    border: none 0;
    cursor: pointer;
}

.btnVotePosAlt:hover, .btnVoteNegAlt:hover
{
    background-position: top;
}

.btnText
{
    height: 18px;
    line-height: 18px;
    display: inline-block;
}
.btnText a:hover
{
    color: #ffffff;
    text-decoration: none;
    background-position: 0 -19px;
}
.btnText a:hover span
{
    background-position: right -19px;
}
.btnText a
{
    padding: 0;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    padding-left: 10px;
    height: 18px;
    line-height: 18px;
    background: url(../Images/buttons/btnTextLeft.png) no-repeat top left;
}
.btnText a span
{
    color: #ffffff;
    padding: 0;
    display: inline-block;
    white-space: nowrap;
    padding-right: 10px;
    height: 18px;
    line-height: 17px;
    background: url(../Images/buttons/btnTextRight.png) no-repeat top right;
}
.btnText a:active
{
    text-decoration: none;
    color: #ffffff;
    background-position: top left;
}
.btnText a:active span
{
    background-position: top right;
}

.btnGreen a
{
    background-image: url(../Images/Buttons/btnTextLeft.png);
}
.btnGreen a span
{
    background-image: url(../Images/Buttons/btnTextRight.png);
}
.btnOrange a
{
    background-image: url(../Images/Buttons/btnTextOrangeLeft.png);
}
.btnOrange a span
{
    background-image: url(../Images/Buttons/btnTextOrangeRight.png);
}
.btnDkGreen a
{
    background-image: url(../Images/Buttons/btnTextDkGreenLeft.png);
}
.btnDkGreen a span
{
    background-image: url(../Images/Buttons/btnTextDkGreenRight.png);
}
.btnBlue a
{
    background-image: url(../Images/Buttons/btnTextBlueLeft.png);
}
.btnBlue a span
{
    background-image: url(../Images/Buttons/btnTextBlueRight.png);
}
.btnRed a
{
    background-image: url(../Images/Buttons/btnTextRedLeft.png);
}
.btnRed a span
{
    background-image: url(../Images/Buttons/btnTextRedRight.png);
}
.btnGold a
{
    background-image: url(../Images/Buttons/btnTextGoldLeft3.png);
}
.btnGold a span
{
    background-image: url(../Images/Buttons/btnTextGoldRight.png);
    color: #000000;
}

.btnFavorite a, .btnFavorite a:active
{
    background-image: url(../Images/Buttons/btnTextFavoriteLeft.png);
    padding-left: 18px;
}
.btnFavorite a span, .btnFavorite a:active span
{
    background-image: url(../Images/Buttons/btnTextRedRight.png);
}

.btnLMod
{
}
.btnLMod a:hover
{
    background-position: 0 -19px;
}
.btnLMod a:hover span
{
    background-position: 0 -19px;
}
.btnLMod a, .btnLMod a:active
{
    background-position: left 0;
}
.btnLMod a span, .btnLMod a:active span
{
    padding-right: 5px;
    background-position: left top;
}

.btnMMod
{
}
.btnMMod a:hover
{
    background-position: -10px -19px;
}
.btnMMod a:hover span
{
    background-position: -10px -19px;
}
.btnMMod a, .btnMMod a:active
{
    padding-left: 6px;
    background-position: -10px 0;
}
.btnMMod a span, .btnMMod a:active span
{
    padding-right: 6px;
    background-position: left top;
}

.btnRMod
{
}
.btnRMod a:hover
{
    background-position: -10px -19px;
}
.btnRMod a:hover span
{
    background-position: right -19px;
}
.btnRMod a, .btnRMod a:active
{
    padding-left: 5px;
    background-position: -10px 0;
}
.btnRMod a span, .btnRMod a:active span
{
    background-position: right top;
}

.btnDisabled a, .btnDisabled a:active
{
    background-image: url(../Images/Buttons/btnTextDisabledLeft.png);
}
.btnDisabled a span, .btnDisabled a:active span
{
    background-image: url(../Images/Buttons/btnTextDisabledRight.png);
}
.btnDisabled a span, .btnDisabled a:hover span
{
    color: #ffffff;
}

.btnTextSml
{
    height: 14px;
    line-height: 14px;
    display: inline-block;
}
.btnTextSml a:hover
{
    color: #ffffff;
    text-decoration: none;
    background-position: 0 -14px;
}
.btnTextSml a:hover span
{
    color: #ffffff;
    background-position: right -14px;
}
.btnTextSml a, .btnTextSml a:active
{
    padding: 0;
    font-size: 11px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    padding-left: 8px;
    height: 14px;
    line-height: 14px;
    background: url(../Images/buttons/btnTextSmlGreenLeft.png) no-repeat top left;
}
.btnTextSml a span, .btnTextSml a:active span
{
    padding: 0;
    display: inline-block;
    white-space: nowrap;
    padding-right: 8px;
    height: 14px;
    line-height: 11px;
    background: url(../Images/buttons/btnTextSmlGreenRight.png) no-repeat top right;
}

.btnGreenSml a
{
    background-image: url(../Images/Buttons/btnTextSmlGreenLeft.png);
}
.btnGreenSml a span
{
    background-image: url(../Images/Buttons/btnTextSmlGreenRight.png);
}
.btnOrangeSml a
{
    background-image: url(../Images/Buttons/btnTextSmlOrangeLeft.png);
}
.btnOrangeSml a span
{
    background-image: url(../Images/Buttons/btnTextSmlOrangeRight.png);
}
.btnDkGreenSml a
{
    background-image: url(../Images/Buttons/btnTextSmlDkGreenLeft.png);
}
.btnDkGreenSml a span
{
    background-image: url(../Images/Buttons/btnTextSmlDkGreenRight.png);
}
.btnBlueSml a
{
    background-image: url(../Images/Buttons/btnTextSmlBlueLeft.png);
}
.btnBlueSml a span
{
    background-image: url(../Images/Buttons/btnTextSmlBlueRight.png);
}
.btnRedSml a
{
    background-image: url(../Images/Buttons/btnTextSmlRedLeft.png);
}
.btnRedSml a span
{
    background-image: url(../Images/Buttons/btnTextSmlRedRight.png);
}
.btnGoldSml a
{
    background-image: url(../Images/Buttons/btnTextSmlGoldLeft.png);
}
.btnGoldSml a span
{
    background-image: url(../Images/Buttons/btnTextSmlGoldRight.png);
    color: #000000;
}

.btnFavoriteSml a, .btnFavoriteSml a:active
{
    background-image: url(../Images/Buttons/btnTextSmlFavoriteLeft.png);
    padding-left: 18px;
}
.btnFavoriteSml a span, .btnFavoriteSml a:active span
{
    background-image: url(../Images/Buttons/btnTextSmlRedRight.png);
}

.btnDeleteSmlAlt a, .btnDeleteSmlAlt a:active
{
    background-image: url(../Images/Buttons/btnTextSmlDeleteLeft.png);
    padding-left: 14px;
}
.btnDeleteSmlAlt a span, .btnDeleteSmlAlt a:active span
{
    background-image: url(../Images/Buttons/btnTextSmlRedRight.png);
}

.btnDeleteSml
{
    height: 14px;
    line-height: 14px;
    width: 14px;
    display: inline-block;
}
.btnDeleteSml a
{
    text-decoration: none;
    background: url(../Images/Buttons/btnDeleteSml.png) no-repeat;
    width: 14px;
    height: 14px;
    line-height: 14px;
    display: block;
}
.btnDeleteSml a:hover
{
    text-decoration: none;
    background-position: 0 -14px;
}

.btnDisabledSml a
{
    background-image: url(../Images/Buttons/btnTextSmlDisabledLeft.png);
}
.btnDisabledSml a span
{
    background-image: url(../Images/Buttons/btnTextSmlDisabledRight.png);
}

.btnLModSml
{
}
.btnLModSml a:hover
{
    background-position: 0 -14px;
}
.btnLModSml a:hover span
{
    background-position: 0 -14px;
}
.btnLModSml a, .btnLModSml a:active
{
    background-position: left 0;
}
.btnLModSml a span, .btnLModSml a:active span
{
    padding-right: 6px;
    background-position: left top;
}

.btnMModSml
{
}
.btnMModSml a:hover
{
    background-position: -10px -14px;
}
.btnMModSml a:hover span
{
    background-position: left -14px;
}
.btnMModSml a, .btnMModSml a:active
{
    padding-left: 6px;
    background-position: -10px 0;
}
.btnMModSml a span, .btnMModSml a:active span
{
    background-position: left top;
}

.btnRModSml
{
}
.btnRModSml a:hover
{
    background-position: -10px -14px;
}
.btnRModSml a:hover span
{
    background-position: right -14px;
}
.btnRModSml a, .btnRModSml a:active
{
    padding-left: 6px;
    background-position: -10px 0;
}
.btnRModSml a span, .btnRModSml a:active span
{
    background-position: right top;
}

.btnTextLg
{
    height: 30px;
    line-height: 30px;
    display: inline-block;
}
.btnTextLg a:hover
{
    color: #ffffff;
    text-decoration: none;
    background-position: 0 -30px;
}
.btnTextLg a:hover span
{
    background-position: right -30px;
}
.btnTextLg a
{
    padding: 0;
    font-size: 13px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    padding-left: 10px;
    height: 30px;
    line-height: 28px;
    background: url(../Images/buttons/btnSubmitGreenLeft.png) no-repeat top left;
}
.btnTextLg a span
{
    padding: 0;
    display: inline-block;
    white-space: nowrap;
    padding-right: 10px;
    height: 30px;
    line-height: 28px;
    background: url(../Images/buttons/btnSubmitGreenRight2.png) no-repeat top right;
}
.btnTextLg a:active
{
    text-decoration: none;
    color: #ffffff;
    background-position: top left;
}
.btnTextLg a:active span
{
    background-position: top right;
}

.btnGreenLg a
{
    background-image: url(../Images/Buttons/btnSubmitGreenLeft.png);
}
.btnGreenLg a span
{
    background-image: url(../Images/Buttons/btnSubmitGreenRight2.png);
}
.btnOrangeLg a
{
    background-image: url(../Images/Buttons/btnSubmitOrangeLeft.png);
}
.btnOrangeLg a span
{
    background-image: url(../Images/Buttons/btnSubmitOrangeRight2.png);
}
.btnDkGreenLg a
{
    background-image: url(../Images/Buttons/btnSubmitDkGreenLeft.png);
}
.btnDkGreenLg a span
{
    background-image: url(../Images/Buttons/btnSubmitDkGreenRight2.png);
}
.btnBlueLg a
{
    background-image: url(../Images/Buttons/btnSubmitBlueLeft.png);
}
.btnBlueLg a span
{
    background-image: url(../Images/Buttons/btnSubmitBlueRight.png);
}
.btnRedLg a
{
    background-image: url(../Images/Buttons/btnSubmitRedLeft.png);
}
.btnRedLg a span
{
    background-image: url(../Images/Buttons/btnSubmitRedRight.png);
}
.btnGoldLg a
{
    background-image: url(../Images/Buttons/btnSubmitGoldLeft.png);
}
.btnGoldLg a span
{
    background-image: url(../Images/Buttons/btnSubmitGoldRight.png);
}
.btnLtBlueLg a
{
    background-image: url(../Images/Buttons/btnSubmitLtBlueLeft.gif);
}
.btnLtBlueLg a span
{
    background-image: url(../Images/Buttons/btnSubmitLtBlueRight.gif);
}

.btnFavoriteLg a, .btnFavoriteLg a:active
{
    background-image: url(../Images/Buttons/btnSubmitFavoriteLeft.png);
    padding-left: 25px;
}
.btnFavoriteLg a span, .btnFavoriteLg a:active span
{
    background-image: url(../Images/Buttons/btnSubmitRedRight.png);
}

.btnCloseLg a, .btnFavoriteLg a:active
{
    background-image: url(../Images/Buttons/btnSubmitCloseLeft.png);
    padding-left: 22px;
}
.btnCloseLg a span, .btnFavoriteLg a:active span
{
    background-image: url(../Images/Buttons/btnSubmitDisabledRight2.png);
}

.btnDisabledLg a
{
    background-image: url(../Images/Buttons/btnSubmitDisabledLeft.png);
}
.btnDisabledLg a span
{
    background-image: url(../Images/Buttons/btnSubmitDisabledRight2.png);
}

.btnLModLg
{
}
.btnLModLg a:hover
{
    background-position: 0 -30px;
}
.btnLModLg a:hover span
{
    background-position: 0 -30px;
}
.btnLModLg a, .btnLModLg a:active
{
    background-position: left 0;
}
.btnLModLg a span, .btnLModLg a:active span
{
    padding-right: 10px;
    background-position: left top;
}

.btnMModLg
{
}
.btnMModLg a:hover
{
    background-position: -10px -30px;
}
.btnMModLg a:hover span
{
    background-position: left -14px;
}
.btnMModLg a, .btnMModLg a:active
{
    padding-left: 10px;
    background-position: -10px 0;
}
.btnMModLg a span, .btnMModLg a:active span
{
    background-position: left top;
    padding-right: 10px;
}

.btnRModLg
{
}
.btnRModLg a:hover
{
    background-position: -10px -30px;
}
.btnRModLg a:hover span
{
    background-position: right -30px;
}
.btnRModLg a, .btnRModLg a:active
{
    padding-left: 10px;
    background-position: -10px 0;
}
.btnRModLg a span, .btnRModLg a:active span
{
    background-position: right top;
}

.btnMinus, .btnPlus
{
    display: inline-block;
    float: left;
}
.btnMinus a:hover, .btnPlus a:hover
{
    background-position: 0px -19px;
}
.btnMinus a, .btnMinus a:active
{
    display: inline-block;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    background-image: url(../Images/buttons/btnMinus.gif);
    width: 18px;
    height: 18px;
    line-height: 18px;
    background-position: 0 0;
}
.btnPlus a, .btnPlus a:active
{
    display: inline-block;
    background-position: 0px 0px;
    background-image: url(../Images/buttons/btnPlus.gif);
    width: 18px;
    height: 18px;
    line-height: 18px;
}

.btnFavoriteAltSml
{
    height: 14px;
    line-height: 14px;
    width: 14px;
    display: inline-block;
}
.btnFavoriteAltSml a
{
    text-decoration: none;
    background: url(../Images/Buttons/btnFavoriteSml.png) no-repeat;
    width: 14px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
}
.btnFavoriteAltSml a:hover
{
    text-decoration: none;
    background-position: 0 -14px;
}
.btnFavoriteAltSml a span
{
    padding: 0;
    display: inline-block;
    white-space: nowrap;
    padding-right: 10px;
    line-height: 13px;
    height: 14px;
}

.shareButtons
{
    background: url(../Images/Buttons/btnShareBg.png) no-repeat;
    width: 80px;
    padding: 10px 10px 0 10px;
    display: inline-block;
    float: right;
}
.shareButtons div input
{
    font-size: 10px;
    width: 58px;
    margin-top: 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: solid 1px #999999;
}

.btnShareFb, .btnShareEmail, .btnShareTwitter, .btnFavoriteAltSmlWide
{
    height: 14px;
    line-height: 14px;
    width: 20px;
    display: inline-block;
}
.btnShareFb a, .btnShareEmail a, .btnShareTwitter a, .btnFavoriteAltSmlWide a
{
    text-decoration: none;
    width: 20px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
}
.btnShareFb a:hover, .btnShareEmail a:hover, .btnShareTwitter a:hover, .btnFavoriteAltSmlWide a:hover
{
    text-decoration: none;
    background-position: 0 -14px;
}
.btnShareFb a span, .btnShareEmail a span, .btnShareTwitter a span, .btnFavoriteAltSmlWide a span
{
    display: inline-block;
    height: 14px;
    line-height: 11px;
}

.btnShareFb a
{
    background: url(../Images/Buttons/btnShareFb.png) no-repeat;
}
.btnShareEmail a
{
    background: url(../Images/Buttons/btnShareEmail.png) no-repeat;
}
.btnShareTwitter a
{
    background: url(../Images/Buttons/btnShareTwitter.png) no-repeat;
}
.btnFavoriteAltSmlWide a
{
    background: url(../Images/Buttons/btnFavoriteSmlWide.png) no-repeat;
}

.btnFavoriteAlt
{
    height: 18px;
    line-height: 18px;
    width: 18px;
    display: inline-block;
}
.btnFavoriteAlt a
{
    text-decoration: none;
    background: url(../Images/Buttons/btnFavorite.png) no-repeat;
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: block;
}
.btnFavoriteAlt a:hover
{
    text-decoration: none;
    background-position: 0 -18px;
}

.btnInfo
{
    height: 18px;
    line-height: 18px;
    width: 18px;
    display: inline-block;
}
.btnInfo a
{
    text-decoration: none;
    background: url(../Images/Buttons/btnInfo.png) no-repeat;
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: block;
}
.btnInfo a:hover
{
    text-decoration: none;
    background-position: 0 -18px;
}

.btnFavoriteAltLgWide
{
    height: 30px;
    line-height: 30px;
    width: 29px;
    display: inline-block;
}
.btnFavoriteAltLgWide a
{
    padding: 0;
    font-size: 13px;
    text-decoration: none;
    background: url(../Images/Buttons/btnFavoriteAltLgWide.png) no-repeat;
    width: 29px;
    height: 30px;
    line-height: 28px;
    display: inline-block;
}
.btnFavoriteAltLgWide a:hover
{
    text-decoration: none;
    background-position: 0 -30px;
}
.btnFavoriteAltLgWide a span
{
    display: inline-block;
    height: 30px;
    line-height: 28px;
}

.btnPageSel
{
    height: 15px;
    line-height: 15px;
    display: inline-block;
}
.btnPageSel a
{
    text-decoration: none;
    margin: 0;
    padding: 0;
    height: 15px;
    line-height: 15px;
    width: 22px;
    display: inline-block;
    color: #000000;
    background: url(../Images/Buttons/btnPageSel2.gif) no-repeat left top;
    cursor: pointer;
}
.btnPageSel a span
{
    padding: 0;
    margin: 0;
    height: 15px;
    line-height: 15px;
    width: 22px;
    display: inline-block;
    text-align: center;
    font-size: 10px;
}
.btnPageSel a.selected
{
    background-position: 0 -15px;
}
.btnPageSel a:hover
{
    background-position: 0 -15px;
}

/* GOOGLE MAPS STUFF */

.gmapInfoWindow h1, .gmapInfoWindow h2, .gmapInfoWindow h3, .gmapInfoWindow h4, .gmapInfoWindow h5
{
    margin-top: 0;
}

/* TABS */

/*
.tabContainer { margin-bottom: 15px; }
.tabList { display: block; list-style-type: none; margin: 0 15px 0 0; padding: 0 0 0 15px; text-align: left; height: 20px; background: url(../Images/basic20pBg-alt2.gif) no-repeat; }
.tabList .tabText { height: 20px; line-height: 20px; float: left; }
.tabList .tabText a { font-size: 11px; cursor: pointer; display: inline-block; text-decoration: none; color: #ffffff; padding-left: 10px; height: 20px; background: url(../Images/tabs/tabTextLeftC.png) 0 0 no-repeat; }
.tabList .tabText span { display: inline-block; white-space: nowrap; padding-right: 10px; height: 20px; line-height: 20px; background: url(../Images/tabs/tabTextRightC.png) top right no-repeat; }
.tabList .tabText a:hover { cursor: pointer; color: #ffffff; text-decoration: none; background-position: 0 -20px; }
.tabList .tabText a:hover span { cursor: pointer; background-position: right -20px; }
.tabList .tabText a.selected, .tabList .tabText a:hover.selected { cursor: pointer; color: #000000; text-decoration: none; background-position: left -40px; }
.tabList .tabText a.selected span, .tabList .tabText a:hover.selected span { cursor: pointer; background-position: right -40px; }
*/

.tabContainer
{
    margin: 10px 0 15px 0;
}
ul.tabList
{
    margin: 0;
    padding: 0 0 0 10px;
    height: 23px;
    list-style-type: none;
    border-bottom: solid 1px #555555;
    background: #ffffff;
}
ul.tabList li.tabText
{
    height: 21px;
    margin: 0;
    padding: 0;
    float: left;
}
ul.tabList li.tabText a
{
    height: 21px;
    margin: 0;
    padding: 0;
    float: left;
    background: #339933 url(../Images/Template/tabTextBg.png);
    line-height: 21px;
    padding: 0 10px;
    margin-right: 1px;
    margin-top: 2px;
    text-decoration: none;
}
ul.tabList li.tabText a span
{
    height: 23px;
    font-weight: bold;
    font-size: 12px;
    color: #ffffff;
    line-height: 23px;
    text-transform: lowercase;
    background: transparent;
}
ul.tabList li.tabText a:hover
{
    background-position: 0 -50px;
}
ul.tabList li.tabText a.selected
{
    height: 23px;
    background: #ffffff;
    color: #000000;
    border: solid 1px #555555;
    border-bottom: none 0px;
    margin-top: 0;
}
ul.tabList li.tabText a.selected span
{
    height: 23px;
    color: #000000;
    background: transparent;
}

.subTabList
{
    display: block;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: left;
    height: 20px;
}
.subTabList .tabText
{
    height: 24px;
    line-height: 24px;
    float: left;
}
.subTabList .tabText a
{
    font-size: 0.9em;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    color: #555555;
    padding-left: 10px;
    height: 24px;
    line-height: 24px;
    background: none;
}
.subTabList .tabText a span
{
    display: inline-block;
    white-space: nowrap;
    padding-right: 10px;
    height: 24px;
    line-height: 24px;
    background: url(../Images/Tabs/subTabTextRight.gif) no-repeat top right;
    text-transform: lowercase;
}
.subTabList .tabText a:hover
{
    cursor: pointer;
    color: #000000;
    text-decoration: underline;
}
.subTabList .tabText a:hover span
{
    cursor: pointer;
    text-decoration: underline;
}

.subTabList .tabText a.selected, .subTabList .tabText a:hover.selected
{
    text-decoration: underline;
    color: #333333;
}
.subTabList .tabText a.selected span, .subTabList .tabText a:hover.selected span
{
    text-decoration: underline;
}

/* CAROUSEL STUFF (currently only on homepage) */

.carouselContainerOuter
{
    width: 960px;
    height: 190px;
    clear: both;
}
.carouselContainerInner
{
    position: absolute;
    display: block;
    overflow: hidden;
    width: 958px;
    height: 170px;
    padding: 10px 0px 10px 0px;
    border: solid 1px #0c4c28;
    border-top: none 0px;
}
ul.carousel
{
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    float: left;
}
ul.carousel li
{
    float: left;
    list-style: none;
    width: 239px;
    height: 170px;
    padding: 0px;
    margin: 0px;
    border-right: solid 1px #0c4c28;
}
ul.carousel li img.bigimg
{
    float: left;
    padding: 0px 10px 0px 0px;
}
ul.carousel li div.content
{
    float: left;
    width: 110px;
}
ul.carousel li h3
{
    padding: 8px 0px 5px 0px;
    font-size: 1.2em;
    color: #00703C;
    font-weight: normal;
    margin: 0px;
    line-height: 1.2em;
}
ul.carousel li p
{
    padding: 0px;
    margin: 0px 0px 5px 0px;
    font-size: 0.85em;
    line-height: 1.2em;
    width: 105px;
}
ul.carousel li div.content .btnText
{
    margin-top: 5px;
}
ul.carousel li .carouselItem
{
    width: 238px;
}
ul.carousel li .carouselItem .contentTimeSlot
{
    text-align: right;
    margin-right: 20px;
}
ul.carousel li .carouselItem .contentTimeSlot h1
{
    margin: 0px;
    padding: 0;
    text-align: right;
    font-size: 30px;
    font-weight: bold;
}
ul.carousel li .carouselItem .contentTimeSlot h1 small
{
    font-size: 14px;
}
ul.carousel li .carouselItem .contentTimeSlot h3
{
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 14px;
    margin-top: 10px;
}
ul.carousel li .carouselItem .contentTimeSlot p
{
    margin-top: 10px;
    text-align: right;
    float: right;
    margin-right: 15px;
}


.carouselPageBtnListWpr
{
    display: block;
    margin: 0;
    padding: 0;
    background: #0c4c28;
    height: 16px;
    line-height: 16px;
    width: 960px;
    text-align: center;
}
ul.carouselPageBtnList
{
    list-style-type: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    background: #0c4c28;
    height: 15px;
    line-height: 15px;
}
ul.carouselPageBtnList li
{
    float: left;
    margin: 0;
    padding: 0;
    height: 15px;
    line-height: 15px;
}

.hpUserInfo
{
    width: 958px;
    border: solid 1px #0c4c28;
    border-top: none 0px;
    display: inline-block;
    padding: 10px 0;
}
.hpUserInfo .recentOrders, .hpUserInfo .unfinishedOrders
{
    width: 239px;
    border-right: solid 1px #0c4c28;
}
.hpUserInfo .recentOrders, .hpUserInfo .unfinishedOrders, .hpUserInfo .bakersDozen
{
    height: 350px;
    float: left;
}
.hpUserInfo .bakersDozen
{
    width: 478px;
    display: inline-block;
}
.hpUserInfo .recentOrders h3, .hpUserInfo .unfinishedOrders h3, .hpUserInfo .bakersDozen h3
{
    margin: 0 0 5px 0;
    padding: 0;
}
.hpUserInfo .recentOrders p, .hpUserInfo .unfinishedOrders p, .hpUserInfo .bakersDozen p
{
    margin: 10px 20px 15px 20px;
    padding: 0;
    font-size: 11px;
}
.hpUserInfo .bakersDozen p
{
    margin: 10px 20px 15px 20px;
    font-size: 11px;
}
.hpUserInfo .bakersDozen h5
{
    margin: 0 20px;
    clear: both;
}
.hpUserInfo .bakersDozen ol
{
    margin: 0;
    margin-top: 5px;
    padding-left: 45px;
}
.hpUserInfo .bakersDozen ol li
{
    font-size: 0.85em;
    line-height: 1.2em;
}
.hpUserInfo .bakersDozen .leftCol, .hpUserInfo .bakersDozen .rightCol
{
    width: 200px;
    float: left;
    padding-left: 20px;
}
.hpUserInfo .bakersDozen .leftCol
{
    padding-right: 20px;
}
.hpUserInfo .bakersDozen .leftCol p, .hpUserInfo .bakersDozen .rightCol p
{
    margin-left: 0;
    margin-right: 0;
    font-size: 0.85em;
    line-height: 1.2em;
}
.hpUserInfo .bakersDozen .leftCol h5, .hpUserInfo .bakersDozen .rightCol h5
{
    margin: 0;
    padding: 0;
}

.bakersDozenWrapper
{
    padding: 5px;
}
.bakersDozenWrapper .bakersDozenList, .bakersDozenWrapper .bigBakersDozenList
{
    display: inline-block;
    width: 200px;
}

.bakersDozenBox
{
    width: 650px;
}
.bakersDozenDisplay
{
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.bakersDozenDisplay .left, .bakersDozenDisplay .right
{
    width: 45%;
    float: left;
    padding-left: 10px;
}
.bakersDozenDisplay .left
{
    padding-right: 10px;
}
.bakersDozenDisplay .right
{
    border-left: solid 1px #cccccc;
    padding-left: 20px;
}

.bakersDozenList, .bigBakersDozenList
{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.bakersDozenList li, .bigBakersDozenList li
{
    float: left;
    width: 24px;
    height: 24px;
    margin: 4px;
}
.bakersDozenList li.off
{
    background: url(../Images/Frontpage/bakersDozen_sandwichEmpty.gif) no-repeat top left;
}
.bakersDozenList li.on
{
    background: url(../Images/Frontpage/bakersDozen_sandwich.gif) no-repeat top left;
}
.bakersDozenList li.redeem
{
    background: url(../Images/Frontpage/bakersDozen_sandwichRedeemed.gif) no-repeat top left;
}

.bigBakersDozenList li.off
{
    background: url(../Images/Frontpage/bigBakersDozen_breadEmpty.gif) no-repeat top left;
}
.bigBakersDozenList li.on
{
    background: url(../Images/Frontpage/bigBakersDozen_breadOn.gif) no-repeat top left;
}
.bigBakersDozenList li.redeem
{
    background: url(../Images/Frontpage/bigBakersDozen_breadRedeemed.gif) no-repeat top left;
}

.miniOrderList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.miniOrderList .listItem
{
    margin: 0 0 0 23px;
    padding: 0;
    display: inline-block;
    margin-bottom: 8px;
}
.miniOrderList .listItem img
{
    float: left;
}
.miniOrderList .listItem h5
{
    font-size: 12px;
    overflow: hidden;
    font-weight: normal;
    width: 110px;
    white-space: nowrap;
    line-height: 20px;
    height: 20px;
    margin: 0 0 0 5px;
    padding: 0;
    color: #777777;
    float: left;
}
.miniOrderList .rightCol
{
    margin: 0 0 0 5px;
    float: left;
}
.miniOrderList .rightCol .btnTextSml
{
    margin-top: 4px;
}

.miniOrderListWithDel .listItem h5
{
    width: 95px;
}

.gradientBox
{
    background: url(../Images/ExpCheckout/grayBg.png) left top repeat-x;
    padding: 10px;
    border: solid 1px #cccccc;
}
.basicBox
{
    background: #ffffff;
    padding: 10px;
    border: solid 1px #cccccc;
}
h1.headerBox, h2.headerBox
{
    background: #ffffff;
    padding: 10px;
    border: solid 1px #cccccc;
    text-align: center;
    margin-top: 0;
}

/* LISTS */

ul.list1Col
{
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 10px 0 0 0;
}
ul.list1Col li.col
{
    width: 97%;
    margin: 0;
    padding: 0;
    margin: 0 2%;
}

ul.list2Col
{
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.list2Col li.col
{
    width: 46%;
    float: left;
    margin: 0;
    padding: 0;
    margin: 0 4% 0 0;
}

ul.list3Col
{
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.list3Col li.col
{
    width: 28%;
    float: left;
    margin: 0;
    padding: 0;
    margin: 0 4% 0 0;
}

ul.list4Col
{
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.list4Col li.col
{
    width: 23%;
    float: left;
    margin: 0;
    padding: 0;
    margin: 0 2% 0 0;
}

ul.list85pc
{
    width: 85%;
}

ul.listMinHeight li.col
{
    height: 100px;
}
ul.listMedHeight li.col
{
    height: 160px;
}
ul.listLgeHeight li.col
{
    height: 200px;
}

ul.listA
{
    list-style: none;
    width: 98%;
    display: inline-block;
    margin: 10px 0 0 0;
    padding: 0;
    border-top: solid 1px #cccccc;
}
ul.listA li.col
{
    border-bottom: solid 1px #cccccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
ul.listA li.col h4, ul.listA li h3, ul.listA li h2
{
    margin-bottom: 5px;
    padding: 0;
}
ul.listA li.col .btnText
{
    margin-top: 5px;
}

ul.soupList
{
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.soupList li
{
    margin: 0 0 5px 0;
    padding: 0;
}
ul.soupList li img
{
    float: left;
    margin-right: 5px;
}

ul.storeList
{
    list-style-image: url(../Images/store_bullet.gif);
    margin: 0;
    padding: 0;
    margin-left: 20px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* BREADCRUMB STUFF */

.breadCrumb
{
    margin-left: 15px;
    margin-bottom: 15px;
    padding: 0;
    padding-top: 0px;
    height: 22px;
    width: 500px;
    overflow: hidden;
}
.ctContainerSplashFixedHeight .breadCrumb, .ctContainerIndentedExpandable .breadCrumb, .ctContainerIndentedFixedHeight .breadCrumb
{
    margin-left: 0px;
}

.breadCrumb ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.bcText
{
    float: left;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 4px;
}
.bcText a
{
    padding: 0;
    font-size: 11px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    color: #ffffff;
    padding-left: 20px;
    height: 20px;
    line-height: 20px;
    background: url(../Images/Template/bcMidBg.png) no-repeat top left;
}
.bcText a span
{
    font-weight: bold;
    color: #ffffff;
    text-transform: lowercase;
    padding: 0;
    display: inline-block;
    white-space: nowrap;
    padding-right: 10px;
    height: 20px;
    line-height: 20px;
    background: url(../Images/Template/bcBg.png) no-repeat top right;
}

.bcText a span.hasChildren
{
    background: url(../Images/Template/bcBgSelectedB.png) right top no-repeat;
    padding-right: 20px;
}

.bcFirst a
{
    padding-left: 10px;
    background: url(../Images/Template/bcLeftBg.png) no-repeat top left;
}
.bcLast a
{
    padding-left: 20px;
    background: url(../Images/Template/bcMidBgMixed.png) no-repeat top left;
}
.bcLast a span
{
    font-weight: normal;
    color: #000000;
    padding-right: 20px;
    background: url(../Images/Template/bcRightBgWire.gif) no-repeat right top;
}

.bcLast a span.hasChildren
{
    background-image: url(../Images/Template/bcRightBgWireHadChildren.gif);
    padding-right: 20px;
}

.bcSelected a span
{
    text-decoration: underline;
}

.bcView
{
    float: left;
    height: 20px;
    width: 18px;
    line-height: 20px;
    display: inline-block;
    margin-bottom: 4px;
}
.bcView a
{
    padding: 0;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 18px;
}
.bcViewList
{
    margin-left: 5px;
    width: 17px;
    height: 20px;
    background: url(../Images/Buttons/viewListB.gif);
}
.bcViewListAlt
{
    width: 17px;
    height: 20px;
    background: url(../Images/Buttons/viewListAlt.gif);
}
.bcViewThumbA
{
    width: 17px;
    height: 20px;
    background: url(../Images/Buttons/viewThumbA.gif);
}
.bcViewThumbB
{
    width: 17px;
    height: 20px;
    background: url(../Images/Buttons/viewThumbB.gif);
}
.bcViewThumbC
{
    width: 17px;
    height: 20px;
    background: url(../Images/Buttons/viewThumbC.gif);
}
.bcViewSlider
{
    width: 17px;
    height: 20px;
    background: url(../Images/Buttons/viewSlider.gif);
}
.bcViewAccordion
{
    width: 17px;
    height: 20px;
    background: url(../Images/Buttons/viewAccordion.gif);
}

.bcSubMenu
{
    margin: 0px;
    padding: 1px;
    position: absolute;
    left: 0px;
    top: 0px;
    list-style-type: none;
    visibility: hidden;
    border: solid 1px #339933;
    background: #ffffff;
    display: block;
}
.bcSubMenu li
{
    border-bottom: solid 1px #339933;
}
.bcSubMenu li.last
{
    border-bottom: none;
}
.bcSubMenu li a
{
    padding: 0;
    font-size: 11px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    padding-left: 20px;
    height: 24px;
    line-height: 24px;
}
.bcSubMenu li a span
{
    width: 150px;
    height: 24px;
    line-height: 24px;
    color: #77a32e;
    text-transform: lowercase;
    padding: 0;
    display: inline-block;
    white-space: nowrap;
    padding-right: 20px;
}
.bcSubMenu li a:hover
{
    background-color: #d9dfd1;
}
.bcSubMenu li a:hover span
{
    color: #666666;
}

.bcSubMenu li.last
{
    border-bottom: none;
}
.bcSubMenu li a
{
    padding: 0;
    font-size: 11px;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    padding-left: 20px;
    height: 24px;
    line-height: 24px;
}

.breadCrumb .downarrowpointer
{
    display: none;
}
.breadCrumb .rightarrowpointer
{
    display: none;
}

/* ACCORDION STUFF */

.accordionMenu
{
    width: 97%;
    color: #333333;
    padding: 0px;
    margin: 0;
    height: 100%;
}
.accordionMenu .accordionMenuHeader
{
    clear: both;
    cursor: pointer;
    margin: 0px;
    padding: 5px 0px 0px 0px;
    border-bottom: solid 1px #999999;
    margin-right: 5px;
    height: 28px;
}
.accordionMenu .accordionExpandable
{
    border-bottom: solid 1px #13733e;
}
.accordionMenu .accordionOpenHeader
{
    padding: 0px;
    margin: 0px;
    border-bottom-color: #77a32a;
}
.accordionMenu .accordionClosedHeader
{
    padding: 0px;
    margin: 0px;
}

.accordionMenu h2.accordionMenuHeader
{
    font-size: 18px;
    height: 28px;
}
.accordionMenu h2.accordionMenuHeader a
{
    display: block;
    text-decoration: none;
    height: 28px;
    line-height: 26px;
    text-transform: uppercase;
}
.accordionMenu h2.accordionMenuHeader a span
{
    color: #999999;
}

.accordionMenu h3.accordionMenuHeader
{
    margin: 0;
    padding: 0;
    font-size: 16px;
    height: 28px;
    line-height: 28px;
}
.accordionMenu h3.accordionMenuHeader a
{
    margin: 0;
    padding: 0;
    display: block;
    text-decoration: none;
    height: 27px;
    line-height: 25px;
    text-transform: uppercase;
}
.accordionMenu h3.accordionMenuHeader a span
{
    cursor: pointer;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    color: #999999;
}

.accordionMenu h2.accordionMenuHeader a span.text
{
    color: #00703c;
}
.accordionMenu h3.accordionMenuHeader a span.text
{
    color: #00703c;
}

.accordionMenu h2.accordionMenuHeader a:hover span.text
{
    color: #00703c;
}
.accordionMenu h3.accordionMenuHeader a:hover span.text
{
    color: #00703c;
}

.accordionMenu h2.accordionMenuHeader a span.arrow
{
    display: none;
}
.accordionMenu h3.accordionMenuHeader a span.arrow
{
    display: none;
}

.accordionMenu h2.accordionMenuHeader a:hover
{
    text-decoration: none;
}
.accordionMenu h3.accordionMenuHeader a:hover
{
    text-decoration: none;
}

.accordionMenu h2.accordionMenuHeader a img
{
    float: left;
    padding-right: 5px;
    border: none 0px;
}
.accordionMenu h3.accordionMenuHeader a img
{
    float: left;
    padding-right: 5px;
    border: none 0px;
}

.accordionMenu h2.accordionExpandable a span.arrow
{
    height: 27px;
    line-height: 25px;
    width: 26px;
    display: inline-block;
    background: url(../Images/Heads/accordionArrowClosed.png) no-repeat right -1px;
}
.accordionMenu h3.accordionExpandable a span.arrow
{
    height: 27px;
    line-height: 25px;
    width: 26px;
    display: inline-block;
    background: url(../Images/Heads/accordionArrowClosed.png) no-repeat right -1px;
}

.accordionMenu h2.accordionExpandable a span
{
    color: #00703c;
}
.accordionMenu h3.accordionExpandable a span
{
    color: #00703c;
}

.accordionMenu h2.accordionExpandable a span.arrow
{
    display: inline-block;
}
.accordionMenu h3.accordionExpandable a span.arrow
{
    display: inline-block;
}

.accordionMenu h2.accordionOpenHeader a span.arrow
{
    background-image: url(../Images/Heads/accordionArrowOpen.png);
}
.accordionMenu h3.accordionOpenHeader a span.arrow
{
    background-image: url(../Images/Heads/accordionArrowOpen.png);
}

.accordionMenu h2.accordionOpenHeader a span.text
{
    color: #00703c;
}
.accordionMenu h3.accordionOpenHeader a span.text
{
    color: #00703c;
}

.accordionMenu h3.accordionFbUserHeader a img
{
    height: 26px;
    margin-top: 1px;
}


.accordionMenu .accordionCategoryItem
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-right: 5px;
}
.accordionCategoryItem
{
    display: none;
}
.accordionCategoryItemStartOpen
{
    display: list-item;
}
.accordionCategoryItemStartClosed
{
}

.accordionMenu .accordionCategoryItem .accordionListItem
{
    display: inline-block;
    border-bottom: solid 1px #77a32a;
    margin: 5px 0 0 0;
    padding: 0 0 5px 0;
}

.accordionCategoryItem .accordionListItem
{
    width: 100%;
    margin-right: 5px;
}
.accordionCategoryItem .accordionListItem .leftCol
{
    width: 62%;
    float: left;
    margin: 0px 15px 0px 0px;
    padding: 0px;
}
.accordionCategoryItem .accordionListItem .leftCol h4
{
    color: #1b733f;
    margin: 0;
}
.accordionCategoryItem .accordionListItem .leftCol p
{
    font-size: 0.9em;
    color: #333;
    font-weight: normal;
    margin: 0;
}
.accordionCategoryItem .accordionListItem .midCol
{
    float: left;
    margin-top: 5px;
    line-height: 16px;
    width: 15%;
}
.accordionCategoryItem .accordionListItem .rightCol
{
    width: 18%;
    float: right;
    padding: 0px;
    margin: 0px;
}
.accordionCategoryItem .accordionListItem .leftSide
{
    width: 50%;
    float: left;
    margin-right: 3%;
}
.accordionCategoryItem .accordionListItem .leftSide h4
{
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: bold;
}
.accordionCategoryItem .accordionListItem .leftSide h4 a
{
    text-decoration: none;
}
.accordionCategoryItem .accordionListItem .leftSide h3
{
    margin-top: 3px;
    margin-bottom: 3px;
    font-weight: bold;
}
.accordionCategoryItem .accordionListItem .leftSide h3 a
{
    text-decoration: none;
}
.accordionCategoryItem .accordionListItem .leftSide h3 small, .accordionCategoryItem .accordionListItem .leftSide h4 small
{
    font-weight: normal;
}
.accordionCategoryItem .accordionListItem .rightSide
{
    width: 45%;
    float: left;
}
.accordionCategoryItem .accordionListItem .rightSide p
{
    margin-top: 3px;
}

/* THUMBNAIL GALLERY STUFF */

.thumbGallery
{
    width: 690px;
    margin-top: 25px;
}
.thumbGallery ul.productList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.thumbGallery .productList .productListItem
{
    height: 250px;
    margin: 0;
    padding: 0;
    width: 152px;
    padding-left: 15px;
    margin: 0 0px 25px 0;
    float: left;
}
.thumbGallery .productList .productListItem h4
{
    color: #1b733f;
    margin: 0.4em 0px 0.4em 0px;
    padding: 0px;
    font-weight: bold;
}
.thumbGallery .productList .productListItem h4 a
{
    color: #1b733f;
}
.thumbGallery .productList .productListItem h4 a:hover
{
    text-decoration: underline !important;
}
.thumbGallery .productList .productListItem h4 .price
{
    font-size: 0.9em;
}
.thumbGallery .productList .productListItem p
{
    font-size: 0.8em;
    color: #555555;
    padding: 0px;
    margin: 0px;
    line-height: 1.4em;
}
.thumbGallery .productList .productListItem .infoLink
{
    margin: 10px 0 0 0;
    padding: 0px;
    float: left;
    display: block;
}
.thumbGallery .productList .productListItem .infoLink .btnInfo
{
    float: left;
}
.thumbGallery .productList .productListItem .infoLink input
{
    margin: 0;
    font-size: 10px;
    float: left;
    width: 30px;
    margin-left: 5px;
    border: solid 1px #cccccc;
    color: #555555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.thumbGallery .productList .productListItem .editAddCombo
{
    margin: 10px 0 0 0;
    padding: 0px;
    width: 120px;
    display: block;
    float: right;
    text-align: right;
}
.thumbGallery .productList .productListItem .productImage
{
    display: block;
    border: solid 1px #cccccc;
}
.thumbGallery .productList .productListItem .productImage:hover
{
    border-color: #999999;
}
.thumbGallery .productList .productListItem .productImage *
{
    border: none 0px;
}
.thumbGallery .productList .productListItem .productImage a
{
    cursor: pointer;
}
.thumbGallery .productList .productListItem .productImage .subTypeOverlay
{
    position: absolute;
    width: 150px;
    overflow: hidden;
}
.thumbGalleryLg .productList .productListItem
{
    width: 210px;
    height: 260px;
}
.thumbGalleryLg .productList .productListItem p
{
}
.thumbGalleryLg .productList .productListItem .productImage .subTypeOverlay
{
    width: 210px;
}
.thumbGalleryMed .productList .productListItem
{
    width: 184px;
    height: 260px;
    padding-left: 35px;
}
.thumbGalleryMed .productList .productListItem p
{
}
.thumbGalleryMed .productList .productListItem .productImage .subTypeOverlay
{
    width: 184px;
}

/* LIST GALLERY STUFF */

.listGallery
{
    width: 690px;
    margin-top: 18px;
}
.listGallery ul.productList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 0 15px 20px 0;
    padding-left: 180px;
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 180px;
}
.listGallery h2
{
    margin-left: 10px;
    padding: 0;
    padding-left: 170px;
    padding-top: 2px;
    width: 495px;
    font-weight: bold;
    background: url(../Images/Template/phead_bg2.gif) no-repeat bottom left;
    border-bottom: none;
}
.listGallery .productList .productListItem
{
    margin: 0;
    padding: 0;
    padding: 10px 0;
    width: 495px;
    border-bottom: solid 1px #cccccc;
    display: inline-block;
}
.listGallery .productList .productListItem .leftCol
{
    width: 55%;
    float: left;
    margin: 0px 15px 0px 0px;
    padding: 0px;
}
.listGallery .productList .productListItem .leftCol h4
{
    font-size: 12px;
    color: #1b733f;
    margin: 0;
    font-weight: bold;
}
.listGallery .productList .productListItem .leftCol h4 a
{
    font-size: 12px;
    color: #1b733f;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
}
.listGallery .productList .productListItem .leftCol p
{
    font-size: 0.8em;
    line-height: 1.4em;
    color: #555555;
    font-weight: normal;
    margin: 0;
}
.listGallery .productList .productListItem .midCol
{
    float: right;
    margin-top: 0px;
    line-height: 16px;
    width: 25%;
    margin-right: 5px;
}
.listGallery .productList .productListItem .rightCol
{
    width: 13%;
    float: left;
    padding: 0px;
    margin: 0px;
}
.productList .productListItem .inlineEditor
{
    color: #999999;
    clear: both;
    font-size: 90%;
}

.listGalleryFavorites ul.productList
{
    background: url(../Images/Heros/favorites-hero-slim-alt2.jpg) top left no-repeat;
    min-height: 400px;
}

/* LIST GALLERY ALT STUFF */

.listGalleryAlt
{
    width: 690px;
    margin-top: 18px;
}
.listGalleryAlt ul.productList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 0 15px 20px 0;
    padding-left: 180px;
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 180px;
}
.listGalleryAlt h2
{
    margin-left: 10px;
    padding: 0;
    padding-left: 170px;
    padding-top: 2px;
    width: 495px;
    font-weight: bold;
    background: url(../Images/Template/phead_bg2.gif) no-repeat bottom left;
    border-bottom: none;
}
.listGalleryAlt .productList .productListItem
{
    margin: 0;
    padding: 0;
    padding: 10px 0;
    width: 495px;
    border-bottom: solid 1px #cccccc;
    display: inline-block;
}
.listGalleryAlt .productList .productListItem .leftCol
{
    width: 75%;
    float: left;
    margin: 0px 15px 0px 0px;
    padding: 0px;
}
.listGalleryAlt .productList .productListItem .leftCol h4
{
    font-size: 12px;
    color: #1b733f;
    margin: 0;
    font-weight: bold;
}
.listGalleryAlt .productList .productListItem .leftCol h4 a.prodName
{
    font-size: 12px;
    color: #1b733f;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
}
.listGalleryAlt .productList .productListItem .leftCol h4 a.prodName:hover
{
    color: #e48500;
}
.listGalleryAlt .productList .productListItem .leftCol h4 .btnTextSml
{
    margin-left: 5px;
}
.listGalleryAlt .productList .productListItem .leftCol p
{
    font-size: 0.8em;
    line-height: 1.4em;
    color: #555555;
    font-weight: normal;
    margin: 0;
}
.listGalleryAlt .productList .productListItem .rightCol
{
    float: right;
    margin-top: 0px;
    line-height: 16px;
    width: 15%;
    margin-right: 10px;
}
.listGalleryAlt .productList .productListItem .rightCol .qtyWrapper
{
    float: right;
    margin-right: 10px;
}
.listGalleryAlt .productList .productListItem .rightCol .btnContainer
{
    float: right !important;
    clear: both !important;
    margin-top: 0px;
}
.listGalleryAlt .productList .productListItem .rightCol .btnContainer .btnTextSml
{
    margin-right: 3px;
}

/* NUTRITION LIST GALLERY STUFF */

.nutritionListGallery
{
    width: 750px;
    margin-top: 18px;
}
.nutritionListGallery ul.productList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 0 15px 20px 0;
    padding-left: 180px;
    background-repeat: no-repeat;
    background-position: left top;
    min-height: 180px;
}
.nutritionListGallery h2
{
    margin-left: 10px;
    padding: 0;
    padding-left: 170px;
    padding-top: 2px;
    width: 750px;
    font-weight: bold;
    background: url(../Images/Template/phead_bg2.gif) no-repeat bottom left;
    border-bottom: none;
}
.nutritionListGallery .productList .productListItem
{
    margin: 0;
    padding: 0;
    padding: 5px 0 5px 0;
    width: 750px;
    border-bottom: solid 1px #cccccc;
    display: inline-block;
}
.nutritionListGallery .productList .productListItem .leftCol
{
    width: 65%;
    float: left;
    margin: 0px 15px 0px 0px;
    padding: 0px;
}
.nutritionListGallery .productList .productListItem .leftCol h4
{
    font-size: 13px;
    color: #1b733f;
    margin: 0;
    padding: 0;
    font-weight: bold;
}
.nutritionListGallery .productList .productListItem .leftCol h4 a
{
    font-size: 13px;
    color: #1b733f;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
}
.nutritionListGallery .productList .productListItem .leftCol p
{
    font-size: 0.8em;
    line-height: 1.4em;
    color: #555555;
    font-weight: normal;
    margin: 0;
}
.nutritionListGallery .productList .productListItem .midCol
{
    float: right;
    margin-top: 0px;
    line-height: 16px;
    width: 25%;
    margin-right: 5px;
}
.nutritionListGallery .productList .productListItem .rightCol
{
    width: 30%;
    float: left;
    padding: 0px;
    margin: 0px;
    text-align: right;
}
.nutritionListGallery .productList .productListItem .rightCol .btnTextFixedWidth span
{
    width: 50px;
    text-align: center;
}

/* SOUP LIST GALLERY STUFF */

.soupListGallery
{
    width: 690px;
    margin-top: 18px;
    background: url(../Images/Heros/soup-hero-slim.jpg) no-repeat left top;
    min-height: 500px;
}
.soupListGallery ul.productList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 0 15px 20px 0;
    padding-left: 180px;
    min-height: 180px;
}
.soupListGallery h2
{
    margin-left: 10px;
    padding: 0;
    padding-left: 170px;
    padding-top: 2px;
    width: 495px;
    font-weight: bold;
    background: url(../Images/Template/phead_bg2.gif) no-repeat bottom left;
    border-bottom: none;
}
.soupListGallery h4 a
{
    font-size: 14px;
    color: #1b733f;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
}
.soupListGallery .productList .productListItem
{
    margin: 0;
    padding: 0;
    padding: 10px 0;
    width: 495px;
    border-bottom: solid 1px #cccccc;
    display: inline-block;
}
.soupListGallery .productList .productListItem .leftCol
{
    width: 35%;
    float: left;
    margin: 0px 15px 0px 0px;
    padding: 0px;
}
.soupListGallery .productList .productListItem .leftCol h4
{
    font-size: 12px;
    color: #1b733f;
    margin: 0;
    font-weight: bold;
}
.soupListGallery .productList .productListItem .leftCol h4 a
{
    font-size: 12px;
    color: #1b733f;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
}
.soupListGallery .productList .productListItem .leftCol p
{
    font-size: 0.8em;
    line-height: 1.4em;
    color: #555555;
    font-weight: normal;
    margin: 0;
}
.soupListGallery .productList .productListItem .midCol
{
    float: right;
    margin-top: 0px;
    line-height: 16px;
    width: 45%;
    margin-right: 5px;
}
.soupListGallery .productList .productListItem .rightCol
{
    width: 13%;
    float: left;
    padding: 0px;
    margin: 0px;
}

.soupListGallery .soupCalendarIntro
{
    margin-left: 180px;
    margin-right: 15px;
    border-bottom: solid 1px #cccccc;
}
.soupListGallery .toolTip
{
    margin-left: 180px;
}


/* ACCORDION GALLERY STUFF */

.accordionGallery
{
    width: 690px;
    margin-top: 18px;
    background: url(../Images/Heros/chairman-hero-slim.jpg) no-repeat left top;
}

/*.accordionGallery ul.productList { list-style-type: none; margin: 0; padding: 0; margin: 0 15px 25px 0; padding-left: 180px; background: url(../Images/Template/gradbg04.png) no-repeat left top; }*/
.accordionGallery ul.productList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin: 0 15px 25px 0;
    padding-left: 180px;
}

/*.accordionGallery h2 { margin-left: 0px; padding: 0; padding-left: 15px; width: 660px; font-weight: bold; }*/
.accordionGallery h2
{
    margin-left: 180px !important;
    padding: 0;
    line-height: 30px;
    width: 495px;
    font-weight: bold;
}
.accordionGallery h2 img
{
    float: left;
    border: none 0px;
}

.accordionGallery .productList .productListItem
{
    margin: 0;
    padding: 0;
    padding: 5px 0;
    width: 495px;
    border-bottom: solid 1px #77a32a;
    display: inline-block;
}
.accordionGallery .productList .productListItem .leftCol
{
    width: 55%;
    float: left;
    margin: 0px 15px 0px 0px;
    padding: 0px;
}
.accordionGallery .productList .productListItem .leftCol h4
{
    color: #1b733f;
    margin: 0;
    font-weight: bold;
}
.accordionGallery .productList .productListItem .leftCol p
{
    font-size: 0.8em;
    line-height: 1.4em;
    color: #555555;
    font-weight: normal;
    margin: 0;
}
.accordionGallery .productList .productListItem .midCol
{
    float: left;
    margin-top: 0px;
    line-height: 16px;
    width: 15%;
}
.accordionGallery .productList .productListItem .rightCol
{
    width: 20%;
    float: right;
    padding: 0px;
    margin: 0px;
}

/* CHECKOUT STUFF */

.checkoutSummaryWrapper
{
    margin: 5px;
    padding: 10px;
    display: block;
    border: solid 1px #cccccc;
    background: url(../Images/Template/gradbg06.png) left top repeat-x;
}

.checkoutSummaryWrapper .checkoutSummaryUl
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.checkoutSummaryWrapper .checkoutSummaryUl .checkoutSummaryItem, .checkoutSummaryWrapper .checkoutSummaryUl .checkoutSummaryItemWide
{
    width: 210px;
    float: left;
    height: 140px;
    border-left: solid 1px #cccccc;
    padding-left: 10px;
    margin: 0;
    margin-bottom: 10px;
}
.checkoutSummaryWrapper .checkoutSummaryUl .checkoutSummaryItemWide
{
    width: 431px;
}
.checkoutSummaryWrapper .checkoutSummaryUl .checkoutSummaryItemLeft
{
    border: none 0;
}

.checkoutSummaryTotals
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.checkoutSummaryTotals li
{
    margin: 0;
    padding: 0;
    width: 180px;
}
.checkoutSummaryTotals li.total
{
    font-weight: bold;
}
.checkoutSummaryTotals li span
{
    float: left;
    display: block;
    width: 80px;
}
.checkoutSummaryTotals li span.price
{
    float: right;
    display: block;
    text-align: right;
    width: 80px;
    margin-right: 0px;
}

#checkoutAccordion .accordionMenuHeader
{
    display: inline-block;
    width: 750px;
}
#checkoutLocationDescriptionWrapper
{
    margin: 5px;
    padding: 10px;
    border: solid 1px #cccccc;
    background: url(../Images/Template/gradbg06.png) left top repeat-x;
}

#checkoutLocationDescriptionWrapper ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 90%;
}
#checkoutLocationDescriptionWrapper ul li, #checkoutLocationDescriptionWrapper ul li.right
{
    width: 40%;
    float: left;
    padding: 0 10px;
    margin: 10px 0;
    display: inline-block;
}

#checkoutLocationDescriptionWrapper ul li.left
{
    width: 50%;
}
#checkoutLocationDescriptionWrapper ul li.right
{
    border-left: solid 1px #cccccc;
}

#checkoutLocationSelectorInstructions
{
    width: 250px;
    height: 80px;
}

#checkoutLocationChangeBtn
{
    clear: both;
}

#checkoutDateTimeDescriptionWrapper
{
    margin: 5px;
    padding: 10px;
    border: solid 1px #cccccc;
}
#checkout-selDateTime-wrapper
{
    margin: 5px;
    padding: 10px;
    height: 160px;
    display: block;
    border: solid 1px #cccccc;
    background: url(../Images/Template/gradbg06.png) left top repeat-x;
}
#checkoutLocationDescriptionWrapper .btnText
{
    margin-top: 10px;
}
#checkoutLocationDescriptionWrapper p
{
    margin: 5px 0;
    padding: 0;
}
#checkoutLocationDescriptionWrapper h4
{
    margin: 0;
    padding: 0;
}
#checkoutLocationDescriptionWrapper h5
{
    margin: 0;
    padding: 0;
}
#checkout-payment-wrapper
{
    padding: 5px;
}
#checkout-payment-initMsg
{
    height: 100px;
}

#checkoutAccordion .btnContainer
{
    float: right;
    margin: 15px 15px;
}
#checkoutAccordion .btnContainer .btnTextLg
{
    margin-left: 5px;
}

ul.checkoutProdList
{
    list-style-type: none;
    display: inline-block;
    width: 99%;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}
ul.checkoutProdList li.prodItem
{
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    padding: 8px 0;
    border-bottom: solid 1px #cccccc;
}
ul.checkoutProdList li.prodItem .left, ul.checkoutProdList li.prodItem .mid, ul.checkoutProdList li.prodItem .right
{
    float: left;
}
ul.checkoutProdList li.prodItem .left
{
    width: 10%;
}
ul.checkoutProdList li.prodItem .left *
{
    float: left;
    margin-left: 0;
}
ul.checkoutProdList li.prodItem .left input
{
    width: 25px;
    height: 14px;
    line-height: 13px;
    text-align: center;
    font-size: 0.8em;
    border: solid #004F27 1px;
    border-right: none 0px;
    border-left: none 0px;
    border-top-color: #4ca36c;
}
ul.checkoutProdList li.prodItem .mid h4
{
    margin: 0;
}
ul.checkoutProdList li.prodItem .mid h4 a.renameEnabled
{
    text-decoration: none;
    color: #1b733f;
}
ul.checkoutProdList li.prodItem .mid h4 a.renameEnabled:hover
{
    color: #005500;
}
ul.checkoutProdList li.prodItem .mid h4 small
{
    font-size: 0.9em;
}
ul.checkoutProdList li.prodItem .mid p
{
    margin: 3px 0;
    padding: 0;
}
ul.checkoutProdList li.prodItem .mid p.productDescription
{
    font-size: 0.9em;
}
ul.checkoutProdList li.prodItem .mid p.groupLunchcartParticipant
{
    font-size: 0.9em;
}
ul.checkoutProdList li.prodItem .mid p.groupLunchcartParticipant img
{
    vertical-align: -3px;
}
ul.checkoutProdList li.prodItem .mid
{
    width: 70%;
}
ul.checkoutProdList li.prodItem .right
{
    float: right;
    width: 15%;
}
ul.checkoutProdList li.prodItem .right input
{
    font-size: 0.9em;
    width: 80px;
    text-align: center;
    float: right;
    margin-right: 10px;
    background: #ffffff;
}
ul.checkoutProdList li.prodTotal .mid h4
{
    margin-top: 3px;
}
ul.checkoutProdList li.prodTotal .right input
{
    font-weight: bold;
}


#checkout-selDateTime-msg
{
    height: 100px;
}

.checkout-selDateTime-wrapper h4
{
    margin-bottom: 5px;
    color: #555555;
}

.checkout-selDateTime-wrapper .left
{
    width: 165px;
    float: left;
    margin-left: 10px;
    margin-right: 30px;
}
.checkout-selDateTime-wrapper .mid
{
    width: 230px;
    float: left;
}
.checkout-selDateTime-wrapper .right
{
    width: 230px;
    float: left;
}
.checkout-selDateTime-wrapper .btnContainer
{
    clear: both;
}
.checkout-selDateTime-wrapper .farRight
{
    display: none;
}

.checkout-selDateTime-wrapper .checkout-selTimeRequested, .checkout-selDateTime-wrapper .checkout-selDateRequested
{
    width: 200px;
    font-size: 1.0em;
    background: url(../Images/ExpCheckout/greenBg.png) left top repeat-x;
}

.checkout-selDateTime-wrapper-asap .left
{
    width: 165px;
    float: left;
    margin-left: 10px;
    margin-right: 30px;
}
.checkout-selDateTime-wrapper-asap .mid
{
    width: 188px;
    float: left;
    margin-left: 0;
}
.checkout-selDateTime-wrapper-asap .right
{
    width: 188px;
    float: left;
    margin-left: 0;
}
.checkout-selDateTime-wrapper-asap .farRight
{
    width: 104px;
    float: left;
    display: block;
}

.checkout-selDateTime-wrapper-asap .checkout-selTimeRequested, .checkout-selDateTime-wrapper-asap .checkout-selDateRequested
{
    width: 160px;
}

.checkout-selDateTime-wrapper-postal .right
{
    display: none;
}
.checkout-selDateTime-wrapper-postal .farRight
{
    display: none;
}

.checkoutOptions
{
    width: 94%;
    margin: 5px;
    padding: 10px;
    background: url(../Images/Template/gradbg06.png) left top repeat-x;
    border: solid 1px #cccccc;
    display: inline-block;
}
.checkoutOptions .checkoutOptionsUl
{
    display: inline-block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.checkoutOptions .checkoutOptionsUl li.item
{
    width: 95%;
}

.checkoutOptions h4
{
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.checkoutOptions ul.checkoutOptionsUlB
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.checkoutOptions ul.checkoutOptionsUlB li
{
    padding: 10px;
    border-top: solid 1px #cccccc;
    width: 100%;
}

#checkout-selOrdSummary-giftInstruct
{
    width: 95%;
}

.billingInstructions-wrapper
{
    width: 94%;
    margin: 5px;
    padding: 10px;
    border: solid 1px #cccccc;
    background: url(../Images/Template/gradbg06.png) left top repeat-x;
    clear: both;
}

.billingInstructions-wrapper ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 90%;
}
.billingInstructions-wrapper ul li, .billingInstructions-wrapper ul li.right
{
    width: 40%;
    float: left;
    padding: 0 10px;
    margin: 10px 0;
    display: inline-block;
}

.billingInstructions-wrapper ul li.left
{
    width: 50%;
}
.billingInstructions-wrapper textarea
{
    width: 300px;
    height: 50px;
}
.billingInstructions-wrapper h4
{
    margin: 0;
    padding: 0;
}
.billingInstructions-wrapper p
{
    margin: 0;
    margin-top: 5px;
    padding: 0;
}

#checkout-payment-wrapper .btnContainer
{
}
#checkout-payment-wrapper .btnContainerLeft
{
    float: left;
}
#checkout-payment-wrapper .btnContainerRight
{
    float: right;
}

.btnContainerAlt
{
    display: block;
    padding: 10px 15px;
}

h3#pPaymentInfo
{
    font-weight: bold;
}

ul.accountList
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 97.5%;
    display: inline-block;
}
ul.accountList li.accountItemLast
{
    border-bottom: none 0;
    margin: 0;
    padding: 5px 0;
    display: inline-block;
    width: 100%;
}
ul.accountList li.accountItem
{
    border-bottom: solid 1px #cccccc;
    margin: 0;
    padding: 5px 0;
    display: inline-block;
    width: 100%;
}
ul.accountList li.accountItem .leftCol
{
    width: 100px;
    float: left;
    margin-left: 15px;
}
ul.accountList li.accountItem .midCol
{
    width: 330px;
    float: left;
    margin: 0;
    padding: 0;
}
ul.accountList li.accountItem .midCol h4
{
    margin: 0;
    padding: 0;
    margin-top: 2px;
}
ul.accountList li.accountItem .midCol h4 small
{
    font-weight: normal;
    font-size: 0.9em;
}
ul.accountList li.accountItem .midCol p
{
    font-size: 0.9em;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
}
ul.accountList li.accountItem .rightCol
{
    width: 220px;
    float: right;
    margin-right: 5px;
    margin-top: 2px;
}
ul.accountList li.accountItem .rightCol .btnText, ul.accountList li.accountItem .rightCol .btnTextSml
{
    float: right;
}
ul.accountList li.selectedAccountItem
{
    background: #cccccc;
}

ul.accountListGenentech li.accountItem .midCol
{
    width: 400px;
}
ul.accountListGenentech ul.accountList li.accountItem .rightCol
{
    width: 130px;
}

/*#checkout-payment-createGiftCard { border: solid 1px #cccccc; padding: 10px; background: #eeeeee; clear: both; }*/
#checkout-payment-createGiftCard
{
    width: 94%;
    margin: 5px;
    padding: 10px;
    border: solid 1px #cccccc;
    background: url(../Images/Template/gradbg06.png) left top repeat-x;
    clear: both;
}
#checkout-payment-createGiftCard h3
{
    margin: 0 0 20px 0;
}


/*#checkout-payment-createCreditCard { border: solid 1px #cccccc; padding: 10px; background: #eeeeee; clear: both; }*/
#checkout-payment-createCreditCard
{
    width: 94%;
    margin: 5px;
    padding: 10px;
    border: solid 1px #cccccc;
    background: url(../Images/Template/gradbg06.png) left top repeat-x;
    clear: both;
}

#checkout-payment-createCreditCard h3
{
    margin: 0 0 20px 0;
}
#checkout-payment-createBillingAddress
{
    margin-top: 15px;
}

.checkoutPaymentSummary
{
    width: 94%;
    background: url(../Images/Template/gradbg06.png) left top repeat-x;
    border: solid 1px #cccccc;
    height: 150px;
    margin-left: 5px;
}
.checkoutPaymentSummary .left, .checkoutPaymentSummary .mid, .checkoutPaymentSummary .right
{
    width: 30%;
    float: left;
    padding: 0 10px;
    margin: 10px 0;
    height: 130px;
}



.paymentSummaryUpdate
{
}
.paymentSummaryUpdate .left, .paymentSummaryUpdate .right
{
    width: 40%;
    float: left;
}

.paymentSummaryUpdate .left
{
    margin-right: 30px;
}

.checkoutPaymentSummary h4
{
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

.checkoutPaymentSummary .mid, .checkoutPaymentSummary .right
{
    border-left: solid 1px #cccccc;
}



/* ORDER MANAGER SLIDER */

.ctBoxSliderLeft
{
    width: 150px;
    position: absolute;
    left: 15px;
    top: 110px;
    margin: 0 0 0 0;
}

.ordMgrSlider, .ctBoxSlider
{
    width: 263px;
    position: absolute;
    left: 690px;
    top: 90px;
    margin: 0 0 0 0;
}
.ordMgrSlider h1
{
    height: 20px;
    margin-top: 0;
}
.ordMgrSlider .ordMgrBtnWrapper
{
    float: right;
    margin-right: 13px;
    padding-top: 20px;
}
.ordMgrSlider .ordMgrBtnWrapper .btnTextLg
{
    margin-left: 5px;
}

.ordMgrSlider .accordionMenu .accordionMenuHeader, .ctBoxSlider .accordionMenu .accordionMenuHeader
{
    display: inline-block;
    width: 250px;
}

.ordMgrSlider .accordionListItem
{
    margin-top: 0;
}
.ordMgrSlider .accordionListItem .btnContainer
{
    margin-right: 10px;
}
.ordMgrSlider .accordionListItem .btnContainer .btnText
{
    float: right;
}
.ordMgrSlider .ordMgrProdItem
{
    display: inline-block;
    width: auto;
    padding-top: 0;
    margin-top: 0;
}
.ordMgrSlider .ordMgrProdList
{
    display: inline-block;
    margin: 0;
    padding: 0;
}
.ordMgrSlider .ordMgrProdList li input
{
    line-height: 10px;
    height: 12px;
}
.ordMgrSlider .ordMgrProdList li input.price
{
    border: none 0px;
    line-height: 16px;
    height: 16px;
}
.ordMgrSlider .ordMgrProdList li
{
    display: inline-block;
    margin: 0;
    padding: 0;
    padding: 5px 0;
    width: 250px;
    border: none 0px;
    border-bottom: solid 1px #cccccc;
}
.ordMgrSlider .ordMgrProdList li .leftCol *
{
    float: left;
    margin-left: 0;
}
.ordMgrSlider .ordMgrProdList li .leftCol
{
    width: 65px;
    float: left;
    margin: 0px 5px 0px 0px;
    padding: 0px;
}
.ordMgrSlider .ordMgrProdList li .leftCol input
{
    width: 20px;
    height: 14px;
    line-height: 13px;
    text-align: center;
    font-size: 0.8em;
    border: solid #004F27 1px;
    border-right: none 0px;
    border-left: none 0px;
    border-top-color: #4ca36c;
}
.ordMgrSlider .ordMgrProdList li .midCol
{
    float: left;
    margin-top: 0px;
    line-height: 16px;
    width: 136px;
}
.ordMgrSlider .ordMgrProdList li .midCol .btnContainer
{
    margin: 0;
    clear: both;
}
.ordMgrSlider .ordMgrProdList li .midCol .btnText
{
    float: left;
    margin: 0;
    margin-right: 4px;
    display: inline-block;
}
.ordMgrSlider .ordMgrProdList li .midCol h4
{
    float: left;
    font-size: 0.9em;
    color: #1b733f;
    margin: 0;
    font-weight: bold;
}
.ordMgrSlider .ordMgrProdList li .midCol h4 a
{
    text-decoration: none;
    color: #1b733f;
}
.ordMgrSlider .ordMgrProdList li .midCol h4 a:hover
{
    color: #005500;
}
.ordMgrSlider .ordMgrProdList li .midCol p
{
    clear: both;
    font-size: 0.8em;
    line-height: 1.4em;
    color: #555555;
    font-weight: normal;
    margin: 0;
}
.ordMgrSlider .ordMgrProdList li .midCol p .rem
{
    text-decoration: line-through;
    color: #777777;
}
.ordMgrSlider .ordMgrProdList li .midCol p .add
{
    color: #009900;
    font-weight: bold;
}
.ordMgrSlider .ordMgrProdList li .rightCol
{
    width: 40px;
    float: left;
    padding: 0px;
    margin: 0px;
}
.ordMgrSlider .ordMgrProdList li .rightCol input
{
    border: none 0px;
    background: #ffffff;
    width: 40px;
    text-align: right;
    font-size: 0.9em;
    padding-right: 0;
    margin-right: 0;
}

.ordMgrSlider .ordMgrProdList li.total .midCol
{
    width: 181px;
}
.ordMgrSlider .ordMgrProdList li.total .midCol h4
{
    font-size: 1.0em;
}
.ordMgrSlider .ordMgrProdList li.total
{
    border: 0;
}
.ordMgrSlider .ordMgrProdList li.total .rightCol
{
    width: 65px;
}
.ordMgrSlider .ordMgrProdList li.total .rightCol input
{
    font-weight: bold;
    width: 65px;
    font-size: 0.9em;
}
.ordMgrSlider .ordMgrProdList #ordMgrEmptyMsg
{
    border: none 0px;
}

#locationOrdMgrDescription
{
    margin-bottom: 10px;
}
#locationOrdMgrDescription .btnTextSml
{
    margin-top: 5px;
}
#locationOrdMgrDescription h4
{
    margin: 0;
    padding: 0;
}

.ordMgrSlider-dateTime-selectors
{
    margin-bottom: 5px;
    margin-left: 10px;
}
.ordMgrSlider-dateTime-selectors h4
{
    margin-bottom: 0;
    padding-bottom: 0;
}
.ordMgrSlider-dateTime-selectors select
{
    width: 200px;
    margin: 5px;
}
.ordMgrSlider-dateTime-selectors .btnContainer
{
    margin-top: 10px;
}

#ordMgrSlider-locationSelected-btnContainer
{
    margin: 0;
    padding: 0;
    margin-right: 13px;
    height: 22px;
}


/* SLIDER STUFF */

.sliderGallery
{
    white-space: nowrap;
    overflow: hidden;
    padding: 0px;
    height: 380px;
    position: relative;
    margin: 15px;
    margin-top: 35px;
}
.sliderGallery ul
{
    white-space: nowrap;
    position: absolute;
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.sliderGallery ul *
{
    white-space: normal;
}
.sliderGallery ul li
{
    float: left;
    display: inline-block;
    height: 280px;
    width: 210px;
    margin-right: 29px;
    padding: 0;
}
.sliderGallery ul li h3
{
    color: #1b733f;
    margin: 0px 0px 2px 0px;
    padding: 0px;
    font-weight: bold;
    font-size: 1.1em;
}
.sliderGallery ul li p
{
    font-size: 0.8em;
    color: #555555;
    padding: 0px;
    margin: 0px;
    line-height: 1.4em;
}
.sliderGallery ul li .price
{
    font-size: 1em;
    color: #00703C;
    padding: 0px;
    margin: 0px 0px 9px 0px;
    line-height: 1.3em;
    font-weight: bold;
    text-align: right;
}
.sliderGallery ul li .prodimg
{
    padding: 0px;
    margin: 0px;
    margin-bottom: 2px;
    border: solid 1px #cfcfcf;
}
.sliderGallery ul li .editAddCombo
{
    margin: 0px;
    padding: 0px;
    display: block;
    float: right;
}

.sliderGallerySlider
{
    cursor: default;
    width: 928px;
    height: 21px;
    margin-left: 0px;
    padding: 0px;
    top: 320px;
    position: absolute;
    background-image: url(../Images/template/product_scrollbar2.gif);
    background-repeat: no-repeat;
}
.sliderGalleryHandle
{
    cursor: default;
    position: absolute;
    height: 19px;
    width: 213px;
    top: 0;
    z-index: 100;
    background-image: url(../Images/template/product_scroller2.png);
    background-repeat: no-repeat;
}

.sliderGallerySlider span
{
    cursor: default;
    font-weight: bold;
    color: #ffffff;
    font-size: .9em;
    line-height: 16px;
    position: absolute;
    z-index: 101;
    top: 1px;
    width: 100px;
}
.sliderGallerySlider .lbl1
{
    left: 60px;
}
.sliderGallerySlider .lbl2
{
    left: 286px;
}
.sliderGallerySlider .lbl3
{
    left: 550px;
}
.sliderGallerySlider .lbl4
{
    left: 770px;
}

/* MENU OVERVIEW STUFF */

ul.menuOverview
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
ul.menuOverview li
{
    float: left;
    margin: 0;
    padding: 0;
    padding-right: 25px;
    width: 138px;
    height: 105px;
    border: none 0px;
    display: inline-block;
}
ul.menuOverview li a
{
    display: block;
    text-decoration: none;
    color: #1b733f;
}
ul.menuOverview li a img
{
    border: solid 1px #cccccc;
    width: 136px;
    height: 78px;
}
ul.menuOverview li a img:hover
{
    border-color: #999999;
}
ul.menuOverview li a h4
{
    margin: 5px 0 0 0;
    padding: 0;
    font-weight: bold;
}
ul.menuOverview li p
{
    font-size: 0.95em;
}

ul.menuOverviewTall li
{
    height: 160px;
}

/* MENU OVERVIEW STUFF */

ul.videoList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
ul.videoList li
{
    float: left;
    margin: 0;
    padding: 0;
    padding-right: 25px;
    width: 200px;
    height: 270px;
    border: none 0px;
    display: inline-block;
}
ul.videoList li a
{
    display: block;
    text-decoration: none;
    color: #1b733f;
}
ul.videoList li a img
{
    border: solid 1px #cccccc;
    width: 200px;
    height: 150px;
    background-image: url(../Images/youtubeClipThumb.jpg);
}
ul.videoList li a img:hover
{
    border-color: #999999;
}
ul.videoList li a h4
{
    margin: 5px 0 0 0;
    padding: 0;
    font-weight: bold;
}
ul.videoList li p
{
    font-size: 11px;
}
ul.videoList li .heading
{
    font-weight: bold;
    font-size: 12px;
    color: #000000;
}

/* FRIENDS LIST */

ul.friendList
{
    list-style-type: none;
    display: inline-block;
    width: 99%;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}
ul.friendList li.friendListItem
{
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    padding: 4px 0;
    border-bottom: solid 1px #cccccc;
}
ul.friendList li.friendListItem .leftCol
{
    width: 5%;
    float: left;
}
ul.friendList li.friendListItem .leftCol input
{
}
ul.friendList li.friendListItem .leftCol img
{
    width: 18px;
    height: 18px;
    border: solid 1px #cccccc;
}
ul.friendList li.friendListItem .midCol
{
    width: 60%;
    float: left;
}
ul.friendList li.friendListItem .midCol h4
{
    margin: 0 0 5px 0;
    padding: 0;
    line-height: 18px;
}
ul.friendList li.friendListItem .midCol p
{
    margin: 0;
    padding: 0;
    font-size: 10px;
}
ul.friendList li.friendListItem .rightCol
{
    width: 22%;
    float: right;
    margin-left: 4px;
}

/* FAVORITES POPUP STUFF */

.favoritesListWpr
{
    height: 350px;
    width: 760px;
    overflow: auto;
}
ul.favoritesList
{
    list-style-type: none;
    display: inline-block;
    width: 99%;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}
ul.favoritesList li
{
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    padding: 8px 0;
    border-bottom: solid 1px #cccccc;
}
ul.favoritesList li .leftCol
{
    width: 14%;
    float: left;
}
ul.favoritesList li .leftCol img
{
    width: 60px;
    height: 60px;
    border: solid 1px #cccccc;
}
ul.favoritesList li .midCol
{
    width: 64%;
    float: left;
}
ul.favoritesList li .midCol h4
{
    margin: 0 0 5px 0;
    padding: 0;
}
ul.favoritesList li .midCol p
{
    margin: 0;
    padding: 0;
    font-size: 10px;
}
ul.favoritesList li .rightCol
{
    width: 18%;
    float: right;
    margin-left: 4px;
}

ul.favoritesList li.fbUserHeading
{
    background: url(../Images/Template/gradbg05.jpg) repeat-x top;
    height: 50px;
}
ul.favoritesList li.fbUserHeading img
{
    float: left;
    width: 50px;
    height: 50px;
}
ul.favoritesList li.fbUserHeading .name
{
    float: left;
    height: 50px;
    line-height: 50px;
    font-size: 22px;
    padding-left: 15px;
    text-transform: uppercase;
}

ul.favoritesList li.blank
{
    border: none 0;
}

.btnContainerGradientWpr
{
    clear: both;
    width: 100%;
    background: url(../Images/Template/gradbg05.jpg) repeat-x top;
    height: 50px;
    padding-top: 10px;
    border-top: solid 1px #13733e;
}

/* PRODUCT EDITOR STUFF */

#productServices-editor-prompt
{
    position: absolute;
    left: 250px;
    top: 100px;
    padding: 10px;
    width: 270px;
    background: #ffffff;
    z-index: 1001;
    border: solid 5px #cccccc;
}
#productServices-editor-prompt h2
{
    margin-top: 0;
    padding-top: 0;
}

#productServicesEditorSpecialInstruct
{
}

.miniFavoriteWpr
{
    height: 200px;
    width: 270px;
    overflow: auto;
}
ul.miniFavoritesList
{
    list-style-type: none;
    display: inline-block;
    width: 99%;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}
ul.miniFavoritesList li
{
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
    padding: 4px 0;
    border-bottom: solid 1px #cccccc;
}
ul.miniFavoritesList li .left
{
    width: 50px;
    float: left;
}
ul.miniFavoritesList li .mid
{
    width: 175px;
    float: left;
}
ul.miniFavoritesList li .mid h5
{
    margin: 0;
    padding: 0;
}
ul.miniFavoritesList li .mid p
{
    margin: 0;
    padding: 0;
    font-size: 10px;
}
ul.miniFavoritesList li .right
{
    width: 16px;
    float: right;
    margin-left: 4px;
}

#productServices-editor .leftCol
{
    position: absolute;
    left: 20px;
    top: 28px;
    width: 198px;
    height: 478px;
    border: solid 1px #993300;
    background: url(../Images/ProdEditor/leftColBg.gif);
}
#productServices-editor .midCol
{
    position: absolute;
    left: 250px;
    top: 28px;
    width: 300px;
    height: 478px;
}
#productServices-editor .rightCol
{
    position: absolute;
    left: 580px;
    top: 28px;
    width: 198px;
    height: 478px;
    border: solid 1px #003300;
    background: url(../Images/ProdEditor/rightColBg.gif);
}

#productServices-editor .leftCol h3.heading
{
    text-transform: uppercase;
    background: #F05A28 url(../Images/ProdEditor/ingredientsHdr.png);
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding-left: 5px;
}
#productServices-editor .leftCol h3.heading span
{
    display: none;
}
#productServices-editor .leftCol .ingredientPalette
{
    height: 260px;
    margin: 5px;
    overflow: auto;
}
#productServices-editor .leftCol .ingredientPalette h3.accordionMenuHeader a span.text
{
    color: #00703c;
    font-weight: normal;
}
#productServices-editor .leftCol .ingredientPalette ul li
{
    border-bottom: none;
}
#productServices-editor .leftCol .ingredientPalette ul.ingList
{
    border: 0;
    margin: 0;
    padding: 0;
    float: none;
    list-style: none;
    width: 160px;
}
#productServices-editor .leftCol .ingredientPalette ul.ingList li.btnList
{
    border: 0;
    margin: 0;
    padding: 0;
    float: none;
    list-style: none;
    display: list-item;
}
#productServices-editor .leftCol .ingredientPalette ul.ingList li.btnList a span
{
    font-size: 11px;
    text-decoration: none;
    color: #555555;
    line-height: 16px;
}
#productServices-editor .leftCol .ingredientPalette ul.ingList li.btnList a:hover span
{
    color: #999999;
    padding-left: 2px;
}
#productServices-editor .leftCol .ingredientPalette ul.ingList li.btnList a
{
    margin: 0;
    padding: 0;
    text-decoration: none;
    display: block;
    line-height: 16px;
}

#productServices-editor .leftCol .ingredientPalette .accordionMenuHeader span.text
{
    color: #00703c;
    font-size: 14px;
}

#productServices-editor .leftCol .nutritionSummary
{
    margin: 5px;
    overflow: auto;
    border-top: solid 1px;
    height: 160px;
}
#productServices-editor .leftCol .nutritionSummary h4.heading
{
    margin: 5px 0 0 0;
}
#productServices-editor .leftCol .nutritionSummary table.tblNutritionSml
{
    width: 95%;
}
#productServices-editor .leftCol .nutritionSummary .nutritionSummaryTableWrapper
{
    height: 220px;
}


#productServices-editor-nutritionHdr
{
    background: url(../Images/ProdEditor/h3_Nutrition.gif) left top no-repeat;
    height: 16px;
}
#productServices-editor-nutritionHdr span
{
    display: none;
}

#productServices-editor .midCol .ingredientContainer
{
    height: 410px;
}
#productServices-editor .midCol .ingredientContainer .eIng
{
    width: 300px;
    height: 100px;
    position: absolute;
}
#productServices-editor .midCol .instructions
{
    font-size: 10px;
    margin: 5px 5px;
    text-align: center;
    border-bottom: solid 1px #cccccc;
}

#productServices-editor .midCol .editorSaveBtnContainer
{
    margin: 0;
    z-index: 1000;
    position: absolute;
    width: 270px;
    padding-left: 30px;
}
#productServices-editor .midCol .editorSaveBtnContainer .btnTextLg
{
    float: left;
}
#productServices-editor .midCol .editorSaveBtnContainer .textField
{
    float: left;
}
#productServices-editor .midCol .editorSaveBtnContainer input
{
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    border: none 0px;
    border-top: solid 1px #4ca36c;
    width: 140px;
    border-bottom: solid 1px #004F27;
    background: #eeeeee;
    padding: 0;
    margin: 0;
    text-align: center;
}

#productServices-editor .midCol .editorSaveBtnContainer .subContainer
{
    text-align: center;
    width: 230px;
    padding-top: 5px;
    clear: both;
}

#productServices-editor .midCol .editorBtnContainer
{
    margin: 0;
    text-align: center;
}
#productServices-editor .midCol .editorBtnContainer .btnTextLg
{
    margin-left: 5px;
}
#productServices-editor .midCol .editorBtnContainer .btnMModLg
{
    margin-left: 0px;
}
#productServices-editor .midCol .editorBtnContainer .btnRModLg
{
    margin-left: 0px;
}

#productServices-editor .midCol .editorOptionContainer
{
    margin: 0;
    text-align: center;
    margin-top: 5px;
}
#productServices-editor .midCol .editorOptionContainer input
{
    display: inline-block;
}
#productServices-editor .midCol .editorOptionContainer label
{
    display: inline-block;
    line-height: 12px;
    font-weight: bold;
}

#productServices-editor .rightCol h3.heading
{
    text-transform: uppercase;
    background: #006633 url(../Images/ProdEditor/contentsHdr.png);
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding-left: 5px;
}
#productServices-editor .rightCol h3.heading span
{
    display: none;
}
#productServices-editor .rightCol h3
{
    text-transform: uppercase;
    background: #006633 url(../Images/ProdEditor/greenBg.png);
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding-left: 5px;
}
#productServices-editor .rightCol .contentList
{
    height: 388px;
    margin: 5px;
    overflow: auto;
}
#productServices-editor .rightCol .contentList .contentListItem
{
    height: 25px;
}
#productServices-editor .rightCol .contentList .contentListItem input
{
    float: left;
    display: block;
    margin-top: 5px;
}
#productServices-editor .rightCol .contentList .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;
    width: 120px;
    white-space: nowrap;
}
#productServices-editor .rightCol .contentList .contentListItem label.extra
{
    color: #007700;
}
#productServices-editor .rightCol .contentList .contentListItem label.inactive
{
    text-decoration: line-through;
    color: #ff5555;
}
#productServices-editor .rightCol .contentList .contentListItem .btnDeleteSml
{
    margin-top: 6px;
}



/* BEET STUFF */

#beetServices-gMap-window
{
    position: absolute;
    width: 800px;
    height: 528px;
}
#beetServices-delivery-zones-gMap
{
    position: absolute;
    width: 800px;
    height: 528px;
}

/* COOKIE RADAR STUFF */

#beetServices-cookieRadar-gMap
{
    position: absolute;
    width: 800px;
    height: 528px;
}

#beetServices-cookieRadar-gMap h3.info-header
{
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    margin-bottom: 5px;
}
#beetServices-cookieRadar-gMap div.info-cookies
{
    font-size: 12px;
}

#beetServices-cookieRadar-h1
{
    position: absolute;
    left: 0px;
    top: 0px;
    margin: 0;
    padding: 0;
}

#beetServices-cookieRadar-leftCol
{
    position: absolute;
    left: 20px;
    top: 68px;
    width: 198px;
    height: 438px;
    border: solid 1px #993300;
    background: url(../Images/whiteBg90pc.png) repeat;
}

#beetServices-cookieRadar-leftCol h3.heading
{
    text-transform: uppercase;
    background: #F05A28 url(../Images/ProdEditor/orangeBg.png);
    color: #ffffff;
    height: 40px;
    line-height: 40px;
    margin: 0;
    padding-left: 5px;
}
#beetServices-cookieRadar-leftCol h4.heading
{
    text-transform: uppercase;
    margin: 10px 0 0 5px;
}

#beetServices-cookieRadar-leftCol .targetSettings
{
    height: 150px;
    margin: 5px;
    overflow: auto;
    border-top: solid 1px;
}
#beetServices-cookieRadar-leftCol .cookieSettings
{
    height: 145px;
    margin: 5px;
    overflow: auto;
    border-top: solid 1px;
}
#beetServices-cookieRadar-leftCol .otherSettings
{
    border-top: solid 1px;
    padding-top: 5px;
}
#beetServices-cookieRadar-leftCol .otherSettings div
{
    line-height: 22px;
    height: 22px;
}
#beetServices-cookieRadar-leftCol .otherSettings div label
{
    line-height: 22px;
    height: 22px;
    font-size: 12px;
    margin-left: 3px;
}
#beetServices-cookieRadar-leftCol .otherSettings div input
{
    float: left;
    margin-top: 5px;
}

#beetServices-cookieRadar-leftCol .toggleSettings .accordionMenuHeader input
{
    float: left;
    margin: 7px 5px 0 0;
    padding: 0;
}
#beetServices-cookieRadar-leftCol .toggleSettings ul li
{
    border-bottom: none;
}
#beetServices-cookieRadar-leftCol .toggleSettings ul.toggleList
{
    border: 0;
    margin: 0;
    padding: 0;
    float: none;
    list-style: none;
}
#beetServices-cookieRadar-leftCol .toggleSettings ul.toggleList li.btnList
{
    border: 0;
    margin: 0;
    padding: 0;
    float: none;
    list-style: none;
    display: list-item;
}

#beetServices-cookieRadar-leftCol .toggleSettings ul.toggleList li.btnList a
{
    background: url(../Images/CookieRadar/bullet_off.gif) no-repeat 3px 3px;
}
#beetServices-cookieRadar-leftCol .toggleSettings ul.toggleList li.btnList a span
{
    font-size: 11px;
    text-decoration: none;
    color: #777777;
    line-height: 14px;
    padding-left: 20px;
}

#beetServices-cookieRadar-leftCol .toggleSettings ul.toggleList li.btnList a.selected
{
    background-image: url(../Images/CookieRadar/bullet.gif);
}
#beetServices-cookieRadar-leftCol .toggleSettings ul.toggleList li.btnList a.selected span
{
    color: #1B733F;
    font-weight: bold;
}

#beetServices-cookieRadar-leftCol .toggleSettings ul.toggleList li.btnList a:hover
{
    background-image: url(../Images/CookieRadar/bullet_off.gif);
}
#beetServices-cookieRadar-leftCol .toggleSettings ul.toggleList li.btnList a:hover span
{
    color: #1B733F;
}

#beetServices-cookieRadar-leftCol .toggleSettings ul.toggleList li.btnList a.selected:hover
{
    background-image: url(../Images/CookieRadar/bullet.gif);
}
#beetServices-cookieRadar-leftCol .toggleSettings ul.toggleList li.btnList a.selected:hover span
{
    color: #555555;
}

#beetServices-cookieRadar-leftCol .toggleSettings ul.toggleList li.btnList a
{
    margin: 0;
    padding: 0;
    text-decoration: none;
    display: block;
    line-height: 16px;
}
#beetServices-cookieRadar-leftCol .toggleSettings .accordionMenuHeader span.text
{
    color: #000000;
    font-size: 14px;
}

#beetServices-cookieRadar-sweep
{
    position: absolute;
    height: 528px;
    overflow: hidden;
    left: -200px;
}

#beetServices-cookieRadar-btnContainer
{
    position: absolute;
    left: 315px;
    top: 480px;
}
#beetServices-cookieRadar-btnContainer .btnTextLg
{
    margin-right: 5px;
}
#beetServices-cookieRadar-btnContainer #beetServices-cookieRadar-zoomIn
{
    margin-right: 65px;
}

#beetServices-cookieAlert-cookieAlertSummary
{
    height: 400px;
}
#beetServices-cookieAlert-cookieAlertCreate
{
    height: 400px;
}
#beetServices-cookieAlert-listWrapper
{
    height: 365px;
    overflow: auto;
}
#beetServices-cookieAlert-formWrapper
{
    height: 365px;
    overflow: auto;
}

#beetServices-cookieAlert-formWrapper select
{
    width: 220px;
    font-size: 0.9em;
}

/* SOUP CALENDAR STUFF */

.soupCalendarIntro
{
    height: 170px;
    padding-top: 10px;
}
.soupCalendarIntro .soupCalendarIntroText
{
    width: 350px;
    float: left;
    margin-right: 50px;
}
.soupCalendarIntro .soupDateSelector
{
    float: left;
}
.soupDateSelector input
{
}
.soupDateSelector img
{
    margin-top: 3px;
    margin-left: 3px;
}
.soupDateSelector .btnContainer .btnText
{
    margin-top: 10px;
}
.soupCalendarDateSelector
{
    width: 300px;
    float: left;
}

/* PRODUCT INGREDIENT DESCRIPTION STUFF */

.productDescription
{
    padding-bottom: 4px;
}
.productDescription span
{
    color: #555555;
}
.productDescription .extra
{
    color: #009900;
    font-weight: bold;
}
.productDescription .inactive
{
    color: #cc7777;
    text-decoration: line-through;
}

.productSpecialInstruct
{
    font-weight: bold;
}

/* EXPRESS CHECKOUT (new) */

#expCheckout
{
    padding-top: 10px;
}

#expCheckout .leftMargin, #expCheckout .expCheckoutOrders, #expCheckout .expCheckoutLocations, #expCheckout .expCheckoutTimes, #expCheckout .expCheckoutPaymentMethod, #expCheckout .rightMargin
{
    float: left;
}

#expCheckout .margin
{
    width: 39px;
    background: #cccccc;
    height: 320px;
}

#expCheckout .expCheckoutSection
{
    width: 210px;
    float: left;
    padding: 0 10px 0 0;
    margin: 0;
    height: 320px;
    background: #ffffff;
}
#expCheckout .expCheckoutSection .wrapper
{
    width: 190px;
    padding: 0 10px 0 10px;
    margin: 40px 10px 0 0;
    height: 280px;
}

#expCheckout .expCheckoutOrders .wrapper, #expCheckout .expCheckoutTimes .wrapper
{
    background: url(../Images/ExpCheckout/grayBg.png) repeat-x;
}

#expCheckout .leftMargin
{
    background: url(../Images/ExpCheckout/hdrLeftMarginOn.gif) left top no-repeat;
}
#expCheckout .expCheckoutOrders
{
    background: url(../Images/ExpCheckout/hdrFavorites.gif) left top no-repeat;
}
#expCheckout .expCheckoutLocations
{
    background: url(../Images/ExpCheckout/hdrPickupDelivery.gif) left top no-repeat;
}
#expCheckout .expCheckoutTimes
{
    background: url(../Images/ExpCheckout/hdrDateTime.gif) left top no-repeat;
}
#expCheckout .expCheckoutPaymentMethod
{
    background: url(../Images/ExpCheckout/hdrPaymentMethod.gif) left top no-repeat;
}
#expCheckout .rightMargin
{
    background: url(../Images/ExpCheckout/hdrRightMarginTall.gif) left top no-repeat;
}

#expCheckout .expCheckoutTimes select
{
    width: 190px;
    font-size: 12px;
    background: url(../Images/ExpCheckout/greenBg.png);
}

#expCheckout .expCheckoutFooter
{
    clear: both;
    width: 868px;
    background: #ffffff url(../Images/ExpCheckout/hdrRightBottom.gif) right top no-repeat;
    height: 38px;
    padding: 17px 50px 0 40px;
}
#expCheckout .expCheckoutFooter .inputBox
{
    float: right;
}
#expCheckout .expCheckoutFooter .inputBox *
{
    float: left;
}
#expCheckout .expCheckoutFooter .inputBox input
{
    font-size: 1.4em;
}
#expCheckout .expCheckoutFooter .inputBox label
{
    line-height: 31px;
    font-size: 1.2em;
    margin-right: 5px;
    margin-left: 10px;
}
#expCheckout .expCheckoutFooter .btnContainer
{
    float: right;
    margin-left: 20px;
    margin-right: 10px;
}
#expCheckout .expCheckoutFooter .btnContainerLeft
{
    float: left;
}

#expCheckout .fixedWindow
{
    height: 280px;
    overflow: auto;
    width: 190px;
}

ul.expCheckout-prodList
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 163px;
    border-top: solid 1px #cccccc;
    margin-right: 10px;
}
ul.expCheckout-prodList li.expCheckout-prodListItem
{
    margin: 0;
    padding: 0;
    padding: 5px 0;
    display: inline-block;
    width: 163px;
    border-bottom: solid 1px #cccccc;
}
ul.expCheckout-prodList li.expCheckout-prodListItem .left, ul.expCheckout-prodList li.expCheckout-prodListItem .right
{
    float: left;
}
ul.expCheckout-prodList li.expCheckout-prodListItem .left
{
    width: 45px;
}
ul.expCheckout-prodList li.expCheckout-prodListItem .right
{
    width: 118px;
}
ul.expCheckout-prodList li.expCheckout-prodListItem .right h5
{
    margin: 0;
    padding: 0;
}
ul.expCheckout-prodList li.expCheckout-prodListItem .right span.productDescription
{
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}

ul.expCheckout-prodListFav li.expCheckout-prodListItem .right h5
{
    color: #aa4444;
}

ul.expCheckout-list
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
ul.expCheckout-list li.expCheckout-listItem
{
    margin: 0;
    padding: 0;
    background: #ffffff;
    margin-bottom: 5px;
    display: inline-block;
    width: 165px;
}
ul.expCheckout-list li.expCheckout-listItem a
{
    color: #999999;
    padding: 5px;
    text-decoration: none;
    display: block;
    border: solid 1px #999999;
    background: url(../Images/ExpCheckout/grayBgCompact.png);
}
ul.expCheckout-list li.expCheckout-listItem a:hover
{
    background: #ffffff;
    background: url(../Images/ExpCheckout/grayBgCompactSel.png);
}
ul.expCheckout-list li.expCheckout-listItem a.selected
{
    color: #ffffff;
    border: solid 1px #003300;
    background: url(../Images/ExpCheckout/greenBgCompactSel.png);
}
ul.expCheckout-list li.expCheckout-listItem a.invalidLocation
{
    color: #555555;
    text-decoration: line-through !important;
    padding: 5px;
    text-decoration: none;
    display: block;
    border: solid 1px #999999;
    background: url(../Images/ExpCheckout/redBgCompact.png);
}
ul.expCheckout-list li.expCheckout-listItem a h5
{
    margin: 0;
    padding: 0;
}

/* UPSELL PAGE */

#lunchcartServices-upsell-ct
{
    height: 380px;
    width: 900px;
}

#lunchcartServices-upsell-ct .col
{
    height: 370px;
    width: 250px;
    padding: 0 5px;
    margin: 0;
    display: block;
    float: left;
}
#lunchcartServices-upsell-ct .col0
{
    padding-left: 0;
}
#lunchcartServices-upsell-ct .col2
{
    padding-right: 0;
}
#lunchcartServices-upsell-footer
{
    clear: both;
    width: 760px;
    background: url(../Images/Template/gradbg05.jpg) repeat-x top;
    height: 30px;
    padding-top: 10px;
    border-top: solid 1px #13733e;
}

#lunchcartServices-upsell-ct .col .headerPic
{
    width: 240px;
    height: 60px;
}

.upsellGallery
{
    width: 240px;
    height: 305px;
    margin-top: 10px;
    overflow: auto;
}
.upsellGallery h2
{
    margin-left: 0;
    padding: 0;
    padding-top: 2px;
    width: 218px;
    font-weight: normal;
    background: url(../Images/Template/gradbg05.jpg) repeat-x bottom;
    border-bottom: none 0px;
    display: inline-block;
}
.upsellGallery ul.productList
{
    list-style-type: none;
    margin: 0;
    width: 218px;
    padding: 0;
    margin: 0;
    background-repeat: no-repeat;
    background-position: left top;
}
.upsellGallery .productList .productListItem
{
    margin: 0;
    padding: 0;
    padding: 5px 0 0 0;
    width: 218px;
    border-bottom: solid 1px #cccccc;
}
.upsellGallery .productList .productListItem .leftCol
{
    width: 140px;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
    padding-bottom: 3px;
}
.upsellGallery .productList .productListItem .leftCol h5
{
    font-size: 11px;
    color: #1b733f;
    margin: 0;
    font-weight: bold;
}
.upsellGallery .productList .productListItem .leftCol h5 a
{
    font-size: 11px;
    color: #1b733f;
    margin: 0;
    font-weight: bold;
    text-decoration: none;
}
.upsellGallery .productList .productListItem .leftCol h5 small
{
    font-size: 10px;
    color: #777777;
}
.upsellGallery .productList .productListItem .rightCol
{
    width: 62px;
    float: right;
    padding: 0px;
    margin: 0px;
}

/* BEET ADD DELIVERY LOCATION */

#beetServices-addDeliveryLocation-formA
{
    margin-left: 100px;
    margin-top: 30px;
}
#beetServices-addDeliveryLocation-results
{
    width: 600px;
}
.beetServices-addDeliveryLocation-content
{
    height: 350px;
    width: 600px;
}
#beetServices-addDeliveryLocation-map
{
    width: 640px;
    height: 480px;
    position: absolute;
}
#beetServices-mainContent
{
    position: absolute;
}

.beetServices-addDeliveryLocation-content .left
{
    margin-right: 40px;
}
.beetServices-addDeliveryLocation-content .left, .beetServices-addDeliveryLocation-content .right
{
    width: 45%;
    float: left;
}

/* BEET SELECT LOCATION WIZARD */

.beetServices-locationSelector-content
{
    height: 290px;
    width: 600px;
    margin-bottom: 15px;
    overflow: auto;
}
#beetServices-locationSelector-footer
{
    clear: both;
    width: 600px;
    background: url(../Images/Template/gradbg05.jpg) repeat-x top;
    height: 30px;
    padding-top: 10px;
    border-top: solid 1px #13733e;
}

ul.locationList
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 96%;
    display: inline-block;
}
ul.locationList li.locationItem
{
    border-bottom: solid 1px #cccccc;
    margin: 0;
    padding: 5px 0;
    display: inline-block;
    width: 100%;
}
ul.locationList li.locationItem .leftCol
{
    width: 120px;
    float: left;
    margin-left: 10px;
}
ul.locationList li.locationItem .midCol
{
    width: 290px;
    float: left;
}
ul.locationList li.locationItem .midCol h4
{
    margin: 0;
    padding: 0;
}
ul.locationList li.lunchStopLocationItem .midCol h4
{
    float: left;
    width: 200px;
}
ul.locationList li.lunchStopLocationItem .midCol img
{
    margin-right: 10px;
    float: left;
}
ul.locationList li.locationItem .midCol p
{
    font-size: 0.9em;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
}
ul.locationList li.locationItem .rightCol
{
    width: 110px;
    float: left;
    margin: 2px 0 0 10px;
}
ul.locationList li.locationItem .rightCol .btnTextSml
{
    float: right;
    margin-left: 3px;
}

ul.locationListSml
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 94%;
    display: inline-block;
}
ul.locationListSml li.locationItem
{
    border-bottom: solid 1px #cccccc;
    margin: 0;
    padding: 5px 0;
    display: inline-block;
    width: 100%;
}
ul.locationListSml li.locationItem .leftCol
{
    width: 60px;
    float: left;
    margin-left: 10px;
}
ul.locationListSml li.locationItem .midCol
{
    width: 238px;
    float: left;
}
ul.locationListSml li.locationItem .midCol h4
{
    margin: 0;
    padding: 0;
}
ul.locationListSml li.locationItem .midCol p
{
    font-size: 0.9em;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
}

.closestStoresWrapper
{
    width: 350px;
    height: 240px;
    overflow: auto;
}

/* PROFILE LISTS */

ul.locationListLg
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 96%;
    display: inline-block;
}
ul.locationListLg li.locationItem
{
    border-bottom: solid 1px #cccccc;
    margin: 0;
    padding: 5px 0;
    display: inline-block;
    width: 100%;
}
ul.locationListLg li.locationItem .leftCol
{
    width: 80%;
    float: left;
    margin-left: 10px;
}
ul.locationListLg li.locationItem .leftCol h4
{
    margin: 0;
    padding: 0;
}
ul.locationListLg li.locationItem .leftCol p
{
    margin: 0;
    padding: 0;
    font-size: 0.9em;
}
ul.locationListLg li.locationItem .rightCol
{
    width: 15%;
    float: left;
    margin: 2px 0 0 10px;
}
ul.locationListLg li.locationItem .leftCol p.linkedAccounts
{
    margin: 3px 0;
}

ul.paymentList
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 96%;
    display: inline-block;
}
ul.paymentList li.paymentItem
{
    border-bottom: solid 1px #cccccc;
    margin: 0;
    padding: 5px 0;
    display: inline-block;
    width: 100%;
}
ul.paymentList li.paymentItem .leftCol
{
    width: 70%;
    float: left;
    margin-left: 10px;
}
ul.paymentList li.paymentItem .leftCol h4
{
    margin: 0;
    padding: 0;
}
ul.paymentList li.paymentItem .leftCol p
{
    margin: 0;
    padding: 0;
    font-size: 0.9em;
}
ul.paymentList li.paymentItem .rightCol
{
    float: right;
    margin: 2px 10px 0 10px;
}
ul.paymentList li.paymentItem .rightCol .btnTextSml
{
    margin-top: 5px;
}

/* ORDER HISTORY STUFF */

h3.orderStatus-active a span.text
{
    color: #000099 !important;
}
h3.orderStatus-cancelled a span.text
{
    color: #ff0000 !important;
    text-decoration: line-through;
}
h3.orderStatus-on-hold a span.text
{
    color: #555555 !important;
}
h3.orderStatus-locked a span.text
{
    color: #555555 !important;
}

ul.orderList
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 97.5%;
}
ul.orderList li.orderItem
{
    border-bottom: solid 1px #cccccc;
    margin: 0;
    padding: 5px 0;
    width: 100%;
}
ul.orderList li.orderItem .leftCol h4, ul.orderList li.orderItem .midCol h4, ul.orderList li.orderItem .rightCol h4
{
    margin: 5px 0;
    padding: 0;
    color: #00703c;
}
ul.orderList li.orderItem .leftCol
{
    width: 35%;
    float: left;
    margin: 0;
    padding: 0;
}
ul.orderList li.orderItem .midCol
{
    width: 35%;
    float: left;
    margin: 0;
    margin-right: 30px;
    padding: 0;
}
ul.orderList li.orderItem .rightCol
{
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
}
ul.orderList li.orderItem .rightCol .btnTextSml
{
    margin-top: 5px;
}

ul.orderList li.orderItem .orderSummaryTable
{
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}
ul.orderList li.orderItem .orderSummaryTable tr th
{
    width: 100px;
}
ul.orderList li.orderItem .orderSummaryTable tr td
{
    text-align: right;
}
ul.orderList li.orderItem .orderSummaryTable tr th, ul.orderList li.orderItem .orderSummaryTable tr td
{
    padding: 3px 0;
}
ul.orderList li.orderItem .orderSummaryTable tr.total th, ul.orderList li.orderItem .orderSummaryTable tr.total td
{
    font-weight: bold;
    font-size: 1.1em;
    border-top: solid 1px #cccccc;
}


ul.orderContentsList
{
    list-style-type: circle;
    margin-left: 25px;
}
ul.orderContentsList li.orderContentsItem
{
}

/* FOOTER STUFF */

#footer
{
    width: 960px;
    margin: 10px 0 60px 0;
    position: relative;
}
#footer ul.left
{
    float: left;
}
#footer ul
{
    color: #000000;
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
}
#footer ul li
{
    float: left;
    padding: 0;
    padding: 0 10px;
    background: url(../Images/Tabs/subTabTextRight.gif) no-repeat top right;
    height: 24px;
    line-height: 24px;
}
#footer ul li.copy
{
    list-style-type: none;
    color: #777777;
}
#footer ul li.last
{
    background: none;
}
#footer ul li.facebook
{
    background: url(../Images/Buttons/btnFacebook.gif) no-repeat top left;
    margin-left: 5px;
}
#footer ul li.facebook a, #footer ul li.twitter a, #footer ul li.twitterCookie a
{
    margin-left: 15px;
}
#footer ul li.facebook a
{
    color: #000099;
}
#footer ul li.twitter a
{
    color: #5599ff;
}
#footer ul li.twitter
{
    background: url(../Images/Buttons/btnTwitter.gif) no-repeat top left;
    margin-left: 5px;
}
#footer ul li.twitterCookie a
{
    color: #8b562d;
}
#footer ul li.twitterCookie
{
    background: url(../Images/Buttons/btnTwitterCookie.gif) no-repeat top left;
    margin-left: 5px;
}

#footer a
{
    color: #217340;
    text-decoration: underline;
}
#footer a:hover
{
    color: #77A332;
}

/* COOKIEGRAM */

.cookieGram .cookiegram-senderName-input
{
    background: url(../Images/Legacy/icon_user.gif) 233px 3px no-repeat;
    border: solid 1px #cccccc;
    width: 250px;
}
.cookieGram .cookiegram-senderEmail-input
{
    background: url(../Images/Legacy/icon_email_send.gif) 233px 3px no-repeat;
    border: solid 1px #cccccc;
    width: 250px;
}
.cookieGram .btnContainer
{
    margin: 20px;
}

ul.cookieGramEditList li.accordionListItem
{
}
ul.cookieGramEditList li.accordionListItem .left
{
    width: 75%;
    float: left;
}
ul.cookieGramEditList li.accordionListItem .right
{
    width: 15%;
    float: right;
}
ul.cookieGramEditList li.accordionListItem textarea
{
    width: 400px;
}

/* FACEBOOK ALERT */

.fbAlert
{
    display: inline-block;
    width: 100%;
    margin: 5px 20px 10px 106px;
    list-style: none;
}
.fbAlert li
{
    display: inline-block;
    width: 100%;
    margin-top: 5px;
}
.fbAlert li img
{
    float: left;
    width: 25px;
    border: solid 1px #cccccc;
}
.fbAlert li .alertText
{
    float: left;
    width: 70%;
    margin-left: 8px;
    height: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #cccccc;
}
.fbAlert li .alertText .name
{
    font-weight: bold;
}
.fbAlert li .alertText a
{
    text-decoration: none;
    color: #ffffff;
    height: 25px;
}

/* FACEBOOK STREAM/SHARE */

.fbShareWpr
{
    width: 500px;
    margin: auto;
    border: solid 1px #cccccc;
    padding: 48px;
    margin: 20px 0;
    height: 230px;
    overflow: hidden;
}
.twitShareWpr
{
    width: 300px;
    margin: auto;
    border: solid 1px #cccccc;
    padding: 28px;
    margin: 20px 0;
    height: 90px;
    overflow: hidden;
}

.fbShare
{
    width: 500px;
}
.fbShare img
{
    width: 50px;
    margin-right: 10px;
}
.fbShare textarea
{
    width: 430px;
    margin: 0;
    border: solid 1px #cccccc;
    height: 40px;
}

.twitShare
{
    width: 300px;
}
.twitShare img
{
    width: 48px;
    margin-right: 10px;
    float: left;
}
.twitShare textarea
{
    float: left;
    width: 230px;
    margin: 0;
    border: solid 1px #cccccc;
    height: 80px;
}

.fbStream
{
    display: inline-block;
    margin-left: 60px;
    margin-top: 10px;
    width: 440px;
}
.fbStream .fbStreamPic
{
    float: left;
    width: 90px;
}
.fbStream .fbStreamPic img
{
    width: 80px;
}
.fbStream .fbStreamInfo
{
    float: left;
    width: 300px;
    font-family: Tahoma;
}
.fbStream .fbStreamInfo h4
{
    margin-top: 0;
    font-family: Tahoma;
    text-transform: none;
    margin: 0;
}
.fbStream .fbStreamInfo p
{
    font-family: Tahoma;
    font-size: 11px;
}
.fbStream .fbStreamInfo p.fbStreamUrl
{
    margin-top: 5px;
}
.fbStream .fbStreamInfo p.fbStreamTxt
{
    margin-top: 5px;
    color: #000000;
}
.fbStream .fbStreamInfo p.fbStreamFooter a
{
    color: #555599;
    text-decoration: none;
}

/* MISC */

.alert
{
    color: #e48500;
}
.clearFloat
{
    clear: both;
    height: 0;
    line-height: 0px;
}
.hide
{
    display: none;
}
.hideInput
{
    overflow: hidden;
    width: 0;
    height: 0;
}
.hideInput input
{
    width: 0;
    height: 0;
}
.padMe
{
    padding: 20px;
}
.toolTip
{
    border: solid 1px #cccccc;
    background: #f9f9f9;
    font-size: 0.9em;
    padding: 6px !important;
    margin-top: 10px !important;
    margin-left: 0px;
    margin-right: 15px;
}
.toolTipAlt
{
    background: #ffffaa;
    color: #000000;
}
.toolTipAltB 
{
    border: solid 1px #cccccc;
    background: #cccccc;
    margin: 20px;
    padding: 10px;
}
.toolTip ul
{
    margin: 0;
    padding: 0;
    padding-left: 25px;
    margin: 5px 0;
}
.toolTip ul li
{
    margin: 0;
    padding: 1px 0;
}
.big
{
    font-size: 2.0em;
}


.ctBoxGallery .toolTip
{
    margin-right: 35px;
}

.parkingTxt
{
    color: #555599;
    background: #eeeeee;
    font-weight: bold;
}

.errorToolTip
{
    margin: 5px;
    border: solid 1px #555555;
    background: #993333 url(../Images/Template/errorToolTipBg2.gif) no-repeat left center;
    font-size: 1.0em;
    padding: 13px 10px 10px 100px;
    margin-top: 10px !important;
    min-height: 75px;
}
.errorToolTip .message
{
    color: #ffffff;
}

.successToolTip
{
    margin: 5px;
    border: solid 1px #555555;
    background: #003300 url(../Images/Template/successToolTipBg.gif) no-repeat left center;
    font-size: 1.0em;
    padding: 13px 10px 10px 100px;
    margin-top: 10px !important;
    min-height: 75px;
}
.successToolTip .message
{
    color: #ffffff;
}

.infoToolTip
{
    margin: 5px;
    border: solid 1px #999999;
    background: #eeeeee url(../Images/Template/infoToolTipBg.gif) no-repeat left center;
    font-size: 1.0em;
    padding: 13px 10px 10px 100px;
    margin-top: 10px !important;
    min-height: 75px;
}
.infoToolTip .message
{
    color: #000000;
}

.errorText
{
    font-weight: bold;
    color: #990000 !important;
}
.successText
{
    font-weight: bold;
    color: #009900 !important;
}
.small
{
    font-size: 0.8em;
}
.readonly
{
    color: #555555;
}
.widthNinetyPc
{
    width: 90% !important;
}

.tickFaderLg
{
    display: none;
    margin: 0;
    padding: 0;
    line-height: 28px;
    height: 28px;
    width: 28px;
}
.tickFaderSml
{
    display: none;
    margin: 0;
    padding: 0;
    line-height: 18px;
    height: 18px;
    width: 18px;
}
#productServices-info-btnAddToOrder-anim
{
    display: none;
    float: left;
    margin: 0;
    padding: 0;
    line-height: 28px;
    height: 28px;
    width: 28px;
}

#beetServices-cookieRadar-h1
{
    background: url(../Images/SubHeads/h1_cookieRadar.png) no-repeat;
    width: 314px;
    height: 60px;
}
#beetServices-addDeliveryLocation-h1-img
{
    background: url(../Images/SubHeads/h1_addDeliveryLocation.png) no-repeat;
    width: 311px;
    height: 24px;
}
#beetServices-cookieRadar-sweep
{
    background: url(../Images/CookieRadar/sweep.png) repeat;
    width: 155px;
    height: 528px;
}

input.inputDateSelected
{
    width: 220px;
    background: url(../Images/Buttons/Calendar_scheduleHS.png) 205px no-repeat;
    border: solid 1px #cccccc;
    padding: 2px;
}

.debugSection
{
    display: block;
    width: 918px;
    border: solid 1px #cccccc;
    padding: 20px;
    color: #555555;
    margin: 100px auto 0 auto;
}
.debugSection p
{
    margin: 0;
    padding: 2px;
    font-size: 10px;
}

#iframeHelper
{
    display: none;
}

.renameEnabled
{
    cursor: text !important;
    background: url(../Images/editIcon.gif) right top no-repeat;
    padding-right: 12px;
}
.bullet-icon
{
    background: url(../Images/forwardIcon.gif) left top no-repeat;
    padding-left: 14px;
}
.link-icon
{
    background: url(../Images/linkIcon.gif) left top no-repeat;
    padding-left: 16px;
}
.contact-icon
{
    background: url(../Images/iconContact.gif) left top no-repeat;
    padding-left: 16px;
}

.vidObject
{
    padding: 30px 20px 30px 40px;
}

ul.faq
{
    list-style-image: url(../Images/bullet_question.gif);
    padding-left: 20px;
}
ul.faq li
{
    margin-top: 30px;
    margin-bottom: 30px;
}
ul.faq li h4
{
    margin-top: 0;
}
ul.faq li ul, ul.faq li ol
{
    list-style-image: none;
}
ul.faq li ul li, ul.faq li ol li
{
    margin-top: 0px;
    margin-bottom: 0px;
}

ul.miniFaq
{
    list-style-image: url(../Images/Icons/symbol_question_alt.gif);
    padding-left: 25px;
    margin: 0;
}
ul.miniFaq li
{
    margin-top: 0px;
    margin-bottom: 0px;
}
ul.miniFaq li h4
{
    margin-top: 0;
}
ul.miniFaq li h4 a
{
    color: #556655;
}
ul.miniFaq li ul, ul.miniFaq li ol
{
    list-style-image: none;
}
ul.miniFaq li ul li, ul.miniFaq li ol li
{
    margin-top: 0px;
    margin-bottom: 0px;
}

ul.fancyList
{
    list-style-type: square;
    margin: 0;
    padding: 0;
    margin-left: 20px !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* tree view stuff */

.fsTreeView a
{
    font-size: 0.95em;
    color: #000077;
    text-decoration: none;
    font-weight: normal;
}
.fsTreeView a:hover
{
    color: #5555cc;
}
.fsTreeView a small
{
    font-weight: normal;
}
.fsTreeView a.folder
{
    color: #555555;
    text-decoration: none;
}
.fsTreeView a span.new
{
    background: url(../Images/Icons/new.gif) no-repeat right top;
    padding-right: 25px;
}
.fsTreeView a span.updated
{
    background: url(../Images/Icons/updated.gif) no-repeat right top;
    padding-right: 38px;
}
.fsTreeView h3
{
    color: #333333;
    margin: 5px 0;
    padding: 0;
    font-weight: bold;
}
.fsTreeView h4
{
    color: #333333;
    margin: 5px 0;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
}

/* rounded edges */
.basicBox, #checkoutLocationDescriptionWrapper, #checkout-payment-createGiftCard, #checkout-payment-createCreditCard, .checkoutPaymentSummary, .summaryBox, .toolTip, .errorToolTip, .successToolTip, .infoToolTip, .gradientBox, .headerBox, .checkoutOptions, .checkout-selDateTime-wrapper, .checkoutSummaryWrapper, .pages a, .pages span, .billingInstructions-wrapper
{
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
}


.cl
{
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    line-height: 0;
}


/* new buttons */

a.button
{
    text-decoration: none;
    padding: 0 8px;
    padding-bottom: 2px;
    line-height: 18px;
    font-size: 12px;
    height: 20px;
    font-weight: normal;
    background: #78a42b;
    background-image: -webkit-linear-gradient(top, #91b849 0%, #78a42b 50%, #2e6b16 100%);
    background-image: -moz-linear-gradient(top, #91b849 0%, #78a42b 50%, #2e6b16 100%);
    background-image: -ms-linear-gradient(top, #91b849 0%, #78a42b 50%, #2e6b16 100%);
    color: #ffffff;
    border-radius: 10px;
    border: none 0;
    cursor: pointer;
}
a.button:hover
{
    text-decoration: none;
    background: #297d41;
    background-image: -webkit-linear-gradient(top, #539b5e 0%, #297d41 50%, #2e6b16 100%);
    background-image: -moz-linear-gradient(top, #539b5e 0%, #297d41 50%, #2e6b16 100%);
    background-image: -ms-linear-gradient(top, #539b5e 0%, #297d41 50%, #2e6b16 100%);
}
a.button.large
{
    padding: 0 10px;
    padding-bottom: 2px;
    line-height: 28px;
    font-size: 13px;
    height: 30px;
}

input.button
{
    padding: 0 8px;
    padding-bottom: 2px;
    line-height: 18px;
    font-size: 12px;
    height: 20px;
    font-weight: normal;
    background: #78a42b;
    background-image: -webkit-linear-gradient(top, #91b849 0%, #78a42b 50%, #2e6b16 100%);
    background-image: -moz-linear-gradient(top, #91b849 0%, #78a42b 50%, #2e6b16 100%);
    background-image: -ms-linear-gradient(top, #91b849 0%, #78a42b 50%, #2e6b16 100%);
    color: #ffffff;
    border-radius: 10px;
    border: none 0;
    cursor: pointer;
}
input.button:hover
{
    background: #297d41;
    background-image: -webkit-linear-gradient(top, #539b5e 0%, #297d41 50%, #2e6b16 100%);
    background-image: -moz-linear-gradient(top, #539b5e 0%, #297d41 50%, #2e6b16 100%);
    background-image: -ms-linear-gradient(top, #539b5e 0%, #297d41 50%, #2e6b16 100%);
}
input.button.large
{
    padding: 0 10px;
    padding-bottom: 2px;
    line-height: 28px;
    font-size: 13px;
    height: 30px;
}

.button.darkgreen
{
    background: #03723e;
    background-image: -webkit-linear-gradient(top, #479e66 0%, #03723e 50%, #00431b 100%);
    background-image: -moz-linear-gradient(top, #479e66 0%, #03723e 50%, #00431b 100%);
    background-image: -ms-linear-gradient(top, #479e66 0%, #03723e 50%, #00431b 100%);
}
.button.darkgreen:hover
{
    background: #01502b;
    background-image: -webkit-linear-gradient(top, #1c663c 0%, #01502b 50%, #003013 100%);
    background-image: -moz-linear-gradient(top, #1c663c 0%, #01502b 50%, #003013 100%);
    background-image: -ms-linear-gradient(top, #1c663c 0%, #01502b 50%, #003013 100%);
}

.button.green
{
    background: #78a42b;
    background-image: -webkit-linear-gradient(top, #91b849 0%, #78a42b 50%, #2e6b16 100%);
    background-image: -moz-linear-gradient(top, #91b849 0%, #78a42b 50%, #2e6b16 100%);
    background-image: -ms-linear-gradient(top, #91b849 0%, #78a42b 50%, #2e6b16 100%);
}
.button.green:hover
{
    background: #297d41;
    background-image: -webkit-linear-gradient(top, #539b5e 0%, #297d41 50%, #2e6b16 100%);
    background-image: -moz-linear-gradient(top, #539b5e 0%, #297d41 50%, #2e6b16 100%);
    background-image: -ms-linear-gradient(top, #539b5e 0%, #297d41 50%, #2e6b16 100%);
}

.button.gold
{
    color: #000000;
    background: #f6d668;
    background-image: -webkit-linear-gradient(top, #f6d668 0%,#d08a0e 75%);
    background-image: -moz-linear-gradient(top, #f6d668 0%,#d08a0e 75%);
    background-image: -ms-linear-gradient(top, #f6d668 0%,#d08a0e 75%);
}
.button.gold:hover
{
    background: #d2b140;
    background-image: -webkit-linear-gradient(top, #d2b140 0%,#845d00 75%);
    background-image: -moz-linear-gradient(top, #d2b140 0%,#845d00 75%);
    background-image: -ms-linear-gradient(top, #d2b140 0%,#845d00 75%);
}

.button.blue
{
    background: #3467ff;
    background-image: -webkit-linear-gradient(top, #5983ff 0%, #3467ff 50%, #162bb6 100%);
    background-image: -moz-linear-gradient(top, #5983ff 0%, #3467ff 50%, #162bb6 100%);
    background-image: -ms-linear-gradient(top, #5983ff 0%, #3467ff 50%, #162bb6 100%);
}
.button.blue:hover
{
    background: #0031f9;
    background-image: -webkit-linear-gradient(top, #3059ff 0%, #0031f9 50%, #000f6d 100%);
    background-image: -moz-linear-gradient(top, #3059ff 0%, #0031f9 50%, #000f6d 100%);
    background-image: -ms-linear-gradient(top, #3059ff 0%, #0031f9 50%, #000f6d 100%);
}

.button.red
{
    background: #fc3131;
    background-image: -webkit-linear-gradient(top, #ff6969 0%, #fc3131 50%, #b60f0f 100%);
    background-image: -moz-linear-gradient(top, #ff6969 0%, #fc3131 50%, #b60f0f 100%);
    background-image: -ms-linear-gradient(top, #ff6969 0%, #fc3131 50%, #b60f0f 100%);
}
.button.red:hover
{
    background: #cd0202;
    background-image: -webkit-linear-gradient(top, #dc4040 0%, #cd0202 50%, #580000 100%);
    background-image: -moz-linear-gradient(top, #dc4040 0%, #cd0202 50%, #580000 100%);
    background-image: -ms-linear-gradient(top, #dc4040 0%, #cd0202 50%, #580000 100%);
}


.box 
{
    padding: 5px; border: solid 1px #555555; background: #ffffff;
}