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

/* ----------------- B O S   G E N E R A L   S T Y L E S ----------------------------------*/

/*  ---See http://www.positioniseverything.net/easyclearing.html) ----*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

/* Hide Fcous Outline in Firefox */
*:focus { outline-style:none; }

body { margin: 0; padding: 0; background: #fff url(../images/bgBody.jpg) repeat-x left top; font-family: Arial, Helvetica, sans-serif; }
#divWrapper { width: 972px; padding: 0 14px; margin: 0 auto; background: transparent url(../images/bgWrapper.png) repeat-y left top; }

p, h1, h2, h3, h4, h5, h6, ul, ol { margin: 0; padding: 0; }
a img { border: none; }
a:link, a:visited { color: #559BCC; }
a:hover, a:active { color: #d10000; }

/* ----------------- E O S   G E N E R A L   S T Y L E S ----------------------------------*/



/* ----------------- B O S   H E A D E R   S T Y L E S ----------------------------------*/

#h1Headline { height: 118px; width: 666px; text-indent: -8000px; font-size: 11px; background: url(../images/h1Headline.gif) no-repeat top left; float: left; }
#h2Logo { height: 118px; width: 280px; text-indent: -8000px; font-size: 11px; background: url(../images/h2Logo.jpg) no-repeat top left; float: left; }
#h2Logo a { display: block; height: 100%; width: 100%; text-decoration: none; }
#divHeaderRule { width: 972px; height: 13px; clear: both; background: #fff url(../images/headerRule.gif) no-repeat top left; margin: 0 0 32px 0; }


/* ----------------- E O S   H E A D E R   S T Y L E S ----------------------------------*/




/* ----------------- B O S   H O M E   S T Y L E S ----------------------------------*/

/* ----------------- E O S   H O M E   S T Y L E S ----------------------------------*/




/* ----------------- B O S   M A I N   S T Y L E S ----------------------------------*/

#divMain { padding: 0 26px; width: 920px; }


#divColLeft { float: left; width: 600px; margin-right: 40px; }
#divColLeft h3 { color: #d10000; border-bottom: 1px solid #d10000; padding-bottom: 5px; margin-bottom: 15px; font-size: 19px; }
#divColLeft p { margin-bottom: 1em; line-height: 1.5em; font-size: 15px; color: #333; }
.divFlash { margin-bottom: 20px; text-align: center; }


#divColRight { float: left; width: 280px; }
.divProduct { width: 280px; margin-bottom: 12px; position: relative; }
.divProduct p { font-size: 11px; text-align: center; color: #333; font-weight: bold; }

.divProductDetails { position: absolute; color: #333; background-color: #fff; border: 3px solid #D10000; top: 10px; width: 222px; height: 136px; padding: 15px; z-index: 10; }
.divProductDetails h4 { font-size: 15px; margin-bottom: 10px; margin-top: 5px; text-align: center; }
.divProductDetails p { font-size: 13px; text-align: center; line-height: 1.5em; font-weight: normal; }
.divProductDetails p.learnMore { text-align: right; font-weight: bold; font-size: 15px; padding-right: 10px; margin-top: 1em;  }

#contactForm p { clear: both; margin-bottom: 10px; width: 550px;  }
#contactForm div.required, #contactForm div.nonRequired { clear: both; padding-bottom: 10px; width: 550px;  }
#contactForm label { margin-right: 10px; float: left; clear: left; width: 200px; font-size: 13px; font-weight: bold; color: #005a9e; text-align: right; }
#contactForm input, #contactForm textarea { border: 1px solid #005a9e; padding: 3px; font-size: 13px; color: #333; width: 300px; float: left; }
#contactForm input.submitButton { margin-left: 210px; float: none; width: auto !important; background-color: #d5f9ca; color: #1e6019; padding: 3px; border: 2px solid #1e6019; font-weight: bold; }
#contactForm div.error { clear: both; width: 280px; margin-left: 210px; color: #7F0000; font-size: 11px; background: url(../images/error.gif) no-repeat 0 1px; padding-left: 20px; padding-top: 2px; }
#contactForm div.valid { clear: none !important; float: left; width: 20px !important; color: #7F0000; font-size: 15px; background: url(../images/ok.gif) no-repeat center left !important; padding-left: 0 !important; font-size: 9px; margin: 0; height: 16px; margin-left: 3px !important; padding-top: 0 !important; }
#contactForm input.error { border:1px solid #7F0000; background-color:#F8E5E5;}
#contactForm textarea.error{ border: 1px solid #7F0000; background-color: #F8E5E5; }
#contactForm p.required { background: url(../images/required.gif) no-repeat 100% 3px; }
#contactForm div.required { background: url(../images/required.gif) no-repeat 100% 3px; }

/* ----------------- E O S   M A I N   S T Y L E S ----------------------------------*/




/* ----------------- B O S   F O O T E R   S T Y L E S ----------------------------------*/


#divFooter { clear: both; margin-top: 56px; padding-bottom: 15px; padding-top: 40px; background: #fff url(../images/bgFooter.gif) no-repeat top left; }
#divFooter p { text-align: center; font-size: 11px; color: #a9a9a9; margin-bottom: 1em; }
#divFooterImages { margin-bottom: 1.3em; }
.pLinks {  line-height: 1.5em; margin-bottom: 1.3em !important; }

/* ----------------- B O S   F O O T E R   S T Y L E S ----------------------------------*/