/* top elements */
* { padding: 0; margin: 0; }

body {
	margin: 0;
	padding: 0;
	font:normal 13px Arial, sans-serif;
	color: #000; 
}
.body {
	background: #fff url(../images/bg.jpg) repeat-x;
}
.bodyhome {
	background: #fff url(../images/bg_home.png) repeat-x;
}

table {
	border: 0;
	padding: 0; margin: 0;
}

/* headers */
h1, h2, h3 {
	font-family: Arial, sans-serif;
	margin:0; padding:0; 
}
h1 {  
	font-size:19px;
	font-weight: normal;
	color:#000;
} 
h2 { font: bold 16px Arial,sans-serif; color: #2C529E;  }
h3 { font: bold 15px Arial,sans-serif; line-height:16px; font-style:italic; color: #666; }

h1.titlepage {
	font-size: 35px;
	font-weight: normal;
	color:#fff;
	text-align:left;
	text-shadow:#6e911d 1px 1px 2px;
}

/* lang */
.langoff {
	width:40px;height:22px;
	background:url(/site/images/langbg.png) no-repeat;
	text-align:center;
	color:#999;font-size:11px; font-weight:bold;
	text-shadow: #333 0.5px 0.5px 1px;
}
.langon {
	width:40px;height:22px;
	background:url(/site/images/langbgactive.png) no-repeat; 
	text-align:center; 
	text-shadow: #000 0.5px 0.5px 1px;
	color:#929688;font-size:11px; font-weight:bold;
	cursor:hand;cursor:pointer;
}
.langon:hover {
	background:url(/site/images/langbgactiveover.png) no-repeat; 
}
.langon a {
	color:#b8da65;text-decoration:none;
}
.langon a:hover {
	color:#fff;
}
.langon span {
	display: none;
}
.langon:hover span {
	display: block;
   	position: absolute; top:34px;
   	background-color:#eee; padding:2px 6px;
   	border:1px solid #BBB; border-top: 0;
   	color: #777;
   	text-shadow: #eee 0px 0px 0px;
}

/* menu */
.menuopt {
	padding:1px 11px 5px 11px;
	text-shadow: #000 1px 1px 1px;
	cursor:hand;cursor:pointer;
	background:url(/site/images/menubg.png) repeat-x;
}	
.menuopt:hover {
	text-shadow: #263401 1px 1px 1px;
	color:#fff;
	background:url(/site/images/menubgover.png) repeat-x;
}	
.menunum {
	font-size:10px;height:11px;color:#8b9b65;
}

/* buttons*/
.buttonleftsmall {
	text-shadow:#fff 1px 1px 1px !important; 
	background:url(/site/images/buttonleftsmall.png) no-repeat; 
	width:277px; height:57px; cursor:hand;cursor:pointer;
}

.buttonfootereco {
	text-shadow:#fff 1px 1px 1px !important; 
	background:url(/site/images/footer_ecobutton.png) no-repeat; 
	width:960px; height:36px; cursor:hand;cursor:pointer;
}

/* links */
a.menu { 
	color: #ffffff;
	font-size:13px;
	font-weight:bold;
	text-decoration: none;
}
a.menu:hover {
	color: #ffffff;
}

a.footermenu { 
	color: #fff;
	font-size:13px;
	font-weight:bold;
	text-decoration: none;
	text-shadow: #111 1px 1px 1px;
}
a.footermenu:hover {
	color: #031b43;
	text-shadow: #6893de 1px 1px 1px;
}

a.option { 
	color: #005AFF;
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
}
a.option:hover {
	color: #013BA6;
}

a { 
	color: #005AFF;
}
a:hover {
	color: #013BA6;
}

a.footbar { 
	text-decoration: none;
	color: #A3D929;
}
a.footbar:hover {
	color: #EAF8CA;
}

a.keyword:visited, a.keyword:link {  color: #3a66b1; text-decoration: none}
a.keyword:hover {  color: #a3cd3d; text-decoration: none}

.homeleftinfo {
	padding-left:4px;
	padding-right:8px;
	padding-bottom:13px;
	color:#628905;
	font:bold 16px Arial,sans-serif;
	font-style:italic;
}	

/* ul */
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #000;
}

ul.normal {
	margin: 0;
	margin-left: 31px;
	padding: 0 0 0 0;
	color: #000;
}
ul.normal li {
	padding-bottom: 10px;
}

ul.noticeablelist {
	margin: 0;
	margin-left: 31px;
	padding: 0 0 0 0;
	color: #000;
}
ul.noticeablelist li {
	padding-bottom: 10px;
	font-size:13px;
}

ul li b {
	font-weight: normal;
	font-size: 18px;
}

/* Error data */
input.error{
 	font-family: Arial, sans-serif; 
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
	background-color: #FFFFFF;
	border-style:solid;
	border-color: red;
	border-width: thin;
}
div.errorform{
	text-align:left;
	font:normal 12px Arial, sans-serif; 
	color: #FFFFFF;
	margin:0; padding:1px;
	background-color: #C41F1F;
	border-style:dashed;
	border-color: #FF0000;
	border-width: thin;
	width:100%;
}
.titleerrorform {
	font:normal 11px Arial, sans-serif; 
	color: #F9C7C7;
	padding:2px 5px;
	background-color: #A01F1F;
}
.txterror {
	font-family: Arial, sans-serif; 
	font-size: 18px;
	color: #FF0000;
	font-weight: bold;
}

span.bold {
	font-weight: bold;
}
span.small {
	font:normal 11px Arial,sans-serif;
	color: #777777;
}
img.vertmiddle {
	vertical-align: middle;
}

/* images */
img {
	border: 0;
}
img.no-border {
	border: none;
}

/* form elements */
form {
	margin: 0; padding: 0;
}
input, textarea, select {
	vertical-align: middle;
 	font-family: Arial, sans-serif; 
	font-size: 13px;
	color: #413d2b;
	padding: 2px 5px;
	border: #ebe0ae 1px solid;
    background-color: #fef9e3;
}


/* info */
table.info {
   border-collapse: collapse;
}
table.info tr td {
   padding: 2px 2px 2px 5px;
   text-align: left;  
   font: normal 12px Arial,sans-serif; 
   vertical-align: top;
}
table.info tr td.void {
   border:0;
}
table.info tr td.enhance {
   color: #7b5335;
   font-weight: bold;	
}
table.info tr td.bold {
   font-weight: bold;	
}
table.info tr td span.small {
   font-size: 11px;
   color: #777777;
}
table.info tr td span.disabled {
   color: #791c00;
   font-weight: bold;	
}
table.info tr td span.field-markneed {
	background: url(/site/images/field-markneed.png) no-repeat top right;
	padding-right: 13px;
}
table.info tr.head td {
  background-color: #E1D8C0;
  font-size: 10px;
  color: #7C6935;
}
table.info tr.detail td {
  background-color: #FDF5EC;
}
table.info tr td.important {
  background-color: #FFDC61;
}
table.info tr td.field {
  border: 1px solid white;
  background: #ecf1f9;
  color: #465369;
  padding: 3px 8px 1px 13px;
  font-size: 12px;
  vertical-align: top;
  font-weight: normal;
}
table.info tr td.center {
  text-align: center;
}
table.info tr td.help {
  font: normal 11px "trebuchet ms",Arial, sans-serif;
  color: #666666;
}
table.info tr.title td {
  font: normal 20px "trebuchet ms",Arial, sans-serif;
  color: #89823C;
  padding: 5px 0 1px 4px;
  border:0px;
  border-bottom: 1px solid #89823C;
  margin-bottom:15px;
}
.infotitle {
  font: normal 20px "trebuchet ms",Arial, sans-serif;
  color: #89823C;
  padding: 3px 0 0 0;
  border-bottom: 1px dotted #89823C;
  margin-bottom: 3px;
}

/* selected image rounded */
div.ovalbutton{
background: transparent url('/site/images/extovalselbutton-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Arial, sans-serif; /* Change 13px as desired */
color: #746a3e;
line-height: 16px; 
height: 24px; 
padding-left: 11px;
margin-right: 5px;
text-decoration: none;
}
div.ovalbutton span.ovalimg{
background: transparent url('/site/images/extovalselbutton-right.gif') no-repeat top left;
display: block;
float: left;
padding: 4px 6px 4px 0;
}
div.ovalbutton span.ovaltext{
background: transparent url('/site/images/extovalselbutton-right.gif') no-repeat top right;
display: block;
float: left;
padding: 4px 15px 4px 0;
}


/* medium rounded button */
a.ovalbutton{
background: transparent url('/site/images/extovalbutton-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Arial, sans-serif;
color: #666;
line-height: 16px;
height: 24px;
padding-left: 11px;
margin-right: 5px;
text-decoration: none;
cursor: pointer;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #666;
}

a.ovalbutton span.ovalimg{
background: transparent url('/site/images/extovalbutton-right.gif') no-repeat top left;
display: block;
float: left;
padding: 4px 6px 4px 0;
}

a.ovalbutton span.ovaltext{
background: transparent url('/site/images/extovalbutton-right.gif') no-repeat top right;
display: block;
float: left;
padding: 4px 15px 4px 0;
}

a.ovalbutton:hover{ 
background-position: bottom left;
}

a.ovalbutton:hover span.ovalimg{
background-position: bottom left;
}
a.ovalbutton:hover span.ovaltext{ 
background-position: bottom right;
color: #695a1d;
}


/* med button image rounded */
a.ovalmedbutton{
background: transparent url('/images/ovalmedbutton-left.gif') no-repeat top left;
display: block;
float: right;
font: bold 12px Arial, sans-serif; /* Change 13px as desired */
color: white;
line-height: 24px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 30px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
margin-right: 5px;
text-decoration: none;
cursor: pointer;
}

a:link.ovalmedbutton, a:visited.ovalmedbutton, a:active.ovalmedbutton{
color: white;
}

a.ovalmedbutton span.ovalimg{
background: transparent url('/images/ovalmedbutton-right.gif') no-repeat top left;
display: block;
float: left;
padding: 7px 15px 7px 0; /* 4px 11px 4px 0; Set 11px below to match value of 'padding-left' value above*/
}

a.ovalmedbutton span.ovaltext{
background: transparent url('/images/ovalmedbutton-right.gif') no-repeat top right;
display: block;
float: left;
padding: 3px 23px 3px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalmedbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalmedbutton:hover span.ovalimg{ /* Hover state CSS */
background-position: bottom left;
}
a.ovalmedbutton:hover span.ovaltext{ /* Hover state CSS */
background-position: bottom right;
color: white;
}


/* big rounded button */
a.ovalmaxbutton{
background: transparent url('/site/images/extovalmaxbutton-left.gif') no-repeat top left;
display: block;
float: right;
font: bold 14px Arial, sans-serif;
color: #333;
line-height: 24px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 30px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
margin-right: 5px;
text-decoration: none;
cursor: pointer;
}

a:link.ovalmaxbutton, a:visited.ovalmaxbutton, a:active.ovalmaxbutton{
color: #333;
}

a.ovalmaxbutton span.ovalimg{
background: transparent url('/site/images/extovalmaxbutton-right.gif') no-repeat top left;
display: block;
float: left;
padding: 7px 15px 7px 0;
}

a.ovalmaxbutton span.ovaltext{
background: transparent url('/site/images/extovalmaxbutton-right.gif') no-repeat top right;
display: block;
float: left;
padding: 3px 23px 3px 0;
}

a.ovalmaxbutton:hover{
background-position: bottom left;
}

a.ovalmaxbutton:hover span.ovalimg{
background-position: bottom left;
}
a.ovalmaxbutton:hover span.ovaltext{
background-position: bottom right;
color: #695a1d;
}

.maxbuttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden;
width: 100%;
}

.featurebox {
vertical-align:top;
padding-right:8px;
padding-top:2px;padding-bottom:2px;
}
.featurebox div {
background: url('/site/images/layout_featurebg.png') no-repeat;
width:38px; height:38px;
}
.featurebox img {
padding:10px 0 0 11px;
}
.featureinfo {
width:33%;
padding-right:12px;
}
.featureinfo h2 {
font: bold 13px Arial,sans-serif;
line-height:13px;
color:#4c4432;
}
.featuredesc {
width:100%;
font-size:12px;
line-height:13px;
padding-left:2px;
padding-bottom:17px;
}

.benefitbox {
vertical-align:top;
padding-right:4px;
}
.benefitbox img {
}
.benefitinfo {
width:50%;
vertical-align:top;
padding-top:4px;
}
.benefitinfo h2 {
font-size:19px;
font-weight:normal;
line-height:19px;
color:#2e5aa4;
padding-bottom:5px;
}
.benefitinfo h2.bigreen {
color:#5c771c;
}
.benefitdesc {
width:100%;
font-size:11px;
color:#666;
line-height:12px;
padding-left:2px;
padding-bottom:8px;
}