@charset "utf-8";
/* CSS Document for JK Cement Website */
/* -------------------------------------------------------------------------------------------------- */
/* -------------------------------------- MAIN BLUE      - #2e445d ---------------------------------- */
/* -------------------------------------- LIGHT BLUE     - #456892 ---------------------------------- */
/* -------------------------------------- VLIGHT BLUE    - #d1e0e8 ---------------------------------- */
/* -------------------------------------- MAIN GREY      - #6c6c6c ---------------------------------- */
/* -------------------------------------- BG BLUE        - #3f5060 ---------------------------------- */
/* -------------------------------------- LIGHT GREY     - #f7f7f7 ---------------------------------- */
/* -------------------------------------- LIGHT YELLOW   - #faf5e6 ---------------------------------- */
/* -------------------------------------------------------------------------------------------------- */

/*----------------------General Styles-----------------------*/

html{min-height:100%;margin-bottom:1px;overflow:-moz-scrollbars-vertical !important;}a{outline-style:none;}
body{margin:0;padding:0;font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:12px;height:100%;background:#3f5060 url(../images/bg.jpg) repeat-x top;background-size:100%;color:#2e445d;text-align:justify;}
form{margin:0px;}.rfloat{float:right;}.lfloat{float:left;}.clear{clear:both;}
h3{font-size:12px;color:#6c6c6c;font-weight:bold;margin:0;padding:0;} /*Grey Bold 12*/
h4{font-size:12px;color:#2e445d;font-weight:bold;margin:0;padding:6px 0;} /*Blue Bold 12*/
h2{font-size:14px;color:#000000;font-weight:bold;margin:0;padding:6px 0;} /*Blue Bold 12*/
.imgbrdr{border:1px solid #000000;padding:1px;}
a.blue{color:#2e445d;text-decoration:none;}a.blue:hover{color:#2e445d;text-decoration:underline;}
a.bluegrey{color:#2e445d;text-decoration:none;}a.bluegrey:hover{color:#6c6c6c;text-decoration:none;}
a.blue2{color:#2e445d;text-decoration:underline;}a.blue2:hover{color:#2e445d;text-decoration:none;}
a.hdlinks{color:#33608e;text-decoration:none;}a.hdlinks:hover{color:#6c6c6c;}
a.grey{color:#6c6c6c;text-decoration:none;}a.grey:hover{color:#6c6c6c;text-decoration:underline;}
a.white{color:#fff;text-decoration:none;}a.white:hover{text-decoration:underline;}
a:visited img.fade, a img.fade{filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity:1.00;opacity:1;}
a:hover img.fade{filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity:0.80;opacity:0.8;}
 a:visited img.fade2, a img.fade2{filter:alpha(opacity=100);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity:1.00;opacity:1;cursor:default;}
a:hover img.fade2{filter:alpha(opacity=80);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity:0.80;opacity:0.8;cursor:default;}
.wrapper{width:1002px;background:#3f5060 url(../images/bg-l.jpg) top left no-repeat;margin:0 auto;} 
.wrapperin{width:1002px;background:url(../images/bg-r.jpg) top right no-repeat;margin:0 auto;}
.contentinner{background:#fff url(../images/content-bg.jpg) repeat-x;width:840px;padding:0 24px 0 24px;margin:0 auto;}
.popupcontent{background:#fff url(../images/content-bg.jpg) repeat-x;width:632px;padding:20px 24px 18px 24px;margin:0 auto;}
.popupstop{background:#fff url(../images/content-bg.jpg) repeat-x;width:840px;padding:10px 24px 28px 24px;margin:0 auto;}
.greytext{font-size:12px;color:#6c6c6c;font-weight:bold;} /*Grey Bold 12*/
.prblue{color:#2e445d;font-size:14px;font-weight:bold;}.prgrey{color:#6c6c6c;font-size:14px;font-weight:bold;}
.imgtop{padding-top:10px;}

/*----------------------General Styles End----------------------*/

/*----------------------Header Styles----------------------*/

.header{margin:0 auto;width:888px;}
.header2{background:url(../images/head.jpg) no-repeat;margin:0 auto;width:886px; height:71px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.header .news{background-color:#e7e7e7;color:#2e445d;padding:0 2px; width:882px; margin:0 auto;text-align:center;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
.homediv{padding:20px 60px 0 0; float:right; font-weight:bold;}
.banner{width:888px;margin:0 auto;}

/*----------------------Header Styles End----------------------*/

/*---------------------------Main Navigation Styles---------------------------*/

.nav{width:888px;margin:0 auto;font-family:Arial, Helvetica, sans-serif;}
#menu{list-style-type:none;margin:0;padding:0;font-weight:bold;}
#menu li{display:block;float:left;position:relative;z-index:100;margin-right:1px;}
#menu li span{display:block;z-index:100;background:url(../images/nav_0.jpg) repeat-x;padding:0 17px;}
#menu li a, #menu li a:visited{display:block;padding:0;}
#menu dl{position:absolute;top:0;left:0;margin:0;padding:0;background:url(transparency.gif);}
#menu dt{background:url(../images/nav_0.jpg) repeat-x;margin:0;border-bottom:1px solid #fff;float:left;
border-right:1px solid #fff;}
#menu dd{display:none;border-bottom:1px solid #fff;clear:left;margin:0;padding:0;color:#fff;text-align:left;/*background:url(../images/nav_0.jpg) repeat-x;*/}
#menu dt a, #menu dt a:visited{display:block;color:#fff;padding:5px 17px;text-decoration:none;background:url(../images/nav_0.jpg) repeat-x;}
#menu dd a, #menu dd a:visited{background:url(../images/nav_0.jpg) repeat-x;color:#fff;text-decoration:none;display:block;
padding:5px 17px;}
#menu dd a:hover, #menu dd a:hover{background:url(../images/nav_1.jpg) repeat-x;color:#fff;text-decoration:none;display:block;
padding:5px 17px;}
#menu li a:hover{border:0;}#menu li:hover dd, #menu li a:hover dd{display:block;}#menu li:hover dl, #menu li a:hover dl{}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover{background:url(../images/nav_1.jpg) repeat-x;color:#fff;}

/*---------------------------Main Navigation Styles End---------------------------*/	

/*---------------------------Home Page Content---------------------------*/

.contenthome{background:#fff url(../images/content-bg-home.jpg) repeat-x;width:888px;padding-top:5px;margin:0 auto;}
.panelsouter{width:850px;padding:30px 10px 10px 24px;}
.panels{width:271px;height:248px;padding:5px;float:left;}
.panel-1{background:url(../images/our-plants-bg.jpg) no-repeat;} 
.panel-2{background:url(../images/our-products-bg.jpg) no-repeat;position:relative;}
.panel-3{background:url(../images/awards-bg.jpg) no-repeat;position:relative;}
.panelcontent{padding:6px 16px 2px 2px;color:#2e445d;line-height:13px;}
.imgpad{padding-right:20px;}
.imgtext{padding:10px 1px 10px 0;}

/*---------------------------Home Page Content End---------------------------*/
.footer{background:#3f5060 url(../images/bg-b.jpg) left top repeat-x;width:888px;margin:0 auto;color:#fff;padding:14px 0 0 0;text-align:center;}
.footer-b{width:88.5%;margin:0 auto;}
.footer-l{color:#fff;float:left;text-align:center;padding:8px 0 10px 0;}
.footer-r{color:#fff;float:right;text-align:center;padding:8px 0 10px 0;}

/*---------------------------Round Corners Blue---------------------------*/

.round-blue{display:block;}.round-blue *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#456892;}
.round-blue1{margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #afbed0;
border-right:1px solid #afbed0;background:#738dad;}
.round-blue2{margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #eceff4;
border-right:1px solid #eceff4;background:#6884a6;}
.round-blue3{margin-left:1px;margin-right:1px;border-left:1px solid #6884a6;border-right:1px solid #6884a6;}
.round-blue4{border-left:1px solid #afbed0;border-right:1px solid #afbed0;}
.round-blue5{border-left:1px solid #738dad;border-right:1px solid #738dad;}.round-bluefg{ background:#456892;}

/*---------------------------Round Corners Blue End---------------------------*/

/*---------------------------Round Corners Light Yellow---------------------------*/

.round-yellow{display:block; background:#faf5e6;}
.round-yellow *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#faf5e6;}
.round-yellow1{margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #fcfaf4;border-right:1px solid #fcfaf4;background:#fbf7ec;}
.round-yellow2{margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #fefefc;border-right:1px solid #fefefc;background:#faf6ea;}
.round-yellow3{margin-left:1px;margin-right:1px;border-left:1px solid #faf6ea;border-right:1px solid #faf6ea;}
.round-yellow4{border-left:1px solid #fcfaf4;border-right:1px solid #fcfaf4;}
.round-yellow5{border-left:1px solid #fbf7ec;border-right:1px solid #fbf7ec;}.round-yellowfg{background:#faf5e6;padding:16px;}

/*---------------------------Round Corners Light Yellow End---------------------------*/

/*---------------------------Round Corners Light Blue---------------------------*/

.round-lblue{display:block;}.round-lblue *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#e8f2f8;}
.round-lblue1{margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #f5f9fb;border-right:1px solid #f5f9fb;background:#edf5f9;}
.round-lblue2{margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #fcfdfe;border-right:1px solid #fcfdfe;background:#ecf4f9;}
.round-lblue3{margin-left:1px;margin-right:1px;border-left:1px solid #ecf4f9;border-right:1px solid #ecf4f9;}
.round-lblue4{border-left:1px solid #f5f9fb;border-right:1px solid #f5f9fb;}
.round-lblue5{border-left:1px solid #edf5f9;border-right:1px solid #edf5f9;}.round-lbluefg{background:#e8f2f8;padding:16px;}

/*---------------------------Round Corners Light Blue End---------------------------*/

/*---------------------------Grey Background Panels Styles---------------------------*/

.panel100{background:#fff url(../images/panel100.jpg) top center no-repeat;width:808px;margin:0 auto;}
.panelpop{background:#fff url(../images/panel70r.jpg) top center no-repeat;width:600px;margin:0 auto;}
.ind{padding:20px 40px;}.combined{padding:20px 16px;}
.panel50l{background:#fff url(../images/panel50.jpg) top center no-repeat;float:left;width:362px;padding:30px 28px;}
.panel70c{background:#fff url(../images/panel70.jpg) top center no-repeat;margin:0 auto;width:486px;padding:30px 28px;}
.panel50r{background:#fff url(../images/panel50.jpg) top center no-repeat;float:right;width:362px;padding:30px 28px;}
.panel30c{background:#fff url(../images/panel30.jpg) top center no-repeat; margin:0 auto;width:250px;padding:30px 100px;
text-align:center;font-weight:bold;}

.panel70l{background:#fff url(../images/panel70.jpg) top center no-repeat;float:left;width:486px;padding:30px 20px;}
.panel30r{background:#fff url(../images/panel30.jpg) top center no-repeat;float:right;width:285px;padding:30px 10px;}

.panel30l{background:#fff url(../images/panel30.jpg) top center no-repeat;float:left;width:285px;padding:30px 10px;}
.panel70r{background:#fff url(../images/panel70.jpg) top center no-repeat;float:right;width:486px;padding:30px 20px;}
.container-l{background-color:#FFFFFF;width:420px;float:left;}.container-r{background-color:#FFFFFF;width:420px;float:right;}
.container-la{background-color:#FFFFFF;width:420px;float:left;}.container-ra{background-color:#FFFFFF;width:290px;float:right;}
.container-la2{background-color:#FFFFFF;width:290px;float:left;}.container-ra2{background-color:#FFFFFF;width:420px;float:right;}
.contacttext{background-color:#FFFFFF;width:420px; margin:0 auto;}

.mbox{width:158px;padding:5px;color:#fff;font-weight:bold;background:#456892;float:left;position:relative;text-align:center; font-size:11px;}
.mbox-all{background:#456892 url(../images/management-brdr.jpg) right no-repeat;}
.mimg{float:left;border-bottom:10px solid #fff;}
.mtext{background-color:#f7f7f7;float:right;width:286px;border-bottom:10px solid #fff;height:40px;padding:10px;}
.mdesctitle{float:right;width:340px;border-bottom:10px solid #fff;height:40px;padding:10px;}
.mcontainer{background-color:#FFFFFF;width:840px;padding:0 24px;margin:0 auto;}

/*---------------------------Grey Background Panels Styles End---------------------------*/

ul.list{list-style:none;padding:0;margin:0;}
ul.list li{line-height:16px;background: url(../images/list-bullet.gif) top left no-repeat;padding: 3px 0 3px 20px;margin: .4em 0;}
.datatable{background-color:#ffffff;}.datatable td{background-color:#d1e0e8;}
.whitetd{background-color:none;font-weight:bold;}
.datatable td.head{background-color:#1b658d; color:#FFFFFF; font-weight:bold;}
.datatable td.subhead{background-color:#848484; color:#FFFFFF; font-weight:bold;}
.datatable td.blue{background-color:#456892;color:#FFFFFF;}.datatable td.lyellow{background-color:#faf5e6;}
.formelem{width:140px;border:1px solid #d4dadd;background-color:#d1e0e8;}
.formelem2{width:200px;border:1px solid #d4dadd;background-color:#d1e0e8;}
.imp{color:#FF0000;font-weight:bold;}
.stateslist{width:220px;overflow:auto;height:280px;}
a.states{display:block;background-color:#2383b6;border:1px solid #cccccc; text-decoration:none;color:#FFFFFF;
font-weight:bold;padding:1px 6px;font-size:11px; text-align:left;}
a.states:hover{background-color:#6c6c6c;}
.stateimg{background:url(../images/panel-centre.jpg) top center no-repeat;width:166px;height:166px;padding:2px;margin:0 auto;text-align:center;vertical-align:middle;}

.roundcont{width:800px;background-color: #e8f2f8; margin-bottom:20px;}
.roundconty{width:800px;background-color: #faf5e6;margin-bottom:20px;}
.roundcont p{margin:6px 10px;}
.roundtopb{background:url(../images/trb.jpg) no-repeat top right;}
.roundbottomb{background:url(../images/brb.jpg) no-repeat top right;}
.roundtopy{background:url(../images/try.jpg) no-repeat top right;}
.roundbottomy{background:url(../images/bry.jpg) no-repeat top right;}
img.corner{width:17px;height:17px;border: none;display:block !important;}

.nav2{width:888px;margin:0 auto;font-family:Arial, Helvetica, sans-serif;}
#menu2{list-style-type:none;margin:0;padding:0;font-weight:bold;}
#menu2 li{display:block;float:left;position:relative;z-index:100;margin-right:1px; border:1px solid #FFFFFF;}
#menu2 li span{display:block;z-index:100;background-color:#2380b2;padding:0 11px;}
#menu2 li a, #menu2 li a:visited{display:block;padding:0;}
#menu2 dl{position:absolute;top:0;left:0;margin:0;padding:0;background:url(transparency.gif);}
#menu2 dt{background-color:#2380b2;margin:0;border-bottom:1px solid #fff;float:left;
border-right:1px solid #fff;}
#menu2 dd{display:none;border-bottom:1px solid #fff;clear:left;margin:0;padding:0;color:#fff;text-align:left;/*background:url(../images/nav_0.jpg) repeat-x;*/}
#menu2 dt a, #menu2 dt a:visited{display:block;color:#fff;padding:5px 11px;text-decoration:none;background-color:#2380b2;border:1px solid #FFFFFF;}
#menu2 dd a, #menu2 dd a:visited{background-color:#2380b2;color:#fff;text-decoration:none;display:block;border:1px solid #FFFFFF;
padding:5px 17px;}
#menu2 dd a:hover, #menu2 dd a:hover{background-color:#2380b2;color:#fff;text-decoration:none;display:block;
padding:5px 17px;}
#menu2 li a:hover{border:0;}#menu2 li:hover dd, #menu2 li a:hover dd{display:block;}#menu2 li:hover dl, #menu2 li a:hover dl{}
#menu2 li:hover dt a, #menu2 li a:hover dt a, #menu2 dd a:hover{background-color:#656565;color:#fff;border:1px solid #FFFFFF;}