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

body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px }

.all { width:100%; height:100%; }

.clear { clear:both; }

* { outline:none }

/* HEADER
**********************************************/

.head_wrap { width:930px; height:81px; margin:0px auto; background-color:#1b4164; background-image:url(../images/menu-bg.jpg); padding:10px 15px 15px 15px; }
.head_wrap a { float:left; }

.head_box { float:left; }
.head_logo { padding:15px 0px 0px 0px; }
	
.search_box { margin:55px 0px 0px 15px; background-repeat:no-repeat; width:200px; float:right; }
.search_box div { display:block; width:45px; float:left; color:#FFF; font-size:11px; }
.search_box input { padding:0px 0px 0px 5px; width:140px; height:17px; background:#FFF; border:0px; display:block; float:left; font-size:11px }

/* NAVIGATION
**********************************************/

/*.main .mainLeft .menu { margin:0px; padding:0px; }
.main .mainLeft .menu li { margin:0px; padding:0px; list-style:none; height:19px }
.main .mainLeft .menu li.home { margin-bottom:4px }
.main .mainLeft .menu a { display:block; padding:2px 2px 2px 15px; margin:0px; font-size:11px; font-weight:bold; text-decoration:none; text-transform:uppercase; 
													background-image:url(../images/menubtnbg.jpg); height:15px; background-color:#53607d; color:#fff; }
.main .mainLeft .menu a:hover { color:#b5b5c1 }
.main .mainLeft .menu .current a,
.main .mainLeft .menu .section a { color:#b5b5c1 !important; background-color:#1b4164; }
.main .mainLeft .menu .home a { background-color:#1b4164; color:#FFF; margin-bottom:4px; background-image:url(../images/menubtnbg-home.jpg); }
.main .mainLeft .menu .home a:hover { color:#b5b5c1; }*/

#menu { margin:0 0 4px 0; padding:0px; width:115px; }
#menu ul { list-style: none; margin: 0; padding: 0; }

/*#menu li { margin:0px; padding:0px; list-style:none; height:19px }*/
#menu a { color:#fff; background-image:url(../images/menubtnbg.jpg); background-color:#003b5a; text-decoration:none; height:15px; 
														padding:2px 2px 2px 15px; font-size:11px; font-weight:bold; display:block; margin:0px; }
#menu a:hover,
#menu ul li.section a,
#menu ul li.current a,
#menu ul li.section ul li.current a,
#menu ul li.section ul li a:hover { color:#b5b5c1 }
#menu ul li.section ul li a { color:#fff }
#menu li { position: relative; display:block }
#menu ul ul li { border:none }
#menu ul ul li { margin-bottom:0 }
#menu ul ul { position: absolute; top: 0; left: 0; z-index:999999; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; }
#menu ul ul { left: 100%; width: 100%; }

#menu ul ul { display: none; width:200px }
#menu ul li:hover ul { display: block; }
#menu ul ul li { border-left:1px solid #fff }
#menu ul ul li.first { border-left:1px solid #003b5a }
#menu ul li:hover ul ul { display: none; }

#menu ul a { text-transform:uppercase; }
#menu ul ul a { text-transform:none; }
#menu li.home { margin-bottom:4px }
#menu ul .home a { background-color:#003b5a; color:#FFF; margin-bottom:4px; background-image:url(../images/menubtnbg-home.jpg); }
#menu ul .home a:hover { color:#b5b5c1; }

/* service menu */

#serviceMenu { width:115px; margin:0 0 4px 0; }
#serviceMenu ul { list-style: none; margin: 0; padding: 0; }

#serviceMenu a { color: #fff; background: #003b5a; text-decoration: none; height:18px !important; padding:5px 2px 2px 14px; font-size:10px; display:block }
#serviceMenu a:hover,
#serviceMenu ul li.section a,
#serviceMenu ul li.current a,
#serviceMenu ul li.section ul li.current a,
#serviceMenu ul li.section ul li a:hover { color: #b5b5c1; background: #003b5a; }
#serviceMenu ul li.section ul li a { color:#fff }
#serviceMenu li { position: relative; height:25px; display:block }
#serviceMenu ul li:hover { }
#serviceMenu ul li { border-bottom:1px solid #fff }
#serviceMenu ul ul li { border:none }
#serviceMenu ul ul li { margin-bottom:0 }
#serviceMenu ul ul { position: absolute; top: 0; left: 0; z-index:999999; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; }
#serviceMenu ul ul { left: 100%; width: 100%; }

#serviceMenu ul ul { display: none; width:200px }
#serviceMenu ul li:hover ul { display: block; }
#serviceMenu ul ul li { border-left:1px solid #fff }
#serviceMenu ul ul li.first { border-left:1px solid #003b5a }
#serviceMenu ul li:hover ul ul { display: none; }

/* ie */
/*#serviceMenu ul li {float: left; width: 100%;}
#serviceMenu ul li a {height: 1%;}
#serviceMenu a, #serviceMenu h2 { font: bold 11px/16px arial, helvetica, sans-serif; }
#serviceMenu a, #serviceMenu h2 { font: bold 0.7em/1.4em arial, helvetica, sans-serif; }*/

/* MAIN
**********************************************/

.main { margin-bottom:10px }
.main .main_wrap { width:975px; margin:0px auto; padding-top:5px; padding-bottom:20px; }

.main .mainLeft { display:block; float:left; width:115px; margin:0px 0px 0px 8px; z-index:99;}
.main .mainLeft ul { }
.main .mainLeft li { margin:0px; padding:0px; list-style:none; }
.main .mainLeft a { display:block; padding:2px 2px 2px 15px; margin:0px; font-size:11px; text-decoration:none; }
/*.main .mainLeft div { margin:5px 0px 5px 0px; }*/

.main .latestNews { padding:10px 0px 10px 3px; background-color:#284165; color:#b5b5c1; }
.main .latestNews a { font-size:10px; color:#b5b5c1; padding:2px 2px 2px 0 !important	}
.main .latestNews a:hover { color:#fff }
.main .latestNews h5 a { font-size:14px; margin:0px; padding: 0 0 0 2px !important; }
/*.main .latestNews li { background-image:url(../images/dot.jpg); background-repeat:no-repeat; margin:0; padding:0; font-size:11px; line-height:14px; }*/
.main .latestNews li { list-style: disc !important; list-style-position:inside }
.main .latestNews li { margin:0 0 0 18px; padding:0; font-size:11px; line-height:14px; }

.main .latestNewsLine { color: #b5b5c1; background-color: #b5b5c1; height: 1px; margin:0px; padding:0px; line-height:1px; font-size:6px; border: 0px; }

.main .prod { margin:5px 0px 0px 0px; padding:3px 3px 3px 6px; color:#FFF; background-color:#9561a9; }
.main .prod a { color:#dfdfe7; padding:0px; }
.main .prod h5 { border-bottom:1px solid #595188; margin:0px 3px 0px 0px; display:block; font-size:12px; }

.main .lNews { margin:0 0 4px 0; }
.main .lNews a { display:block; padding:12px 0 11px 30px; background:#003b5a url(../images/bgNews.gif) no-repeat top left; color:#b5b5c1 }
.main .lNews a:hover { color:#fff }
.main .calc a { display:block; padding:8px 0 9px 30px; background:#003b5a url(../images/bgCalculators.gif) no-repeat top left; color:#b5b5c1 }
.main .calc a:hover { color:#fff }
/*.main .calc a { border-bottom:1px solid #f4911e; margin:0px 3px 0px 3px; padding:0px; display:block; font-size:11px; color:#1B4164 }*/

.main .newsletterSignUp { color:#1b4164; background-color:#f4911e; padding:6px; margin:4px 0 0 0; }
.main .newsletterSignUp p { color:#53607d; font-size:10px; margin:0px; padding:3px 0px 3px 0px; }
.main .newsletterSignUp h5 { margin-bottom:0 }
/*.main .newsletterSignUp .NewsletterSubmit { color:#53607d; background:none; border:0px; margin:3px 0px 0px 27px; padding:0px; font-size:11px; border-bottom:1px solid #fac78d; }*/
.newsletterSignUp fieldset { margin:0; padding:0; border:none }
.newsletterSignUp .middleColumn,
.newsletterSignUp .nolabel,
.newsletterSignUp .Actions { margin:0 !important }
.newsletterSignUp input[type="text"] { font-size:10px; width:97px }
.newsletterSignUp input[type="submit"] { color:#53607d; background:none; border:0px; margin:3px 0px 0px 27px; padding:0px; font-size:11px; border-bottom:1px solid #fac78d; width:38px; cursor:pointer }
span.validation { font-size:11px; font-weight:bold; color:#C00; line-height:11px; display:block; margin:5px 0 10px 0 }

.main .mainRight { display:block; float:left; width:835px; margin-left:15px; background-image:url(../images/framebg.jpg); background-repeat:repeat-y; background-position: 825px; }
.main .mainRight .homeHead { width:472px; height:261px; margin:0px 10px 10px 0px; float:left; overflow: visible }
.main .mainRightWrap { font-size:11px; width:815px; /*border-top: 1px solid #d7d7d7;*/ border-bottom: 1px solid #d7d7d7; padding:0px 10px 15px 0px; }
.main .mainRight .imageRight {  float:right; width:300px; margin-left:20px; margin-bottom:20px;}
.main .mainRight .imageRight img {border:#1B4164 1px solid;}
.main .mainRight a { color:#1B4164; text-decoration:underline }
.main .mainRight span { font-size:12px }

.article {padding:20px;}

.submenu { /*margin-top:2px;*/ padding-bottom:11px; height:10px; margin-bottom:3px }
.submenu ul { margin:0px; padding:0px; }
.submenu li { float:left; list-style:none; font-size:11px; font-weight:bold; padding:0; margin:0; border-right:1px solid #fff; }
/*.submenu li.last { border:none }*/
.submenu li a { text-decoration:none !important; padding:3px 10px 1px 10px; color:#fff !important; height:16px; display:block }
.submenu li.current a, 
.submenu li.section a,
.submenu a:hover { color:#000 !important }		

.main h1 { font-size:16px; margin:0 0 10px 0; padding:0px; color:#1B4164; text-transform:uppercase }
.main .mainRightWrap h1 {font-size:20px; letter-spacing:-1px;}
.main .mainRightWrap p {font-size:12px; color:#333;}
.main h4 { font-size:16px; margin:0 0 10px 0; padding:0px; }
.main h5 { font-size:14px; margin:0 0 10px 0; padding:0px; }
.main p { font-size:11px; margin:0 0 5px 0	}

p#Form_MyForm_error { font-weight:bold }

ul.NewsList { list-style:none; margin:0; padding:0 }
ul.NewsList img { padding:10px; border:1px solid #CCC; margin:0 10px 10px 0 }
ul.NewsList h2 { margin-bottom:0 }
ul.NewsList span { color:#999 }
ul.NewsList li a span { text-decoration:none !important; } 
ul.NewsList a.nounderline { text-decoration:none }

#newsNav { border-top: 1px solid #1B4164; border-bottom: 1px solid #1B4164; padding:5px 10px; margin:20px 0 }
#newsNav a { font-size:11px }
.newsNavLeft { width:100px; float:left; text-align:left }
.newsNavMiddle { width:590px; float:left; text-align:center }
.newsNavRight { width:100px; float:left; text-align:right }

ul#SearchResults { list-style:none; margin:0; padding:0 }
ul#SearchResults li { margin:0; padding:0 }
ul#SearchResults li h3 { text-align:left; text-transform:uppercase; margin-bottom:0; padding-bottom:0; font-weight:bold }

.hide { background-color:#fff; position:absolute; top:150px; left:0; display:block; height:5px; width:800px; z-index:9999 }

/* CONTACT FORM
***********************************************/

#Form_contactForm { width:400px; float:left; }
#Form_contactForm fieldset { border:none; }
#Form_contactForm p.message { font-weight:bold }
#Form_contactForm span.required { font-weight:bold; color:#930 }
#Form_contactForm label { float:left; width:120px }
#Form_contactForm label em { color:#930 }
#Form_contactForm .field { display:block; margin-bottom:5px }
#Form_contactForm fieldset { margin:0; padding:0; border:none }
#Form_contactForm .middleColumn,
#Form_contactForm .nolabel { margin:0 !important }
#Form_contactForm .Actions { margin:0 0 0 90px !important }
#Form_contactForm input[type="text"], 
#Form_contactForm textarea { font-size:11px; width:178px; font-family:Arial, Helvetica, sans-serif }
#Form_contactForm p.checkbox { margin-left:120px; margin-top:0 }
#Form_contactForm p.checkbox input  { float:left }
#Form_contactForm p.checkbox label { float:left; width:230px; line-height:18px }
#Form_contactForm input[type="submit"] { color:#53607d; background:none; border:0px; margin:3px 0px 0px 27px; padding:0px; font-size:11px; border-bottom:1px solid #fac78d; 
																					width:38px; cursor:pointer }
#Form_contactForm #Message { clear:both }

ul#Form_contactForm_Preferred { list-style:none; margin:0; padding:0 }
ul#Form_contactForm_Preferred input { float:left }
ul#Form_contactForm_Preferred label { float:left }
ul#Form_contactForm_Preferred li { display:block; margin-bottom:120px }
#Form_contactForm #Mobile { margin-top: 40px }
#Form_contactForm #Email { margin-top: 40px }
#Form_contactForm #Message { margin-top: 40px }

/* FOOTER
***********************************************/

.foot { width:960px; height:50px; margin:0px auto; text-align:left; font-size:10px; color:#666; }
.foot b { color:#1B4164; }
.foot a { color:#1B4164; text-decoration:underline; }
.foot a:hover { text-decoration:none; }

/* Sliding Boxes and Captions with JQuery  Styles 
***********************************************/
.boxes { display:block; }
.main .mainRight .boxes a { text-decoration:none !important; cursor:pointer }
.boxes h3 { margin:15px 0px 0px 0px; padding:0px 0px 10px 0px; text-align:center; color:#FFF; font:14px Arial; text-transform:lowercase; border-bottom:1px solid #FFF; }
.boxgrid { display:block; width: 160px; height: 150px; margin:0; padding:0; /*margin:10px; */ float:left; overflow: hidden; position: relative; }
.boxgrid img { position: absolute; top:0; left: 0; border: 0; }
.boxgrid p { padding:5px 15px 0px 15px; margin:0px; color:#FFF; font-size:10px; }
.boxcaption { float: left; position: absolute; height: 200px; width: 100%; opacity: .8; 
							/* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
							/* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.captionfull .boxcaption { top: 0; left: 0; }
.caption .boxcaption { top: 100px; left: 0; }
.boxes a { color:#FFF; text-decoration:none }
.boxes a:hover { text-decoration:none }
/*.bgCorners { height:152px }*/