/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2009-06-26
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
html { 
   font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
   font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, "microsoft sans serif", Arial, sans-serif;
/*   font-family: "Myriad Pro", Arial, Helvetica, Geneva, "microsoft sans serif", sans-serif;*/
   color: #A7A7A7;
   background: #000 url('../images/bg_html.jpg') center top repeat-x;
   overflow-x: hidden;
}
body {}
   a {
      color: #333;
      text-decoration: underline;
   }
   #home #contentSlot a { color: #0265a7; }
      a:hover { text-decoration: none; }
      a:visited,
      #home #contentSlot a:visited { color: #666; }
      a img { border: 0; }

   h1, h2, h3, h4, h5, h6,
   .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
      line-height: 1.25em;
      font-weight: normal;
      color: #333;
   }
      h1, .content h1 { font-size: 1.8em; }
      h2, .content h2 { font-size: 1.5em; }
      h3, .content h3 { font-size: 1.4em; }
      h4, .content h4 { font-size: 1.2em; }
      h5, .content h5 { font-size: 1.0em; }
      h6, .content h6 { font-size: 0.9em; }

div.hr {
   height: 1px;
   margin: 0.8em 0;
   background: #000 no-repeat scroll center;
}
   div.dialog_hr { margin: 0.4em 0; }
   div.hr hr { display: none; }

#wrapper {
   position: relative;
   width: 990px;
   min-height: 473px;
   margin: 0 auto;
   background: transparent url('../images/bg_wrapper.jpg') 20px 80px no-repeat;
}
   #default #wrapper {
      width: 893px;
      background: #DCDCDC url('../images/bg_wrapper-default.gif') left top repeat-y;
   }

pre {
   background-color: #FFF;
   color: #000;
   font-size: 1.1em;
}


/** Header
-------------------------- **/
/** @group header */
#header { min-height: 130px; }
   #home #header { min-height: 553px;}
   #default #header {
      background: transparent url('../images/bg_header-default.jpg') left top no-repeat;
      min-height: 193px;
   }

#header #masthead a, 
#header #masthead a:visited {
   position: absolute;
   display: block;
   background: url("../images/logo.jpg") 0 0 no-repeat;
   text-indent: -10000px;
   width: 161px;
   height: 133px;
   text-decoration: none;
   overflow: hidden;
   z-index: 5;
   top: 0;
   left: 43px;
}
   #default #header #masthead a, 
   #default #header #masthead a:visited {
      width: 163px;
      height: 132px;
      background-image: url('../images/logo-default.jpg');
      left: 10px;
   }
#login {
   position: absolute;
   top: 41px;
   right: 220px;
}
#login ul { list-style: none; }
#login ul li { display: inline; }
#login ul li a {
   font-size: 1.2em;
   color: #A7A7A7;
   text-decoration: none;
   padding: 4px 21px;
}
#login ul li a.login { background: transparent url('../images/bg_nav_divide.gif') right center no-repeat; }
/** @group search */
#search {
   position: absolute;
   top: 37px;
   right: 30px;
   width: 179px;
}
#default #search {
   top: 57px;
   left: 693px;
}
   #search fieldset,
   #search form {
      border: 0;
      padding: 0;
      margin: 0;
      position: relative;
   }
   #search legend, #search label { display: none; }
   #search input {
      border: 0;
      background: transparent;
      width: 135px;
      height: 13px;
      padding: 3px;
      position: absolute;
      top: 0;
      left: 28px;
      z-index: 2;
   }
   #search #input_bg {
      width: 179px;
      height: 19px;
      background: transparent url('../images/bg_search.png') left top no-repeat;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
   }
/* @end search **/
/** @group hdrImg */
#hdrImg {}
   #home #hdrImg {
      padding-top: 150px;
      padding-left: 2px;
   }
/* @end hdrImg **/
/** @group globalNav */
#globalNav {
   position: absolute;
   top: 8px;
   right: 15px;
}
   #globalNav ul li a { 
      padding: 0 8px;
      color: #666;
      font-size: 1.1em;
      text-decoration: none;
      background: transparent url('../images/bg_globalNav.gif') right center no-repeat;
   }
      #globalNav ul li a:hover { text-decoration: underline; }
/* @end globalNav **/
/** @group store_header */
#store_header {
   position: absolute;
   top: 49px;
   left: 200px;
}
#header #store_header ul { margin-left: -6px; }
   #store_header ul li a {
      color: #999;
      padding: 0 6px;
      text-decoration: none;
      background: transparent url('../images/bg_globalNav_divider.gif') right center no-repeat;
   }
      #store_header ul li a:hover { text-decoration: underline; }
/* @end store_header **/

/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group contentWrapper */
#contentWrapper { padding: 25px 20px 10px; }
   #default #contentWrapper { 
      min-height: 477px;
      background: transparent url('../images/bg_footer-default.gif') left bottom no-repeat;
      padding: 12px 10px 33px;
   }
/** @group breadcrumbs */
#breadcrumbs {
   position: absolute;
   top: 146px;
   left: 25px;
   font-size: 1.3em;
}
   #breadcrumbs, #breadcrumbs a { color: #EEECEC; }
      #breadcrumbs a { text-decoration: none; }
/* @end breadcrumbs **/
/** @group contentSlot */
#default #contentSlot {
   float: right;
   width: 699px;
   color: #333;
}
#contentSlot h1.pg_title { margin-top: 0; }
   #home #contentSlot h1.pg_title { display: none; }
#home #contentSlot div#copy,
#default #layout { padding: 0 15px; }
   #home #contentSlot div#copy { padding: 20px 15px; }
/* @end contentSlot **/
/** @group sideBar */
#default #sideBar {
   float: left;
   width: 172px;
}
/** @group topNavigation */
#topNavigation {
   position: absolute;
   top: 115px;
   left: 384px;
}
#default #topNavigation {
   top: 102px;
   left: 185px;
}
   #topNavigation ul,
   #footerNav ul,
   #globalNav ul,
   #store_header ul {
      margin: 0;
      padding: 0;
      list-style: none;
   }
      #topNavigation ul li,
      #footerNav ul li,
      #globalNav ul li,
      #store_header ul li { display: inline; }
         #topNavigation ul li a {
            font-size: 0.9em;
            color: #FFF;
            text-transform: uppercase;
            letter-spacing: 0.25em;
            padding: 4px 18px;
            text-decoration: none;
            background: transparent url('../images/bg_nav_divide.gif') right center no-repeat;
         }
            #topNavigation ul li.last a,
            #footerNav ul li.last a,
            #globalNav ul li.last a,
            #store_header ul li.last a { 
               background-image: none;
               padding-right: 0;
            }
            #topNavigation ul li a:hover,
            #footerNav ul li a:hover,
            #globalNav ul li a:hover,
            #breadcrumbs a:hover,
            #login ul li a:hover { color: #0265a7; }
/* @end topNavigation **/
/** @group storeNav */
#storeNav { position: relative; top: -13px; /*margin-top: -13px;*/ }
#storeNav ul { 
   list-style: none;
   margin: 0;
   padding: 0;
}
   #storeNav ul li {
      margin: 0;
      border: 0;
   }
   /*#storeNav ul li a,*/
   #storeNav .menu_hdr {
      display: block;
      color: #FFF;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      background: #000 url('../images/bg_storeNav_lvl1.jpg') left top repeat-x;
      padding: 4px 8px 3px;
      width: 147px;
      border-bottom: 1px solid #4E4E4E;
      text-decoration: none;
   }
      /*#storeNav ul li ul,*/
      #storeNav .menu_inside {
         width: 147px;
         margin: 0;
         padding: 4px 8px 10px;
         background-color: #AAA9A9;
         color: #EEECEC;
      }
         #storeNav .menu_inside ul li { 
            padding: 1px 8px;
            margin-bottom: 0.4em;
         }
         /*#storeNav ul li ul li a,*/
         #storeNav .menu_inside ul li a {
            display: block;
            font-size: 0.9em;
            color: #EEECEC;
            background-color: transparent;
            background-image: none;
            border-bottom: 0;
            padding: 0;
         }
/* @end storeNav **/
/* @end sideBar **/


/* categories nav css */
#highlight_nav { background: transparent url('../images/bg_categories.gif') top left no-repeat; }

#categories {
    position: relative; /* important */  
    overflow: hidden; /* important */  
    width: 884px; /* important */  
    height: 110px; /* important */  
    margin-left: 33px;
}

#categories_frame {
   position: relative;
   top: -91px;
}

#categories_previous, #categories_next { cursor: pointer; }
#categories_previous {
   position: absolute;
   top: 0;
   left: 10px;
   /*float: left;
      padding-left: 10px;*/
}
#categories_next {
   position: absolute;
   top: 0;
   right: 10px;
   /*float: right;
      padding-right: 10px;*/
}
#categories_content {
    position: absolute;
    top: 10px;
    left: 0;
    height: 90px;
    margin-left: 20px;  
}

#categories_content,
#categories_content li {
    list-style: none;
    margin: 0;
    padding: 0;
}
    #categories_content {
        width: 10620px;
    }
    #categories ul li {
        display: block;
        float: left;
    }

#categories ul li img {
    display: block;
    padding: 0 12px;
}


/* @end contentWrapper **/


/** Footer
-------------------------- **/
/** @group footer */
#footer {
   line-height: 1.25em;
   padding-bottom: 30px; 
}
   #footer, #footer a { color: #A7A7A7; }
#default #footer {
   padding-top: 15px;
   border-top: 1px solid #FFF;
   background-color: #000;
}
   #footer a { text-decoration: none; }
   #footer a:hover{ text-decoration: underline; }
/** @group footerNav */
#footerNav { 
   text-align: center;
   padding-top: 5px;
   padding-bottom: 15px;
}
   #footerNav ul li a {
      font-size: 1.2em;
      color: #A7A7A7;
      text-decoration: none;
      padding: 4px 21px;
      background: transparent url('../images/bg_nav_divide.gif') right center no-repeat;
   }
      #footerNav ul li a:hover { text-decoration: none; }
/* @end footerNav **/
/** @group copyright */
#licensed {
   font-size: 0.8em;
   color: #656565;
   float: left;
}
#licensed img {
   float: left;
   padding: 6px 10px 0 0;
}
#copyright, #siteBy {
/*   width: 302px;*/
/*   margin: 0 auto;*/
   font-size: 0.9em;
   color: #656565;
   text-align: right;
   float: right;
   clear: right;
}
   #copyright { padding-top: 10px; }
/*   #copyright { width: 400px; }*/
/*   #siteBy { padding-top: 5px; }*/
   #siteBy, #siteBy a, #copyright, #copyright a { color: #333; }
/* @end copyright **/
/* @end footer **/


/** @group formContent */
#formContent td.content label { font-weight: normal; }
#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
-------------------------- **/
.hidden, .printOnly, #outer_footer { display: none; }

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}

.content {
   font-size: 1.2em;
   line-height: 1.5em;
}

.clearafter:after {
   content: "";
   display: block; 
   height: 100%;
   clear: both;
   visibility: hidden;
}