/*
  QPAD
  Developed By David Millington 2012
  http://www.ninethree.co.uk

  Uses - Ryan Faits "Make the Footer Stick to the Bottom of a Page"
  http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
*/

html, body
   {
       height: 100%;
   }

body
   {
      font: normal 0.8em Arial, Helvetica, Verdana, sans-serif;
      color: #494949;
      background: #fff  url(/images/theme/menu/background-repeat.png) repeat-x scroll top center;
   }
 
div#main
   {
      position: relative;
      width: 980px;
      min-height: 100%;
      height: auto !important;
      height: 100%;
      margin: 0 auto -160px;
      text-align: left;
      /* z-index: 2; */
   }

/* ~~~~~~~~~~~~~~~~~~~~ Defaults ~~~~~~~~~~~~~~~~~~~~ */

p
   {
      margin-top: 0.5em;
      margin-bottom: 1em;
      padding: 0;
      text-align:left;
   }

h1, h2, h3
   {
      width: auto;
      font-weight: normal;
      font: normal 12px Aldrich, Arial, Helvetica, Verdana, sans-serif;
      color: #494949;
   }

h1 { margin-bottom: 25px; font-size: 2.5em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }

a
   {
      color: #62a5ff;
      text-decoration: none;
      text-align: left;
   }

a:visited
   {
      color: #62a5ff;
   }

a:hover
   {
      color: #000;
      text-decoration: underline;
   }

a:active
   {
      color: #000;
   }

input, textarea, select
   {
      font-size: 0.95em;
   }

table
   {
      width: 100%;
      border: none;
   }

table, img, td
   {
      vertical-align: top;
   }

strong
   {
      font-weight: bold;
   }

em
   {
      font-style: italic;
   }

/* ~~~~~~~~~~~~~~~~~~~~ Breadcrumb Navigation ~~~~~~~~~~~~~~~~~~~~ */

h1#breadcrumbs
   {
      display: block;
      margin: 0px 0px 15px 0px;
      padding: 0;
      width: 100%;
   }

.breadcrumb_current
   {

   }

.breadcrumb_ancestor
   {
      color: #aeaeae;
      font-size: 20px;
   }

h1#breadcrumbs a
   {
      color: #aeaeae;
   }

h1#breadcrumbs a:visited
   {
      color: #aeaeae;
   }

h1#breadcrumbs a:hover
   {
      color: #62a5ff;
      text-decoration: none;
   }

h1#breadcrumbs a:active
   {
      color: #62a5ff;
   }

/* ~~~~~~~~~~~~~~~~~~~~ Header ~~~~~~~~~~~~~~~~~~~~ */

#header
   {
      position: relative;
      width: 980px;
      height: 155px;
      margin: 0 auto;
      z-index: 50;
   }

#header-background
   {
      position: absolute;
      left: -160px;
      width: 1100px;
      height: 155px;
      background: transparent url(/images/theme/menu/background.png) no-repeat scroll top center;
   }

#logo
   {
      position: absolute;
      top: 0px;
      left: 180px;
      width: 100px;
      height: 90px;
      z-index: 51;
   }

#logo a
   {
      display: block;
      width: 100px;
      height: 90px;
      margin: 0;
      text-indent: -9999px;
   }

#social
   {
      position: absolute;
      top: 17px;
      left: 900px;
      margin: 0;
      padding: 0;
      list-style: none;
   }

#social li
   {
      float: left;
      position: relative;
   }

#social li a
   {
      display: block;
      width: 16px;
      height: 16px;
      margin: 0px 0px 0px 4px;
      overflow: hidden;
   }

#social li a#social-facebook
   {
      background: url(/images/theme/socialicons.png) no-repeat 0px 0px;
   }

#social li a#social-facebook:hover
   {
      background: url(/images/theme/socialicons.png) no-repeat 0px -16px;
   }

#social li a#social-twitter
   {
      background: url(/images/theme/socialicons.png) no-repeat -16px 0px;
   }

#social li a#social-twitter:hover
   {
      background: url(/images/theme/socialicons.png) no-repeat -16px -16px;
   }

#social li a#social-flickr
   {
      background: url(/images/theme/socialicons.png) no-repeat -48px 0px;
   }

#social li a#social-flickr:hover
   {
      background: url(/images/theme/socialicons.png) no-repeat -48px -16px;
   }

#social li a#social-rss
   {
      background: url(/images/theme/socialicons.png) no-repeat -80px 0px;
   }

#social li a#social-rss:hover
   {
      background: url(/images/theme/socialicons.png) no-repeat -80px -16px;
   }

#navigation
   {
      position: absolute;
      top: 51px;
      left: 139px;
      width: 841px;
      background-color: transparent;
      z-index: 52;
   }	

/* ~~~~~~~~~~~~~~~~~~~~ Content ~~~~~~~~~~~~~~~~~~~~ */

#content
   {
      position: relative;
      top: 0;
      left: 0;
      width: 980px;
      margin: 0;
      z-index: 3;
   }

div#content ul, div#content ol, div#content dl
   {
      position: relative;
      left: 20px;
      line-height: 1em;
      margin: 0em 0em 1.5em 0em;
   }

div#content ul
   {
      list-style: square;
   }

div#content ul li, div#content ol li
   {
      padding: 2px;
   }

/* ~~~~~~~~~~~~~~~~~~~~ Footer ~~~~~~~~~~~~~~~~~~~~ */

#clearer
   {
      clear: both;
   }

#footer, .push
   {
      height: 160px;
   }

#footer
   {
      position: relative;
      width: 100%;
      margin: 0 auto;
      text-align: center;
      background: transparent url(/images/theme/footer-strip.png) repeat-x top left;
      z-index: 1;
   }

#footer-content
   {
      display: block;
      width: 980px;
      height: 130px;
      margin: 0 auto;
      background: transparent url(/images/theme/footer.png) no-repeat top left;
   }

#footer a
   {
      color: #000;
      font-weight: bold;
   }

#footer a:visited
   {
      color: #000;
   }

#footer a:hover
   {
      text-decoration: underline;
   }

#footer p, #footer ul
   {
      float: left;
      width: 313px;
      margin: 0;
      padding: 20px 0px 0px 10px;
      text-align: left;
      line-height: 20px;
      color: #4f4f4f;
   }

#footer p
   {
      font-weight: bold;
      color: #000;
   }

#footer ul, #footer ul li
   {
      list-style:  none;
   }

#footer ul li
   {
      border-bottom: 1px dotted #a9a9a9;
   }
/* Stylesheet: QPad Modified On 2012-10-02 13:25:25 */
#content img
   {
      margin: 5px;
   }

.product-group-info
   {
      width: 980px;
      height: 250px;
   }

.product-group-data
   {
      width: 340px;
      margin-left: 640px;
   }

#content .product-group-data h1
   {
      margin-bottom: 0px;
   }

.product-group-products
   {
      display: block;
      margin: 4px 0px 6px 0px;
   }

/* ~~~~~~~~~~~~~~~~~~~~ Product Comparison Table ~~~~~~~~~~~~~~~~~~~~ */

.product-comparison
   {
      display: block;
      margin: 0px 10px 12px 5px;
   }

.product-comparison table
   {
      -moz-border-radius: 5px;
      border-radius: 5px;
      border: 1px solid #333;
      background: #fff  url(/images/theme/table-gradient-background.jpg) repeat-x scroll bottom left;
   }

.product-comparison table td, .product-comparison table th
   {
      padding: 10px;
      border-bottom: 1px solid #333;
      color: #000;
      font-size: 11px;
      text-align: center;
   }

.product-comparison table thead tr, .product-comparison table th
   {
      background-color: #333;
   }

.product-comparison table thead td
   {
      font: normal 14px 'Russo One', Arial, Helvetica, Verdana, sans-serif;
      color: #fff;
   }

.product-comparison table th
   {
      font: normal 14px Arial, Helvetica, Verdana, sans-serif;
      color: #fff;
      text-align: right;
   }
/* Stylesheet: Product Group Modified On 2012-08-10 15:30:53 */
/*
   QPAD
   SuperFish Core
   Developed By David Millington 2012
   http://www.ninethree.co.uk
*/

.sf-menu, .sf-menu *
   {
      /* margin:        0;*/
      padding:    0;
      list-style:    none;
   }

.sf-menu
   {
      line-height:   1.0;
   }

.sf-menu ul
   {
      position: absolute;
      top: -999em;

      /* left offset of submenus need to match (see code lower down "match ul width") */
      /* Set to auto for dynamic width submenu.  Does not work with sub-sub menus. */
      width: 200px;
   }

.sf-menu ul li
   {
      width: 100%;
   }

.sf-menu li:hover
   {
      visibility: inherit; /* fixes IE7 'sticky bug' */
   }

.sf-menu li
   {
      /* float: left; */
      display: inline-block;
      position: relative;
      width: auto;
   }

.sf-menu a
   {
      display: block;
      position: relative;
   }

.sf-menu li:hover ul, .sf-menu li.sfHover ul
   {
      left: 0;
      top: 39px; /* Vertical position of sub menu item.  Usually match top ul list item height .sf-menu */
      z-index: 90;
   }

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul
   {
      top: -999em;
   }

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul
   {
      left: 200px; /* match ul width */
      top: 0;
   }

ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul
   {
      top: -999em;
   }

ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul
   {
      left: 200px; /* match ul width */
      top: 0;
   }
/* Stylesheet: SuperFish Core Modified On 2012-08-09 15:58:23 */
/*
   QPAD
   SuperFish Skin
   Developed By David Millington 2012
   http://www.ninethree.co.uk
*/

.sf-menu
   {
      font: normal 14px Varela, Arial, Helvetica, Verdana, sans-serif;
      color: #cdcdcd;
      text-align: right;
   }

.sf-menu a
   {
      display: block;
      height: 78px;
      padding: 0;
      text-decoration:none;   
      color: #cdcdcd;
   }

/* ~~~~~~~~~~~~~~~~~~~~ Main Menu Images ~~~~~~~~~~~~~~~~~~~~ */

#menuitem-home
   {
      width: 74px;
   }

#menuitem-home a
   {
      width: 74px;
      background: url(/images/theme/menu/main-menu.png) no-repeat 0px 0px;
   }

#menuitem-home a:hover, #menuitem-home a.current
   {   
      background: url(/images/theme/menu/main-menu.png) no-repeat 0px -78px;
   }

#menuitem-shop
   {   
      width: 69px;
   }

#menuitem-shop a
   {   
      width: 69px;
      background: url(/images/theme/menu/main-menu.png) no-repeat -74px 0px;
   }

#menuitem-shop a:hover, #menuitem-shop a.current
   {   
      background: url(/images/theme/menu/main-menu.png) no-repeat -74px -78px;
   }

#menuitem-the-q-blog
   {   
      width: 67px;
   }

#menuitem-the-q-blog a
   {   
      width: 67px;
      background: url(/images/theme/menu/main-menu.png) no-repeat -143px 0px;
   }

#menuitem-the-q-blog a:hover, #menuitem-the-q-blog a.current
   {   
      background: url(/images/theme/menu/main-menu.png) no-repeat -143px -78px;
   }

#menuitem-products
   {   
      width: 108px;
   }

#menuitem-products a
   {   
      width: 108px;
      background: url(/images/theme/menu/main-menu.png) no-repeat -210px 0px;
   }

#menuitem-products a:hover, #menuitem-products a.current
   {   
      background: url(/images/theme/menu/main-menu.png) no-repeat -210px -78px;
   }
/*
#menuitem-where-to-buy
   {   
      width: 132px;
   }

#menuitem-where-to-buy a
   {   
      width: 132px;
      background: url(/images/theme/menu/main-menu.png) no-repeat top left;
   }

#menuitem-where-to-buy a:hover, #menuitem-where-to-buy a.current
   {   
      width: 132px;
      background: url(/images/theme/menu/main-menu.png) no-repeat -201px -78px;
   }
*/
#menuitem-qpro
   {   
      width: 70px;
   }

#menuitem-qpro a
   {   
      width: 70px;
      background: url(/images/theme/menu/main-menu.png) no-repeat -318px 0px;
   }

#menuitem-qpro a:hover, #menuitem-qpro a.current
   {   
      background: url(/images/theme/menu/main-menu.png) no-repeat -318px -78px;
   }

#menuitem-support
   {   
      width: 98px;
   }

#menuitem-support a
   {   
      width: 98px;
      background: url(/images/theme/menu/main-menu.png) no-repeat -388px 0px;
   }

#menuitem-support a:hover, #menuitem-support a.current
   {   
      background: url(/images/theme/menu/main-menu.png) no-repeat -388px -78px;
   }

#menuitem-press
   {   
      width: 76px;
   }

#menuitem-press a
   {   
      width: 76px;
      background: url(/images/theme/menu/main-menu.png) no-repeat -486px 0px;
   }

#menuitem-press a:hover, #menuitem-press a.current
   {   
      background: url(/images/theme/menu/main-menu.png) no-repeat -486px -78px;
   }

#menuitem-about
   {   
      width: 79px;
   }

#menuitem-about a
   {   
      width: 79px;
      background: url(/images/theme/menu/main-menu.png) no-repeat -562px 0px;
   }

#menuitem-about a:hover, #menuitem-about a.current
   {   
      background: url(/images/theme/menu/main-menu.png) no-repeat -562px -78px;
   }

#menuitem-contact
   {   
      width: 98px;
   }

#menuitem-contact a
   {   
      width: 98px;
      background: url(/images/theme/menu/main-menu.png) no-repeat -641px 0px;
   }

#menuitem-contact a:hover, #menuitem-contact a.current
   {   
      background: url(/images/theme/menu/main-menu.png) no-repeat -641px -78px;
   }

/* These prevents the image from showing on the submenu items */
#menuitem-home li a, #menuitem-the-q-blog li a, #menuitem-shop li a, #menuitem-where-to-buy li a,
#menuitem-qpro li a, #menuitem-support li a, #menuitem-press li a,
#menuitem-about li a, #menuitem-contact li a, #menuitem-products li a,
#menuitem-home li a:hover, #menuitem-the-q-blog li a:hover, #menuitem-shop li a:hover, #menuitem-where-to-buy li a:hover,
#menuitem-qpro li a:hover, #menuitem-support li a:hover, #menuitem-press li a:hover,
#menuitem-about li a:hover, #menuitem-contact li a:hover, #menuitem-products li a:hover
   {
      width: auto;
      background: none;
   }

/* ~~~~~~~~~~~~~~~~~~~~ Main Menu Guts ~~~~~~~~~~~~~~~~~~~~ */

.sf-menu li, .sf-menu li a
   {
      padding: 0;
   }

.sf-menu li.current a, .sf-menu li a:hover, .sf-menu li a:active, .sf-menu a:focus
   {
      color: #fff;
      outline: 0;
   }

/* ~~~~~~~~~~~~~~~~~~~~ Sub Menus ~~~~~~~~~~~~~~~~~~~~ */

.sf-menu li ul
   {
      padding: 0;
      background: transparent url('/images/theme/menu/submenu-background.png') repeat top left;
      border: 1px solid #6a6a6a;
      border-top: none;
      -moz-border-radius: 0px 0px 4px 4px;
      border-radius: 0px 0px 4px 4px;
   }

.sf-menu li li, .sf-menu li li.seperator
   {
      display: block;
      width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
      font-size: 12px;
      white-space:nowrap;
   }

.sf-menu li li.seperator
   {
      height: 18px;
   }

.sf-menu li li h2.sectionheader
   {
      font: normal bold 12px Arial, Helvetica, Verdana, sans-serif;
   }

.sf-menu li li.submenu-top, .sf-menu li li li.submenu-top
   {
      display: block;
      width: 200px; /* This forces a min-width for the menu */
      height: 10px;
   }

.sf-menu li li.submenu-base
   {
      display: block;
      width: 200px;
      height: 10px;
      margin: 0;
      padding: 0;
   }

.sf-menu li li a, .sf-menu li li h2.sectionheader
   {
      display: block;
      height: 18px;
      margin: 0px 15px 9px 15px;
      padding: 0;
      color: #cdcdcd;
      border-bottom: 1px dotted #a2a3a5;
   }

.sf-menu li.current li a, .sf-menu li li a:visited
   {
      color: #cdcdcd; 
   }

.sf-menu li li:hover a:visited, .sf-menu li li.sfHover a:visited,
.sf-menu li li.current a, .sf-menu li li.current a:visited,
.sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover, .sf-menu li li a:focus
   {
      color: #fff;
      outline: 0;
   }

/* ~~~~~~~~~~~~~~~~~~~~ Sub Sub Menus ~~~~~~~~~~~~~~~~~~~~ */

.sf-menu li ul li ul
   {
      margin-top: -10px;
      border: 1px solid #6a6a6a;
      -moz-border-radius: 0px 4px 4px 4px;
      border-radius: 0px 4px 4px 4px;
   }

.sf-menu li.current li li a,
.sf-menu li li.current li a,
.sf-menu li.current li li a:visited,
.sf-menu li li.current li a:visited,
.sf-menu li li li a:visited
   {
      color: #cdcdcd; 
   }

.sf-menu li li li:hover a:visited, .sf-menu li li li.sfHover a:visited,
.sf-menu li li li.current a, .sf-menu li li li.current a:visited,
.sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover, .sf-menu li li li a:focus
   {
      color: #fff;
      outline: 0;
   }

/* ~~~~~~~~~~~~~~~~~~~~ Hide Arrows ~~~~~~~~~~~~~~~~~~~~ */

.sf-sub-indicator
   {
      position: absolute;
      display: block;
      right: 0;
      top: 0;
      width: 0px;
      height:   0px;
      text-indent: -999em;
      overflow: hidden;
   }
/* Stylesheet: SuperFish Skin Modified On 2013-05-07 15:41:38 */