@charset "utf-8";
/* CSS Document */
@import "reset.css";

/******************************************* HTML Elements */
html { overflow-y: scroll }
body { font: 62.5% Verdana, Arial, Helvetica, sans-serif; text-align: center; min-width: 900px; background: url(../../images/bg/bg_body.jpg) top left repeat-x }
h1, h2, h3 { font-size: 12px }	
a, a:hover { text-decoration: none }
a { color: #006aa7 }

/******************************************* Layout */ 
#wrapper { position: relative; width: 880px; padding: 0 10px; margin: 0 auto; text-align: left; color: #444; z-index: 0 }

/******************************************* Header */
#header { position: relative; width: 100%; height: 220px; margin-bottom: 20px }

#header #logo a { width: 223px; height: 69px; background: url(../../images/btn/logo.png) top left no-repeat;
	position: absolute; top: 13px; left: 0; text-indent: -9999px }
#header #caption { width: 354px; height: 99px; background: url(../../images/bg/bg_header_1.jpg) top left no-repeat;
	position: absolute; top: 96px; left: 0; text-indent: -9999px }
#header #image { width: 462px; height: 232px; background: url(../../images/bg/bg_header_2.jpg) top left no-repeat;
	position: absolute; top: 24px; right: 0; text-indent: -9999px; z-index: 1 }

/******************************************* Content */
#content { position: relative; width: 580px; float: left; font-size: 12px; line-height: 20px; z-index: 10 }
#content h1 { font-size: 20px; line-height: 26px; color: #006aa7; margin-bottom: 8px }
#content h1 strong { color: #60a318 }
#content h1 span { text-decoration: underline }
#content h2 { margin-bottom: 5px }
#content h2.large { font-size: 18px; padding-bottom: 10px }

#content ul { list-style-type: disc; margin-bottom: 15px }
#content ul#check { overflow: auto;  list-style-type: none }
#content li { margin-left: 20px }
#content ul#check li { width: 250px; background: url(../../images/ico/check_sml.png) left center no-repeat; float: left; padding: 0 20px; 
	line-height: 22px; margin-left: 0 }
#content p { margin-bottom: 15px }

/******************************************* Form */
#formwrap { width: 578px; border: 1px solid #CCC; margin-bottom: 15px; clear: both }
#form { position: relative; /*min-height: 700px;*/ padding: 10px 15px 5px 15px; border: 3px solid white; background: url(../../images/bg/bg_form.jpg) left bottom repeat-x }
#form #s2 { display: none; min-height: 160px }
#form table { width: 100% }
#form td { padding-bottom: 10px; width: 35%; position: relative; vertical-align: top }
#form td.space { width: 30%; text-align: left }
#form label { display: block; width: 180px; color: #006aa7; font-weight: bold }
#form label.error { font-weight: normal; font-size: 10px; color: red; display: block; padding: 2px 0 1px 20px; margin-left: 10px;
	background: url(../../images/ico/cross.png) left 3px no-repeat; width: 125px; line-height: 10px; float: left; min-height: 15px }
#form input { width: 180px }
#form select { width: 185px }
#form span { color: red; font-size: 10px }
#form a#next { float: right }
#form a#back{ float: left }
#form #submit { float: right; border: 0; width: 89px !important; padding-bottom: 3px; cursor: pointer }
#form #overlay { position: absolute; top: 0; left: 0; background: url(../../images/ico/ajax-loader.gif) center center no-repeat; 
	width: 580px }

/******************************************* Sidebar */
#sidebar { position: relative; width: 280px; float: right; z-index: 10 }
#sidebar div { border: 1px solid #CCC; margin-bottom: 15px }
#sidebar h2 { padding-left: 33px; margin-left: 10px; line-height: 32px; width: 229px; color: #006aa7 }
#sidebar h2.problems { background: url(../../images/ico/help.png) left center no-repeat }
#sidebar h2.solutions { background: url(../../images/ico/check.png) left center no-repeat }
#sidebar h2.glossary { background: url(../../images/ico/info.png) left center no-repeat }
#sidebar h2.news { background: url(../../images/ico/news.png) left center no-repeat } 
#sidebar h3 { padding-left: 35px; line-height: 24px; font-weight: normal }

#sidebar div > ul { border: 3px solid white }
#sidebar li { border-bottom: 1px dashed #CCC; min-height: 20px }
#sidebar li.heading { background: url(../../images/bg/bg_heading.jpg) top left repeat-x }
#sidebar li.news { padding: 10px }
#sidebar li.news h3 { padding: 0; color: #006aa7; font-weight: bold }
#sidebar li.news p { margin-bottom: 5px; font-size: 11px }
#sidebar li ul { margin-left: 10px }
#sidebar li:last-child { border-bottom: none }
#sidebar li a:hover { background: yellow }

/******************************************* Footer */
#footer { width: 100%; clear: both }
#footer ul { position: absolute; top: 0; right: 0 }
#footer li { float: left; padding-right: 7px; margin-right: 5px; background: url(../../images/bg/bg_line.png) right center no-repeat }
#footer li.last { padding-right: 0; background: none }
#footer li a { color: #666; font-size: 10px; font-weight: bold; line-height: 35px }
#footer li a:hover { color: #006aa7 }
#footer p { text-align: left; padding: 10px 0; border-top: 1px dashed #ccc }

/******************************************* PAGES */
/******************************************* [HOME] */
.home {}

/******************************************* [LANDING PAGE] */
.lp {}
.lp h1.lp1 { height: 59px; width: 362px; background: url(../../images/bg/bg_content_1.png) top left no-repeat;
	text-indent: -9999px;  margin-bottom: 15px }
.lp h2 { text-transform: capitalize }
.lp #sidebar img { margin: 15px 48px }
.lp .kw { background: #F7F699; padding: 0 2px }

/******************************************* Global Classes */
/******************************************* Generic Classes */
.caption { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic }
.btn { display: block; height: 23px; width: 89px; background: url(../../images/btn/btn.png) top left no-repeat; color: white; 
	text-align: center; line-height: 22px; font-size: 12px; font-weight: bold; font-family: Verdana, Geneva, sans-serif }
.blue { color: #006aa7 }
.green { color: #60a318 }
.grey { color: #666 }