@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: #ececec url(../images/bodyBG.gif) repeat-y center top; font-family: Calibri, Verdana, Geneva, sans-serif; } 
#divWrapper { width: 999px; margin: 0 auto; background-color: #fff; position: relative; }
p, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote { margin: 0 0 1em 0; }
a img { border: none; }


/* ----------------- 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 ----------------------------------*/

#divHeader { height: 132px; width: 999px; }
#h1Logo { font-size: 13px; text-indent: -8000px; margin: 0; height: 108px; width: 444px; float: left; background: url(../images/h1Logo.gif) no-repeat top left; }
#h2Phone { font-size: 13px; text-indent: -8000px; margin: 0; padding: 0; height: 108px; background: url(../images/h2Phone.gif) no-repeat top left; width: 333px; float: left; }
#h3AlertOne { font-size: 13px; text-indent: -8000px; margin: 0; padding: 0; height: 108px; float: left; background: url(../images/h3AlertOne.gif) no-repeat top left; width: 222px; }

#ulMainNav { list-style: none; clear: both; margin: 0; padding: 0 37px 0 82px; height: 24px; width: 905px; background: url(../images/mainNavBG.gif) no-repeat top left; }
#ulMainNav li { font-size: 19px; height: 20px; color: #fff; float: left; padding: 0 23px 4px 23px; font-weight: bold; border-left: 1px solid #ac4537; border-right: 1px solid #fb978a;  }
#ulMainNav li a { color: #fff; }

#ulMainNav li a:link, #ulMainNav li a:visited { text-decoration: none; }
#ulMainNav li a:hover, #ulMainNav li a:active { text-decoration: underline; }

#ulMainNav li ul {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
	background-color: #d01e07;
	visibility:hidden;
	position:absolute;
	height:0;
	overflow:hidden;
	top:23px;
	left:0;
	z-index:210;
	cursor: pointer;
	line-height: 1.3em !important;
}
#ulMainNav li ul li {
	float: none;
	padding: 0 10px;
	height: auto;
	margin-bottom: 1em !important;
	line-height: 1.2em !important;
	border: none !important;
}
#ulMainNav li ul li a {
	display: inline;
	height: auto;
	height: auto;
	width: auto;
	text-indent: 0px;
	background: none !important;
	line-height: 1.2em !important;
}
#ulMainNav li ul li a:link, #ulMainNav li ul li a:visited {
	color: #e3e3e3;
	text-decoration: none;
	font-size:15px !important;
}
#ulMainNav li ul li a:hover, #ulMainNav li ul li a:active {
	color: #ffd65c;
	text-decoration: underline;
	font-size:15px !important;
}
#ulMainNav li:hover {
	position:relative;
}
* html #ulMainNav li a:hover {
	position:relative;
}
#ulMainNav li:hover ul, #ulMainNav li a:hover ul {
	visibility:visible;
	position:absolute;
	height:auto !important;
	overflow:visible;
	margin: 0;
}
#ulMainNav li.sfhover {
	position:relative;
	z-index:220;
}
* html #ulMainNav li a:hover {
	position:relative;
	z-index:220;
}
#ulMainNav li.sfhover ul, #ulMainNav li a:hover ul {
	visibility:visible;
	position:absolute;
	height:auto !important;
	overflow:visible;
	margin: 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: 22px 0 0 37px; background: #fff url(../images/mainBG.gif) no-repeat top left; }
#divMain h1 { font-size: 23px; color: #003399; }
#divMain h2 { font-size: 21px; color: #003399;  }
#divMain h3 { font-size: 19px; color: #003399;  }
#divMain h4 { font-size: 17px; color: #003399;  }
#divMain h5 { font-size: 15px; color: #003399;  }
#divMain h6 { font-size: 13px; color: #003399;  }

#divMain ul, #divMain ol { width: 400px; margin-left: auto; margin-right: auto; }
#divMain #divMainRight ul { width: 150px; line-height: .9em; }
#divMain #divMainRight ul li { margin-bottom: .5em; }
#divMain p { color: #333; line-height: 1.4em; }
#divMain p.pNote { font-size: 11px; color: #fe1d00; }

#divMainLeft { float: left; padding: 22px 0 42px 0; width: 658px;  position: relative; left: 284px; }
#divMainRight { float: left; width: 284px;  padding: 22px 0 33px 0;   position: relative; left: 284px; }

#divMainLeftTop { height: 22px; background: url(../images/mainLeftTop.gif) no-repeat top left; width: 658px; position: absolute; top: 0; right: 0; z-index: 10;  }
#divMainRightTop { height: 22px; background: url(../images/mainRightTop.gif) no-repeat top left; width: 284px; position: absolute; top: 0; right: 0; z-index: 10;}

#divMainLeftBottom { height: 33px; background: url(../images/mainLeftBottom.gif) no-repeat bottom left; width: 658px; position: absolute; bottom: 0; left: 0; z-index: 10; clear: both; }
#divMainRightBottom { height: 33px; background: url(../images/mainRightBottom.gif) no-repeat bottom left; width: 284px; position: absolute; bottom: 0; right: 0; z-index: 10; clear: both; }

#divColExtender01 { width: 942px; float: left; position: relative; right: 284px; background: url(../images/mainLeftRepeat.gif) repeat-y top right; }

#divColExtender02 { width: 942px; float: left;  overflow:hidden; position:relative; background: url(../images/mainRightRepeat.gif) repeat-y top right; }

#divMainLeftContent { margin: 0 0 0 28px; width: 521px; border: 1px solid #003399; padding: 25px 25px 0 25px; background-color: #fff; }

#divMainRightContent { padding: 0 40px 0 30px; }

.divRightBox { border: 1px solid #000; width: 200px; margin: 25px auto; padding: 15px 0 0 0; background-color: #fff; }
.divRightBox h1, .divRightBox h2, .divRightBox h3, .divRightBox h4, .divRightBox h5, .divRightBox h6, .divRightBox p, .divRightBox ol, .divRightBox ul { padding: 0 15px; text-align: center; }
p.darkLink { background-color: #000; color: #fff; width: auto; height: auto; margin: 0 !important; font-weight: bold; text-align: center; padding-top: 10px; padding-bottom: 10px; }
p.darkLink a {  width: auto; height: auto; display: block; }
p.darkLink a:link, p.darkLink a:visited { color: #fff; text-decoration: none; }
p.darkLink a:hover, p.darkLink a:active { color: #fff; text-decoration: underline; }

.divFaq { padding: 10px; margin: 0 0 15px 0; border: 1px solid #003399; }

.ulAcross { height: 324px; margin: 0 auto 25px auto !important; line-height: 18px; }
.ulAcross li { height: 18px; width: 130px; margin: 0; padding: 0; }
.liCol2 { margin-left: 130px !important; }
.liCol3 { margin-left: 260px !important; }

#specialOffer { background: url(../images/specialOffer.gif) no-repeat top left; width: 187px; height: 106px; text-indent: -8000px; font-size: 12px; margin-left: 7px; }


#contactForm { width: 100%; }
#contactForm p { clear: both; margin-bottom: 10px; width: 550px;  }
#contactForm div.required, #contactForm div.nonRequired { clear: both; padding-bottom: 10px; width: 520px;  }
#contactForm label { margin-right: 10px; float: left; clear: left; width: 150px; font-size: 13px; font-weight: bold; color: #828F99; text-align: right; }
#contactForm input, #contactForm textarea { border: 1px solid #84697b; padding: 3px; font-size: 13px; color: #333; width: 320px; float: left; }
#contactForm input.check { width: auto; clear: none; margin: 0 3px 12px 0; }
#contactForm input.submitButton { margin-left: 160px; float: none; width: auto !important; background-color: #d4d1d8; color: #001433; padding: 3px; border: 2px solid #84697b; font-weight: bold; }
#contactForm div.error { clear: both; width: 280px; margin-left: 162px; color: #C00; font-size: 13px; 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; }
#contactForm label.labelCheck { width: auto; margin: 0 8px 12px 0; clear: none; }


#divLinks { width: 600px; margin: 0 auto; padding: 0; font-family: Arial, Helvetica, sans-serif; }
#divLinks a img { border: none; }
.divLinkRow { width: 570px; border: 1px solid #ccc; padding: 15px; margin-bottom: 10px; }
.divLinkLogo { float: left; width: 126px; height: 65px; margin-right: 10px; }
.divLinkLogo a { display: block; height: 100%; width: 100%; }
.divLinkName { float: left; width: 401px; }
.divLinkName h4 { font-size: 12px; margin: 10px 0 5px 0; }
.divLinkDescription { float: left; width: 404px; }
.divLinkDescription p { font-size: 13px; margin: 0; }
#divLinks .linmKenuAlphabet { word-spacing: .4em; text-align: center; border: 3px solid #ccc; padding: 10px 0; color: #333; }

.formStyled { margin-bottom: 20px; }
.formStyled div.divForm { margin: 0 0 5px 0; width: 100%; }
/*  ---See http://www.positioniseverything.net/easyclearing.html) ----*/
div.divForm:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html div.divForm { height: 1%; }
/* End hide from IE-mac */

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


.formStyled div.divForm select {  float: left; border: 1px solid #ccc; font-size: 15px; padding: 5px; color: #666;  }
.formStyled div.divForm select option { padding-bottom: 5px; }
.formStyled div.divForm label { float: left; width: 140px; text-align: right; margin-right: 5px;  color: #666; }
.formStyled div.divForm input, .formStyled div.divForm textarea { float: left; width:  329px; border: 1px solid #ccc; font-size: 15px; padding: 5px;  color: #666; }

.formStyled div.divFormReq select {  float: left; border: 1px solid #ccc; font-size: 15px; padding: 5px; color: #666;  }
.formStyled div.divFormReq select option { padding-bottom: 5px; }
.formStyled div.divFormReq label { float: left; width: 140px; text-align: right; margin-right: 5px;  color: #666; }
.formStyled div.divFormReq input, .formStyled div.divFormReq textarea { float: left; margin-right: 14px; width:  329px; border: 1px solid #ccc; font-size: 15px; padding: 5px;  color: #666; }
.formStyled div.divFormReq { background: url(../images/required.gif) no-repeat 492px 0; }

#emailOptOut { width: auto; }
#submit { width: auto; margin-left: 175px; float: none; }
.formStyled div.divForm div.eContainer {  }
.formStyled div.divFormReq div.error { background: url(../images/error.gif) no-repeat 142px 5px; font-size: 13px; color: #C00; padding-top: 5px; clear: both; padding-left: 162px; }
.formStyled div.divFormReq div.valid { background: url(../images/ok.gif)  no-repeat center left !important; float: left !important; clear: right; padding: 0 !important; width: 16px !important; }


.divClear { clear: both; height: 1px; }
/* ----------------- 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 { padding: 11px 0 0 37px; margin: 10px 0 0 0; clear: both; border-top: 1px solid #ccc; }
#divFooter p { font-size: 13px; margin: 0 0 1em 0; text-align: center; }


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


