

/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*-------------------------------- MOBILE BLOCK-------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
@media screen and (max-width: 600px)
   {
   body
      {
      background-color: #fff;
      color: #333333; /* #333 */
      font-style: normal;
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      font-size: 0.75em;
      font-weight: lighter;
      margin-top: 0px;
	   margin-right: auto;
	   margin-bottom: 0px;
	   margin-left: auto;
      min-width: 248px; /* TEST was 414 */
      /*max-width: auto;TEST was 414px */
      }

   h1
      {
      color:#333333;
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      text-align: center;
      font-size: 2.2em;
      font-weight: lighter;
      white-space: normal;
      max-width: 90%;
      min-width: 248px; 
      margin-top: 1%;
      margin-bottom: 1%;
      margin-left:  5%;
      margin-right: 5%;
      }   
   h2
      {
      color:#333333;
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      text-align: center;
      font-size: 1.8em;
      font-weight: lighter;
      /* white-space:nowrap; */
      margin-top: 1%;
      margin-left: auto;
      margin-right: auto; 
      margin-bottom: 1%;
      max-width: 90%;
      min-width: 248px; 
      }  

   h3
      {
      width: 100%;
      /*padding: 2px;*/
      border-spacing: 0px;
      border-collapse: separate;    
      vertical-align:center;
      text-align:center;
      background-color:#ffffff;
      /* height: 30;*/
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      font-weight: normal;
      /*font-style: italic;*/
      font-size: 1em;
      color: red;
      } 
   tr td 
      {     
      vertical-align:center;
      text-align:left;
      background-color:#ffffff;
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      font-weight: lighter;
      font-size: 1.6em;
      color: #333333;
      line-height: 1.3;
      font-weight: lighter;
      }
   table
      { 
      width: 100%;
      padding: 0% 8% 0% 8%;
      border-spacing: 0px;
      border-collapse: separate; 
      }
 

   img
      {
      max-width: 100%;
      }

   .scscheader tr td
      {         
   
   /* New code for 3d header below */
   background-image: url("http://scsc-online.com/Images/TitleBackground.png");
   background-repeat: repeat-x;
   /* End of 3d header code */
   
      vertical-align:middle;
      /*width: 100%;*/
      text-align:center;
      background-color:#666666;
      height: 30px;
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      font-weight: bold;
      font-size: 1.1em;
      color: #ffffff;
      white-space:nowrap;
      }

   .scscheader table
      { 
      width: 100%;
      padding: 0%;
      border-spacing: 0%;
      border-collapse: separate;
      }

   
   .mobileDropDown
      {
      text-align: center;
      display: block;
      }
   
   .mobileDropDown select
      {
      padding: 0%;
      }
   
   .scsclinks table
      {
      display: none;
      }
   .scsclinks tr td
      {     
      vertical-align:center;
      text-align:center;
      background-color:#cccccc;
      /* height: 30; */
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      font-weight: normal;
      font-size: 0.3em;
      color: #ffffff;
      /*white-space:nowrap;*/
      }
         
   .scsclinks a:link 
      {
      color:#ffffff;
      text-decoration: none;
      }

   .scsclinks a:visited 
      {
      color:#ffffff;
      text-decoration: none;
      }

   .scsclinks a:hover 
      {
      /*font-weight: bold;*/
      color:#000000;
      }

   .scsclinks a:active 
      {
      color:#ffffff;
      text-decoration: underline;
      }

   .scscSpecialMessages table
      {
      width: 100%;
      padding: 0.2%;
      border-spacing: 0px;
      border-collapse: separate;
      }
   .scscSpecialMessages   tr td
      {     
      vertical-align:center;
      text-align:center;
      background-color:#ffffff;
      /*height: 30;*/
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      font-weight: bold;
      font-style: italic;
      font-size: 1.0em;
      color: red;
      } 
   .textBlock
      {
      /*margin-left: auto;
      margin-right:auto;*/
      margin: auto;
      vertical-align: middle;
      min-width: 248px;
      max-width: 90%;/*TEST was 414px */
      /*min-width: 320px; */ /*TEST was 414px */
      }
    
   .textBlock img
      {
      /*float: left;*/
      margin-left: auto;
      margin-right:auto;
      margin-top: auto;
      margin-bottom: auto;
      width: 90%;
      }
   .textBlock h2
      {
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      font-weight: bold;
      text-align: left;
      font-size: 1.4em;
      margin-right: 10%;
      margin-left: 10%;
      margin-bottom: 0%;
      }
   
   .halfBreak
      {
      display: none;
      }
   
   .fullBreak
      {
      display: none;
      }
   
   .textBlock p
      {
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      font-size: 1.3em;
      min-width: 248px;
      max-width: auto; /*TEST was 414px */
      margin-right: 0%;
      margin-left: 0%;
      }
   
   .textBlock ul li
      {
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      font-size: 1.3em;
      line-height: 1.2em;
      /*margin-right: 10%;*/
      margin-left: 40px;
      max-width: auto;
      min-width: 248px;
      overflow: none; 
      }
   
   .textBlock ol li
      {
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      font-size: 1.3em;
      line-height: 1.2em;
      /*margin-right: 10%;*/
      margin-left: 40px;
      max-width: auto;
      min-width: 248px;
      overflow: none; 
      }
      
   .textBlock a:link 
      {
      color: #0099FF;
      text-decoration: none;
      }

   .textBlock a:visited 
      {
      color: #0099FF;
      text-decoration: none;
      }

   .textBlock a:hover 
      {
      /*font-weight: bold;*/
      color: LightSkyBlue;
      }

   .textBlock a:active 
      {
      color:#0099FF;
      text-decoration: none;
      }   

   .textBlock img
      {
      display: block;
      margin-left: auto;
      margin-right: auto;
      }
      
   .floatRight
      {
      margin-left: 0%;
      margin-right: 0%;
      max-width: auto;
      min-width: 248px; 
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      font-size: 1.0em;
      }
   .floatRight p
      {
      margin-left: 0%;
      margin-right: 0%;
      overflow: visible;
      }
   
   .floatRight img
      {
      float: right;
      width: 90;
      height: 60;
      margin-left: 2%;
      margin-right:5%;
      margin-top: auto;
      margin-bottom: auto;
      } 
   .floatLeft p
      {
      margin-left: 0%;
      margin-right: 0%;
      max-width: auto;
      min-width: 248px; 
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      font-size: 1.2em;
      overflow: visible;
      }
   

   .universalBinary
      {
      margin-right: 5%;
      margin-left: 5%;
      vertical-align: middle;
      max-width: auto;/* TEST was 414 */
      min-width: 248px;/* TEST was 414 */  
      }
    
   .universalBinary img
      {
      float: left;
      width: 90;
      height: 60;
      margin-left: 5%;
      margin-right:2%;
      margin-top: auto;
      margin-bottom: auto;
      }
   
   .universalBinary p
      {
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      font-size: 1.2em;
      margin-right: 0%;
      margin-left: 0%;
      overflow: visible; 
      max-width: auto;
      min-width: 248px;/* TEST was 414 */
      } 
   .footer
      {
      margin-right: 5%;
      margin-left: 5%;
      vertical-align: middle;
      max-width: auto;/* TEST was 414 */
      min-width: 248px;/* TEST was 414 */  
      }
    
   .footer img
      {
      width: 139;
      height: 50;
      /*margin-left: 5%;
      margin-right:2%;
      margin-top: auto;
      margin-bottom: auto;*/
      vertical-align: middle;
      }
   
   .footer p
      {
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      font-size: 0.7em;
      color: #777777;
      margin-right: 0%;
      margin-left: 0%;
      overflow: visible; 
      max-width: auto;
      min-width: 248px;/* TEST was 414 */
      }    

   }

