@charset "utf-8";
/* CSS Document */
@import"reset.css";

@font-face {
    font-family: 'ArialRegular';
    src: url('../../fonts/arial-webfont.eot');
    src: url('../../fonts/arial-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/arial-webfont.woff') format('woff'),
         url('../../fonts/arial-webfont.ttf') format('truetype'),
         url('../../fonts/arial-webfont.svg#ArialRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'arialbold';
    src: url('../../fonts/arialbd-webfont.eot');
    src: url('../../fonts/arialbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/arialbd-webfont.woff') format('woff'),
         url('../../fonts/arialbd-webfont.ttf') format('truetype'),
         url('../../fonts/arialbd-webfont.svg#arialbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {background:#f2f2f2 url(../../images/back-bg.jpg) repeat-x left top; font:normal 13px 'ArialRegular', Helvetica, sans-serif; 
line-height:18px; color:#999; margin:0; padding:0; text-align:justify;}

a { text-decoration:none; color:#7faf1b;}
a:hover {}
img a{ border:none;}
p{color:#909090; line-height:18px; text-align:justify; margin:10px 0;}

.clear {clear:both}
.left {float:left}
.right {float:right}
.none {float:none}

h1{color:#003448; font:normal 20px 'arialbold'; padding:0; margin:-5px 0 14px 0; }
h2{color:#003549; font:normal 14px 'arialbold'; text-transform:uppercase; padding:0; margin:-5px 0 10px 0; } 
h3{color:#6ba830; font:normal 18px 'arialbold'; padding:0; margin:-5px 0 14px 0; } 
h5{color:#003549; font:normal 14px 'ArialRegular'; text-align:center; padding:0; margin:3px 0 0 0;}

#main {width:980px; margin:0 auto;}

header {width:980px;}
/*.logo { float:left; margin:6px 13px 7px 0;}
.slogn {float:left; font-size:36px; font-style:italic; padding:100px 0 0 0; color:#81b11a;}*/
.header-right{width:322px; height:44px; padding:12px 14px 0 ; float:right; border:solid 1px #333; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; background:#f3f8ee;}
.enq-btn{float:left; width:168px; background:url(../../images/h-line.png) no-repeat top right;}
.phone{float:right; font-size:25px; color:#003649;}

/* menu */
nav {width:980px;}
.menu{width:980px; height:47px; float:left; list-style-type: none; clear:both; background:url(../../images/menu-bg.jpg) repeat-x left top; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin:0 0 18px 0;}
.menu li{padding:0; margin:0; float:left; display:block;}

#nav {
	float:left;
	margin: 0;
	padding:0;
	line-height: 100%;
	height:47px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	z-index:666;
}

#nav li {margin: 0 0px; padding: 0 0px; float: left; position: relative; list-style: none; line-height:47px;}

#nav li.last{background:none;}
/* main level link */
#nav a {
	font-weight: normal;
	color: #fff;
	font-size:14px;
	text-decoration:none;
	display: block;
	text-transform:uppercase;
	padding: 0 23px 0 29px;
	margin: 0;
	z-index:666;
}
#nav a.first {
	height:33px;
	padding:15px 25px 0 25px;
	margin:0 0 0 0px;
}

#nav a.first .img{
	background:url(../../images/home-icon.png) no-repeat center;
	padding:33px 14px 0 14px;
	margin:0 0 0 0px;
	
}
#nav a.first:hover .img{
	background:url(../../images/home-icon-h.png) no-repeat center;
	margin:0 0 0 0px;
}

#nav a:hover {
background: url("../../images/menu-bg-h.jpg") repeat-x scroll 0 0 transparent !important;
	/*background:none;*/
	color: #fff;
	z-index:666;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	color: #fff;
	z-index:666;
}

#nav li:hover > a.first {
	background: url(../../images/menu-bg-h.jpg) repeat-x!important;
	color: #fff;
	z-index:666;
	-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

#nav li:hover > a.first, a.current {
	background: url(../../images/menu-bg-h.jpg) repeat-x!important;
	color: #fff;
	z-index:666;
/*	-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
 border-top-left-radius: 4px; 
border-bottom-left-radius: 4px; */
}

 #nav li:hover > a.last {
	background: url(../../images/menu-bg-h.jpg) repeat-x!important;
	color: #fff;
	padding-right:33px;
	z-index:666;
	-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
/* border-top-right-radius: 4px;
border-bottom-right-radius: 4px; */
}

/* sub levels link hover */

#nav ul li:hover a, #nav li:hover li a {
	background:#003348;
	color: #FFFFFF !important;
	line-height:30px;
	font-size:13px;
	z-index:666;
        padding-left:20px !important;
	
}
#nav ul li:hover a, #nav li:hover li a #nav ul a:hover {
	background:#1464F4;
	color: #FFFFFF !important;

}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 45px;
	left: 0;
z-index:666;
	
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;

	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	
	background:url(../images/menu-t.png) repeat ;
	}
#nav ul li {
	float: none;
	margin: 0;
	height:31px;
	padding: 0;
	background:none;
}

#nav ul a {
	font-weight: normal;
}


/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {display: inline-block;}


section{}
/*  Banner */ 
#banner{width:980px; float:left; margin:0 0 20px 0;}

.main-banner{width:740px; float:left;}
.main-right{width:240px; float:right;}

/********************** Content ************************/
section#container {position:relative; z-index:1; padding:0px 0 0 0; clear:both;}
.gry-border {border: 1px solid #d7d5d6; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px; padding:14px;}

/********************** Our Pro ************************/
.our-por{width:940px; float:left; clear:both; padding:20px; background:#f6f6f6; margin:0 0 20px 0;}

.wrapper{overflow:hidden; position:relative;}
.col-1 {float:left; width:170px; margin-right:20px; position:relative;}
.col-1 img{float:left; margin:5px 0; max-width: 167px;}
td .col-1{margin-right:0px; margin-left:20px;}
.free{width:102px; height:61px; float:right; position:absolute; /* background:url(../../images/free.png) no-repeat right top; */ right:0;}
.read-more-btn{
background:url(../../images/read_more_btn_new2.png) no-repeat;
/*background: #1A4FAD; */
width:113px; 
height:34px; 
float:left;
margin:8px 0 0 25px; 
border:none; 
cursor: pointer;
}
.read-more-btn:hover { }


.free-cons{background:url(../../images/free-cons.png) no-repeat; width:153px; height:34px; float:right; margin:0px 0 0 25px; border:none; cursor: pointer;}

.mrg-top { margin-bottom:25px; }
.col-2 {float:left; width:170px; margin:0 0px 0 0; position:relative;}
.col-2 img{float:left; margin:5px 0;}


/********************** Content ************************/
.content{width:940px; float:left; clear:both; padding:20px; background:#f6f6f6; margin:0 0 20px 0; clear:both;}
.cont-left{width:520px; float:left; background:url(../../images/h-line.jpg) repeat-y right top; padding:0 40px 0 0;}
.cont-left img{float:left; margin:0 20px 0 0; padding:0 0px 0 0; border:solid 1px #d7d5d6;}
.cont-left p a{color:#7faf1b; float:right !important;}

.cont-right {float:right;}
.cont-right img {border:solid 1px #d7d5d6;}

/********************** Home Our Ser ************************/
.our-ser{float:left; width:460px; }

.our-ser ul{list-style-type: none; width:280px;}
.our-ser ul li{ width:140px; padding:0; margin:0; display:inline-block; float:left; background:url(../../images/arrow-gray.png) no-repeat left 6px;}
.our-ser ul li a{ padding:0 0 0 16px; margin:0; float:left; color:#6f6f6f; font:normal 15px; line-height:24px;}
.our-ser ul li a:hover{color:#7faf1b;}
.our-ser img{float:right; margin:-32px 58px 0 0 ;}

/********************** Home Newsletter ************************/

.Newsl{float:right; width:422px; background:url(../../images/h-line.jpg) repeat-y left top; padding:0 0 0 55px;}
.newsletter{float:left; width:422px; padding:0; margin:-8px 0 0 0;}
.newsletter-in{float:left; font-size:13px; text-align:justify; line-height:18px; padding:0 0 10px 0; }
.n-left{float:left; padding:0 14px 0 0; width:340px;}
.input-cont{width:100%; height:24px; float:left; border:solid 1px #cbcaca; background:url(../../images/input-bg.jpg) repeat-x left top; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:4px 4px 4px 4px; margin:0 0 6px 0;}

.input-txt{float:left; height:22px; line-height:24px; font-size:13px; color:#909090; border:none; background:none; margin:0 8px; outline:none;  }
.wtd-324{width:324px;}

.wtd-218{width:218px;}
.btn-submit input{
height:26px; 
background:#1A4FAD;
/*background:#7faf1b; */
color:#fff; font:normal 13px; float:right; margin:32px 0 0 0; padding-bottom:3px; border:none; cursor:pointer; border-radius:4px;}
.btn-submit:hover{ background-position:left bottom;}

/********************** Logoes ************************/
.logos{float:left; width:978px;}
.logos img{ margin:0 12px; float:left;}
.gry-border1{border: 1px solid #d7d5d6; border-radius:4px; padding:14px 0;}

footer {clear:both; padding:20px 0 0 0; margin:0 auto; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px;}
.footer{width:940px; float:left; background:url(../../images/f-bg.png) repeat-x left top; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius: 4px; padding:20px 20px 15px 20px ; margin-bottom:10px;}
.footer-top{width:940px; float:left; height:125px;}

/************ Navigation **************/
.navi{width:190px; float:left;}
.navi ul{list-style-type:none;}
.navi ul li{ width:87px; padding:0; margin:0; display:inline-block; background:url(../../images/f-arrow.png) no-repeat left 6px; line-height:18px; float:left;}
.navi ul li a{color:#FFF; font-size:12px; padding:0 0 0 12px;}
.navi ul li a:hover{color:#6ba830;}

/************ Social **************/
.social{width:200px; float:left; padding:0 0 0 10px;}
.social img{margin:0 6px 0 0;}

/************ Address **************/
.add{width:395px; float:left;}
.add-txt{width:152px; float:left; color:#fff; font-size:12px;}
.add-txt1{float:right; color:#fff; font-size:12px;}
.add-txt1 a{color:#FFF;}
.add-txt1 a:hover{color:#6ba830;}

.client-logo{width:132px; height:102px; float:right; background:#fcfdfd; text-align:center; border-radius:4px;}
.copyright{float:left; color:#FFF; font-size:12px;}
.webdesign{float:right; color:#FFF; font-size:12px;}
.webdesign a {color:#FFF;}
.webdesign a:hover {color:#6ba830;}


/*  Inner Page  */

/*  About Us  */
.col-left{width:279px; float:left;}

/********************** Our Ser ************************/
.our-ser1{float:left; width:251px; margin:0 0 20px 0;}

.our-ser1 ul{list-style-type: none; width:155px;}
.our-ser1 ul li{width:155px; padding:0; margin:0; display:inline-block; float:left; background:url(../../images/arrow-gray.png) no-repeat left 6px;}
.our-ser1 ul li a{ padding:0 0 0 16px; margin:0; float:left; color:#6f6f6f; font:normal 15px; line-height:24px;}
.our-ser1 ul li a:hover{color:#7faf1b;}
.our-ser1 img{ margin:0px 0;}

.download 
{/*background: none repeat scroll 0 0 #7FAF1B;*/
   background:#1A4FAD;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    height: 27px;
    margin: 0;
    padding: 7px 7px 0px 7px; }
.download-solar
{
background: none repeat scroll 0 0 #7FAF1B;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    height: 27px;
    margin: 0;
    padding: 7px 7px 0px 7px;
background: none repeat scroll 0 0 #797979;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-size: 18px;
    padding: 10px;
    text-align: right;
}

/********************** Home Newsletter ************************/
.news{float:left; width:251px; margin-bottom:20px; }
.newsletter1{float:left; width:251px; padding:0; margin:-8px 0 0 0;}
.n-left1{float:left; padding:0 14px 0 0; width:250px;}
.input-txt{float:left; height:22px; line-height:24px; font-size:13px; color:#909090; border:none; background:none; margin:0 8px; outline:none;  }
.wtd-230{width:230px;}
.btn-submit1 input{
height:26px; 
/*background:#7faf1b;*/
background:#1A4FAD;
color:#fff; 
font:normal 13px; 
float:right; 
margin:0 0 0 0; 
padding-bottom:3px;
 border:none; 
cursor:pointer; 
border-radius:4px;
}
.btn-submit1:hover{ background-position:left bottom;}
.btn-submit1 input:hover{background:#999;} 

.input-cont input{float:left; height:22px; line-height:24px; font-size:13px; color:#909090; border:none; background:none; margin:0 8px; outline:none; width:230px !important;}

.submit input{
height:26px; 
/*background:#7faf1b;*/
background:#1A4FAD;
 color:#fff; font:normal 13px; float:right; margin:0 0 0 0; padding-bottom:3px; border:none; cursor:pointer; border-radius:4px;}

.submit:hover{ background-position:left bottom;}
/********************** Logos ************************/
.logos-in{float:left; width:279px; padding:10px 0 0 0;}
.logo-bg{width:123px; height:68px; float:left; background:url(../../images/logo-bg.jpg) repeat-x left top; border:solid 1px #dad9d9; -moz-border-radius: 4px; -webkit-border-radius:4px; border-radius:4px; margin:0 7px 8px ; padding-top:5px; text-align:center;}

/*  Right Col  */
.col-right{width:639px; float:right;}
.col-right img{border:solid 1px #d7d5d6; float:left; margin:0 20px 0 0;}
.col-right ul{list-style-type: none; margin:0 0  0 10px; /*float:left;*/}
.col-right ul li{padding:0; margin:0; display:list-item; line-height:24px; padding:0 0 0 14px; background:url(../../images/arrow-gray.png) no-repeat left 6px;}




/* 	Forms 	*/

.reset-btn {  text-align: center; width: 88%; margin:10px 0 0 86px;}
.calculater {margin:0 auto;}
.calculater h2 {margin-top:10px; text-align:center !important;}
.calculater td {padding:4px 0; border-bottom: 1px dashed #DDDDDD;}
.calculater #total_saving {/*background-color: #7FAF1B;*/background:#1A4FAD; font-weight: bold; padding: 2px; border:1px solid; font-size: 18px; color:#ffffff !important; height: 30px; text-align: center; width: 114px}
.contactus label {float:left;  font-size: 11px;	text-align: left; width: 90px; padding-top:3px;}

.contactus {
        /* background: none repeat scroll 0 0 #0374BC; */
	color: #909090;
	float: right;
	padding: 20px 0px 0px 0px;
	width: 290px;
}
.contactus div {padding-bottom:10px; float: right;	font-size: 11px; }
.contactus input, .calculater input{border: 1px solid transparent;
	border-radius: 3px 3px 3px 3px;
	float: right;	height: 20px; width:190px;}
.calculater input {padding-right: 15px;
   text-align: right;
   width: 88px;}
.contactus textarea, .calculater textarea{float:right; width: 190px !important; border: 1px solid transparent; border-radius: 3px 3px 3px 3px;}

.captcha img{float:right;  padding-bottom: 10px; }
.message label{ float: left;	font-size: 11px;	text-align: left;	width: 90px;}

.submitbtn {float: right !important;}

.submitbtn input{  background: none repeat scroll 0 0 #7FAF1B;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    height: 29px;
    margin: 0;
    padding-bottom: 3px; width: 100px;}
.submitbtn input:hover {background-color: #999999;}


/* overlay */

#overlay{
/*    display:none;   */
    position:absolute;
top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:999;
    background-color: #025B7D;
    background:url("../../images/overlay_bg.png") repeat scroll left top transparent;
}

.alert {
/*   display:none;  */
   position:absolute;
   top:30%;
   left:35%;
right:35%;
/*   width:40%;	*/
	background-color: #fff;
   padding: 2px;
   text-align: center;
 width: 320px;   float:left !important; 
   }

.alert[id]{ /* IE6 and below Can't See This */	position:fixed;	}#overlay[id]{ /* IE6 and below Can't See This */	position:fixed; z-index:999   }

.alertMessage {
	color: #FFC20E;
	padding: 20px;
       float:left !important; 
}

.error_message{color: #FF0101;
	float: left;
	font-size: 10px;}

.error_message ul{
padding-bottom:0px; text-align:left; padding-left:0px;
}

.error_message ul li
 {color: #0F2A65;
	float: none;
	font-size: 13px;
line-height:18px; text-align:left; }

.error1{color: #FF0101;
	float: left;
	font-size: 10px;}

#closeAlert{
	color: blue;
	font-size: 16px;
   	font-weight: bold;
   position: absolute;
	right: -10px;
	text-decoration: underline;
	top: -10px;
}


/* Partner Page */
.col-right table td{ /* width:250px !important; */ }
.col-right table img {     border: 0 none;
    height: auto;
    width: auto;
    float:none;
    margin:0px !important; }



/* Category Page */

.category {
    background-color: #ffffff;
    border: 1px solid #CCCCCC;
    margin-right: 12px;
    overflow: hidden;
    padding: 3px;
text-align: center;
}

.cat-title { background-color: #CCCCCC;
    line-height: 30px;
    margin: 0 12px 20px 0;
    text-indent: 10px; font-size: 14px;}


.item_images {float: right;
    margin: 0 0 5px 15px;
    padding: 4px;}

.item_images img { 
    border: 1px solid #D7D5D6;
    clear: both;
    float: right;
    height: auto;
    margin-bottom: 25px;
    margin-right:0px;
    max-width: 300px !important;
    padding: 5px;
}

.item_more_lnk {float:left; width:100%; margin-top:20px;}
.item_more_lnk .read-more-btn {float:right; margin:0;}
/* .item_more_lnk .read-more-btn:hover{background-color:#999} */

.prod-table { width:639px; overflow: scroll; }
.prod-table table td{ border: medium 1px #D7DFF6 !important;  }
.prod-table table td h4{padding-right:15px; text-align:center; color: #003448; margin-top: 5px;}
.prod-table table td img{padding:5px;}


.prod-read-more-btn {
    background: url("../../images/read-more-btn.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 34px;
    margin-top: 20px;
    width: 113px;
}



.enq_slider .contactus {
   background-color: #7FAF1B;
   border: 5px solid;
   border-radius: 0 0 5px 5px;
   color: #00394A;
   float: left;
   padding: 0;
   position: relative;
   width: 240px;
   z-index: 777777;
}


.cms_checkbox {width:37px !important;}
.contactus legend{padding:3px; font-size:12px;}

/*Calculator*/

.calc h2{
margin: -5px 0 5px !important;
padding-top: 10px;
font-size: 17px;
}

.cal-left td
{
text-align: left;
font-size: 12px;
}

.cal-left td input
{
margin: 5px 5px 5px 0;
width: 180px;


}

.calc h3
{
margin: -5px 0 5px  !important;
}

.cal-right td span
{
margin: 0 0 0 0;
}

.cal-right td
{
text-align: left;
font-size: 12px;
}

.cal-right td input
{
margin: 5px 5px 5px 0;
width: 180px;


}

.cal-right td span
{
margin: 0 0 0 0;
}

.reset-btn input{
/*background: none repeat scroll 0 0 #7FAF1B;*/
    background:#1A4FAD;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    height: 29px;
    margin-top: 10px;
    padding-bottom: 3px;
    width: 100px;
}

.carbon{
background: none repeat scroll 0 0 transparent;
    border: 1px solid transparent;
    color: #FF0000;
    font-size: 31px;
    height: 35px;
}
.logo{
   float: left;
   margin: 12px 13px 7px 0;
}
#nav a:hover {
    /* background: url("../../images/menu-bg-h.jpg") repeat-x scroll 0 0 transparent !important; */
    /* background: none; */
    background:#1A4FAD !important;
    color: #fff;
    z-index: 666;
}
#nav li:hover > a.first {
	/*background: url(../../images/menu-bg-h.jpg) repeat-x!important;*/
        background:#1A4FAD !important;
	color: #fff;
	z-index:666;
	-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}

#nav a.first .img {
    background: url(../../images/home-icon.png) no-repeat center;
    padding: 28px 14px 0 15px;
    margin: 0 auto;
}

#nav li:hover > a.first, a.current {
    /* background: url(../../images/menu-bg-h.jpg) repeat-x!important; */
    background:#1A4FAD !important;
    color: #fff;
    z-index: 666;
}
#nav span.img {
background: url(../../images/home-icon.png) no-repeat center !important;
}
/* Stylesheet: mystyle Modified On 2015-08-07 00:20:29 */