@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 */

   /* -- Main Styles -- */

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

   html { overflow-y:scroll; }
   body {
      font-family: 'Source Sans Pro', sans-serif;
      line-height: 22px;
      font-weight: 400;
      font-size: 16px;
      color: #676767;
      background: #eeeeee;
   }

   /* -- Site Styles -- */

   p         { margin-bottom: 10px; }
   a         { color: #F03F35; text-decoration: underline; }
   a:hover   { color: #23527c; }
   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: 'Source Sans Pro', sans-serif;
   }

   h1 { font-size: 32px; line-height: 42px; margin-bottom: 7px; }
   h2 { font-size: 26px; line-height: 36px; margin-bottom: 10px;}
   h3 { font-size: 22px; line-height: 34px; margin-bottom: 7px; }
   h4 { font-size: 20px; line-height: 32px; margin-bottom: 7px; }
   h5 { font-size: 18px; line-height: 26px; margin-bottom: 7px; }
   h6 { font-size: 16px; 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; }
   .primary-content-wrap { background: #ffffff; min-height: 600px; overflow: hidden; }
   .full-wrap          { width:100%; }
   .bar                { background-color: #F03F35; width:100%; height:10px; }
   .page-header        { margin-top: 10px; background-color: #F03F35; text-align: center; border-top-left-radius: 15px; border-top-right-radius: 15px; }
   .page-header img    { display: block; width: 100%; height: auto; border-top-left-radius: 15px; border-top-right-radius: 15px; }
   .headermsg          { background-color: #FFED4A; color: #22292F; font-size: 18px; padding: 15px 15px; text-align: center; border-top: 5px solid #F2D024; border-bottom: 5px solid #F2D024;  }
   #content-no-sidebar { width:96%; padding: 15px 2% 35px 2%; }
   #content            { width:73%; float:right; padding: 15px 1% 35px 1%; }

   #sidebar            { width:22%; float:left; margin:0 0 -5000px 0; background-color:#F8FAFC; padding: 10px 0 5000px 0;
                         box-shadow: 0 0 3px rgba(0,0,0,0.5); -o-box-shadow: 0 0 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
                       }

/*   #sidebar            { width:22%; float:left; margin:0 0 35px 0; background-color:#F8FAFC; padding: 10px 0;
                         box-shadow: 0 0 3px rgba(0,0,0,0.5); -o-box-shadow: 0 0 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
                       } */
   .footer             { margin:0; padding: 20px; color: #F8FAFC; background-color: #F03F35; text-align: center; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }

   .sidebar-menu div       { padding: 4px 10px;  }
   .sidebar-menu div:last-of-type { padding-bottom: 20px;  }
   .sidebar-menu h3        { background-color:tranparent; text-transform: uppercase; font-size: 17px; line-height: 19px; margin: 0; padding: 18px 10px 3px 10px; }
   .sidebar-menu a         { font-size: 16px; text-decoration: none; }
   .sidebar-menu a i       { margin-right: 5px; width: 18px; text-align: center; }
   .sidebar-menu h3 span,
   .sidebar-menu h3 span a             { font-size: 12px; }
   .sidebar-menu .pending-approval     { color: #da1904; font-weight: bold; }
   .sidebar-menu .pending-approval a   { color: #da1904; font-weight: bold; }
   .sidebar-menu .prod-sub             { padding-left: 20px; }
   .sidebar-menu .prod-sub a i         { margin-right: 0; }
   .sidebar-menu .company-switch       { background-color:#DEE6EE; }
   .sidebar-menu .company-switch a     { color:#999; }
   .sidebar-menu .company-switch a:hover { color:#fff; }

/*   .sidebar-menu div       { border-bottom: 1px solid #aaa; padding: 5px 10px;  }
   .sidebar-menu h3        { background-color:#DEE6EE; border-bottom: 1px solid #aaa; font-size: 20px; line-height: 22px; margin: 0; padding: 15px 10px 5px 10px; }
   .sidebar-menu a         { font-size: 16px; text-decoration: none; }
   .sidebar-menu a i       { margin-right: 5px; }
   .sidebar-menu h3 span,
   .sidebar-menu h3 span a  { font-size: 12px; }
   .sidebar-menu .pending-approval   { color: #da1904; font-weight: bold; }
   .sidebar-menu .pending-approval a { color: #da1904; font-weight: bold; }
   .sidebar-menu .prod-sub { padding-left: 30px;  }
   .sidebar-menu .company-switch { background-color:#DEE6EE; }
   .sidebar-menu .company-switch a { color:#999; }
   .sidebar-menu .company-switch a:hover { color:#fff; }*/

   /* -- 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: 16px; }

   /* -- 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: 13px; }
   .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: 20px; 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 { clear: both; padding: 10px 0px; }
   .notification_close {
      display: block;
      float: right;
      margin: 0;
      text-align: center;
      font-weight: normal;
      font-size: 22px;
      text-decoration: none;
      font-weight: bold;
   }
   .infoText, .successText, .warningText, .errorText { clear: both; padding: 10px; clear: both; border-left: 4px solid #ffffff; }
   .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: #2779BD; border-color: #3490DC; background-color: #EFF8FF; }
   .infoText a    { color: #2779BD; }
   .successText   { color: #1F9D55; border-color: #38C172; background-color: #E3FCEC; }
   .successText a { color: #1F9D55; }
   .warningText   { color: #DE751F; border-color: #F6993F; background-color: #FFF5EB; }
   .warningText a { color: #DE751F; }
   .errorText     { color: #CC1F1A; border-color: #E3342F; background-color: #FCEBEA; }
   .errorText a   { color: #CC1F1A; }

}