@charset "utf-8";
/* CSS Document */


body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote {
        padding: 0;
        margin: 0;
}

body {
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #036;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
h1 {
	font-size: 22px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
}
.home #container {
	width: 980px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.home #header {
	background-image: url(images/homepage/header.png);
	background-repeat: no-repeat;
	text-align: right;
	padding-top: 115px;
	padding-right: 10px;
	margin-bottom: 15px;
}
.home #header a {
	text-decoration: none;
	color: #036;
	padding: 3px;
}
.home #header a:hover {
	color:#FFF;
	background-color: #6FB440;
}
.home #mainContent {
	margin-top: 10px;
	margin-bottom: 10px;
}
.home #mainContent p {
	padding-bottom: 10px;
}
.home #featurePanels {
	background-image: url(images/homepage/main_panel.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 327px;
}
.home #featurePanels #button {
	padding-top: 250px;
	padding-left: 150px;
}
.home #bulletFeatures {
	float: right;
}
.home #bottomContent {
	background-image: url(images/homepage/bottom_panel.gif);
	background-repeat: no-repeat;
	height: 270px;
	margin-bottom: 10px;
}
.home #bottomContent #left {
	float: left;
	width: 46%;
	padding-top: 75px;
	padding-left: 23px;
	color: #FFF;
}
.home #bottomContent #left img {
	clear: left;
	float: left;
	margin-right: 25px;
}

.home #bottomContent #right {
	float: left;
	width: 48%;
	padding-top: 75px;
	padding-left: 23px;
	color: #FFF;
}
.home #bottomContent #right img {
	clear: left;
	float: left;
	margin-right: 25px;
}
.home #bottomContent ul {
	list-style-position: outside;
	list-style-image: url(images/homepage/bullet_green.png);
}
.home #bottomContent  ul li {
	padding-bottom: 10px;
	margin-left: 20px;
}
.home .btnBottom {
	float: left;
}
.home #footer {
	background:#FFF;
	margin-bottom: 20px;
}
.home #footer p {
	margin: 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: 11px;
	text-align: center;
}
.home #footer p a {
	color: #036;
	text-decoration: underline;
}
.home #footer p a:hover {
	color:#03F;
}
.prodDetails #mainContent {
	height: 725px;
}
.greenEmphasis {
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #6FB440;
}
#mainContent p {
	padding-bottom: 10px;
}

#mainContent h1 {
	font-size: 22px;
	font-weight: bold;
}
.prodDetails #mainContent #text {
	width: 500px;
}
.prodDetails #mainContent #rotation {
	float: right;
	height: 616px;
	width: 462px;
}

#mainContent #text ul {
	list-style-position: outside;
	list-style-image: url(images/bullet_dk_green.png);
	padding-left: 30px;
}

#mainContent #text ul li {
	padding-bottom: 10px;
}

#mainContent h2{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 10px;
}
.accessDetail {
	padding-right: 20px;
	width: 50%;
	vertical-align: top;
}
.greenText {
	color: #693;
	font-weight: bold;
}


.accessDetail h3  {
	color: #6FB440;
	font-size: 24px;
	font-weight: normal;
}
#mainContent p a {
	color: #6EB43F;
	font-weight: bold;
	text-decoration: none;
}
#mainContent p a:hover {
	color:#FFF;
	background-color:#6EB43F;
}
.blueNotes {
	color: #2583C3;
	font-style: italic;
	font-weight: bold;
	padding-left: 20px;
	margin-bottom: 20px;
}

.contact #contactForm{
	float: right;
	width: 550px;
	clear: both;
	margin-left: 50px;
}
#contactForm #textfield, #select, #button {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #039;
}
.required {
	font-weight: bold;
	color: #F00;
}

.contact #mainContent {
	float: left;
	clear: left;
	width: 100%;
}
.thanks #mainContent {
	text-align: center;
}
.error #mainContent {
	color: #F00;
	text-align: center;
}

.purchase .purchaseInfo{
	float: right;
	width: 550px;
	clear: none;
}
.purchase .purchaseHeader {
	font-size: 24px;
	color: #FFF;
	background-color: #6FB440;
	text-align: center;
	padding-top: 4px;
	float: left;
	width: 100%;
	padding-bottom: 4px;
	margin-bottom: 20px;
}
.purchase .purchashLinks {
	width: 200px;
	padding-top: 30px;
}
.purchase .purchaseLinks ul {
	list-style-type: none;
}


.purchase .purchaseLinks li a {
	font-size: 18px;
	color: #06C;
	text-decoration: none;
}
.purchase #mainContent p a {
	color: #2482C2;
	font-size: 16px;
}
.purchase #mainContent p a:hover {
	color:#FFF;
}
.purchase #mainContent p {
	padding-top: 10px;

}

.purchase #purchasePhoto{
	float: right;
	width: 550px;
	clear: right;
}

.purchase #mainContent {
	height: 600px;
}

.download-button a{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #002b5a; /* blue */ 
  border: none;
  color: white;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
}

.download-button a:hover {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  background-color: #66cc33; /* Green */
  border: none;
  color: white;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 8px;
}


.download-button {
   margin: 0 auto;
   text-align: center;
   padding-bottom: 10px;
}