html * {
/*   font-family: Play !important;
   font-stretch: extra-expanded !important;*/

}
li {
	                      margin-left: 0px;
	                          padding: 0px;
}
img.scale {
                              width : 100%; /* or max-width : 100% */
                              height: auto; 
}

/* ******************************************************************
****************************FONTS and TEXT */

.BODY_DETAIL {
	        font-size: 0.8em;
	          color: #999999;
	     text-align: justify;
    text-justify: distribute;
}
.BODY {
	          color: #333333;
	     text-align: justify;
    text-justify: distribute;
	      margin-right:150px;
}
.BODY_LARGER_DETAIL {
	font-size: 16px;
	color: #ffffff;
	text-align: justify;
    text-justify: distribute;
}
.BODY_BOLD {
	       font-weight: bold;
	          color: #333333;
	     text-align: justify;
    text-justify: distribute;
}
.BODY_HEADER_BOLD {
	       font-weight: bold;
	          color: #333333;
	     text-align: justify;
    text-justify: distribute;
    font-size:200%;
}
.BULLETS {
				 font-size: 0.9em;
				font-weight: bold;
				   color: #3399cc;
}
.WARNING {
				 font-size: 0.8em;
				font-weight: bold;
				color: #B22222;
}
.BULLETS_SMALL {
             	font-size: 0.9em;
	               color:#999999;
	text-align:center !important;
	 line-height: 1em !important;
}
.BODY_BLUE {
	     padding: 0px;
	 font-size: 0.8em;
	font-weight: bold;
       color: #3399cc;
}
.BODY_DETAIL_BLACK {
         padding: 0px;
      font-size: 14px;
	font-weight: bold;
       color: #333333;
}
.DESCRIPTION {
	          color: #333333;
	     text-align: justify;
    text-justify: distribute;
}
.PHONE {
         padding: 0px;
     font-size: 0.9em;
	font-weight: bold;
       color: #FFFFFF;
}
.TOOL_NUMBER {
           color: #CCCCCC;
          font-size: 14px;
        font-weight: bold;
	text-decoration: none;
}
.TOOL_APP_DETAIL {
           color: #3399cc;
          font-size: 14px;
	text-decoration: none;
         text-align: left;
}
.TOOL_NAME_DETAIL {
           color: #000000;
          font-size: 20px;
	text-decoration: none;
         text-align: left;
}
.TOOL_MESSAGE {
           color: #000000;
          font-size: 16px;
	text-decoration: none;
         text-align: left;
}
.TOOL_NAME_DETAIL_APP {
           color: #3399cc;
           font-size: 1em;
	text-decoration: none;
         text-align: left;
}
.TOOL_NAME {
           color: #3399cc;
          font-size: 13px;
        font-weight: bold;
	text-decoration: none;
}
.TOOL_NUMBER_SMALL {
           color: #ffffff;
         font-size: 0.6em;
	text-decoration: none;
}
.noDirectSales {
	color: red;
	font-size: 25px;
	font-weight: bold;
}

/* ******************************************************************
****************************LINKS */

.LINK_SMALL {
              color: #333333;
	   text-decoration: none;
            font-size: 0.8em;
}
.LINK_SMALL:hover {
              color: #F68D03; 
       text-decoration: none;
}
.LINK {
              color: #333333;
           font-weight: bold;
              font-size: 1em;
       text-decoration: none;
         text-align: justify; 
	text-justify: distribute;
}
.LINK:hover {
              color: #F68D03; 
	   text-decoration: none;
}

/* ******************************************************************
****************************TABLES */

.TABLE {
	height: auto;
	width: auto;
	display: table-cell;
	border: 1px inset #ffffff;
}
.TRANS {
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background: transparent;
	background-color:#FBFBFB;
	border-color:#FBFBFB;
	opacity: .80;
	filter: alpha(opacity=80); /* IE's opacity*/ 
}
.TRANS3 {
	padding: 0px;
	padding-left: 0px;
	padding-right: 0px;
	border:ridge;
	border-width:thin;
	border-color:#FBFBFB;
	opacity: .90;
	filter: alpha(opacity=90); /* IE's opacity*/ 
}
.brightness {
    background-color: #ffffff;
    /*display: inline-block;*/
}
.brightness img:hover {
    opacity: .6;
}

.WARNING
{
	text-decoration: none;
	color: red;
}
/* ******************************************************************
****************************FOOTER */
.gradient {
background: rgb(149,149,149); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,149,149,1)), color-stop(46%,rgba(13,13,13,1)), color-stop(50%,rgba(1,1,1,1)), color-stop(53%,rgba(10,10,10,1)), color-stop(76%,rgba(78,78,78,1)), color-stop(87%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(149,149,149,1) 0%,rgba(13,13,13,1) 46%,rgba(1,1,1,1) 50%,rgba(10,10,10,1) 53%,rgba(78,78,78,1) 76%,rgba(56,56,56,1) 87%,rgba(27,27,27,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 ); /* IE6-9 */
}
#FOOTER {
              position:fixed;
                    left:0px;
                 bottom:90px;
                  height:0px;
                  width:100%;
}
.FOOT-LINK {
              color: #cccccc;
           font-weight: bold;
              font-size: 1em;
       text-decoration: none;
         text-align: justify;
    text-justify: distribute;
}
.FOOT-LINK:hover {
	          color: #F68D03; 
       text-decoration: none;
}
/* IE 6 */
* html #FOOTER {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

/* ******************************************************************
****************************SOCIAL ICONS */
@font-face {
    font-family: 'si';
    src: url('../socicon/socicon.eot');
    src: url('../socicon/socicon.eot?#iefix') format('embedded-opentype'),
         url('../socicon/socicon.woff') format('woff'),
         url('../socicon/socicon.ttf') format('truetype'),
         url('../socicon/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(../socicon/socicon.svg) format(svg);
    }
}
.soc {
                            overflow:hidden;
                                   margin:0; 
					              padding:0;
                            list-style:none;
}
.soc li {
                       display:inline-block;
                            *display:inline;
                                     zoom:1;
}
.soc li a {
                   font-family:si!important;
                          font-style:normal;
                            font-weight:400;
         -webkit-font-smoothing:antialiased;
          -moz-osx-font-smoothing:grayscale;
              -webkit-box-sizing:border-box;
                 -moz-box-sizing:border-box;
                  -ms-box-sizing:border-box;
                   -o-box-sizing:border-box;
                      box-sizing:border-box;

   						  -o-transition:.1s;
   						 -ms-transition:.1s;
  					    -moz-transition:.1s;
  				     -webkit-transition:.1s;
                             transition:.1s;
     -webkit-transition-property: transform;
             transition-property: transform;
           -webkit-transform: translateZ(0);
                   transform: translateZ(0);

                            overflow:hidden;
                       text-decoration:none;
                          text-align:center;
                              display:block;
                         position: relative;
                                 z-index: 1;
                                width: 39px;
                               height: 39px;
                          line-height: 39px;
                            font-size: 21px;
                 -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                         border-radius: 3px;
                          margin-right: 4px;
                             color: #ffffff;
                     background-color: none;
}
.soc-icon-last { margin:0 !important; }
.soc-twitter { background-color: #4da7de; }
.soc-twitter:before { content:'a'; }
.soc-facebook { background-color: #3e5b98; }
.soc-facebook:before { content:'b'; }
.soc-google { background-color: #d93e2d; }
.soc-google:before { content:'c'; }
.soc-linkedin { background-color: #3371b7; }
.soc-linkedin:before { content:'j'; }
.soc-twitter:hover { background-color: #F68D03; }
.soc-facebook:hover { background-color: #F68D03; }
.soc-google:hover { background-color: #F68D03; }
.soc-linkedin:hover { background-color: #F68D03; }

/* ******************************************************************
****************************PHOTO BANNER */ 
.photocontainer {
                                       overflow: auto;
                                       margin: 1px auto;
                                             width:100%;
}
.photobanner {
 									      height: 233px;
                                          width: 3550px;
                                     margin-bottom: 0px;
}
.photobanner img {
                    -webkit-transition: all 0.25s ease;
                       -moz-transition: all 0.25s ease;
                         -o-transition: all 0.25s ease;
                        -ms-transition: all 0.25s ease;
                            transition: all 0.25s ease;
}
.photobanner img:hover {
                  -webkit-transform: scale(0.98, 0.98);
                     -moz-transform: scale(0.98, 0.98);
                       -o-transform: scale(0.98, 0.98);
                      -ms-transform: scale(0.98, 0.98);
                          transform: scale(0.98, 0.98);
                                       cursor: pointer;

       -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
          -moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
               box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}
/* ******************************************************************
****************************KEYFRAME ANIMATIONS */ 
.first {
    -webkit-animation: bannermove 200s linear infinite;
       -moz-animation: bannermove 200s linear infinite;
        -ms-animation: bannermove 200s linear infinite;
         -o-animation: bannermove 200s linear infinite;
            animation: bannermove 200s linear infinite;
}
@keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -2125px; } }
@-moz-keyframes bannermove { 0% { margin-left: 0px; } 100% {  margin-left: -2125px; } }
@-webkit-keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -2125px; } }
@-ms-keyframes "bannermove" { 0% { margin-left: 0px; } 100% { margin-left: -2125px; } }
@-o-keyframes "bannermove" {0% { margin-left: 0px;} 100% { margin-left: -2125px;} }