 /*                                                     */
  /*   Site Administrator 1.0                            */
  /*   Default Stylesheet                                */
  /*                                                     */
  /*   Copywrite (C) 2012 Site Administrator             */
  /*   http://www.siteadministrator.com                  */
  /*                                                     */

  /* Resets */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - */
  html, body {
    padding: 0;
    margin: 0;
  }

  html {
    font-size: 1em;
  }

  body {
    font-size: 100%;
  }

  form {
    margin: 0;
    padding: 0;
  }

  img {
    display: block;
  }

  /* Global Fonts / Colors */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - */
  body {
    font-size: 12px;
    color: #222;
    background: #fff;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  }

  /* Common Classes */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - */
  .left {
    float: left
  }

  .right {
    float: right
  }

  .clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0px;
    height: 0px;
  }

  .hide {
    display: none
  }

  .bold {
    font-weight: bold;
  }

  .align_right {
    text-align: right;
  }

  .align_left {
    text-align: left;
  }

  .align_center {
    text-align: center;
  }

  .align_justify {
    text-align: justify;
  }

  /* Headings */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - */
  h1, h2, h3,
  h4, h5, h6 {
    margin: 0 0 0.1em;
    line-height: 1.1em;
  }

  h1 {
    font-size: 2.52em;
    color: #333333;
  }

  h2 {
    font-size: 1.952em;
    color: #333333;
  }

  h3 {
    font-size: 1.652em;
    color: #333333;
  }

  h4 {
    font-size: 1.452em;
    color: #333333;
  }

  h5 {
    font-size: 1.252em;
    color: #333333;
  }

  h6 {
    font-size: 1.52em;
    color: #333333;
  }

  hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
  }

  /* Text Elements */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - */
  /*				(usage: <p><img class="left">Text</p>)	*/
  p {
    margin: 0 0 1.5em;
  }

  .left {
    float: left !important;
  }

  p .left {
    margin: 1.5em 1.5em 1.5em 0;
    padding: 0;
  }

  .right {
    float: right !important;
  }

  p .right {
    margin: 1.5em 0 1.5em 1.5em;
    padding: 0;
  }

  a:focus,
  a:hover {
    color: #09f;
    text-decoration: underline;
  }

  a {
    color: #06c;
    text-decoration: none;
  }

  blockquote {
    margin: 1.5em;
    font-style: italic;
  }

  strong, dfn {
    font-weight: bold;
  }

  em, dfn {
    font-style: italic;
  }

  sup, sub {
    line-height: 0;
  }

  abbr,
  acronym {
    border-bottom: 1px dotted #666;
  }

  address {
    margin: 0 0 1.5em;
    font-style: italic;
  }

  del {
    color: #666;
  }

  pre {
    margin: 1.5em 0;
    white-space: pre;
  }

  pre, code, tt {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
  }

  /* Lists */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - */
  li ul,
  li ol {
    margin: 0;
  }

  ul, ol {
    margin: 0 1.5em 1.5em 0;
    padding-left: 1.5em;
  }

  ul {
    list-style-type: disc;
  }

  ol {
    list-style-type: decimal;
  }

  dl {
    margin: 0 0 1.5em 0;
  }

  dl dt {
    font-weight: bold;
  }

  dd {
    margin-left: 1.5em;
  }

  /* Tables */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }


  /* Forms */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - */
  /*
  label 			{ float: left; text-align: right; margin-right: 15px; width: 200px; }
  input, textarea { width:200px; color: #333; background: #eee; border:1px solid #666; padding:3px; margin-bottom:5px; }
  input:focus, textarea:focus { border: 1px solid #900; }
  */

  form fieldset {
    padding: 5px;
    border: 1px solid #ccc;
  }

  form fieldset legend {
    font-size: 1.4em;
    padding: 0 5px;
  }

  form input[type=text], form input[type=email], form input[type=password], form input[type=url] {
    height: 25px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    padding: 3px;
  }

  form label {
    display: block;
    font-size: 12px;
  }

  form select {
    padding: 5px;
  }

  .formNote {
    float: right;
    margin-right: 20px;
    margin-top: 7px;
    font-size: 11px;
    color: #CCCCCC;
  }

  .formDrop {
    border: 1px solid #CCCCCC;
    padding: 3px;
    height: 25px;
    font-size: 11px;
  }


  /* SA Colors */
  .red, a.red, a.red:visited, a.red:hover {
    color: #D8000C;
  }

  /* SA Misc */

  .saBox {
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #e0e0e0;
    background-color: #FFFFFF;
  }

  .saBoxTop {
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    border-right: 1px solid #e0e0e0;
    padding: 5px;
    padding-left: 15px;

    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    min-height: 18px;
    line-height: 18px;
  }

  .saBoxTop:last-child {
    -moz-border-radius-topright: 0px;
    border-top-right-radius: 0px;
    border-right: 0px solid #e0e0e0;
  }

  .saBoxBody {
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #f7f7f7;
  }

  a.buttonBox, a.buttonBox:visited, a.buttonBox:hover {
    padding: 3px 3px 2px;
    float: right;
  }

  a.buttonBox:hover {
    background-color: #3B5998;
    border-color: #D8DFEA #D8DFEA #3B5998;
    color: #FFFFFF;
    text-decoration: none;
  }

  /**** TABS ****/
  #sa-tabs {
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;

    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;

    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;

    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;

    border: 1px solid #e0e0e0;
    background-color: #FFFFFF;
  }

  #sa-tabs .list-wrap {
    padding: 10px;
    margin: 0 0 0 0;
  }

  #sa-tabs ul.nav, #sa-tabs ul.tab-contents {
    list-style: none;
    margin: 0px;
    padding: 10px;
  }

  #sa-tabs ul.nav {
    overflow: hidden;
    white-space: nowrap;
  }

  #sa-tabs ul.nav li a {
    display: block; /*border-bottom: 1px solid #666;*/
    padding: 10px;
    color: #454545;
  }

  #sa-tabs ul.nav li a:hover {
    color: white;
    background: #111; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#111'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#111)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #595959, #111); /* for firefox 3.6+ */
  }

  #sa-tabs ul.nav {
    overflow: hidden;
    margin: 0;
    padding: 0;
  }

  #sa-tabs .nav li {
    width: 150px;
    float: left;
    margin: 0 0 0 0;
  }

  #sa-tabs .nav li a {
    display: block;
    padding: 50px;
    color: #454545;
    font-size: 12px;
    text-align: center;
    border: 0;
    background: #111; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#f1f1f1'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f1f1f1)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #fbfbfb, #f1f1f1); /* for firefox 3.6+ */
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
  }

  #sa-tabs .nav li a.current, #sa-tabs .nav li a.current:hover {
    background: #fff !important;
    filter:;
    color: black;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid transparent;
    font-weight: bold;
  }

  #sa-tabs .nav li a:hover, #sa-tabs .nav li a:focus {
  }

  #sa-tabs .tab-contents .section-products-wrap {
    width: 100%;
    margin-left: 20px;
  }

  #sa-tabs .nav li.last a.current { /* margin-right: 0;*/
    border-right: 1px solid transparent;
  }

  #sa-tabs ul.nav li:last-child a:hover, #sa-tabs .nav li:last-child a.current { /*border: none; */
    border-right: 1px solid transparent;
  }


  /* Generic Utility */
  .hide {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }


  /* SA Containers */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - */

  .infoCont, .successCont, .warningCont, .errorCont, .validationCont {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
  }

  .infoCont { /* Blue */
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/sa_info.png');
  }

  .infoCont a, .infoCont a:visited, .infoCont a:hover {
    color: #00529B;
  }

  .successCont { /* Green */
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url('../images/sa_success.png');
  }

  .warningCont { /* Yellow */
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/sa_warning.png');
  }

  .errorCont { /* Red */
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../images/sa_error.png');
  }

  .validationCont {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../images/sa_info.png');
  }

  /* Site Administrator */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - */

  .saBox {
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #E8E8E8;
  }

  .saBoxTop {
    background-color: #f5f5f5;
    border-bottom: 1px solid #E8E8E8;
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    min-height: 18px;
    line-height: 18px;
  }

  .saBoxLineTop {
    border-top: 1px solid #E8E8E8;
  }

  .saBoxLineBottom {
    border-bottom: 1px solid #E8E8E8;
  }

  .saBoxLineLeft {
    border-left: 1px solid #E8E8E8;
  }

  .saBoxButton {
    display: block;
    background: #111; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#595959', endColorstr='#111'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#111)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #595959, #111); /* for firefox 3.6+ */
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #111;
    color: #fff;
    padding: 5px 10px;
    width: 80px;
    text-decoration: none;
  }

  .saBoxButton:hover {
    background: #6F9AB1; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6F9AB1', endColorstr='#1D7FAF'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#6F9AB1), to(#1D7FAF)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #6F9AB1, #1D7FAF); /* for firefox 3.6+ */
    color: #fff;
    border: 1px solid #1D7FAF;
  }

  .saBoxButton span {
    display: none;
  }

  a.saIconPrint span, a.saIconPrint:visited span, a.saIconPrint:active span, a.saIconPrint:hover span {
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    background: transparent url(../images/sa_action_icons.png) no-repeat 0px 0px;
    margin-right: 3px;
  }

  a.saIconPrint:hover span {
    background: transparent url(../images/sa_action_icons.png) no-repeat 0px -16px;
  }

  a.saIconEmail span, a.saIconEmail:visited span, a.saIconEmail:active span, a.saIconEmail:hover span {
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    background: transparent url(../images/sa_action_icons.png) no-repeat -16px 0px;
    margin-right: 3px;
  }

  a.saIconEmail:hover span {
    background: transparent url(../images/sa_action_icons.png) no-repeat -16px -16px;
  }

  a.saIconComment span, a.saIconComment:visited span, a.saIconComment:active span, a.saIconComment:hover span {
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    background: transparent url(../images/sa_action_icons.png) no-repeat -64px 0px;
    margin-right: 3px;
  }

  a.saIconComment:hover span {
    background: transparent url(../images/sa_action_icons.png) no-repeat -64px -16px;
  }

  a.saIconShare span, a.saIconShare:visited span, a.saIconShare:active span, a.saIconShare:hover span {
    display: inline-block;
    float: left;
    width: 16px;
    height: 16px;
    background: transparent url(../images/sa_action_icons.png) no-repeat -32px 0px;
    margin-right: 3px;
  }

  a.saIconShare:hover span {
    background: transparent url(../images/sa_action_icons.png) no-repeat -32px -16px;
  }


  /* SA Modules */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - */


  /* Photo Gallery */
  div#photoGallery {
    padding: 0px;
    margin: 0px;
    background-color: #f1f1f1;
  }

  div#photoViewer {
    width: 720px;
    position: relative;
    z-index: 5;
  }

  div#photoViewer ul#nav {
    display: none;
    list-style: none;
    position: relative;
    top: 210px;
    z-index: 15;
  }

  div#photoViewer ul#nav li#prev {
    float: left;
    margin: 0 0 0 40px;
  }

  div#photoViewer ul#nav li#next {
    float: right;
    margin: 0 50px 0 0;
  }

  div#photoViewer ul#nav li a {
    display: block;
    width: 80px;
    height: 80px;
    text-indent: -9999px;
  }

  div#photoViewer ul#nav li#prev a {
    background: url(images/prev.png);
  }

  div#photoViewer ul#nav li#next a {
    background: url(images/next.png);
  }

  div#photoViewer ul#photo {
    list-style: none;
    padding: 0px;
    margin: 0px;
  }

  div#photoViewer ul#photo li {
    margin: 0px;
    padding: 0px;
  }

  a img.photoThumbnail, a:visited img.photoThumbnail, a:hover img.photoThumbnail {
    border: 4px solid #f1f1f1;
  }

  a:hover img.photoThumbnail {
    border: 4px solid #dbdbdb;
  }

  /* Blog */
  #blogLeft {
    display: block;
    float: left;
    width: 650px;
    margin-right: 20px;
  }

  #blogRight {
    display: block;
    float: left;
    width: 300px;
  }

  /* Catalog */
  .opBox {

    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;

    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;

    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;

    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;

    border: 1px solid #e8e8e8;
    background-color: #fff;
  }


  /* Product Text: VIEW DETAILS */
  a.button {
    padding: 3px 10px;
  }

  .button {
    min-width: 120px;
    display: block;
    background: #111; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#015699', endColorstr='#014276'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#015699), to(#014276)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #015699, #014276); /* for firefox 3.6+ */
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #003b6a;
    color: #fff !important;
    padding: 5px 10px;
    width: 80px;
    text-decoration: none !important;
    font-size: 14px;
    text-align: center;
  }

  .button:hover {
    background: #6F9AB1; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c6dba', endColorstr='#00579c'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#0c6dba), to(#00579c)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #0c6dba, #00579c); /* for firefox 3.6+ */
    color: #fff;
    border: 1px solid #00579c;
  }

  .button span {
    display: none;
  }


  h1.saProductName {
    font-size: 1.52em;
    color: #333333;
  }

  .saProductMfg {
    display: block;
    margin-right: 5px;
    color: #000;
    font-size: 14px;
  }

  .saProductMfg a {
    color: #000;
    font-weight: bold;
    font-size: 14px;
  }

  .saProductPart {
    display: block;
    margin-right: 5px;
    color: #000;
    font-size: 14px;
  }

  .saProductPrice {
    display: block;
    float: left;
    margin-right: 5px;
    font-size: 16px;
    font-weight: bold;
    color: #f44a20;
  }

  .saProductPriceSale {
    display: block;
    float: left;
    margin-right: 5px;
    font-weight: bold;
    color: #CC3300;
    font-size: 14px;
  }

  .saProductFreeShipping {
    display: block;
    float: left;
    margin-right: 5px;
    color: #FF9900;
  }

  hr.saProductLine {
    color: #fff;
    background-color: #fff;
    border: 1px dotted #e0e0e0;
    border-style: none none dotted;
  }


  .errorField {
    border: 3px solid #FF9090 !important;
    color: red !important;
  }


  .errorFieldMessage {
    color: #FF9090 !important;
  }

  /* SA Error Reporting */
  /* - - - - - - - - - - - - - - - - - - - - - - - - - - */
  #mainContainer {
    padding-top: 100px;
  }

  #errorDisplay {
    width: 500px;
    border: 1px solid #a60c0c;
    margin: 0px auto;
  }

  #errorTitle {
    border: 1px solid #fff;
    border-bottom: 0;
    background-color: #4b0909;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    font-weight: 800;
    padding: 3px;
  }

  #errorMessage {
    border: 1px solid #fff;
    background-color: #e9e9e9;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    padding: 10px;
  }