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

/* header image size is 965 x 350, but with 2 or 4-column div layout it will be masked to 575 x 350 */

/** Element/Global Styles (including Typography)
-------------------------- **/
html { color: #333; }
body { background: #FFF url('bg_html.gif') top left repeat-x; }
   a { color: #333; }
      a:visited { color: #444; }

div.hr { background-color: #000; }

pre { color: #000; }


/** Header
-------------------------- **/
/** @group header */
#header #masthead a, #header #masthead a:visited { background: url('logo.png') 0 0 no-repeat; }
   .is_dev .vertical_2 #header #masthead a, 
   .is_dev .vertical_2 #header #masthead a:visited {
      background-image: url("logo-2.png");
      width: 330px;
      height: 70px;
      left: 0px;
      top: 8px;
   }

#hdrImg { background-color: #C6B9A5; }
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper { background: url("bg_contentSlot.gif") top right repeat-y; }
   .has_zero_opts #contentWrapper {
      background-color: #FFF;
      background-image: none;
   }
/** @group contentSlot */
#contentSlot #column2 { background-color: #C9BAA3; }
   #contentSlot #column2 .homeTitle { color: #000; }
/* @end contentSlot **/
/** @group sideBar */
#sideBar input.search {}
#sideBar button { background: transparent; }

#sideBar input,
#formContent input.input, 
#formContent textarea.textarea {
   background-color: #D9CFBF;
   border-color: #FFF;
   color: #535D52;
}
#sideBar button,
#formContent input.submit { 
   border-color: #FFF;
   color: #FFF;
   background-color: #5D636B;
}

.org,.adr { color: #FFF; }
.phone_wrapper { color: #5D636B; }


/** @group superfish */
#topNavigation ul.sf-menu li { background-color: transparent; }
   #topNavigation ul.sf-menu li a { color: #FFF; }
      #topNavigation ul.sf-menu li.selected a,
      #topNavigation ul.sf-menu li.selected a:hover { background-color: #5D636B; }
      #topNavigation ul.sf-menu li a:hover,
      #topNavigation ul.sf-menu li a:focus,
      #topNavigation ul.sf-menu li a:active { background-color: #2C2F33; }
      #topNavigation ul.sf-menu li li a,
      #topNavigation ul.sf-menu li.selected li a,
      #topNavigation ul.sf-menu li.selected li a:hover { 
         color: #FFF;
         background-color: transparent;
      }
         #topNavigation ul.sf-menu li ul { 
            border: 1px solid #5D636B;
            border-bottom: 0;
         }
         #topNavigation ul.sf-menu li li { 
            background-color: #171617;
            border-bottom: 1px solid #5D636B;
         }
            #topNavigation ul.sf-menu li.sfHover li:hover,
            #topNavigation ul.sf-menu li li a:hover,
            #topNavigation ul.sf-menu li.selected li a:hover { 
               color: #FFF;
               background-color: #2C2F33;
            }
/* @end superfish **/
/* @end sideBar **/
/* @end contentWrapper **/


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

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

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

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

.subheader { color: #FFF; }

.store #contentSlot .dialog-search-sort-bar a { color: #666; }

.menu-dialog button.menu-button { margin-bottom: 6px; }

.button-row button, .buttons-row button { border: 1px solid #96918A; }

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

.menu-dialog .title-bar { color: #333; }

#storemenu .menu-dialog { border-bottom: 1px solid #A29787; }

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


/** Footer
-------------------------- **/
/** @group footer */
   #footer, #footer a { color: #666; }
#spark_outer_footer {
   background-color: #171617;
   border-top: 3px solid #5D636B;
}
/* @end footer **/


/** @group formContent */
#formContent td.content label {}
#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 **/


/** Class Styles
-------------------------- **/

.spacer { border-bottom: 1px solid #A29787; }