/* ------------ YUI styles */
@import url("yui_resetfontsgrids.css");
@import url("yui_base.css");
/* ----------------------- */


/* ------------ Main Styles */
.clearall {clear: both; margin: 0; padding: 0;}
body {background-color: #F0F3E8; background-image: url('../images/bg_main.jpg'); background-repeat: repeat-x; font-family: Geneva, Tahoma, sans-serif; }

a {text-decoration: none; color: #41678e;}
a:hover {color: #8e3f00;}
p {margin: 20px 0; font-family: Geneva, Tahoma, sans-serif;  font-size: 93%; color: #545454; line-height: 1.8em;}
li {color: #797979; font-size: 93%; margin: 12px;}

h1,h2,h3,h4 {font-family: Geneva, Tahoma, sans-serif; color: #86A15E; font-weight: normal;}
h1 {font-size: 138.5%;}

p b {color: #41678e;}

hr {border: 0px; background-color: #ffffff; color: #ffffff; border-top: 1px dashed #ADD8F1;}

.success {font-weight: bold; text-align: center; background-color: #c6ffca; color: #000000; margin: 10px 20px; padding: 10px;}
.error {font-weight: bold; text-align: center; background-color: #ffcccc; color: #000000; margin: 10px 20px; padding: 10px;}
/* ------------------------ */

/* ------------ Default Table */
table {border: 0;}
tr {border: 0;}
td {border: 0;}
/* -------------------------- */

/* ------------ Messages */
#messages {padding: 0; text-align: center;}
#messages p {color: #4a4a4a; font-size: 93%; line-height: 1.7em;}
/* -------------------- */

/* ------------ Header */
#header {background-repeat: no-repeat;background-position: left top; background-color: #FFFFFF; background-image: url(../images/bg_head.jpg); padding: 10px 0 0 0; text-align: right; margin: 0 auto; width: 61.61em; *width: 60.11em; min-width: 801px;}

#header-search{margin-right: 23px; padding: 0;}
#header-search-text{margin: 0 10px 0 0; background: transparent url("../images/bg_searchtext.gif") no-repeat; border: 0; height: 15px; width: 188px; font-size: 100%; padding: 10px;}
#header-search-submit{margin: 0; width: 80px; height: 23px; padding: 0; border: 0; background: transparent url(../images/bg_searchsubmit.gif) no-repeat center top;cursor: pointer; cursor: hand; color: #ffffff}

#header-title {margin: 15px 120px 0 0 ;}
#header-title img {border: 0;}
#header-title img a {border: 0;}

.header-box {float: right; display: inline; margin: 20px 10px 5px 0; width: 160px; background-image: url('../images/header_box.gif'); background-repeat: no-repeat; height: 120px; text-align: left;}
.header-box h3 {margin: 8px; padding: 0; color: #84A05C; font-size: 95%;}
.header-box p {margin: 8px; padding: 0; color: #535648; font-size: 85%; line-height: 1.3em;}
.header-box p span {color: #ffffff; background-color: #828C64;}

/* ------------------- */

/* ------------ Main Container */
#container {padding: 0; margin: 0 auto; text-align: left; width: 61.61em; *width: 60.11em; min-width: 801px; background-position: left top; background-color: #FFFFFF; background-image: url(../images/bg_container.gif); border-bottom: 2px solid #DCE0D0;}
/* ------------------- */

/* -------------- Menu */
#menu {float: left; margin: 0; padding: 0; width: 222px;}
#menu ul {margin: 10px 0 10px 15px;}
#menu li {list-style-type: none; background-image: url('../images/bg_menuitem.gif'); margin: 5px 0; background-repeat: no-repeat; padding: 5px 0 5px 20px; font-size: 85%;}
#menu li a {color: #ffffff;}
#menu li a:hover {color: #C6D9E9;}

#ad-left {text-align: center; padding: 10px; margin: 75px 16px; background-color: #ffffff;}
/* ------------------- */

/* -------------- Content */
#content {float: right; margin: 0 20px 10px 0; padding: 0; width: 533px;}
#content-footer {float: right; margin: 0; padding: 0; width: 553px;}
#content-footer img {display: inline; float: right; margin: 20px 5px; 0 10px;}
#content-footer p {margin-top: 40px; font-size: 11px; color: #9EA098;}

#ad-top {text-align: left; margin: 5px 0;}

#sub-links-box {float: right; display: inline; margin: 0 0 25px 25px; border: 1px solid #DDE2CC; padding: 10px; width: 200px; background-color: #F0F3E8;}
#sub-links-box h2 {font-size: 100%; margin-top: 0;}
#sub-links-box ul {margin: 0; padding: 0;}
#sub-links-box li {list-style-type: none; margin: 20px 0 20px 5px;}
/* ------------------- */


/* ------------ Breadcrumb */
#breadcrumb p {margin: 0; padding: 0; font-size: 90%}
#breadcrumb p span {color: #249AB8;}
/* -------------------- */

/* ------------ Content & Common */
#content-container {border-right: 3px solid #35B2D9; border-left: 3px solid #35B2D9; background-color: #ffffff; padding: 10px 0 60px 0; margin: 0 auto;}
#ad-bottom {margin: 45px 0 0 0; text-align: center;}
/* -------------------- */


/* ------------ Footer */
#footer {background-repeat: no-repeat; background-position: center top; background-color: #0E5787; background-image: url(../images/bg_footer.jpg); padding: 90px 20px 75px 20px; margin: 0 auto; text-align: left; width: 63.92em; *width: 62.30em; min-width: 831px;}

#footer p {font-size: 77%; color: #ffffff; margin: 0 0 0 10px;}
#footer p#footer-links {font-size: 100%;}
#footer a {color: #ffffff;}
#footer a:hover {color: #666666;}
/* -------------------- */



/* ---------------- Contact */
#contactform label { display: inline; float: left; width: 150px; margin: 0 0 0 20px; padding-top: 5px; }
#contactform input.text{ width: 300px; font-weight: normal; padding: 5px; font-size: 116%; color: #333333;}
#contactform input.submit { width: 100px; margin-right: 20px; font-weight: bold; padding: 5px 15px; font-size: 116%; float: right; display: inline;}
#contactform textarea {padding: 5px; color: #888888; }
/* ------------------------ */

/* ---------------- Newsletter */
#newslettercontent label { display: inline; float: left; width: 100px; margin: 0 0 0 0; padding-top: 5px; font-weight: bold; }
#newslettercontent input.text{ width: 350px; font-weight: normal; padding: 5px; font-size: 116%; color: #333333;}
#newslettercontent input.submit { width: 100px; margin-left: 370px; font-weight: bold; padding: 5px 15px; font-size: 116%; float: left; display: inline;}
#newslettercontent textarea {padding: 5px; color: #888888; }

.newsletter-box {background-color: #ffffff; padding: 0 10px;  border: 1px dotted #ABC07F; margin: 10px 0;}
#newsletter-box-email{margin: 0 10px 0 0; background: transparent url("../images/bg_searchtext.gif") no-repeat; border: 0; height: 15px; width: 188px; font-size: 100%; padding: 10px;}
#newsletter-box-submit{margin: 0; width: 80px; height: 23px; padding: 0; border: 0; background: transparent url(../images/bg_searchsubmit.gif) no-repeat center top;cursor: pointer; cursor: hand; color: #ffffff}
#newsletter-box-email-label {margin-right: 10px;}



/* ------------------------ */

/* ------- Self Help Resources */
.selfhelpresource-box{border: 2px solid #DDE1D0; background-color: #F0F3E8;padding:10px; margin-bottom: 20px;}
#product-summary {margin: 10px 0 10px 15px;}
#product-summary h2 {color: #86A15E;}
#product-summary ul {margin: 10px 0 10px 0;}
#product-summary li {list-style-type: none; background-image: none; margin: 5px 10px 15px 0; padding: 6px 5px 5px 18px; font-size: 93%; color: #41678e; background-color: transparent; background-image: url('/images/icon_tick.gif'); background-repeat:no-repeat; background-position: 0 0.5em;}

#product-image {float: right; display: inline; margin: 10px 0 10px 10px; border: 2px solid #DAE0D4;}

#product-link-out {text-align: center; background-color: #EAF6FF; color: #86A15E; padding: 10px; margin-top: 15px;border: 1px solid #41678e;}
#product-link-out a {color: #86A15E}
#product-link-out a:hover {color: #41678e;}

#purchase-link {margin: 10px 10px 10px 10px; padding: 0; text-align: center; background-color: #F0F3E8; border: 1px solid #86A15E;}
#purchase-link a {color: #41678e}
#purchase-link a:hover {color: #86A15E}
/* ------------------------ */

/* ------------ Right Column */
#right-column {width: 641px; float: right; display: inline;}
/* ------------------------ */

/* ------------ Left Column */
#left-column {width: 160px; float: left; display: inline; margin: 0 0 0 5px; background: transparent url("../images/bg_box.gif") repeat-x; padding: 5px;}
/* ------------------------ */