/**   Styles for "Screen" Media
*     File: colors.css
*     Theme: 0022 - gray
*     Author: Stephen Davis & Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2010-06-03 (by Nate Hanna)
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html {
   color: #DFD8CB;
   background: #333 url("bg_content.jpg");
}
body { background: url("bg_header.jpg") top left repeat-x; }
   a { color: #DFD8CB; }
      a:visited { color: #FFF; }

pre { color: #000; }


/** Header
-------------------------- **/
/** @group header */
#header #masthead a, 
#header #masthead a:visited {
   position: absolute;
   display: block;
   background: url("logo.png") 0 0 no-repeat;
   text-indent: -10000px;
   width: 198px;
   height: 34px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
   top: 28px;
   left: 8px;
}
   .is_dev .vertical_2 #header #masthead a, 
   .is_dev .vertical_2 #header #masthead a:visited {
      background-image: url("logo-2.png");
      width: 401px;
      height: 35px;
   }
#hdrImg #corner1 { background: transparent url("bg_overlay.png") top left no-repeat; }

/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
/** @group sideBar */

/** @group topNavigation */
#topNavigation {
   border-top: 1px solid #3D3C3A;
   border-bottom: 1px solid #3D3C3A;
}
   #topNavigation ul.sf-menu { 
      list-style: none;
      float: left;
      margin: 0;
      height: 32px;
   }
      #topNavigation ul.sf-menu li { margin: 0; display: inline; float: left; background: none; }
         #topNavigation ul.sf-menu li.sfHover ul { z-index: 99; }
         #topNavigation ul.sf-menu li a { color: #9B8957; }
         #topNavigation ul.sf-menu li.selected a {
            color: #DFD8CB;
            background: transparent url("bg_nav.jpg") left 4px no-repeat;
         }
            #topNavigation ul.sf-menu li.selected a span { background: transparent url("bg_nav.jpg") right 4px no-repeat; }

            #topNavigation ul.sf-menu li a.sf-with-ul { padding-right: 0; }
            #topNavigation ul.sf-menu li:hover ul,
            #topNavigation ul.sf-menu li.sfHover ul { 
               border: 1px solid #222;
               border-bottom: 0;
            }
                  #topNavigation ul.sf-menu li li { 
                  border-bottom: 1px solid #1E1E1C;
               }
                     #topNavigation ul.sf-menu li li a,
                     #topNavigation ul.sf-menu li.selected li a {
                        background: #2E2D2C;
                        color: #DFD8CB;
                     }
                     #topNavigation ul.sf-menu li li a span,
                     #topNavigation ul.sf-menu li.selected li a span {
                        background: #2E2D2C;
                     }
/* @end topNavigation **/

#newsletter .title, #search .title, .menu-dialog .title-bar {
   color: #8C968E;
   background: url("bg_sidebar-top.jpg") top left no-repeat;
}
#newsletter, #search, .menu-dialog, .menu-dialog .content { background: url("bg_sidebar.jpg") bottom left no-repeat; }

#sideBar input {
   border: 1px solid #96918A;
   background-color: #3B3A39;
   color: #96918A;
}
#sideBar li, #sideBar a, #sideBar a:visited { color: #96918A; }
#sideBar input.search { background: #3B3A39 url("bg_search.gif") 3px 2px no-repeat; }
#sideBar input.email { background: #3B3A39 url("bg_email.gif") 3px 1px no-repeat; }

#default.home #marginContent { color: #666; }

#sideBar button,
#formContent input.submit {
   background: #6A3D37;
   border: 1px solid #96918A;
   color: #E0D8CB;
}

.vcard {
   color: #8C7B4D;
   background: transparent url("bg_phone.jpg") top left no-repeat;
}

.vcard .phone_wrapper { color: #ACA69D; }
/* @end sideBar **/
/* @end contentWrapper **/


/** @group store */
body.store { background-position: left -120px; }

#breadcrumbs { border-bottom: 1px solid #3D3C3A; }

.minicart, .menu-dialog .content li, small { color: #DFD8CB; }

hr.minicart, .content hr { background-color: #333; }

.products .price-value, .totals .total-value { color: #600; }

.subheader { color: #FFF; }

#sideBar div.menu-button a, button.main-button, div.main-button a {
   color: #E0D8CB;
   border: 1px solid #96918A;
}

.store .order-invoice {
   background: #FFF;
   color: #333;
}
/* @end store **/



/** Footer
-------------------------- **/
/** @group footer */
#footer, #footer a { color: #888; }

#spark_outer_footer { background: transparent url("bg_footer.jpg") top left repeat-x; }
/* @end footer **/


/** @group formContent */
#formContent select, #formContent input.input, #formContent textarea.textarea { border-color: #000; }
#formContent input.submit {
   background-color: #000;
   border: 1px solid #000;
   border-left-color: #333;
   border-top-color: #333;
   color: #FFF;
}
/* @end formContent **/