/* Reset CSS */

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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Main CSS */

body { background-color:#ffffff; font-family:Helvetica, Arial, sans-serif; font-size:14px;}

#competitorsections { position:relative; top: -60px; width: 994px; padding: 0px; margin: 0px auto; text-align: left; }
#maincontent2 { width: 994px; float: left;  width: 994px; padding: 0px; margin: 0px auto; text-align: left; }
#maincontent3 { width: 994px; float: left;  margin-bottom: 0px; }
#hometextb2 { clear: both; width: 860px; height: 305px; background: white; margin: -5px auto 0px auto; padding: 40px 25px 0px 25px; color: #393939; }

td { padding: 2px; vertical-align:middle; align-content:center; height:45px;}

.comparisons { margin-left:-12px; position: relative;/* min-height:5000px; position:absolute; top:550px; margin-left: 50%; width: 1700px; left:-850px; */ }

#footer { /* position:absolute; top: 5550px; margin-left: 50%; width: 950px; left:-475px; */ }

tr { }
.left { float:left; position:relative;}
.content { padding: 0px; border-bottom:2px solid #cccccc; margin:7px 0px; width:100%; }
.printcontent { padding: 0px; border-bottom:2px solid #cccccc; margin:7px 0px; width:600px; position:relative; top:-50px; height:50px; }
.buttons { border: 1px solid #CDCDCD; padding: 5px; margin: 0px 5px; background-color:#ffffff;}
.buttons-main { padding:0px; margin:0px 0px; width: 100%; text-align:left; top:-10px;}
.buttons-main2 { padding:5px 0px; margin:0px; width: 100%; text-align:left; background-color:#DFDFDF;}
.area { height:90px; padding:0px 0px; text-align:center; font-weight:normal; font-size:14px; text-transform:uppercase; color:#000066; float:left; width:100px; }
.area2 { height:auto; padding:0px; text-align:left; font-weight:Bold; font-size:18px; text-transform:uppercase; color:#000066; float:left; width:100%; margin: 5px;}
.compname2 {padding:10px; margin-right:20px;  font-weight:Bold; font-size:16px; text-transform:uppercase; color:#000066; border: 1px solid #cccccc; width:100px; float:left; position:relative; }

#description-text { font-size:36px; text-transform:uppercase; font-weight: lighter; color: #aaaaaa; width:200px; height:80px; text-align:center; padding:10px 0px; margin:10px 0px; border-left:none; border-right:2px solid #cccccc; border-top:2px solid #cccccc; border-bottom:4px solid #ffffff;}
.areatext {   font-weight: normal; font-family: arial; font-style: normal; font-size: 16px; color: #000066; top: 6px; position: relative; padding-left: 15px; }
/* Top Menu */

#menu-bar {
  width: 95%;
  margin: 0px 0px 0px 0px;
  padding: 6px 6px 4px 6px;
  height: 26px;
  line-height: 100%;
  border-radius: 19px;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  box-shadow: 2px 2px 3px #666666;
  -webkit-box-shadow: 2px 2px 3px #666666;
  -moz-box-shadow: 2px 2px 3px #666666;
  background: #3498DB;
  border: solid 1px #091691;
  position:relative;
  z-index:999;
}
#menu-bar li {
  margin: 0px 0px 6px 0px;
  padding: 0px 6px 0px 6px;
  float: left;
  position: relative;
  list-style: none;
}
#menu-bar a {
  font-weight: normal;
  font-family: arial;
  font-style: normal;
  font-size: 16px;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 6px 20px 6px 20px;
  margin: 0;
  margin-bottom: 6px;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  text-shadow: 0px 1px 3px #2B30BA;
}
#menu-bar li ul li a {
  margin: 0;
}
#menu-bar .active a, #menu-bar li:hover > a {
  background: #FFFFFF;
  color: #000099;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 2px 2px 3px #CFCFCF;
}
#menu-bar ul li:hover a, #menu-bar li:hover li a {
  background: none;
  border: none;
  color: #666;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#menu-bar ul a:hover {
  background: #0399D4 !important;
  background: linear-gradient(top,  #04ACEC,  #0186BA) !important;
  background: -ms-linear-gradient(top,  #04ACEC,  #0186BA) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#0186BA)) !important;
  background: -moz-linear-gradient(top,  #04ACEC,  #0186BA) !important;
  color: #FFFFFF !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar li:hover > ul {
  display: block;
}
#menu-bar ul {
  background: #DDDDDD;
  background: linear-gradient(top,  #FFFFFF,  #CFCFCF);
  background: -ms-linear-gradient(top,  #FFFFFF,  #CFCFCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
  background: -moz-linear-gradient(top,  #FFFFFF,  #CFCFCF);
  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 30px;
  left: 0;
  border: solid 1px #B4B4B4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  box-shadow: 2px 2px 3px #222222;
}
#menu-bar ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#menu-bar ul a {
  padding:10px 0px 10px 15px;
  color:#424242 !important;
  font-size:12px;
  font-style:normal;
  font-family:arial;
  font-weight: normal;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar ul li:first-child > a {
  border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
}
#menu-bar ul li:last-child > a {
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
}
#menu-bar:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menu-bar {
  display: inline-block;
}
  html[xmlns] #menu-bar {
  display: block;
}
* html #menu-bar {
  height: 1%;
}

/* Bottom Menu */

#menu-bar2 {
  width: 95%;
  margin: 0px 0px 0px 0px;
  padding: 6px 6px 4px 6px;
  height: 26px;
  line-height: 100%;
  border-radius: 19px;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  box-shadow: 2px 2px 3px #666666;
  -webkit-box-shadow: 2px 2px 3px #666666;
  -moz-box-shadow: 2px 2px 3px #666666;
  background: #999999;
  border: solid 1px #666666;
  position:relative;
  z-index:999;
}
#menu-bar2 li {
  margin: 0px 0px 6px 0px;
  padding: 0px 6px 0px 6px;
  float: left;
  position: relative;
  list-style: none;
}
#menu-bar2 a {
  font-weight: normal;
  font-family: arial;
  font-style: normal;
  font-size: 16px;
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding: 6px 20px 6px 20px;
  margin: 0;
  margin-bottom: 6px;
  border-radius: 13px;
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  text-shadow: 0px 1px 3px #333333;
}
#menu-bar2 li ul li a {
  margin: 0;
}
#menu-bar2 .active a, #menu-bar2 li:hover > a {
  background: #FFFFFF;
  color: #000099;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
  text-shadow: 2px 2px 3px #CFCFCF;
}
#menu-bar2 ul li:hover a, #menu-bar2 li:hover li a {
  background: none;
  border: none;
  color: #666;
  -box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
#menu-bar2 ul a:hover {
  background: #0399D4 !important;
  background: linear-gradient(top,  #04ACEC,  #0186BA) !important;
  background: -ms-linear-gradient(top,  #04ACEC,  #0186BA) !important;
  background: -webkit-gradient(linear, left top, left bottom, from(#04ACEC), to(#0186BA)) !important;
  background: -moz-linear-gradient(top,  #04ACEC,  #0186BA) !important;
  color: #FFFFFF !important;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar2 li:hover > ul {
  display: block;
}
#menu-bar2 ul {
  background: #DDDDDD;
  background: linear-gradient(top,  #FFFFFF,  #CFCFCF);
  background: -ms-linear-gradient(top,  #FFFFFF,  #CFCFCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CFCFCF));
  background: -moz-linear-gradient(top,  #FFFFFF,  #CFCFCF);
  display: none;
  margin: 0;
  padding: 0;
  width: 185px;
  position: absolute;
  top: 30px;
  left: 0;
  border: solid 1px #B4B4B4;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-box-shadow: 2px 2px 3px #222222;
  -moz-box-shadow: 2px 2px 3px #222222;
  box-shadow: 2px 2px 3px #222222;
}
#menu-bar2 ul li {
  float: none;
  margin: 0;
  padding: 0;
}
#menu-bar2 ul a {
  padding:10px 0px 10px 15px;
  color:#424242 !important;
  font-size:12px;
  font-style:normal;
  font-family:arial;
  font-weight: normal;
  text-shadow: 2px 2px 3px #FFFFFF;
}
#menu-bar2 ul li:first-child > a {
  border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
}
#menu-bar2 ul li:last-child > a {
  border-bottom-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
}
#menu-bar2:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#menu-bar2 {
  display: inline-block;
}
  html[xmlns] #menu-bar2 {
  display: block;
}
* html #menu-bar2 {
  height: 1%;
}

input { font-size:18px; font-weight:bold; padding:10px; border:2px solid #999999; background-color:#666666; color:#ffffff; margin-right:15px}

.topper {border:none; }

.logos {border-left:none; border-right:2px solid #cccccc; border-top:2px solid #cccccc; border-bottom:4px solid #ffffff; }
.logos-first { border-left:none; border-right:2px solid #cccccc; border-top:none; border-bottom:4px solid #ffffff; }

.green { background-color:#21885d; padding: 0px; border-right:4px solid white; font-weight:bold; font-size:24px; text-transform:uppercase; margin:-25px;}
.green-light { background-color: #96d9bd; padding:  3px 15px; border-right:4px solid white; font-weight:bold; font-size:14px;border-bottom: 1px solid #000000; width:260px;}
.blue { background-color:#0872AE; padding: 0px; border-right:4px solid white; font-weight:bold; font-size:24px; text-transform:uppercase; margin:-25px;}
.blue-light { background-color:#b7d2e1; padding:  3px 15px; border-right:4px solid white; font-weight:bold; font-size:14px;border-bottom: 1px solid #000000;}
.yellow { background-color:#ffcc33; padding: 0px; border-right:4px solid white; font-weight:bold; font-size:24px; text-transform:uppercase; margin:-25px;}
.yellow-light { background-color:#fff3cf; padding:  3px 15px; border-right:4px solid white; font-weight:bold; font-size:14px;border-bottom: 1px solid #000000;}
.red { background-color:#ee1b24; padding: 0px; border-right:4px solid white; font-weight:bold; font-size:24px; text-transform:uppercase; margin:-25px;}
.red-light { background-color:#eec8c9; padding:  3px 15px; border-right:4px solid white; font-weight:bold; font-size:14px;border-bottom: 1px solid #000000;}
.sun { background-color:#ffff00; padding: 0px; border-right:4px solid white; font-weight:bold; font-size:24px; text-transform:uppercase; margin:-25px;}
.sun-light { background-color:#ffffde; padding:  3px 15px; border-right:4px solid white; font-weight:bold; font-size:14px;border-bottom: 1px solid #000000;}
.orange { background-color:#ff6600; padding: 0px; border-right:4px solid white; font-weight:bold; font-size:24px; text-transform:uppercase; margin:-25px;}
.orange-light { background-color:#ffe0cb; padding: 3px 15px; border-right: 4px solid white; font-weight:bold; font-size:14px;border-bottom: 1px solid #000000;}


.light { background-color:#ffffff; padding:  3px 15px;border-bottom: 1px solid #000000; width:200px; border-right:4px solid white;}
.dark { background-color:#dddddd; padding:  3px 15px;border-bottom: 1px solid #000000; border-right:4px solid white;}

.light-neutral { background-color:#eeeeee; padding:  3px 15px;border-bottom: 1px solid #000000; width:200px; border-right:4px solid white;}
.dark-neutral { background-color:#cccccc; padding:  3px 15px;border-bottom: 1px solid #000000; border-right:4px solid white;}
.detailcell { padding:  3px 15px;border-bottom: 1px solid #000000; border-right:1px solid #cccccc;}

.none { padding:  3px 15px; color:#999999; background: repeating-linear-gradient( 35deg, #ffffff, #ffffff 10px, #dddddd 10px, #dddddd 20px );border-bottom: 1px solid #000000; border-right:4px solid white;}
.nonedark { padding:  3px 15px; color:#777777; background: repeating-linear-gradient( 35deg, #dddddd, #dddddd 10px, #bbbbbb 10px, #bbbbbb 20px );border-bottom: 1px solid #000000; border-right:4px solid white;}

.description { padding: 15px; font-weight:bold; font-size:16px; text-transform: uppercase; height:50px; color:#000000;}
.description2 { padding: 15px; font-weight:bold; font-size:16px; text-transform: uppercase; height:100px; color:#000000;}


.intiallyhidden, .section {display:none;}

.initial {display:inherit;}
 
.spacer {height:50px; position:relative;} 

.rotate {
 /* FF3.5+ */
 -moz-transform: rotate(-90.0deg);
 /* Opera 10.5 */
 -o-transform: rotate(-90.0deg);
 /* Saf3.1+, Chrome */
 -webkit-transform: rotate(-90.0deg);
 /* IE6,IE7 */
 filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.083);
 /* IE8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)";
 /* Standard */
 transform: rotate(-90.0deg);
}