@charset "UTF-8";
/* --- CSS Document by Codify Design Studio - codifydesign.com --- */

body {
	margin: 0px;
	color: #777777;
	font-size: 12px;
	/* [disabled]font-family: Arial; */
	font-family: "Segoe UI", Tahoma, Helvetica, Sans-Serif, Arial, Verdana, Univers;
	background-color: #cfcfcf;
	line-height: 18px;
}

h1 {
	color: #25476C;
	font-size: 2.77em;
	font-weight: normal;
	margin: 3px 0px 20px 0px;
	line-height: 42px;
}
h2 {
	color: #214265;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 15px 0px;
}
h3 {
	color: #244669;
	margin-top: 12px;
	margin-bottom: 0px;
}
p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
a          {
	color: #36C;
}
a:visited  {
	color: #36C;
}
a:hover    { color: #5872f4; }

.container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
.container iframe {
	min-height: 220px;
	max-width: 980px;
	/* [disabled]position: absolute; */
	/* [disabled]top: 0px; */
	/* [disabled]left: 0px; */
	width: 100%;
	height: 100%;
}




/* BANNER AREA */
.bannerArea {
	width: 100%;
	height: 68px;
	background-color: #4971a2;
}

.bannerArea .container {
	width: 980px;
	height: 68px;
	background-image: url(images/banner_bkgd.jpg);
	background-repeat: no-repeat;
	background-position: 0px -7px;
}

.bannernav {
	padding-top: 20px;
	float: right;
	color: #112c4c;
	font-size: 10px;
	/* [disabled]font-family: Arial, Helvetica, Verdana, sans-serif; */
}

.bannernav a { color: #ffffff; text-decoration: none; }
.bannernav a:visited { color: #ffffff; }
.bannernav a:hover { color: #112c4c; text-decoration: none; }

.toplogo {
	padding-left: 30px;
	padding-top: 5px;
}


/* TOP NAVIGATION AREA */
.topnavigationArea {
	/* [disabled]background-image: url(images/topnav_bkgd.jpg); */
	/* [disabled]background-repeat: repeat-x; */
	background-color: rgb(0,80,156);
}
.topnavigationArea .container {
	/* [disabled]background-image: url(images/topnav_bkgd.jpg); */
	/* [disabled]background-repeat: repeat-x; */
	/* [disabled]background-color: #436d9c; */
	/* [disabled]width: 980px; */
}

.topnavigationgroup {
	margin: 0px;
	float: right;
	padding-right: 1px;
}
.topnavigationgroup ul {
	margin: 0px;
}

.topnavigationitem {
	max-width: 167px;
	margin-left: 0px;
	padding-left: 10px;
	padding-top: 9px;
	padding-right: 10px;
	padding-bottom: 9px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: none;
	border-right-width: 1px;
	color: white;
	font-size: 14px;
	font-weight: bold;
	/* [disabled]font-family: Arial, Helvetica, Verdana, sans-serif; */
	float: left;
}

/* CONTENT AREA */
.contentArea {
	width: 100%;
	background-color: #f0eff0;
	/* [disabled]background-image: url(images/content_bkgd_tile.jpg); */
	background-repeat: repeat-x;
}


.contentArea .container {
	padding-top: 30px;
	padding-bottom: 30px;
	/* [disabled]background-image: url(images/content_bkgd.jpg); */
	background-repeat: no-repeat;
	background-color: #f2f2f2;
}

.contentleft {
	width: 650px;
	padding-left: 40px;
	padding-right: 40px;
	float: left;
	border-right-style: solid;
	border-right-width: 1px;
}

.contentright {
	padding-top: 20px;
	float: left;
	padding-left: 30px;

	width: 210px;
}
.contentcenter {
	padding-right: 40px;
	padding-left: 40px;
	width: 900px;
	float: left;
}


.imageright {	
	margin-left: 5px;
	float: right;
}


/* FOOTER AREA */
.footerArea {
	width: 100%;
	background-color: #cfcfcf;
	background-image: url(images/footer_bkgd.jpg);
	background-repeat: repeat-x;
}

.footerArea .container {
	height: 177px;
	background-image: url(images/footer_bkgd.jpg);
	background-repeat: repeat-x;
}

.copyright {
	padding-left: 40px;
	padding-top: 12px;
	color: #666666;
	font-size: 12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.fourColumnFooter {
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
	height: 100px;
}
.doormatList {
	width: 23%;
	float: left;
}
.doormatList ul {
	list-style-type: none;
	padding-left: 0px;
}
.doormatList ul li a {
	text-decoration: none;
}
.footerIcon {
	padding-right: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.horizontalSeparator {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(204,204,204);
	width: 900px;
	float: left;
	margin-left: 40px;
	margin-right: 40px;
}
.homePageButton {
	font-size: 16px;
	background-color: rgb(0,51,204);
	text-align: center;
	height: 36px;
	width: 240px;
	color: rgb(255,255,255);
	vertical-align: middle;
	line-height: 36px;
	font-family: "Segoe UI Semibold", "Segoe UI", Tahoma, Helvetica, Sans-Serif;
	border-right: solid #0033CC 20px;



















































20px;
	background-position: right center;
	background-image: url(/images/arrowdown_24.png);
	background-repeat: no-repeat;
	margin-top: 22px;
}
.homePageButton a {
	color: rgb(255,255,255);
	text-decoration: none;
}
.underConstruction {
	color: rgb(255,255,255);
	background-color: rgb(0,102,204);
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	float: none;
}
.errorMessage {
	background-color: rgb(153,153,153);
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: none;
	color: rgb(255,255,255);
}

.comparisonChart     {
	font-size: 12px;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-spacing: 0;
	border-style: solid;
	border-collapse: collapse;
	border-color: rgb(153,153,153);
}
.comparisonChart td, .comparisonChart th {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 7px;
	border-color: rgb(153,153,153);
	border-style: solid;
	margin: 0;
	list-style-position: inside;
}


.comparisonChart .X {
	color: rgb(192,0,0);
	font-weight: bold;
}
.comparisonChart .V {
	font-weight: bold;
	color: rgb(0,176,80);
}
.comparisonChart .VX {
	font-weight: bold;
	color: rgb(155,187,89);
}




.comparisonChart th {
	background-color: rgb(79,129,189);
	color: rgb(255,255,255);
	font-weight: normal;
	text-align: left;
}
.comparisonChart .evenRow {
	background-color: rgb(230,232,234);
}
.submitButton {
	background-color: rgb(0,51,204);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: rgb(255,255,255);
	font-family: "Segoe UI Semibold", "Segoe UI", Tahoma, Helvetica, Sans-Serif;
	cursor: pointer;
	font-size: 16px;
	height: 36px;
	text-align: center;
	vertical-align: middle;
	width: 310px;
}


.starRating:not(old){
  display        : inline-block;
  width          : 7.5em;
  height         : 1.5em;
  overflow       : hidden;
  vertical-align : bottom;
}

.starRating:not(old) > input{
  margin-right : -100%;
  opacity      : 0;
}

.starRating:not(old) > label{
  display         : block;
  float           : right;
  position        : relative;
  background      : url('images/star-off.svg');
  background-size : contain;
}

.starRating:not(old) > label:before{
  content         : '';
  display         : block;
  width           : 1.5em;
  height          : 1.5em;
  background      : url('images/star-on.svg');
  background-size : contain;
  opacity         : 0;
  transition      : opacity 0.2s linear;
}

.starRating:not(old) > label:hover:before,
.starRating:not(old) > label:hover ~ label:before,
.starRating:not(:hover) > :checked ~ label:before{
  opacity : 1;
}