/*-------------------------------------------
| page colors
---------------------------------------------*/
    body {
        background:none #000;
        color:#556063;
    }
    body.zBarred {
        background-color:#000000;
    }
    body.iframed {
        background-color:#000000;
    }
    #mainShell {
        width:100%;
        background-color:#000000;
        padding-bottom:40px;
        /* add main background image here, if desired:
            background-image:url();
        */
    }
    body.zBarred #mainShell {
        padding-bottom:0;
    }

    body.iframed, #main, #pageTitle, #pageSubTitle, #pageHeader, #pageBottom { 
        background: #ECE6E6;
    }

/*-------------------------------------------
| box styles
---------------------------------------------*/
    .box {
        border:1px solid #556063;
    }
    .fillBox {
        background-color:#000000;
    }

/*-------------------------------------------
| dividers
---------------------------------------------*/
/*-------------------------------------------
| Put Back if I want dividers 

.hr {
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&w=2&h=1&fill_color=556063&bdr_color=556063&bdr=TLRB&bdr_width=0&grd=0&opacity=100&fmt=gif);
    }
---------------------------------------------*/
    
    .hrVert {
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&w=2&h=1&fill_color=556063&bdr_color=ECE6E6&bdr=TLRB&bdr_width=0&grd=0&opacity=100&fmt=gif);
    }

/*-------------------------------------------
| tab colors
---------------------------------------------*/
    .tabShell, .skinnableScrollyTabbedShell .tabShell {
        background:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&w=2&h=1&fill_color=556063&bdr_color=556063&bdr=TLRB&bdr_width=0&grd=0&opacity=100&fmt=gif) transparent bottom left repeat-x;
    }    
    
    .tabShell a, .skinnableScrollyTabbedShell .tabShell a {
        border-color:#556063;
        background:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&w=2&h=1&fill_color=556063&bdr_color=556063&bdr=TLRB&bdr_width=0&grd=0&opacity=100&fmt=gif) #ECE6E6 bottom left repeat-x;
        color:#556063;
    }
    
    .tabShell a.Active {
        background:none #000000;
        color:#FFFFFF;
        font-weight:bold;
    }
/*-------------------------------------------
| input colors (standards-compliant browsers only)
---------------------------------------------*/
    /*** normal ***/
        input[type=text],
        input[type=password],
        textarea {
            border:1px solid #808080;
            background:url(http://asset.zcache.com/assets/graphics/z2/skins/default/inputs/gradient_v2.gif) top left repeat-x #feffff;
            color:#666;
        }
    /*** on focus ***/
        input[type=text]:focus,
        input[type=password]:focus,
        textarea:focus {
            background:#fffb9c;
            color:#000;
        }
    /*** error state ***/
        input[type=text].error,
        input[type=password].error,
        textarea.error {
            border:1px solid #cc0000;
            background:url(http://asset.zcache.com/assets/graphics/z2/skins/default/inputs/errorGradient.gif) top left repeat-x #fffcfc;
            color:#cc0000;
        }
    
/*-------------------------------------------
| font/link colors
---------------------------------------------*/

    body, td, p {
        color:#556063;
    }
    a,
    a:hover, 
    td a,
    td a:hover {
        color:#8D9BAE;
text-decoration:none;
font-weight:bold;
    }
    /*.controls a.active,  DO WE NEED THIS? */
    .navPane a.active {
        background-color:#000000;
        color:#556063;
        font-weight:bold;
    }
    .moreLink, a.moreLink {
        background-image:url(http://asset.zcache.com/assets/graphics/z2/icons/forwardArrow.gif);
    }
    .backLink, a.backLink {
        background-image:url(http://asset.zcache.com/assets/graphics/z2/icons/backArrow.gif);
    }
    a.disabled {
        color:#556063;
    }
    h1, h2, h3, h4, h5 {
        color:#5A3817;
    }
    #group_1 .sidePod h1, #group_1 .sidePod h2, #group_1 .sidePod h3, #group_1 .sidePod h4, #group_1 .sidePod h5,
    #group_3 .sidePod h1, #group_3 .sidePod h2, #group_3 .sidePod h3, #group_3 .sidePod h4, #group_3 .sidePod h5 {
        color:#ECE6E6;
    }

    .mainText{
        color:#556063;
    }    
    .mainLink,
    .mainLink:hover {
        color:#8D9BAE;
    }
    .mainTitle {
            color:#5A3817;
    }
    
    .error {
        color:#cc0000;
    }
    .note, .note * {
        color:#556063;
    }
    .note a,
    .note a:hover {
        color:#8D9BAE;
    }

    #quantityDiscount, #discountAmount {
        color:#556063;
    }

/*-------------------------------------------
| side pods
---------------------------------------------*/
    #group_1 .sidePod, #group_3 .sidePod {
        background-color:#000000;
        border-width:0;
        color:#FFFFFF;
        padding:10px;
    }

    .podText, .emptyBody { 
        color: #FFFFFF; 
    }
    .podLink { 
        color: #8D9BAE; 
    }

    .skinnablePod h1, .skinnablePod h2, .skinnablePod h3, .skinnablePod h4, .skinnablePod h5, .skinnablePod div, .skinnablePod span, .skinnablePod td {
        color:#FFFFFF;
    }
    
    #group_1 .sidePod a, #group_3 .sidePod a, .podTabActive a {
        color: #8D9BAE;
    }    

/*-------------------------------------------
| mantles
---------------------------------------------*/
#pageMantle {
overflow:hidden;
width:900px;
height:612px;
background-image: url("http://www.cafeshoppe.com/Uteez/images/buttons/header-index nobama-stopheader.png");
background-repeat: no-repeat;
background-position: top;
}      
#pageMantle2 {
overflow:hidden;
width:900px;
height:200px;
background-image: url("http://www.cafeshoppe.com/Uteez/images/UTeez-productpages.png");
background-repeat: no-repeat;
background-position: top;
}           
    #pageTitle, #pageSubTitle {
        width:864px;
        margin:0px;
        padding:0px 18px;
    }
    
    #pageMantleLink {
        border:0;
        text-decoration:none;
        width:900px;
        height:572px;
        position:absolute;
    }
    
/*-------------------------------------------
| tables
---------------------------------------------*/    
    /*** table head / foot ***/
        .dataTable thead tr,
        .dataTable tfoot tr {
            background-color:#000000;
        }
        .formTable thead tr {
            background-color:#000000;
        }
    /*** table body ***/
        .dataTable tr {
            background-color:#000000;
        }
        .dataTable,
        .dataTable td,
        .dataTable p,
        .dataTable .note,
        .dataTable .note *,
        .dataTable .discounts .subtotal,
        .dataTable h1, 
        .dataTable h2, 
        .dataTable h3, 
        .dataTable h4, 
        .dataTable h5 {
            color:#FFFFFF;
        }
        .dataTable .evenRow {
            background-color:#000000;
        }
        .dataTable .camoCell {
            background: #ECE6E6;
        }
        .dataTable a,
        .dataTable .note a {
            color: #8D9BAE;
        }
        .altCellColor {
            background-color:#000000;
            color:#fff;
        }

/*-------------------------------------------
| gridCells
---------------------------------------------*/
    #mainShell .gridCell .realviewLink, 
    #mainShell .gridCell .nextviewLink {
        border-color:#ECE6E6;
    }
    #mainShell .gridCell .realviewLink:hover, 
    #mainShell .gridCell .nextviewLink:hover {
        border-color:#000000;
    }
    #mainShell .gridCell .realviewImageHover {
        border-color:#000000;
    }
    #mainShell .gridCellInfo {
        clear:both;
        padding:3px;
    }
    
/*-------------------------------------------
| thermometers
---------------------------------------------*/
    .thermometerShell {
        border:1px solid #999999;
    }
    .thermometerShell a, .thermometerShell span {
        color:#000;
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=&id=tmpl/therm/normal.gif&gry=1&gry_ref=200&gry_color=000000);
    }
    .thermometerShell .thermometerStepDisabled {
        color:#FFFFFF;
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=&id=tmpl/therm/disabled.gif&gry=1&gry_ref=200&gry_color=000000);
    }
    .thermometerShell .thermometerStepActive {
        color:#FFFFFF;
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=&id=tmpl/therm/active.gif&gry=1&gry_ref=200&gry_color=000000);
    }
/*-------------------------------------------
| loading indicators
---------------------------------------------*/
    .loadingOverlayShield {
        background-color:#eee;
    }
    .loadingOverlay {
        background-color:#fff;
    }
    
/*-------------------------------------------
| Fleetings
---------------------------------------------*/
    .fleetingMessageShell {
        background-color:#ECE6E6;
        border-color:#556063;
        color:#556063;
    }
    
/*-------------------------------------------
| misc
---------------------------------------------*/
    #returnStrip {
        background-image:url(http://asset.zcache.com/assets/graphics/z2/skins/z1/returnStripGradient_v2.gif);
        background-position:left center;
        font-weight:bold;
        line-height:30px;
    }
    #returnStrip .leftArrow {
        font-size:16px;
        color:#ffcc00;
    }
    #returnStrip a {
        color:#fff;
        text-decoration:none;
    }
    #tooltip {
        background:#FFDE6B none repeat scroll 0%;
        border:1px solid #000;
        color:#000 !important;
        padding:5px;
        text-align:left;
        width:195px;
        white-space:normal;
        position:absolute;
        z-index:5000;
        display:none;
        font-size:10px;
    }
    
    .dropArrow {
        position:absolute;
        right:0px;
        top:7px;
        width:9px;
        height:9px;
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&bg_color=00ECE6E6&fmt=gif&gry=1&gry_color=000000&gry_ref=140&id=tmpl/arrow_down.gif);
    }

/*-------------------------------------------
| general overrides
---------------------------------------------*/
    #header, #footer {
        width:100%;
        background-color:#000;
    }
    #pageBottom {
        background-color:#000;
    }
    div.column, #footer, #footer h3, #footer h4, #pageBottom, #pageBottom p {
        color:#fff;
    }
    #footer a {
        color:#999;
    }
    #main, #pageHeader, #pageBottom {
        border:none;
    }
    .zBarFooter {
        background:#000000;
    }
    .zBarFooter .zBarContents {
        background:#ECE6E6;
    }
    
    #footer button.inline span {
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=000&id=tmpl/gray_inline.gif&gry=1&gry_ref=255&gry_color=ffffff&btnh=22) !important;
    }

/*-------------------------------------------
| product page and design tool overrides
---------------------------------------------*/
    #mainShell .podTabActive {
        background-color: #000000;
        color: #FFFFFF;
    }
    #mainShell #fullWorkspace {
        border-color:#556063!important;
    }
    #mainShell #footer {
        border-width:0;
    }
    #mainShell #page_contextTabs .tabShell a {
        background-color:#ECE6E6!important;
        color:#556063!important;
    }
    #mainShell #pageFooter {
        background-color:#000000!important;
    }
    #mainShell .priceShell .price, 
    #mainShell .quantityLabel, 
    #mainShell #productAttributes-discountAmount {
        color:#5A3817!important;
    }
    #productAttributes_price {
        color:#ECE6E6!important;
    }
    #productAttributes_size_selector-frames {
        background-image:url(http://asset.zcache.com/assets/graphics/z2/global/controls/droplist/100.png);
    }
    #mainShell .allComments {
        border-top:0;
        background:none #000000;
        color:#FFFFFF;
    }
    #mainShell .allComments a {
        color:#8D9BAE;
    }
    /*** add to cart footer ***/
    #mainShell .addToCartFooter {
        background:#ECE6E6;
        border:1px solid #556063;
        border-top:0px;
    }
    #mainShell #page-customizeLinks, #mainShell #customizeLinksShell,#mainShell #product_publishIt-shell {
        background:#ECE6E6;
        border:1px solid #556063;
    }
    /*** scrolly tabs ***/
    #mainShell #productOptions .skinnableScrollyTabbedShell .tabShell a {
        background-color:#000000;
        color:#FFFFFF;
        border-color:#556063;
    }
    #mainShell #group_3 table {
        border-color:#556063;
    }
    #mainShell #group_3 table thead th,
    #mainShell #group_3 table thead th span,
    #mainShell #group_3 .skinnableScrollyTabbedShell .tabShell a.Active,
    #mainShell #group_3 .skinnableScrollyTabbedShell .tabBaseContents {
        background-color:#ECE6E6;
        color:#556063;
    }
    #mainShell #group_2 table {
        border-color:#556063;
    }
    #mainShell #group_2 table thead th,
    #mainShell #group_2 table thead th span {
        background-color:#000000;
        color:#FFFFFF;
    }
    #mainShell #productOptions .skinnableScrollyTabbedShell .tabBaseContents,
    #mainShell #productOptions .skinnableScrollyTabbedShell .tabShell a,
    #mainShell #productOptions .skinnableScrollyTabbedSmall .skinnableScrollyButtonLeft,
    #mainShell #productOptions .skinnableScrollyTabbedSmall .skinnableScrollyButtonRight,
    #mainShell #productAttributes_style-view,
    #mainShell #productOptions .skinnableScrollyTabbedShell .tabBaseContents a.tabBaseLink,
    #mainShell #productOptions .skinnableScrollyTabbedShell .tabBaseContents a.tabBaseLinkActive {
        border-color:#556063!important;
        color:#556063;
    }
    #mainShell #productOptions .skinnableScrollyTabbedShell .tabShell a {
        color:#FFFFFF;
    }
    #mainShell .formTable .labelCell {
        border-top:0;
        background:none #ECE6E6;
        color:#556063;
    }


    #mainShell .promoteOptions a {
        color: #555;
    }
    #mainShell .promoteOptions a:hover {
        color: #000;
        text-decoration:underline;
    }
    #mainShell .promoteOptions .label {
        font-weight:bold;
    }

    #mainShell .toolbar h1,
    #mainShell .toolbar h2,
    #mainShell .toolbar h3,
    #mainShell .toolbar h4,
    #mainShell .toolbar h5,
    #mainShell .toolbar #toolbarHelpLink {
        color:#666;
    }

    #mainShell .skinnablePod button span {
        color:#666;
    }

    #mainShell .skinnablePod button.inlineGrayed span,
    #mainShell .skinnablePod button.inlineGrayed:hover span,
    #mainShell .skinnablePod button.inlineGrayed:active span,
    #mainShell .skinnablePod button.inlinesubmitGrayed span,
    #mainShell .skinnablePod button.inlinesubmitGrayed:hover span,
    #mainShell .skinnablePod button.inlinesubmitGrayed:active span,
    #mainShell .skinnablePod button.inlinegreenGrayed span,
    #mainShell .skinnablePod button.inlinegreenGrayed:hover span,
    #mainShell .skinnablePod button.inlinegreenGrayed:active span {
        color:#aaa;
    }
    
    #mainShell #group_2 #page-customize.inline span {
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=ECE6E6&id=tmpl/gray_inline.gif&gry=1&gry_ref=240&gry_color=ffd050&btnh=22)!important;
    }
    

    #page-addToCartBox.sidePod {
        background:#000000 repeat scroll 0%;
    }
    #group_3 .accordionSectionTitle div.gradient {
        background:#000000 url(http://asset.zcache.com/assets/graphics/z2/cr/accordionTitleBg.png) repeat-x top left !important;
        _background-image:none !important;
        FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://asset.zcache.com/assets/graphics/z2/cr/accordionTitleBg.png',sizingMethod='scale');
    }
    #group_3 .accordionSectionTitle div.content a {
        color:#8D9BAE;
    }
    #group_3 .accordionSectionTitleActive div.content a {
        color:#ECE6E6;
    }
    
    .radioList a.radioOption.radioOptionOver,
    .radioList a.radioOption.radioOptionActive {
        color:#8D9BAE;
    }

/*** Design Tool CSS Overrides ***/
    #mainShell .podTabScrollShell {
        background: none repeat scroll 0%;
    }

    #mainShell input[type="text"].designToolTitle {
        color:#5A3817;
    }

    #mainShell #pageTitlebar {
        background:#ECE6E6 repeat scroll 0%;
    }
    #pageTopCap {
        display:none;
    }

    #mainShell .innerPod, #mainShell .innerPod a {
        color:#666;
    }

    #mainShell .innerPod h2, #mainShell .innerPod td{
        color:#838383;
    }

    #loadingOverlay {
        color:#000;
    }
    
    .designtoolToolbar {
        color:#000;
    }
    
/*-------------------------------------------
| Buttons
---------------------------------------------*/

    #mainShell button span {
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=ECE6E6&id=tmpl/gray.gif&gry=1&gry_ref=255&gry_color=ffffff&btnh=30);
    }

    #mainShell button.submit span {
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=ECE6E6&id=tmpl/gray.gif&gry=1&gry_ref=240&gry_color=ffd050&btnh=30);
    }

    #mainShell a.button span {
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=ECE6E6&id=tmpl/gray.gif&gry=1&gry_ref=255&gry_color=ffffff&btnh=30);
    }

    #mainShell a.button.submit span {
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=ECE6E6&id=tmpl/gray.gif&gry=1&gry_ref=240&gry_color=ffd050&btnh=30) !important;
    }

    #mainShell button.inline span {
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=ECE6E6&id=tmpl/gray_inline.gif&gry=1&gry_ref=255&gry_color=ffffff&btnh=22);
    }

    #mainShell button.inlineSubmit span {
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=ECE6E6&id=tmpl/gray_inline.gif&gry=1&gry_ref=240&gry_color=ffd050&btnh=22) !important;
    }

    #mainShell a.inlineButton span {
        background-image: url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=ECE6E6&id=tmpl/gray_inline.gif&gry=1&gry_ref=255&gry_color=ffffff&btnh=22);
    }

    #mainShell a.inlineSubmit span {
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=ECE6E6&id=tmpl/gray_inline.gif&gry=1&gry_ref=240&gry_color=ffd050&btnh=22) !important;
    }
    
    /*** Side Pod buttons ***/
        #mainShell .sidePod button span {
            background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=000000&id=tmpl/gray.gif&gry=1&gry_ref=255&gry_color=ffffff&btnh=30);
        }

        #mainShell .sidePod button.submit span {
            background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=000000&id=tmpl/gray.gif&gry=1&gry_ref=240&gry_color=ffd050&btnh=30);
        }

        #mainShell .sidePod a.button span {
            background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=000000&id=tmpl/gray.gif&gry=1&gry_ref=255&gry_color=ffffff&btnh=30);
        }

        #mainShell .sidePod a.button.submit span {
            background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=000000&id=tmpl/gray.gif&gry=1&gry_ref=240&gry_color=ffd050&btnh=30) !important;
        }

        #mainShell .sidePod button.inline span {
            background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=000000&id=tmpl/gray_inline.gif&gry=1&gry_ref=255&gry_color=ffffff&btnh=22);
        }

        #mainShell .sidePod button.inlineSubmit span {
            background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=000000&id=tmpl/gray_inline.gif&gry=1&gry_ref=240&gry_color=ffd050&btnh=22) !important;
        }

        #mainShell .sidePod a.inlineButton span {
            background-image: url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=000000&id=tmpl/gray_inline.gif&gry=1&gry_ref=255&gry_color=ffffff&btnh=22);
        }

        #mainShell .sidePod a.inlineSubmit span {
            background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=000000&id=tmpl/gray_inline.gif&gry=1&gry_ref=240&gry_color=ffd050&btnh=22) !important;
        }

/*-------------------------------------------
| statcounter
---------------------------------------------*/
    #statcounter_image {
        display:inline;
    }
    #statcounter_image img {
        border:none;
    }