@charset "utf-8";


body {
	background-color: #f2f2f2;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

a:link { color: #666; text-decoration: none;}
a:hover { color: #4e91dd; text-decoration: none;}
a:visited {color: #666; text-decoration: none;}
.copyright { font-size: 11px; color: #999; text-align:center;}
.category { font-size: 12px; color: #666;}
a.category:link { color: #666; text-decoration: none;}
a.category:hover { color: #4e91dd; text-decoration: none;}
a.category:visited { color: #666; text-decoration: none;}
.category2 { font-size: 12px; color: #4e91dd;}
.title { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 18px; font-weight:bold; color: #000;}
.title2 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 18px; font-weight:bold; color: #999;}
.text10 {font-size: 10px; color: #666;}
.model {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; color: #666; text-align:center;}
.buttonRed {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #fff; text-align:center;}
a.buttonRed:link { color: #fff; text-decoration: none;}
a.buttonRed:hover { color: #fff; text-decoration: none;}
a.buttonRed:visited { color: #fff; text-decoration: none;}
.spec {	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #000; padding: 6px;}
.spec2 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; color: #666; padding: 6px;}
.speccontent { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; color: #666; text-align:center; padding: 6px;}
.copyright { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; color: #666; text-align:center; padding: 6px;}
.optional { font-size: 12px; color:#FF0000;}
.categorybtn { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	font-size: 12px; color: #000; padding: 3px;}
a.categorybtn:link { color: #000; text-decoration: none;}
a.categorybtn:hover { color: #4e91dd; text-decoration: none;}
a.categorybtn:visited { color: #000; text-decoration: none;}
.categorybtnHit { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #4e91dd; padding: 3px;}
.downloadbtn { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	font-size: 13px; color: #fff; text-align:center; padding: 6px;}
.specwhite { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	font-size: 13px; color: #fff; padding: 6px;}
a.downloadbtn:link { color: #fff; text-decoration: none;}
a.downloadbtn:hover { color: #939598; text-decoration: none;}
a.downloadbtn:visited { color: #fff; text-decoration: none;}
.titleBlue { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 15px; font-weight:bold; color: #004284;}
.featuretitle { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;	font-size: 12px; color: #fff; text-align:center; padding: 6px;}
.featurecontent { font-size: 11px; color: #000; text-align:center; padding: 3px;}
.keytitle { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 15px; font-weight:bold; text-align:center; color: #fff; padding: 6px; background-color:#0068A5}
.keytitle2 { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 15px; font-weight:bold; text-align:center; color: #fff; padding: 6px; background-color:#21434C}
.subkeytitle { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; font-weight:bold; text-align:center; color: #000; padding: 6px; background:#C4CFE3;}
.textarial { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #000; padding: 3px;}
.content {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #000; padding: 8px;}
.titleWhite { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 15px; font-weight:bold; color: #fff; padding: 3px;}
.content2 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #000;}
.contentBold {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #C4151C; font-weight:bold;}
.contentBoldBlack {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 11px; color: #000; font-weight:bold;}

.brotitle {	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #000;}
.brocontent {	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #666;}.content-white {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding: 8px;
	text-align: justify;
	line-height: 13px;
	text-decoration: none;
}

.btnslideblue2:before{
  content: '';
  position: absolute;
  z-index: -2;
  -webkit-transition-property: inherit;
  transition-property: inherit;
  -webkit-transition-duration: inherit;
          transition-duration: inherit;
  -webkit-transition-timing-function: inherit;
          transition-timing-function: inherit;
}
.btnslideblue {
  position: relative;
  display: inline-block;
  box-shadow: none;
  border: 0;
  background-color: #00baf2;
  color: #fff;
  padding: 0 20px;
  line-height: 2.6em;
  height: 2.6em;
  white-space: nowrap;
  z-index: 9;
  overflow: hidden;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.1em;
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.6s;
          transition-duration: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
}

.btnslideblue2 {
  color: transparent;
  text-shadow: -50px 0 0 transparent, 0 0 0 #fff;
}
.btnslideblue2:before {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #00a3d4;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}

.btnslideblue2:hover {
  text-shadow: 0 0 0 #fff, 50px 0 0 transparent;
}
.btnslideblue2:hover:before {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}