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

* {
margin:0; padding:0;
}

img {
border:0;
}

html {
height:100%;
}

body {
color:#7b7b7b;
height:100%;
min-height:100%;
font-size:62.5%;
background:#fff url(../img/bg.png) repeat-x;
font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
width:830px;
margin:0 auto;
position:relative;
min-height:100%;
overflow:hidden;
}

#header {
position:relative;
height:103px;
background:url(../img/bg_header.png) no-repeat;
z-index:999;
}

#logo {
position:absolute;
background:url(../img/bg_logo.png) no-repeat;
top:23px;
left:18px;
}

#logo a {
display:block;
width:140px;
height:35px;
overflow:hidden;
}

#logo span {
margin:-9999px;
}

#menu {
position:absolute;
top:30px;
right:30px;
height:16px;
font-size:11px;
list-style:none;
}

#menu > li {
float:left;
margin:0 0 0 12px;
}

#menu > li > a {
margin:0 0 0 8px; padding:0 5px 0 0;
display:block;
height:16px;
text-decoration:none;
outline:0;
}

#menu > li > ul {
display:none;
}

#menu > li > a:hover, .index #index a, .faq #faq a, .contact #contact a, .country #country a {
background:url(../img/bg_menu.png) right;
}

#menu > li > a:hover ~ ul, #menu > li > a ~ ul:hover {
display:block;
}

#menu > li > a > img {
margin:0 0 0 -8px; padding:0;
display:block;
height:16px;
}

#country {
position:relative;
z-index:18;
}

#country > a {
position:relative;
z-index:10;
}

#country > a:hover, #country > a.active {
background:#fff !important;
border:4px solid #e8e9e9;
border-bottom:none;
padding-bottom:4px;
margin:-4px;
}

#country > a:hover img, #country > a.active img {
margin:0;
}

#country > ul {
width:auto;
list-style:none;
background:#fff;
border:4px solid #e8e9e9;
color:#00a288;
padding:10px 15px;
font-size:0.9em;
line-height:1.5em;
position:absolute;
right:-4px;
width:110px;
z-index:9;
}

#country > ul a {
color:#00a288;
text-decoration:none;
}

#country > ul a:hover {
color:#7b7b7b;
}

#country > ul ul {
list-style:none;
margin:0 0 0 2em;
font-size:0.8em;
line-height:1.3em;
}

#nav {
position:absolute;
display:block;
background:url(../img/bg_nav.png);
bottom:-13px;
left:0;
height:38px;
padding:0 5px;
list-style:none;
z-index:9;
}

#nav > li {
float:left;
}

#nav > li > a {
padding:11px;
display:block;
height:16px;
font-size:13px;
overflow:hidden;
}

#nav > li > a:hover, .newsletter #newsletter a, .information #information a, .learning #learning a, .trial #trial a, .evaluate #evaluate a {
background:url(../img/bg_nav_on.png) 1px repeat-x;
}

#nav > li > a > img {
display:block;
height:16px;
}

#nav > li > a > img.on, #nav > li > a:hover > img, .newsletter #newsletter a img, .information #information a img, .learning #learning a img, .trial #trial a img, .evaluate #evaluate a img {
display:none;
}

#nav > li > a:hover > .on, .newsletter #newsletter a .on, .information #information a .on, .learning #learning a .on, .trial #trial a .on, .evaluate #evaluate a .on {
display:block !important;
}

#navbottom {
height:13px;
width:13px;
background:url(../img/bg_navbottom.png) no-repeat;
position:absolute;
bottom:-13px;
left:0;
padding:0; margin:0;
}

#main {
margin:0 0 50px 7px;
border:6px solid #e8e9e9;
background:#fff;
padding:27px 17px 17px;
overflow:hidden;
}

.main {
min-height:425px;
background:#fff url(../img/bg_main.png) no-repeat !important;
}

.address {
min-height:370px;
background:url(../img/bg_address.png) bottom right no-repeat !important;
}

.faq-section, .faq-subsection {
margin:0 0 1.7271em 0;
}

.faq-subsection h5 {
font-size:1.3em;
margin:0 0 0.6em 0;
}

.faq.enhanced {
padding:0 0 8px 24px;
position:relative;
}

.faq.enhanced .toggle {
position:absolute;
top:0;
left:0;
border:1px solid #00a288;
color:#00a288;
text-decoration:none;
font-family:"Courier New", Courier, monospace;
padding:1px 2px;
line-height:1em;
}

#footer {
margin:0 0 0 7px;
padding:3px;
height:15px;
width:823px;
display:block;
background:#00a288;
position:absolute;
bottom:0;
font-size:1.2em;
line-height:1.2em;
}

#footer a {
color:#ccfff7;
text-decoration:none;
padding:0 5px;
}

#footer a:hover {
text-decoration:underline;
}

#footer a.top {
position:absolute;
right:8px;
}

.border-top {
border-top:1px solid #80d1c3;
overflow:hidden;
}

.border-bottom {
border-bottom:1px solid #80d1c3;
overflow:hidden;
}

.border-top .left-col {
padding:17px 0 0 0;
}

.left-col {
float:left;
margin:0 12px 27px 0;
}

.right-col {
float:left;
position:relative;
margin:0 0 27px 0;
}

.call-out {
position:absolute;
top:0;
right:16px;
min-height:155px;
width:155px;
padding:20px;
background:url(../img/bg_nav.png);
color:#FFFFFF;
font-family:Helvetica, Arial, sans-serif;
font-size:25px;
}

.medium-gap {
margin:0 27px 27px 0;
}

.large-gap {
margin:0 42px 27px 0;
}

.col-210 {
width:210px;
}

.col-300 {
width:300px;
}

.col-330 {
width:330px;
}

.col-365 {
width:365px;
}

.col-400 {
width:400px;
}

.col-435 {
width:435px;
}

.col-450 {
width:450px;
}

.col-525 {
width:525px;
}

.col-525 img {
width:523px !important;
}

.right-col img {
width:100% !important;
}

.left-col img {
border:1px solid #00a288;
}

.bottom-row {
width:777px;
clear:both;
}

.info-box:first-child {
margin:0 !important;
}

.info-box {
float:left;
width:236px;
height:96px;
padding:1px;
border:1px solid #00a288;
margin:0 0 0 28px;
overflow:hidden;
background:url(../img/bg_infobox.png) 1px 1px repeat-x;
}

.info-box img {
width:109px;
height:96px;
float:left;
margin:0 7px 0 0;
}

.info-box h2, .info-box p {
float:left;
width:111px;
line-height:1em;
}

.info-box h2 {
margin:12px 0 0;
padding:0 0 0.4em;
}

.info-box p {
line-height:1em;
padding:0 0 0.6em;
}

.info-box .input {
font-size:1em;
width:100%;
padding:0;
}

.info-box a.link {
background-position:0 2px !important;
}

.info-box a.link:hover {
background-position:-780px 2px !important;
}

.feature-box {
background:#fff;
border:1px solid #00a288;
padding:10px 20px;
margin:0 0 1.7271em 0;
}

.row-box .row {
overflow:hidden;
margin:0 0 1.7271em 0;
border-bottom:1px solid #00a288;
}

.row-box .row p, .row-box .row ul, .row-box .row div {
width:380px;
float:left;
margin:0 20px 0 0 !important;
}

.row-box .row img {
width:125px !important;
border:0;
float:left;
margin:0 0 8px 0;
}

.link-list {
list-style:none;
margin:0 0 1.6em 0; padding:0 0 1.6em 0;
}

.link-list li {
position:relative;
margin:0 !important;
}

.bullet-list {
list-style-image:url(../img/bg_bullet.png);
}

.offset-top {
display:block;
margin:-26px 0 0 0;
}

.offset-top-low {
margin:-16px 0 0 0;
}

.align-right {
text-align:right;
}

.align-right .link:first-child {
margin:0 14px 0 0;
}

.link {
padding:0 0 0 17px;
background:url(../img/bg_a.png) 0 3px no-repeat;
display:inline-block;
text-decoration:none;
color:#00a288;
border:0;
font-size:1em;
line-height:1.3em;
letter-spacing:0;
font-weight:bold;
}

.link:hover, .link.active {
background-position:-780px 3px;
color:#7b7b7b !important;
}

input.link {
padding:0 0 0 12px;
}

.utilities {
font-size:0.625em;
}

.utilities a {
margin:0 0 0 7px;
}

.top-right-corner {
position:absolute;
right:0;
top:0;
}

.pdf {
background:url(../img/bg_pdf.png) no-repeat;
display:inline-block;
height:16px;
width:16px;
}

.print {
background:url(../img/bg_print.png) no-repeat;
display:inline-block;
height:16px;
width:16px;
}

.hide-text span {
display:none;
}

p {
font-size:1.1em;
line-height:1.7271em; 
padding:0 0 1.7271em 0;
}

p.legal-text {
font-size:0.9em;
line-height:1.4em;
padding:0 0 1.7271em 0;
font-style:italic;
}

ul > li {
font-size:1.1em;
}

#main a, #main span.highlight {
font-weight:bold;
color:#00a288;
}

#main a:hover {
color:#7b7b7b;
}

#main .left-col ul {
margin:-1.2em 0 0 0;
padding:0 0 1.7271em 0;
}

#main li {
font-size:1.1em;
line-height:1.7271em; 
margin:0 0 0 2em;
list-style-position:outside;
}

#main li + p, #main ul + p {
margin:1.7271em 0 0 0;
}

.hidden {
display:none;
}

p.complete {
font-weight:bold;
font-size:1.3em;
}

p.error {
color:#C30;
font-weight:bold;
}

input.error, select.error, textarea.error {
border:1px solid #C30;
color:#C30;
}

label.error {
color:#C30;
}

.input {
width:93%;
font-size:1.1em;
font-family:Arial, Helvetica, sans-serif;
padding:8px;
color:#7b7b7b;
}

select.input {
padding:5px;
width:97.5%;
}

select.input option {
padding:5px;
}

select.input.half-width {
width:47%;
}

textarea.input {
height:70px;
}

.input.half-width {
width:42%;
margin:0 0 0 2.5%;
}

.input.half-width:first-child {
margin:0;
float:left;
}

.checkbox {
margin:0 0 -2px 0;
}

h2 {
font-family:Helvetica, Arial, sans-serif;
color:#000;
font-size:2em;
line-height:1.3em;
padding:0 0 0.5em 0;
}

.image-header {
line-height:1em;
}

.image-header img {
border:none !important;
}

h3 {
position:relative;
font-size:1.6em;
line-height:1em;
margin:0 0 1em 0; padding:0 0 0.5em 0;
color:#00a288;
border-bottom:1px solid #80d1c3;
}

h4 {
font-size:1.6em;
line-height:1em;
padding:0 0 0.8em 0;
}

h5, h6 {
font-size:1.1em;
line-height:1em;
padding:0 0 0.5em 0;
}