td img {display: block;}
* { padding: 0; margin: 0; }
body { margin: 0; padding: 0; font:normal 12px Arial, sans-serif; color: #000; }
.body { background: #fff url(../images/hpl_bg2.png) repeat-x top; }
.bodyhome {	background: #fff url(../images/hpl_bghome2.png) repeat-x top; }
table {	border: 0; padding: 0; margin: 0; }

h1, h2, h3 { font-family: Arial, sans-serif; margin:0; padding:0; }
h1 { font-size:16px; font-weight: bold;	color:#000; } 
h2 { font: bold 16px Arial,sans-serif; color: #2C529E; }
h3 { font: bold 15px Arial,sans-serif; font-style:italic; color: #595e65; border-left:3px solid #e4e7ec;padding-left:10px; }
h1.titlepage { font-size: 33px;	font-weight: normal; color:#32353a;	text-align:left; text-shadow:#afb4bc 1px 1px 2px; }

/* lang */
.langbaroff {
	height:22px; text-align:center; color:#999;font-size:11px; font-weight:normal;
	text-shadow: #333 0.5px 0.5px 1px; padding-left:10px;
}
.langbaron {
	height:22px; text-align:center; text-shadow: #000 0.5px 0.5px 1px;
	color:#929688;font-size:11px; font-weight:normal; cursor:hand;cursor:pointer;
}
.langbararrowon { padding-left:13px; padding-right:4px; }
.langbaron a { color:#b8da65;text-decoration:none; }
.langbaron a:hover { color:#fff; }

.headeropt a {
	text-shadow: #000 0.5px 0.5px 1px; color:#98b8ee;font-size:11px; font-weight:normal;
	cursor:hand;cursor:pointer; text-decoration:none;
}
.headeropt a:hover { color:#fff; }

.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;
	font-size:13px;
}	
.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; }

.menufooteropt {
	padding:1px 11px 5px 11px; text-shadow: #000 1px 1px 1px;
	cursor:hand;cursor:pointer;	background:url(/site/images/menubgover.png) repeat-x;
}	
.menufooteropt:hover { text-shadow: #263401 1px 1px 1px; color:#fff;	background:url(/site/images/menubg.png) repeat-x; }	
.menufooternum { font-size:10px;height:11px;color:#91b5f3; }

/* buttons*/
.buttonrightblock {
	cursor:hand;cursor:pointer; padding:9px 25px 9px 15px; 
	background:url(/site/images/hpl_buttonarrow.png) no-repeat right center;
}
.buttonrighttitle {
	text-shadow:#fff 1px 1px 1px !important; 
	padding-bottom:2px; font:bold 13px Arial,sans-serif; color:#555; line-height:15px;
}
.buttonrightblock:hover .buttonrighttitle { color:#1a50aa; }
.buttonrightdesc {
	text-shadow:#fff 1px 1px 1px !important; 
	font:normal 11px Arial,sans-serif; color:#464533; line-height:13px;
}
.buttonrightblock:hover .buttonrightdesc { color:#1a50aa; }

.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:#3c4047 1px 1px 1px !important; 
	background:url(/site/images/hpl_footer_ecobutton.png) no-repeat; 
	width:490px; height:78px; cursor:hand;cursor:pointer;
}

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

a.footerbluebar { font-size:12px; color:#d0e1fe; font-weight:bold; text-decoration: none;	text-shadow: #222 1px 1px 1px; }
a.footerbluebar:hover {	color: #b5e247;	text-shadow: #222 1px 1px 1px; }

a.footermenu { color: #83b1ff;	font-size:10px;	font-weight:normal;	text-decoration: none; text-shadow: #222 1px 1px 1px; }
a.footermenu:hover { color: #b5e247; text-shadow: #222 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:5px; padding-right:8px; padding-bottom:10px; color:#628905; font:bold 15px Arial,sans-serif; }	

.homebenefit {
	background:url(/site/images/hpl_homebenefit.png) no-repeat left; width:50%; height:34px; padding-left:33px;
	color:#fff; font:bold 15px Arial,sans-serif; text-shadow: #3d5209 1px 1px 1px;
}

.listfeature {
	background:url(/site/images/hpl_listfeature.png) no-repeat left top; padding-left:18px; padding-bottom:8px; font-size:12px;
}

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

ul.smalltextlist {}
ul.smalltextlist li {font-size:11px; color:#455b88;}

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

ul.resumelist {	margin: 0; margin-left: 31px; padding: 0 0 0 0; color: #c9cfd9; }
ul.resumelist li { padding-bottom: 5px;	font-size:12px; }

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

/* 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; 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; color: white;
line-height: 24px; height: 30px; padding-left: 11px; 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;
}

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

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

a.ovalmedbutton:hover span.ovalimg{ background-position: bottom left; }
a.ovalmedbutton:hover span.ovaltext{ 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; 
height: 30px; padding-left: 11px; 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{ 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; }