/*
 * @Description					: Screen style rules for standards-aware browsers
 * @Author							: Stephen Lewis
 * @Version							: 1.0
 * @Date								: 8th June 2006
 */

* {margin : 0; padding : 0;}

body {
font : normal 68.75%/1.45 Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
color : #FFF;
background : #82A1C0 url(img/bg_body.gif) repeat-y 50% 0;
}

abbr,
acronym {
border-bottom : 1px dotted #CCC;
font-style : normal;
cursor : help;
}

strong {font-weight : bold;}
em {font-style : italic;}


/* =clearfix
-------------------------------------------------------------*/
.clearfix:after {
clear : both;
display : block;
height : 0;
visibility : hidden;
content : ".";
}


/* =paragraph styles
-------------------------------------------------------------*/
p {margin-bottom : 0.76em;}
p.leader {margin-bottom : 1.36em; font-weight : bold;}


/* =anchor styles
-------------------------------------------------------------*/
a {
font-weight : bold;
text-decoration : underline;
color : #4F4F4F;
}

a:visited {color : #666;}
a:hover {text-decoration : none;}


/* =list styles
-------------------------------------------------------------*/
ol {margin : 1em 0 2em 2em; list-style : decimal outside;}
ol li {margin-left : 15px;}

ul {margin : 1em 0 2em 19px; list-style : none;}
ul li {padding-left : 16px; background : transparent url(img/bullet_std.gif) no-repeat 0 0.4em;}

li {margin-bottom : 0.55em; color : #000;}


/* =heading styles
-------------------------------------------------------------*/
h1 {
margin-bottom : 1em;
font : normal 1.64em/1.17 "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
color : #89B142;
}

h1 span {color : #000;}

h2 {
margin : 2.36em 0 0.18em;
font-size : 1.18em;
font-weight : bold;
line-height : 1.27;
color : #89B142;
}

h3 {margin-bottom : 1em;}

/* =form styles
 -------------------------------------------------------------*/
/* =form
 -------------------------------------------------------------*/
form {
margin : 1.27em 0 2em;
padding : 13px;
border : 1px solid #DDD;
background : #EEE;
}

fieldset {margin-bottom : 2em; border : none;}

legend {
display : block;
margin-bottom : 0;
padding-bottom : 0.5em;
font-size : 1.09em;
font-weight : bold;
color : #333;
}

label {
display : block;
position : relative;
margin-right : 10px;
padding-top : 0.27em;
padding-right : 20px;
font-style : normal;
text-align : right;
color : #000;
}

input,
select,
textarea {
width : 65%;
padding : 1px;
font : normal 1em/1.27 Verdana, "Lucida Grande", "Trebuchet MS", sans-serif;
color : #333;
}

textarea {height : 6.45em;}

input.input_check {width : auto; padding : 0;}
input.input_hidden {display : none;}

form dl {
margin : 0;
padding-top : 0.45em;
border-bottom : 1px solid #DDD;
}

form dt {
clear : left;
float : left;
width : 35%;
padding : 0.64em 0;
border-top : 1px solid #DDD;
text-align : right;
}

form dd {
float : left;
width : 65%;
padding : 0.64em 0;
border-top : 1px solid #DDD;
color : #111;
}

label span {
position : absolute;
right : 0;
top : 0.82em;
width : 10px;
height : 9px;
margin-top : -3px;
text-indent : -9999em;
text-align : left;
background : transparent url(img/icon_mandatory.gif) no-repeat 100% 0;
}

form span.advice {
display : block;
margin-top : 0.18em;
font-style : italic;
color : #666;
}

div.submit_row {
margin : 0 0 1.45em;
padding-top : 1.45em;
}

div.submit_row input {
width : auto;
margin-left : 35%;
margin-right : 2em;
padding : 0.4em 0.4em 0.6em;
border : 1px solid #404040;
font : bold 1em/1 "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height : 1.0;
text-transform : capitalize;
color : #000;
background : #EFEDDF url(img/bg_submitButton.gif) repeat-x 0 100%;
}

div.submit_row input:hover {
border-color : #111;
border-top-color : #777;
border-left-color : #777;
}

form div.legal {
margin : 1.45em 0 0;
padding : 0.45em;
border : 1px solid #CCC;
background : #DDD;
}

form div.legal p {margin : 0;}

/* "Error" styles, used by the form validation script */
span.field_error {
display : block;
margin-top : 0.18em;
margin-right : 5%;
padding : 0.36em 0;
font-weight : bold;
color : #C00000;
background : #FFF;
}

div.form_error {
margin-bottom : 2em;
padding : 0.64em;
border : 3px solid #A80000;
background : #FFF;
}

div.form_error h3 {
margin : 0 0 0.3em;
padding-bottom : 0.18em;
border-bottom : 1px solid #EEE;
font-size : 1.45em;
font-weight : bold;
text-transform : capitalize;
color : #C00000;
}

div.form_error ul {margin-bottom : 0;}


/* =wrapper
-------------------------------------------------------------*/
#wrapper {
width : 769px;
margin : 0 auto;
padding : 1px 0 27px;
color : #4F4F4F;
background : #FFF;
}


/* =body_wrapper
-------------------------------------------------------------*/
#body_wrapper {
padding-bottom : 3em;
background : #FFF url(img/bg_content.gif) no-repeat 544px 100%;
}


/* =brand
-------------------------------------------------------------*/
#brand {
position : relative;
height : 100px;
border-top : 1px dashed #9ACA44;
}

#brand h1 {
position : absolute;
top : 8px;
left : 0;
}

#brand h1 a {
display : block;
width : 336px;
height : 92px;
text-indent : -9999em;
text-decoration : none;
background : transparent url(img/logo_header.gif) no-repeat 0 0;
}

#brand p a {
position : absolute;
top : 20px;
right : 14px;
width : 342px;
height : 57px;
text-indent : -9999em;
background : transparent url(img/brand_slogan.gif) no-repeat 0 0;
}


/* =contact
-------------------------------------------------------------*/
#contact {
position : relative;
z-index : 100;
margin : 0.36em 375px 0.36em 195px;
font-size : 1.09em;
color : #000;
}


/* =content
-------------------------------------------------------------*/
#content {
position : relative;
float : left;
width : 545px;
margin-left : 24px;
padding : 3.63em 0 120px;
}


/* =date
-------------------------------------------------------------*/
#date {
margin : -2.45em -10px 1em 0;
font-size : 1.09em;
text-align : right;
color : #B5B9AD;
}


/* =supp
-------------------------------------------------------------*/
#supp {
clear : left;
margin : 0 30px;
padding : 0 1.3em 0.9em;
font-size : 0.91em;
color : #FFF;
background : #82A1C0 url(img/bg_suppBottom.gif) no-repeat 0 100%;
}

#supp a,
#supp a:visited {
font-weight : normal;
text-decoration : none;
color : #FCF908;
}

#supp ul {margin : 0;}

#supp li {
margin : 0;
padding : 0;
background : none;
}

#supp abbr,
#supp acronym {border-bottom-color : #9CC1E5;}


/* =colophon
-------------------------------------------------------------*/
#colophon {margin : 0.3em 0 1em;}


/* =company_info
-------------------------------------------------------------*/
#company_info {
margin : 0 -1.3em 0.3em;
padding : 1.2em 1.3em 0;
background : transparent url(img/bg_suppTop.gif) no-repeat 0 0;
}

#company_info p,
#company_info dl,
#company_info dt,
#company_info dd {display : inline;}

#company_info p {margin-bottom : 0; margin-right : 0.5em;}

#company_info dt {
margin-right : 0.3em;
padding-left : 0.8em;
border-left : 1px solid #FFF;
}

#company_info dt:after {content : ":";}
#company_info dd {margin-right : 0.5em;}


/* =features_promo
-------------------------------------------------------------*/
#features_promo {
margin : 2em 9px 2.73em 10px;
color : #FFF;
background : #A2A8C6 url(img/bg_featuresPromo_bottom.jpg) no-repeat 0 100%;
}

#features_promo div {
min-height : 187px;
position : relative;
padding : 20px 0 0;
background : transparent url(img/bg_featuresPromo_top.gif) no-repeat 0 0;
}

#features_promo ul {
margin : 0 30px 0 230px;
padding : 0 0 55px;
font-size : 1.09em;
font-weight : bold;
}

#features_promo li {
margin : 0 0 1px;
padding : 0.18em 0 0.18em 33px;
color : #FFF;
background : transparent url(img/bullet_feature.gif) no-repeat 0 50%;
}

#features_promo h2 {
position : absolute;
left : 15px;
bottom : 10px;
width : 191px;
height : 186px;
margin : 0;
text-indent : -9999em;
background : transparent url(img/bg_featuresPromo_man.jpg) no-repeat 0 0;
}

#features_promo a {
position : absolute;
right : 0;
bottom : 0;
width : 144px;
height : 56px;
text-indent : -9999em;
text-decoration : none;
background : transparent url(img/bg_featuresPromo_btn.jpg) no-repeat 0 0;
}



/* +++ NAVIGATION STYLES +++ */
/* =nav_acc
-------------------------------------------------------------*/
#nav_acc {
position : absolute;
left : -9999em;
width : 20em;
}


/* =nav_promo
-------------------------------------------------------------*/
#nav_promo {
position : relative;
height : 32px;
margin : -28px 0 0;
border-bottom : 1px solid #000;
background : transparent url(img/nav_promo.gif) no-repeat 100% 0;
}

#nav_promo li {position : absolute; margin : 0; padding : 0; background : none;}
#nav_promo_pack {right : 240px;}
#nav_promo_calc {right : 120px;}
#nav_promo_sign {right : 0;}

#nav_promo a {
display : block;
width : 118px;
height : 32px;
text-indent : -9999em;
text-decoration : none;
}


/* =nav_global
-------------------------------------------------------------*/
#nav_global {
float : left;
width : 170px;
margin : 1px 0 0 1px;
padding-bottom : 188px;
font-size : 1.09em;
line-height : 1.27;
background : #FFF url(img/bg_navGlobal.jpg) no-repeat 0 100%;
}

#nav_global ul {margin : 0;}

#nav_global li {
margin : 0;
padding : 0;
border-bottom : 1px solid #FFF;
background : none;
}

#nav_global a,
#nav_global a:visited {
display : block;
padding : 0.64em 1em 0.64em;
font-weight : normal;
text-decoration : none;
text-transform : capitalize;
color : #FFF;
background : #000;
}

#nav_global a:hover {background : #181818;}

#nav_global #nav_secondary a,
#nav_global #nav_secondary a:visited {background : #404040;}

#nav_global #nav_secondary a:hover {background : #505050;}

#nav_global li.active a,
#nav_global #nav_secondary li.active a {background : #8BACCD;}


/* =nav_alt
-------------------------------------------------------------*/
#nav_alt div {display : block; margin-bottom : 0.3em;}

#nav_alt h4 {
display : inline;
margin-right : 0.5em;
font-size : 1em;
font-weight : bold;
text-transform : capitalize;
}

#nav_alt ul {display : inline;}

#nav_alt ul li {
display : inline;
margin-right : 0.5em;
padding-left : 0.8em;
border-left : 1px solid #FFF;
}


/* =tax_calculator : Form styles specifically for the Tax Calc
 -------------------------------------------------------------*/
#tax_calculator {display : none;}

#calculator_result {
padding : 1em 0.5em;
border : 1px solid #89B142;
color : #000;
background : #FFF;
}

#calculator_result dt,
#calculator_result dd {padding : 0; border : none;}

#calculator_result dt span {
display : block;
margin-right : 10px;
padding : 0.1em 20px 0 0;
color : #000;
}

#calculator_result dd span {
font : bold 1.5em/1.0 "Helvetica Neue", Helvetica, Geneva, Arial, sans-serif;
color : #000;
}