@charset "UTF-8";
/* -- GLOBAL STYLES -- */

html { background: url(images/site_bg.jpg) #FFFFFF top repeat-x; }
body, html, p, ul, li, ol, td, tr, h1, h2, img, hr, form { margin: 0; padding: 0; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 100.1%; text-align: center; }
.clear { clear: both; margin: 0; padding: 0; }
#wrapper { margin: 0 auto; width: 900px; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #cdcccb; background: #FFF; }
/* -- HEADER STYLES -- */

#header { text-align: center; height: 113px; width: 900px; position: relative; }
#logo { width: 255px; position: absolute; left: 35px; height: 70px; top: 21px; text-align: left; }
#headerMap { width: auto; background: url(images/na_map_bg.gif) center no-repeat; left: 330px; position: absolute; text-align: center; height: 113px; }
#headerMap h1 { font-size: .9em; color: #333; font-weight: normal; padding-top: 35px; }
#headerMap h2 { font-size: 1.45em; color: #000; font-weight: normal; }
#languageSecure { width: 200px; position: absolute; left: 700px; padding-top: 45px; text-align: left; }
#languageSecure form label { font-size: .7em; padding-right: 5px; }
#languageSecure form select { font-size: .7em; }
#language { width: 200px; position: absolute; left: 700px; padding-top: 15px; text-align: left; }
#language form label { font-size: .7em; padding-right: 5px; }
#language form select { font-size: .7em; }

#header .geotrust { float: right; margin: 45px 5px 0 5px; }
#header .isecure { float: right; margin: 45px 5px 0 5px; }

/* -- NAVIGATION STYLES -- */
#nav { background: url(images/nav-bg.gif) repeat-x; width: 900px; z-index: 9; }
#nav, #nav ul { float: left; height: 33px; list-style: none; font-weight: normal; font-size: .775em; z-index: 9; }
#nav a { display: block; list-style: none; color: #FFF; text-decoration: none; padding: 0em 1.47em; margin-top: 8px; height: 25px; z-index: 9; }
#nav a.daddy { background: url(images/rightarrow2.gif) center right no-repeat; z-index: 9; }
#nav li { float: left; padding: 0; z-index: 9; text-align: left; }
#nav li ul { position: absolute; left: -999em; height: auto; width: 13.9em; font-weight: normal; margin: 0; font-size: 1em; z-index: 9; }
#nav li li { padding-right: 1em; width: 14em; border: 1px solid; border-color: #50a38f; margin-top: -1px; background: #f8fcff; z-index: 9; text-align: left; }
#nav li ul a { width: 11em; color: #333; height: 22px; margin-top: 5px; z-index: 9; }
#nav li ul ul { margin: -1.75em 0 0 14em; z-index: 9; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; z-index: 9; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; z-index: 9; }
#nav li:hover, #nav li.sfhover { background: #50a38f; z-index: 9; }
/* -- HOME BANNER STYLES -- */

#homeBanner { width: 612px; height: 253px; background: url(images/banner-image.jpg) left no-repeat; border-right: 1px dotted; border-color: #d6d6d6; position: relative; float: left; text-align: left; }
#homeBanner h1{ font-size: 1.8em; font-weight: normal; color: #50a38f; margin-left: 220px; padding-top: 25px; }
h1.pretty { font-size: 1.8em; font-weight: normal; color: #50a38f;}
#homeBanner h2 { font-size: 1.1em; font-weight: normal; color: #000; margin-left: 220px; }
#homeBanner ul { margin-left: 360px; margin-right: 10px; margin-top: 20px; }
#homeBanner li { line-height: .9em; color: #333333; font-size: .85em; padding: 5px 0px; }
#homeBanner li sup { font-size: .5em; }
/* -- HOME SIDE BOX STYLES -- */

#customerReview { width: 286px; border-bottom: 1px dotted; border-color: #d6d6d6; position: relative; float: left; text-align: left; }
#customerReview h1 { color: #50a38f; font-size: 1.2em; font-weight: normal; background: url(images/cust-reviews-icon.gif) left no-repeat; padding-left: 42px; margin: 20px 25px 10px 25px; line-height: 1.5em; }
#customerReview h1 a:link, #customerReview h1 a:visited { text-decoration: none; color: #50a38f; }
#customerReview h1 a:hover { text-decoration: underline; color: #50a38f; }
#customerReview p { color: #000; font-size: .8em; margin: 0px 25px; }
#customerReview p a:link, #customerReview p a:visited { text-decoration: none; color: #000; }
#customerReview p a:hover { text-decoration: underline; color: #000; }
#newsBox { width: 286px; height: 145px; position: relative; float: left; text-align: left; }
#newsBox h1 { color: #288593; font-size: 1.2em; font-weight: normal; margin: 15px 25px 10px 25px; line-height: 1.5em; }
#newsBox h1 a:link, #newsBox h1 a:visited { text-decoration: none; color: #288593; }
#newsBox h1 a:hover { text-decoration: underline; color: #288593; }
#newsBox p { color: #000; font-size: .8em; margin: 0px 25px; }
#newsBox p a:link, #newsBox p a:visited { text-decoration: none; color: #000; }
#newsBox p a:hover { text-decoration: underline; color: #000; }
/* -- HOME PRODUCT SECTION STYLES -- */

#productBar { height: 60px; background: url(images/product-bar-bg.gif) repeat-x; border-top: 1px solid; border-bottom: 1px solid; border-color: #cdcccb; width: 900px; }
#productBar .left {float: left; padding: 0; height: 100%;}
#productBar .left div {padding: 10px 0 0 28px; height: 60px;}
#productBar .right {float: right; padding: 0 47px 0 0;}
#productBar .right div {padding: 15px 0 0 28px; height: 60px;}
#productBar p,#productBar .right span {padding: 0 0 0 0; font-size: 14pt; text-decoration: none; color: #288593; float: right;}
#productBar .right div img {margin: -5px 10px 0 0;}
#productBar .left img {float: left; padding-right: 10px;}
#productBar h1 { background: url(images/bar-arrow.gif) no-repeat left; color: #50a38f; font-weight: normal; font-size: 1.3em; padding-left: 15px; margin: 8px 35px; position: relative; float: left; }
#productBar .left div a { padding: 8px 0 0 0; font-size: 14pt; text-decoration: none; color: #288593; float: right; }
#productBar a:link, #productBar a:visited { text-decoration: none; color: #288593; }
#productBar a:hover { text-decoration: underline; color: #288593; }
.productSection { width: 230px; position: relative; float: left; margin: 20px 35px; text-align: left; }
.productSection h1 { color: #288593; font-size: 1.2em; font-weight: normal; }
.productSection h1 a:link, .productSection h1 a:visited { text-decoration: none; color: #288593; }
.productSection h1 a:hover { text-decoration: underline; color: #288593; }
.productSection p { color: #000; font-size: .8em; font-weight: normal; line-height: 1.4em; margin: 10px 0px; }
.productSection ul { margin-left: 30px; padding-bottom: 10px; }
.productSection li { color: #000; font-size: .8em; text-decoration: none; margin: 10px 0px; list-style-image: url(images/green-list-arrow.gif); }
.productSection img.product { float: right; border: 0; }
.productSection img.buy { border: 0; float: left; }
.productSection .learnMore { background: url(images/green-list-arrow.gif) no-repeat right; color: #50a38f; font-size: .75em; padding-right: 10px; position: relative; float: right; margin: 5px 0px; }
.productSection .learnMore a:link, .productSection .learnMore a:visited { text-decoration: underline; color: #50a38f; }
.productSection .learnMore a:hover { text-decoration: none; color: #50a38f; }
/* -- HOME WHY BOX STYLES -- */

#whyBox { width: 900px; background: url(images/whybox-bg.gif) bottom repeat-x; border-top: 1px dotted; border-color: #d6d6d5; text-align: left; }
#whyBox .content { float: left; width: 650px; }
#whyBox .content h1 { color: #288593; font-size: 1.2em; font-weight: normal; margin: 20px 0px 0px 40px; }
#whyBox .content h1 a:link, #whyBox .content h1 a:visited { text-decoration: underline; font-size: .8em; color: #288593; }
#whyBox .content h1 a:hover { text-decoration: none; font-size: .8em; color: #288593; }
#whyBox .content p { color: #000; font-size: .8em; line-height: 1.4em; margin: 10px 0px 10px 40px; }
#whyBox .content ul.first { padding-left: 70px; padding-bottom: 10px; float: left; width: 260px; }
#whyBox .content li { color: #000; font-weight: bold; font-size: .7em; margin: 5px 0px; list-style-image: url(images/green-list-arrow.gif); }
#whyBox .content ul.second { padding-left: 10px; padding-bottom: 10px; float: right; width: 280px; }
#whyBox .content li { color: #000; font-weight: bold; font-size: .7em; margin: 5px 5px; list-style-image: url(images/green-list-arrow.gif); }
#specialsBox { width: 205px; height: 112px; background: url(images/specials-bg.gif) no-repeat; float: right; margin: 25px 15px 5px 15px; }
#specialsBox h1 { font-size: .9em; color: #000; margin: 10px 0px 0px 15px; }
#specialsBox p { font-size: .65em; color: #000; margin: 5px 0px 0px 15px; }
#specialsBox ul { margin-left: 40px; margin-top: 8px; }
#specialsBox li { color: #000; font-size: .65em; text-decoration: none; margin: 5px 0px; list-style-image: url(images/green-list-arrow.gif); }
#noteBox { width: 205px; height: 112px; background: url(images/specials-bg.gif) no-repeat; float: right; margin: 0px 15px 10px 15px; }
#noteBox p { font-size: .65em; color: #000; margin: 10px; text-align: center; }
/* -- FOOTER STYLES -- */

#footer { width: 900px; border-top: 1px solid; border-color: #cdcccb; text-align: center; }
#footer p { font-size: .65em; color: #666; text-align: center; margin: 15px 0px -10px 0px; }
#footer p a:link, #footer p a:visited { text-decoration: none; color: #17967e; padding: 0px 3px; }
#footer p a:hover { text-decoration: underline; color: #17967e; }
#footer .geotrust { margin: 20px 0px; }
#footersecure { width: 900px; border-top: 1px solid; border-color: #cdcccb; text-align: center; }
#footersecure p { font-size: .65em; color: #666; text-align: center; margin: 15px 0px 10px 0px; }
#footersecure p a:link, #footersecure p a:visited { text-decoration: none; color: #17967e; padding: 0px 3px; }
#footersecure p a:hover { text-decoration: underline; color: #17967e; }
/* -- MAIN STYLES -- */

#subBanners { width: 900px; height: 106px; background: #288593; border-top: 1px solid; border-color: #FFF; display: table;  #position: relative;
overflow: hidden; }
#subBanners .image { border-right: 1px solid; border-color: #FFF; display: table-cell; float: left; }
#subBanners .content { width: 470px;  #position: absolute;
 #top: 50%;
left: 420px; display: table-cell; vertical-align: middle; }
#subBanners p { color: #FFF; font-size: 1.1em; text-align: left; padding-right: 10px;  #position: relative;
 #top: -50%;
}
#mainContent { width: 820px; padding: 20px 40px; text-align: left; }
#mainContent .geotrust { float: right; margin: 0 5px; }
#mainContent .isecure { float: right; }
#pearlyTable { width: 820px; border: 1px solid; border-color: #CCC; text-align: left; }
#pearlyTable td { font-size: .8em; line-height: 1.4em; padding: 5px 10px; vertical-align: top; }
#pearlyTable td.sidebar { border-left: 1px dotted; border-color: #CCC; }
#pearlyTable th { font-size: 1em; line-height: 1.4em; padding: 5px 10px; background: #CCC; }
#pearlyTable h1 { color: #17977f; font-size: 1.5em; font-weight: normal; margin: 5px 0px; }
#pearlyTable h2 { color: #000; font-size: 1em; margin: 5px 0px; }
#mainContent h1 { color: #17977f; font-size: 1.5em; font-weight: normal; margin: 5px 0px; }
#mainContent h3 { color: #17977f; font-size: 1em; font-weight: normal; margin: 5px 0px; }
#mainContent p { color: #000; font-size: .8em; line-height: 1.4em; padding: 5px 0px; }
#mainContent img.news { margin-left: 20px; margin-bottom: 10px; }
#mainContent p a:link, #mainContent p a:visited { text-decoration: underline; color: #18967e; }
#mainContent p a:hover { text-decoration: none; color: #18967e; }
#mainContent p.italic { color: #000; font-size: .8em; line-height: 1.4em; padding: 5px 0px; font-style: italic; }
#mainContent p.quote { font-size: .75em; line-height: 1.4em; padding: 15px 15px; font-style: italic; color: #333; border-top: 1px dotted; border-color: #CCC; }
#mainContent .question { background: url(images/q-bg.gif) no-repeat top left; padding: 0px 0px 10px 0px; }
#mainContent .question p { font-size: .8em; line-height: 1.4em; padding: 0px 0px 0px 60px; color: #000; font-weight: bold; }
#mainContent .answer { background: url(images/a-bg.gif) no-repeat top left; padding: 0px 0px 10px 0px; border-bottom: 1px dotted; border-color: #CCC; margin: 10px 0px; }
#mainContent .answer ol { font-size: .9em; line-height: 1.4em; padding: 0px 0px 5px 90px; font-style: italic; color: #333; }
#mainContent .answer h2 { font-size: .9em; line-height: 1.4em; padding: 10px 0px 5px 60px; color: #19987d; }
#mainContent .answer p { font-size: .8em; line-height: 1.4em; padding: 0px 0px 5px 60px; font-style: italic; color: #333; }
#mainContent .answer p.clip { font-size: .7em; line-height: 1.4em; font-style: normal; padding: 0px 0px 5px 60px; color: #333; }
#mainContent p.terms { font-size: .7em; line-height: 1.4em; padding: 5px 0px; color: #000; }
#mainContent p.distributor { font-size: 1em; padding: 15px 15px; font-weight: bold; color: #18967e; text-align: center; }
#mainContent p.testimonial { font-size: .8em; line-height: 1.4em; padding: 10px 0px; color: #000; border-bottom: 1px dotted; border-color: #CCC; }
#contactForm { width:370px; float:right; padding: 10px; border: 1px solid; border-color:#86979f; margin:5px; background:#f5f5f5; text-align: left; }
#contactForm h1 { font-size: 1em; line-height: 1.4em; padding: 10px 0px 0px 0px; color: #19987d; }
#contactForm p { color: #000; font-size: .8em; line-height: 1.4em; padding: 5px 0px; }
#contactForm p.required { color: #000; font-style: italic; font-size: .7em; line-height: 1.4em; padding: 10px 0px; border-top: 1px dotted; border-color: #CCC; }
#contactForm label { color: #000; font-size: .8em; line-height: 1.8em; padding: 0px; }
#contactForm img { margin: 10px 0px; }
#discountForm label { color: #000; font-size: .8em; line-height: 1.8em; padding: 0px; }
#discountForm img { margin: 10px 0px; }
#mainContent .red { color: #FF0000; }
#mainContent .line1 { background: url(images/line-bg.gif) repeat-x; height: 1px; width: 820px; padding: 5px 0px; }
#mainContent .line2 { background: url(images/line-bg.gif) repeat-x; height: 1px; width: auto; padding: 5px 0px; }
#mainContent ul { margin-left: 40px; margin-top: 8px; }
#mainContent li { color: #000; font-size: .8em; margin: 5px 0px; }
#mainContent .buyBox { width: 185px; float: right; text-align: center; margin: 5px 0px 10px 10px; }
#mainContent .buyBox h1 { color: #17977f; font-size: .9em; font-weight: normal; }
#mainContent .buyBox img { border: 0; margin-top: 5px; }
/* BUY SECTIONS */

#mainContent .buypageBox { width: 820px; border-top: 1px dotted; border-color: #CCC; margin-top: 10px; }
#mainContent .buypageBox .productBOX { width: 170px; text-align: center; padding: 10px 10px; float: left; }
#mainContent .productBOX h1 { color: #17977f; font-size: 1.3em; font-weight: normal; margin: 5px 0px; }
#mainContent .productBOX h2 { color: #000; font-size: .8em; margin: 0px 0px 10px 0px; }
#mainContent .buypageBox .productDetailsBOX { width: 580px; height: 100%; text-align: left; padding: 10px 20px; float: left; border-left: 1px dotted; border-color: #CCC; }
#mainContent .productDetailsBOX ul { margin-top: 0px; }
#mainContent .productDetailsBOX li { margin: 1px 0px; }
#mainContent .buypageBox .productDetailsBOX2 { width: 300px; height: 100%; text-align: left; padding: 10px 20px; float: left; border-left: 1px dotted; border-color: #CCC; }
#mainContent .productDetailsBOX2 ul { margin-top: 0px; }
#mainContent .productDetailsBOX2 li { margin: 1px 0px; }
#mainContent .productDetailsBOX label { font-size: .8em; }
#mainContent label { font-size: .8em; }
#mainContent .paymentOption1 { float: left; width: 270px; margin-top: 20px; padding: 0px 0px; }
#mainContent .paymentOption2 { float: left; width: 270px; margin-top: 20px; padding: 0px 15px; border-left: 1px dotted; border-color: #CCC; }
#mainContent .paymentOption3 { float: right; width: 260px; padding: 10px 0px 0px 20px; border-left: 1px dotted; border-color: #CCC; }
#mainContent .paymentOptions { float: right; width: 170px; margin-top: 20px; margin-left: 20px; }
#mainContent .articles { float: left; width: 200px; margin: 0; border: 1px solid #ccc;padding: 0; border-radius: 5px; -moz-border-radius: 5px;}
#mainContent .articles ul {
	margin: 0; padding: 5px;
	list-style-type: none;
}
#mainContent .articles ul li {
	background: #d7f0ea;
	margin: 3px 0;	
	padding: 8px 5px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 11px;
}
#mainContent .articles ul li:hover {
	background: #ebfffa;
}

#mainContent .articles ul li a {
	display: block;
	height: 30px;
	width: 100%;
	color: #288593;
	text-decoration: none;
}
#mainContent .articles ul li a:hover {
}

#mainContent .article { float: right; width: 600px; margin: 0}
#mainContent .article span em {color: #106c5b; font-weight: bold;display: block;}
#mainContent .article h1 {font-size: 2em;}



#mainContent .paymentOptions a {
	width: 169px;
	text-align: center;
	font-size: .9em;
	padding: 4px 0 4px 0;
	font-weight: bold;
	background: #CCCCCC;
	color: black;
	display: block;
}

#mainContent .paymentOptions a:hover {
	width: 169px;
	text-align: center;
	font-size: .9em;
	padding: 4px 0 4px 0;
	font-weight: bold;
	background: #CCCCCC;
	color: #288593;
	display: block;
}
#mainContent .paymentTerms { float: right; width: 260px; margin-left: 20px; }
/* ERROR */
.errorMsg { border: 1px solid; border-color: #cc0000; padding: 10px; width: 780px; background: #fdfae0; margin: 5px; text-align: center; }
.error {color: red; font-weight: bold}
.errorText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }
.errorMsg2 { border: 1px solid; border-color: #cc0000; padding: 10px; width: 780px; background: #fdfae0; margin: 5px; text-align: center; }
.errorText2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold }
/* SUCCESS */
.successMsg { border: 1px solid; border-color: #004961; padding: 15px; width: 700px; background: #e5ecef; margin-top: 5px }
.successText { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px }
.feedback {
	background: lightyellow;
	margin: 1em 0 1em 0;
	padding: 8px;
	border: 1px solid #ccc;
}

.feedbackError {
	background: #ffcccc;
	margin: 1em 0 1em 0;
	padding: 8px;
	border: 1px solid red;
}
div.scrollable-items {
	height: 400px;
	width: auto;
	padding: 20px;
	overflow-y: scroll;
	overflow: auto;
}