@charset "utf-8";
/*Common Css*/
body{margin:0px; background:#231F20; font-family:arial; font-size:12px; color:#000000; line-height:130%;}
a{text-decoration:none; outline:none;}
img{display:inline; border:0px;}
.clear{clear:both;}

.container{width:1003px; margin:0px auto; background:#FFFFFF;}
.asterik{color:#FF0000;}
/*Common Css*/

/*Home Css*/
.container .homeContainer{}
.container .homeContainer .flash{background:#adadad url(../images/flashbg.jpg) left top repeat-x; height:489px;}

.container .homeContainer .mainNavigation{position:absolute; padding:117px 0px 0px 12px;}
.container .homeContainer .mainNavigation ul{margin:0px; padding:0px; list-style:none;}
.container .homeContainer .mainNavigation ul li{margin:0px; padding:0px; float:left; border-right:1px solid #a7a7a7;}
.container .homeContainer .mainNavigation ul li.last{border:0px;}
.container .homeContainer .mainNavigation ul li a{font-family:arial narrow; font-size:13px; color:#000000; font-weight:bold; text-shadow: #ffffff 0 1px 0; white-space:nowrap; padding:0px 5px 0px 5px; height:22px; line-height:22px; float:left;}
.container .homeContainer .mainNavigation ul li a:hover{color:#2c6f0e;}

.container .homeContainer .servicesNavigation{background:#cdcf00 url(../images/servicesNavBg.jpg) left top no-repeat; height:26px; padding-left:130px;}
.container .homeContainer .servicesNavigation ul{margin:0px; padding:0px; list-style:none;}
.container .homeContainer .servicesNavigation ul li{margin:0px; padding:0px 2px 0px 0px; float:left; background:url(../images/servicesNavBorder.jpg) right top repeat-y; }
.container .homeContainer .servicesNavigation ul li.last{background:none; padding:0px;}
.container .homeContainer .servicesNavigation ul li a{background:url(../images/servicesNavArrow.gif) left top no-repeat; font-size:11px; color:#000000; font-weight:bold; white-space:nowrap; padding:0px 4px 0px 12px; height:26px; line-height:26px; float:left;}
.container .homeContainer .servicesNavigation ul li a:hover{background:#000 url(../images/servicesNavArrow.gif) left bottom no-repeat; color:#FFFFFF;}

.container .homeContainer .footerDesign{background:#07170a url(../images/footerDesignBg.jpg) left top repeat-x; height:46px; text-align:right;}

.container .homeContainer .footer{background:#000000 url(../images/footerBg.jpg) left top repeat-x; height:50px; padding-left:21px; width:982px;}
.container .homeContainer .footer .button{background:url(../images/requestQuoteBg.jpg) left top no-repeat; width:170px; height:49px; float:left;}
.container .homeContainer .footer .button a{color:#000000; font-size:12px; font-weight:bold; text-align:center; height:49px; line-height:30px; display:block;}
.container .homeContainer .footer .button a:hover{background:url(../images/requestQuoteBg.jpg) left bottom no-repeat;  text-shadow: #ffffff 0 1px 0;}
.container .homeContainer .footer .address{width:570px; padding:10px 0px 0px 8px; float:left; font-size:11px; color:#FFFFFF; text-align:center;}
.container .homeContainer .footer .logos{width:228px; float:left;}

.container .homeContainer .implifooter{font-size:11px; text-align:center; padding:5px 0px 3px 0px;}
/*Home Css*/

/*Inner Page Css*/
.container .innerMain{ /* future use */  }

.innerMain .header{ /* future use */ }
.header .innerHeader{ width:1003px; float:left; }
.innerHeader .logo{ width:356px; float:left; text-align:center; padding:30px 0px 0px 0px; }
.innerHeader .headerRightPanel{ width:647px; float:left; }

.innerMain .mainContentArea{ /* future use */ }
.mainContentArea .contentAera{ float:left; width:1003px; background:#FFFFFF url(../images/inner/leftSpacer.jpg) repeat-y left top; }

.topNav{ float:left; width:1003px; background:url(../images/inner/topNavSpacer.jpg) repeat-x left top; height:40px; }
.topNav .menu {
	padding:0px 0px 0px 40px;
	margin:0px; list-style:none; 
	position:relative; z-index:1;
	float:left;
}
.topNav .menu li {padding:0px 1px 0px 0px; margin:0px; list-style:none; float:left; background:url(../images/inner/liSpacer.jpg) no-repeat right top;}
.topNav .menu li a {text-decoration: none; color:#FEFE00; font-size:12px; outline: none; padding:0px 10px 0px 10px; float:left; height:40px; line-height:40px; display:block;  cursor: pointer;}
.topNav .menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.topNav .menu li a:hover {z-index:200; position:relative; color:#000000; background:url(../images/inner/hoverSpacer.jpg) left top repeat-x; color:#000000;}
.topNav .menu li:hover {position:relative; z-index:200; color:#000000;}
.topNav .menu li:hover > a {background:url(../images/inner/hoverSpacer.jpg) left top repeat-x; color:#000000;}
.topNav .menu li:hover > a.sub {background:url(../images/inner/hoverSpacer.jpg) left top repeat-x; color:#000000;}
.topNav .menu li a.sub { display:block;}
.topNav .menu :hover ul {left:0px; top:40px; width:210px;}
.topNav .menu ul, 
.topNav .menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
.topNav .menu :hover ul :hover ul{left:120px; background:#6E6E6E; white-space:nowrap; width:210px; z-index:200; height:auto;}
.topNav .menu :hover ul li {margin:0; background:none; padding:0px;}
.topNav .menu :hover ul li a {width:210px; padding:0px; text-indent:10px; background:#0a1c0c; border-bottom:1px solid #2C8938; font-size:11px; color:#2C8938; height:23px; line-height:23px;}
.topNav .menu :hover ul :hover {color:#DCC400; }
/*.topNav .menu li a.current{background:url(../images/inner/hoverSpacer.jpg) left top repeat-x; color:#000000;}*/

/*----------------------- for current menu --------------------------------*/
.topNav .menu li a.current_hover{background:url(../images/inner/hoverSpacer.jpg) left top repeat-x; color:#000000;}
/*------------------------- x END x ---------------------------------------*/
/*.topNav .menu :hover ul li a.currentsub {background:#0a1c0c; color:#DCC400;}*/
/*----------------------- for currentsub menu --------------------------------*/
.topNav .menu :hover ul li a.currentsub_hover {background:#0a1c0c; color:#DCC400;}
/*------------------------- x END x ---------------------------------------*/

.topNav .menu li.last{ background:none; }

.contentAera .leftPanel{ width:207px; float:left; background:#606060 url(../images/inner/leftNavBg.jpg) no-repeat left top; text-align:center;
padding:326px 0px 164px 0px; }
.contentAera .leftPanel .button{width:153px; margin:0px auto;}
.contentAera .leftPanel .button a{background:url(../images/inner/requestQuoteBg.jpg) left top no-repeat; color:#000000; font-size:12px; font-weight:bold; text-align:center; height:49px; line-height:28px; display:block;}
.contentAera .leftPanel .button a:hover{background:url(../images/inner/requestQuoteBg.jpg) left bottom no-repeat;  text-shadow: #ffffff 0 1px 0;}
.contentAera .rightPanel{ width:686px; float:left; padding:48px 50px 0px 60px;}
/*--------------------- for product page css ----------------------------*/
.contentAera .rightPanelProduct{ margin-top:50px;width:656px; float:left;height:475px; overflow-y:scroll; float:left; padding:5px 50px 10px 60px; }
/*=======================================================================*/
.rightPanel .leftContent{ width:250px; float:left;  padding:27px 0px 0px 0px; }
/*--------------------- for capabilitit  page css ----------------------------*/
.rightPanel .leftContentimg{ width:350px; float:left;  padding:15px 0px 0px 0px; }
.leftContenttext
{ 
	width:300px; margin:10px 0px 10px 0px;float:left;border:2px dotted; #333333; padding:9px; clear:right;
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
}
/*--------------------- for product page css ----------------------------*/

.rightPanelProduct .leftContenProduct{ width:120px; height:90px; float:left;  padding:5px; background:#C7C7C7; border:1px solid #999999; }
.rightPanelProduct .rightContentProduct{ width:330px;  height:90px; float:left; padding:5px;  background:#BFBFBF; border:1px solid #999999; }
.rightPanelProduct .leftContenProductImg{ width:120px;  height:90px; float:left;  padding:5px;  background:#AAAAAA; border:1px solid #999999; }


/*=======================================================================*/
.leftContent img{ padding-bottom:20px; }
.rightPanel .rightContent{ width:436px; float:left;}
.rightPanel .rightContentDynamic{ width:336px; float:left; }
.rightContent ul{ margin:0px; padding:15px; }
.rightContent li{ margin:0px; padding:0px; list-style-image:url(../images/inner/dot.jpg); }
.rightContent a{ text-decoration:none; color:#336601;}
.rightContent a.current{font-size:13px; font-weight:bold; text-decoration:underline;}
.rightContent .calculator{ /* future use */ }
.calculator .innerCalculator{ width:412px; float:left; }
.innerCalculator .topHeader{width:270px; float:left; background:url(../images/inner/topCurve.jpg) no-repeat left top; height:25px; line-height:25px; color:#FFFFFF; padding-left:15px;}
.innerCalculator .calContent{width:265px; float:left; background:url(../images/inner/calSpacer.jpg) repeat-y left top; padding:16px 5px 0px 15px;}
.calContent .calContentRow{ width:270px; float:left; padding:0px 0px 10px 0px }
.calContentRow .column1{width:110px; float:left; }
.calContentRow .column2{width:150px; float:left;}
.calContentRow .column3{width:150px; float:left;}
.column3 .leftButton{float:left;}
.column3 .righttButton{float:left; padding-right:5px;}
.calContentRow .inputBox{ width:130px; float:left; border-top:1px solid #9D9D9D;  border-right:1px solid #686964; background:#FFFFFF; font-family:Arial; font-size:11px; }
.innerCalculator .bottomCurve{width:285px; float:left; background:url(../images/inner/bottomCurve.jpg) no-repeat left top; height:6px; overflow:hidden;}

.rightContent a:hover{ text-decoration:underline; }
.rightPanel .heading{font-family:arial narrow; color:#000000; font-size:20px; font-weight:bold; float:left;  padding:0px 0px 8px 0px;  }
.rightPanel .headingDynamic{font-family:arial narrow; color:#000000; font-size:14px; font-weight:bold; float:left;  padding:15px 0px 8px 0px;  }
.innerMain .innerFooter{ background:url(../images/inner/footreSpacer.jpg) repeat-x left top; height:23px; line-height:23px; width:1003px; text-align:center; color:#FFFFFF; font-size:11px; }

.rightPanel .contactus{width:650px; float:left; }
.contactus .map{float:left; border:6px solid #D7E0CB; margin-top:33px;}
.map .innerMap{float:left; border:1px solid #93B875; }
.contactus .address{float:left; padding-left:20px;}
.contactus .address a{color:#336601; text-decoration:underline;}
.contactus .address a:hover{text-decoration:none;}
.address .contactusHeading{ color:#336702; width:200px; float:left; font-weight:bold; font-size:12px; padding-bottom:3px; }

.callOutArea{ width:200px; float:left; margin:0px 0px 20px 20px;}
.contactText{ background:#336800; padding:0px 20px 0px 20px; }
.contactText .calloutHeading{color:#f5e60f; font-weight:bold;}
.contactText .calloutText2{color:#ffffff; }

.popupDiv{ width:600px; margin:0px auto; background:#FFFFFF; }
.popupDiv .popHeader{ width:600px; float:left; }
.popupDiv  .popUpContent{ width:560px; float:left; padding:20px;  } 
.popUpContent .popUpHeading{ width:560px; float:left; font-family:arial narrow; color:#000000; font-size:20px; font-weight:bold; padding-bottom:15px;}
.popUpContent .popupText{ width:560px; float:left; }
.popUpContent .popupText td{padding-bottom:8px;}
/*.popupText ul{ float:left; list-style-type:none;width:405px; margin:0px;  padding:0px; }
.popupText li{list-style-type:none; margin:0px 10px 20px 0px; }*/
.popupText .inputBox{ height:16px; background:#ffffff url(../images/inner/inputSpacer.jpg) repeat-x left top; width:280px; border-right:1px solid #C8C8C8;  border-bottom:1px solid #C8C8C8; font-family:arial; font-size:12px; color:#000000;}
.popupText .textBox{ height:40px; background:#ffffff url(../images/inner/inputSpacer.jpg) repeat-x left top; width:280px; border-right:1px solid #C8C8C8;  border-bottom:1px solid #C8C8C8; font-family:arial; font-size:12px; color:#000000;}
/*Inner Page Css*/

/* Include Css */
#topHeader{ height:141px; }
#footer{ height:23px;  }
#leftPanel{ width:207px; float:left;}
/* Include Css */

.file_1 {
    color: #888;
	font-family:Arial;
	font-size:12px;
	height:16px;
	background:#ffffff url(../images/inner/inputSpacer.jpg) repeat-x left top;
	border-right:1px solid #C8C8C8;  
	border-bottom:1px solid #C8C8C8; 
	font-family:arial; font-size:12px; 
	color:#000000;
}

.box
{
	border:1px solid #0000FF;
}
.text_popup
{
	width:580px; float:left; font-family:Verdana; font-size:11px; padding:10px; background:#FFFFFF;
}