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

    #main, #pageTitle, #pageSubTitle, #pageHeader, #pageBottom { 
        background: #FFFFFF;
    }

/*-------------------------------------------
| 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:#000000;
    }
    .box {
        border:1px solid #000000;
    }
    .fillBox {    
        background-color:#FAFAFA;
    }

/*-------------------------------------------
| dividers
---------------------------------------------*/
    .hr {
        background-image:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&w=2&h=1&fill_color=000000&bdr_color=000000&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=000000&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=000000&bdr_color=000000&bdr=TLRB&bdr_width=0&grd=0&opacity=100&fmt=gif) transparent bottom left repeat-x;
    }    
    
    .tabShell a, .skinnableScrollyTabbedShell .tabShell a {
        border-color:#000000;
        background:url(http://rlv.zcache.com/isapi/designall.dll?action=getimage&w=2&h=1&fill_color=000000&bdr_color=000000&bdr=TLRB&bdr_width=0&grd=0&opacity=100&fmt=gif) #FFFFFF bottom left repeat-x;
        color:#000000;
    }
    
    .tabShell a.Active {
        background:none #FAFAFA;
        color:#000000;
        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:#000000;
    }
    a, td a {
        color:#3333CC;
    }
    /*.controls a.active,  DO WE NEED THIS? */
    .navPane a.active {
        background-color:#FAFAFA;
        color:#000000;
        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:#000000;
    }
    h1, h2, h3, h4, h5 {
        color:#000000;
    }
    #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:#000000;
    }

    .mainText{
        color:#000000;
    }    
    .mainLink {
        color:#3333CC;
    }
    .mainTitle {
            color:#000000;
    }
    
    .error {
        color:#cc0000;
    }
    .note, .note * {
        color:#000000;
    }
    .note a {
        color:#3333CC;
    }

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

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

    .podText, .emptyBody { 
        color: #000000; 
    }
    .podLink { 
        color: #3333CC; 
    }

    .skinnablePod h1, .skinnablePod h2, .skinnablePod h3, .skinnablePod h4, .skinnablePod h5, .skinnablePod div, .skinnablePod span {
        color:#000000;
    }
    
    #group_1 .sidePod a, #group_3 .sidePod a, .podTabActive a {
        color: #3333CC;
    }    

/*-------------------------------------------
| mantles
---------------------------------------------*/
#mainShell #pageMantle {
       background:transparent url(http://asset.zcache.com/assets/graphics/z2/gl/imapc/home_header.jpg) no-repeat scroll left top;
       height:100px;
       overflow:hidden;
       position:relative;
       width:900px;
}  
    #pageTitle, #pageSubTitle {
        width:864px;
        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:#FAFAFA;
        }
        .formTable thead tr {
            background-color:#FAFAFA;
        }
    /*** table body ***/
        .dataTable tr {
            background-color:#FAFAFA;
        }
        .dataTable,
        .dataTable td,
        .dataTable p,
        .dataTable .note,
        .dataTable .note *,
        .dataTable .discounts .subtotal,
        .dataTable h1, .dataTable h2, .dataTable h3, .dataTable h4, .dataTable h5 {
            color:#000000;
        }
        .dataTable .evenRow {
            background-color:#FAFAFA;
        }
        .dataTable .camoCell {
            background: #FFFFFF;
        }
        .dataTable a,
        .dataTable .note a {
            color: #3333CC;
        }
        .altCellColor {
            background-color:#FAFAFA;
            color:#fff;
        }

/*-------------------------------------------
| gridCells
---------------------------------------------*/
    .gridCell .realviewLink, .gridCell .nextviewLink {
        border-color:#FFFFFF;
    }
    .gridCell .realviewLink:hover, .gridCell .nextviewLink:hover {
        border-color:#FAFAFA;
    }
    .gridCell .realviewImageHover {
        border-color:#FAFAFA;
    }
    .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=FAFAFA);
    }
    .thermometerShell .thermometerStepDisabled {
        color:#000000;
        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=FAFAFA);
    }
    .thermometerShell .thermometerStepActive {
        color:#000000;
        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=FAFAFA);
    }
/*-------------------------------------------
| loading indicators
---------------------------------------------*/
    .loadingOverlayShield {
        background-color:#eee;
    }
    .loadingOverlay {
        background-color:#fff;
    }
    
/*-------------------------------------------
| Fleetings
---------------------------------------------*/
    .fleetingMessageShell {
        background-color:#FFFFFF;
        border-color:#000000;
        color:#000000;
    }
    
/*-------------------------------------------
| 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=FAFAFA&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 #FAFAFA;
        color:#000000;
    }
    #allCommentsShell a {
        color:#3333CC;
    }

  /*-------------------------------------------
  | product page and design tool overrides
  ---------------------------------------------*/
  #mainShell .podTabActive {
  background-color: #FAFAFA;
    color: #000000;
    }
    #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:#000000!important;
    }
    #mainShell #allCommentsShell {
    border-top:0;
    background:none #FAFAFA;
    color:#000000;
    }
    #mainShell #allCommentsShell a {
    color:#3333CC;
    }
    /*** add to cart footer ***/
    #mainShell .addToCartFooter {
    background:#FFFFFF;
    border:1px solid #000000;
    border-top:0px;
    }
    #mainShell #page-customizeLinks, #mainShell #customizeLinksShell,#mainShell #product_publishIt-shell {
    background:#FFFFFF;
    border:1px solid #000000;
    }
    /*** scrolly tabs ***/
    #mainShell #productOptions .skinnableScrollyTabbedShell .tabShell a {
    background-color:#FAFAFA;
    color:#000000;
    border-color:#000000;
    }
    #mainShell #productOptions .skinnableScrollyTabbedShell .tabShell a.Active,
    #mainShell #productOptions .skinnableScrollyTabbedShell .tabBaseContents {
    background-color:#FFFFFF;
    color:#000000;
    }
    #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:#000000!important;
    color:#000000;
    }
    #mainShell #productOptions .skinnableScrollyTabbedShell .tabShell a {
    color:#000000;
    }
    #mainShell .formTable .labelCell {
    border-top:0;
    background:none #FFFFFF;
    color:#000000;
    }


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

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

  /*-------------------------------------------
  | 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;
  } 
  /*-------------------------------------------
  | Tab Navigation
  ---------------------------------------------*/    
.pcTabs {
    position: relative;
    width: 100%;
    height: 3em;
    width:865px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
    border-bottom:solid 1px #cdcdcd;
    font-size:13px;
    margin-bottom:10px;
}

.pcTabs ul {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -1px;
    width:865px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

.pcTabs ul li  {
    display: inline;
    list-style: none;
}

.pcTabs ul a, body.page_home li.featured, body.productType_hat li.hats, body.category_196457902854216424 li.hats, body.productType_button li.buttons, body.productType_tie li.ties, body.productType_shirt li.shirts, body.productType_kedsshoe li.shoes, body.productType_mousepad li.mousepads, body.productType_skateboard li.skateboards, body.productType_mug li.mugs, body.productType_bag li.bags, body.productType_card li.cards, body.productType_stamp li.stamps{
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    color: #666666;
    padding:5px 10px;
}

body.page_home li.featured, body.productType_hat li.hats, body.category_196457902854216424 li.hats, body.productType_button li.buttons, body.productType_tie li.ties, body.productType_shirt li.shirts, body.productType_kedsshoe li.shoes, body.productType_mousepad li.mousepads, body.productType_skateboard li.skateboards, body.productType_mug li.mugs, body.productType_bag li.bags, body.productType_card li.cards, body.productType_stamp li.stamps{
    border: 1px solid #cdcdcd;
    border-bottom: none;
    background: #FFF;
    margin: 0;
    padding:0;

}
body.category_196457902854216424 li#css_featured{
    border: none;
}
* html body.page_home li.featured,* html body.productType_hat li.hats,* html body.category_196457902854216424 li.hats,* html body.productType_button li.buttons,* html body.productType_tie li.ties,* html body.productType_shirt li.shirts,* html body.productType_kedsshoe li.shoes,* html body.productType_mousepad li.mousepads, * html body.productType_skateboard li.skateboards,* html body.productType_mug li.mugs,* html body.productType_bag li.bags,* html body.productType_card li.cards ,* html body.productType_stamp li.stamps
  {
    position: relative;
    bottom:-1px;
  }

body.page_home li.featured a, body.productType_hat li.hats a, body.productType_button li.buttons a, body.productType_tie li.ties a, body.productType_shirt li.shirts a, body.productType_kedsshoe li.shoes a, body.productType_mousepad li.mousepads a, body.productType_skateboard li.skateboards a, body.productType_mug li.mugs a, body.productType_bag li.bags a, body.productType_card li.cards a, body.productType_stamp li.stamps a{
    color:#000;
}

.pcTabs ul a {
    border-bottom: none;
}

.pcTabs ul a:hover {
    margin-top: 0;
    border-color: #cdcdcd;
    background: #FFF;
    color:#000;
}

.contentPane .gridShell.threeBy .gridCell .realviewLink{
      border: 1px solid #cdcdcd; 
}

.contentPane .gridShell.threeBy .gridCell .realviewImage, .contentPane .gridShell.threeBy .gridCell .realviewImageHover{
     width:210px;
     height:210px;
}
.contentPane .gridShell.threeBy .gridCell .nextviewLink {
   height:89px;
   width: 89px;
   display:none !important;
}
.gridCellInfo a, .gridCell .productTitle{
      color:#000;
      text-decoration:none;
      text-transform: uppercase; 
}
.contentPane .gridShell.threeBy .gridCell {
     height: 240px;
     width:216px;
     margin: 0  35px 18px !important;
     margin: 0  30px 18px;
}
.gridControls{
    padding-left:35px !important;
    padding-left:30px;
}
h2 {
     display:none;
}
h1{
     font-size: 35px;
}
.pcButton{
     position:absolute;
     right:18px;
     bottom:20px;
}
.privacyPolicy{
     position:absolute;
     right:18px;
     bottom:0px;
}
.privacyPolicy a{
     font-size: 10px;
     color:#6e6e6e;
     text-decoration:none;
}
.pcGridShell{
     width:880px;
     overflow:hidden;
}
.pcGridCell{
     float:left;
     position: relative;
     height:180px;
}
.col1{
     width:370px;
     border-right: 1px solid #cdcdcd;
     padding-right:18px;
}

.col2{
     float:left;
     width: 430px;
     padding-left:18px;
}
.pcFooterImg img{
     float:left;
}
body.page_home .gridControls{
     display:none;
}
.areYouPCInfo{
     color:#6e6e6e;
}
.uploadYours{
     padding-left:5px;
}
.downloadButton{
    padding-left:18px;
    bottom: 24px;
}
.displayingMessage, .controls, .gridFilterControls, #group_2 h1{
   display:none;
}
.footerPad{
   padding-top:20px;
}