/*-------------------------------------------
| page colors
---------------------------------------------*/
    body {
        background:none #ffffff;
        color:#663300;
        font-size: 12px;

    }
    body.zBarred {
        background-color:#fff;
    }
    body.iframed {
        background-color:#fff;
    }
    #mainShell {
        width:100%;
        background-color:#fff;
        padding-bottom:40px;
background-image: url("http://kustombykris.com/zazzle/bg.png");
background-repeat: no-repeat;
background-position: top;
    }

#bg a {
position: absolute; 
border: 0px solid #000; 
}

a#KBKindex {left: 20px; top: 213px; width: 158px; height: 97px;}
a#Portfolio {left: 38px; top: 315px; width: 98px; height: 32px;}
a#WebDesign {left: 46px; top: 350px; width: 130px; height: 29px;}
a#PrintDesign {left: 26px; top: 379px; width: 126px; height: 28px;}
a#Hosting {left: 65px; top: 408px; width: 66px; height: 26px;}
a#Shop {left: 76px; top: 438px; width: 56px; height: 26px;}

    body.zBarred #mainShell {
        padding-bottom:0;
    }

    #main, #pageTitle, #pageSubTitle, #pageHeader, #pageBottom { 
        background: transparent;

    }

#zNav {
background-image: url("http://kustombykris.com/zazzle/shop_links.png"); 
margin-left: auto;
margin-right: auto;
height: 204px; 
width: 900px;
}

#zNav2 {
padding-top: 95px;
}

#zNav2 a {
position: absolute; 
border: 0px solid #000; 
height: 77px; width: 74px;
}

a#IndexNav {left: 197px;}
a#NewNav {left: 285px;}
a#GirlNav {left: 375px;}
a#ToolbarNav {left: 464px;}
a#DomainsNav {left: 553px;}
a#NewsNav {left: 642px;}
a#FlourishNav {left: 778px;}
a#ContactNav {left: 823px;}
a#KBKNav {left: 930px; width: 146px}

#InfoTable {
width: 100%;
padding: 10px;
color: #fff;
background-color: #D57A87;
}

/*-------------------------------------------
| box styles
---------------------------------------------*/
    .highlight, tr.highlight td {
    background:#fffb9c url(http://asset.zcache.com/assets/graphics/z2/skins/default/highlightBg_v2.gif) repeat-x top left;
        color:#663300;
    }
    .box {
        border:1px solid #663300;
    }
    .fillBox {    
        background-color:#ffffff;
    }

/*-------------------------------------------
| dividers
---------------------------------------------*/
    .hr {
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&w=2&h=1&fill_color=663300&bdr_color=663300&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=663300&bdr_color=ffffff&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=663300&bdr_color=663300&bdr=TLRB&bdr_width=0&grd=0&opacity=100&fmt=gif) transparent bottom left repeat-x;
    }    
    
    .tabShell a, .skinnableScrollyTabbedShell .tabShell a {
        border-color:#663300;
        background:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&w=2&h=1&fill_color=663300&bdr_color=663300&bdr=TLRB&bdr_width=0&grd=0&opacity=100&fmt=gif) #ffffff bottom left repeat-x;
        color:#663300;
    }
    
    .tabShell a.Active {
        background:none #ffffff;
        color:#663300;
        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:#663300;
    }
    a, td a {
        color:#4A261A;
font-weight: bold;
text-decoration: none;
    }
    /*.controls a.active,  DO WE NEED THIS? */
    .navPane a.active {
        background-color:#ffffff;
        color:#663300;
        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:#663300;
    }


h1 {font-size: 16px; font-weight: bold; padding-top: 0px; text-transform: uppercase;}
h2 {font-size: 16px; font-weight: bold; color: #A6CCA8; text-transform: uppercase; margin-top: 0px;} /* BLUE */
h3 {font-size: 14px; font-weight: bold; color: #B2CC7F; text-transform: uppercase; margin-top: 0px;} /* GREEN */
h4 {font-size: 14px; font-weight: bold; color: #D57A87; text-transform: uppercase; margin-top: 0px;} /* PINK */
h5 {font-size: 14px; font-weight: bold; color: #DE9E4A; text-transform: uppercase; margin-top: 0px;} /*ORANGE*/
h6 {font-size: 14px; font-weight: bold; color: #ffffff; text-transform: uppercase; margin-top: 0px;} /*WHITE*/
h7 {font-size: 14px; font-weight: bold; color: #4A261A;  margin-top: 0px;} /*BROWN*/

    #group_1 .sidepod h1, #group_1 .sidepod h2, #group_1 .sidepod h3, #group_1 .sidepod h4, #group_1 .sidepod h5,
    #group_2 .sidepod h1, #group_2 .sidepod h2, #group_2 .sidepod h3, #group_2 .sidepod h4, #group_2 .sidepod h5,
    #group_3 .sidepod h1, #group_3 .sidepod h2, #group_3 .sidepod h3, #group_3 .sidepod h4, #group_3 .sidepod h5 {
        color:#E77173;
    }

    .mainText{
        color:#663300;
    }    
    .mainLink {
        color:#006699;
    }
    .mainTitle {
            color:#E77173;
    }
    
    .error {
        color:#cc0000;
    }
    .note, .note * {
        color:#663300;
    }
    .note a {
        color:#006699;
    }

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

/*-------------------------------------------
| side pods
---------------------------------------------*/
    #group_1 .sidePod, #group_3 .sidePod {
        border: 0px solid #ff0000;
        padding-left: 20px;
        color:#A6CCA8;
        background-color:#ffffff;

    }

    .podText, .emptyBody { 
        color: #A6CCA8; 
    }
    .podLink { 
        color: #A6CCA8; 
    }

    .skinnablePod h1, .skinnablePod h2, .skinnablePod h3, .skinnablePod h4, .skinnablePod h5, .skinnablePod div, .skinnablePod span {
        color:#A6CCA8;
    }
    
    #group_1 .sidePod a, #group_3 .sidePod a, .podTabActive a, #group_2 .sidePod a, #group_3 .sidePod a {
        color: #A6CCA8;
font-size: 12px;

    }    

/*-------------------------------------------
| mantles
---------------------------------------------*/
    #pageMantle {
        overflow:hidden;
        width:809px;
        height:200px; background:url("http://www.zazzle.com/rlv/isapi/designall.dll?action=gal_banner&fmt=jpg&bg_color=ffffff&logofilename=A1AF87A3-543C-41D0-A293-899A6EBFD3D1&grd_on=0&bg_img_scale=1&bg_img_align=topleft") bottom left no-repeat;
    }        
    #pageTitle, #pageSubTitle {
        width:900px;
        margin:0px;
        padding:0px 18px;
    }
    
    #pageMantleLink {
        border:0;
        text-decoration:none;
        width:900px;
        height:200px;
        position:absolute;
    }
    
/*-------------------------------------------
| tables
---------------------------------------------*/    
    /*** table head / foot ***/
        .dataTable thead tr,
        .dataTable tfoot tr {
            background-color:#ffffff;
        }
        .formTable thead tr {
            background-color:#ffffff;
        }
    /*** table body ***/
        .dataTable tr {
            background-color:#ffffff;
        }
        .dataTable,
        .dataTable td,
        .dataTable p,
        .dataTable .note,
        .dataTable .note *,
        .dataTable .discounts .subtotal,
        .dataTable h1, .dataTable h2, .dataTable h3, .dataTable h4, .dataTable h5 {
            color:#663300;
        }
        .dataTable .evenRow {
            background-color:#ffffff;
        }
        .dataTable .camoCell {
            background: #ffffff;
        }
        .dataTable a,
        .dataTable .note a {
            color: #516525;
        }
        .altCellColor {
            background-color:#ffffff;
            color:#fff;
        }

/*-------------------------------------------
| gridCells
---------------------------------------------*/
    .gridCell .realviewLink, .gridCell .nextviewLink {
        border-color:#ffffff;
    }
    .gridCell .realviewLink:hover, .gridCell .nextviewLink:hover {
        border-color:#ffffff;
    }
    .gridCell .realviewImageHover {
        border-color:#ffffff;
    }
    .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=ffffff);
    }
    .thermometerShell .thermometerStepDisabled {
        color:#663300;
        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=ffffff);
    }
    .thermometerShell .thermometerStepActive {
        color:#663300;
        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=ffffff);
    }
/*-------------------------------------------
| loading indicators
---------------------------------------------*/
    .loadingOverlayShield {
        background-color:#eee;
    }
    .loadingOverlay {
        background-color:#fff;
    }
    
/*-------------------------------------------
| Fleetings
---------------------------------------------*/
    .fleetingMessageShell {
        background-color:#ffffff;
        border-color:#663300;
        color:#663300;
    }
    
/*-------------------------------------------
| 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 #000000;
        color:#000000 !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=00ffffff&fmt=gif&gry=1&gry_color=ffffff&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:#ffffff;
    }
    .zBarFooter .zBarContents {
        background:#ffffff;
    }
    

    #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;
    }

    #allCommentsShell {
        border-top:0;
        background:none #ffffff;
        color:#663300;
    }
    #allCommentsShell a {
        color:#516525;
    }

/*-------------------------------------------
| product page and design tool overrides
---------------------------------------------*/
    #mainShell .podTabActive {
        background-color: #ffffff;
        color: #663300;
    }
    #mainShell #fullWorkspace {
        border-color:#ffffff!important;
    }
    #mainShell #footer {
        border:0px;
    }
    #mainShell #pageFooter {
        background-color:#ffffff!important;
    }
    #mainShell .priceShell .price, #mainShell .quantityLabel, #mainShell #productAttributes-discountAmount {
        color:#E77173!important;
    }
    #mainShell #allCommentsShell {
        border-top:0;
        background:none #ffffff;
        color:#663300;
    }
    #mainShell #allCommentsShell a {
        color:#516525;
    }
    /*** add to cart footer ***/
    #mainShell .addToCartFooter {
        background:#ffffff;
        border:1px solid #663300;
        border-top:0px;
    }
    #mainShell #page-customizeLinks, #mainShell #customizeLinksShell,#mainShell #product_publishIt-shell {
        background:#ffffff;
        border:1px solid #663300;
    }
    /*** scrolly tabs ***/
    #mainShell #productOptions .skinnableScrollyTabbedShell .tabShell a {
        background-color:#ffffff;
        color:#663300;
        border-color:#663300;
    }
    #mainShell #productOptions .skinnableScrollyTabbedShell .tabShell a.Active,
    #mainShell #productOptions .skinnableScrollyTabbedShell .tabBaseContents {
        background-color:#ffffff;
        color:#663300;
    }
    #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:#663300!important;
        color:#663300;
    }
    #mainShell #productOptions .skinnableScrollyTabbedShell .tabShell a {
        color:#663300;
    }
    #mainShell .formTable .labelCell {
        border-top:0;
        background:none #ffffff;
        color:#663300;
    }


    #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;
    }

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

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

    #mainShell #pageTitlebar {
        background:#ffffff 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=ffffff&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=ffffff&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=ffffff&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=ffffff&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=ffffff&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=ffffff&id=tmpl/gray_inline.gif&gry=1&gry_ref=240&gry_color=ffd050&btnh=22) !important;
    }



    #mainShell a.inlineButton span {
        background: url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&fmt=gif&bg_color=ffffff&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=ffffff&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;
    }
div.controls { height: 0px !important;}