f/*---------------------------------------------------------------------------*\
|                                                                             |
| File name: index.css                                                        |
| Copyright, 2015, Sofware and Computer Systems Company, LLC                  |
|                                                                             |
\*---------------------------------------------------------------------------*/

/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	/* vertical-align: baseline; */
}
 body 
   {
   background-color: #fff;
   color: #888;
   font-style: normal;
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
   font-size: .75em; 
   font-weight: lighter;
   margin-top: 0%;
	margin-right: auto;
	margin-bottom: 0%;
	margin-left: auto;
   min-width: 900px;
   }  
h1
   {
   color:#777777;
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
   margin: auto;
   vertical-align: center;
   text-align: center;
   max-width: 600px;
   min-width: 600px;
   font-size: 3em;
   font-weight: lighter;
   white-space: normal;
   /*margin-top: 1%;
   margin-bottom: 1%;
   margin-left:  6%;
   margin-right: 6%;*/
   }   
h2
   {
   color:#777777;
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
   text-align: left;
   font-size: 2em;
   font-weight: lighter;
   /*white-space:nowrap;*/
   margin-top: 1%;
   margin-bottom: 1%;
   margin-right: 10%;
   margin-left: 0%;
   width: 90%;
   }  

h3
   {
   width: 100%;
   padding: 5%;
   border-spacing: 0%;
   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: 1.0em;
   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.5em;
   color: #777777;
   line-height: 1.3;
   font-weight: lighter;
   }
table
   { 
   width: 100%;
   padding: 0% 8% 0% 8%;
   border-spacing: 0px;
   border-collapse: separate; 
   }
img
   {
   max-width: 90%;
   height: auto;
   /*width: 90% */
   }
   
b
   {
   font-weight: 500;
   }
   
i
   {
   font-style: italic;
   }
   
/* Fix for FireFox's bad scaling */
@-moz-document url-prefix() 
   {  
   img 
      {   
      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:center;
   text-align:center;
   background-color:#666666;
   height: 50px;
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
   font-weight: normal;
   font-size: 2em;
   color: #ffffff;
   white-space:nowrap;
   
   }
   
.mobileDropDown
   {
   display: none;
   }
   
.regularAd
   {
   display: block;
   }
   
.mobileAd
   {
   display: none;
   }

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

.scsclinks table
   {
   width: 100%;
   padding: 0px;
   border-spacing: 0px;
   border-collapse: separate;
   }
.scsclinks tr td
   {     
   vertical-align:center;
   text-align:center;
   background-color:#cccccc;
   height: 30px;
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
   font-weight: normal;
   font-size: 1em;
   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: 1%;
   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.2em;
   color: red;
   } 
.textBlock
   {
   margin: auto;
   vertical-align: middle;
   max-width: 90%;
   min-width: 800px;  
   }
   
.textBlock b
   {
   font-weight: bold;
   }
    
.textBlock img
   {
   float: left;
   width: 24;
   height: 24;
   /*margin-left: 5%;
   margin-right:2%;
   margin-top: auto;
   margin-bottom: auto;*/
   }
.textBlock h2
   {
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
   font-weight: bold;
   text-align: left;
   font-size: 1.7em;
   margin-right: 10%;
   margin-left: 0%;
   margin-bottom: 0%;
   }
   
.halfBreak
   {
   font-size: 0.6em;
   line-height: 0.2;
   }   

.fullBreak
   {
   font-size: 1.2em; 
   }
     
.textBlock p
   {
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
   font-size: 1.4em;

   
   /*margin-right: 6%;
   margin-left: 6%;*/
   max-width: 100%;
   overflow: visible; 
   }
   
.textBlock ul li
   {
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
   font-size: 1.4em;
   line-height: 150%;
   /*margin-right: 10%;*/
   margin-left: 5%;
   max-width: 90%;
   min-width: auto;
   overflow: none; 
   }
   
   
.textBlock ol li
   {
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
   font-size: 1.4em;
   line-height: 150%em;
   /*margin-right: 10%;*/
   margin-left: 100px;
   max-width: 90%;
   min-width: 790px;
   overflow: none; 
   }

   
.textBlock a:link 
   {
   color: #008FE8;
   text-decoration: none;
   }

.textBlock a:visited 
   {
   color: #0265A3;
   text-decoration: none;
   }

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

.textBlock a:active 
   {
   color:DeepSkyBlue;
   text-decoration: none;
   }   
   
.linkBlock
   {
   float:  left;
   font-size: 1.0em;
   margin-right: 2%;
   margin-left: 5%;
   } 
   
.linkBlock p
   {
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";

   /*overflow: hidden; */
   }
.linkBlock a:link 
   {
   color: #008FE8;
   text-decoration: none;
   font-size: 1.2em;
   }

.linkBlock a:visited 
   {
   color: #0265A3;
   text-decoration: none;
   }

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

.linkBlock a:active 
   {
   color: LightSkyBlue;
   text-decoration: none;
   }   
   
.linkBlock img
   {
   vertical-align: middle;
   margin-right: 5px;
   height: auto;
   width: 24px;
   }

 
.universalBinary
   {
   margin: auto;
   vertical-align: middle;
   max-width: 90%;
   min-width: 800px;  
   }
    
.universalBinary img
   {
   float: left;
   width: 95;
   height: 60;
   margin-left: 0%;
   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: 6%;
   margin-left: 6%;*/

   overflow: visible; 
   } 
   
.footer p
   {
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
   font-size: 0.5em;
   margin: auto;
   vertical-align: middle;
   line-height: 1.5em;
   color: #aaaaaa;
   /* margin-left: 5%;*/
   overflow: visible; 
   max-width: 90%;
   min-width: 800px;
   } 


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*-------------------------------- MOBILE BLOCK-------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/


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

   h1
      {
   color:#777777;
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
   /*margin: auto;*/
   vertical-align: center;
   text-align: center;
   font-size: 2.0em;
   font-weight: lighter;
   white-space: normal;
   margin-top: 1%;
   margin-bottom: 1%;
   margin-left:  5%;
   margin-right: 5%;
   max-width: auto;/*TEST was 414px */
   min-width: 288px;  /*TEST was 414px */ 
      }   
   h2
      {
      color:#777777;
      font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
      text-align: center;
      font-size: 1.5em;
      font-weight: lighter;
      /* white-space:nowrap; */
      margin-top: 1%;
      margin-left: 5%;
      margin-right: 5%; 
      margin-bottom: 1%;
      }  

   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.5em;
   color: #777777;
   line-height: 1.3;
   font-weight: lighter;
   }
table
   { 
   width: 100%;
   min-width: 320px;
   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:center;
   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%;
   }
   
.regularAd
   {
   display: none;
   }
   
.mobileAd
   {
   display: block;
   }
   
.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: 5%;
   margin-right:5%;
   vertical-align: middle;
   max-width: auto;/*TEST was 414px */
   min-width: 288px;  /*TEST was 414px */
   }
   
.textBlock b
   {
   font-weight: bold;
   }
    
.textBlock img
   {
   float: left;
   width: 24;
   height: 24;
   margin-left: 0%;
   margin-right:2%;
   margin-top: auto;
   margin-bottom: auto;
   }
.textBlock h2
   {
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
   font-weight: bold;
   text-align: left;
   font-size: 1.4em;
   margin-right: 0%;
   margin-left: 0%;
   margin-bottom: 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; 
   line-height: 150%;
   }

.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; 
   line-height: 150%;
   }
.halfBreak
   {
   display: none;
   }
   
.fullBreak
   {
   display: none;
   }
   
.textBlock p
   {
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";
   font-size: 1.3em;

   max-width: auto; /*TEST was 414px */
   margin-right: 0%;
   margin-left: 0%;
   max-width: 100%;
   overflow: visible; 
   }
.textBlock a:link 
   {
   color: #008FE8;
   text-decoration: none;
   font-size: 0.8em;
   }

.textBlock a:visited 
   {
   color: #0265A3;
   text-decoration: none;
   }

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

.textBlock a:active 
   {
   color: LightSkyBlue;
   text-decoration: none;
   }   
.linkBlock
   {
   float:  left;
   font-size: 1.0em;
   margin-right: 2%;
   margin-left: 5%;
   } 
   
.linkBlock p
   {
   font-family: "Helvetica","Arial Light", "Verdana", "sans-serif";

   /*overflow: hidden; */
   }
.linkBlock a:link 
   {
   color: #008FE8;
   text-decoration: none;
   font-size: 1.2em;
   }

.linkBlock a:visited 
   {
   color: #0265A3;
   text-decoration: none;
   }

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

.linkBlock a:active 
   {
   color: LightSkyBlue;
   text-decoration: none;
   }   
   
.linkBlock img
   {
   vertical-align: middle;
   height: auto;
   width: 24px;
   margin-right: 5px;
   }
   

.universalBinary
   {
   margin-right: 5%;
   margin-left: 5%;
   vertical-align: middle;
   max-width: auto;/* TEST was 414 */
   min-width: 288px;/* TEST was 414 */  
   }
    
.universalBinary img
   {
   float: left;
   width: 90;
   height: 60;
   margin-left: 0%;
   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: 288px;/* TEST was 414 */
   } 
 .footer
   {
   margin-right: 5%;
   margin-left: 5%;
   vertical-align: middle;
   max-width: auto;/* TEST was 414 */
   min-width: 288px;/* 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: 288px;/* TEST was 414 */
   }    

}