@charset "utf-8";

@media screen {

   /* -- Reset Styles -- */

   html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, q, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-weight: inherit;
      font-style: inherit;
      font-size: 100%;
      font-family: inherit;
      vertical-align: baseline;
      font-weight: 400;
   }

   ol, ul { list-style: none; }
   blockquote:before, blockquote:after, q:before, q:after { content: ""; }
   blockquote, q { quotes: "" ""; }
   em { font-style: italic; font-weight: inherit; }
   strong { font-weight: 700; }

   .clearfix:after               { visibility:hidden; display:block; font-size:0; content:" "; clear:both;  height:0; }
   * html .clearfix              { zoom:1; } /* IE6 */
   *:first-child+html .clearfix  { zoom:1; } /* IE7 */

   /* font replacement */
   @font-face {
       font-family: 'OpenSansRegular';
       src: url('/include/fonts/OpenSans-Regular-webfont.eot');
       src: url('/include/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
            url('/include/fonts/OpenSans-Regular-webfont.woff') format('woff'),
            url('/include/fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
            url('/include/fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
       font-weight: normal;
       font-style: normal;

   }
   @font-face {
       font-family: 'OpenSansSemibold';
       src: url('/include/fonts/OpenSans-Semibold-webfont.eot');
       src: url('/include/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
            url('/include/fonts/OpenSans-Semibold-webfont.woff') format('woff'),
            url('/include/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
            url('/include/fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
       font-weight: normal;
       font-style: normal;

   }

   /* -- Main Styles -- */

   html, body {
      width: 100%;
      height: 100%;
   }

   html { overflow-y:scroll; }
   body {
      font-family: 'OpenSansRegular';
      line-height: 22px;
      font-weight: 400;
      font-size: 13px;
      color: #676767;
      background: rgb(248, 248, 248);
   }

   /* -- Site Styles -- */

   p         { margin-bottom: 10px; }
   a         { color: #385760; text-decoration: underline; }
   a:hover   { color: #6093a2; }
   ul        { list-style-type: disc; margin-left: 30px; margin-bottom: 10px; }
   ul ul     { list-style-type: circle; margin-bottom: 0; }
   ol        { list-style-type: decimal; margin-left: 30px; margin-bottom: 10px; }
   ol ol     { list-style-type: lower-latin; margin-bottom: 0; }

   h1, h2, h3, h4, h5, h6 {
      color: #444444;
      font-weight: normal;
      margin: 10px 0;
      padding: 0;
      font-family: 'OpenSansSemibold';
   }

   h1 { font-size: 30px; line-height: 42px; margin-bottom: 7px; }
   h2 { font-size: 24px; line-height: 36px; margin-bottom: 10px;}
   h3 { font-size: 19px; line-height: 34px; margin-bottom: 7px; }
   h4 { font-size: 18px; line-height: 32px; margin-bottom: 7px; }
   h5 { font-size: 16px; line-height: 26px; margin-bottom: 7px; }
   h6 { font-size: 14px; line-height: 24px; margin-bottom: 7px; }

   .left  { float: left; }
   .right { float: right; }
   .clear { clear: both; }

   img.left   { margin: 0; padding: 10px 10px 10px 0; }
   img.right  { margin: 0; padding: 10px 0 10px 10px; }
   img.center { margin: 0; padding: 10px 0; }

   /* main architecture */
   .page-wrap          { width:980px; margin:0 auto; padding:0; }
   .full-wrap          { width:100%; }
   .bar                { background-color:rgb(56, 87, 96); width:100%; height:15px; }
   .page-header        { background-color: #ffffff; }
   .headermsg          { background-color: #ff0000; color: #fff; font-size: 16px; margin-top: 10px; padding: 10px 15px; text-align: center; }
   #content-no-sidebar { width:94%; margin:10px 3% 40px 3%; }
   #content            { width:73%; float:right; margin:10px 0 40px 3%; }
   #sidebar            { width:22%; float:left; margin:25px 0 35px 0; background-color:#fff; padding:10px 1% 15px 1%;
                         box-shadow: 0 1px 2px rgba(0,0,0,0.2); -o-box-shadow: 0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
                       }
   .footer             { margin:0; padding:20px 0; background-color:#1c1c1c; color:#777; }

   .sidebar-menu h3        { font-size: 18px; line-height: 22px; margin-bottom: 0; border-bottom: 1px solid #444; }
   .sidebar-menu h3 span   { font-size: 9px; margin-left: 5px; vertical-align: top; }
   .sidebar-menu ul        { margin-left: 20px; }
   .sidebar-menu ul ul     { margin-left: 13px; }
   .sidebar-menu a         { text-decoration: none; }
   .sidebar-menu .pending-approval   { color: #da1904; font-weight: bold; }
   .sidebar-menu .pending-approval a { color: #da1904; font-weight: bold; }

   /* -- Product Grid Styles -- */
   .browse-grid            { border-collapse: separate; border-spacing: 10px; margin-bottom: 50px; }
   .browse-grid h2         { background-color: #333333; color: #ffffff; margin: 0; padding: 0 10px; }
   .browse-grid h3         { padding: 0 10px; margin: 0; color: #385760; border-bottom: #385760 1px solid; }
   .browse-grid .filler    { width: 113px; padding: 10px 0; vertical-align: middle; text-align: center; }
   .browse-grid .img       { width: 113px; padding: 10px 0; vertical-align: middle; text-align: center; background-color: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.2); -o-box-shadow: 0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); }
   .browse-grid .img img   { vertical-align: middle; text-align: center; }
   .browse-grid .txt       { text-align: center; vertical-align: top; padding: 0 0 10px 0; }
   .browse-grid .txt a     { text-decoration: none; font-size: 14px; }

   /* -- View Product Styles -- */
   .view-product-wrap .product-image      { float: right; padding: 5px; margin: 0 0 10px 15px; background-color: #ffffff; box-shadow: 0 1px 2px rgba(0,0,0,0.2); -o-box-shadow: 0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2); }
   .view-product-wrap .info-line          { padding: 5px; border-bottom: #ccc 1px solid; width: auto; overflow: hidden; font-size: 11px; }
   .view-product-wrap .price-point        { padding-left: 15px; }
   .view-product-wrap h3                  { background-color: #333333; color: #ffffff; padding: 0 10px; }
   .save-progress-status                  { display: none; font-size: 18px; font-weight: bold; vertical-align: middle; margin-right: 10px; }

   /* -- FAQ Styles -- */
   .faqs .q { font-weight: bold; background-color: #ddd; padding: 5px; }
   .faqs .a { padding-left: 15px; padding-bottom: 20px; }

   /* -- Order Styles -- */
   .status-mgr-pending      { color: #003399; }
   .status-mgr-denied       { color: #ff0000; }
   .status-approved         { color: #006633; }

   .print-order-wrap        { float: right; margin: 25px 50px 0 0; }
   .print-order-wrap a      { padding: 5px 0 5px 30px; background: transparent url('/images/print-icon.png') top left no-repeat; }

   /* -- Notification Styles -- */
   .notification_box { margin: 10px 0px; clear: both; }
   .notification_close {
      text-align: center;
      font-weight: normal;
      font-size: 10px;
      float: right;
      clear: both;
      width: 100px;
      margin: 0;
      padding: 2px 15px 3px 0;
      background: #eeeeee url('/images/close.png') 96px center no-repeat;
      border-top: 1px solid #ccc;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
   }
   .infoText, .successText, .warningText, .errorText { clear: both; font-weight: bold; border: 1px solid; margin: 0; padding: 10px 10px 10px 40px; background-repeat: no-repeat; background-position: 10px 10px; }
   .infoText a,  .successText a,  .warningText a,  .errorText a  { font-weight: bold; }
   .infoText ul, .successText ul, .warningText ul, .errorText ul { padding: 5px 5px 0 0; margin: 0; }
   .infoText li, .successText li, .warningText li, .errorText li { margin: 5px 0 5px 20px; }
   .infoText      { color: #00529B; background-color: #BDE5F8; background-image: url('/images/info.png'); }
   .successText   { color: #4F8A10; background-color: #DFF2BF; background-image:url('/images/success.png'); }
   .warningText   { color: #9F6000; background-color: #FEEFB3; background-image: url('/images/warning.png'); }
   .errorText     { color: #D8000C; background-color: #FFBABA; background-image: url('/images/error.png'); }


}