@media only screen and (min-width: 320px) and (max-width: 400px) { #HeaderSec{ width:100%; float:left; padding:10px 0px; background:#fefdfd;} #HeaderSec .headermain{ margin:0px auto; width:100%;} #HeaderSec a.logo{ width:60% !important; height:44px !important; float:left; display:block; margin:15px 0px 0px 0px; background-size:100%;} #HeaderSec a.logo img{width:100%; height:auto;} .bkgroup{width:25%; float:right; margin:0px 30px 0px 0px;} .bkgroup img{width:100%; height:auto;} /* Header Section End*/ /*Menu Start */ #menu{ line-height:72px; float:left; width:100%;/* background:url(../images/menuBg.jpg) left top repeat-x #d71920;*/ height:54px; position:absolute; z-index:99; margin:116px 0 0 0; background: #ce0000; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmUzYTI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNmZTNhMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiNmNDM0MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlNzJkMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OSUiIHN0b3AtY29sb3I9IiNkZDI4MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDcyNjI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ce0000 0%, #fe3a24 2%, #fe3a24 5%, #f43424 26%, #e72d24 60%, #dd2824 79%, #d72624 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce0000), color-stop(2%,#fe3a24), color-stop(5%,#fe3a24), color-stop(26%,#f43424), color-stop(60%,#e72d24), color-stop(79%,#dd2824), color-stop(100%,#d72624)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* IE10+ */ background: linear-gradient(to bottom, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0000', endColorstr='#d72624',GradientType=0 ); /* IE6-8 */ } #menu #nav{ width:100%; margin:0px auto; height:71px;font-family: 'MyriadPro-Regular'; margin-top:15px;} #nav ul{ list-style-type:none;} #nav ul li{ float:left; height:54px; line-height:54px; z-index:10000; border-right:solid 1px #ba2b27; width:100%;} #nav ul li a{ font-family:'open_sansregular'; color:#FFF; font-size:18px; text-decoration:none;margin:0px 36px; line-height:54px;} /*Menu End */ /*Banner Start */ #banner{ width:100%; float:left; left top repeat;} #banner #bannermain{ margin:0px auto; background:url(../images/bannarbg.jpg) left top repeat; width:100%;} #bannermain .banarLeft{ width:571px; float:left; height:313px;} #bannermain img{ width:100%;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; float:left;} #banner1{ width:100%; float:left; background: url(../images/bannarproduct.jpg) left top no-repeat; left top repeat;} #banner1 #bannermain1{ margin:0px auto; width:1098px; padding:20px 0px 20px 0px;} #bannermain1 .banarLeft1{ width:571px; float:left; height:313px;} #bannermain1 .bannleft1 h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft1 p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left;} /*Banner End */ /*Shadow Box Start */ .shadowbox{ width:100%; float:left; background:url(../images/boxshadow.jpg) top center no-repeat #eaeaea; height:42px;} .shadowbox1{ width:100%; float:left; background:url(../images/Bg.jpg) repeat; height:50px;} /*Category Box End */ /*BedCome Start */ #bedSec{ width:100%; float:left; background:url(../images/bedbg.jpg) left top repeat-x #ededed; padding:5px 0px 5px 0px; } #bedSec .bedComeMain{ width:1098px; margin:5px auto 5px auto; background:#f2f1ec;} .bedComeMain ul{ list-style-type:none;} .bedComeMain ul li{ float:left; margin:0px 5px; line-height:20px;} .bedComeMain ul li a{font-family: 'open_sansregular'; color:#F00; text-decoration:none;} .bedComeMain ul li a.active{font-family: 'open_sansregular'; color:#000; text-decoration:none;} /*BedCome End */ /*Category Box Start */ #category{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:10px 0px 0px 0px;} #category .catmain{ width:1098px; margin:0px auto 15px auto;} .catmain .marchandiseBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} a.link {font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} a.link:hover{font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .meritsBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/merits.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 7px; text-transform:uppercase; font-family: 'open_sansregular';} .catmain .meritsBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/meritshover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; margin:0px 5px 0px 7px; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .manageBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/management.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 3px; } .catmain .manageBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/managementhover.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; margin:0px 5px 0px 3px; cursor:pointer;} .catmain .mapBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/maps.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 5px; } .catmain .mapBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/mapshover.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#000000; margin:0px 5px 0px 5px; cursor:pointer; text-decoration:none;} /*Category Box End */ /*Category Start 26.11.2013*/ #category{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:10px 0px 0px 0px;} #category .cat-main{ width:1098px; margin:0px auto 15px auto;} .cat-main .catTab{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/marBg.jpg) center top no-repeat; margin:0px 6px 0px 0px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab1{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/merit.png) center top no-repeat; margin:0px 6px 0px 6px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab2{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/tab3.png) center top no-repeat; margin:0px 6px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab3{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/tab4.png) center top no-repeat; font-family:"Arial Rounded MT Bold"; margin:0px 0px 0px 6px;} .catTab3 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab2 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab1 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block;font-family: Arial, Helvetica, sans-serif; font-weight:normal;} /*Category End 26.11.2013*/ /*Contenar Box Start */ #contenar{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:0px 0px 10px 0px; } #contenar .contenarmain{ width:1098px; margin:0px auto 20px auto;} /*Left Pannel Start */ .contenarmain .leftpanel{ width:297px !important; float:left; margin:20px 0px 0px 0px;} .leftpanel .upBox{ width:297px; float:left; background:#e5e5e5; padding:0px 0px 15px 0px; border: 1px solid #bdbdbd; } .leftpanel .mangalamBox{ padding:16px 0px 21px 22px; background:#bf6667; margin:10px 0px 0px 0px; color:#ffffff; cursor:pointer;} .leftpanel .mangalamBox1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0px 0px 12px 22px; color:#ffffff; cursor:pointer; font-size:22px; text-decoration:none; background:url(../images/annualBg.png) center bottom no-repeat; width:271px; height:34px; position:relative; left:-16px; top:-1px; line-height:35px;} .leftpanel .mangalamBox2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:12px 0px 12px 22px; background:#c32022; color:#ffffff; cursor:pointer; font-size:22px; margin:5px 0px 0px 0px; text-decoration:none;} .leftpanel .mangalamBox:hover{ padding:16px 0px 21px 22px; background:#bf6667; margin:10px 0px 0px 0px; background:#984344; cursor:pointer;} .leftpanel .environmentalBox{ font-size:24px; color:#9e1f21; display:block; padding:10px 0px 7px 15px; text-transform:uppercase; width:277px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/dotline.png) center bottom no-repeat; margin:0px 0px 6px 10px;} .leftpanel .environmentalBox1{ font-size:24px; color:#9e1f21; display:block; padding:0px 0px 15px 15px; text-transform:uppercase; width:277px; ; } .environmentalBox span{ color:#000000;} p.blackText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; float:left; text-decoration:none; text-align:left; color:#230606; padding:0px 10px 0px 10px; line-height:25px; font-weight:normal; margin:0px 0px 0px 10px;} p.focalText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; float:left; text-decoration:none; text-align:left; color:#230606; padding:0px 10px 0px 10px; line-height:25px; font-weight:normal; margin:5px 0px 5px 10px;} p.financeText{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; float: left; text-decoration: none; text-align: left; margin: 5px 0px 0px; color:#4a4a4a; padding:0px 0px 10px 10px;} p.blackTextcareer{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; padding:0px 10px 10px 10px; margin:0px 0px 10px 0px;} a.learnButn{ width:93px; height:25px; float:left; margin:0px 0px 15px 180px; float:left;} .leftpanel .bottomBox{ width:297px; float:left; background:#e5e5e5; margin:10px 0px 0px 0px; border: 1px solid #bdbdbd; } .bottomBox h1{font-size:22px; color:#FFF; display:block; padding:10px 0px 10px 15px; text-transform:uppercase; width:277px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/annualBg.png) left top no-repeat; font-weight:normal; top:-1px;} .bottomBox .reportBox{ width:251px; float:left; margin:10px 0px 0px 0px ;} .bottomBox .reportBox2{ width:251px; float:left;} .reportBox2 p.reportText{ width:145px; float:left; color:#230606; font-size:17px;} a.readBtn{ width:49px;} .reportBox .ImageBox{ width:82px; float:left; margin:0px 10px 0px 0px;} .reportBox p.reportText{ width:145px; float:left; color:#191919; font-size:17px; text-transform:capitalize; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;} .bottomBox .reportBox2{ width:251px; float:left; margin:20px 0px 10px 0px ;} /*Left Pannel End */ /*Right Pannel Start */ .contenarmain .rightpanel{ width:762px !important; float:left; margin:20px 0px 0px 29px;} .contenarmain .rightpanelInn{ width:1098px !important; float:left; background:#e7e7e7;} .rightpanel .aboutcontenar{ background:#ffffff; padding:0px 0px 20px 0px; position:relative; } .rightpanel .career{ background:#dedbd4; padding:10px 0px 20px 0px;} .aboutcontenar span a.redBlink{ color:#F00; font-size:14px; text-decoration:blink; font-weight:bold;} .aboutcontenar h1{ font-size:22px; color:#ffffff; width:465px; display:block; padding:10px 0px 20px 20px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/tittleBg.png) left top no-repeat; position:relative; left:-5px; font-weight:normal; height:34px;} .aboutcontenar h1.quaryTittle{ background:#ffffff; font-size:18px; color:#9e1f21; width:420px; display:block; line-height:30px; padding:0px 0px 0px 10px; text-transform:uppercase; font-family: 'open_sanssemibold'; margin:5px 0px 10px 0px; float:left; } .aboutcontenar h3.reachTittle{ background:#ffffff; font-size:18px; color:#9e1f21; width:420px; display:block; line-height:30px; padding:0px 0px 0px 10px; text-transform:uppercase; font-family: 'open_sanssemibold'; margin:5px 0px 10px 40px; float:left;} .aboutcontenar h1.gap{ background:#f2f1ec; font-size:18px; color:#9e1f21; width:362px; display:block; line-height:30px; padding:0px 0px 0px 10px; line-height:44px; margin:5px 0px 0px 0px; width:420px;} .aboutcontenar .behondText{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; padding:10px;} a.readmore{ width:114px; height:32px; float:right; margin:0px 20px 0px 0px;} /*Grade Box start */ .rightpanel .gradeBox{ width:363px; float:left; margin:19px 0px 10px 0px; border: 1px solid #d6d6d6; background-color: #e5e5e5; } .gradeBox h1{font-size:20px; color:#FFF; display:block; padding:10px 0px 15px 15px; text-transform:uppercase; background:url(../images/gradeBg.png) left top no-repeat; width:311px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; top:-1px;} .gradeBox h1 span.black{ color:#000000;} .gradeboxgradeSec{ width:335px; margin:0px auto;} .gradeboxgradeSec ul{ list-style-type:none;} .gradeboxgradeSec ul li{ float:left; margin:10px 0px 6px 0px; height:73px;} /*Grade Box End */ /*Certificate Box Start */ .certtificateBox{ width:380px; float:left; margin:19px 0px 0px 14px; background:#e5e5e5; padding:0px 0px 20px 0px; border: 1px solid #bdbdbd; } .certtificateBox h1{ font-size:20px; color:#FFF; width:260px; display:block; line-height:30px; padding:0px 0px 5px 15px; width:361px; line-height:44px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/certificateBg.png) left top no-repeat; position:relative; left:-5px; font-weight:normal; top:-1px;} .cerBox{ width:111px; float:left; margin:10px 14px 0px 14px;} p.cerText{ margin:14px 0px 16px 0px; text-align:left; font-size:18px; display:block; float:left; width:202px; line-height:25px; padding:0px 0px 10px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#230606;} p.reporText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#230606; text-decoration:none; text-align:left; font-size:17px; padding:0px 0px 0px 5px; width:145px; float:left; text-transform:capitalize;} a.readBtn{ width:49px; height:19px; float:left; margin:16px 0px 0px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#393838; text-decoration:none; text-align:left; background:url(../images/leftarrow-home.png) right 3px no-repeat;} /*Certificate Box End */ /*Choose Box Start */ .rightpanel div.chooseBox{ width:762px; float:left; background:#FFF; border: 1px solid #bdbdbd; margin:10px 0px 0px 0px; } .chooseBox .supBox{ width:703px; margin:5px 0px 5px 10px;} .chooseBox h1{ font-size:20px; color:#FFF; display:block; padding:10px 0px 15px 15px; text-transform:uppercase; background:url(../images/gradeBg.png) left top no-repeat; width:311px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; top:-1px;} .aboutcontenar h1 span.black{ color:#000000;} /*Choose Box End */ /*Right Pannel End */ /*Footer Box Start */ .footermenu{ color:#fff; font-family:Arial; font-size:12px;} .footermenu ul li{ display:inline; padding:5px 5px 5px 0px; color:#fff !important;} .footermenu ul li a{ color:#fff; text-decoration:none;} .copy{color:#fff; font-family:Arial; font-size:12px; padding:10px 0; float:left;} #footer{ width:100%; float:left; background:url(../images/footerBg.jpg) top center no-repeat #242220; height:90px; background-size:300%;} #footer .footermain{ width:100%; margin:0px auto; padding:10px 0px 0px 0px;} .footermain .beliefBox{ width:500px; float:left;font-family: 'open_sansregular'; font-size:14px; color:#ffffff;} .beliefBox h1{ font-family: 'open_sansregular'; font-size:23px; color:#fff; font-weight:normal;} .beliefBox p{font-family:arial; font-size:14px; color:#c4c4c4; line-height:24px; margin:16px 0px 0px 0px;} .footermain .touchBox{ width:265px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; margin:0px 0px 0px 20px;} .touchBox h1{ font-family: 'open_sansregular'; font-size:23px; color:#fff; font-weight:normal;} .touchBox p{font-family:arial; font-size:12px; color:#fff; line-height:24px; margin:10px 0px 0px 0px;} .touchBox p a{color:#fff; text-decoration:none;} .footermain .stayconnection{ width:248px; float:left; margin:0px 0px 0px 60px;} .stayconnection h1{ font-family:'open_sansregular'; font-size:18px; color:#c4c4c4; margin:0px 0px 20px 0px;} .stayconnection .socialBox{ width:243px; margin:0px auto;} .socialBox ul{ list-style-type:none;} .socialBox ul li { float:left; margin:0px 5px;} .footermenu{ width:94%; float:none; margin:0 auto;} .footermenu ul{ list-style-type:none;} /*Footer Box End */ /*Product & management Start */ /*#banner{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; }*/ #contenar .product-contenar{ width:1098px; margin:0px auto; background:#dedbd4; padding:10px 0px 10px 0px;} .product-contenar h1.merTittle{ width:184px; float:left; background:#ffffff; line-height:43px; color:#9e1f21; font-family: 'open_sansregular'; text-align:left; padding:0px 0px 0px 10px; font-size:24px;} .product-contenar p.contentBox{ width:1060px; float:left; font-family: 'open_sansregular'; font-size:18px; color:#230606; line-height:34px; text-align:left; padding:15px 0px 0px 10px;} .product-contenar .gradecementBox{ width:414px; float:left; margin:50px 0px 0px 0px;} .gradecementBox h1.redText{ font-family:'open_sansregular'; font-size:35px; text-align:left; color:#9c1116; height:49px; padding:0px 0px 0px 10px; width:342px; background:#ffffff;} .gradecementBox span{ color:#000000;} .gradecementBox p.ImageBox{ width:402px; float:left; margin:40px 0px 0px 10px;} .graderightBox{ width:648px; float:left; margin:50px 0px 0px 26px; font-size:22px;} .graderightBox p.productTextright{ font-family:'open_sansregular';color:#221314; float:left; line-height:31px; font-size:18px; text-decoration:none;} .product-cementleft{ width:648px; float:left;} .productText{font-family:'open_sansregular'; font-size:18px; float:left; color:#221314; text-decoration:none; text-align:left; padding:40px 0px 20px 10px;} .product-cementright{ width:420px; float:left; margin:0px 0px 0px 30px;} .product-cementright h1.ppcTittle{font-family: 'open_sanssemibold'; font-size:35px; color:#9c1116; line-height:40px; background:#FFF; padding:0px 5px 0px 10px; margin:40px 0px 35px 0px;} .product-cementright h1.ppcTittle span{ color:#000000;} product-cementright .image2{ width:402px; float:right; margin:0px 0px 0px 30px;} .catmain .marchandiseBox2{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox2:hover{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} /*Banner Start */ #bannerproduct{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; padding:10px 0px 60px 0px; margin:0px 0px 0px 0px;} /*#bannerproduct #bannermain{ width:1920px; margin:0px auto;}*/ #bannermain .bannleft{ width:576px; float:left; margin:0px 0px 0px 10px;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left; margin:0px 0px 0px 70px;} /*Banner End */ /*Product & management End */ #contenar .contact-main{ width:1098px; margin:0px auto; background:#efefef; border: 1px solid #d6d6d6; } .contact-main h1.con-tittlebox{ background:url(../images/contactTittle.png) left top no-repeat; width:361px; height:49px; position:relative; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; padding:6px 0px 0px 10px; left:-5px; font-weight:normal; } .contact-main .con-map{ width:376px; margin:0px 0px 0px 28px; float:left;} .contact-main .contactBox{ width:554px; float:left; margin:0px 0px 0px 71px;} .contactBox h1.contittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; float:left; color:#000000; text-decoration:none; padding:0px 0px 5px 0px; background:url(../images/con-dividar.jpg) left bottom no-repeat; width:549px; line-height:25px; margin:0px 0px 15px 0px;} .contactBox label.context{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#4a4a4a; text-decoration:none; text-align:left; width:136px; float:left; text-decoration:none; margin:10px 0px 0px 0px;} .contactBox .contactTextBox{ height:47px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .contactBox .contactTextArea{ height:117px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .contactBox span{ color:#d71920;} .contactBox a.conBtn{ width:174px; height:40px; background:url(../images/conBtn.png) left top no-repeat; display:block; float:left; margin:0px 0px 52px 140px;} .contenarmain .mediaBox{ width:554px; float:left; margin:20px 0px 0px 60px;} .mediaBox label.context{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#4a4a4a; text-decoration:none; text-align:left; width:136px; float:left; text-decoration:none; margin:10px 0px 0px 0px;} .mediaBox .contactTextBox{ height:47px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .mediaBox .contactTextArea{ height:117px; float:left; height:117px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .mediaBox span{ color:#d71920;} .mediaBox a.conBtn{ width:174px; height:40px; background:url(../images/conBtn.png) left top no-repeat; display:block; float:left; margin:0px 0px 52px 140px;} /* ######### Style for Drop Down Menu ######### */ .ddcolortabs{ width:100%; float:left; height:55px;} .dropmenudiv_a{ position:absolute; top:0; left:0; font:normal 12px/21px Verdana, Arial, Helvetica, sans-serif; color:#fff; z-index:10000; margin:2px 0 0 0; width:14.0%; visibility:hidden; padding:0px 10px 0px 10px; font-weight:bold; background:#d61920; } .dropmenudiv_a a{ width:180px; display:block; margin:0 auto 2px auto; text-decoration: none; font:normal 12px/21px Verdana, Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #ffffff; text-align: left; padding:5 0 5 0px; font-weight:bold; line-height:18px; padding:5px 0px; } .dropmenudiv_a a.nobdr{ border:none;} .dropmenudiv_a a:hover{ width:180px; display:block; color:#ffffff; line-height:18px; padding:5px 0px; } /* Top Drop Down Navigation Part End */ .cover{width:126px; height:15px; position:relative; background:url(../images/cover.jpg) left top no-repeat;top:20px; background:#262421;} /* Green Awareness Programme Start */ .contenarmain .greenBox{ width:1098px; margin:0px auto 20px auto; } .contenarmain .innBox{ width:1098px; background:#dedbd4; } /* 30.11.2013 start */ .greenBox .slidingSec{ width:1050px; margin:20px auto 0px auto;} .slidingSec .slidingLeft{ width:450px; float:left;} .slidingSec .slidingRight{ width:576px; float:right; background:#f9f7f7; margin:0px 10px 0px 10px; border: 1px solid #c3bfbe; } .slidingRight .slidingbulletBox{ width:520px; float:left; margin:0px 0px 0px 20px;} .slidingbulletBox ul{ list-style-type:none;} .slidingbulletBox ul li{ width:520px; "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; float: left; text-decoration: none; text-align: left; color: #4a4a4a; margin:5px 0px 0px 0px; padding: 0px 10px 0px 15px; background:url(../images/rightarrow.jpg) left 3px no-repeat;} .slidingRight h1.slidingTittle{ background:url(../images/annualBg.png) left top no-repeat; width:261px; height:40px; color:#ffffff; padding: 7px 5px 0px 15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; left:-6px; position: relative; font-weight:normal;} .slidingRight p.slidingText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:10px 0px 0px 0px; padding:0px 10px 10px 10px;} .slidingRight h1.empTittle{ width:390px; height:48px; background:url(../images/empTittle.png) left top no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; padding: 7px 5px 0px 15px; left:-6px; position: relative; font-weight:normal;} .empboldText{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; color:#000000; text-decoration:none; background:url(../images/dividar.jpg) left bottom no-repeat; padding:0px 0px 5px 10px; font-weight: normal; display:block; margin:10px 0px 0px 10px; float:left;} .aboutcontenar .comcontenar{ width:964px; float:left; margin:10px 0px 10px 20px;} .comcontenar ul{ list-style-type:none;} .comcontenar ul li{ float:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:5px 0px; background:url(../images/arrowright.png) left top no-repeat; padding:0px 0px 0px 15px; width:964px;} /* 30.11.2013 End */ /* Ware Frame Start */ .contenarmain .frameBox{ background:#dedbd4; float:left; width:1062px; padding:0px 15px; } .contenarmain .frameBox1{ background:#dedbd4; float:left; width:1062px; padding:0px 7px; } .frameBox p.frameText{ font-size:18px; color:#230606; line-height:32px; text-align:left; padding:18px 10px 0px 0px; font-family: 'open_sansregular'; } .frameBox h1{background:#f2f1ec; font-size:20px; color:#9e1f21; width:162px; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold;} .frameBox span.frameRedtext{ font-size:18px; color:#942027;display:block; font-weight:bold; font-family: 'open_sansregular'; text-decoration:none; text-align:left;} .frameBox p.boldblack{ font-size:20px; color:#000000; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold; margin:10px 0px 0px 10px;} .frameBox .section{ width:160px; margin:52px; float:left;} .section .ImageBox{ width:130px; float:left; border: 1px solid #999999; text-align:center; padding:5px; margin:0px 0px 5px 0px; text-align: center; } .section p.redName{ font-size:16px; color:#cf0810; text-align: center; font-family: 'open_sansregular'; font-weight:bold; margin:5px 0px 0px 0px;} .section p.desText{font-family: 'open_sansregular'; font-size:12px; color:#000000; text-align:left; text-decoration:none; padding:5px 0px 5px 5px;} .section a.readmore{ font-family: 'open_sansregular'; font-size:14px; color:#cf0810; text-decoration:none; text-align:left; margin:0px 0px 0px 40px;} /* Ware Frame End */ /* milestone start */ .frameBox .timelineBox{ width:1024px; float:left; padding:0px 0px 10px 0px;} .timelineBox .timelineLeftBox{ width:78px; float:left;} .timelineBox p.timelineText{ font-family: 'open_sansregular'; font-size:24px; color:#984344; text-align:center; margin:0px 0px 0px 20px; font-weight:bold; line-height:21px; margin:20px 0px 10px 0px; font-weight:bold;} .timelineLeftBox .row{ width:58px; font-family: 'open_sansregular'; font-size:14px; color:#000000; float:left; text-align:center; margin:5px 0px 5px 20px; font-weight:bold; line-height:21px;} .timelineBox .timelineRightBox{ width:1020px; float:left; } .timelineRightBox .row1{ width:616px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row2{ width:590px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row3{ width:570px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row4{ width:530px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row5{ width:500px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row6{ width:480px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row7{ width:450px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row8{ width:430px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row9{ width:410px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row10{ width:390px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row11{ width:370px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row12{ width:350px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row13{ width:330px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row14{ width:310px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row15{ width:300px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row16{ width:290px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row17{ width:270px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} /* milestone End */ /* Management Start */ p.manageText{ font-size:18px; color:#230606; line-height:32px; text-align:left; padding:18px 10px 0px 24px; font-family: 'open_sansregular';} p.manageTextbold{ font-size:20px; color:#000000; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold; margin:10px 0px 0px 10px;} .managebox{ width:742px; float:left; } .manageImageBox{ width:130px; float:left; border: 1px solid #999999; margin:20px 10px 0px 20px; text-align:center; padding:5px 0px;} .manageImageBox h1{font-family: 'open_sansregular'; font-size:24px; color:#c4080f; text-align:center; text-decoration:none;} .manage p.manageText{font-family: 'open_sansregular'; font-size:18px; color:#230606; text-align:center; text-decoration:none;} span .Red{font-family: 'open_sansregular'; font-size:18px; color:#c4080f; text-decoration:none;} /*Product & management Start */ /*#banner{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; }*/ #contenar .product-contenar{ width:1098px; margin:0px auto; background:#dedbd4; padding:10px 0px 10px 0px;} .product-contenar h1.merTittle{ width:184px; float:left; background:#ffffff; line-height:43px; color:#9e1f21; font-family: 'open_sansregular'; text-align:left; padding:0px 0px 0px 10px; font-size:24px;} .product-contenar p.contentBox{ width:1060px; float:left; font-family: 'open_sansregular'; font-size:18px; color:#230606; line-height:34px; text-align:left; padding:15px 0px 0px 10px;} .product-contenar .gradecementBox{ width:414px; float:left; margin:50px 0px 0px 0px;} .gradecementBox h1.redText{ font-family:'open_sansregular'; font-size:35px; text-align:left; color:#9c1116; height:49px; padding:0px 0px 0px 10px; width:342px; background:#ffffff;} .gradecementBox span{ color:#000000;} .gradecementBox p.ImageBox{ width:402px; float:left; margin:40px 0px 0px 10px;} .graderightBox{ width:648px; float:left; margin:50px 0px 0px 26px; font-size:22px;} .graderightBox p.productTextright{ font-family:'open_sansregular';color:#221314; float:left; line-height:31px; font-size:18px; text-decoration:none;} .product-cementleft{ width:648px; float:left;} .productText{font-family:'open_sansregular'; font-size:18px; float:left; color:#221314; text-decoration:none; text-align:left; padding:40px 0px 20px 10px;} .product-cementright{ width:420px; float:left; margin:0px 0px 0px 30px;} .product-cementright h1.ppcTittle{font-family: 'open_sanssemibold'; font-size:35px; color:#9c1116; line-height:40px; background:#FFF; padding:0px 5px 0px 10px; margin:40px 0px 35px 0px;} .product-cementright h1.ppcTittle span{ color:#000000;} product-cementright .image2{ width:402px; float:right; margin:0px 0px 0px 30px;} .catmain .marchandiseBox2{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox2:hover{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} /*Banner Start */ #bannerproduct{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; padding:10px 0px 60px 0px; margin:0px 0px 0px 0px;} /*#bannerproduct #bannermain{ width:1920px; margin:0px auto; text-align:center;}*/ #bannermain .bannleft{ width:576px; float:left; margin:0px 0px 0px 10px;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left; margin:0px 0px 0px 70px;} /*Banner End */ /*aboutUs start 27.11.2013*/ #bannermain .banabout{ background:url(../images/bannaraboutus.jpg) center top no-repeat; height:60px; width:100%; background-size:100%;} .banabout .about-banmain{ width:auto; margin:0px auto;} .about-banmain .aboutTittle{float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:0px 5%; font-size:12px; text-decoration:none; color:#ffffff; margin:40px 0px 0px 0px; background:url(../images/bantitle.png) no-repeat; width:90%; line-height:18px;} .aboutcontenar{ background:#ffffff; float:left; width:100%; margin:0px 0px 10px 0px; } .aboutcontenar .aboutmain{ width:1098px; margin:25px auto 20px auto;} .aboutmain .dialogbox{width:1073px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #cacaca;background-color:#e7e7e7; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#4f4f4f; text-decoration:none; text-align:left; padding:15px 0px 15px 10px; font-weight:normal;} .aboutmain .authorBox{ width:218px; float:left; background:url(../images/imageSec.jpg) left top no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; text-decoration:none; color:#d71920; padding:10px 0px 0px 54px; margin:0px 0px 0px 15px;} .aboutmain p.aboutTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; color:#101010; width:1098px; height:29px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #676767; float:left; background:none; margin:32px 0px 0px 0px; padding:0px 0px 5px 0px; } .aboutmain p.aboutText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; float:left; text-decoration:none; color:#303030; margin:31px 0px 0px 0px;} .aboutmain .aboutconenarBox{ width:1073px; float:left; background:#efefef; margin:30px 0px 32px 0px; padding:0px 0px 10px 0px;} .aboutcontenar h2.bordTittle{ background:url(../images/bordBg.png) left top no-repeat; width:361px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:left; padding:8px 0px 13px 10px; font-size:22px; margin:0px 0px 5px 0px; position:relative; left:-5px; font-weight:normal;} .aboutcontenar .dirBox{ width:1045px; float:left; margin:15px 0px 0px 10px;} .dirBox .leftSec{ float:left; background:#ffffff; border: 1px solid #dcdcdc; padding:5px; text-align:center; } .dirBox .rightSec{ width:886px; float:left; margin:0px 0px 0px 20px;} .rightSec h2.dirTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; text-align:left; background:url(../images/dirDiv.png) left bottom no-repeat; font-weight:normal; padding:0px 0px 5px 0px;} .rightSec p.dircontent{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:21px 0px 0px 0px;} .aboutmain .milestoneSec{ width:1059px; float:left; border: 1px solid #d8d8d8; } .milestoneSec h1.milestoneTittle{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; text-decoration:none; text-align:left;} .milestoneSec .readerBox{ width:1071px; float:left; background:url(../images/scale.jpg) center bottom no-repeat;} .readerBox .no{ font-family: 'MyriadPro-Regular'; font-size:36px; color:#d71920; text-decoration:none; text-align:left; width:82px; height:32px; float:left;} /*aboutUs End 27.11.2013*/ /*Product start 28.11.2013*/ #bannermain #banproduct{ background:url(../images/bannar-product.jpg) center top no-repeat; height:60px; width:100%; background-size:100%;} #banproduct .productmain{ width:auto; margin:0px auto;} .productmain .productTittleBox{ float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:10px 30px; font-size:35px; text-decoration:none; color:#ffffff; margin:200px 0px 0px 0px; background:url(../images/bantitle.png) no-repeat; width:465px; line-height:30px;} #bannermain #banproduct1{ background:url(../images/contact.jpg) center top no-repeat; height:292px; width:100%; float:left;} #banproduct1 .productmain1{ width:1076px; margin:0px auto;} .productmain1 .productTittleBox1{ background:#d71920; float:right; margin:227px 0px 0px 0px;font-family: "Calibri"; font-size:35px; text-decoration:none; padding:5px 20px; color:#ffffff;} #bancontact{ background:url(../images/bannar-product.jpg) center top no-repeat; height:292px; width:100%; float:left;} #bancontact .productmain{ width:1076px; margin:0px auto;} .productmain .productTittleBox{ background:#d71920; float:right; margin:227px 0px 0px 0px;font-family: "Calibri"; font-size:35px; text-decoration:none; padding:5px 20px; color:#ffffff;} #contenar .productContenar{ width:1071px; margin:41px auto 25px auto;} .productContenar .productHeadingTittle{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; text-align:left; color:#4a4a4a; font-weight:normal; text-decoration:none; float:left; width:1071px;} .productContenar .modarnBox{ width:1051px; float:left; background:#efefef; margin:26px 0px 0px 0px; padding:10px;} .modarnBox h1.modTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; text-decoration:none; color: #FFF; text-decoration:none; background:url(../images/bordBg.png) left top no-repeat; padding:6px 0px 5px 10px; width:351px; height:37px; position:relative; text-transform:uppercase; left:-15px; top:-10px; font-weight:normal;} .modarnBox h1.outlookblack{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; color: #000000; text-decoration:none; padding:6px 0px 0px 15px; width:351px; height:23px; position:relative; text-transform:uppercase; left:-15px; top:-10px; font-weight:normal;float:left; width:100%;} .modarnBox .operationBox{ width:1042px; float:left; margin:0px 0px 10px 0px;} .operationBox ul{ list-style-type:none;} .operationBox ul li{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4a4a4a; text-decoration:none; text-align:left; background:url(../images/rightarrow.jpg) left 3px no-repeat; padding:0px 0px 0px 15px; margin:5px 0px;} .modarnBox p.outlookText{ font-family: Arial, Helvetica, sans-serif; color: rgb(74, 74, 74); font-size:14px; text-decoration:none; text-align:left; padding:10x 0px 0px 15px; margin:20px 0px 0px 5px; display:block;} .productContenar .marHeaderBox{ width:1071px; float:left; background:#efefef; margin:10px 0px 0px 0px; } .tittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/dirDiv.png) left bottom no-repeat; float:left; margin:10px 0px 5px 10px; width:100%; padding:0px 0px 5px 0px;} .tittleBox1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/bordBg.png) left top no-repeat; margin:10px 0px 0px 0px; width:100%; padding:6px 0px 0px 10px; height:40px; position:relative; left:-5px; color:#ffffff; font-size:22px; top:-20px;} .cornar{ width:60px; hight:40px; position:relative; left:274px; bottom:40px;} .cornarsmall{ background:url(../images/cornarsmall.jpg) left top no-repeat; width:5px; height:7px; position:relative; top:-43px; left:-5px;} .marHeaderBox p.marcontent{font-family: Arial,Helvetica,sans-serif; font-size:14px; text-decoration:none; text-decoration:none; color: rgb(74, 74, 74); width:1039px; display:block; text-decoration:none; position:relative; padding:0px 10px 10px 15px; float:left;} .marHeaderBox .imageBox{ float:left; background:#ffffff; border: 1px solid #dcdcdc; padding:10px; margin:10px 0px 0px 15px; } .marHeaderBox .product-gradeBox{ width:1071px; float:left; margin:0px 0px 0px 20px;} .product-gradeBox .gradeTittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; text-align:left; float:left; width:100%; padding:0px 30px 10px 0px;} .product-gradeBox .portlandBox{ width:733px; float:left; margin:10px 0px 20px 0px;} .portlandBox ul{ list-style-type:none;} .portlandBox ul li{ background:url(../images/rightarrow.jpg) left 3px no-repeat; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; color:#4a4a4a; padding:0px 0px 0px 20px; width:733px; margin:5px 0px;} .productContenar .ppcBox{ width:1071px; float:left; margin:0px 0px 0px 0px; background:#efefef; padding:0px 0px 10px 0px; } .ppcBox .ppcTittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/dirDiv.png) left bottom no-repeat; float:left; margin:10px 0px 5px 10px; width:100%; padding:0px 0px 5px 0px; text-transform:uppercase; } .ppcBox .ppccornar{ width:60px; height:40px; position:relative; left:793px; top:-40px;} .ppcBox .ppcsmallcornar{ background:url(../images/ppcsmallcornar.jpg) left top no-repeat; width:5px; height:7px; position: relative; left:1068px; top:-40px; } .ppcBox .ppcimageSec{ float:right; background:#ffffff; border: 1px solid #dcdcdc; padding:10px; margin:0px 10px 0px 0px; } .ppcBox .ppcContenar{ width:1051px; float:right; margin:0px 10px 0px 0px;} .ppcContenar .ppcheading{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; padding:0px 0px 5px 0px; float:left; width:100%; text-align: justify; margin:0px 0px 20px 0px;} .ppcContenar .ppcaplication{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; padding:0px 0px 5px 0px; margin:15px 0px 15px 0px; float:left; width:733px;} /*Product End 28.11.2013*/ /*Vission Start 29.11.2013*/ #bannermain #banproductvission{ background:url(../images/vissionBannar.jpg) center top no-repeat; height:60px; width:100%; float:left; background-size:100%;} .productmain .productTittleBox{float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:0px 5%; font-size:12px; text-decoration:none; color:#ffffff; margin:40px 0px 0px 0px; background:url(../images/bantitle.png) no-repeat; width:90%; line-height:18px;} #banproductvission .productmain{ width:auto; margin:0px auto;} #bannermain #banInv{ background:url(../images/invBannar.jpg) center top no-repeat; height:60px; width:100%; float:left; text-align:center; background-size:100%;} #banInv .productmain{ width:auto; margin:0px auto;} #bannermain #banmedia{ background:url(../images/mediaBannar.jpg) center top no-repeat; height:290px; width:100%; float:left; text-align:center;} #banmedia .productmain{ width:1072px; margin:0px auto;} #bannermain #bancareer{ background:url(../images/careerBannar.jpg) center top no-repeat; height:60px; width:100%; float:left; text-align:center; background-size:100%;} #bancareer .productmain{ width:auto; margin:0px auto;} #bannermain #bancontact{ background:url(../images/contactBannar.jpg) center top no-repeat; height:60px; width:100%; float:left; text-align:center; background-size:100%;} #bancontact .productmain{ width:auto; margin:0px auto;} #category .cat-main{ width:1098px; margin:0px auto 15px auto;} .cat-main .catVission{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/vissionTab.jpg) center top no-repeat; margin:0px 8px; font-family:"Arial Rounded MT Bold";} .cat-main .catEmp{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/empTab.jpg) top left no-repeat; margin:0px 5px 0px 0px; font-family:"Arial Rounded MT Bold";} .cat-main .catGreen{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/greenawarnessTab.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .cat-main .catWind{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/windTab.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .catVission a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 13px 10px; margin:105px 0px 0px 0px; display:block;} .catEmp a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 4px 10px; margin:105px 0px 0px 0px; display:block;} .catGreen a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:22px 0px 12px 20px; margin:105px 0px 0px 0px; display:block;} .catWind a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 5px 10px; margin:105px 0px 0px 0px; display:block;} .cat-main .catpolicy{ width:258px; float:left; border: 1px solid #9a9999; background:url(../images/cpTab1.jpg) center top no-repeat; margin:0px 8px; font-family:"Arial Rounded MT Bold"; height:156px;} .cat-main .catinformation{ width:259px; float:left; border: 1px solid #9a9999; background:url(../images/fg.jpg) top left no-repeat; margin:0px 5px 0px 9px; font-family:"Arial Rounded MT Bold"; height:156px;} .cat-main .catBeyond{ width:258px; float:left; border: 1px solid #9a9999; background: url(../images/Bc.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .cat-main .catHar{ width:258px; float:left; border: 1px solid #9a9999; background: url(../images/finance.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold"; height:156px;} .catpolicy a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 13px 10px; margin:105px 0px 0px 0px; display:block;} .catinformation a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 4px 10px; margin:110px 0px 0px 0px; display:block;} .catBeyond a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:22px 0px 12px 20px; margin:105px 0px 0px 0px; display:block;} .catHar a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 20px 10px; margin:101px 0px 0px 0px; display:block;} /*Vission End 29.11.2013*/ /*Product & management End */ /* Management End */ /* Media Start */ .rightpanel1 .mediaFormBox{ width:450px; float:left;} .rightpanel1 .reachBox{width:450px; float:left; } .rightpanel1 .imagebox{ width:414px; float:left;} .rightpanel1 .mediaFormBox{ width:450px; float:left;} label.media-textName{font-family:'open_sansregular'; font-size:14px; color:#9c1921; text-align:right; text-decoration:none; margin:5px 0px; font-weight:bold; width:200px; display:block; float:left;} .mediaTextfield{ width:200px; border: 1px solid #333; margin:0px 0px 0px 10px; background: #CCC; margin:5px 0px 5px 10px;; float:left; } .mediaTextarea{ width:200px; border: 1px solid #333; margin:0px 0px 0px 10px; background: #CCC; margin:5px 0px 5px 10px;; float:left; height:50px;} a.mediasubmitbtn{ width:90px; height:20px; float:left; margin:20px 0px 10px 220px;} /* Media End */ /* Marchent Start */ .aboutcontenar .marchhentBtnBox{ width:100px; float:left; } .aboutcontenar a.ppcBox{ width:100px; float:left; background:#9e1f21; line-height:25px; padding:5px; font-family:'open_sansregular'; font-size:14px; color:#FFF; margin:5px 0px 0px 20px; text-align:center; font-weight:bold; display:block; text-decoration:none;} .aboutcontenar a.ppcBox:hover{ width:100px; float:left; background:#bf6667; line-height:25px; padding:5px; font-family:'open_sansregular'; font-size:12px; color:#FFF; margin:5px 0px 0px 20px; text-align:center; font-weight:bold; display:block; text-decoration:none;} /* Marchent End */ /*beyond Start*/ .catmain .cp{ width:147px; padding:40px 0px 30px 95px; float:left; background:url(../images/cp.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .cp:hover{ width:147px; padding:40px 0px 30px 95px; float:left; background:url(../images/cphover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain a.susLink{ float:left; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; font-weight:bold;} .catmain .ig{ width:142px; padding:7px 0px 15px 125px; float:left; background:url(../images/ig.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .ig:hover{ width:142px; padding:7px 0px 15px 125px; float:left; background:url(../images/ighover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain .bc{ width:142px; padding:30px 0px 32px 110px; float:left; background:url(../images/bc.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';margin:0px 9px; font-weight:bold;} .catmain .bc:hover{ width:142px; padding:30px 0px 35px 110px; float:left; background:url(../images/bchover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain .finance{ width:142px; padding:30px 0px 35px 105px; float:left; background:url(../images/finance.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .finance:hover{ width:142px; padding:30px 0px 35px 105px; float:left; background:url(../images/financehover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .vissionBox{ width:160px; padding:40px 0px 40px 100px; float:left; background:url(../images/vission.jpg) left top no-repeat; font-size:20px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .vissionBox:hover{ width:160px; padding:40px 0px 40px 100px; float:left; background:url(../images/vissionhover.jpg) left top no-repeat; font-size:20px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .empBox{ width:157px; padding:20px 0px 20px 112px; float:left; background:url(../images/emp.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain a.catlink{font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; } .catmain .empBox:hover{ width:157px; padding:20px 0px 20px 112px; float:left; background:url(../images/emphover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .greenBox{ width:150px; padding:20px 0px 35px 115px; float:left; background:url(../images/greentab.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .greenBox:hover{ width:150px; padding:20px 0px 35px 115px; float:left; background:url(../images/greentabhover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .windBox{ width:145px; padding:20px 0px 30px 115px; float:left; background:url(../images/windBg.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .windBox:hover{ width:145px; padding:20px 0px 30px 115px; float:left; background:url(../images/windBghover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} /*beyond End*/ #content { width: 400px; margin: 40px auto 0 auto; padding: 0 60px 30px 60px; border: solid 1px #cbcbcb; background: #fafafa; -moz-box-shadow: 0px 0px 10px #cbcbcb; -webkit-box-shadow: 0px 0px 10px #cbcbcb; } /* Slider http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html */ /* Slider /*-----------------------------------------------------------------------------------*/ .slider_container{ width:703px; margin:auto; clear:both; background:url(images/shadow_top.png) no-repeat top center; padding:0px 0 0 0;} .flex-caption{ position: absolute; } .caption_title_line{ background:url(../images/supBg.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line1{ background:url(../images/supBg2.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line2{ background:url(../images/supBg3.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line3{ background:url(../images/supBg4.png) left top no-repeat; width:420px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; padding:40px 0px 0px 0px; font-weight:normal; text-align:center;} .caption_title_line h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;} .caption_title_line1 h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;} .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 703px; margin: 0; padding: 0 0 10px 0;background:url(images/shadow_bottom.png) no-repeat center bottom;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width:703px; display: block; border:5px #ededed solid;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} /* Direction Nav */ .flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li a.next {background:url(images/next.png) no-repeat center; bottom:184px;} .flex-direction-nav li a.prev {background:url(images/prev.png) no-repeat center;bottom:141px;} .flex-direction-nav li a.next:hover {background:url(images/next_a.png) no-repeat center;} .flex-direction-nav li a.prev:hover {background:url(images/prev_a.png) no-repeat center;} .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} /* Media Queries /*-----------------------------------------------------------------------------------*/ #about_yrs_btn{width:1020px; position:relative;} #about_yrs_btn ul { list-style-type: none; padding: 0px; } #about_yrs_btn ul li { display: block; float: left; margin: 0 2px; font-size: 12px; } #about_yrs_btn ul li a { display: block; text-decoration: none; text-align: center; padding-top: 15px; width: 152px; height: 32px; color: #ffffff; background:#bf6667; } #about_yrs_btn ul li a:hover { background:#984344 -50px; color: #ffffff; } #about_yrs_btn ul li.active a { background: #984344 no-repeat center -50px; color: #ffffff; } .aboutScrollContentContainer { float: left; margin:0px 6px 0px 0px; width:900px; } .aboutScrollPrevBtnPos { float: left; width: 28px; margin-top: 12px; cursor: pointer; margin-right:7px; } .aboutScrollRightBtnPos { float: right; width: 28px; text-align: right; cursor: pointer; margin:12px 0px 0px 10px; } /*Tab Sliding Start*/ /* ######### CSS for Shade Tabs. Remove if not using ######### */ .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; border: 1px solid #778; color: #2d2b2b; background: white url(shade.gif) top left repeat-x; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 1px; } .shadetabs li a.selected{ /*selected main tab style */ background-image: url(shadeactive.gif); border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontent{ display:none; background:#fffffff; } /* ######### CSS for Indented CSS Tabs. Remove if not using ######### */ .indentmenu{ font: bold 13px Arial; width: 100%; /*leave this value as is in most cases*/ } .indentmenu ul{ margin: 0; padding: 0; float: left; /* width: 80%; width of menu*/ border-top: 1px solid navy; /*navy border*/ background: black url(indentbg.gif) center center repeat-x; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; color: white; /*text color*/ text-decoration: none; border-right: 1px solid navy; /*navy divider between menu items*/ } .indentmenu ul li a:visited{ color: white; } .indentmenu ul li a.selected{ color: white !important; padding-top: 6px; /*shift text down 1px*/ padding-bottom: 4px; background: black url(indentbg2.gif) center center repeat-x; } .tabcontentstyle{ /*style of tab content oontainer*/ border: 1px solid gray; width: 450px; margin-bottom: 1em; padding: 10px; } .tabcontent{ display:none; } #iview { display: block; width: 100%; height: 500px; background: #000; background: rgba(0, 0, 0, 0.7); padding: 5px; border-radius: 5px; position: relative; -webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); margin: 40px auto; } #iview .iviewSlider { display: block; width: 900px; height: 500px; overflow: hidden; border-radius: 4px; } .iview-controlNav { position: absolute; bottom: 30px; left: 347px; height: 44px; } .iview-controlNav a { text-indent: -9999px; } .iview-controlNav a.iview-controlPrevNav { float: left; width: 50px; height: 44px; background: url('../../img/slider-controls.png') no-repeat; } .iview-controlNav a.iview-controlNextNav { float: left; width: 50px; height: 44px; background: url('../../img/slider-controls.png') no-repeat -50px 0px; } .iview-controlNav div.iview-items { float: left; padding: 0px 10px 0px 10px; height: 44px; background: url('../../img/nav-bg.png'); } .iview-controlNav a.iview-control { padding: 0px; float: left; width: 11px; height: 12px; background: url('../../img/bullets.png') no-repeat; line-height: 0px; } .iview-controlNav a.iview-control.active { background-position: 0px -12px; } .iview-caption { background: url('../../img/caption-bg.png'); color: #FFF; border-radius: 3px; padding: 10px 15px; font-family: Verdana; font-size: 12px; text-shadow: #000 1px 1px 0px; } .iview-caption.caption1 { font-size: 36px; font-weight: bold; height: 45px; } .iview-caption.caption2 { background: #00b4ff; font-size: 36px; font-weight: bold; text-shadow: none; } .iview-caption.caption3 { background: #FFF; color: #000; font-size: 26px; text-shadow: none; } .iview-caption.caption4 { font-size: 22px; font-weight: bold; } .iview-caption.caption5 { background: #c4302b; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px; font-size: 20px; font-weight: bold; text-shadow: none; } .iview-caption.caption6 { font-size: 18px; } .iview-caption.caption7 { text-align: left; font-size: 11px; color: #888; border-radius: 0px; } .iview-caption.caption7 div { line-height: 200%; } .iview-caption.caption7 h3 { margin-bottom: 20px; color: #FFF; } .iview-caption.blackcaption { background: #000; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px; text-shadow: none; } #iview-preloader { border: #666 1px solid; width: 150px } #iview-preloader div { background: #666; } .iview-controlNav div.iview-items ul li { padding: 0px; float: left; width: 11px; height: 12px; margin: 3px; margin-top: 16px; line-height: 0px; } #iview #iview-tooltip { display: none; position: absolute; background: url('../../img/tooltip.png') no-repeat; width: 124px; height: 90px; bottom: 30px; left: -67px; padding: 10px; z-index: 100; } #iview #iview-tooltip div.holder { display: block; width: 124px; height: 84px; overflow: hidden; border-radius: 2px; } #iview #iview-tooltip div.holder div.container { display: block; width: 4000px; } #iview #iview-tooltip div.holder div.container div { float: left; display: block; overflow: hidden; width: 124px; height: 84px; left: -50%; text-align: center; } #iview #iview-tooltip div.holder div.container div img { height: 84px; margin: 0 auto; } /*Tab Sliding End*/ #tabs { overflow: auto; width: 58%; list-style: none; margin: 0px; padding: 0; position:relative; left:42px; } #tabs li { margin: 0; padding: 0; float: left; } #tabs a { -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); box-shadow: -4px 0 0 rgba(0, 0, 0, .2); background: #ad1c1c; background: -moz-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -ms-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -o-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: linear-gradient(220deg, transparent 10px, #ad1c1c 10px); text-shadow: 0 1px 0 rgba(0,0,0,.5); color: #fff; float: left; font: bold 12px/35px 'Lucida sans', Arial, Helvetica; height: 35px; padding: 0 30px; text-decoration: none; } #tabs a:hover { background: #c93434; background: -moz-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -ms-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -o-linear-gradient(220deg, transparent 10px, #c93434 10px); background: linear-gradient(220deg, transparent 10px, #c93434 10px); } #tabs a:focus { outline: 0; } #tabs #current a { background: #fff; background: -moz-linear-gradient(220deg, transparent 10px, #fff 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #fff 10px); background: -ms-linear-gradient(220deg, transparent 10px, #fff 10px); background: -o-linear-gradient(220deg, transparent 10px, #fff 10px); background: linear-gradient(220deg, transparent 10px, #fff 10px); text-shadow: none; color: #333; } #contenttab { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background-image: -webkit-linear-gradient(top, #fff, #ddd); background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -ms-linear-gradient(top, #fff, #ddd); background-image: -o-linear-gradient(top, #fff, #ddd); background-image: linear-gradient(top, #fff, #ddd); -moz-border-radius: 0 2px 2px 2px; -webkit-border-radius: 0 2px 2px 2px; border-radius: 0 2px 2px 2px; -moz-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; -webkit-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; padding: 10px; float:left; margin:1px 0px 0px 46px; width:55%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; } #contenttab h2.tabtittle{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:12px; color:#000000;} #contenttab .contentBox{ width:600px; float:left; border: 1px solid #b6b6b6;} #contenttab .contentName{ width:300px; float:left; height:26px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b6b6b6; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#0000000; text-align:left; line-height:25px; } /* Remove the rule below if you want the content to be "organic" */ #content div { height: 220px; } /* --- */ #about { color: #999; } #about a { color: #eee; } /* 13.12.2013*/ /* HEADER */ #header { height:400px; } .headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; } /* NAVIGATION */ #nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("../images/headerbg.png"); } /* SEARCH */ #search { background-color:#051733; float:right; width:220px; padding:10px; } #searchtxt { padding:3px; width:150px; } #searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; } /* HEADER TEXT */ #headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px; } #firstline { line-height:20px; position:relative; top:178px; height:137px; font-size:30px; color:#000; text-decoration:none; top:190px; background:url(../images/red.png) left top no-repeat; padding:39px 300px 20px 40px; } #firstline1 { line-height:20px; position:relative; width:750px; top:178px; height:137px; font-size:30px; color:#000; text-decoration:none; top:190px; background:url(../images/red.png) left top no-repeat; padding:39px 357px 20px 40px; width:555px;} #secondline { background:url(../images/bannarcontentBg.png) left top no-repeat; color:#CD2B3A; text-decoration:none; padding:10px 0px 10px 39px; display:block; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-align:left; position:relative; top:212px; width:555px;} .pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; } .pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; } .pictured a:hover { text-decoration:underline; } /* CONTROLS */ .btn { height:32px; width:32px; float:left; cursor:pointer; } #back { background-image:url("../images/btn_back.png"); } #control { background-image:url("../images/btn_pause.png"); } /* HEADER HAVIGATION */ #headernav-outer { position:relative; top:400px; margin:0 auto; width:960px; } #headernav { padding-left:864px; position:relative; top:-50px;} /* CONTENT */ #content { color:#575757; background-color:#eee; } #content p { padding:10px 20px; font-size:16px; width:960px; margin:0 auto; } #content p a { text-decoration:none; color:#CD2B3A; } #content p a:hover { text-decoration:underline; color:#7F000C; } /*-------------------------------------------------- 29-7-2014 -------------------------------------------------*/ .ContainDiv{ width:100%; height:auto; margin:0; background:#fff;} .mainDiv{ width:100%; margin:0 auto; border:none; padding:20px 0 10px 0;} .cleardiv{clear:both; height:0;} .innerLeft{ width:210px; height:auto; float:left;} .innerRight{ width:96%; height:auto; float:left; padding:0 2%;} .innerLeft .heading{ width: auto; font-family:'open_sansregular'; color:#414141; font-size:20px; text-decoration:none; margin:0px; padding-bottom:10px; background:url(../images/leftborder.png) no-repeat left bottom; margin-bottom:15px; display:none; } .innerLeft ul{ width:auto; display:none;} .innerLeft ul li{ padding-top:10px; list-style-image:url(../images/innerLeft.jpg); margin-left:17px; font-size:17px; font-family:Arial;} .innerLeft ul li a{ color:#414141; text-decoration:none;} .innerLeft ul li a:hover{ color:#d61920; text-decoration:none;} .innerLeft ul li a.active{ color:#d61920; text-decoration:none;} .innerRightHeading{ font-size:14px; font-family:arial; color:#414141; font-weight:normal;text-align:justify; width:97%; margin:0 auto 15px;} .innerRightContainer{ width:100%; height:auto; float:right; padding:0 0%;} .innerRightTop{background: #d61920; width: 100%; height: 40px; color: #ffffff; font-family: 'open_sansregular'; font-size: 18px; text-align: center; line-height: 40px; font-weight: normal;} .innerRightBot{ width:96%; height:auto; padding:5px 2%; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px; text-align:justify;} .legacyImg{ width:99px; height:124px; float:left; margin-right:15px; margin-top:5px;} .legacyQuote{ width:60%; float:left; line-height:20px;} .quoteWriter{ font-size:20px; font-family:'open_sansregular'; color:#d61920; padding-top:10px;} .mr15{ margin-right:15px;} .mr5{ margin-right:5px;} .mr20{ margin-right:20px;} .mr50{ margin-right:50px;} .mb50{ margin-bottom:50px;} .mb20{ margin-bottom:20px;} .mt15{ margin-top:15px;} .mt35{ margin-top:35px;} #toggle ul{width:99%;} #toggle li:hover{background:none} #toggle li{list-style-type:none; cursor:pointer; margin:2px; padding:5px 5px 5px 5px; font-family:'open_sansregular'; font-size:14px;} #toggle ul div{color: #414141; cursor: auto; display: none; font-family:Arial; font-size:14px; padding: 5px 0 5px 5px; text-decoration: none; width:100%; } #toggle ul div a{color:#414141; font-weight:normal; text-decoration:none} #toggle li div:hover{text-decoration:none !important;} #toggle li:before {content: ">"; padding:10px 10px 10px 0; font-weight:bold; color:#414141; font-family:'open_sansregular';font-size:15px;} #toggle li.active:before {content: ">";/* background:url(../images/arrow-down.gif) no-repeat left center;*/ padding:10px 0px 10px 10px; font-weight:bold; color:#414141; font-family:'open_sansregular';font-size:25px;} #toggle{width:100%;} #toggle ul div span{font: 15px Arial; color: #d61920;} .brandImg{ width:180px; height:200px; float:left; margin-right:20px; margin-top:0px;} .BrandBox{ width:100%; float:left; line-height:20px; font-family:arial; font-size:14px; margin:20px 0 0 0;} .BrandName{ font-size:18px; font-family:'open_sansregular'; color:#d61920; padding-top:10px; padding-bottom:15px;} .w40per{ width:40% !important; border-right: dashed 1px #999;} .w50per{ width:50%} #footerticker { height:20px; overflow: hidden; margin-top:20px; margin-bottom:25px; } #footerticker li { height: 20px; font-family:Arial; font-size:14px; list-style:none; font-style:italic; font-size:16px; color:#FFC; } .inputDiv{ width:85%; height:35px; background:#fff; border:solid 1px #b0b0b0; color:#414141; padding:2px 10px; margin-bottom:15px;} .selectinputDiv{ width:85%; height:35px; background:#fff; border:solid 1px #b0b0b0; color:#999; padding:2px 10px; margin-bottom:15px;} .submit{ background:url(../images/submit-but.png) no-repeat; width:75px; height:35px; border:none; cursor:pointer;} #map{height:300px; width:100%; margin-right:10px; float:left;} .address{ width:100%; float:left; height:auto;} .homebanner{ width:100%; height:auto; margin:0 auto 0px; clear:both;} .annualReportDiv{ float:left; width:100%; height:auto; margin-top:30px;} .annualReportTop{ background:#d61920; width:100%; height:50px; color:#ffffff; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px; font-weight:bold;} .annualReportBot{ width:96%; height:auto; padding:15px 2%; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px;} .annualReportBot .left{ width:58px; height:74px; float:left; border:solid 1px #bdbfbf; margin-right:15px;} .annualReportBot .right{ width:265px; height:74px; float:left;margin-right:0px;} .topic{ color:#414141; font-size:16px; font-family:arial; padding-bottom:15px;} .topic a{ color:#414141; text-decoration:none;} .topic a:hover{ color:#414141; text-decoration:underline;} .network a{ color:#414141; text-decoration:none;} .network a:hover{ color:#414141; text-decoration:underline;} .readmore{ color:#d61920; font-size:13px; font-family:arial; padding-bottom:8px; font-weight:600;} .readmore a{ color:#d61920; text-decoration:none;} #reportticker{ height:345px; overflow: hidden; margin-top:5px; margin-bottom:5px; } #reportticker li { height: 115px; font-family:Arial; font-size:14px; list-style:none; margin-bottom:0px;} .homeLeft{ float:left; width:100%;} .homeRight{ float:left; margin-left:0px; width:100%;} .birlagrade{ width:679px; height:192px; margin-top:44px; margin-bottom:10px; background:url(../images/birlagrade.png) no-repeat;} .birlagrade ul{ width:443px; margin-left:240px;} .birlagrade ul li{ display:inline; list-style:none; font-size:30px; color:#414141; font-family:arial; font-weight:normal; width:auto; line-height:40px; text-align:center; width:auto; float:left; padding-top:55px;} .birlagrade ul li span{ font-size:50px; color:#d61920; font-family:arial; font-weight:normal;} .isoDiv{ width:325px; float:left; margin-left:10px} .isoTop{ background:url(../images/iso.png); width:325px; height:58px; color:#d61920; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px;} .isoBot{ width:262px; height:auto; padding:15px; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px; min-height:133px;} .isoBot .left{ width:75px; height:105px; float:left; border:solid 1px #bdbfbf; margin-right:15px;} .isoBot .right{ width:170px; height:auto; float:left;margin-right:0px; line-height:20px !important;} .homeLegacyDiv{ width:333px; float:left; margin-left:10px} .homeLegacyTop{ background:url(../images/legacy.png); width:333px; height:58px; color:#d61920; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px;} .homeLegacyBot{ width:266px; height:auto; padding:15px; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px;} .homeLegacyBot .left{ width:80px; height:109px; float:left; border:solid 1px #bdbfbf; margin-right:8px; margin-top:5px;} .homeLegacyBot .right{ width:175px; height:auto; float:left;margin-right:0px; line-height:19px !important;} .homeLegacyBot .right span{ color:#d61920;} .energyImg{ width:150px; height:125px; float:left; margin-right:15px; margin-top:5px;} .energytext{ width:605px;line-height:20px;} .homeBox{font-size:25px; color:#d61920; font-family:arial; font-weight:normal; width:210px; float:none; height:192px; margin:0 auto; text-align:center; margin-top:30px;} .homeBox a{color:#d61920; text-decoration:none;} #investor ul{width:99%;} #investor li:hover{background:none} #investor li{list-style-type:none; cursor:pointer; margin:2px; padding:5px 5px 5px 5px; font-family:'open_sansregular'; font-size:22px;} #investor ul div{color: #414141; cursor: auto; font-family:Arial; font-size:14px; padding: 15px 0 5px 6px; text-decoration: none; width:100%; } #investor ul div a{color:#414141; font-weight:normal; text-decoration:none} #investor li div:hover{text-decoration:none !important;} #investor{width:100%;} .investorButton a{ width: auto; padding:0px 15px; height:20px; line-height:20px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border:solid 2px #faa21a; font-family:arial; font-size:14px; font-weight:normal; color:#d61920; /*text-shadow: 0 1px 4px #8e8d8d;*/ text-align:center; text-decoration:none; margin:5px 5px; float:left; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWVkZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 54%, #f1edec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(54%,#f5f5f5), color-stop(100%,#f1edec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1edec',GradientType=0 ); /* IE6-8 */ } .investorButton a:hover{ width: auto; padding:0px 15px; height:20px; line-height:20px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border:solid 2px #da7c0a; font-family:arial; font-size:14px; font-weight:normal; color:#ffffff;/* text-shadow: 0 1px 4px #8e8d8d; */text-align:center; text-decoration:none; margin:5px 5px; float:left; background: #faa21a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYTIxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2Y2OGUxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTc5MWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #faa21a 0%, #f68e1d 54%, #f9791e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa21a), color-stop(54%,#f68e1d), color-stop(100%,#f9791e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* IE10+ */ background: linear-gradient(to bottom, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa21a', endColorstr='#f9791e',GradientType=0 ); /* IE6-8 */ } /*---------------------Anirban-------------------*/ .innerRightContainer p{ font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0 0 20px 0;} .bod_sec{clear:both;} .bod_sec_left{float:left; width:94px; margin:0 10px 0 0;} .bod_sec_left img{border:1px solid #bbbdbd;} .bod_sec_right{float:left; width:63%;} .bod_name{ font:18px "Myriad Pro"; color:#d61920; margin:0 0 10px 0px;} .bod_detail{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .toe{font:14px Arial, Helvetica, sans-serif; color:#414141;} .toe span{font:18px Arial, Helvetica, sans-serif; color:#414141;} .awards{clear:both;} .awards_left{float:left; width:250px; height:208px; background:#5c5b5b;} .awards_right{float:right; width:68%;} .awards_right_date{font:25px Arial, Helvetica, sans-serif; color:#414141;} .awards_right_date span{font:40px "Myriad Pro"; color:#d61920;} .awards_right_cont{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .career_new{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px} .career_new a{ color:#414141; text-decoration:none;} .career_new a:hover{ color:#666; text-decoration:none;} .renewal_energy{clear:both;} .renewal_energy_heading{ font:18px "Myriad Pro"; color:#414141; margin:0 0 10px 0px;} .renewal_energy_cont{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .toe_left{width:30%; float:left;font:14px Arial, Helvetica, sans-serif; color:#414141; font-weight:bold;} .toe_right{width:70%; float:left;} } @media only screen and (min-width: 400px) and (max-width: 480px) { #HeaderSec{ width:100%; float:left; padding:10px 0px; background:#fefdfd;} #HeaderSec .headermain{ margin:0px auto; width:100%;} #HeaderSec a.logo{ width:60% !important; height:56px !important; float:left; display:block; margin:15px 0px 0px 0px; background-size:100%;} #HeaderSec a.logo img{width:100%; height:auto;} .bkgroup{width:25%; float:right; margin:0px 30px 0px 0px;} .bkgroup img{width:100%; height:auto;} /* Header Section End*/ /*Menu Start */ #menu{ line-height:72px; float:left; width:100%;/* background:url(../images/menuBg.jpg) left top repeat-x #d71920;*/ height:54px; position:absolute; z-index:99; margin:116px 0 0 0; background: #ce0000; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmUzYTI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNmZTNhMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiNmNDM0MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlNzJkMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OSUiIHN0b3AtY29sb3I9IiNkZDI4MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDcyNjI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ce0000 0%, #fe3a24 2%, #fe3a24 5%, #f43424 26%, #e72d24 60%, #dd2824 79%, #d72624 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce0000), color-stop(2%,#fe3a24), color-stop(5%,#fe3a24), color-stop(26%,#f43424), color-stop(60%,#e72d24), color-stop(79%,#dd2824), color-stop(100%,#d72624)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* IE10+ */ background: linear-gradient(to bottom, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0000', endColorstr='#d72624',GradientType=0 ); /* IE6-8 */ } #menu #nav{ width:100%; margin:0px auto; height:71px;font-family: 'MyriadPro-Regular'; margin-top:15px;} #nav ul{ list-style-type:none;} #nav ul li{ float:left; height:54px; line-height:54px; z-index:10000; border-right:solid 1px #ba2b27; width:100%;} #nav ul li a{ font-family:'open_sansregular'; color:#FFF; font-size:18px; text-decoration:none;margin:0px 36px; line-height:54px;} /*Menu End */ /*Banner Start */ #banner{ width:100%; float:left; left top repeat;} #banner #bannermain{ margin:0px auto; background:url(../images/bannarbg.jpg) left top repeat; width:100%;} #bannermain .banarLeft{ width:571px; float:left; height:313px;} #bannermain img{ width:100%;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; float:left;} #banner1{ width:100%; float:left; background: url(../images/bannarproduct.jpg) left top no-repeat; left top repeat;} #banner1 #bannermain1{ margin:0px auto; width:1098px; padding:20px 0px 20px 0px;} #bannermain1 .banarLeft1{ width:571px; float:left; height:313px;} #bannermain1 .bannleft1 h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft1 p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left;} /*Banner End */ /*Shadow Box Start */ .shadowbox{ width:100%; float:left; background:url(../images/boxshadow.jpg) top center no-repeat #eaeaea; height:42px;} .shadowbox1{ width:100%; float:left; background:url(../images/Bg.jpg) repeat; height:50px;} /*Category Box End */ /*BedCome Start */ #bedSec{ width:100%; float:left; background:url(../images/bedbg.jpg) left top repeat-x #ededed; padding:5px 0px 5px 0px; } #bedSec .bedComeMain{ width:1098px; margin:5px auto 5px auto; background:#f2f1ec;} .bedComeMain ul{ list-style-type:none;} .bedComeMain ul li{ float:left; margin:0px 5px; line-height:20px;} .bedComeMain ul li a{font-family: 'open_sansregular'; color:#F00; text-decoration:none;} .bedComeMain ul li a.active{font-family: 'open_sansregular'; color:#000; text-decoration:none;} /*BedCome End */ /*Category Box Start */ #category{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:10px 0px 0px 0px;} #category .catmain{ width:1098px; margin:0px auto 15px auto;} .catmain .marchandiseBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} a.link {font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} a.link:hover{font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .meritsBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/merits.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 7px; text-transform:uppercase; font-family: 'open_sansregular';} .catmain .meritsBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/meritshover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; margin:0px 5px 0px 7px; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .manageBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/management.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 3px; } .catmain .manageBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/managementhover.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; margin:0px 5px 0px 3px; cursor:pointer;} .catmain .mapBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/maps.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 5px; } .catmain .mapBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/mapshover.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#000000; margin:0px 5px 0px 5px; cursor:pointer; text-decoration:none;} /*Category Box End */ /*Category Start 26.11.2013*/ #category{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:10px 0px 0px 0px;} #category .cat-main{ width:1098px; margin:0px auto 15px auto;} .cat-main .catTab{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/marBg.jpg) center top no-repeat; margin:0px 6px 0px 0px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab1{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/merit.png) center top no-repeat; margin:0px 6px 0px 6px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab2{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/tab3.png) center top no-repeat; margin:0px 6px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab3{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/tab4.png) center top no-repeat; font-family:"Arial Rounded MT Bold"; margin:0px 0px 0px 6px;} .catTab3 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab2 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab1 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block;font-family: Arial, Helvetica, sans-serif; font-weight:normal;} /*Category End 26.11.2013*/ /*Contenar Box Start */ #contenar{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:0px 0px 10px 0px; } #contenar .contenarmain{ width:1098px; margin:0px auto 20px auto;} /*Left Pannel Start */ .contenarmain .leftpanel{ width:297px !important; float:left; margin:20px 0px 0px 0px;} .leftpanel .upBox{ width:297px; float:left; background:#e5e5e5; padding:0px 0px 15px 0px; border: 1px solid #bdbdbd; } .leftpanel .mangalamBox{ padding:16px 0px 21px 22px; background:#bf6667; margin:10px 0px 0px 0px; color:#ffffff; cursor:pointer;} .leftpanel .mangalamBox1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0px 0px 12px 22px; color:#ffffff; cursor:pointer; font-size:22px; text-decoration:none; background:url(../images/annualBg.png) center bottom no-repeat; width:271px; height:34px; position:relative; left:-16px; top:-1px; line-height:35px;} .leftpanel .mangalamBox2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:12px 0px 12px 22px; background:#c32022; color:#ffffff; cursor:pointer; font-size:22px; margin:5px 0px 0px 0px; text-decoration:none;} .leftpanel .mangalamBox:hover{ padding:16px 0px 21px 22px; background:#bf6667; margin:10px 0px 0px 0px; background:#984344; cursor:pointer;} .leftpanel .environmentalBox{ font-size:24px; color:#9e1f21; display:block; padding:10px 0px 7px 15px; text-transform:uppercase; width:277px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/dotline.png) center bottom no-repeat; margin:0px 0px 6px 10px;} .leftpanel .environmentalBox1{ font-size:24px; color:#9e1f21; display:block; padding:0px 0px 15px 15px; text-transform:uppercase; width:277px; ; } .environmentalBox span{ color:#000000;} p.blackText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; float:left; text-decoration:none; text-align:left; color:#230606; padding:0px 10px 0px 10px; line-height:25px; font-weight:normal; margin:0px 0px 0px 10px;} p.focalText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; float:left; text-decoration:none; text-align:left; color:#230606; padding:0px 10px 0px 10px; line-height:25px; font-weight:normal; margin:5px 0px 5px 10px;} p.financeText{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; float: left; text-decoration: none; text-align: left; margin: 5px 0px 0px; color:#4a4a4a; padding:0px 0px 10px 10px;} p.blackTextcareer{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; padding:0px 10px 10px 10px; margin:0px 0px 10px 0px;} a.learnButn{ width:93px; height:25px; float:left; margin:0px 0px 15px 180px; float:left;} .leftpanel .bottomBox{ width:297px; float:left; background:#e5e5e5; margin:10px 0px 0px 0px; border: 1px solid #bdbdbd; } .bottomBox h1{font-size:22px; color:#FFF; display:block; padding:10px 0px 10px 15px; text-transform:uppercase; width:277px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/annualBg.png) left top no-repeat; font-weight:normal; top:-1px;} .bottomBox .reportBox{ width:251px; float:left; margin:10px 0px 0px 0px ;} .bottomBox .reportBox2{ width:251px; float:left;} .reportBox2 p.reportText{ width:145px; float:left; color:#230606; font-size:17px;} a.readBtn{ width:49px;} .reportBox .ImageBox{ width:82px; float:left; margin:0px 10px 0px 0px;} .reportBox p.reportText{ width:145px; float:left; color:#191919; font-size:17px; text-transform:capitalize; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;} .bottomBox .reportBox2{ width:251px; float:left; margin:20px 0px 10px 0px ;} /*Left Pannel End */ /*Right Pannel Start */ .contenarmain .rightpanel{ width:762px !important; float:left; margin:20px 0px 0px 29px;} .contenarmain .rightpanelInn{ width:1098px !important; float:left; background:#e7e7e7;} .rightpanel .aboutcontenar{ background:#ffffff; padding:0px 0px 20px 0px; position:relative; } .rightpanel .career{ background:#dedbd4; padding:10px 0px 20px 0px;} .aboutcontenar span a.redBlink{ color:#F00; font-size:14px; text-decoration:blink; font-weight:bold;} .aboutcontenar h1{ font-size:22px; color:#ffffff; width:465px; display:block; padding:10px 0px 20px 20px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/tittleBg.png) left top no-repeat; position:relative; left:-5px; font-weight:normal; height:34px;} .aboutcontenar h1.quaryTittle{ background:#ffffff; font-size:18px; color:#9e1f21; width:420px; display:block; line-height:30px; padding:0px 0px 0px 10px; text-transform:uppercase; font-family: 'open_sanssemibold'; margin:5px 0px 10px 0px; float:left; } .aboutcontenar h3.reachTittle{ background:#ffffff; font-size:18px; color:#9e1f21; width:420px; display:block; line-height:30px; padding:0px 0px 0px 10px; text-transform:uppercase; font-family: 'open_sanssemibold'; margin:5px 0px 10px 40px; float:left;} .aboutcontenar h1.gap{ background:#f2f1ec; font-size:18px; color:#9e1f21; width:362px; display:block; line-height:30px; padding:0px 0px 0px 10px; line-height:44px; margin:5px 0px 0px 0px; width:420px;} .aboutcontenar .behondText{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; padding:10px;} a.readmore{ width:114px; height:32px; float:right; margin:0px 20px 0px 0px;} /*Grade Box start */ .rightpanel .gradeBox{ width:363px; float:left; margin:19px 0px 10px 0px; border: 1px solid #d6d6d6; background-color: #e5e5e5; } .gradeBox h1{font-size:20px; color:#FFF; display:block; padding:10px 0px 15px 15px; text-transform:uppercase; background:url(../images/gradeBg.png) left top no-repeat; width:311px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; top:-1px;} .gradeBox h1 span.black{ color:#000000;} .gradeboxgradeSec{ width:335px; margin:0px auto;} .gradeboxgradeSec ul{ list-style-type:none;} .gradeboxgradeSec ul li{ float:left; margin:10px 0px 6px 0px; height:73px;} /*Grade Box End */ /*Certificate Box Start */ .certtificateBox{ width:380px; float:left; margin:19px 0px 0px 14px; background:#e5e5e5; padding:0px 0px 20px 0px; border: 1px solid #bdbdbd; } .certtificateBox h1{ font-size:20px; color:#FFF; width:260px; display:block; line-height:30px; padding:0px 0px 5px 15px; width:361px; line-height:44px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/certificateBg.png) left top no-repeat; position:relative; left:-5px; font-weight:normal; top:-1px;} .cerBox{ width:111px; float:left; margin:10px 14px 0px 14px;} p.cerText{ margin:14px 0px 16px 0px; text-align:left; font-size:18px; display:block; float:left; width:202px; line-height:25px; padding:0px 0px 10px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#230606;} p.reporText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#230606; text-decoration:none; text-align:left; font-size:17px; padding:0px 0px 0px 5px; width:145px; float:left; text-transform:capitalize;} a.readBtn{ width:49px; height:19px; float:left; margin:16px 0px 0px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#393838; text-decoration:none; text-align:left; background:url(../images/leftarrow-home.png) right 3px no-repeat;} /*Certificate Box End */ /*Choose Box Start */ .rightpanel div.chooseBox{ width:762px; float:left; background:#FFF; border: 1px solid #bdbdbd; margin:10px 0px 0px 0px; } .chooseBox .supBox{ width:703px; margin:5px 0px 5px 10px;} .chooseBox h1{ font-size:20px; color:#FFF; display:block; padding:10px 0px 15px 15px; text-transform:uppercase; background:url(../images/gradeBg.png) left top no-repeat; width:311px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; top:-1px;} .aboutcontenar h1 span.black{ color:#000000;} /*Choose Box End */ /*Right Pannel End */ /*Footer Box Start */ .footermenu{ color:#fff; font-family:Arial; font-size:12px;} .footermenu ul li{ display:inline; padding:5px 5px 5px 0px; color:#fff !important;} .footermenu ul li a{ color:#fff; text-decoration:none;} .copy{color:#fff; font-family:Arial; font-size:12px; padding:10px 0; float:left;} #footer{ width:100%; float:left; background:url(../images/footerBg.jpg) top center no-repeat #242220; height:90px; background-size:300%;} #footer .footermain{ width:100%; margin:0px auto; padding:10px 0px 0px 0px;} .footermain .beliefBox{ width:500px; float:left;font-family: 'open_sansregular'; font-size:14px; color:#ffffff;} .beliefBox h1{ font-family: 'open_sansregular'; font-size:23px; color:#fff; font-weight:normal;} .beliefBox p{font-family:arial; font-size:14px; color:#c4c4c4; line-height:24px; margin:16px 0px 0px 0px;} .footermain .touchBox{ width:265px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; margin:0px 0px 0px 20px;} .touchBox h1{ font-family: 'open_sansregular'; font-size:23px; color:#fff; font-weight:normal;} .touchBox p{font-family:arial; font-size:12px; color:#fff; line-height:24px; margin:10px 0px 0px 0px;} .touchBox p a{color:#fff; text-decoration:none;} .footermain .stayconnection{ width:248px; float:left; margin:0px 0px 0px 60px;} .stayconnection h1{ font-family:'open_sansregular'; font-size:18px; color:#c4c4c4; margin:0px 0px 20px 0px;} .stayconnection .socialBox{ width:243px; margin:0px auto;} .socialBox ul{ list-style-type:none;} .socialBox ul li { float:left; margin:0px 5px;} .footermenu{ width:94%; float:none; margin:0 auto;} .footermenu ul{ list-style-type:none;} /*Footer Box End */ /*Product & management Start */ /*#banner{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; }*/ #contenar .product-contenar{ width:1098px; margin:0px auto; background:#dedbd4; padding:10px 0px 10px 0px;} .product-contenar h1.merTittle{ width:184px; float:left; background:#ffffff; line-height:43px; color:#9e1f21; font-family: 'open_sansregular'; text-align:left; padding:0px 0px 0px 10px; font-size:24px;} .product-contenar p.contentBox{ width:1060px; float:left; font-family: 'open_sansregular'; font-size:18px; color:#230606; line-height:34px; text-align:left; padding:15px 0px 0px 10px;} .product-contenar .gradecementBox{ width:414px; float:left; margin:50px 0px 0px 0px;} .gradecementBox h1.redText{ font-family:'open_sansregular'; font-size:35px; text-align:left; color:#9c1116; height:49px; padding:0px 0px 0px 10px; width:342px; background:#ffffff;} .gradecementBox span{ color:#000000;} .gradecementBox p.ImageBox{ width:402px; float:left; margin:40px 0px 0px 10px;} .graderightBox{ width:648px; float:left; margin:50px 0px 0px 26px; font-size:22px;} .graderightBox p.productTextright{ font-family:'open_sansregular';color:#221314; float:left; line-height:31px; font-size:18px; text-decoration:none;} .product-cementleft{ width:648px; float:left;} .productText{font-family:'open_sansregular'; font-size:18px; float:left; color:#221314; text-decoration:none; text-align:left; padding:40px 0px 20px 10px;} .product-cementright{ width:420px; float:left; margin:0px 0px 0px 30px;} .product-cementright h1.ppcTittle{font-family: 'open_sanssemibold'; font-size:35px; color:#9c1116; line-height:40px; background:#FFF; padding:0px 5px 0px 10px; margin:40px 0px 35px 0px;} .product-cementright h1.ppcTittle span{ color:#000000;} product-cementright .image2{ width:402px; float:right; margin:0px 0px 0px 30px;} .catmain .marchandiseBox2{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox2:hover{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} /*Banner Start */ #bannerproduct{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; padding:10px 0px 60px 0px; margin:0px 0px 0px 0px;} /*#bannerproduct #bannermain{ width:1920px; margin:0px auto;}*/ #bannermain .bannleft{ width:576px; float:left; margin:0px 0px 0px 10px;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left; margin:0px 0px 0px 70px;} /*Banner End */ /*Product & management End */ #contenar .contact-main{ width:1098px; margin:0px auto; background:#efefef; border: 1px solid #d6d6d6; } .contact-main h1.con-tittlebox{ background:url(../images/contactTittle.png) left top no-repeat; width:361px; height:49px; position:relative; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; padding:6px 0px 0px 10px; left:-5px; font-weight:normal; } .contact-main .con-map{ width:376px; margin:0px 0px 0px 28px; float:left;} .contact-main .contactBox{ width:554px; float:left; margin:0px 0px 0px 71px;} .contactBox h1.contittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; float:left; color:#000000; text-decoration:none; padding:0px 0px 5px 0px; background:url(../images/con-dividar.jpg) left bottom no-repeat; width:549px; line-height:25px; margin:0px 0px 15px 0px;} .contactBox label.context{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#4a4a4a; text-decoration:none; text-align:left; width:136px; float:left; text-decoration:none; margin:10px 0px 0px 0px;} .contactBox .contactTextBox{ height:47px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .contactBox .contactTextArea{ height:117px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .contactBox span{ color:#d71920;} .contactBox a.conBtn{ width:174px; height:40px; background:url(../images/conBtn.png) left top no-repeat; display:block; float:left; margin:0px 0px 52px 140px;} .contenarmain .mediaBox{ width:554px; float:left; margin:20px 0px 0px 60px;} .mediaBox label.context{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#4a4a4a; text-decoration:none; text-align:left; width:136px; float:left; text-decoration:none; margin:10px 0px 0px 0px;} .mediaBox .contactTextBox{ height:47px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .mediaBox .contactTextArea{ height:117px; float:left; height:117px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .mediaBox span{ color:#d71920;} .mediaBox a.conBtn{ width:174px; height:40px; background:url(../images/conBtn.png) left top no-repeat; display:block; float:left; margin:0px 0px 52px 140px;} /* ######### Style for Drop Down Menu ######### */ .ddcolortabs{ width:100%; float:left; height:55px;} .dropmenudiv_a{ position:absolute; top:0; left:0; font:normal 12px/21px Verdana, Arial, Helvetica, sans-serif; color:#fff; z-index:10000; margin:2px 0 0 0; width:14.0%; visibility:hidden; padding:0px 10px 0px 10px; font-weight:bold; background:#d61920; } .dropmenudiv_a a{ width:180px; display:block; margin:0 auto 2px auto; text-decoration: none; font:normal 12px/21px Verdana, Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #ffffff; text-align: left; padding:5 0 5 0px; font-weight:bold; line-height:18px; padding:5px 0px; } .dropmenudiv_a a.nobdr{ border:none;} .dropmenudiv_a a:hover{ width:180px; display:block; color:#ffffff; line-height:18px; padding:5px 0px; } /* Top Drop Down Navigation Part End */ .cover{width:126px; height:15px; position:relative; background:url(../images/cover.jpg) left top no-repeat;top:20px; background:#262421;} /* Green Awareness Programme Start */ .contenarmain .greenBox{ width:1098px; margin:0px auto 20px auto; } .contenarmain .innBox{ width:1098px; background:#dedbd4; } /* 30.11.2013 start */ .greenBox .slidingSec{ width:1050px; margin:20px auto 0px auto;} .slidingSec .slidingLeft{ width:450px; float:left;} .slidingSec .slidingRight{ width:576px; float:right; background:#f9f7f7; margin:0px 10px 0px 10px; border: 1px solid #c3bfbe; } .slidingRight .slidingbulletBox{ width:520px; float:left; margin:0px 0px 0px 20px;} .slidingbulletBox ul{ list-style-type:none;} .slidingbulletBox ul li{ width:520px; "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; float: left; text-decoration: none; text-align: left; color: #4a4a4a; margin:5px 0px 0px 0px; padding: 0px 10px 0px 15px; background:url(../images/rightarrow.jpg) left 3px no-repeat;} .slidingRight h1.slidingTittle{ background:url(../images/annualBg.png) left top no-repeat; width:261px; height:40px; color:#ffffff; padding: 7px 5px 0px 15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; left:-6px; position: relative; font-weight:normal;} .slidingRight p.slidingText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:10px 0px 0px 0px; padding:0px 10px 10px 10px;} .slidingRight h1.empTittle{ width:390px; height:48px; background:url(../images/empTittle.png) left top no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; padding: 7px 5px 0px 15px; left:-6px; position: relative; font-weight:normal;} .empboldText{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; color:#000000; text-decoration:none; background:url(../images/dividar.jpg) left bottom no-repeat; padding:0px 0px 5px 10px; font-weight: normal; display:block; margin:10px 0px 0px 10px; float:left;} .aboutcontenar .comcontenar{ width:964px; float:left; margin:10px 0px 10px 20px;} .comcontenar ul{ list-style-type:none;} .comcontenar ul li{ float:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:5px 0px; background:url(../images/arrowright.png) left top no-repeat; padding:0px 0px 0px 15px; width:964px;} /* 30.11.2013 End */ /* Ware Frame Start */ .contenarmain .frameBox{ background:#dedbd4; float:left; width:1062px; padding:0px 15px; } .contenarmain .frameBox1{ background:#dedbd4; float:left; width:1062px; padding:0px 7px; } .frameBox p.frameText{ font-size:18px; color:#230606; line-height:32px; text-align:left; padding:18px 10px 0px 0px; font-family: 'open_sansregular'; } .frameBox h1{background:#f2f1ec; font-size:20px; color:#9e1f21; width:162px; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold;} .frameBox span.frameRedtext{ font-size:18px; color:#942027;display:block; font-weight:bold; font-family: 'open_sansregular'; text-decoration:none; text-align:left;} .frameBox p.boldblack{ font-size:20px; color:#000000; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold; margin:10px 0px 0px 10px;} .frameBox .section{ width:160px; margin:52px; float:left;} .section .ImageBox{ width:130px; float:left; border: 1px solid #999999; text-align:center; padding:5px; margin:0px 0px 5px 0px; text-align: center; } .section p.redName{ font-size:16px; color:#cf0810; text-align: center; font-family: 'open_sansregular'; font-weight:bold; margin:5px 0px 0px 0px;} .section p.desText{font-family: 'open_sansregular'; font-size:12px; color:#000000; text-align:left; text-decoration:none; padding:5px 0px 5px 5px;} .section a.readmore{ font-family: 'open_sansregular'; font-size:14px; color:#cf0810; text-decoration:none; text-align:left; margin:0px 0px 0px 40px;} /* Ware Frame End */ /* milestone start */ .frameBox .timelineBox{ width:1024px; float:left; padding:0px 0px 10px 0px;} .timelineBox .timelineLeftBox{ width:78px; float:left;} .timelineBox p.timelineText{ font-family: 'open_sansregular'; font-size:24px; color:#984344; text-align:center; margin:0px 0px 0px 20px; font-weight:bold; line-height:21px; margin:20px 0px 10px 0px; font-weight:bold;} .timelineLeftBox .row{ width:58px; font-family: 'open_sansregular'; font-size:14px; color:#000000; float:left; text-align:center; margin:5px 0px 5px 20px; font-weight:bold; line-height:21px;} .timelineBox .timelineRightBox{ width:1020px; float:left; } .timelineRightBox .row1{ width:616px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row2{ width:590px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row3{ width:570px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row4{ width:530px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row5{ width:500px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row6{ width:480px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row7{ width:450px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row8{ width:430px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row9{ width:410px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row10{ width:390px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row11{ width:370px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row12{ width:350px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row13{ width:330px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row14{ width:310px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row15{ width:300px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row16{ width:290px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row17{ width:270px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} /* milestone End */ /* Management Start */ p.manageText{ font-size:18px; color:#230606; line-height:32px; text-align:left; padding:18px 10px 0px 24px; font-family: 'open_sansregular';} p.manageTextbold{ font-size:20px; color:#000000; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold; margin:10px 0px 0px 10px;} .managebox{ width:742px; float:left; } .manageImageBox{ width:130px; float:left; border: 1px solid #999999; margin:20px 10px 0px 20px; text-align:center; padding:5px 0px;} .manageImageBox h1{font-family: 'open_sansregular'; font-size:24px; color:#c4080f; text-align:center; text-decoration:none;} .manage p.manageText{font-family: 'open_sansregular'; font-size:18px; color:#230606; text-align:center; text-decoration:none;} span .Red{font-family: 'open_sansregular'; font-size:18px; color:#c4080f; text-decoration:none;} /*Product & management Start */ /*#banner{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; }*/ #contenar .product-contenar{ width:1098px; margin:0px auto; background:#dedbd4; padding:10px 0px 10px 0px;} .product-contenar h1.merTittle{ width:184px; float:left; background:#ffffff; line-height:43px; color:#9e1f21; font-family: 'open_sansregular'; text-align:left; padding:0px 0px 0px 10px; font-size:24px;} .product-contenar p.contentBox{ width:1060px; float:left; font-family: 'open_sansregular'; font-size:18px; color:#230606; line-height:34px; text-align:left; padding:15px 0px 0px 10px;} .product-contenar .gradecementBox{ width:414px; float:left; margin:50px 0px 0px 0px;} .gradecementBox h1.redText{ font-family:'open_sansregular'; font-size:35px; text-align:left; color:#9c1116; height:49px; padding:0px 0px 0px 10px; width:342px; background:#ffffff;} .gradecementBox span{ color:#000000;} .gradecementBox p.ImageBox{ width:402px; float:left; margin:40px 0px 0px 10px;} .graderightBox{ width:648px; float:left; margin:50px 0px 0px 26px; font-size:22px;} .graderightBox p.productTextright{ font-family:'open_sansregular';color:#221314; float:left; line-height:31px; font-size:18px; text-decoration:none;} .product-cementleft{ width:648px; float:left;} .productText{font-family:'open_sansregular'; font-size:18px; float:left; color:#221314; text-decoration:none; text-align:left; padding:40px 0px 20px 10px;} .product-cementright{ width:420px; float:left; margin:0px 0px 0px 30px;} .product-cementright h1.ppcTittle{font-family: 'open_sanssemibold'; font-size:35px; color:#9c1116; line-height:40px; background:#FFF; padding:0px 5px 0px 10px; margin:40px 0px 35px 0px;} .product-cementright h1.ppcTittle span{ color:#000000;} product-cementright .image2{ width:402px; float:right; margin:0px 0px 0px 30px;} .catmain .marchandiseBox2{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox2:hover{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} /*Banner Start */ #bannerproduct{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; padding:10px 0px 60px 0px; margin:0px 0px 0px 0px;} /*#bannerproduct #bannermain{ width:1920px; margin:0px auto; text-align:center;}*/ #bannermain .bannleft{ width:576px; float:left; margin:0px 0px 0px 10px;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left; margin:0px 0px 0px 70px;} /*Banner End */ /*aboutUs start 27.11.2013*/ #bannermain .banabout{ background:url(../images/bannaraboutus.jpg) center top no-repeat; height:88px; width:100%; background-size:100%;} .banabout .about-banmain{ width:auto; margin:0px auto;} .about-banmain .aboutTittle{float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:2px 5%; font-size:12px; text-decoration:none; color:#ffffff; margin:60px 0px 0px 0px; background:url(../images/bantitle.png) no-repeat; width:90%; line-height:18px;} .aboutcontenar{ background:#ffffff; float:left; width:100%; margin:0px 0px 10px 0px; } .aboutcontenar .aboutmain{ width:1098px; margin:25px auto 20px auto;} .aboutmain .dialogbox{width:1073px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #cacaca;background-color:#e7e7e7; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#4f4f4f; text-decoration:none; text-align:left; padding:15px 0px 15px 10px; font-weight:normal;} .aboutmain .authorBox{ width:218px; float:left; background:url(../images/imageSec.jpg) left top no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; text-decoration:none; color:#d71920; padding:10px 0px 0px 54px; margin:0px 0px 0px 15px;} .aboutmain p.aboutTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; color:#101010; width:1098px; height:29px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #676767; float:left; background:none; margin:32px 0px 0px 0px; padding:0px 0px 5px 0px; } .aboutmain p.aboutText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; float:left; text-decoration:none; color:#303030; margin:31px 0px 0px 0px;} .aboutmain .aboutconenarBox{ width:1073px; float:left; background:#efefef; margin:30px 0px 32px 0px; padding:0px 0px 10px 0px;} .aboutcontenar h2.bordTittle{ background:url(../images/bordBg.png) left top no-repeat; width:361px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:left; padding:8px 0px 13px 10px; font-size:22px; margin:0px 0px 5px 0px; position:relative; left:-5px; font-weight:normal;} .aboutcontenar .dirBox{ width:1045px; float:left; margin:15px 0px 0px 10px;} .dirBox .leftSec{ float:left; background:#ffffff; border: 1px solid #dcdcdc; padding:5px; text-align:center; } .dirBox .rightSec{ width:886px; float:left; margin:0px 0px 0px 20px;} .rightSec h2.dirTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; text-align:left; background:url(../images/dirDiv.png) left bottom no-repeat; font-weight:normal; padding:0px 0px 5px 0px;} .rightSec p.dircontent{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:21px 0px 0px 0px;} .aboutmain .milestoneSec{ width:1059px; float:left; border: 1px solid #d8d8d8; } .milestoneSec h1.milestoneTittle{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; text-decoration:none; text-align:left;} .milestoneSec .readerBox{ width:1071px; float:left; background:url(../images/scale.jpg) center bottom no-repeat;} .readerBox .no{ font-family: 'MyriadPro-Regular'; font-size:36px; color:#d71920; text-decoration:none; text-align:left; width:82px; height:32px; float:left;} /*aboutUs End 27.11.2013*/ /*Product start 28.11.2013*/ #bannermain #banproduct{ background:url(../images/bannar-product.jpg) center top no-repeat; height:88px; width:100%; background-size:100%;} #banproduct .productmain{ width:auto; margin:0px auto;} .productmain .productTittleBox{ float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:10px 30px; font-size:35px; text-decoration:none; color:#ffffff; margin:200px 0px 0px 0px; background:url(../images/bantitle.png) no-repeat; width:465px; line-height:30px;} #bannermain #banproduct1{ background:url(../images/contact.jpg) center top no-repeat; height:292px; width:100%; float:left;} #banproduct1 .productmain1{ width:1076px; margin:0px auto;} .productmain1 .productTittleBox1{ background:#d71920; float:right; margin:227px 0px 0px 0px;font-family: "Calibri"; font-size:35px; text-decoration:none; padding:5px 20px; color:#ffffff;} #bancontact{ background:url(../images/bannar-product.jpg) center top no-repeat; height:292px; width:100%; float:left;} #bancontact .productmain{ width:1076px; margin:0px auto;} .productmain .productTittleBox{ background:#d71920; float:right; margin:227px 0px 0px 0px;font-family: "Calibri"; font-size:35px; text-decoration:none; padding:5px 20px; color:#ffffff;} #contenar .productContenar{ width:1071px; margin:41px auto 25px auto;} .productContenar .productHeadingTittle{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; text-align:left; color:#4a4a4a; font-weight:normal; text-decoration:none; float:left; width:1071px;} .productContenar .modarnBox{ width:1051px; float:left; background:#efefef; margin:26px 0px 0px 0px; padding:10px;} .modarnBox h1.modTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; text-decoration:none; color: #FFF; text-decoration:none; background:url(../images/bordBg.png) left top no-repeat; padding:6px 0px 5px 10px; width:351px; height:37px; position:relative; text-transform:uppercase; left:-15px; top:-10px; font-weight:normal;} .modarnBox h1.outlookblack{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; color: #000000; text-decoration:none; padding:6px 0px 0px 15px; width:351px; height:23px; position:relative; text-transform:uppercase; left:-15px; top:-10px; font-weight:normal;float:left; width:100%;} .modarnBox .operationBox{ width:1042px; float:left; margin:0px 0px 10px 0px;} .operationBox ul{ list-style-type:none;} .operationBox ul li{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4a4a4a; text-decoration:none; text-align:left; background:url(../images/rightarrow.jpg) left 3px no-repeat; padding:0px 0px 0px 15px; margin:5px 0px;} .modarnBox p.outlookText{ font-family: Arial, Helvetica, sans-serif; color: rgb(74, 74, 74); font-size:14px; text-decoration:none; text-align:left; padding:10x 0px 0px 15px; margin:20px 0px 0px 5px; display:block;} .productContenar .marHeaderBox{ width:1071px; float:left; background:#efefef; margin:10px 0px 0px 0px; } .tittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/dirDiv.png) left bottom no-repeat; float:left; margin:10px 0px 5px 10px; width:100%; padding:0px 0px 5px 0px;} .tittleBox1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/bordBg.png) left top no-repeat; margin:10px 0px 0px 0px; width:100%; padding:6px 0px 0px 10px; height:40px; position:relative; left:-5px; color:#ffffff; font-size:22px; top:-20px;} .cornar{ width:60px; hight:40px; position:relative; left:274px; bottom:40px;} .cornarsmall{ background:url(../images/cornarsmall.jpg) left top no-repeat; width:5px; height:7px; position:relative; top:-43px; left:-5px;} .marHeaderBox p.marcontent{font-family: Arial,Helvetica,sans-serif; font-size:14px; text-decoration:none; text-decoration:none; color: rgb(74, 74, 74); width:1039px; display:block; text-decoration:none; position:relative; padding:0px 10px 10px 15px; float:left;} .marHeaderBox .imageBox{ float:left; background:#ffffff; border: 1px solid #dcdcdc; padding:10px; margin:10px 0px 0px 15px; } .marHeaderBox .product-gradeBox{ width:1071px; float:left; margin:0px 0px 0px 20px;} .product-gradeBox .gradeTittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; text-align:left; float:left; width:100%; padding:0px 30px 10px 0px;} .product-gradeBox .portlandBox{ width:733px; float:left; margin:10px 0px 20px 0px;} .portlandBox ul{ list-style-type:none;} .portlandBox ul li{ background:url(../images/rightarrow.jpg) left 3px no-repeat; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; color:#4a4a4a; padding:0px 0px 0px 20px; width:733px; margin:5px 0px;} .productContenar .ppcBox{ width:1071px; float:left; margin:0px 0px 0px 0px; background:#efefef; padding:0px 0px 10px 0px; } .ppcBox .ppcTittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/dirDiv.png) left bottom no-repeat; float:left; margin:10px 0px 5px 10px; width:100%; padding:0px 0px 5px 0px; text-transform:uppercase; } .ppcBox .ppccornar{ width:60px; height:40px; position:relative; left:793px; top:-40px;} .ppcBox .ppcsmallcornar{ background:url(../images/ppcsmallcornar.jpg) left top no-repeat; width:5px; height:7px; position: relative; left:1068px; top:-40px; } .ppcBox .ppcimageSec{ float:right; background:#ffffff; border: 1px solid #dcdcdc; padding:10px; margin:0px 10px 0px 0px; } .ppcBox .ppcContenar{ width:1051px; float:right; margin:0px 10px 0px 0px;} .ppcContenar .ppcheading{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; padding:0px 0px 5px 0px; float:left; width:100%; text-align: justify; margin:0px 0px 20px 0px;} .ppcContenar .ppcaplication{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; padding:0px 0px 5px 0px; margin:15px 0px 15px 0px; float:left; width:733px;} /*Product End 28.11.2013*/ /*Vission Start 29.11.2013*/ #bannermain #banproductvission{ background:url(../images/vissionBannar.jpg) center top no-repeat; height:88px; width:100%; float:left; background-size:100%;} .productmain .productTittleBox{float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:2px 5%; font-size:12px; text-decoration:none; color:#ffffff; margin:60px 0px 0px 0px; background:url(../images/bantitle.png) no-repeat; width:90%; line-height:18px;} #banproductvission .productmain{ width:auto; margin:0px auto;} #bannermain #banInv{ background:url(../images/invBannar.jpg) center top no-repeat; height:88px; width:100%; float:left; text-align:center; background-size:100%;} #banInv .productmain{ width:auto; margin:0px auto;} #bannermain #banmedia{ background:url(../images/mediaBannar.jpg) center top no-repeat; height:290px; width:100%; float:left; text-align:center;} #banmedia .productmain{ width:1072px; margin:0px auto;} #bannermain #bancareer{ background:url(../images/careerBannar.jpg) center top no-repeat; height:88px; width:100%; float:left; text-align:center; background-size:100%;} #bancareer .productmain{ width:auto; margin:0px auto;} #bannermain #bancontact{ background:url(../images/contactBannar.jpg) center top no-repeat; height:88px; width:100%; float:left; text-align:center; background-size:100%;} #bancontact .productmain{ width:auto; margin:0px auto;} #category .cat-main{ width:1098px; margin:0px auto 15px auto;} .cat-main .catVission{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/vissionTab.jpg) center top no-repeat; margin:0px 8px; font-family:"Arial Rounded MT Bold";} .cat-main .catEmp{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/empTab.jpg) top left no-repeat; margin:0px 5px 0px 0px; font-family:"Arial Rounded MT Bold";} .cat-main .catGreen{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/greenawarnessTab.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .cat-main .catWind{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/windTab.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .catVission a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 13px 10px; margin:105px 0px 0px 0px; display:block;} .catEmp a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 4px 10px; margin:105px 0px 0px 0px; display:block;} .catGreen a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:22px 0px 12px 20px; margin:105px 0px 0px 0px; display:block;} .catWind a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 5px 10px; margin:105px 0px 0px 0px; display:block;} .cat-main .catpolicy{ width:258px; float:left; border: 1px solid #9a9999; background:url(../images/cpTab1.jpg) center top no-repeat; margin:0px 8px; font-family:"Arial Rounded MT Bold"; height:156px;} .cat-main .catinformation{ width:259px; float:left; border: 1px solid #9a9999; background:url(../images/fg.jpg) top left no-repeat; margin:0px 5px 0px 9px; font-family:"Arial Rounded MT Bold"; height:156px;} .cat-main .catBeyond{ width:258px; float:left; border: 1px solid #9a9999; background: url(../images/Bc.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .cat-main .catHar{ width:258px; float:left; border: 1px solid #9a9999; background: url(../images/finance.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold"; height:156px;} .catpolicy a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 13px 10px; margin:105px 0px 0px 0px; display:block;} .catinformation a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 4px 10px; margin:110px 0px 0px 0px; display:block;} .catBeyond a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:22px 0px 12px 20px; margin:105px 0px 0px 0px; display:block;} .catHar a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 20px 10px; margin:101px 0px 0px 0px; display:block;} /*Vission End 29.11.2013*/ /*Product & management End */ /* Management End */ /* Media Start */ .rightpanel1 .mediaFormBox{ width:450px; float:left;} .rightpanel1 .reachBox{width:450px; float:left; } .rightpanel1 .imagebox{ width:414px; float:left;} .rightpanel1 .mediaFormBox{ width:450px; float:left;} label.media-textName{font-family:'open_sansregular'; font-size:14px; color:#9c1921; text-align:right; text-decoration:none; margin:5px 0px; font-weight:bold; width:200px; display:block; float:left;} .mediaTextfield{ width:200px; border: 1px solid #333; margin:0px 0px 0px 10px; background: #CCC; margin:5px 0px 5px 10px;; float:left; } .mediaTextarea{ width:200px; border: 1px solid #333; margin:0px 0px 0px 10px; background: #CCC; margin:5px 0px 5px 10px;; float:left; height:50px;} a.mediasubmitbtn{ width:90px; height:20px; float:left; margin:20px 0px 10px 220px;} /* Media End */ /* Marchent Start */ .aboutcontenar .marchhentBtnBox{ width:100px; float:left; } .aboutcontenar a.ppcBox{ width:100px; float:left; background:#9e1f21; line-height:25px; padding:5px; font-family:'open_sansregular'; font-size:14px; color:#FFF; margin:5px 0px 0px 20px; text-align:center; font-weight:bold; display:block; text-decoration:none;} .aboutcontenar a.ppcBox:hover{ width:100px; float:left; background:#bf6667; line-height:25px; padding:5px; font-family:'open_sansregular'; font-size:12px; color:#FFF; margin:5px 0px 0px 20px; text-align:center; font-weight:bold; display:block; text-decoration:none;} /* Marchent End */ /*beyond Start*/ .catmain .cp{ width:147px; padding:40px 0px 30px 95px; float:left; background:url(../images/cp.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .cp:hover{ width:147px; padding:40px 0px 30px 95px; float:left; background:url(../images/cphover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain a.susLink{ float:left; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; font-weight:bold;} .catmain .ig{ width:142px; padding:7px 0px 15px 125px; float:left; background:url(../images/ig.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .ig:hover{ width:142px; padding:7px 0px 15px 125px; float:left; background:url(../images/ighover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain .bc{ width:142px; padding:30px 0px 32px 110px; float:left; background:url(../images/bc.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';margin:0px 9px; font-weight:bold;} .catmain .bc:hover{ width:142px; padding:30px 0px 35px 110px; float:left; background:url(../images/bchover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain .finance{ width:142px; padding:30px 0px 35px 105px; float:left; background:url(../images/finance.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .finance:hover{ width:142px; padding:30px 0px 35px 105px; float:left; background:url(../images/financehover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .vissionBox{ width:160px; padding:40px 0px 40px 100px; float:left; background:url(../images/vission.jpg) left top no-repeat; font-size:20px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .vissionBox:hover{ width:160px; padding:40px 0px 40px 100px; float:left; background:url(../images/vissionhover.jpg) left top no-repeat; font-size:20px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .empBox{ width:157px; padding:20px 0px 20px 112px; float:left; background:url(../images/emp.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain a.catlink{font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; } .catmain .empBox:hover{ width:157px; padding:20px 0px 20px 112px; float:left; background:url(../images/emphover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .greenBox{ width:150px; padding:20px 0px 35px 115px; float:left; background:url(../images/greentab.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .greenBox:hover{ width:150px; padding:20px 0px 35px 115px; float:left; background:url(../images/greentabhover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .windBox{ width:145px; padding:20px 0px 30px 115px; float:left; background:url(../images/windBg.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .windBox:hover{ width:145px; padding:20px 0px 30px 115px; float:left; background:url(../images/windBghover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} /*beyond End*/ #content { width: 400px; margin: 40px auto 0 auto; padding: 0 60px 30px 60px; border: solid 1px #cbcbcb; background: #fafafa; -moz-box-shadow: 0px 0px 10px #cbcbcb; -webkit-box-shadow: 0px 0px 10px #cbcbcb; } /* Slider http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html */ /* Slider /*-----------------------------------------------------------------------------------*/ .slider_container{ width:703px; margin:auto; clear:both; background:url(images/shadow_top.png) no-repeat top center; padding:0px 0 0 0;} .flex-caption{ position: absolute; } .caption_title_line{ background:url(../images/supBg.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line1{ background:url(../images/supBg2.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line2{ background:url(../images/supBg3.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line3{ background:url(../images/supBg4.png) left top no-repeat; width:420px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; padding:40px 0px 0px 0px; font-weight:normal; text-align:center;} .caption_title_line h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;} .caption_title_line1 h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;} .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 703px; margin: 0; padding: 0 0 10px 0;background:url(images/shadow_bottom.png) no-repeat center bottom;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width:703px; display: block; border:5px #ededed solid;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} /* Direction Nav */ .flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li a.next {background:url(images/next.png) no-repeat center; bottom:184px;} .flex-direction-nav li a.prev {background:url(images/prev.png) no-repeat center;bottom:141px;} .flex-direction-nav li a.next:hover {background:url(images/next_a.png) no-repeat center;} .flex-direction-nav li a.prev:hover {background:url(images/prev_a.png) no-repeat center;} .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} /* Media Queries /*-----------------------------------------------------------------------------------*/ #about_yrs_btn{width:1020px; position:relative;} #about_yrs_btn ul { list-style-type: none; padding: 0px; } #about_yrs_btn ul li { display: block; float: left; margin: 0 2px; font-size: 12px; } #about_yrs_btn ul li a { display: block; text-decoration: none; text-align: center; padding-top: 15px; width: 152px; height: 32px; color: #ffffff; background:#bf6667; } #about_yrs_btn ul li a:hover { background:#984344 -50px; color: #ffffff; } #about_yrs_btn ul li.active a { background: #984344 no-repeat center -50px; color: #ffffff; } .aboutScrollContentContainer { float: left; margin:0px 6px 0px 0px; width:900px; } .aboutScrollPrevBtnPos { float: left; width: 28px; margin-top: 12px; cursor: pointer; margin-right:7px; } .aboutScrollRightBtnPos { float: right; width: 28px; text-align: right; cursor: pointer; margin:12px 0px 0px 10px; } /*Tab Sliding Start*/ /* ######### CSS for Shade Tabs. Remove if not using ######### */ .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; border: 1px solid #778; color: #2d2b2b; background: white url(shade.gif) top left repeat-x; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 1px; } .shadetabs li a.selected{ /*selected main tab style */ background-image: url(shadeactive.gif); border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontent{ display:none; background:#fffffff; } /* ######### CSS for Indented CSS Tabs. Remove if not using ######### */ .indentmenu{ font: bold 13px Arial; width: 100%; /*leave this value as is in most cases*/ } .indentmenu ul{ margin: 0; padding: 0; float: left; /* width: 80%; width of menu*/ border-top: 1px solid navy; /*navy border*/ background: black url(indentbg.gif) center center repeat-x; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; color: white; /*text color*/ text-decoration: none; border-right: 1px solid navy; /*navy divider between menu items*/ } .indentmenu ul li a:visited{ color: white; } .indentmenu ul li a.selected{ color: white !important; padding-top: 6px; /*shift text down 1px*/ padding-bottom: 4px; background: black url(indentbg2.gif) center center repeat-x; } .tabcontentstyle{ /*style of tab content oontainer*/ border: 1px solid gray; width: 450px; margin-bottom: 1em; padding: 10px; } .tabcontent{ display:none; } #iview { display: block; width: 100%; height: 500px; background: #000; background: rgba(0, 0, 0, 0.7); padding: 5px; border-radius: 5px; position: relative; -webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); margin: 40px auto; } #iview .iviewSlider { display: block; width: 900px; height: 500px; overflow: hidden; border-radius: 4px; } .iview-controlNav { position: absolute; bottom: 30px; left: 347px; height: 44px; } .iview-controlNav a { text-indent: -9999px; } .iview-controlNav a.iview-controlPrevNav { float: left; width: 50px; height: 44px; background: url('../../img/slider-controls.png') no-repeat; } .iview-controlNav a.iview-controlNextNav { float: left; width: 50px; height: 44px; background: url('../../img/slider-controls.png') no-repeat -50px 0px; } .iview-controlNav div.iview-items { float: left; padding: 0px 10px 0px 10px; height: 44px; background: url('../../img/nav-bg.png'); } .iview-controlNav a.iview-control { padding: 0px; float: left; width: 11px; height: 12px; background: url('../../img/bullets.png') no-repeat; line-height: 0px; } .iview-controlNav a.iview-control.active { background-position: 0px -12px; } .iview-caption { background: url('../../img/caption-bg.png'); color: #FFF; border-radius: 3px; padding: 10px 15px; font-family: Verdana; font-size: 12px; text-shadow: #000 1px 1px 0px; } .iview-caption.caption1 { font-size: 36px; font-weight: bold; height: 45px; } .iview-caption.caption2 { background: #00b4ff; font-size: 36px; font-weight: bold; text-shadow: none; } .iview-caption.caption3 { background: #FFF; color: #000; font-size: 26px; text-shadow: none; } .iview-caption.caption4 { font-size: 22px; font-weight: bold; } .iview-caption.caption5 { background: #c4302b; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px; font-size: 20px; font-weight: bold; text-shadow: none; } .iview-caption.caption6 { font-size: 18px; } .iview-caption.caption7 { text-align: left; font-size: 11px; color: #888; border-radius: 0px; } .iview-caption.caption7 div { line-height: 200%; } .iview-caption.caption7 h3 { margin-bottom: 20px; color: #FFF; } .iview-caption.blackcaption { background: #000; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px; text-shadow: none; } #iview-preloader { border: #666 1px solid; width: 150px } #iview-preloader div { background: #666; } .iview-controlNav div.iview-items ul li { padding: 0px; float: left; width: 11px; height: 12px; margin: 3px; margin-top: 16px; line-height: 0px; } #iview #iview-tooltip { display: none; position: absolute; background: url('../../img/tooltip.png') no-repeat; width: 124px; height: 90px; bottom: 30px; left: -67px; padding: 10px; z-index: 100; } #iview #iview-tooltip div.holder { display: block; width: 124px; height: 84px; overflow: hidden; border-radius: 2px; } #iview #iview-tooltip div.holder div.container { display: block; width: 4000px; } #iview #iview-tooltip div.holder div.container div { float: left; display: block; overflow: hidden; width: 124px; height: 84px; left: -50%; text-align: center; } #iview #iview-tooltip div.holder div.container div img { height: 84px; margin: 0 auto; } /*Tab Sliding End*/ #tabs { overflow: auto; width: 58%; list-style: none; margin: 0px; padding: 0; position:relative; left:42px; } #tabs li { margin: 0; padding: 0; float: left; } #tabs a { -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); box-shadow: -4px 0 0 rgba(0, 0, 0, .2); background: #ad1c1c; background: -moz-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -ms-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -o-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: linear-gradient(220deg, transparent 10px, #ad1c1c 10px); text-shadow: 0 1px 0 rgba(0,0,0,.5); color: #fff; float: left; font: bold 12px/35px 'Lucida sans', Arial, Helvetica; height: 35px; padding: 0 30px; text-decoration: none; } #tabs a:hover { background: #c93434; background: -moz-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -ms-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -o-linear-gradient(220deg, transparent 10px, #c93434 10px); background: linear-gradient(220deg, transparent 10px, #c93434 10px); } #tabs a:focus { outline: 0; } #tabs #current a { background: #fff; background: -moz-linear-gradient(220deg, transparent 10px, #fff 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #fff 10px); background: -ms-linear-gradient(220deg, transparent 10px, #fff 10px); background: -o-linear-gradient(220deg, transparent 10px, #fff 10px); background: linear-gradient(220deg, transparent 10px, #fff 10px); text-shadow: none; color: #333; } #contenttab { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background-image: -webkit-linear-gradient(top, #fff, #ddd); background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -ms-linear-gradient(top, #fff, #ddd); background-image: -o-linear-gradient(top, #fff, #ddd); background-image: linear-gradient(top, #fff, #ddd); -moz-border-radius: 0 2px 2px 2px; -webkit-border-radius: 0 2px 2px 2px; border-radius: 0 2px 2px 2px; -moz-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; -webkit-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; padding: 10px; float:left; margin:1px 0px 0px 46px; width:55%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; } #contenttab h2.tabtittle{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:12px; color:#000000;} #contenttab .contentBox{ width:600px; float:left; border: 1px solid #b6b6b6;} #contenttab .contentName{ width:300px; float:left; height:26px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b6b6b6; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#0000000; text-align:left; line-height:25px; } /* Remove the rule below if you want the content to be "organic" */ #content div { height: 220px; } /* --- */ #about { color: #999; } #about a { color: #eee; } /* 13.12.2013*/ /* HEADER */ #header { height:400px; } .headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; } /* NAVIGATION */ #nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("../images/headerbg.png"); } /* SEARCH */ #search { background-color:#051733; float:right; width:220px; padding:10px; } #searchtxt { padding:3px; width:150px; } #searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; } /* HEADER TEXT */ #headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px; } #firstline { line-height:20px; position:relative; top:178px; height:137px; font-size:30px; color:#000; text-decoration:none; top:190px; background:url(../images/red.png) left top no-repeat; padding:39px 300px 20px 40px; } #firstline1 { line-height:20px; position:relative; width:750px; top:178px; height:137px; font-size:30px; color:#000; text-decoration:none; top:190px; background:url(../images/red.png) left top no-repeat; padding:39px 357px 20px 40px; width:555px;} #secondline { background:url(../images/bannarcontentBg.png) left top no-repeat; color:#CD2B3A; text-decoration:none; padding:10px 0px 10px 39px; display:block; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-align:left; position:relative; top:212px; width:555px;} .pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; } .pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; } .pictured a:hover { text-decoration:underline; } /* CONTROLS */ .btn { height:32px; width:32px; float:left; cursor:pointer; } #back { background-image:url("../images/btn_back.png"); } #control { background-image:url("../images/btn_pause.png"); } /* HEADER HAVIGATION */ #headernav-outer { position:relative; top:400px; margin:0 auto; width:960px; } #headernav { padding-left:864px; position:relative; top:-50px;} /* CONTENT */ #content { color:#575757; background-color:#eee; } #content p { padding:10px 20px; font-size:16px; width:960px; margin:0 auto; } #content p a { text-decoration:none; color:#CD2B3A; } #content p a:hover { text-decoration:underline; color:#7F000C; } /*-------------------------------------------------- 29-7-2014 -------------------------------------------------*/ .ContainDiv{ width:100%; height:auto; margin:0; background:#fff;} .mainDiv{ width:100%; margin:0 auto; border:none; padding:20px 0 10px 0;} .cleardiv{clear:both; height:0;} .innerLeft{ width:210px; height:auto; float:left;} .innerRight{ width:96%; height:auto; float:left; padding:0 2%;} .innerLeft .heading{ width: auto; font-family:'open_sansregular'; color:#414141; font-size:20px; text-decoration:none; margin:0px; padding-bottom:10px; background:url(../images/leftborder.png) no-repeat left bottom; margin-bottom:15px; display:none; } .innerLeft ul{ width:auto; display:none;} .innerLeft ul li{ padding-top:10px; list-style-image:url(../images/innerLeft.jpg); margin-left:17px; font-size:17px; font-family:Arial;} .innerLeft ul li a{ color:#414141; text-decoration:none;} .innerLeft ul li a:hover{ color:#d61920; text-decoration:none;} .innerLeft ul li a.active{ color:#d61920; text-decoration:none;} .innerRightHeading{ font-size:14px; font-family:arial; color:#414141; font-weight:normal;text-align:justify; width:97%; margin:0 auto 15px;} .innerRightContainer{ width:100%; height:auto; float:right; padding:0 0%;} .innerRightTop{background: #d61920; width: 100%; height: 40px; color: #ffffff; font-family: 'open_sansregular'; font-size: 18px; text-align: center; line-height: 40px; font-weight: normal;} .innerRightBot{ width:96%; height:auto; padding:5px 2%; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px; text-align:justify;} .legacyImg{ width:99px; height:124px; float:left; margin-right:15px; margin-top:5px;} .legacyQuote{ width:60%; float:left; line-height:20px;} .quoteWriter{ font-size:20px; font-family:'open_sansregular'; color:#d61920; padding-top:10px;} .mr15{ margin-right:15px;} .mr5{ margin-right:5px;} .mr20{ margin-right:20px;} .mr50{ margin-right:50px;} .mb50{ margin-bottom:50px;} .mb20{ margin-bottom:20px;} .mt15{ margin-top:15px;} .mt35{ margin-top:35px;} #toggle ul{width:99%;} #toggle li:hover{background:none} #toggle li{list-style-type:none; cursor:pointer; margin:2px; padding:5px 5px 5px 5px; font-family:'open_sansregular'; font-size:14px;} #toggle ul div{color: #414141; cursor: auto; display: none; font-family:Arial; font-size:14px; padding: 5px 0 5px 5px; text-decoration: none; width:100%; } #toggle ul div a{color:#414141; font-weight:normal; text-decoration:none} #toggle li div:hover{text-decoration:none !important;} #toggle li:before {content: ">"; padding:10px 10px 10px 0; font-weight:bold; color:#414141; font-family:'open_sansregular';font-size:15px;} #toggle li.active:before {content: ">";/* background:url(../images/arrow-down.gif) no-repeat left center;*/ padding:10px 0px 10px 10px; font-weight:bold; color:#414141; font-family:'open_sansregular';font-size:25px;} #toggle{width:100%;} #toggle ul div span{font: 15px Arial; color: #d61920;} .brandImg{ width:180px; height:200px; float:left; margin-right:20px; margin-top:0px;} .BrandBox{ width:100%; float:left; line-height:20px; font-family:arial; font-size:14px; margin:20px 0 0 0;} .BrandName{ font-size:18px; font-family:'open_sansregular'; color:#d61920; padding-top:10px; padding-bottom:15px;} .w40per{ width:40% !important; border-right: dashed 1px #999;} .w50per{ width:50%} #footerticker { height:20px; overflow: hidden; margin-top:20px; margin-bottom:25px; } #footerticker li { height: 20px; font-family:Arial; font-size:14px; list-style:none; font-style:italic; font-size:16px; color:#FFC; } .inputDiv{ width:85%; height:35px; background:#fff; border:solid 1px #b0b0b0; color:#414141; padding:2px 10px; margin-bottom:15px;} .selectinputDiv{ width:85%; height:35px; background:#fff; border:solid 1px #b0b0b0; color:#999; padding:2px 10px; margin-bottom:15px;} .submit{ background:url(../images/submit-but.png) no-repeat; width:75px; height:35px; border:none; cursor:pointer;} #map{height:300px; width:100%; margin-right:10px; float:left;} .address{ width:100%; float:left; height:auto;} .homebanner{ width:100%; height:auto; margin:0 auto 0px; clear:both;} .annualReportDiv{ float:left; width:100%; height:auto; margin-top:30px;} .annualReportTop{ background:#d61920; width:100%; height:50px; color:#ffffff; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px; font-weight:bold;} .annualReportBot{ width:96%; height:auto; padding:15px 2%; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px;} .annualReportBot .left{ width:58px; height:74px; float:left; border:solid 1px #bdbfbf; margin-right:15px;} .annualReportBot .right{ width:265px; height:74px; float:left;margin-right:0px;} .topic{ color:#414141; font-size:16px; font-family:arial; padding-bottom:15px;} .topic a{ color:#414141; text-decoration:none;} .topic a:hover{ color:#414141; text-decoration:underline;} .network a{ color:#414141; text-decoration:none;} .network a:hover{ color:#414141; text-decoration:underline;} .readmore{ color:#d61920; font-size:13px; font-family:arial; padding-bottom:8px; font-weight:600;} .readmore a{ color:#d61920; text-decoration:none;} #reportticker{ height:345px; overflow: hidden; margin-top:5px; margin-bottom:5px; } #reportticker li { height: 115px; font-family:Arial; font-size:14px; list-style:none; margin-bottom:0px;} .homeLeft{ float:left; width:100%;} .homeRight{ float:left; margin-left:0px; width:100%;} .birlagrade{ width:679px; height:192px; margin-top:44px; margin-bottom:10px; background:url(../images/birlagrade.png) no-repeat;} .birlagrade ul{ width:443px; margin-left:240px;} .birlagrade ul li{ display:inline; list-style:none; font-size:30px; color:#414141; font-family:arial; font-weight:normal; width:auto; line-height:40px; text-align:center; width:auto; float:left; padding-top:55px;} .birlagrade ul li span{ font-size:50px; color:#d61920; font-family:arial; font-weight:normal;} .isoDiv{ width:325px; float:left; margin-left:10px} .isoTop{ background:url(../images/iso.png); width:325px; height:58px; color:#d61920; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px;} .isoBot{ width:262px; height:auto; padding:15px; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px; min-height:133px;} .isoBot .left{ width:75px; height:105px; float:left; border:solid 1px #bdbfbf; margin-right:15px;} .isoBot .right{ width:170px; height:auto; float:left;margin-right:0px; line-height:20px !important;} .homeLegacyDiv{ width:333px; float:left; margin-left:10px} .homeLegacyTop{ background:url(../images/legacy.png); width:333px; height:58px; color:#d61920; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px;} .homeLegacyBot{ width:266px; height:auto; padding:15px; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px;} .homeLegacyBot .left{ width:80px; height:109px; float:left; border:solid 1px #bdbfbf; margin-right:8px; margin-top:5px;} .homeLegacyBot .right{ width:175px; height:auto; float:left;margin-right:0px; line-height:19px !important;} .homeLegacyBot .right span{ color:#d61920;} .energyImg{ width:150px; height:125px; float:left; margin-right:15px; margin-top:5px;} .energytext{ width:605px;line-height:20px;} .homeBox{font-size:25px; color:#d61920; font-family:arial; font-weight:normal; width:210px; float:none; height:192px; margin:0 auto; text-align:center; margin-top:30px;} .homeBox a{color:#d61920; text-decoration:none;} #investor ul{width:99%;} #investor li:hover{background:none} #investor li{list-style-type:none; cursor:pointer; margin:2px; padding:5px 5px 5px 5px; font-family:'open_sansregular'; font-size:22px;} #investor ul div{color: #414141; cursor: auto; font-family:Arial; font-size:14px; padding: 15px 0 5px 6px; text-decoration: none; width:100%; } #investor ul div a{color:#414141; font-weight:normal; text-decoration:none} #investor li div:hover{text-decoration:none !important;} #investor{width:100%;} .investorButton a{ width: auto; padding:0px 15px; height:20px; line-height:20px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border:solid 2px #faa21a; font-family:arial; font-size:14px; font-weight:normal; color:#d61920; /*text-shadow: 0 1px 4px #8e8d8d;*/ text-align:center; text-decoration:none; margin:5px 5px; float:left; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWVkZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 54%, #f1edec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(54%,#f5f5f5), color-stop(100%,#f1edec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1edec',GradientType=0 ); /* IE6-8 */ } .investorButton a:hover{ width: auto; padding:0px 15px; height:20px; line-height:20px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border:solid 2px #da7c0a; font-family:arial; font-size:14px; font-weight:normal; color:#ffffff;/* text-shadow: 0 1px 4px #8e8d8d; */text-align:center; text-decoration:none; margin:5px 5px; float:left; background: #faa21a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYTIxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2Y2OGUxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTc5MWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #faa21a 0%, #f68e1d 54%, #f9791e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa21a), color-stop(54%,#f68e1d), color-stop(100%,#f9791e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* IE10+ */ background: linear-gradient(to bottom, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa21a', endColorstr='#f9791e',GradientType=0 ); /* IE6-8 */ } /*---------------------Anirban-------------------*/ .innerRightContainer p{ font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0 0 20px 0;} .bod_sec{clear:both;} .bod_sec_left{float:left; width:94px; margin:0 10px 0 0;} .bod_sec_left img{border:1px solid #bbbdbd;} .bod_sec_right{float:left; width:63%;} .bod_name{ font:18px "Myriad Pro"; color:#d61920; margin:0 0 10px 0px;} .bod_detail{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .toe{font:14px Arial, Helvetica, sans-serif; color:#414141;} .toe span{font:18px Arial, Helvetica, sans-serif; color:#414141;} .awards{clear:both;} .awards_left{float:left; width:250px; height:208px; background:#5c5b5b;} .awards_right{float:right; width:68%;} .awards_right_date{font:25px Arial, Helvetica, sans-serif; color:#414141;} .awards_right_date span{font:40px "Myriad Pro"; color:#d61920;} .awards_right_cont{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .career_new{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px} .career_new a{ color:#414141; text-decoration:none;} .career_new a:hover{ color:#666; text-decoration:none;} .renewal_energy{clear:both;} .renewal_energy_heading{ font:18px "Myriad Pro"; color:#414141; margin:0 0 10px 0px;} .renewal_energy_cont{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .toe_left{width:30%; float:left;font:14px Arial, Helvetica, sans-serif; color:#414141; font-weight:bold; text-align:left;} .toe_right{width:70%; float:left;} } @media only screen and (min-width: 568px) and (max-width: 600px) { #HeaderSec{ width:100%; float:left; padding:10px 0px; background:#fefdfd;} #HeaderSec .headermain{ margin:0px auto; width:100%;} #HeaderSec a.logo{ width:60% !important; height:56px !important; float:left; display:block; margin:15px 0px 0px 0px; background-size:100%;} #HeaderSec a.logo img{width:100%; height:auto;} .bkgroup{width:21%; float:right; margin:0px 30px 0px 0px;} .bkgroup img{width:100%; height:auto;} /* Header Section End*/ /*Menu Start */ #menu{ line-height:72px; float:left; width:100%;/* background:url(../images/menuBg.jpg) left top repeat-x #d71920;*/ height:54px; position:absolute; z-index:99; margin:116px 0 0 0; background: #ce0000; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmUzYTI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNmZTNhMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiNmNDM0MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlNzJkMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OSUiIHN0b3AtY29sb3I9IiNkZDI4MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDcyNjI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ce0000 0%, #fe3a24 2%, #fe3a24 5%, #f43424 26%, #e72d24 60%, #dd2824 79%, #d72624 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce0000), color-stop(2%,#fe3a24), color-stop(5%,#fe3a24), color-stop(26%,#f43424), color-stop(60%,#e72d24), color-stop(79%,#dd2824), color-stop(100%,#d72624)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* IE10+ */ background: linear-gradient(to bottom, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0000', endColorstr='#d72624',GradientType=0 ); /* IE6-8 */ } #menu #nav{ width:100%; margin:0px auto; height:71px;font-family: 'MyriadPro-Regular'; margin-top:15px;} #nav ul{ list-style-type:none;} #nav ul li{ float:left; height:54px; line-height:54px; z-index:10000; border-right:solid 1px #ba2b27; width:100%;} #nav ul li a{ font-family:'open_sansregular'; color:#FFF; font-size:18px; text-decoration:none;margin:0px 36px; line-height:54px;} /*Menu End */ /*Banner Start */ #banner{ width:100%; float:left; left top repeat;} #banner #bannermain{ margin:0px auto; background:url(../images/bannarbg.jpg) left top repeat; width:100%;} #bannermain .banarLeft{ width:571px; float:left; height:313px;} #bannermain img{ width:100%;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; float:left;} #banner1{ width:100%; float:left; background: url(../images/bannarproduct.jpg) left top no-repeat; left top repeat;} #banner1 #bannermain1{ margin:0px auto; width:1098px; padding:20px 0px 20px 0px;} #bannermain1 .banarLeft1{ width:571px; float:left; height:313px;} #bannermain1 .bannleft1 h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft1 p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left;} /*Banner End */ /*Shadow Box Start */ .shadowbox{ width:100%; float:left; background:url(../images/boxshadow.jpg) top center no-repeat #eaeaea; height:42px;} .shadowbox1{ width:100%; float:left; background:url(../images/Bg.jpg) repeat; height:50px;} /*Category Box End */ /*BedCome Start */ #bedSec{ width:100%; float:left; background:url(../images/bedbg.jpg) left top repeat-x #ededed; padding:5px 0px 5px 0px; } #bedSec .bedComeMain{ width:1098px; margin:5px auto 5px auto; background:#f2f1ec;} .bedComeMain ul{ list-style-type:none;} .bedComeMain ul li{ float:left; margin:0px 5px; line-height:20px;} .bedComeMain ul li a{font-family: 'open_sansregular'; color:#F00; text-decoration:none;} .bedComeMain ul li a.active{font-family: 'open_sansregular'; color:#000; text-decoration:none;} /*BedCome End */ /*Category Box Start */ #category{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:10px 0px 0px 0px;} #category .catmain{ width:1098px; margin:0px auto 15px auto;} .catmain .marchandiseBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} a.link {font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} a.link:hover{font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .meritsBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/merits.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 7px; text-transform:uppercase; font-family: 'open_sansregular';} .catmain .meritsBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/meritshover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; margin:0px 5px 0px 7px; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .manageBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/management.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 3px; } .catmain .manageBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/managementhover.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; margin:0px 5px 0px 3px; cursor:pointer;} .catmain .mapBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/maps.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 5px; } .catmain .mapBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/mapshover.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#000000; margin:0px 5px 0px 5px; cursor:pointer; text-decoration:none;} /*Category Box End */ /*Category Start 26.11.2013*/ #category{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:10px 0px 0px 0px;} #category .cat-main{ width:1098px; margin:0px auto 15px auto;} .cat-main .catTab{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/marBg.jpg) center top no-repeat; margin:0px 6px 0px 0px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab1{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/merit.png) center top no-repeat; margin:0px 6px 0px 6px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab2{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/tab3.png) center top no-repeat; margin:0px 6px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab3{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/tab4.png) center top no-repeat; font-family:"Arial Rounded MT Bold"; margin:0px 0px 0px 6px;} .catTab3 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab2 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab1 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block;font-family: Arial, Helvetica, sans-serif; font-weight:normal;} /*Category End 26.11.2013*/ /*Contenar Box Start */ #contenar{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:0px 0px 10px 0px; } #contenar .contenarmain{ width:1098px; margin:0px auto 20px auto;} /*Left Pannel Start */ .contenarmain .leftpanel{ width:297px !important; float:left; margin:20px 0px 0px 0px;} .leftpanel .upBox{ width:297px; float:left; background:#e5e5e5; padding:0px 0px 15px 0px; border: 1px solid #bdbdbd; } .leftpanel .mangalamBox{ padding:16px 0px 21px 22px; background:#bf6667; margin:10px 0px 0px 0px; color:#ffffff; cursor:pointer;} .leftpanel .mangalamBox1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0px 0px 12px 22px; color:#ffffff; cursor:pointer; font-size:22px; text-decoration:none; background:url(../images/annualBg.png) center bottom no-repeat; width:271px; height:34px; position:relative; left:-16px; top:-1px; line-height:35px;} .leftpanel .mangalamBox2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:12px 0px 12px 22px; background:#c32022; color:#ffffff; cursor:pointer; font-size:22px; margin:5px 0px 0px 0px; text-decoration:none;} .leftpanel .mangalamBox:hover{ padding:16px 0px 21px 22px; background:#bf6667; margin:10px 0px 0px 0px; background:#984344; cursor:pointer;} .leftpanel .environmentalBox{ font-size:24px; color:#9e1f21; display:block; padding:10px 0px 7px 15px; text-transform:uppercase; width:277px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/dotline.png) center bottom no-repeat; margin:0px 0px 6px 10px;} .leftpanel .environmentalBox1{ font-size:24px; color:#9e1f21; display:block; padding:0px 0px 15px 15px; text-transform:uppercase; width:277px; ; } .environmentalBox span{ color:#000000;} p.blackText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; float:left; text-decoration:none; text-align:left; color:#230606; padding:0px 10px 0px 10px; line-height:25px; font-weight:normal; margin:0px 0px 0px 10px;} p.focalText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; float:left; text-decoration:none; text-align:left; color:#230606; padding:0px 10px 0px 10px; line-height:25px; font-weight:normal; margin:5px 0px 5px 10px;} p.financeText{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; float: left; text-decoration: none; text-align: left; margin: 5px 0px 0px; color:#4a4a4a; padding:0px 0px 10px 10px;} p.blackTextcareer{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; padding:0px 10px 10px 10px; margin:0px 0px 10px 0px;} a.learnButn{ width:93px; height:25px; float:left; margin:0px 0px 15px 180px; float:left;} .leftpanel .bottomBox{ width:297px; float:left; background:#e5e5e5; margin:10px 0px 0px 0px; border: 1px solid #bdbdbd; } .bottomBox h1{font-size:22px; color:#FFF; display:block; padding:10px 0px 10px 15px; text-transform:uppercase; width:277px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/annualBg.png) left top no-repeat; font-weight:normal; top:-1px;} .bottomBox .reportBox{ width:251px; float:left; margin:10px 0px 0px 0px ;} .bottomBox .reportBox2{ width:251px; float:left;} .reportBox2 p.reportText{ width:145px; float:left; color:#230606; font-size:17px;} a.readBtn{ width:49px;} .reportBox .ImageBox{ width:82px; float:left; margin:0px 10px 0px 0px;} .reportBox p.reportText{ width:145px; float:left; color:#191919; font-size:17px; text-transform:capitalize; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;} .bottomBox .reportBox2{ width:251px; float:left; margin:20px 0px 10px 0px ;} /*Left Pannel End */ /*Right Pannel Start */ .contenarmain .rightpanel{ width:762px !important; float:left; margin:20px 0px 0px 29px;} .contenarmain .rightpanelInn{ width:1098px !important; float:left; background:#e7e7e7;} .rightpanel .aboutcontenar{ background:#ffffff; padding:0px 0px 20px 0px; position:relative; } .rightpanel .career{ background:#dedbd4; padding:10px 0px 20px 0px;} .aboutcontenar span a.redBlink{ color:#F00; font-size:14px; text-decoration:blink; font-weight:bold;} .aboutcontenar h1{ font-size:22px; color:#ffffff; width:465px; display:block; padding:10px 0px 20px 20px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/tittleBg.png) left top no-repeat; position:relative; left:-5px; font-weight:normal; height:34px;} .aboutcontenar h1.quaryTittle{ background:#ffffff; font-size:18px; color:#9e1f21; width:420px; display:block; line-height:30px; padding:0px 0px 0px 10px; text-transform:uppercase; font-family: 'open_sanssemibold'; margin:5px 0px 10px 0px; float:left; } .aboutcontenar h3.reachTittle{ background:#ffffff; font-size:18px; color:#9e1f21; width:420px; display:block; line-height:30px; padding:0px 0px 0px 10px; text-transform:uppercase; font-family: 'open_sanssemibold'; margin:5px 0px 10px 40px; float:left;} .aboutcontenar h1.gap{ background:#f2f1ec; font-size:18px; color:#9e1f21; width:362px; display:block; line-height:30px; padding:0px 0px 0px 10px; line-height:44px; margin:5px 0px 0px 0px; width:420px;} .aboutcontenar .behondText{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; padding:10px;} a.readmore{ width:114px; height:32px; float:right; margin:0px 20px 0px 0px;} /*Grade Box start */ .rightpanel .gradeBox{ width:363px; float:left; margin:19px 0px 10px 0px; border: 1px solid #d6d6d6; background-color: #e5e5e5; } .gradeBox h1{font-size:20px; color:#FFF; display:block; padding:10px 0px 15px 15px; text-transform:uppercase; background:url(../images/gradeBg.png) left top no-repeat; width:311px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; top:-1px;} .gradeBox h1 span.black{ color:#000000;} .gradeboxgradeSec{ width:335px; margin:0px auto;} .gradeboxgradeSec ul{ list-style-type:none;} .gradeboxgradeSec ul li{ float:left; margin:10px 0px 6px 0px; height:73px;} /*Grade Box End */ /*Certificate Box Start */ .certtificateBox{ width:380px; float:left; margin:19px 0px 0px 14px; background:#e5e5e5; padding:0px 0px 20px 0px; border: 1px solid #bdbdbd; } .certtificateBox h1{ font-size:20px; color:#FFF; width:260px; display:block; line-height:30px; padding:0px 0px 5px 15px; width:361px; line-height:44px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/certificateBg.png) left top no-repeat; position:relative; left:-5px; font-weight:normal; top:-1px;} .cerBox{ width:111px; float:left; margin:10px 14px 0px 14px;} p.cerText{ margin:14px 0px 16px 0px; text-align:left; font-size:18px; display:block; float:left; width:202px; line-height:25px; padding:0px 0px 10px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#230606;} p.reporText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#230606; text-decoration:none; text-align:left; font-size:17px; padding:0px 0px 0px 5px; width:145px; float:left; text-transform:capitalize;} a.readBtn{ width:49px; height:19px; float:left; margin:16px 0px 0px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#393838; text-decoration:none; text-align:left; background:url(../images/leftarrow-home.png) right 3px no-repeat;} /*Certificate Box End */ /*Choose Box Start */ .rightpanel div.chooseBox{ width:762px; float:left; background:#FFF; border: 1px solid #bdbdbd; margin:10px 0px 0px 0px; } .chooseBox .supBox{ width:703px; margin:5px 0px 5px 10px;} .chooseBox h1{ font-size:20px; color:#FFF; display:block; padding:10px 0px 15px 15px; text-transform:uppercase; background:url(../images/gradeBg.png) left top no-repeat; width:311px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; top:-1px;} .aboutcontenar h1 span.black{ color:#000000;} /*Choose Box End */ /*Right Pannel End */ /*Footer Box Start */ .footermenu{ color:#fff; font-family:Arial; font-size:12px;} .footermenu ul li{ display:inline; padding:5px 5px 5px 0px; color:#fff !important;} .footermenu ul li a{ color:#fff; text-decoration:none;} .copy{color:#fff; font-family:Arial; font-size:12px; padding:10px 0; float:left;} #footer{ width:100%; float:left; background:url(../images/footerBg.jpg) top center no-repeat #242220; height:90px; background-size:300%;} #footer .footermain{ width:100%; margin:0px auto; padding:10px 0px 0px 0px;} .footermain .beliefBox{ width:500px; float:left;font-family: 'open_sansregular'; font-size:14px; color:#ffffff;} .beliefBox h1{ font-family: 'open_sansregular'; font-size:23px; color:#fff; font-weight:normal;} .beliefBox p{font-family:arial; font-size:14px; color:#c4c4c4; line-height:24px; margin:16px 0px 0px 0px;} .footermain .touchBox{ width:265px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; margin:0px 0px 0px 20px;} .touchBox h1{ font-family: 'open_sansregular'; font-size:23px; color:#fff; font-weight:normal;} .touchBox p{font-family:arial; font-size:12px; color:#fff; line-height:24px; margin:10px 0px 0px 0px;} .touchBox p a{color:#fff; text-decoration:none;} .footermain .stayconnection{ width:248px; float:left; margin:0px 0px 0px 60px;} .stayconnection h1{ font-family:'open_sansregular'; font-size:18px; color:#c4c4c4; margin:0px 0px 20px 0px;} .stayconnection .socialBox{ width:243px; margin:0px auto;} .socialBox ul{ list-style-type:none;} .socialBox ul li { float:left; margin:0px 5px;} .footermenu{ width:94%; float:none; margin:0 auto;} .footermenu ul{ list-style-type:none;} /*Footer Box End */ /*Product & management Start */ /*#banner{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; }*/ #contenar .product-contenar{ width:1098px; margin:0px auto; background:#dedbd4; padding:10px 0px 10px 0px;} .product-contenar h1.merTittle{ width:184px; float:left; background:#ffffff; line-height:43px; color:#9e1f21; font-family: 'open_sansregular'; text-align:left; padding:0px 0px 0px 10px; font-size:24px;} .product-contenar p.contentBox{ width:1060px; float:left; font-family: 'open_sansregular'; font-size:18px; color:#230606; line-height:34px; text-align:left; padding:15px 0px 0px 10px;} .product-contenar .gradecementBox{ width:414px; float:left; margin:50px 0px 0px 0px;} .gradecementBox h1.redText{ font-family:'open_sansregular'; font-size:35px; text-align:left; color:#9c1116; height:49px; padding:0px 0px 0px 10px; width:342px; background:#ffffff;} .gradecementBox span{ color:#000000;} .gradecementBox p.ImageBox{ width:402px; float:left; margin:40px 0px 0px 10px;} .graderightBox{ width:648px; float:left; margin:50px 0px 0px 26px; font-size:22px;} .graderightBox p.productTextright{ font-family:'open_sansregular';color:#221314; float:left; line-height:31px; font-size:18px; text-decoration:none;} .product-cementleft{ width:648px; float:left;} .productText{font-family:'open_sansregular'; font-size:18px; float:left; color:#221314; text-decoration:none; text-align:left; padding:40px 0px 20px 10px;} .product-cementright{ width:420px; float:left; margin:0px 0px 0px 30px;} .product-cementright h1.ppcTittle{font-family: 'open_sanssemibold'; font-size:35px; color:#9c1116; line-height:40px; background:#FFF; padding:0px 5px 0px 10px; margin:40px 0px 35px 0px;} .product-cementright h1.ppcTittle span{ color:#000000;} product-cementright .image2{ width:402px; float:right; margin:0px 0px 0px 30px;} .catmain .marchandiseBox2{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox2:hover{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} /*Banner Start */ #bannerproduct{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; padding:10px 0px 60px 0px; margin:0px 0px 0px 0px;} /*#bannerproduct #bannermain{ width:1920px; margin:0px auto;}*/ #bannermain .bannleft{ width:576px; float:left; margin:0px 0px 0px 10px;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left; margin:0px 0px 0px 70px;} /*Banner End */ /*Product & management End */ #contenar .contact-main{ width:1098px; margin:0px auto; background:#efefef; border: 1px solid #d6d6d6; } .contact-main h1.con-tittlebox{ background:url(../images/contactTittle.png) left top no-repeat; width:361px; height:49px; position:relative; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; padding:6px 0px 0px 10px; left:-5px; font-weight:normal; } .contact-main .con-map{ width:376px; margin:0px 0px 0px 28px; float:left;} .contact-main .contactBox{ width:554px; float:left; margin:0px 0px 0px 71px;} .contactBox h1.contittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; float:left; color:#000000; text-decoration:none; padding:0px 0px 5px 0px; background:url(../images/con-dividar.jpg) left bottom no-repeat; width:549px; line-height:25px; margin:0px 0px 15px 0px;} .contactBox label.context{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#4a4a4a; text-decoration:none; text-align:left; width:136px; float:left; text-decoration:none; margin:10px 0px 0px 0px;} .contactBox .contactTextBox{ height:47px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .contactBox .contactTextArea{ height:117px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .contactBox span{ color:#d71920;} .contactBox a.conBtn{ width:174px; height:40px; background:url(../images/conBtn.png) left top no-repeat; display:block; float:left; margin:0px 0px 52px 140px;} .contenarmain .mediaBox{ width:554px; float:left; margin:20px 0px 0px 60px;} .mediaBox label.context{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#4a4a4a; text-decoration:none; text-align:left; width:136px; float:left; text-decoration:none; margin:10px 0px 0px 0px;} .mediaBox .contactTextBox{ height:47px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .mediaBox .contactTextArea{ height:117px; float:left; height:117px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .mediaBox span{ color:#d71920;} .mediaBox a.conBtn{ width:174px; height:40px; background:url(../images/conBtn.png) left top no-repeat; display:block; float:left; margin:0px 0px 52px 140px;} /* ######### Style for Drop Down Menu ######### */ .ddcolortabs{ width:100%; float:left; height:55px;} .dropmenudiv_a{ position:absolute; top:0; left:0; font:normal 12px/21px Verdana, Arial, Helvetica, sans-serif; color:#fff; z-index:10000; margin:2px 0 0 0; width:14.0%; visibility:hidden; padding:0px 10px 0px 10px; font-weight:bold; background:#d61920; } .dropmenudiv_a a{ width:180px; display:block; margin:0 auto 2px auto; text-decoration: none; font:normal 12px/21px Verdana, Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #ffffff; text-align: left; padding:5 0 5 0px; font-weight:bold; line-height:18px; padding:5px 0px; } .dropmenudiv_a a.nobdr{ border:none;} .dropmenudiv_a a:hover{ width:180px; display:block; color:#ffffff; line-height:18px; padding:5px 0px; } /* Top Drop Down Navigation Part End */ .cover{width:126px; height:15px; position:relative; background:url(../images/cover.jpg) left top no-repeat;top:20px; background:#262421;} /* Green Awareness Programme Start */ .contenarmain .greenBox{ width:1098px; margin:0px auto 20px auto; } .contenarmain .innBox{ width:1098px; background:#dedbd4; } /* 30.11.2013 start */ .greenBox .slidingSec{ width:1050px; margin:20px auto 0px auto;} .slidingSec .slidingLeft{ width:450px; float:left;} .slidingSec .slidingRight{ width:576px; float:right; background:#f9f7f7; margin:0px 10px 0px 10px; border: 1px solid #c3bfbe; } .slidingRight .slidingbulletBox{ width:520px; float:left; margin:0px 0px 0px 20px;} .slidingbulletBox ul{ list-style-type:none;} .slidingbulletBox ul li{ width:520px; "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; float: left; text-decoration: none; text-align: left; color: #4a4a4a; margin:5px 0px 0px 0px; padding: 0px 10px 0px 15px; background:url(../images/rightarrow.jpg) left 3px no-repeat;} .slidingRight h1.slidingTittle{ background:url(../images/annualBg.png) left top no-repeat; width:261px; height:40px; color:#ffffff; padding: 7px 5px 0px 15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; left:-6px; position: relative; font-weight:normal;} .slidingRight p.slidingText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:10px 0px 0px 0px; padding:0px 10px 10px 10px;} .slidingRight h1.empTittle{ width:390px; height:48px; background:url(../images/empTittle.png) left top no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; padding: 7px 5px 0px 15px; left:-6px; position: relative; font-weight:normal;} .empboldText{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; color:#000000; text-decoration:none; background:url(../images/dividar.jpg) left bottom no-repeat; padding:0px 0px 5px 10px; font-weight: normal; display:block; margin:10px 0px 0px 10px; float:left;} .aboutcontenar .comcontenar{ width:964px; float:left; margin:10px 0px 10px 20px;} .comcontenar ul{ list-style-type:none;} .comcontenar ul li{ float:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:5px 0px; background:url(../images/arrowright.png) left top no-repeat; padding:0px 0px 0px 15px; width:964px;} /* 30.11.2013 End */ /* Ware Frame Start */ .contenarmain .frameBox{ background:#dedbd4; float:left; width:1062px; padding:0px 15px; } .contenarmain .frameBox1{ background:#dedbd4; float:left; width:1062px; padding:0px 7px; } .frameBox p.frameText{ font-size:18px; color:#230606; line-height:32px; text-align:left; padding:18px 10px 0px 0px; font-family: 'open_sansregular'; } .frameBox h1{background:#f2f1ec; font-size:20px; color:#9e1f21; width:162px; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold;} .frameBox span.frameRedtext{ font-size:18px; color:#942027;display:block; font-weight:bold; font-family: 'open_sansregular'; text-decoration:none; text-align:left;} .frameBox p.boldblack{ font-size:20px; color:#000000; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold; margin:10px 0px 0px 10px;} .frameBox .section{ width:160px; margin:52px; float:left;} .section .ImageBox{ width:130px; float:left; border: 1px solid #999999; text-align:center; padding:5px; margin:0px 0px 5px 0px; text-align: center; } .section p.redName{ font-size:16px; color:#cf0810; text-align: center; font-family: 'open_sansregular'; font-weight:bold; margin:5px 0px 0px 0px;} .section p.desText{font-family: 'open_sansregular'; font-size:12px; color:#000000; text-align:left; text-decoration:none; padding:5px 0px 5px 5px;} .section a.readmore{ font-family: 'open_sansregular'; font-size:14px; color:#cf0810; text-decoration:none; text-align:left; margin:0px 0px 0px 40px;} /* Ware Frame End */ /* milestone start */ .frameBox .timelineBox{ width:1024px; float:left; padding:0px 0px 10px 0px;} .timelineBox .timelineLeftBox{ width:78px; float:left;} .timelineBox p.timelineText{ font-family: 'open_sansregular'; font-size:24px; color:#984344; text-align:center; margin:0px 0px 0px 20px; font-weight:bold; line-height:21px; margin:20px 0px 10px 0px; font-weight:bold;} .timelineLeftBox .row{ width:58px; font-family: 'open_sansregular'; font-size:14px; color:#000000; float:left; text-align:center; margin:5px 0px 5px 20px; font-weight:bold; line-height:21px;} .timelineBox .timelineRightBox{ width:1020px; float:left; } .timelineRightBox .row1{ width:616px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row2{ width:590px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row3{ width:570px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row4{ width:530px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row5{ width:500px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row6{ width:480px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row7{ width:450px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row8{ width:430px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row9{ width:410px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row10{ width:390px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row11{ width:370px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row12{ width:350px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row13{ width:330px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row14{ width:310px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row15{ width:300px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row16{ width:290px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row17{ width:270px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} /* milestone End */ /* Management Start */ p.manageText{ font-size:18px; color:#230606; line-height:32px; text-align:left; padding:18px 10px 0px 24px; font-family: 'open_sansregular';} p.manageTextbold{ font-size:20px; color:#000000; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold; margin:10px 0px 0px 10px;} .managebox{ width:742px; float:left; } .manageImageBox{ width:130px; float:left; border: 1px solid #999999; margin:20px 10px 0px 20px; text-align:center; padding:5px 0px;} .manageImageBox h1{font-family: 'open_sansregular'; font-size:24px; color:#c4080f; text-align:center; text-decoration:none;} .manage p.manageText{font-family: 'open_sansregular'; font-size:18px; color:#230606; text-align:center; text-decoration:none;} span .Red{font-family: 'open_sansregular'; font-size:18px; color:#c4080f; text-decoration:none;} /*Product & management Start */ /*#banner{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; }*/ #contenar .product-contenar{ width:1098px; margin:0px auto; background:#dedbd4; padding:10px 0px 10px 0px;} .product-contenar h1.merTittle{ width:184px; float:left; background:#ffffff; line-height:43px; color:#9e1f21; font-family: 'open_sansregular'; text-align:left; padding:0px 0px 0px 10px; font-size:24px;} .product-contenar p.contentBox{ width:1060px; float:left; font-family: 'open_sansregular'; font-size:18px; color:#230606; line-height:34px; text-align:left; padding:15px 0px 0px 10px;} .product-contenar .gradecementBox{ width:414px; float:left; margin:50px 0px 0px 0px;} .gradecementBox h1.redText{ font-family:'open_sansregular'; font-size:35px; text-align:left; color:#9c1116; height:49px; padding:0px 0px 0px 10px; width:342px; background:#ffffff;} .gradecementBox span{ color:#000000;} .gradecementBox p.ImageBox{ width:402px; float:left; margin:40px 0px 0px 10px;} .graderightBox{ width:648px; float:left; margin:50px 0px 0px 26px; font-size:22px;} .graderightBox p.productTextright{ font-family:'open_sansregular';color:#221314; float:left; line-height:31px; font-size:18px; text-decoration:none;} .product-cementleft{ width:648px; float:left;} .productText{font-family:'open_sansregular'; font-size:18px; float:left; color:#221314; text-decoration:none; text-align:left; padding:40px 0px 20px 10px;} .product-cementright{ width:420px; float:left; margin:0px 0px 0px 30px;} .product-cementright h1.ppcTittle{font-family: 'open_sanssemibold'; font-size:35px; color:#9c1116; line-height:40px; background:#FFF; padding:0px 5px 0px 10px; margin:40px 0px 35px 0px;} .product-cementright h1.ppcTittle span{ color:#000000;} product-cementright .image2{ width:402px; float:right; margin:0px 0px 0px 30px;} .catmain .marchandiseBox2{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox2:hover{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} /*Banner Start */ #bannerproduct{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; padding:10px 0px 60px 0px; margin:0px 0px 0px 0px;} /*#bannerproduct #bannermain{ width:1920px; margin:0px auto; text-align:center;}*/ #bannermain .bannleft{ width:576px; float:left; margin:0px 0px 0px 10px;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left; margin:0px 0px 0px 70px;} /*Banner End */ /*aboutUs start 27.11.2013*/ #bannermain .banabout{ background:url(../images/bannaraboutus.jpg) center top no-repeat; height:88px; width:100%; background-size:100%;} .banabout .about-banmain{ width:auto; margin:0px auto;} .about-banmain .aboutTittle{float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:2px 5%; font-size:12px; text-decoration:none; color:#ffffff; margin:60px 0px 0px 0px; background:url(../images/bantitle.png) no-repeat; width:90%; line-height:18px;} .aboutcontenar{ background:#ffffff; float:left; width:100%; margin:0px 0px 10px 0px; } .aboutcontenar .aboutmain{ width:1098px; margin:25px auto 20px auto;} .aboutmain .dialogbox{width:1073px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #cacaca;background-color:#e7e7e7; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#4f4f4f; text-decoration:none; text-align:left; padding:15px 0px 15px 10px; font-weight:normal;} .aboutmain .authorBox{ width:218px; float:left; background:url(../images/imageSec.jpg) left top no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; text-decoration:none; color:#d71920; padding:10px 0px 0px 54px; margin:0px 0px 0px 15px;} .aboutmain p.aboutTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; color:#101010; width:1098px; height:29px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #676767; float:left; background:none; margin:32px 0px 0px 0px; padding:0px 0px 5px 0px; } .aboutmain p.aboutText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; float:left; text-decoration:none; color:#303030; margin:31px 0px 0px 0px;} .aboutmain .aboutconenarBox{ width:1073px; float:left; background:#efefef; margin:30px 0px 32px 0px; padding:0px 0px 10px 0px;} .aboutcontenar h2.bordTittle{ background:url(../images/bordBg.png) left top no-repeat; width:361px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:left; padding:8px 0px 13px 10px; font-size:22px; margin:0px 0px 5px 0px; position:relative; left:-5px; font-weight:normal;} .aboutcontenar .dirBox{ width:1045px; float:left; margin:15px 0px 0px 10px;} .dirBox .leftSec{ float:left; background:#ffffff; border: 1px solid #dcdcdc; padding:5px; text-align:center; } .dirBox .rightSec{ width:886px; float:left; margin:0px 0px 0px 20px;} .rightSec h2.dirTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; text-align:left; background:url(../images/dirDiv.png) left bottom no-repeat; font-weight:normal; padding:0px 0px 5px 0px;} .rightSec p.dircontent{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:21px 0px 0px 0px;} .aboutmain .milestoneSec{ width:1059px; float:left; border: 1px solid #d8d8d8; } .milestoneSec h1.milestoneTittle{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; text-decoration:none; text-align:left;} .milestoneSec .readerBox{ width:1071px; float:left; background:url(../images/scale.jpg) center bottom no-repeat;} .readerBox .no{ font-family: 'MyriadPro-Regular'; font-size:36px; color:#d71920; text-decoration:none; text-align:left; width:82px; height:32px; float:left;} /*aboutUs End 27.11.2013*/ /*Product start 28.11.2013*/ #bannermain #banproduct{ background:url(../images/bannar-product.jpg) center top no-repeat; height:88px; width:100%; background-size:100%;} #banproduct .productmain{ width:auto; margin:0px auto;} .productmain .productTittleBox{ float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:10px 30px; font-size:35px; text-decoration:none; color:#ffffff; margin:200px 0px 0px 0px; background:url(../images/bantitle.png) no-repeat; width:465px; line-height:30px;} #bannermain #banproduct1{ background:url(../images/contact.jpg) center top no-repeat; height:292px; width:100%; float:left;} #banproduct1 .productmain1{ width:1076px; margin:0px auto;} .productmain1 .productTittleBox1{ background:#d71920; float:right; margin:227px 0px 0px 0px;font-family: "Calibri"; font-size:35px; text-decoration:none; padding:5px 20px; color:#ffffff;} #bancontact{ background:url(../images/bannar-product.jpg) center top no-repeat; height:292px; width:100%; float:left;} #bancontact .productmain{ width:1076px; margin:0px auto;} .productmain .productTittleBox{ background:#d71920; float:right; margin:227px 0px 0px 0px;font-family: "Calibri"; font-size:35px; text-decoration:none; padding:5px 20px; color:#ffffff;} #contenar .productContenar{ width:1071px; margin:41px auto 25px auto;} .productContenar .productHeadingTittle{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; text-align:left; color:#4a4a4a; font-weight:normal; text-decoration:none; float:left; width:1071px;} .productContenar .modarnBox{ width:1051px; float:left; background:#efefef; margin:26px 0px 0px 0px; padding:10px;} .modarnBox h1.modTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; text-decoration:none; color: #FFF; text-decoration:none; background:url(../images/bordBg.png) left top no-repeat; padding:6px 0px 5px 10px; width:351px; height:37px; position:relative; text-transform:uppercase; left:-15px; top:-10px; font-weight:normal;} .modarnBox h1.outlookblack{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; color: #000000; text-decoration:none; padding:6px 0px 0px 15px; width:351px; height:23px; position:relative; text-transform:uppercase; left:-15px; top:-10px; font-weight:normal;float:left; width:100%;} .modarnBox .operationBox{ width:1042px; float:left; margin:0px 0px 10px 0px;} .operationBox ul{ list-style-type:none;} .operationBox ul li{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4a4a4a; text-decoration:none; text-align:left; background:url(../images/rightarrow.jpg) left 3px no-repeat; padding:0px 0px 0px 15px; margin:5px 0px;} .modarnBox p.outlookText{ font-family: Arial, Helvetica, sans-serif; color: rgb(74, 74, 74); font-size:14px; text-decoration:none; text-align:left; padding:10x 0px 0px 15px; margin:20px 0px 0px 5px; display:block;} .productContenar .marHeaderBox{ width:1071px; float:left; background:#efefef; margin:10px 0px 0px 0px; } .tittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/dirDiv.png) left bottom no-repeat; float:left; margin:10px 0px 5px 10px; width:100%; padding:0px 0px 5px 0px;} .tittleBox1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/bordBg.png) left top no-repeat; margin:10px 0px 0px 0px; width:100%; padding:6px 0px 0px 10px; height:40px; position:relative; left:-5px; color:#ffffff; font-size:22px; top:-20px;} .cornar{ width:60px; hight:40px; position:relative; left:274px; bottom:40px;} .cornarsmall{ background:url(../images/cornarsmall.jpg) left top no-repeat; width:5px; height:7px; position:relative; top:-43px; left:-5px;} .marHeaderBox p.marcontent{font-family: Arial,Helvetica,sans-serif; font-size:14px; text-decoration:none; text-decoration:none; color: rgb(74, 74, 74); width:1039px; display:block; text-decoration:none; position:relative; padding:0px 10px 10px 15px; float:left;} .marHeaderBox .imageBox{ float:left; background:#ffffff; border: 1px solid #dcdcdc; padding:10px; margin:10px 0px 0px 15px; } .marHeaderBox .product-gradeBox{ width:1071px; float:left; margin:0px 0px 0px 20px;} .product-gradeBox .gradeTittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; text-align:left; float:left; width:100%; padding:0px 30px 10px 0px;} .product-gradeBox .portlandBox{ width:733px; float:left; margin:10px 0px 20px 0px;} .portlandBox ul{ list-style-type:none;} .portlandBox ul li{ background:url(../images/rightarrow.jpg) left 3px no-repeat; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; color:#4a4a4a; padding:0px 0px 0px 20px; width:733px; margin:5px 0px;} .productContenar .ppcBox{ width:1071px; float:left; margin:0px 0px 0px 0px; background:#efefef; padding:0px 0px 10px 0px; } .ppcBox .ppcTittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/dirDiv.png) left bottom no-repeat; float:left; margin:10px 0px 5px 10px; width:100%; padding:0px 0px 5px 0px; text-transform:uppercase; } .ppcBox .ppccornar{ width:60px; height:40px; position:relative; left:793px; top:-40px;} .ppcBox .ppcsmallcornar{ background:url(../images/ppcsmallcornar.jpg) left top no-repeat; width:5px; height:7px; position: relative; left:1068px; top:-40px; } .ppcBox .ppcimageSec{ float:right; background:#ffffff; border: 1px solid #dcdcdc; padding:10px; margin:0px 10px 0px 0px; } .ppcBox .ppcContenar{ width:1051px; float:right; margin:0px 10px 0px 0px;} .ppcContenar .ppcheading{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; padding:0px 0px 5px 0px; float:left; width:100%; text-align: justify; margin:0px 0px 20px 0px;} .ppcContenar .ppcaplication{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; padding:0px 0px 5px 0px; margin:15px 0px 15px 0px; float:left; width:733px;} /*Product End 28.11.2013*/ /*Vission Start 29.11.2013*/ #bannermain #banproductvission{ background:url(../images/vissionBannar.jpg) center top no-repeat; height:88px; width:100%; float:left; background-size:100%;} .productmain .productTittleBox{float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:2px 5%; font-size:12px; text-decoration:none; color:#ffffff; margin:60px 0px 0px 0px; background:url(../images/bantitle.png) no-repeat; width:90%; line-height:18px;} #banproductvission .productmain{ width:auto; margin:0px auto;} #bannermain #banInv{ background:url(../images/invBannar.jpg) center top no-repeat; height:88px; width:100%; float:left; text-align:center; background-size:100%;} #banInv .productmain{ width:auto; margin:0px auto;} #bannermain #banmedia{ background:url(../images/mediaBannar.jpg) center top no-repeat; height:290px; width:100%; float:left; text-align:center;} #banmedia .productmain{ width:1072px; margin:0px auto;} #bannermain #bancareer{ background:url(../images/careerBannar.jpg) center top no-repeat; height:88px; width:100%; float:left; text-align:center; background-size:100%;} #bancareer .productmain{ width:auto; margin:0px auto;} #bannermain #bancontact{ background:url(../images/contactBannar.jpg) center top no-repeat; height:88px; width:100%; float:left; text-align:center; background-size:100%;} #bancontact .productmain{ width:auto; margin:0px auto;} #category .cat-main{ width:1098px; margin:0px auto 15px auto;} .cat-main .catVission{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/vissionTab.jpg) center top no-repeat; margin:0px 8px; font-family:"Arial Rounded MT Bold";} .cat-main .catEmp{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/empTab.jpg) top left no-repeat; margin:0px 5px 0px 0px; font-family:"Arial Rounded MT Bold";} .cat-main .catGreen{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/greenawarnessTab.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .cat-main .catWind{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/windTab.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .catVission a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 13px 10px; margin:105px 0px 0px 0px; display:block;} .catEmp a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 4px 10px; margin:105px 0px 0px 0px; display:block;} .catGreen a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:22px 0px 12px 20px; margin:105px 0px 0px 0px; display:block;} .catWind a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 5px 10px; margin:105px 0px 0px 0px; display:block;} .cat-main .catpolicy{ width:258px; float:left; border: 1px solid #9a9999; background:url(../images/cpTab1.jpg) center top no-repeat; margin:0px 8px; font-family:"Arial Rounded MT Bold"; height:156px;} .cat-main .catinformation{ width:259px; float:left; border: 1px solid #9a9999; background:url(../images/fg.jpg) top left no-repeat; margin:0px 5px 0px 9px; font-family:"Arial Rounded MT Bold"; height:156px;} .cat-main .catBeyond{ width:258px; float:left; border: 1px solid #9a9999; background: url(../images/Bc.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .cat-main .catHar{ width:258px; float:left; border: 1px solid #9a9999; background: url(../images/finance.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold"; height:156px;} .catpolicy a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 13px 10px; margin:105px 0px 0px 0px; display:block;} .catinformation a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 4px 10px; margin:110px 0px 0px 0px; display:block;} .catBeyond a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:22px 0px 12px 20px; margin:105px 0px 0px 0px; display:block;} .catHar a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 20px 10px; margin:101px 0px 0px 0px; display:block;} /*Vission End 29.11.2013*/ /*Product & management End */ /* Management End */ /* Media Start */ .rightpanel1 .mediaFormBox{ width:450px; float:left;} .rightpanel1 .reachBox{width:450px; float:left; } .rightpanel1 .imagebox{ width:414px; float:left;} .rightpanel1 .mediaFormBox{ width:450px; float:left;} label.media-textName{font-family:'open_sansregular'; font-size:14px; color:#9c1921; text-align:right; text-decoration:none; margin:5px 0px; font-weight:bold; width:200px; display:block; float:left;} .mediaTextfield{ width:200px; border: 1px solid #333; margin:0px 0px 0px 10px; background: #CCC; margin:5px 0px 5px 10px;; float:left; } .mediaTextarea{ width:200px; border: 1px solid #333; margin:0px 0px 0px 10px; background: #CCC; margin:5px 0px 5px 10px;; float:left; height:50px;} a.mediasubmitbtn{ width:90px; height:20px; float:left; margin:20px 0px 10px 220px;} /* Media End */ /* Marchent Start */ .aboutcontenar .marchhentBtnBox{ width:100px; float:left; } .aboutcontenar a.ppcBox{ width:100px; float:left; background:#9e1f21; line-height:25px; padding:5px; font-family:'open_sansregular'; font-size:14px; color:#FFF; margin:5px 0px 0px 20px; text-align:center; font-weight:bold; display:block; text-decoration:none;} .aboutcontenar a.ppcBox:hover{ width:100px; float:left; background:#bf6667; line-height:25px; padding:5px; font-family:'open_sansregular'; font-size:12px; color:#FFF; margin:5px 0px 0px 20px; text-align:center; font-weight:bold; display:block; text-decoration:none;} /* Marchent End */ /*beyond Start*/ .catmain .cp{ width:147px; padding:40px 0px 30px 95px; float:left; background:url(../images/cp.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .cp:hover{ width:147px; padding:40px 0px 30px 95px; float:left; background:url(../images/cphover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain a.susLink{ float:left; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; font-weight:bold;} .catmain .ig{ width:142px; padding:7px 0px 15px 125px; float:left; background:url(../images/ig.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .ig:hover{ width:142px; padding:7px 0px 15px 125px; float:left; background:url(../images/ighover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain .bc{ width:142px; padding:30px 0px 32px 110px; float:left; background:url(../images/bc.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';margin:0px 9px; font-weight:bold;} .catmain .bc:hover{ width:142px; padding:30px 0px 35px 110px; float:left; background:url(../images/bchover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain .finance{ width:142px; padding:30px 0px 35px 105px; float:left; background:url(../images/finance.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .finance:hover{ width:142px; padding:30px 0px 35px 105px; float:left; background:url(../images/financehover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .vissionBox{ width:160px; padding:40px 0px 40px 100px; float:left; background:url(../images/vission.jpg) left top no-repeat; font-size:20px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .vissionBox:hover{ width:160px; padding:40px 0px 40px 100px; float:left; background:url(../images/vissionhover.jpg) left top no-repeat; font-size:20px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .empBox{ width:157px; padding:20px 0px 20px 112px; float:left; background:url(../images/emp.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain a.catlink{font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; } .catmain .empBox:hover{ width:157px; padding:20px 0px 20px 112px; float:left; background:url(../images/emphover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .greenBox{ width:150px; padding:20px 0px 35px 115px; float:left; background:url(../images/greentab.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .greenBox:hover{ width:150px; padding:20px 0px 35px 115px; float:left; background:url(../images/greentabhover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .windBox{ width:145px; padding:20px 0px 30px 115px; float:left; background:url(../images/windBg.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .windBox:hover{ width:145px; padding:20px 0px 30px 115px; float:left; background:url(../images/windBghover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} /*beyond End*/ #content { width: 400px; margin: 40px auto 0 auto; padding: 0 60px 30px 60px; border: solid 1px #cbcbcb; background: #fafafa; -moz-box-shadow: 0px 0px 10px #cbcbcb; -webkit-box-shadow: 0px 0px 10px #cbcbcb; } /* Slider http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html */ /* Slider /*-----------------------------------------------------------------------------------*/ .slider_container{ width:703px; margin:auto; clear:both; background:url(images/shadow_top.png) no-repeat top center; padding:0px 0 0 0;} .flex-caption{ position: absolute; } .caption_title_line{ background:url(../images/supBg.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line1{ background:url(../images/supBg2.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line2{ background:url(../images/supBg3.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line3{ background:url(../images/supBg4.png) left top no-repeat; width:420px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; padding:40px 0px 0px 0px; font-weight:normal; text-align:center;} .caption_title_line h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;} .caption_title_line1 h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;} .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 703px; margin: 0; padding: 0 0 10px 0;background:url(images/shadow_bottom.png) no-repeat center bottom;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width:703px; display: block; border:5px #ededed solid;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} /* Direction Nav */ .flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li a.next {background:url(images/next.png) no-repeat center; bottom:184px;} .flex-direction-nav li a.prev {background:url(images/prev.png) no-repeat center;bottom:141px;} .flex-direction-nav li a.next:hover {background:url(images/next_a.png) no-repeat center;} .flex-direction-nav li a.prev:hover {background:url(images/prev_a.png) no-repeat center;} .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} /* Media Queries /*-----------------------------------------------------------------------------------*/ #about_yrs_btn{width:1020px; position:relative;} #about_yrs_btn ul { list-style-type: none; padding: 0px; } #about_yrs_btn ul li { display: block; float: left; margin: 0 2px; font-size: 12px; } #about_yrs_btn ul li a { display: block; text-decoration: none; text-align: center; padding-top: 15px; width: 152px; height: 32px; color: #ffffff; background:#bf6667; } #about_yrs_btn ul li a:hover { background:#984344 -50px; color: #ffffff; } #about_yrs_btn ul li.active a { background: #984344 no-repeat center -50px; color: #ffffff; } .aboutScrollContentContainer { float: left; margin:0px 6px 0px 0px; width:900px; } .aboutScrollPrevBtnPos { float: left; width: 28px; margin-top: 12px; cursor: pointer; margin-right:7px; } .aboutScrollRightBtnPos { float: right; width: 28px; text-align: right; cursor: pointer; margin:12px 0px 0px 10px; } /*Tab Sliding Start*/ /* ######### CSS for Shade Tabs. Remove if not using ######### */ .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; border: 1px solid #778; color: #2d2b2b; background: white url(shade.gif) top left repeat-x; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 1px; } .shadetabs li a.selected{ /*selected main tab style */ background-image: url(shadeactive.gif); border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontent{ display:none; background:#fffffff; } /* ######### CSS for Indented CSS Tabs. Remove if not using ######### */ .indentmenu{ font: bold 13px Arial; width: 100%; /*leave this value as is in most cases*/ } .indentmenu ul{ margin: 0; padding: 0; float: left; /* width: 80%; width of menu*/ border-top: 1px solid navy; /*navy border*/ background: black url(indentbg.gif) center center repeat-x; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; color: white; /*text color*/ text-decoration: none; border-right: 1px solid navy; /*navy divider between menu items*/ } .indentmenu ul li a:visited{ color: white; } .indentmenu ul li a.selected{ color: white !important; padding-top: 6px; /*shift text down 1px*/ padding-bottom: 4px; background: black url(indentbg2.gif) center center repeat-x; } .tabcontentstyle{ /*style of tab content oontainer*/ border: 1px solid gray; width: 450px; margin-bottom: 1em; padding: 10px; } .tabcontent{ display:none; } #iview { display: block; width: 100%; height: 500px; background: #000; background: rgba(0, 0, 0, 0.7); padding: 5px; border-radius: 5px; position: relative; -webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); margin: 40px auto; } #iview .iviewSlider { display: block; width: 900px; height: 500px; overflow: hidden; border-radius: 4px; } .iview-controlNav { position: absolute; bottom: 30px; left: 347px; height: 44px; } .iview-controlNav a { text-indent: -9999px; } .iview-controlNav a.iview-controlPrevNav { float: left; width: 50px; height: 44px; background: url('../../img/slider-controls.png') no-repeat; } .iview-controlNav a.iview-controlNextNav { float: left; width: 50px; height: 44px; background: url('../../img/slider-controls.png') no-repeat -50px 0px; } .iview-controlNav div.iview-items { float: left; padding: 0px 10px 0px 10px; height: 44px; background: url('../../img/nav-bg.png'); } .iview-controlNav a.iview-control { padding: 0px; float: left; width: 11px; height: 12px; background: url('../../img/bullets.png') no-repeat; line-height: 0px; } .iview-controlNav a.iview-control.active { background-position: 0px -12px; } .iview-caption { background: url('../../img/caption-bg.png'); color: #FFF; border-radius: 3px; padding: 10px 15px; font-family: Verdana; font-size: 12px; text-shadow: #000 1px 1px 0px; } .iview-caption.caption1 { font-size: 36px; font-weight: bold; height: 45px; } .iview-caption.caption2 { background: #00b4ff; font-size: 36px; font-weight: bold; text-shadow: none; } .iview-caption.caption3 { background: #FFF; color: #000; font-size: 26px; text-shadow: none; } .iview-caption.caption4 { font-size: 22px; font-weight: bold; } .iview-caption.caption5 { background: #c4302b; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px; font-size: 20px; font-weight: bold; text-shadow: none; } .iview-caption.caption6 { font-size: 18px; } .iview-caption.caption7 { text-align: left; font-size: 11px; color: #888; border-radius: 0px; } .iview-caption.caption7 div { line-height: 200%; } .iview-caption.caption7 h3 { margin-bottom: 20px; color: #FFF; } .iview-caption.blackcaption { background: #000; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px; text-shadow: none; } #iview-preloader { border: #666 1px solid; width: 150px } #iview-preloader div { background: #666; } .iview-controlNav div.iview-items ul li { padding: 0px; float: left; width: 11px; height: 12px; margin: 3px; margin-top: 16px; line-height: 0px; } #iview #iview-tooltip { display: none; position: absolute; background: url('../../img/tooltip.png') no-repeat; width: 124px; height: 90px; bottom: 30px; left: -67px; padding: 10px; z-index: 100; } #iview #iview-tooltip div.holder { display: block; width: 124px; height: 84px; overflow: hidden; border-radius: 2px; } #iview #iview-tooltip div.holder div.container { display: block; width: 4000px; } #iview #iview-tooltip div.holder div.container div { float: left; display: block; overflow: hidden; width: 124px; height: 84px; left: -50%; text-align: center; } #iview #iview-tooltip div.holder div.container div img { height: 84px; margin: 0 auto; } /*Tab Sliding End*/ #tabs { overflow: auto; width: 58%; list-style: none; margin: 0px; padding: 0; position:relative; left:42px; } #tabs li { margin: 0; padding: 0; float: left; } #tabs a { -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); box-shadow: -4px 0 0 rgba(0, 0, 0, .2); background: #ad1c1c; background: -moz-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -ms-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -o-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: linear-gradient(220deg, transparent 10px, #ad1c1c 10px); text-shadow: 0 1px 0 rgba(0,0,0,.5); color: #fff; float: left; font: bold 12px/35px 'Lucida sans', Arial, Helvetica; height: 35px; padding: 0 30px; text-decoration: none; } #tabs a:hover { background: #c93434; background: -moz-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -ms-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -o-linear-gradient(220deg, transparent 10px, #c93434 10px); background: linear-gradient(220deg, transparent 10px, #c93434 10px); } #tabs a:focus { outline: 0; } #tabs #current a { background: #fff; background: -moz-linear-gradient(220deg, transparent 10px, #fff 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #fff 10px); background: -ms-linear-gradient(220deg, transparent 10px, #fff 10px); background: -o-linear-gradient(220deg, transparent 10px, #fff 10px); background: linear-gradient(220deg, transparent 10px, #fff 10px); text-shadow: none; color: #333; } #contenttab { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background-image: -webkit-linear-gradient(top, #fff, #ddd); background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -ms-linear-gradient(top, #fff, #ddd); background-image: -o-linear-gradient(top, #fff, #ddd); background-image: linear-gradient(top, #fff, #ddd); -moz-border-radius: 0 2px 2px 2px; -webkit-border-radius: 0 2px 2px 2px; border-radius: 0 2px 2px 2px; -moz-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; -webkit-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; padding: 10px; float:left; margin:1px 0px 0px 46px; width:55%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; } #contenttab h2.tabtittle{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:12px; color:#000000;} #contenttab .contentBox{ width:600px; float:left; border: 1px solid #b6b6b6;} #contenttab .contentName{ width:300px; float:left; height:26px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b6b6b6; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#0000000; text-align:left; line-height:25px; } /* Remove the rule below if you want the content to be "organic" */ #content div { height: 220px; } /* --- */ #about { color: #999; } #about a { color: #eee; } /* 13.12.2013*/ /* HEADER */ #header { height:400px; } .headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; } /* NAVIGATION */ #nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("../images/headerbg.png"); } /* SEARCH */ #search { background-color:#051733; float:right; width:220px; padding:10px; } #searchtxt { padding:3px; width:150px; } #searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; } /* HEADER TEXT */ #headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px; } #firstline { line-height:20px; position:relative; top:178px; height:137px; font-size:30px; color:#000; text-decoration:none; top:190px; background:url(../images/red.png) left top no-repeat; padding:39px 300px 20px 40px; } #firstline1 { line-height:20px; position:relative; width:750px; top:178px; height:137px; font-size:30px; color:#000; text-decoration:none; top:190px; background:url(../images/red.png) left top no-repeat; padding:39px 357px 20px 40px; width:555px;} #secondline { background:url(../images/bannarcontentBg.png) left top no-repeat; color:#CD2B3A; text-decoration:none; padding:10px 0px 10px 39px; display:block; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-align:left; position:relative; top:212px; width:555px;} .pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; } .pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; } .pictured a:hover { text-decoration:underline; } /* CONTROLS */ .btn { height:32px; width:32px; float:left; cursor:pointer; } #back { background-image:url("../images/btn_back.png"); } #control { background-image:url("../images/btn_pause.png"); } /* HEADER HAVIGATION */ #headernav-outer { position:relative; top:400px; margin:0 auto; width:960px; } #headernav { padding-left:864px; position:relative; top:-50px;} /* CONTENT */ #content { color:#575757; background-color:#eee; } #content p { padding:10px 20px; font-size:16px; width:960px; margin:0 auto; } #content p a { text-decoration:none; color:#CD2B3A; } #content p a:hover { text-decoration:underline; color:#7F000C; } /*-------------------------------------------------- 29-7-2014 -------------------------------------------------*/ .ContainDiv{ width:100%; height:auto; margin:0; background:#fff;} .mainDiv{ width:100%; margin:0 auto; border:none; padding:20px 0 10px 0;} .cleardiv{clear:both; height:0;} .innerLeft{ width:210px; height:auto; float:left;} .innerRight{ width:96%; height:auto; float:left; padding:0 2%;} .innerLeft .heading{ width: auto; font-family:'open_sansregular'; color:#414141; font-size:20px; text-decoration:none; margin:0px; padding-bottom:10px; background:url(../images/leftborder.png) no-repeat left bottom; margin-bottom:15px; display:none; } .innerLeft ul{ width:auto; display:none;} .innerLeft ul li{ padding-top:10px; list-style-image:url(../images/innerLeft.jpg); margin-left:17px; font-size:17px; font-family:Arial;} .innerLeft ul li a{ color:#414141; text-decoration:none;} .innerLeft ul li a:hover{ color:#d61920; text-decoration:none;} .innerLeft ul li a.active{ color:#d61920; text-decoration:none;} .innerRightHeading{ font-size:14px; font-family:arial; color:#414141; font-weight:normal; margin-bottom:15px; text-align:justify;} .innerRightContainer{ width:100%; height:auto; float:right; padding:0 0%;} .innerRightTop{background: #d61920; width: 100%; height: 40px; color: #ffffff; font-family: 'open_sansregular'; font-size: 18px; text-align: center; line-height: 40px; font-weight: normal;} .innerRightBot{ width:96%; height:auto; padding:5px 2%; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px; text-align:justify;} .legacyImg{ width:99px; height:124px; float:left; margin-right:15px; margin-top:5px;} .legacyQuote{ width:60%; float:left; line-height:20px;} .quoteWriter{ font-size:20px; font-family:'open_sansregular'; color:#d61920; padding-top:10px;} .mr15{ margin-right:15px;} .mr5{ margin-right:5px;} .mr20{ margin-right:20px;} .mr50{ margin-right:50px;} .mb50{ margin-bottom:50px;} .mb20{ margin-bottom:20px;} .mt15{ margin-top:15px;} .mt35{ margin-top:35px;} #toggle ul{width:99%;} #toggle li:hover{background:none} #toggle li{list-style-type:none; cursor:pointer; margin:2px; padding:5px 5px 5px 5px; font-family:'open_sansregular'; font-size:14px;} #toggle ul div{color: #414141; cursor: auto; display: none; font-family:Arial; font-size:14px; padding: 5px 0 5px 5px; text-decoration: none; width:100%; } #toggle ul div a{color:#414141; font-weight:normal; text-decoration:none} #toggle li div:hover{text-decoration:none !important;} #toggle li:before {content: ">"; padding:10px 10px 10px 0; font-weight:bold; color:#414141; font-family:'open_sansregular';font-size:15px;} #toggle li.active:before {content: ">";/* background:url(../images/arrow-down.gif) no-repeat left center;*/ padding:10px 0px 10px 10px; font-weight:bold; color:#414141; font-family:'open_sansregular';font-size:25px;} #toggle{width:100%;} #toggle ul div span{font: 15px Arial; color: #d61920;} .brandImg{ width:180px; height:200px; float:left; margin-right:20px; margin-top:0px;} .BrandBox{ width:100%; float:left; line-height:20px; font-family:arial; font-size:14px; margin:20px 0 0 0;} .BrandName{ font-size:18px; font-family:'open_sansregular'; color:#d61920; padding-top:10px; padding-bottom:15px;} .w40per{ width:40% !important; border-right: dashed 1px #999;} .w50per{ width:50%} #footerticker { height:20px; overflow: hidden; margin-top:20px; margin-bottom:25px; } #footerticker li { height: 20px; font-family:Arial; font-size:14px; list-style:none; font-style:italic; font-size:16px; color:#FFC; } .inputDiv{ width:85%; height:35px; background:#fff; border:solid 1px #b0b0b0; color:#414141; padding:2px 10px; margin-bottom:15px;} .selectinputDiv{ width:85%; height:35px; background:#fff; border:solid 1px #b0b0b0; color:#999; padding:2px 10px; margin-bottom:15px;} .submit{ background:url(../images/submit-but.png) no-repeat; width:75px; height:35px; border:none; cursor:pointer;} #map{height:300px; width:100%; margin-right:10px; float:left;} .address{ width:100%; float:left; height:auto;} .homebanner{ width:100%; height:auto; margin:0 auto 0px; clear:both;} .annualReportDiv{ float:left; width:100%; height:auto; margin-top:30px;} .annualReportTop{ background:#d61920; width:100%; height:50px; color:#ffffff; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px; font-weight:bold;} .annualReportBot{ width:96%; height:auto; padding:15px 2%; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px;} .annualReportBot .left{ width:58px; height:74px; float:left; border:solid 1px #bdbfbf; margin-right:15px;} .annualReportBot .right{ width:265px; height:74px; float:left;margin-right:0px;} .topic{ color:#414141; font-size:16px; font-family:arial; padding-bottom:15px;} .topic a{ color:#414141; text-decoration:none;} .topic a:hover{ color:#414141; text-decoration:underline;} .network a{ color:#414141; text-decoration:none;} .network a:hover{ color:#414141; text-decoration:underline;} .readmore{ color:#d61920; font-size:13px; font-family:arial; padding-bottom:8px; font-weight:600;} .readmore a{ color:#d61920; text-decoration:none;} #reportticker{ height:345px; overflow: hidden; margin-top:5px; margin-bottom:5px; } #reportticker li { height: 115px; font-family:Arial; font-size:14px; list-style:none; margin-bottom:0px;} .homeLeft{ float:left; width:100%;} .homeRight{ float:left; margin-left:0px; width:100%;} .birlagrade{ width:679px; height:192px; margin-top:44px; margin-bottom:10px; background:url(../images/birlagrade.png) no-repeat;} .birlagrade ul{ width:443px; margin-left:240px;} .birlagrade ul li{ display:inline; list-style:none; font-size:30px; color:#414141; font-family:arial; font-weight:normal; width:auto; line-height:40px; text-align:center; width:auto; float:left; padding-top:55px;} .birlagrade ul li span{ font-size:50px; color:#d61920; font-family:arial; font-weight:normal;} .isoDiv{ width:325px; float:left; margin-left:10px} .isoTop{ background:url(../images/iso.png); width:325px; height:58px; color:#d61920; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px;} .isoBot{ width:262px; height:auto; padding:15px; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px; min-height:133px;} .isoBot .left{ width:75px; height:105px; float:left; border:solid 1px #bdbfbf; margin-right:15px;} .isoBot .right{ width:170px; height:auto; float:left;margin-right:0px; line-height:20px !important;} .homeLegacyDiv{ width:333px; float:left; margin-left:10px} .homeLegacyTop{ background:url(../images/legacy.png); width:333px; height:58px; color:#d61920; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px;} .homeLegacyBot{ width:266px; height:auto; padding:15px; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px;} .homeLegacyBot .left{ width:80px; height:109px; float:left; border:solid 1px #bdbfbf; margin-right:8px; margin-top:5px;} .homeLegacyBot .right{ width:175px; height:auto; float:left;margin-right:0px; line-height:19px !important;} .homeLegacyBot .right span{ color:#d61920;} .energyImg{ width:150px; height:125px; float:left; margin-right:15px; margin-top:5px;} .energytext{ width:605px;line-height:20px;} .homeBox{font-size:25px; color:#d61920; font-family:arial; font-weight:normal; width:210px; float:none; height:192px; margin:0 auto; text-align:center; margin-top:30px;} .homeBox a{color:#d61920; text-decoration:none;} #investor ul{width:99%;} #investor li:hover{background:none} #investor li{list-style-type:none; cursor:pointer; margin:2px; padding:5px 5px 5px 5px; font-family:'open_sansregular'; font-size:22px;} #investor ul div{color: #414141; cursor: auto; font-family:Arial; font-size:14px; padding: 15px 0 5px 6px; text-decoration: none; width:100%; } #investor ul div a{color:#414141; font-weight:normal; text-decoration:none} #investor li div:hover{text-decoration:none !important;} #investor{width:100%;} .investorButton a{ width: auto; padding:0px 15px; height:20px; line-height:20px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border:solid 2px #faa21a; font-family:arial; font-size:14px; font-weight:normal; color:#d61920; /*text-shadow: 0 1px 4px #8e8d8d;*/ text-align:center; text-decoration:none; margin:5px 5px; float:left; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWVkZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 54%, #f1edec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(54%,#f5f5f5), color-stop(100%,#f1edec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1edec',GradientType=0 ); /* IE6-8 */ } .investorButton a:hover{ width: auto; padding:0px 15px; height:20px; line-height:20px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border:solid 2px #da7c0a; font-family:arial; font-size:14px; font-weight:normal; color:#ffffff;/* text-shadow: 0 1px 4px #8e8d8d; */text-align:center; text-decoration:none; margin:5px 5px; float:left; background: #faa21a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYTIxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2Y2OGUxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTc5MWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #faa21a 0%, #f68e1d 54%, #f9791e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa21a), color-stop(54%,#f68e1d), color-stop(100%,#f9791e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* IE10+ */ background: linear-gradient(to bottom, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa21a', endColorstr='#f9791e',GradientType=0 ); /* IE6-8 */ } /*---------------------Anirban-------------------*/ .innerRightContainer p{ font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0 0 20px 0;} .bod_sec{clear:both;} .bod_sec_left{float:left; width:94px; margin:0 10px 0 0;} .bod_sec_left img{border:1px solid #bbbdbd;} .bod_sec_right{float:left; width:63%;} .bod_name{ font:18px "Myriad Pro"; color:#d61920; margin:0 0 10px 0px;} .bod_detail{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .toe{font:14px Arial, Helvetica, sans-serif; color:#414141;} .toe span{font:18px Arial, Helvetica, sans-serif; color:#414141;} .awards{clear:both;} .awards_left{float:left; width:250px; height:208px; background:#5c5b5b;} .awards_right{float:right; width:68%;} .awards_right_date{font:25px Arial, Helvetica, sans-serif; color:#414141;} .awards_right_date span{font:40px "Myriad Pro"; color:#d61920;} .awards_right_cont{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .career_new{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px} .career_new a{ color:#414141; text-decoration:none;} .career_new a:hover{ color:#666; text-decoration:none;} .renewal_energy{clear:both;} .renewal_energy_heading{ font:18px "Myriad Pro"; color:#414141; margin:0 0 10px 0px;} .renewal_energy_cont{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .toe_left{width:30%; float:left;font:14px Arial, Helvetica, sans-serif; color:#414141; font-weight:bold; text-align:left;} .toe_right{width:70%; float:left;} } @media only screen and (min-width: 768px) and (max-width: 960px) { .milestoneTable tr td:first-child{font-size:20px; color:#d61920; vertical-align:top;} #HeaderSec{ width:100%; float:left; padding:10px 0px; background:#fefdfd;} #HeaderSec .headermain{ margin:0px auto; width:100%;} #HeaderSec a.logo{ width:60% !important; height:90px !important; float:left; display:block; margin:6px 0px 0px 0px; background-size:100%;} #HeaderSec a.logo img{width:100%; height:auto;} .bkgroup{width:18%; float:right; margin:0px 30px 0px 0px;} .bkgroup img{width:100%; height:auto;} /* Header Section End*/ /*Menu Start */ #menu{ line-height:72px; float:left; width:100%;/* background:url(../images/menuBg.jpg) left top repeat-x #d71920;*/ height:54px; position:absolute; z-index:99; margin:116px 0 0 0; background: #ce0000; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmUzYTI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNmZTNhMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiNmNDM0MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlNzJkMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OSUiIHN0b3AtY29sb3I9IiNkZDI4MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDcyNjI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ce0000 0%, #fe3a24 2%, #fe3a24 5%, #f43424 26%, #e72d24 60%, #dd2824 79%, #d72624 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce0000), color-stop(2%,#fe3a24), color-stop(5%,#fe3a24), color-stop(26%,#f43424), color-stop(60%,#e72d24), color-stop(79%,#dd2824), color-stop(100%,#d72624)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* IE10+ */ background: linear-gradient(to bottom, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0000', endColorstr='#d72624',GradientType=0 ); /* IE6-8 */ } #menu #nav{ width:100%; margin:0px auto; height:71px;font-family: 'MyriadPro-Regular'; margin-top:15px;} #nav ul{ list-style-type:none;} #nav ul li{ float:left; height:54px; line-height:54px; z-index:10000; border-right:solid 1px #ba2b27; width:100%;} #nav ul li a{ font-family:'open_sansregular'; color:#FFF; font-size:18px; text-decoration:none;margin:0px 36px; line-height:54px;} /*Menu End */ /*Banner Start */ #banner{ width:100%; float:left; left top repeat;} #banner #bannermain{ margin:0px auto; background:url(../images/bannarbg.jpg) left top repeat; width:100%;} #bannermain .banarLeft{ width:571px; float:left; height:313px;} #bannermain img{ width:100%;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; float:left;} #banner1{ width:100%; float:left; background: url(../images/bannarproduct.jpg) left top no-repeat; left top repeat;} #banner1 #bannermain1{ margin:0px auto; width:1098px; padding:20px 0px 20px 0px;} #bannermain1 .banarLeft1{ width:571px; float:left; height:313px;} #bannermain1 .bannleft1 h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft1 p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left;} /*Banner End */ /*Shadow Box Start */ .shadowbox{ width:100%; float:left; background:url(../images/boxshadow.jpg) top center no-repeat #eaeaea; height:42px;} .shadowbox1{ width:100%; float:left; background:url(../images/Bg.jpg) repeat; height:50px;} /*Category Box End */ /*BedCome Start */ #bedSec{ width:100%; float:left; background:url(../images/bedbg.jpg) left top repeat-x #ededed; padding:5px 0px 5px 0px; } #bedSec .bedComeMain{ width:1098px; margin:5px auto 5px auto; background:#f2f1ec;} .bedComeMain ul{ list-style-type:none;} .bedComeMain ul li{ float:left; margin:0px 5px; line-height:20px;} .bedComeMain ul li a{font-family: 'open_sansregular'; color:#F00; text-decoration:none;} .bedComeMain ul li a.active{font-family: 'open_sansregular'; color:#000; text-decoration:none;} /*BedCome End */ /*Category Box Start */ #category{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:10px 0px 0px 0px;} #category .catmain{ width:1098px; margin:0px auto 15px auto;} .catmain .marchandiseBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} a.link {font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} a.link:hover{font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .meritsBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/merits.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 7px; text-transform:uppercase; font-family: 'open_sansregular';} .catmain .meritsBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/meritshover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; margin:0px 5px 0px 7px; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .manageBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/management.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 3px; } .catmain .manageBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/managementhover.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; margin:0px 5px 0px 3px; cursor:pointer;} .catmain .mapBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/maps.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 5px; } .catmain .mapBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/mapshover.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#000000; margin:0px 5px 0px 5px; cursor:pointer; text-decoration:none;} /*Category Box End */ /*Category Start 26.11.2013*/ #category{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:10px 0px 0px 0px;} #category .cat-main{ width:1098px; margin:0px auto 15px auto;} .cat-main .catTab{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/marBg.jpg) center top no-repeat; margin:0px 6px 0px 0px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab1{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/merit.png) center top no-repeat; margin:0px 6px 0px 6px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab2{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/tab3.png) center top no-repeat; margin:0px 6px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab3{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/tab4.png) center top no-repeat; font-family:"Arial Rounded MT Bold"; margin:0px 0px 0px 6px;} .catTab3 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab2 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab1 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block;font-family: Arial, Helvetica, sans-serif; font-weight:normal;} /*Category End 26.11.2013*/ /*Contenar Box Start */ #contenar{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:0px 0px 10px 0px; } #contenar .contenarmain{ width:1098px; margin:0px auto 20px auto;} /*Left Pannel Start */ .contenarmain .leftpanel{ width:297px !important; float:left; margin:20px 0px 0px 0px;} .leftpanel .upBox{ width:297px; float:left; background:#e5e5e5; padding:0px 0px 15px 0px; border: 1px solid #bdbdbd; } .leftpanel .mangalamBox{ padding:16px 0px 21px 22px; background:#bf6667; margin:10px 0px 0px 0px; color:#ffffff; cursor:pointer;} .leftpanel .mangalamBox1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0px 0px 12px 22px; color:#ffffff; cursor:pointer; font-size:22px; text-decoration:none; background:url(../images/annualBg.png) center bottom no-repeat; width:271px; height:34px; position:relative; left:-16px; top:-1px; line-height:35px;} .leftpanel .mangalamBox2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:12px 0px 12px 22px; background:#c32022; color:#ffffff; cursor:pointer; font-size:22px; margin:5px 0px 0px 0px; text-decoration:none;} .leftpanel .mangalamBox:hover{ padding:16px 0px 21px 22px; background:#bf6667; margin:10px 0px 0px 0px; background:#984344; cursor:pointer;} .leftpanel .environmentalBox{ font-size:24px; color:#9e1f21; display:block; padding:10px 0px 7px 15px; text-transform:uppercase; width:277px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/dotline.png) center bottom no-repeat; margin:0px 0px 6px 10px;} .leftpanel .environmentalBox1{ font-size:24px; color:#9e1f21; display:block; padding:0px 0px 15px 15px; text-transform:uppercase; width:277px; ; } .environmentalBox span{ color:#000000;} p.blackText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; float:left; text-decoration:none; text-align:left; color:#230606; padding:0px 10px 0px 10px; line-height:25px; font-weight:normal; margin:0px 0px 0px 10px;} p.focalText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; float:left; text-decoration:none; text-align:left; color:#230606; padding:0px 10px 0px 10px; line-height:25px; font-weight:normal; margin:5px 0px 5px 10px;} p.financeText{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; float: left; text-decoration: none; text-align: left; margin: 5px 0px 0px; color:#4a4a4a; padding:0px 0px 10px 10px;} p.blackTextcareer{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; padding:0px 10px 10px 10px; margin:0px 0px 10px 0px;} a.learnButn{ width:93px; height:25px; float:left; margin:0px 0px 15px 180px; float:left;} .leftpanel .bottomBox{ width:297px; float:left; background:#e5e5e5; margin:10px 0px 0px 0px; border: 1px solid #bdbdbd; } .bottomBox h1{font-size:22px; color:#FFF; display:block; padding:10px 0px 10px 15px; text-transform:uppercase; width:277px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/annualBg.png) left top no-repeat; font-weight:normal; top:-1px;} .bottomBox .reportBox{ width:251px; float:left; margin:10px 0px 0px 0px ;} .bottomBox .reportBox2{ width:251px; float:left;} .reportBox2 p.reportText{ width:145px; float:left; color:#230606; font-size:17px;} a.readBtn{ width:49px;} .reportBox .ImageBox{ width:82px; float:left; margin:0px 10px 0px 0px;} .reportBox p.reportText{ width:145px; float:left; color:#191919; font-size:17px; text-transform:capitalize; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;} .bottomBox .reportBox2{ width:251px; float:left; margin:20px 0px 10px 0px ;} /*Left Pannel End */ /*Right Pannel Start */ .contenarmain .rightpanel{ width:762px !important; float:left; margin:20px 0px 0px 29px;} .contenarmain .rightpanelInn{ width:1098px !important; float:left; background:#e7e7e7;} .rightpanel .aboutcontenar{ background:#ffffff; padding:0px 0px 20px 0px; position:relative; } .rightpanel .career{ background:#dedbd4; padding:10px 0px 20px 0px;} .aboutcontenar span a.redBlink{ color:#F00; font-size:14px; text-decoration:blink; font-weight:bold;} .aboutcontenar h1{ font-size:22px; color:#ffffff; width:465px; display:block; padding:10px 0px 20px 20px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/tittleBg.png) left top no-repeat; position:relative; left:-5px; font-weight:normal; height:34px;} .aboutcontenar h1.quaryTittle{ background:#ffffff; font-size:18px; color:#9e1f21; width:420px; display:block; line-height:30px; padding:0px 0px 0px 10px; text-transform:uppercase; font-family: 'open_sanssemibold'; margin:5px 0px 10px 0px; float:left; } .aboutcontenar h3.reachTittle{ background:#ffffff; font-size:18px; color:#9e1f21; width:420px; display:block; line-height:30px; padding:0px 0px 0px 10px; text-transform:uppercase; font-family: 'open_sanssemibold'; margin:5px 0px 10px 40px; float:left;} .aboutcontenar h1.gap{ background:#f2f1ec; font-size:18px; color:#9e1f21; width:362px; display:block; line-height:30px; padding:0px 0px 0px 10px; line-height:44px; margin:5px 0px 0px 0px; width:420px;} .aboutcontenar .behondText{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; padding:10px;} a.readmore{ width:114px; height:32px; float:right; margin:0px 20px 0px 0px;} /*Grade Box start */ .rightpanel .gradeBox{ width:363px; float:left; margin:19px 0px 10px 0px; border: 1px solid #d6d6d6; background-color: #e5e5e5; } .gradeBox h1{font-size:20px; color:#FFF; display:block; padding:10px 0px 15px 15px; text-transform:uppercase; background:url(../images/gradeBg.png) left top no-repeat; width:311px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; top:-1px;} .gradeBox h1 span.black{ color:#000000;} .gradeboxgradeSec{ width:335px; margin:0px auto;} .gradeboxgradeSec ul{ list-style-type:none;} .gradeboxgradeSec ul li{ float:left; margin:10px 0px 6px 0px; height:73px;} /*Grade Box End */ /*Certificate Box Start */ .certtificateBox{ width:380px; float:left; margin:19px 0px 0px 14px; background:#e5e5e5; padding:0px 0px 20px 0px; border: 1px solid #bdbdbd; } .certtificateBox h1{ font-size:20px; color:#FFF; width:260px; display:block; line-height:30px; padding:0px 0px 5px 15px; width:361px; line-height:44px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/certificateBg.png) left top no-repeat; position:relative; left:-5px; font-weight:normal; top:-1px;} .cerBox{ width:111px; float:left; margin:10px 14px 0px 14px;} p.cerText{ margin:14px 0px 16px 0px; text-align:left; font-size:18px; display:block; float:left; width:202px; line-height:25px; padding:0px 0px 10px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#230606;} p.reporText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#230606; text-decoration:none; text-align:left; font-size:17px; padding:0px 0px 0px 5px; width:145px; float:left; text-transform:capitalize;} a.readBtn{ width:49px; height:19px; float:left; margin:16px 0px 0px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#393838; text-decoration:none; text-align:left; background:url(../images/leftarrow-home.png) right 3px no-repeat;} /*Certificate Box End */ /*Choose Box Start */ .rightpanel div.chooseBox{ width:762px; float:left; background:#FFF; border: 1px solid #bdbdbd; margin:10px 0px 0px 0px; } .chooseBox .supBox{ width:703px; margin:5px 0px 5px 10px;} .chooseBox h1{ font-size:20px; color:#FFF; display:block; padding:10px 0px 15px 15px; text-transform:uppercase; background:url(../images/gradeBg.png) left top no-repeat; width:311px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; top:-1px;} .aboutcontenar h1 span.black{ color:#000000;} /*Choose Box End */ /*Right Pannel End */ /*Footer Box Start */ .footermenu{ color:#fff; font-family:Arial; font-size:12px;} .footermenu ul li{ display:inline; padding:5px 5px 5px 0px; color:#fff !important;} .footermenu ul li a{ color:#fff; text-decoration:none;} .copy{color:#fff; font-family:Arial; font-size:12px; padding:10px 0; float:left; width:100%; text-align:center;} #footer{ width:100%; float:left; background:url(../images/footerBg.jpg) top center no-repeat #242220; height:90px;} #footer .footermain{ width:100%; margin:0px auto; padding:10px 0px 0px 0px;} .footermain .beliefBox{ width:500px; float:left;font-family: 'open_sansregular'; font-size:14px; color:#ffffff;} .beliefBox h1{ font-family: 'open_sansregular'; font-size:23px; color:#fff; font-weight:normal;} .beliefBox p{font-family:arial; font-size:14px; color:#c4c4c4; line-height:24px; margin:16px 0px 0px 0px;} .footermain .touchBox{ width:265px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; margin:0px 0px 0px 20px;} .touchBox h1{ font-family: 'open_sansregular'; font-size:23px; color:#fff; font-weight:normal;} .touchBox p{font-family:arial; font-size:12px; color:#fff; line-height:24px; margin:10px 0px 0px 0px;} .touchBox p a{color:#fff; text-decoration:none;} .footermain .stayconnection{ width:248px; float:left; margin:0px 0px 0px 60px;} .stayconnection h1{ font-family:'open_sansregular'; font-size:18px; color:#c4c4c4; margin:0px 0px 20px 0px;} .stayconnection .socialBox{ width:243px; margin:0px auto;} .socialBox ul{ list-style-type:none;} .socialBox ul li { float:left; margin:0px 5px;} .footermenu{ width:75%; float:none; margin:0 auto;} .footermenu ul{ list-style-type:none;} /*Footer Box End */ /*Product & management Start */ /*#banner{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; }*/ #contenar .product-contenar{ width:1098px; margin:0px auto; background:#dedbd4; padding:10px 0px 10px 0px;} .product-contenar h1.merTittle{ width:184px; float:left; background:#ffffff; line-height:43px; color:#9e1f21; font-family: 'open_sansregular'; text-align:left; padding:0px 0px 0px 10px; font-size:24px;} .product-contenar p.contentBox{ width:1060px; float:left; font-family: 'open_sansregular'; font-size:18px; color:#230606; line-height:34px; text-align:left; padding:15px 0px 0px 10px;} .product-contenar .gradecementBox{ width:414px; float:left; margin:50px 0px 0px 0px;} .gradecementBox h1.redText{ font-family:'open_sansregular'; font-size:35px; text-align:left; color:#9c1116; height:49px; padding:0px 0px 0px 10px; width:342px; background:#ffffff;} .gradecementBox span{ color:#000000;} .gradecementBox p.ImageBox{ width:402px; float:left; margin:40px 0px 0px 10px;} .graderightBox{ width:648px; float:left; margin:50px 0px 0px 26px; font-size:22px;} .graderightBox p.productTextright{ font-family:'open_sansregular';color:#221314; float:left; line-height:31px; font-size:18px; text-decoration:none;} .product-cementleft{ width:648px; float:left;} .productText{font-family:'open_sansregular'; font-size:18px; float:left; color:#221314; text-decoration:none; text-align:left; padding:40px 0px 20px 10px;} .product-cementright{ width:420px; float:left; margin:0px 0px 0px 30px;} .product-cementright h1.ppcTittle{font-family: 'open_sanssemibold'; font-size:35px; color:#9c1116; line-height:40px; background:#FFF; padding:0px 5px 0px 10px; margin:40px 0px 35px 0px;} .product-cementright h1.ppcTittle span{ color:#000000;} product-cementright .image2{ width:402px; float:right; margin:0px 0px 0px 30px;} .catmain .marchandiseBox2{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox2:hover{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} /*Banner Start */ #bannerproduct{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; padding:10px 0px 60px 0px; margin:0px 0px 0px 0px;} /*#bannerproduct #bannermain{ width:1920px; margin:0px auto;}*/ #bannermain .bannleft{ width:576px; float:left; margin:0px 0px 0px 10px;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left; margin:0px 0px 0px 70px;} /*Banner End */ /*Product & management End */ #contenar .contact-main{ width:1098px; margin:0px auto; background:#efefef; border: 1px solid #d6d6d6; } .contact-main h1.con-tittlebox{ background:url(../images/contactTittle.png) left top no-repeat; width:361px; height:49px; position:relative; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; padding:6px 0px 0px 10px; left:-5px; font-weight:normal; } .contact-main .con-map{ width:376px; margin:0px 0px 0px 28px; float:left;} .contact-main .contactBox{ width:554px; float:left; margin:0px 0px 0px 71px;} .contactBox h1.contittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; float:left; color:#000000; text-decoration:none; padding:0px 0px 5px 0px; background:url(../images/con-dividar.jpg) left bottom no-repeat; width:549px; line-height:25px; margin:0px 0px 15px 0px;} .contactBox label.context{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#4a4a4a; text-decoration:none; text-align:left; width:136px; float:left; text-decoration:none; margin:10px 0px 0px 0px;} .contactBox .contactTextBox{ height:47px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .contactBox .contactTextArea{ height:117px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .contactBox span{ color:#d71920;} .contactBox a.conBtn{ width:174px; height:40px; background:url(../images/conBtn.png) left top no-repeat; display:block; float:left; margin:0px 0px 52px 140px;} .contenarmain .mediaBox{ width:554px; float:left; margin:20px 0px 0px 60px;} .mediaBox label.context{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#4a4a4a; text-decoration:none; text-align:left; width:136px; float:left; text-decoration:none; margin:10px 0px 0px 0px;} .mediaBox .contactTextBox{ height:47px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .mediaBox .contactTextArea{ height:117px; float:left; height:117px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .mediaBox span{ color:#d71920;} .mediaBox a.conBtn{ width:174px; height:40px; background:url(../images/conBtn.png) left top no-repeat; display:block; float:left; margin:0px 0px 52px 140px;} /* ######### Style for Drop Down Menu ######### */ .ddcolortabs{ width:100%; float:left; height:55px;} .dropmenudiv_a{ position:absolute; top:0; left:0; font:normal 12px/21px Verdana, Arial, Helvetica, sans-serif; color:#fff; z-index:10000; margin:2px 0 0 0; width:14.0%; visibility:hidden; padding:0px 10px 0px 10px; font-weight:bold; background:#d61920; } .dropmenudiv_a a{ width:180px; display:block; margin:0 auto 2px auto; text-decoration: none; font:normal 12px/21px Verdana, Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #ffffff; text-align: left; padding:5 0 5 0px; font-weight:bold; line-height:18px; padding:5px 0px; } .dropmenudiv_a a.nobdr{ border:none;} .dropmenudiv_a a:hover{ width:180px; display:block; color:#ffffff; line-height:18px; padding:5px 0px; } /* Top Drop Down Navigation Part End */ .cover{width:126px; height:15px; position:relative; background:url(../images/cover.jpg) left top no-repeat;top:20px; background:#262421;} /* Green Awareness Programme Start */ .contenarmain .greenBox{ width:1098px; margin:0px auto 20px auto; } .contenarmain .innBox{ width:1098px; background:#dedbd4; } /* 30.11.2013 start */ .greenBox .slidingSec{ width:1050px; margin:20px auto 0px auto;} .slidingSec .slidingLeft{ width:450px; float:left;} .slidingSec .slidingRight{ width:576px; float:right; background:#f9f7f7; margin:0px 10px 0px 10px; border: 1px solid #c3bfbe; } .slidingRight .slidingbulletBox{ width:520px; float:left; margin:0px 0px 0px 20px;} .slidingbulletBox ul{ list-style-type:none;} .slidingbulletBox ul li{ width:520px; "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; float: left; text-decoration: none; text-align: left; color: #4a4a4a; margin:5px 0px 0px 0px; padding: 0px 10px 0px 15px; background:url(../images/rightarrow.jpg) left 3px no-repeat;} .slidingRight h1.slidingTittle{ background:url(../images/annualBg.png) left top no-repeat; width:261px; height:40px; color:#ffffff; padding: 7px 5px 0px 15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; left:-6px; position: relative; font-weight:normal;} .slidingRight p.slidingText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:10px 0px 0px 0px; padding:0px 10px 10px 10px;} .slidingRight h1.empTittle{ width:390px; height:48px; background:url(../images/empTittle.png) left top no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; padding: 7px 5px 0px 15px; left:-6px; position: relative; font-weight:normal;} .empboldText{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; color:#000000; text-decoration:none; background:url(../images/dividar.jpg) left bottom no-repeat; padding:0px 0px 5px 10px; font-weight: normal; display:block; margin:10px 0px 0px 10px; float:left;} .aboutcontenar .comcontenar{ width:964px; float:left; margin:10px 0px 10px 20px;} .comcontenar ul{ list-style-type:none;} .comcontenar ul li{ float:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:5px 0px; background:url(../images/arrowright.png) left top no-repeat; padding:0px 0px 0px 15px; width:964px;} /* 30.11.2013 End */ /* Ware Frame Start */ .contenarmain .frameBox{ background:#dedbd4; float:left; width:1062px; padding:0px 15px; } .contenarmain .frameBox1{ background:#dedbd4; float:left; width:1062px; padding:0px 7px; } .frameBox p.frameText{ font-size:18px; color:#230606; line-height:32px; text-align:left; padding:18px 10px 0px 0px; font-family: 'open_sansregular'; } .frameBox h1{background:#f2f1ec; font-size:20px; color:#9e1f21; width:162px; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold;} .frameBox span.frameRedtext{ font-size:18px; color:#942027;display:block; font-weight:bold; font-family: 'open_sansregular'; text-decoration:none; text-align:left;} .frameBox p.boldblack{ font-size:20px; color:#000000; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold; margin:10px 0px 0px 10px;} .frameBox .section{ width:160px; margin:52px; float:left;} .section .ImageBox{ width:130px; float:left; border: 1px solid #999999; text-align:center; padding:5px; margin:0px 0px 5px 0px; text-align: center; } .section p.redName{ font-size:16px; color:#cf0810; text-align: center; font-family: 'open_sansregular'; font-weight:bold; margin:5px 0px 0px 0px;} .section p.desText{font-family: 'open_sansregular'; font-size:12px; color:#000000; text-align:left; text-decoration:none; padding:5px 0px 5px 5px;} .section a.readmore{ font-family: 'open_sansregular'; font-size:14px; color:#cf0810; text-decoration:none; text-align:left; margin:0px 0px 0px 40px;} /* Ware Frame End */ /* milestone start */ .frameBox .timelineBox{ width:1024px; float:left; padding:0px 0px 10px 0px;} .timelineBox .timelineLeftBox{ width:78px; float:left;} .timelineBox p.timelineText{ font-family: 'open_sansregular'; font-size:24px; color:#984344; text-align:center; margin:0px 0px 0px 20px; font-weight:bold; line-height:21px; margin:20px 0px 10px 0px; font-weight:bold;} .timelineLeftBox .row{ width:58px; font-family: 'open_sansregular'; font-size:14px; color:#000000; float:left; text-align:center; margin:5px 0px 5px 20px; font-weight:bold; line-height:21px;} .timelineBox .timelineRightBox{ width:1020px; float:left; } .timelineRightBox .row1{ width:616px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row2{ width:590px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row3{ width:570px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row4{ width:530px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row5{ width:500px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row6{ width:480px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row7{ width:450px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row8{ width:430px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row9{ width:410px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row10{ width:390px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row11{ width:370px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row12{ width:350px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row13{ width:330px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row14{ width:310px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row15{ width:300px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row16{ width:290px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row17{ width:270px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} /* milestone End */ /* Management Start */ p.manageText{ font-size:18px; color:#230606; line-height:32px; text-align:left; padding:18px 10px 0px 24px; font-family: 'open_sansregular';} p.manageTextbold{ font-size:20px; color:#000000; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold; margin:10px 0px 0px 10px;} .managebox{ width:742px; float:left; } .manageImageBox{ width:130px; float:left; border: 1px solid #999999; margin:20px 10px 0px 20px; text-align:center; padding:5px 0px;} .manageImageBox h1{font-family: 'open_sansregular'; font-size:24px; color:#c4080f; text-align:center; text-decoration:none;} .manage p.manageText{font-family: 'open_sansregular'; font-size:18px; color:#230606; text-align:center; text-decoration:none;} span .Red{font-family: 'open_sansregular'; font-size:18px; color:#c4080f; text-decoration:none;} /*Product & management Start */ /*#banner{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; }*/ #contenar .product-contenar{ width:1098px; margin:0px auto; background:#dedbd4; padding:10px 0px 10px 0px;} .product-contenar h1.merTittle{ width:184px; float:left; background:#ffffff; line-height:43px; color:#9e1f21; font-family: 'open_sansregular'; text-align:left; padding:0px 0px 0px 10px; font-size:24px;} .product-contenar p.contentBox{ width:1060px; float:left; font-family: 'open_sansregular'; font-size:18px; color:#230606; line-height:34px; text-align:left; padding:15px 0px 0px 10px;} .product-contenar .gradecementBox{ width:414px; float:left; margin:50px 0px 0px 0px;} .gradecementBox h1.redText{ font-family:'open_sansregular'; font-size:35px; text-align:left; color:#9c1116; height:49px; padding:0px 0px 0px 10px; width:342px; background:#ffffff;} .gradecementBox span{ color:#000000;} .gradecementBox p.ImageBox{ width:402px; float:left; margin:40px 0px 0px 10px;} .graderightBox{ width:648px; float:left; margin:50px 0px 0px 26px; font-size:22px;} .graderightBox p.productTextright{ font-family:'open_sansregular';color:#221314; float:left; line-height:31px; font-size:18px; text-decoration:none;} .product-cementleft{ width:648px; float:left;} .productText{font-family:'open_sansregular'; font-size:18px; float:left; color:#221314; text-decoration:none; text-align:left; padding:40px 0px 20px 10px;} .product-cementright{ width:420px; float:left; margin:0px 0px 0px 30px;} .product-cementright h1.ppcTittle{font-family: 'open_sanssemibold'; font-size:35px; color:#9c1116; line-height:40px; background:#FFF; padding:0px 5px 0px 10px; margin:40px 0px 35px 0px;} .product-cementright h1.ppcTittle span{ color:#000000;} product-cementright .image2{ width:402px; float:right; margin:0px 0px 0px 30px;} .catmain .marchandiseBox2{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox2:hover{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} /*Banner Start */ #bannerproduct{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; padding:10px 0px 60px 0px; margin:0px 0px 0px 0px;} /*#bannerproduct #bannermain{ width:1920px; margin:0px auto; text-align:center;}*/ #bannermain .bannleft{ width:576px; float:left; margin:0px 0px 0px 10px;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left; margin:0px 0px 0px 70px;} /*Banner End */ /*aboutUs start 27.11.2013*/ #bannermain .banabout{ background:url(../images/bannaraboutus.jpg) center top no-repeat; height:142px; width:100%; background-size:100%;} .banabout .about-banmain{ width:auto; margin:0px auto;} .about-banmain .aboutTittle{float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:5px 5%; font-size:18px; text-decoration:none; color:#ffffff; margin:90px 0px 0px 0px; background:url(../images/bantitle.png) right 0 no-repeat; width:90%; line-height:30px;} .aboutcontenar{ background:#ffffff; float:left; width:100%; margin:0px 0px 10px 0px; } .aboutcontenar .aboutmain{ width:1098px; margin:25px auto 20px auto;} .aboutmain .dialogbox{width:1073px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #cacaca;background-color:#e7e7e7; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#4f4f4f; text-decoration:none; text-align:left; padding:15px 0px 15px 10px; font-weight:normal;} .aboutmain .authorBox{ width:218px; float:left; background:url(../images/imageSec.jpg) left top no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; text-decoration:none; color:#d71920; padding:10px 0px 0px 54px; margin:0px 0px 0px 15px;} .aboutmain p.aboutTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; color:#101010; width:1098px; height:29px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #676767; float:left; background:none; margin:32px 0px 0px 0px; padding:0px 0px 5px 0px; } .aboutmain p.aboutText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; float:left; text-decoration:none; color:#303030; margin:31px 0px 0px 0px;} .aboutmain .aboutconenarBox{ width:1073px; float:left; background:#efefef; margin:30px 0px 32px 0px; padding:0px 0px 10px 0px;} .aboutcontenar h2.bordTittle{ background:url(../images/bordBg.png) left top no-repeat; width:361px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:left; padding:8px 0px 13px 10px; font-size:22px; margin:0px 0px 5px 0px; position:relative; left:-5px; font-weight:normal;} .aboutcontenar .dirBox{ width:1045px; float:left; margin:15px 0px 0px 10px;} .dirBox .leftSec{ float:left; background:#ffffff; border: 1px solid #dcdcdc; padding:5px; text-align:center; } .dirBox .rightSec{ width:886px; float:left; margin:0px 0px 0px 20px;} .rightSec h2.dirTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; text-align:left; background:url(../images/dirDiv.png) left bottom no-repeat; font-weight:normal; padding:0px 0px 5px 0px;} .rightSec p.dircontent{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:21px 0px 0px 0px;} .aboutmain .milestoneSec{ width:1059px; float:left; border: 1px solid #d8d8d8; } .milestoneSec h1.milestoneTittle{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; text-decoration:none; text-align:left;} .milestoneSec .readerBox{ width:1071px; float:left; background:url(../images/scale.jpg) center bottom no-repeat;} .readerBox .no{ font-family: 'MyriadPro-Regular'; font-size:36px; color:#d71920; text-decoration:none; text-align:left; width:82px; height:32px; float:left;} /*aboutUs End 27.11.2013*/ /*Product start 28.11.2013*/ #bannermain #banproduct{ background:url(../images/bannar-product.jpg) center top no-repeat; height:141px; width:100%; background-size:100%;} #banproduct .productmain{ width:auto; margin:0px auto;} .productmain .productTittleBox{ float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:10px 30px; font-size:35px; text-decoration:none; color:#ffffff; margin:200px 0px 0px 0px; background:url(../images/bantitle.png) no-repeat; width:465px; line-height:30px;} #bannermain #banproduct1{ background:url(../images/contact.jpg) center top no-repeat; height:292px; width:100%; float:left;} #banproduct1 .productmain1{ width:1076px; margin:0px auto;} .productmain1 .productTittleBox1{ background:#d71920; float:right; margin:227px 0px 0px 0px;font-family: "Calibri"; font-size:35px; text-decoration:none; padding:5px 20px; color:#ffffff;} #bancontact{ background:url(../images/bannar-product.jpg) center top no-repeat; height:292px; width:100%; float:left;} #bancontact .productmain{ width:1076px; margin:0px auto;} .productmain .productTittleBox{ background:#d71920; float:right; margin:227px 0px 0px 0px;font-family: "Calibri"; font-size:35px; text-decoration:none; padding:5px 20px; color:#ffffff;} #contenar .productContenar{ width:1071px; margin:41px auto 25px auto;} .productContenar .productHeadingTittle{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; text-align:left; color:#4a4a4a; font-weight:normal; text-decoration:none; float:left; width:1071px;} .productContenar .modarnBox{ width:1051px; float:left; background:#efefef; margin:26px 0px 0px 0px; padding:10px;} .modarnBox h1.modTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; text-decoration:none; color: #FFF; text-decoration:none; background:url(../images/bordBg.png) left top no-repeat; padding:6px 0px 5px 10px; width:351px; height:37px; position:relative; text-transform:uppercase; left:-15px; top:-10px; font-weight:normal;} .modarnBox h1.outlookblack{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; color: #000000; text-decoration:none; padding:6px 0px 0px 15px; width:351px; height:23px; position:relative; text-transform:uppercase; left:-15px; top:-10px; font-weight:normal;float:left; width:100%;} .modarnBox .operationBox{ width:1042px; float:left; margin:0px 0px 10px 0px;} .operationBox ul{ list-style-type:none;} .operationBox ul li{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4a4a4a; text-decoration:none; text-align:left; background:url(../images/rightarrow.jpg) left 3px no-repeat; padding:0px 0px 0px 15px; margin:5px 0px;} .modarnBox p.outlookText{ font-family: Arial, Helvetica, sans-serif; color: rgb(74, 74, 74); font-size:14px; text-decoration:none; text-align:left; padding:10x 0px 0px 15px; margin:20px 0px 0px 5px; display:block;} .productContenar .marHeaderBox{ width:1071px; float:left; background:#efefef; margin:10px 0px 0px 0px; } .tittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/dirDiv.png) left bottom no-repeat; float:left; margin:10px 0px 5px 10px; width:100%; padding:0px 0px 5px 0px;} .tittleBox1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/bordBg.png) left top no-repeat; margin:10px 0px 0px 0px; width:100%; padding:6px 0px 0px 10px; height:40px; position:relative; left:-5px; color:#ffffff; font-size:22px; top:-20px;} .cornar{ width:60px; hight:40px; position:relative; left:274px; bottom:40px;} .cornarsmall{ background:url(../images/cornarsmall.jpg) left top no-repeat; width:5px; height:7px; position:relative; top:-43px; left:-5px;} .marHeaderBox p.marcontent{font-family: Arial,Helvetica,sans-serif; font-size:14px; text-decoration:none; text-decoration:none; color: rgb(74, 74, 74); width:1039px; display:block; text-decoration:none; position:relative; padding:0px 10px 10px 15px; float:left;} .marHeaderBox .imageBox{ float:left; background:#ffffff; border: 1px solid #dcdcdc; padding:10px; margin:10px 0px 0px 15px; } .marHeaderBox .product-gradeBox{ width:1071px; float:left; margin:0px 0px 0px 20px;} .product-gradeBox .gradeTittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; text-align:left; float:left; width:100%; padding:0px 30px 10px 0px;} .product-gradeBox .portlandBox{ width:733px; float:left; margin:10px 0px 20px 0px;} .portlandBox ul{ list-style-type:none;} .portlandBox ul li{ background:url(../images/rightarrow.jpg) left 3px no-repeat; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; color:#4a4a4a; padding:0px 0px 0px 20px; width:733px; margin:5px 0px;} .productContenar .ppcBox{ width:1071px; float:left; margin:0px 0px 0px 0px; background:#efefef; padding:0px 0px 10px 0px; } .ppcBox .ppcTittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/dirDiv.png) left bottom no-repeat; float:left; margin:10px 0px 5px 10px; width:100%; padding:0px 0px 5px 0px; text-transform:uppercase; } .ppcBox .ppccornar{ width:60px; height:40px; position:relative; left:793px; top:-40px;} .ppcBox .ppcsmallcornar{ background:url(../images/ppcsmallcornar.jpg) left top no-repeat; width:5px; height:7px; position: relative; left:1068px; top:-40px; } .ppcBox .ppcimageSec{ float:right; background:#ffffff; border: 1px solid #dcdcdc; padding:10px; margin:0px 10px 0px 0px; } .ppcBox .ppcContenar{ width:1051px; float:right; margin:0px 10px 0px 0px;} .ppcContenar .ppcheading{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; padding:0px 0px 5px 0px; float:left; width:100%; text-align: justify; margin:0px 0px 20px 0px;} .ppcContenar .ppcaplication{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; padding:0px 0px 5px 0px; margin:15px 0px 15px 0px; float:left; width:733px;} /*Product End 28.11.2013*/ /*Vission Start 29.11.2013*/ #bannermain #banproductvission{ background:url(../images/vissionBannar.jpg) center top no-repeat; height:141px; width:100%; float:left; background-size:100%;} .productmain .productTittleBox{float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:5px 5%; font-size:18px; text-decoration:none; color:#ffffff; margin:90px 0px 0px 0px; background:url(../images/bantitle.png) right 0 no-repeat; width:90%; line-height:30px;} #banproductvission .productmain{ width:auto; margin:0px auto;} #bannermain #banInv{ background:url(../images/invBannar.jpg) center top no-repeat; height:141px; width:100%; float:left; text-align:center; background-size:100%;} #banInv .productmain{ width:auto; margin:0px auto;} #bannermain #banmedia{ background:url(../images/mediaBannar.jpg) center top no-repeat; height:290px; width:100%; float:left; text-align:center;} #banmedia .productmain{ width:1072px; margin:0px auto;} #bannermain #bancareer{ background:url(../images/careerBannar.jpg) center top no-repeat; height:141px; width:100%; float:left; text-align:center; background-size:100%;} #bancareer .productmain{ width:auto; margin:0px auto;} #bannermain #bancontact{ background:url(../images/contactBannar.jpg) center top no-repeat; height:141px; width:100%; float:left; text-align:center; background-size:100%;} #bancontact .productmain{ width:auto; margin:0px auto;} #category .cat-main{ width:1098px; margin:0px auto 15px auto;} .cat-main .catVission{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/vissionTab.jpg) center top no-repeat; margin:0px 8px; font-family:"Arial Rounded MT Bold";} .cat-main .catEmp{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/empTab.jpg) top left no-repeat; margin:0px 5px 0px 0px; font-family:"Arial Rounded MT Bold";} .cat-main .catGreen{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/greenawarnessTab.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .cat-main .catWind{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/windTab.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .catVission a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 13px 10px; margin:105px 0px 0px 0px; display:block;} .catEmp a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 4px 10px; margin:105px 0px 0px 0px; display:block;} .catGreen a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:22px 0px 12px 20px; margin:105px 0px 0px 0px; display:block;} .catWind a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 5px 10px; margin:105px 0px 0px 0px; display:block;} .cat-main .catpolicy{ width:258px; float:left; border: 1px solid #9a9999; background:url(../images/cpTab1.jpg) center top no-repeat; margin:0px 8px; font-family:"Arial Rounded MT Bold"; height:156px;} .cat-main .catinformation{ width:259px; float:left; border: 1px solid #9a9999; background:url(../images/fg.jpg) top left no-repeat; margin:0px 5px 0px 9px; font-family:"Arial Rounded MT Bold"; height:156px;} .cat-main .catBeyond{ width:258px; float:left; border: 1px solid #9a9999; background: url(../images/Bc.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .cat-main .catHar{ width:258px; float:left; border: 1px solid #9a9999; background: url(../images/finance.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold"; height:156px;} .catpolicy a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 13px 10px; margin:105px 0px 0px 0px; display:block;} .catinformation a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 4px 10px; margin:110px 0px 0px 0px; display:block;} .catBeyond a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:22px 0px 12px 20px; margin:105px 0px 0px 0px; display:block;} .catHar a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 20px 10px; margin:101px 0px 0px 0px; display:block;} /*Vission End 29.11.2013*/ /*Product & management End */ /* Management End */ /* Media Start */ .rightpanel1 .mediaFormBox{ width:450px; float:left;} .rightpanel1 .reachBox{width:450px; float:left; } .rightpanel1 .imagebox{ width:414px; float:left;} .rightpanel1 .mediaFormBox{ width:450px; float:left;} label.media-textName{font-family:'open_sansregular'; font-size:14px; color:#9c1921; text-align:right; text-decoration:none; margin:5px 0px; font-weight:bold; width:200px; display:block; float:left;} .mediaTextfield{ width:200px; border: 1px solid #333; margin:0px 0px 0px 10px; background: #CCC; margin:5px 0px 5px 10px;; float:left; } .mediaTextarea{ width:200px; border: 1px solid #333; margin:0px 0px 0px 10px; background: #CCC; margin:5px 0px 5px 10px;; float:left; height:50px;} a.mediasubmitbtn{ width:90px; height:20px; float:left; margin:20px 0px 10px 220px;} /* Media End */ /* Marchent Start */ .aboutcontenar .marchhentBtnBox{ width:100px; float:left; } .aboutcontenar a.ppcBox{ width:100px; float:left; background:#9e1f21; line-height:25px; padding:5px; font-family:'open_sansregular'; font-size:14px; color:#FFF; margin:5px 0px 0px 20px; text-align:center; font-weight:bold; display:block; text-decoration:none;} .aboutcontenar a.ppcBox:hover{ width:100px; float:left; background:#bf6667; line-height:25px; padding:5px; font-family:'open_sansregular'; font-size:12px; color:#FFF; margin:5px 0px 0px 20px; text-align:center; font-weight:bold; display:block; text-decoration:none;} /* Marchent End */ /*beyond Start*/ .catmain .cp{ width:147px; padding:40px 0px 30px 95px; float:left; background:url(../images/cp.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .cp:hover{ width:147px; padding:40px 0px 30px 95px; float:left; background:url(../images/cphover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain a.susLink{ float:left; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; font-weight:bold;} .catmain .ig{ width:142px; padding:7px 0px 15px 125px; float:left; background:url(../images/ig.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .ig:hover{ width:142px; padding:7px 0px 15px 125px; float:left; background:url(../images/ighover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain .bc{ width:142px; padding:30px 0px 32px 110px; float:left; background:url(../images/bc.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';margin:0px 9px; font-weight:bold;} .catmain .bc:hover{ width:142px; padding:30px 0px 35px 110px; float:left; background:url(../images/bchover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain .finance{ width:142px; padding:30px 0px 35px 105px; float:left; background:url(../images/finance.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .finance:hover{ width:142px; padding:30px 0px 35px 105px; float:left; background:url(../images/financehover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .vissionBox{ width:160px; padding:40px 0px 40px 100px; float:left; background:url(../images/vission.jpg) left top no-repeat; font-size:20px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .vissionBox:hover{ width:160px; padding:40px 0px 40px 100px; float:left; background:url(../images/vissionhover.jpg) left top no-repeat; font-size:20px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .empBox{ width:157px; padding:20px 0px 20px 112px; float:left; background:url(../images/emp.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain a.catlink{font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; } .catmain .empBox:hover{ width:157px; padding:20px 0px 20px 112px; float:left; background:url(../images/emphover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .greenBox{ width:150px; padding:20px 0px 35px 115px; float:left; background:url(../images/greentab.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .greenBox:hover{ width:150px; padding:20px 0px 35px 115px; float:left; background:url(../images/greentabhover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .windBox{ width:145px; padding:20px 0px 30px 115px; float:left; background:url(../images/windBg.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .windBox:hover{ width:145px; padding:20px 0px 30px 115px; float:left; background:url(../images/windBghover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} /*beyond End*/ #content { width: 400px; margin: 40px auto 0 auto; padding: 0 60px 30px 60px; border: solid 1px #cbcbcb; background: #fafafa; -moz-box-shadow: 0px 0px 10px #cbcbcb; -webkit-box-shadow: 0px 0px 10px #cbcbcb; } /* Slider http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html */ /* Slider /*-----------------------------------------------------------------------------------*/ .slider_container{ width:703px; margin:auto; clear:both; background:url(images/shadow_top.png) no-repeat top center; padding:0px 0 0 0;} .flex-caption{ position: absolute; } .caption_title_line{ background:url(../images/supBg.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line1{ background:url(../images/supBg2.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line2{ background:url(../images/supBg3.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line3{ background:url(../images/supBg4.png) left top no-repeat; width:420px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; padding:40px 0px 0px 0px; font-weight:normal; text-align:center;} .caption_title_line h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;} .caption_title_line1 h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;} .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 703px; margin: 0; padding: 0 0 10px 0;background:url(images/shadow_bottom.png) no-repeat center bottom;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width:703px; display: block; border:5px #ededed solid;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} /* Direction Nav */ .flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li a.next {background:url(images/next.png) no-repeat center; bottom:184px;} .flex-direction-nav li a.prev {background:url(images/prev.png) no-repeat center;bottom:141px;} .flex-direction-nav li a.next:hover {background:url(images/next_a.png) no-repeat center;} .flex-direction-nav li a.prev:hover {background:url(images/prev_a.png) no-repeat center;} .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} /* Media Queries /*-----------------------------------------------------------------------------------*/ #about_yrs_btn{width:1020px; position:relative;} #about_yrs_btn ul { list-style-type: none; padding: 0px; } #about_yrs_btn ul li { display: block; float: left; margin: 0 2px; font-size: 12px; } #about_yrs_btn ul li a { display: block; text-decoration: none; text-align: center; padding-top: 15px; width: 152px; height: 32px; color: #ffffff; background:#bf6667; } #about_yrs_btn ul li a:hover { background:#984344 -50px; color: #ffffff; } #about_yrs_btn ul li.active a { background: #984344 no-repeat center -50px; color: #ffffff; } .aboutScrollContentContainer { float: left; margin:0px 6px 0px 0px; width:900px; } .aboutScrollPrevBtnPos { float: left; width: 28px; margin-top: 12px; cursor: pointer; margin-right:7px; } .aboutScrollRightBtnPos { float: right; width: 28px; text-align: right; cursor: pointer; margin:12px 0px 0px 10px; } /*Tab Sliding Start*/ /* ######### CSS for Shade Tabs. Remove if not using ######### */ .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; border: 1px solid #778; color: #2d2b2b; background: white url(shade.gif) top left repeat-x; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 1px; } .shadetabs li a.selected{ /*selected main tab style */ background-image: url(shadeactive.gif); border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontent{ display:none; background:#fffffff; } /* ######### CSS for Indented CSS Tabs. Remove if not using ######### */ .indentmenu{ font: bold 13px Arial; width: 100%; /*leave this value as is in most cases*/ } .indentmenu ul{ margin: 0; padding: 0; float: left; /* width: 80%; width of menu*/ border-top: 1px solid navy; /*navy border*/ background: black url(indentbg.gif) center center repeat-x; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; color: white; /*text color*/ text-decoration: none; border-right: 1px solid navy; /*navy divider between menu items*/ } .indentmenu ul li a:visited{ color: white; } .indentmenu ul li a.selected{ color: white !important; padding-top: 6px; /*shift text down 1px*/ padding-bottom: 4px; background: black url(indentbg2.gif) center center repeat-x; } .tabcontentstyle{ /*style of tab content oontainer*/ border: 1px solid gray; width: 450px; margin-bottom: 1em; padding: 10px; } .tabcontent{ display:none; } #iview { display: block; width: 100%; height: 500px; background: #000; background: rgba(0, 0, 0, 0.7); padding: 5px; border-radius: 5px; position: relative; -webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); margin: 40px auto; } #iview .iviewSlider { display: block; width: 900px; height: 500px; overflow: hidden; border-radius: 4px; } .iview-controlNav { position: absolute; bottom: 30px; left: 347px; height: 44px; } .iview-controlNav a { text-indent: -9999px; } .iview-controlNav a.iview-controlPrevNav { float: left; width: 50px; height: 44px; background: url('../../img/slider-controls.png') no-repeat; } .iview-controlNav a.iview-controlNextNav { float: left; width: 50px; height: 44px; background: url('../../img/slider-controls.png') no-repeat -50px 0px; } .iview-controlNav div.iview-items { float: left; padding: 0px 10px 0px 10px; height: 44px; background: url('../../img/nav-bg.png'); } .iview-controlNav a.iview-control { padding: 0px; float: left; width: 11px; height: 12px; background: url('../../img/bullets.png') no-repeat; line-height: 0px; } .iview-controlNav a.iview-control.active { background-position: 0px -12px; } .iview-caption { background: url('../../img/caption-bg.png'); color: #FFF; border-radius: 3px; padding: 10px 15px; font-family: Verdana; font-size: 12px; text-shadow: #000 1px 1px 0px; } .iview-caption.caption1 { font-size: 36px; font-weight: bold; height: 45px; } .iview-caption.caption2 { background: #00b4ff; font-size: 36px; font-weight: bold; text-shadow: none; } .iview-caption.caption3 { background: #FFF; color: #000; font-size: 26px; text-shadow: none; } .iview-caption.caption4 { font-size: 22px; font-weight: bold; } .iview-caption.caption5 { background: #c4302b; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px; font-size: 20px; font-weight: bold; text-shadow: none; } .iview-caption.caption6 { font-size: 18px; } .iview-caption.caption7 { text-align: left; font-size: 11px; color: #888; border-radius: 0px; } .iview-caption.caption7 div { line-height: 200%; } .iview-caption.caption7 h3 { margin-bottom: 20px; color: #FFF; } .iview-caption.blackcaption { background: #000; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px; text-shadow: none; } #iview-preloader { border: #666 1px solid; width: 150px } #iview-preloader div { background: #666; } .iview-controlNav div.iview-items ul li { padding: 0px; float: left; width: 11px; height: 12px; margin: 3px; margin-top: 16px; line-height: 0px; } #iview #iview-tooltip { display: none; position: absolute; background: url('../../img/tooltip.png') no-repeat; width: 124px; height: 90px; bottom: 30px; left: -67px; padding: 10px; z-index: 100; } #iview #iview-tooltip div.holder { display: block; width: 124px; height: 84px; overflow: hidden; border-radius: 2px; } #iview #iview-tooltip div.holder div.container { display: block; width: 4000px; } #iview #iview-tooltip div.holder div.container div { float: left; display: block; overflow: hidden; width: 124px; height: 84px; left: -50%; text-align: center; } #iview #iview-tooltip div.holder div.container div img { height: 84px; margin: 0 auto; } /*Tab Sliding End*/ #tabs { overflow: auto; width: 58%; list-style: none; margin: 0px; padding: 0; position:relative; left:42px; } #tabs li { margin: 0; padding: 0; float: left; } #tabs a { -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); box-shadow: -4px 0 0 rgba(0, 0, 0, .2); background: #ad1c1c; background: -moz-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -ms-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -o-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: linear-gradient(220deg, transparent 10px, #ad1c1c 10px); text-shadow: 0 1px 0 rgba(0,0,0,.5); color: #fff; float: left; font: bold 12px/35px 'Lucida sans', Arial, Helvetica; height: 35px; padding: 0 30px; text-decoration: none; } #tabs a:hover { background: #c93434; background: -moz-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -ms-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -o-linear-gradient(220deg, transparent 10px, #c93434 10px); background: linear-gradient(220deg, transparent 10px, #c93434 10px); } #tabs a:focus { outline: 0; } #tabs #current a { background: #fff; background: -moz-linear-gradient(220deg, transparent 10px, #fff 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #fff 10px); background: -ms-linear-gradient(220deg, transparent 10px, #fff 10px); background: -o-linear-gradient(220deg, transparent 10px, #fff 10px); background: linear-gradient(220deg, transparent 10px, #fff 10px); text-shadow: none; color: #333; } #contenttab { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background-image: -webkit-linear-gradient(top, #fff, #ddd); background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -ms-linear-gradient(top, #fff, #ddd); background-image: -o-linear-gradient(top, #fff, #ddd); background-image: linear-gradient(top, #fff, #ddd); -moz-border-radius: 0 2px 2px 2px; -webkit-border-radius: 0 2px 2px 2px; border-radius: 0 2px 2px 2px; -moz-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; -webkit-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; padding: 10px; float:left; margin:1px 0px 0px 46px; width:55%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; } #contenttab h2.tabtittle{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:12px; color:#000000;} #contenttab .contentBox{ width:600px; float:left; border: 1px solid #b6b6b6;} #contenttab .contentName{ width:300px; float:left; height:26px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b6b6b6; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#0000000; text-align:left; line-height:25px; } /* Remove the rule below if you want the content to be "organic" */ #content div { height: 220px; } /* --- */ #about { color: #999; } #about a { color: #eee; } /* 13.12.2013*/ /* HEADER */ #header { height:400px; } .headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; } /* NAVIGATION */ #nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("../images/headerbg.png"); } /* SEARCH */ #search { background-color:#051733; float:right; width:220px; padding:10px; } #searchtxt { padding:3px; width:150px; } #searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; } /* HEADER TEXT */ #headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px; } #firstline { line-height:20px; position:relative; top:178px; height:137px; font-size:30px; color:#000; text-decoration:none; top:190px; background:url(../images/red.png) left top no-repeat; padding:39px 300px 20px 40px; } #firstline1 { line-height:20px; position:relative; width:750px; top:178px; height:137px; font-size:30px; color:#000; text-decoration:none; top:190px; background:url(../images/red.png) left top no-repeat; padding:39px 357px 20px 40px; width:555px;} #secondline { background:url(../images/bannarcontentBg.png) left top no-repeat; color:#CD2B3A; text-decoration:none; padding:10px 0px 10px 39px; display:block; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-align:left; position:relative; top:212px; width:555px;} .pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; } .pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; } .pictured a:hover { text-decoration:underline; } /* CONTROLS */ .btn { height:32px; width:32px; float:left; cursor:pointer; } #back { background-image:url("../images/btn_back.png"); } #control { background-image:url("../images/btn_pause.png"); } /* HEADER HAVIGATION */ #headernav-outer { position:relative; top:400px; margin:0 auto; width:960px; } #headernav { padding-left:864px; position:relative; top:-50px;} /* CONTENT */ #content { color:#575757; background-color:#eee; } #content p { padding:10px 20px; font-size:16px; width:960px; margin:0 auto; } #content p a { text-decoration:none; color:#CD2B3A; } #content p a:hover { text-decoration:underline; color:#7F000C; } /*-------------------------------------------------- 29-7-2014 -------------------------------------------------*/ .ContainDiv{ width:98%; height:auto; margin:0; background:#fff; padding:0 1%;} .mainDiv{ width:100%; margin:0 auto; border:none; padding:20px 0 10px 0;} .cleardiv{clear:both; height:0;} .innerLeft{ width:25%; height:auto; float:left;} .innerRight{ width:75%; height:auto; float:left; padding:0 0%;} .innerLeft .heading{ width: auto; font-family:'open_sansregular'; color:#414141; font-size:20px; text-decoration:none; margin:0px; padding-bottom:10px; background:url(../images/leftborder.png) no-repeat left bottom; margin-bottom:15px; display:block; } .innerLeft ul{ width:auto; display:block;} .innerLeft ul li{ padding-top:10px; list-style-image:url(../images/innerLeft.jpg); margin-left:17px; font-size:17px; font-family:Arial;} .innerLeft ul li a{ color:#414141; text-decoration:none;} .innerLeft ul li a:hover{ color:#d61920; text-decoration:none;} .innerLeft ul li a.active{ color:#d61920; text-decoration:none;} .innerRightHeading{ font-size:14px; font-family:arial; color:#414141; font-weight:normal; margin-bottom:15px; text-align:justify;} .innerRightContainer{ width:100%; height:auto; float:right; padding:0 0%;} .innerRightTop{background:url(../images/innerRighttop.png) no-repeat; background-size:100%; width: 100%; height: 40px; color: #ffffff; font-family: 'open_sansregular'; font-size: 18px; text-align: center; line-height: 30px; font-weight: normal;} .innerRightBot{ width:92%; height:auto; padding:5px 2%; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px; text-align:justify;} .legacyImg{ width:99px; height:124px; float:left; margin-right:15px; margin-top:5px;} .legacyQuote{ width:60%; float:left; line-height:20px;} .quoteWriter{ font-size:20px; font-family:'open_sansregular'; color:#d61920; padding-top:10px;} .mr15{ margin-right:15px;} .mr5{ margin-right:5px;} .mr20{ margin-right:20px;} .mr50{ margin-right:50px;} .mb50{ margin-bottom:50px;} .mb20{ margin-bottom:20px;} .mt15{ margin-top:15px;} .mt35{ margin-top:35px;} #toggle ul{width:99%;} #toggle li:hover{background:none} #toggle li{list-style-type:none; cursor:pointer; margin:2px; padding:5px 5px 5px 5px; font-family:'open_sansregular'; font-size:14px;} #toggle ul div{color: #414141; cursor: auto; display: none; font-family:Arial; font-size:14px; padding: 5px 0 5px 5px; text-decoration: none; width:100%; } #toggle ul div a{color:#414141; font-weight:normal; text-decoration:none} #toggle li div:hover{text-decoration:none !important;} #toggle li:before {content: ">"; padding:10px 10px 10px 0; font-weight:bold; color:#414141; font-family:'open_sansregular';font-size:15px;} #toggle li.active:before {content: ">";/* background:url(../images/arrow-down.gif) no-repeat left center;*/ padding:10px 0px 10px 10px; font-weight:bold; color:#414141; font-family:'open_sansregular';font-size:25px;} #toggle{width:100%;} #toggle ul div span{font: 15px Arial; color: #d61920;} .brandImg{ width:180px; height:200px; float:left; margin-right:20px; margin-top:0px;} .BrandBox{ width:100%; float:left; line-height:20px; font-family:arial; font-size:14px; margin:20px 0 0 0;} .BrandName{ font-size:18px; font-family:'open_sansregular'; color:#d61920; padding-top:10px; padding-bottom:15px;} .w40per{ width:40% !important; border-right: dashed 1px #999;} .w50per{ width:50%} #footerticker { height:20px; overflow: hidden; margin-top:20px; margin-bottom:25px; } #footerticker li { height: 20px; font-family:Arial; font-size:14px; list-style:none; font-style:italic; font-size:16px; color:#FFC; } .inputDiv{ width:85%; height:35px; background:#fff; border:solid 1px #b0b0b0; color:#414141; padding:2px 10px; margin-bottom:15px;} .selectinputDiv{ width:85%; height:35px; background:#fff; border:solid 1px #b0b0b0; color:#999; padding:2px 10px; margin-bottom:15px;} .submit{ background:url(../images/submit-but.png) no-repeat; width:75px; height:35px; border:none; cursor:pointer;} #map{height:300px; width:60%; margin-right:10px; float:left;} .address{ width:35%; float:left; height:auto;} .homebanner{ width:100%; height:465px; margin:0 auto 0px;} .annualReportDiv{ float:left; width:100%; height:auto; margin-top:30px;} .annualReportTop{ background:#d61920; width:100%; height:50px; color:#ffffff; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px; font-weight:bold;} .annualReportBot{ width:96%; height:auto; padding:15px 2%; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px;} .annualReportBot .left{ width:58px; height:74px; float:left; border:solid 1px #bdbfbf; margin-right:15px;} .annualReportBot .right{ width:265px; height:74px; float:left;margin-right:0px;} .topic{ color:#414141; font-size:16px; font-family:arial; padding-bottom:15px;} .topic a{ color:#414141; text-decoration:none;} .topic a:hover{ color:#414141; text-decoration:underline;} .network a{ color:#414141; text-decoration:none;} .network a:hover{ color:#414141; text-decoration:underline;} .readmore{ color:#d61920; font-size:13px; font-family:arial; padding-bottom:8px; font-weight:600;} .readmore a{ color:#d61920; text-decoration:none;} #reportticker{ height:345px; overflow: hidden; margin-top:5px; margin-bottom:5px; } #reportticker li { height: 115px; font-family:Arial; font-size:14px; list-style:none; margin-bottom:0px;} .homeLeft{ float:left; width:35%;} .homeRight{ float:right; margin-left:0px; width:65%;} .birlagrade{ width:679px; height:192px; margin-top:44px; margin-bottom:10px; background:url(../images/birlagrade.png) no-repeat;} .birlagrade ul{ width:443px; margin-left:240px;} .birlagrade ul li{ display:inline; list-style:none; font-size:30px; color:#414141; font-family:arial; font-weight:normal; width:auto; line-height:40px; text-align:center; width:auto; float:left; padding-top:55px;} .birlagrade ul li span{ font-size:50px; color:#d61920; font-family:arial; font-weight:normal;} .isoDiv{ width:325px; float:left; margin-left:10px} .isoTop{ background:url(../images/iso.png); width:325px; height:58px; color:#d61920; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px;} .isoBot{ width:262px; height:auto; padding:15px; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px; min-height:133px;} .isoBot .left{ width:75px; height:105px; float:left; border:solid 1px #bdbfbf; margin-right:15px;} .isoBot .right{ width:170px; height:auto; float:left;margin-right:0px; line-height:20px !important;} .homeLegacyDiv{ width:333px; float:left; margin-left:10px} .homeLegacyTop{ background:url(../images/legacy.png); width:333px; height:58px; color:#d61920; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px;} .homeLegacyBot{ width:266px; height:auto; padding:15px; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px;} .homeLegacyBot .left{ width:80px; height:109px; float:left; border:solid 1px #bdbfbf; margin-right:8px; margin-top:5px;} .homeLegacyBot .right{ width:175px; height:auto; float:left;margin-right:0px; line-height:19px !important;} .homeLegacyBot .right span{ color:#d61920;} .energyImg{ width:150px; height:125px; float:left; margin-right:15px; margin-top:5px;} .energytext{ width:605px;line-height:20px;} .homeBox{font-size:25px; color:#d61920; font-family:arial; font-weight:normal; width:27%; float:none; height:192px; margin:0 3%; text-align:center; margin-top:30px; float:left;} .homeBox a{color:#d61920; text-decoration:none;} .homeBox img{width:100%; height:auto;} #investor ul{width:99%;} #investor li:hover{background:none} #investor li{list-style-type:none; cursor:pointer; margin:2px; padding:5px 5px 5px 5px; font-family:'open_sansregular'; font-size:22px;} #investor ul div{color: #414141; cursor: auto; font-family:Arial; font-size:14px; padding: 15px 0 5px 6px; text-decoration: none; width:100%; } #investor ul div a{color:#414141; font-weight:normal; text-decoration:none} #investor li div:hover{text-decoration:none !important;} #investor{width:100%;} .investorButton a{ width: auto; padding:0px 15px; height:20px; line-height:20px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border:solid 2px #faa21a; font-family:arial; font-size:14px; font-weight:normal; color:#d61920; /*text-shadow: 0 1px 4px #8e8d8d;*/ text-align:center; text-decoration:none; margin:5px 5px; float:left; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWVkZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 54%, #f1edec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(54%,#f5f5f5), color-stop(100%,#f1edec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1edec',GradientType=0 ); /* IE6-8 */ } .investorButton a:hover{ width: auto; padding:0px 15px; height:20px; line-height:20px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border:solid 2px #da7c0a; font-family:arial; font-size:14px; font-weight:normal; color:#ffffff;/* text-shadow: 0 1px 4px #8e8d8d; */text-align:center; text-decoration:none; margin:5px 5px; float:left; background: #faa21a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYTIxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2Y2OGUxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTc5MWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #faa21a 0%, #f68e1d 54%, #f9791e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa21a), color-stop(54%,#f68e1d), color-stop(100%,#f9791e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* IE10+ */ background: linear-gradient(to bottom, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa21a', endColorstr='#f9791e',GradientType=0 ); /* IE6-8 */ } /*---------------------Anirban-------------------*/ .innerRightContainer p{ font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0 0 20px 0;} .bod_sec{clear:both;} .bod_sec_left{float:left; width:94px; margin:0 10px 0 0;} .bod_sec_left img{border:1px solid #bbbdbd;} .bod_sec_right{float:left; width:63%;} .bod_name{ font:18px "Myriad Pro"; color:#d61920; margin:0 0 10px 0px;} .bod_detail{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .toe{font:14px Arial, Helvetica, sans-serif; color:#414141;} .toe span{font:18px Arial, Helvetica, sans-serif; color:#414141;} .awards{clear:both;} .awards_left{float:left; width:250px; height:208px; background:#5c5b5b;} .awards_right{float:right; width:68%;} .awards_right_date{font:25px Arial, Helvetica, sans-serif; color:#414141;} .awards_right_date span{font:40px "Myriad Pro"; color:#d61920;} .awards_right_cont{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .career_new{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px} .career_new a{ color:#414141; text-decoration:none;} .career_new a:hover{ color:#666; text-decoration:none;} .renewal_energy{clear:both;} .renewal_energy_heading{ font:18px "Myriad Pro"; color:#414141; margin:0 0 10px 0px;} .renewal_energy_cont{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .toe_left{width:30%; float:left;font:18px Arial, Helvetica, sans-serif; color:#414141;} .toe_right{width:70%; float:left;} } @media only screen and (min-width: 960px) and (max-width: 1024px) { #banner #bannermain{ margin:0px auto; background:url(../images/bannarbg.jpg) left top repeat; width:1098px; height:188px;} .milestoneTable tr td:first-child{font-size:20px; color:#d61920; vertical-align:top;} #HeaderSec{ width:100%; float:left; padding:10px 0px; background:#fefdfd;} #HeaderSec .headermain{ margin:0px auto; width:100%;} #HeaderSec a.logo{ width:460px !important; height:96px !important; float:left; display:block; margin:0px 0px 0px 0px; background-size:100%;} #HeaderSec a.logo img{width:100%; height:auto;} .bkgroup{width:130px; float:right; margin:0px 30px 0px 0px;} .bkgroup img{width:100%; height:auto;} /* Header Section End*/ /*Menu Start */ #menu{ line-height:72px; float:left; width:100%;/* background:url(../images/menuBg.jpg) left top repeat-x #d71920;*/ height:54px; position:absolute; z-index:99; margin:116px 0 0 0; background: #ce0000; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NlMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjZmUzYTI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiNmZTNhMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIyNiUiIHN0b3AtY29sb3I9IiNmNDM0MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNlNzJkMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OSUiIHN0b3AtY29sb3I9IiNkZDI4MjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDcyNjI0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, #ce0000 0%, #fe3a24 2%, #fe3a24 5%, #f43424 26%, #e72d24 60%, #dd2824 79%, #d72624 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ce0000), color-stop(2%,#fe3a24), color-stop(5%,#fe3a24), color-stop(26%,#f43424), color-stop(60%,#e72d24), color-stop(79%,#dd2824), color-stop(100%,#d72624)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* IE10+ */ background: linear-gradient(to bottom, #ce0000 0%,#fe3a24 2%,#fe3a24 5%,#f43424 26%,#e72d24 60%,#dd2824 79%,#d72624 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0000', endColorstr='#d72624',GradientType=0 ); /* IE6-8 */ } #menu #nav{ width:100%; margin:0px auto; height:71px;font-family: 'MyriadPro-Regular'; margin-top:15px;} #nav ul{ list-style-type:none;} #nav ul li{ float:left; height:54px; line-height:54px; z-index:10000; border-right:solid 1px #ba2b27; width:100%;} #nav ul li a{ font-family:'open_sansregular'; color:#FFF; font-size:18px; text-decoration:none;margin:0px 36px; line-height:54px;} /*Menu End */ /*Banner Start */ #banner{ width:100%; float:left; left top repeat;} #banner #bannermain{ margin:0px auto; background:url(../images/bannarbg.jpg) left top repeat; width:100%;} #bannermain .banarLeft{ width:571px; float:left; height:313px;} #bannermain img{ width:100%;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; float:left;} #banner1{ width:100%; float:left; background: url(../images/bannarproduct.jpg) left top no-repeat; left top repeat;} #banner1 #bannermain1{ margin:0px auto; width:1098px; padding:20px 0px 20px 0px;} #bannermain1 .banarLeft1{ width:571px; float:left; height:313px;} #bannermain1 .bannleft1 h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft1 p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left;} /*Banner End */ /*Shadow Box Start */ .shadowbox{ width:100%; float:left; background:url(../images/boxshadow.jpg) top center no-repeat #eaeaea; height:42px;} .shadowbox1{ width:100%; float:left; background:url(../images/Bg.jpg) repeat; height:50px;} /*Category Box End */ /*BedCome Start */ #bedSec{ width:100%; float:left; background:url(../images/bedbg.jpg) left top repeat-x #ededed; padding:5px 0px 5px 0px; } #bedSec .bedComeMain{ width:1098px; margin:5px auto 5px auto; background:#f2f1ec;} .bedComeMain ul{ list-style-type:none;} .bedComeMain ul li{ float:left; margin:0px 5px; line-height:20px;} .bedComeMain ul li a{font-family: 'open_sansregular'; color:#F00; text-decoration:none;} .bedComeMain ul li a.active{font-family: 'open_sansregular'; color:#000; text-decoration:none;} /*BedCome End */ /*Category Box Start */ #category{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:10px 0px 0px 0px;} #category .catmain{ width:1098px; margin:0px auto 15px auto;} .catmain .marchandiseBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} a.link {font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} a.link:hover{font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .meritsBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/merits.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 7px; text-transform:uppercase; font-family: 'open_sansregular';} .catmain .meritsBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/meritshover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; margin:0px 5px 0px 7px; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .manageBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/management.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 3px; } .catmain .manageBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/managementhover.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; margin:0px 5px 0px 3px; cursor:pointer;} .catmain .mapBox{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/maps.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; margin:0px 5px 0px 5px; } .catmain .mapBox:hover{ width:162px; padding:45px 0px 49px 105px; float:left; background:url(../images/mapshover.jpg) left top no-repeat; font-family:Myriad Pro; font-size:22px; text-decoration:none; text-align:left; color:#000000; margin:0px 5px 0px 5px; cursor:pointer; text-decoration:none;} /*Category Box End */ /*Category Start 26.11.2013*/ #category{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:10px 0px 0px 0px;} #category .cat-main{ width:1098px; margin:0px auto 15px auto;} .cat-main .catTab{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/marBg.jpg) center top no-repeat; margin:0px 6px 0px 0px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab1{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/merit.png) center top no-repeat; margin:0px 6px 0px 6px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab2{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/tab3.png) center top no-repeat; margin:0px 6px; font-family:"Arial Rounded MT Bold";} .cat-main .catTab3{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/tab4.png) center top no-repeat; font-family:"Arial Rounded MT Bold"; margin:0px 0px 0px 6px;} .catTab3 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab2 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab1 a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block; font-family: Arial, Helvetica, sans-serif; font-weight:normal;} .catTab a.catBlack{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:22px; color:#ffffff; text-decoration:none; text-transform:uppercase; line-height:55px; padding:0px 0px 0px 10px; margin:105px 0px 0px 0px; display:block;font-family: Arial, Helvetica, sans-serif; font-weight:normal;} /*Category End 26.11.2013*/ /*Contenar Box Start */ #contenar{ width:100%; float:left; background:url(../images/Bg.jpg) left top repeat; padding:0px 0px 10px 0px; } #contenar .contenarmain{ width:1098px; margin:0px auto 20px auto;} /*Left Pannel Start */ .contenarmain .leftpanel{ width:297px !important; float:left; margin:20px 0px 0px 0px;} .leftpanel .upBox{ width:297px; float:left; background:#e5e5e5; padding:0px 0px 15px 0px; border: 1px solid #bdbdbd; } .leftpanel .mangalamBox{ padding:16px 0px 21px 22px; background:#bf6667; margin:10px 0px 0px 0px; color:#ffffff; cursor:pointer;} .leftpanel .mangalamBox1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:0px 0px 12px 22px; color:#ffffff; cursor:pointer; font-size:22px; text-decoration:none; background:url(../images/annualBg.png) center bottom no-repeat; width:271px; height:34px; position:relative; left:-16px; top:-1px; line-height:35px;} .leftpanel .mangalamBox2{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding:12px 0px 12px 22px; background:#c32022; color:#ffffff; cursor:pointer; font-size:22px; margin:5px 0px 0px 0px; text-decoration:none;} .leftpanel .mangalamBox:hover{ padding:16px 0px 21px 22px; background:#bf6667; margin:10px 0px 0px 0px; background:#984344; cursor:pointer;} .leftpanel .environmentalBox{ font-size:24px; color:#9e1f21; display:block; padding:10px 0px 7px 15px; text-transform:uppercase; width:277px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/dotline.png) center bottom no-repeat; margin:0px 0px 6px 10px;} .leftpanel .environmentalBox1{ font-size:24px; color:#9e1f21; display:block; padding:0px 0px 15px 15px; text-transform:uppercase; width:277px; ; } .environmentalBox span{ color:#000000;} p.blackText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; float:left; text-decoration:none; text-align:left; color:#230606; padding:0px 10px 0px 10px; line-height:25px; font-weight:normal; margin:0px 0px 0px 10px;} p.focalText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; float:left; text-decoration:none; text-align:left; color:#230606; padding:0px 10px 0px 10px; line-height:25px; font-weight:normal; margin:5px 0px 5px 10px;} p.financeText{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; float: left; text-decoration: none; text-align: left; margin: 5px 0px 0px; color:#4a4a4a; padding:0px 0px 10px 10px;} p.blackTextcareer{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; padding:0px 10px 10px 10px; margin:0px 0px 10px 0px;} a.learnButn{ width:93px; height:25px; float:left; margin:0px 0px 15px 180px; float:left;} .leftpanel .bottomBox{ width:297px; float:left; background:#e5e5e5; margin:10px 0px 0px 0px; border: 1px solid #bdbdbd; } .bottomBox h1{font-size:22px; color:#FFF; display:block; padding:10px 0px 10px 15px; text-transform:uppercase; width:277px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/annualBg.png) left top no-repeat; font-weight:normal; top:-1px;} .bottomBox .reportBox{ width:251px; float:left; margin:10px 0px 0px 0px ;} .bottomBox .reportBox2{ width:251px; float:left;} .reportBox2 p.reportText{ width:145px; float:left; color:#230606; font-size:17px;} a.readBtn{ width:49px;} .reportBox .ImageBox{ width:82px; float:left; margin:0px 10px 0px 0px;} .reportBox p.reportText{ width:145px; float:left; color:#191919; font-size:17px; text-transform:capitalize; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;} .bottomBox .reportBox2{ width:251px; float:left; margin:20px 0px 10px 0px ;} /*Left Pannel End */ /*Right Pannel Start */ .contenarmain .rightpanel{ width:762px !important; float:left; margin:20px 0px 0px 29px;} .contenarmain .rightpanelInn{ width:1098px !important; float:left; background:#e7e7e7;} .rightpanel .aboutcontenar{ background:#ffffff; padding:0px 0px 20px 0px; position:relative; } .rightpanel .career{ background:#dedbd4; padding:10px 0px 20px 0px;} .aboutcontenar span a.redBlink{ color:#F00; font-size:14px; text-decoration:blink; font-weight:bold;} .aboutcontenar h1{ font-size:22px; color:#ffffff; width:465px; display:block; padding:10px 0px 20px 20px; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/tittleBg.png) left top no-repeat; position:relative; left:-5px; font-weight:normal; height:34px;} .aboutcontenar h1.quaryTittle{ background:#ffffff; font-size:18px; color:#9e1f21; width:420px; display:block; line-height:30px; padding:0px 0px 0px 10px; text-transform:uppercase; font-family: 'open_sanssemibold'; margin:5px 0px 10px 0px; float:left; } .aboutcontenar h3.reachTittle{ background:#ffffff; font-size:18px; color:#9e1f21; width:420px; display:block; line-height:30px; padding:0px 0px 0px 10px; text-transform:uppercase; font-family: 'open_sanssemibold'; margin:5px 0px 10px 40px; float:left;} .aboutcontenar h1.gap{ background:#f2f1ec; font-size:18px; color:#9e1f21; width:362px; display:block; line-height:30px; padding:0px 0px 0px 10px; line-height:44px; margin:5px 0px 0px 0px; width:420px;} .aboutcontenar .behondText{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; padding:10px;} a.readmore{ width:114px; height:32px; float:right; margin:0px 20px 0px 0px;} /*Grade Box start */ .rightpanel .gradeBox{ width:363px; float:left; margin:19px 0px 10px 0px; border: 1px solid #d6d6d6; background-color: #e5e5e5; } .gradeBox h1{font-size:20px; color:#FFF; display:block; padding:10px 0px 15px 15px; text-transform:uppercase; background:url(../images/gradeBg.png) left top no-repeat; width:311px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; top:-1px;} .gradeBox h1 span.black{ color:#000000;} .gradeboxgradeSec{ width:335px; margin:0px auto;} .gradeboxgradeSec ul{ list-style-type:none;} .gradeboxgradeSec ul li{ float:left; margin:10px 0px 6px 0px; height:73px;} /*Grade Box End */ /*Certificate Box Start */ .certtificateBox{ width:380px; float:left; margin:19px 0px 0px 14px; background:#e5e5e5; padding:0px 0px 20px 0px; border: 1px solid #bdbdbd; } .certtificateBox h1{ font-size:20px; color:#FFF; width:260px; display:block; line-height:30px; padding:0px 0px 5px 15px; width:361px; line-height:44px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/certificateBg.png) left top no-repeat; position:relative; left:-5px; font-weight:normal; top:-1px;} .cerBox{ width:111px; float:left; margin:10px 14px 0px 14px;} p.cerText{ margin:14px 0px 16px 0px; text-align:left; font-size:18px; display:block; float:left; width:202px; line-height:25px; padding:0px 0px 10px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; color:#230606;} p.reporText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#230606; text-decoration:none; text-align:left; font-size:17px; padding:0px 0px 0px 5px; width:145px; float:left; text-transform:capitalize;} a.readBtn{ width:49px; height:19px; float:left; margin:16px 0px 0px 0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color:#393838; text-decoration:none; text-align:left; background:url(../images/leftarrow-home.png) right 3px no-repeat;} /*Certificate Box End */ /*Choose Box Start */ .rightpanel div.chooseBox{ width:762px; float:left; background:#FFF; border: 1px solid #bdbdbd; margin:10px 0px 0px 0px; } .chooseBox .supBox{ width:703px; margin:5px 0px 5px 10px;} .chooseBox h1{ font-size:20px; color:#FFF; display:block; padding:10px 0px 15px 15px; text-transform:uppercase; background:url(../images/gradeBg.png) left top no-repeat; width:311px; position:relative; left:-5px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; font-weight:normal; top:-1px;} .aboutcontenar h1 span.black{ color:#000000;} /*Choose Box End */ /*Right Pannel End */ /*Footer Box Start */ .footermenu{ color:#fff; font-family:Arial; font-size:12px;} .footermenu ul li{ display:inline; padding:5px 5px 5px 0px; color:#fff !important;} .footermenu ul li a{ color:#fff; text-decoration:none;} .copy{color:#fff; font-family:Arial; font-size:12px; padding:10px 0; float:left; width:100%; text-align:center;} #footer{ width:100%; float:left; background:url(../images/footerBg.jpg) top center no-repeat #242220; height:90px;} #footer .footermain{ width:100%; margin:0px auto; padding:10px 0px 0px 0px;} .footermain .beliefBox{ width:500px; float:left;font-family: 'open_sansregular'; font-size:14px; color:#ffffff;} .beliefBox h1{ font-family: 'open_sansregular'; font-size:23px; color:#fff; font-weight:normal;} .beliefBox p{font-family:arial; font-size:14px; color:#c4c4c4; line-height:24px; margin:16px 0px 0px 0px;} .footermain .touchBox{ width:265px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; margin:0px 0px 0px 20px;} .touchBox h1{ font-family: 'open_sansregular'; font-size:23px; color:#fff; font-weight:normal;} .touchBox p{font-family:arial; font-size:12px; color:#fff; line-height:24px; margin:10px 0px 0px 0px;} .touchBox p a{color:#fff; text-decoration:none;} .footermain .stayconnection{ width:248px; float:left; margin:0px 0px 0px 60px;} .stayconnection h1{ font-family:'open_sansregular'; font-size:18px; color:#c4c4c4; margin:0px 0px 20px 0px;} .stayconnection .socialBox{ width:243px; margin:0px auto;} .socialBox ul{ list-style-type:none;} .socialBox ul li { float:left; margin:0px 5px;} .footermenu{ width:75%; float:none; margin:0 auto;} .footermenu ul{ list-style-type:none;} /*Footer Box End */ /*Product & management Start */ /*#banner{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; }*/ #contenar .product-contenar{ width:1098px; margin:0px auto; background:#dedbd4; padding:10px 0px 10px 0px;} .product-contenar h1.merTittle{ width:184px; float:left; background:#ffffff; line-height:43px; color:#9e1f21; font-family: 'open_sansregular'; text-align:left; padding:0px 0px 0px 10px; font-size:24px;} .product-contenar p.contentBox{ width:1060px; float:left; font-family: 'open_sansregular'; font-size:18px; color:#230606; line-height:34px; text-align:left; padding:15px 0px 0px 10px;} .product-contenar .gradecementBox{ width:414px; float:left; margin:50px 0px 0px 0px;} .gradecementBox h1.redText{ font-family:'open_sansregular'; font-size:35px; text-align:left; color:#9c1116; height:49px; padding:0px 0px 0px 10px; width:342px; background:#ffffff;} .gradecementBox span{ color:#000000;} .gradecementBox p.ImageBox{ width:402px; float:left; margin:40px 0px 0px 10px;} .graderightBox{ width:648px; float:left; margin:50px 0px 0px 26px; font-size:22px;} .graderightBox p.productTextright{ font-family:'open_sansregular';color:#221314; float:left; line-height:31px; font-size:18px; text-decoration:none;} .product-cementleft{ width:648px; float:left;} .productText{font-family:'open_sansregular'; font-size:18px; float:left; color:#221314; text-decoration:none; text-align:left; padding:40px 0px 20px 10px;} .product-cementright{ width:420px; float:left; margin:0px 0px 0px 30px;} .product-cementright h1.ppcTittle{font-family: 'open_sanssemibold'; font-size:35px; color:#9c1116; line-height:40px; background:#FFF; padding:0px 5px 0px 10px; margin:40px 0px 35px 0px;} .product-cementright h1.ppcTittle span{ color:#000000;} product-cementright .image2{ width:402px; float:right; margin:0px 0px 0px 30px;} .catmain .marchandiseBox2{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox2:hover{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} /*Banner Start */ #bannerproduct{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; padding:10px 0px 60px 0px; margin:0px 0px 0px 0px;} /*#bannerproduct #bannermain{ width:1920px; margin:0px auto;}*/ #bannermain .bannleft{ width:576px; float:left; margin:0px 0px 0px 10px;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left; margin:0px 0px 0px 70px;} /*Banner End */ /*Product & management End */ #contenar .contact-main{ width:1098px; margin:0px auto; background:#efefef; border: 1px solid #d6d6d6; } .contact-main h1.con-tittlebox{ background:url(../images/contactTittle.png) left top no-repeat; width:361px; height:49px; position:relative; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; padding:6px 0px 0px 10px; left:-5px; font-weight:normal; } .contact-main .con-map{ width:376px; margin:0px 0px 0px 28px; float:left;} .contact-main .contactBox{ width:554px; float:left; margin:0px 0px 0px 71px;} .contactBox h1.contittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:20px; float:left; color:#000000; text-decoration:none; padding:0px 0px 5px 0px; background:url(../images/con-dividar.jpg) left bottom no-repeat; width:549px; line-height:25px; margin:0px 0px 15px 0px;} .contactBox label.context{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#4a4a4a; text-decoration:none; text-align:left; width:136px; float:left; text-decoration:none; margin:10px 0px 0px 0px;} .contactBox .contactTextBox{ height:47px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .contactBox .contactTextArea{ height:117px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .contactBox span{ color:#d71920;} .contactBox a.conBtn{ width:174px; height:40px; background:url(../images/conBtn.png) left top no-repeat; display:block; float:left; margin:0px 0px 52px 140px;} .contenarmain .mediaBox{ width:554px; float:left; margin:20px 0px 0px 60px;} .mediaBox label.context{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#4a4a4a; text-decoration:none; text-align:left; width:136px; float:left; text-decoration:none; margin:10px 0px 0px 0px;} .mediaBox .contactTextBox{ height:47px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .mediaBox .contactTextArea{ height:117px; float:left; height:117px; float:left; width:329px; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 1px solid #d8d8d8; background:#FFF; margin:0px 0px 10px 0px; padding:0px 5px; } .mediaBox span{ color:#d71920;} .mediaBox a.conBtn{ width:174px; height:40px; background:url(../images/conBtn.png) left top no-repeat; display:block; float:left; margin:0px 0px 52px 140px;} /* ######### Style for Drop Down Menu ######### */ .ddcolortabs{ width:100%; float:left; height:55px;} .dropmenudiv_a{ position:absolute; top:0; left:0; font:normal 12px/21px Verdana, Arial, Helvetica, sans-serif; color:#fff; z-index:10000; margin:2px 0 0 0; width:14.0%; visibility:hidden; padding:0px 10px 0px 10px; font-weight:bold; background:#d61920; } .dropmenudiv_a a{ width:180px; display:block; margin:0 auto 2px auto; text-decoration: none; font:normal 12px/21px Verdana, Arial, Helvetica, sans-serif; color:#fff; border-bottom:1px solid #ffffff; text-align: left; padding:5 0 5 0px; font-weight:bold; line-height:18px; padding:5px 0px; } .dropmenudiv_a a.nobdr{ border:none;} .dropmenudiv_a a:hover{ width:180px; display:block; color:#ffffff; line-height:18px; padding:5px 0px; } /* Top Drop Down Navigation Part End */ .cover{width:126px; height:15px; position:relative; background:url(../images/cover.jpg) left top no-repeat;top:20px; background:#262421;} /* Green Awareness Programme Start */ .contenarmain .greenBox{ width:1098px; margin:0px auto 20px auto; } .contenarmain .innBox{ width:1098px; background:#dedbd4; } /* 30.11.2013 start */ .greenBox .slidingSec{ width:1050px; margin:20px auto 0px auto;} .slidingSec .slidingLeft{ width:450px; float:left;} .slidingSec .slidingRight{ width:576px; float:right; background:#f9f7f7; margin:0px 10px 0px 10px; border: 1px solid #c3bfbe; } .slidingRight .slidingbulletBox{ width:520px; float:left; margin:0px 0px 0px 20px;} .slidingbulletBox ul{ list-style-type:none;} .slidingbulletBox ul li{ width:520px; "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; float: left; text-decoration: none; text-align: left; color: #4a4a4a; margin:5px 0px 0px 0px; padding: 0px 10px 0px 15px; background:url(../images/rightarrow.jpg) left 3px no-repeat;} .slidingRight h1.slidingTittle{ background:url(../images/annualBg.png) left top no-repeat; width:261px; height:40px; color:#ffffff; padding: 7px 5px 0px 15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; left:-6px; position: relative; font-weight:normal;} .slidingRight p.slidingText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:10px 0px 0px 0px; padding:0px 10px 10px 10px;} .slidingRight h1.empTittle{ width:390px; height:48px; background:url(../images/empTittle.png) left top no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; padding: 7px 5px 0px 15px; left:-6px; position: relative; font-weight:normal;} .empboldText{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; color:#000000; text-decoration:none; background:url(../images/dividar.jpg) left bottom no-repeat; padding:0px 0px 5px 10px; font-weight: normal; display:block; margin:10px 0px 0px 10px; float:left;} .aboutcontenar .comcontenar{ width:964px; float:left; margin:10px 0px 10px 20px;} .comcontenar ul{ list-style-type:none;} .comcontenar ul li{ float:left;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:5px 0px; background:url(../images/arrowright.png) left top no-repeat; padding:0px 0px 0px 15px; width:964px;} /* 30.11.2013 End */ /* Ware Frame Start */ .contenarmain .frameBox{ background:#dedbd4; float:left; width:1062px; padding:0px 15px; } .contenarmain .frameBox1{ background:#dedbd4; float:left; width:1062px; padding:0px 7px; } .frameBox p.frameText{ font-size:18px; color:#230606; line-height:32px; text-align:left; padding:18px 10px 0px 0px; font-family: 'open_sansregular'; } .frameBox h1{background:#f2f1ec; font-size:20px; color:#9e1f21; width:162px; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold;} .frameBox span.frameRedtext{ font-size:18px; color:#942027;display:block; font-weight:bold; font-family: 'open_sansregular'; text-decoration:none; text-align:left;} .frameBox p.boldblack{ font-size:20px; color:#000000; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold; margin:10px 0px 0px 10px;} .frameBox .section{ width:160px; margin:52px; float:left;} .section .ImageBox{ width:130px; float:left; border: 1px solid #999999; text-align:center; padding:5px; margin:0px 0px 5px 0px; text-align: center; } .section p.redName{ font-size:16px; color:#cf0810; text-align: center; font-family: 'open_sansregular'; font-weight:bold; margin:5px 0px 0px 0px;} .section p.desText{font-family: 'open_sansregular'; font-size:12px; color:#000000; text-align:left; text-decoration:none; padding:5px 0px 5px 5px;} .section a.readmore{ font-family: 'open_sansregular'; font-size:14px; color:#cf0810; text-decoration:none; text-align:left; margin:0px 0px 0px 40px;} /* Ware Frame End */ /* milestone start */ .frameBox .timelineBox{ width:1024px; float:left; padding:0px 0px 10px 0px;} .timelineBox .timelineLeftBox{ width:78px; float:left;} .timelineBox p.timelineText{ font-family: 'open_sansregular'; font-size:24px; color:#984344; text-align:center; margin:0px 0px 0px 20px; font-weight:bold; line-height:21px; margin:20px 0px 10px 0px; font-weight:bold;} .timelineLeftBox .row{ width:58px; font-family: 'open_sansregular'; font-size:14px; color:#000000; float:left; text-align:center; margin:5px 0px 5px 20px; font-weight:bold; line-height:21px;} .timelineBox .timelineRightBox{ width:1020px; float:left; } .timelineRightBox .row1{ width:616px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row2{ width:590px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row3{ width:570px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row4{ width:530px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row5{ width:500px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row6{ width:480px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row7{ width:450px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row8{ width:430px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row9{ width:410px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row10{ width:390px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row11{ width:370px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row12{ width:350px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row13{ width:330px; height:20px; background:#c0504d; margin:10px 0px 10px 0px;} .timelineRightBox .row14{ width:310px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row15{ width:300px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row16{ width:290px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} .timelineRightBox .row17{ width:270px; height:20px; background:#c0504d; margin:5px 0px 10px 0px;} /* milestone End */ /* Management Start */ p.manageText{ font-size:18px; color:#230606; line-height:32px; text-align:left; padding:18px 10px 0px 24px; font-family: 'open_sansregular';} p.manageTextbold{ font-size:20px; color:#000000; display:block; line-height:35px; padding:0px 0px 0px 10px; font-weight:bold; margin:10px 0px 0px 10px;} .managebox{ width:742px; float:left; } .manageImageBox{ width:130px; float:left; border: 1px solid #999999; margin:20px 10px 0px 20px; text-align:center; padding:5px 0px;} .manageImageBox h1{font-family: 'open_sansregular'; font-size:24px; color:#c4080f; text-align:center; text-decoration:none;} .manage p.manageText{font-family: 'open_sansregular'; font-size:18px; color:#230606; text-align:center; text-decoration:none;} span .Red{font-family: 'open_sansregular'; font-size:18px; color:#c4080f; text-decoration:none;} /*Product & management Start */ /*#banner{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; }*/ #contenar .product-contenar{ width:1098px; margin:0px auto; background:#dedbd4; padding:10px 0px 10px 0px;} .product-contenar h1.merTittle{ width:184px; float:left; background:#ffffff; line-height:43px; color:#9e1f21; font-family: 'open_sansregular'; text-align:left; padding:0px 0px 0px 10px; font-size:24px;} .product-contenar p.contentBox{ width:1060px; float:left; font-family: 'open_sansregular'; font-size:18px; color:#230606; line-height:34px; text-align:left; padding:15px 0px 0px 10px;} .product-contenar .gradecementBox{ width:414px; float:left; margin:50px 0px 0px 0px;} .gradecementBox h1.redText{ font-family:'open_sansregular'; font-size:35px; text-align:left; color:#9c1116; height:49px; padding:0px 0px 0px 10px; width:342px; background:#ffffff;} .gradecementBox span{ color:#000000;} .gradecementBox p.ImageBox{ width:402px; float:left; margin:40px 0px 0px 10px;} .graderightBox{ width:648px; float:left; margin:50px 0px 0px 26px; font-size:22px;} .graderightBox p.productTextright{ font-family:'open_sansregular';color:#221314; float:left; line-height:31px; font-size:18px; text-decoration:none;} .product-cementleft{ width:648px; float:left;} .productText{font-family:'open_sansregular'; font-size:18px; float:left; color:#221314; text-decoration:none; text-align:left; padding:40px 0px 20px 10px;} .product-cementright{ width:420px; float:left; margin:0px 0px 0px 30px;} .product-cementright h1.ppcTittle{font-family: 'open_sanssemibold'; font-size:35px; color:#9c1116; line-height:40px; background:#FFF; padding:0px 5px 0px 10px; margin:40px 0px 35px 0px;} .product-cementright h1.ppcTittle span{ color:#000000;} product-cementright .image2{ width:402px; float:right; margin:0px 0px 0px 30px;} .catmain .marchandiseBox2{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBg.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} .catmain .marchandiseBox2:hover{ width:162px; padding:25px 0px 49px 50px; float:left; background:url(../images/marchandiseBghover.jpg) left top no-repeat; font-size:22px; text-decoration:none; text-align:left; color:#000000; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';} /*Banner Start */ #bannerproduct{ background:url(../images/banner-product.png) top center no-repeat; width:100%; float:left; padding:10px 0px 60px 0px; margin:0px 0px 0px 0px;} /*#bannerproduct #bannermain{ width:1920px; margin:0px auto; text-align:center;}*/ #bannermain .bannleft{ width:576px; float:left; margin:0px 0px 0px 10px;} #bannermain .bannleft h1{ font-family: 'MyriadPro-Regular'; font-size:25px; text-decoration:none; color:#2f2d2d;} .bannleft p.BannerText{ font-family: 'open_sansregular'; color:#393838; line-height:18px; float:left; margin:35px 0px 0px 0px; font-size:16px; line-height:20px;} .bannleft .learnButn{width:111px; height:17px; display:block; padding:10px 0px 0px 0px; float:left; margin:0px 0px 0px 70px;} /*Banner End */ /*aboutUs start 27.11.2013*/ #bannermain .banabout{ background:url(../images/bannaraboutus.jpg) center top no-repeat; height:188px; width:100%; background-size:100%;} .banabout .about-banmain{ width:auto; margin:0px auto;} .about-banmain .aboutTittle{float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:5px 5%; font-size:18px; text-decoration:none; color:#ffffff; margin:130px 0px 0px 0px; background:url(../images/bantitle.png) right 0 no-repeat; width:90%; line-height:30px;} .aboutcontenar{ background:#ffffff; float:left; width:100%; margin:0px 0px 10px 0px; } .aboutcontenar .aboutmain{ width:1098px; margin:25px auto 20px auto;} .aboutmain .dialogbox{width:1073px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;border:1px solid #cacaca;background-color:#e7e7e7; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#4f4f4f; text-decoration:none; text-align:left; padding:15px 0px 15px 10px; font-weight:normal;} .aboutmain .authorBox{ width:218px; float:left; background:url(../images/imageSec.jpg) left top no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; text-decoration:none; color:#d71920; padding:10px 0px 0px 54px; margin:0px 0px 0px 15px;} .aboutmain p.aboutTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; color:#101010; width:1098px; height:29px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #676767; float:left; background:none; margin:32px 0px 0px 0px; padding:0px 0px 5px 0px; } .aboutmain p.aboutText{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; float:left; text-decoration:none; color:#303030; margin:31px 0px 0px 0px;} .aboutmain .aboutconenarBox{ width:1073px; float:left; background:#efefef; margin:30px 0px 32px 0px; padding:0px 0px 10px 0px;} .aboutcontenar h2.bordTittle{ background:url(../images/bordBg.png) left top no-repeat; width:361px; float:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-align:left; padding:8px 0px 13px 10px; font-size:22px; margin:0px 0px 5px 0px; position:relative; left:-5px; font-weight:normal;} .aboutcontenar .dirBox{ width:1045px; float:left; margin:15px 0px 0px 10px;} .dirBox .leftSec{ float:left; background:#ffffff; border: 1px solid #dcdcdc; padding:5px; text-align:center; } .dirBox .rightSec{ width:886px; float:left; margin:0px 0px 0px 20px;} .rightSec h2.dirTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; text-align:left; background:url(../images/dirDiv.png) left bottom no-repeat; font-weight:normal; padding:0px 0px 5px 0px;} .rightSec p.dircontent{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; float:left; text-decoration:none; text-align:left; color:#4a4a4a; margin:21px 0px 0px 0px;} .aboutmain .milestoneSec{ width:1059px; float:left; border: 1px solid #d8d8d8; } .milestoneSec h1.milestoneTittle{ font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; color:#ffffff; text-decoration:none; text-align:left;} .milestoneSec .readerBox{ width:1071px; float:left; background:url(../images/scale.jpg) center bottom no-repeat;} .readerBox .no{ font-family: 'MyriadPro-Regular'; font-size:36px; color:#d71920; text-decoration:none; text-align:left; width:82px; height:32px; float:left;} /*aboutUs End 27.11.2013*/ /*Product start 28.11.2013*/ #bannermain #banproduct{ background:url(../images/bannar-product.jpg) center top no-repeat; height:188px; width:100%; background-size:100%;} #banproduct .productmain{ width:auto; margin:0px auto;} .productmain .productTittleBox{ float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:10px 30px; font-size:35px; text-decoration:none; color:#ffffff; margin:200px 0px 0px 0px; background:url(../images/bantitle.png) no-repeat; width:465px; line-height:30px;} #bannermain #banproduct1{ background:url(../images/contact.jpg) center top no-repeat; height:292px; width:100%; float:left;} #banproduct1 .productmain1{ width:1076px; margin:0px auto;} .productmain1 .productTittleBox1{ background:#d71920; float:right; margin:227px 0px 0px 0px;font-family: "Calibri"; font-size:35px; text-decoration:none; padding:5px 20px; color:#ffffff;} #bancontact{ background:url(../images/bannar-product.jpg) center top no-repeat; height:292px; width:100%; float:left;} #bancontact .productmain{ width:1076px; margin:0px auto;} .productmain .productTittleBox{ background:#d71920; float:right; margin:227px 0px 0px 0px;font-family: "Calibri"; font-size:35px; text-decoration:none; padding:5px 20px; color:#ffffff;} #contenar .productContenar{ width:1071px; margin:41px auto 25px auto;} .productContenar .productHeadingTittle{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; text-align:left; color:#4a4a4a; font-weight:normal; text-decoration:none; float:left; width:1071px;} .productContenar .modarnBox{ width:1051px; float:left; background:#efefef; margin:26px 0px 0px 0px; padding:10px;} .modarnBox h1.modTittle{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:22px; text-decoration:none; color: #FFF; text-decoration:none; background:url(../images/bordBg.png) left top no-repeat; padding:6px 0px 5px 10px; width:351px; height:37px; position:relative; text-transform:uppercase; left:-15px; top:-10px; font-weight:normal;} .modarnBox h1.outlookblack{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; color: #000000; text-decoration:none; padding:6px 0px 0px 15px; width:351px; height:23px; position:relative; text-transform:uppercase; left:-15px; top:-10px; font-weight:normal;float:left; width:100%;} .modarnBox .operationBox{ width:1042px; float:left; margin:0px 0px 10px 0px;} .operationBox ul{ list-style-type:none;} .operationBox ul li{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#4a4a4a; text-decoration:none; text-align:left; background:url(../images/rightarrow.jpg) left 3px no-repeat; padding:0px 0px 0px 15px; margin:5px 0px;} .modarnBox p.outlookText{ font-family: Arial, Helvetica, sans-serif; color: rgb(74, 74, 74); font-size:14px; text-decoration:none; text-align:left; padding:10x 0px 0px 15px; margin:20px 0px 0px 5px; display:block;} .productContenar .marHeaderBox{ width:1071px; float:left; background:#efefef; margin:10px 0px 0px 0px; } .tittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/dirDiv.png) left bottom no-repeat; float:left; margin:10px 0px 5px 10px; width:100%; padding:0px 0px 5px 0px;} .tittleBox1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/bordBg.png) left top no-repeat; margin:10px 0px 0px 0px; width:100%; padding:6px 0px 0px 10px; height:40px; position:relative; left:-5px; color:#ffffff; font-size:22px; top:-20px;} .cornar{ width:60px; hight:40px; position:relative; left:274px; bottom:40px;} .cornarsmall{ background:url(../images/cornarsmall.jpg) left top no-repeat; width:5px; height:7px; position:relative; top:-43px; left:-5px;} .marHeaderBox p.marcontent{font-family: Arial,Helvetica,sans-serif; font-size:14px; text-decoration:none; text-decoration:none; color: rgb(74, 74, 74); width:1039px; display:block; text-decoration:none; position:relative; padding:0px 10px 10px 15px; float:left;} .marHeaderBox .imageBox{ float:left; background:#ffffff; border: 1px solid #dcdcdc; padding:10px; margin:10px 0px 0px 15px; } .marHeaderBox .product-gradeBox{ width:1071px; float:left; margin:0px 0px 0px 20px;} .product-gradeBox .gradeTittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; text-align:left; float:left; width:100%; padding:0px 30px 10px 0px;} .product-gradeBox .portlandBox{ width:733px; float:left; margin:10px 0px 20px 0px;} .portlandBox ul{ list-style-type:none;} .portlandBox ul li{ background:url(../images/rightarrow.jpg) left 3px no-repeat; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; color:#4a4a4a; padding:0px 0px 0px 20px; width:733px; margin:5px 0px;} .productContenar .ppcBox{ width:1071px; float:left; margin:0px 0px 0px 0px; background:#efefef; padding:0px 0px 10px 0px; } .ppcBox .ppcTittleBox{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; font-size:18px; text-decoration:none; width:316px; background:url(../images/dirDiv.png) left bottom no-repeat; float:left; margin:10px 0px 5px 10px; width:100%; padding:0px 0px 5px 0px; text-transform:uppercase; } .ppcBox .ppccornar{ width:60px; height:40px; position:relative; left:793px; top:-40px;} .ppcBox .ppcsmallcornar{ background:url(../images/ppcsmallcornar.jpg) left top no-repeat; width:5px; height:7px; position: relative; left:1068px; top:-40px; } .ppcBox .ppcimageSec{ float:right; background:#ffffff; border: 1px solid #dcdcdc; padding:10px; margin:0px 10px 0px 0px; } .ppcBox .ppcContenar{ width:1051px; float:right; margin:0px 10px 0px 0px;} .ppcContenar .ppcheading{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; padding:0px 0px 5px 0px; float:left; width:100%; text-align: justify; margin:0px 0px 20px 0px;} .ppcContenar .ppcaplication{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; text-align:left; color:#4a4a4a; text-decoration:none; background:url(../images/43cdividar.jpg) left bottom no-repeat; padding:0px 0px 5px 0px; margin:15px 0px 15px 0px; float:left; width:733px;} /*Product End 28.11.2013*/ /*Vission Start 29.11.2013*/ #bannermain #banproductvission{ background:url(../images/vissionBannar.jpg) center top no-repeat; height:188px; width:100%; float:left; background-size:100%;} .productmain .productTittleBox{float:right;font-family: "open_sansregular"; text-decoration:none; text-align:right; padding:5px 5%; font-size:18px; text-decoration:none; color:#ffffff; margin:130px 0px 0px 0px; background:url(../images/bantitle.png) right 0 no-repeat; width:90%; line-height:30px;} #banproductvission .productmain{ width:auto; margin:0px auto;} #bannermain #banInv{ background:url(../images/invBannar.jpg) center top no-repeat; height:188px; width:100%; float:left; text-align:center; background-size:100%;} #banInv .productmain{ width:auto; margin:0px auto;} #bannermain #banmedia{ background:url(../images/mediaBannar.jpg) center top no-repeat; height:290px; width:100%; float:left; text-align:center;} #banmedia .productmain{ width:1072px; margin:0px auto;} #bannermain #bancareer{ background:url(../images/careerBannar.jpg) center top no-repeat; height:180px; width:100%; float:left; text-align:center; background-size:100%;} #bancareer .productmain{ width:auto; margin:0px auto;} #bannermain #bancontact{ background:url(../images/contactBannar.jpg) center top no-repeat; height:188px; width:100%; float:left; text-align:center; background-size:100%;} #bancontact .productmain{ width:auto; margin:0px auto;} #category .cat-main{ width:1098px; margin:0px auto 15px auto;} .cat-main .catVission{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/vissionTab.jpg) center top no-repeat; margin:0px 8px; font-family:"Arial Rounded MT Bold";} .cat-main .catEmp{ width:261px; float:left; border: 1px solid #9a9999; background:url(../images/empTab.jpg) top left no-repeat; margin:0px 5px 0px 0px; font-family:"Arial Rounded MT Bold";} .cat-main .catGreen{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/greenawarnessTab.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .cat-main .catWind{ width:261px; float:left; border: 1px solid #9a9999; background: url(../images/windTab.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .catVission a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 13px 10px; margin:105px 0px 0px 0px; display:block;} .catEmp a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 4px 10px; margin:105px 0px 0px 0px; display:block;} .catGreen a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:22px 0px 12px 20px; margin:105px 0px 0px 0px; display:block;} .catWind a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:18px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 5px 10px; margin:105px 0px 0px 0px; display:block;} .cat-main .catpolicy{ width:258px; float:left; border: 1px solid #9a9999; background:url(../images/cpTab1.jpg) center top no-repeat; margin:0px 8px; font-family:"Arial Rounded MT Bold"; height:156px;} .cat-main .catinformation{ width:259px; float:left; border: 1px solid #9a9999; background:url(../images/fg.jpg) top left no-repeat; margin:0px 5px 0px 9px; font-family:"Arial Rounded MT Bold"; height:156px;} .cat-main .catBeyond{ width:258px; float:left; border: 1px solid #9a9999; background: url(../images/Bc.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold";} .cat-main .catHar{ width:258px; float:left; border: 1px solid #9a9999; background: url(../images/finance.jpg) center top no-repeat; margin:0px 4px; font-family:"Arial Rounded MT Bold"; height:156px;} .catpolicy a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 13px 10px; margin:105px 0px 0px 0px; display:block;} .catinformation a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:7px 0px 4px 10px; margin:110px 0px 0px 0px; display:block;} .catBeyond a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:22px 0px 12px 20px; margin:105px 0px 0px 0px; display:block;} .catHar a.catBlackV{ background: url(../images/blackTransfar.png) left top no-repeat; font-size:14px; color:#ffffff; text-decoration:none; text-transform:uppercase; padding:20px 0px 20px 10px; margin:101px 0px 0px 0px; display:block;} /*Vission End 29.11.2013*/ /*Product & management End */ /* Management End */ /* Media Start */ .rightpanel1 .mediaFormBox{ width:450px; float:left;} .rightpanel1 .reachBox{width:450px; float:left; } .rightpanel1 .imagebox{ width:414px; float:left;} .rightpanel1 .mediaFormBox{ width:450px; float:left;} label.media-textName{font-family:'open_sansregular'; font-size:14px; color:#9c1921; text-align:right; text-decoration:none; margin:5px 0px; font-weight:bold; width:200px; display:block; float:left;} .mediaTextfield{ width:200px; border: 1px solid #333; margin:0px 0px 0px 10px; background: #CCC; margin:5px 0px 5px 10px;; float:left; } .mediaTextarea{ width:200px; border: 1px solid #333; margin:0px 0px 0px 10px; background: #CCC; margin:5px 0px 5px 10px;; float:left; height:50px;} a.mediasubmitbtn{ width:90px; height:20px; float:left; margin:20px 0px 10px 220px;} /* Media End */ /* Marchent Start */ .aboutcontenar .marchhentBtnBox{ width:100px; float:left; } .aboutcontenar a.ppcBox{ width:100px; float:left; background:#9e1f21; line-height:25px; padding:5px; font-family:'open_sansregular'; font-size:14px; color:#FFF; margin:5px 0px 0px 20px; text-align:center; font-weight:bold; display:block; text-decoration:none;} .aboutcontenar a.ppcBox:hover{ width:100px; float:left; background:#bf6667; line-height:25px; padding:5px; font-family:'open_sansregular'; font-size:12px; color:#FFF; margin:5px 0px 0px 20px; text-align:center; font-weight:bold; display:block; text-decoration:none;} /* Marchent End */ /*beyond Start*/ .catmain .cp{ width:147px; padding:40px 0px 30px 95px; float:left; background:url(../images/cp.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .cp:hover{ width:147px; padding:40px 0px 30px 95px; float:left; background:url(../images/cphover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain a.susLink{ float:left; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; font-weight:bold;} .catmain .ig{ width:142px; padding:7px 0px 15px 125px; float:left; background:url(../images/ig.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .ig:hover{ width:142px; padding:7px 0px 15px 125px; float:left; background:url(../images/ighover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain .bc{ width:142px; padding:30px 0px 32px 110px; float:left; background:url(../images/bc.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular';margin:0px 9px; font-weight:bold;} .catmain .bc:hover{ width:142px; padding:30px 0px 35px 110px; float:left; background:url(../images/bchover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px;font-weight:bold;} .catmain .finance{ width:142px; padding:30px 0px 35px 105px; float:left; background:url(../images/finance.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .finance:hover{ width:142px; padding:30px 0px 35px 105px; float:left; background:url(../images/financehover.jpg) left top no-repeat; font-size:16px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 9px; font-weight:bold;} .catmain .vissionBox{ width:160px; padding:40px 0px 40px 100px; float:left; background:url(../images/vission.jpg) left top no-repeat; font-size:20px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .vissionBox:hover{ width:160px; padding:40px 0px 40px 100px; float:left; background:url(../images/vissionhover.jpg) left top no-repeat; font-size:20px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .empBox{ width:157px; padding:20px 0px 20px 112px; float:left; background:url(../images/emp.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain a.catlink{font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; } .catmain .empBox:hover{ width:157px; padding:20px 0px 20px 112px; float:left; background:url(../images/emphover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .greenBox{ width:150px; padding:20px 0px 35px 115px; float:left; background:url(../images/greentab.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .greenBox:hover{ width:150px; padding:20px 0px 35px 115px; float:left; background:url(../images/greentabhover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .windBox{ width:145px; padding:20px 0px 30px 115px; float:left; background:url(../images/windBg.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} .catmain .windBox:hover{ width:145px; padding:20px 0px 30px 115px; float:left; background:url(../images/windBghover.jpg) left top no-repeat; font-size:18px; text-decoration:none; text-align:left; color:#d71920; text-transform:uppercase; cursor:pointer; font-family: 'open_sansregular'; margin:0px 5px;} /*beyond End*/ #content { width: 400px; margin: 40px auto 0 auto; padding: 0 60px 30px 60px; border: solid 1px #cbcbcb; background: #fafafa; -moz-box-shadow: 0px 0px 10px #cbcbcb; -webkit-box-shadow: 0px 0px 10px #cbcbcb; } /* Slider http://www.freshdesignweb.com/fashion-responsive-slider-tutorial.html */ /* Slider /*-----------------------------------------------------------------------------------*/ .slider_container{ width:703px; margin:auto; clear:both; background:url(images/shadow_top.png) no-repeat top center; padding:0px 0 0 0;} .flex-caption{ position: absolute; } .caption_title_line{ background:url(../images/supBg.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line1{ background:url(../images/supBg2.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line2{ background:url(../images/supBg3.png) left top no-repeat; width:320px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; text-align:left; padding:40px 0px 0px 60px;} .caption_title_line3{ background:url(../images/supBg4.png) left top no-repeat; width:420px; height:112px;color: #303030; position:absolute; top:-175px; left:200px; padding:40px 0px 0px 0px; font-weight:normal; text-align:center;} .caption_title_line h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;} .caption_title_line1 h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;} .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 703px; margin: 0; padding: 0 0 10px 0;background:url(images/shadow_bottom.png) no-repeat center bottom;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width:703px; display: block; border:5px #ededed solid;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} /* Direction Nav */ .flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li a.next {background:url(images/next.png) no-repeat center; bottom:184px;} .flex-direction-nav li a.prev {background:url(images/prev.png) no-repeat center;bottom:141px;} .flex-direction-nav li a.next:hover {background:url(images/next_a.png) no-repeat center;} .flex-direction-nav li a.prev:hover {background:url(images/prev_a.png) no-repeat center;} .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} /* Media Queries /*-----------------------------------------------------------------------------------*/ #about_yrs_btn{width:1020px; position:relative;} #about_yrs_btn ul { list-style-type: none; padding: 0px; } #about_yrs_btn ul li { display: block; float: left; margin: 0 2px; font-size: 12px; } #about_yrs_btn ul li a { display: block; text-decoration: none; text-align: center; padding-top: 15px; width: 152px; height: 32px; color: #ffffff; background:#bf6667; } #about_yrs_btn ul li a:hover { background:#984344 -50px; color: #ffffff; } #about_yrs_btn ul li.active a { background: #984344 no-repeat center -50px; color: #ffffff; } .aboutScrollContentContainer { float: left; margin:0px 6px 0px 0px; width:900px; } .aboutScrollPrevBtnPos { float: left; width: 28px; margin-top: 12px; cursor: pointer; margin-right:7px; } .aboutScrollRightBtnPos { float: right; width: 28px; text-align: right; cursor: pointer; margin:12px 0px 0px 10px; } /*Tab Sliding Start*/ /* ######### CSS for Shade Tabs. Remove if not using ######### */ .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs li{ display: inline; margin: 0; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; border: 1px solid #778; color: #2d2b2b; background: white url(shade.gif) top left repeat-x; } .shadetabs li a:visited{ color: #2d2b2b; } .shadetabs li a:hover{ text-decoration: underline; color: #2d2b2b; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 1px; } .shadetabs li a.selected{ /*selected main tab style */ background-image: url(shadeactive.gif); border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontent{ display:none; background:#fffffff; } /* ######### CSS for Indented CSS Tabs. Remove if not using ######### */ .indentmenu{ font: bold 13px Arial; width: 100%; /*leave this value as is in most cases*/ } .indentmenu ul{ margin: 0; padding: 0; float: left; /* width: 80%; width of menu*/ border-top: 1px solid navy; /*navy border*/ background: black url(indentbg.gif) center center repeat-x; } .indentmenu ul li{ display: inline; } .indentmenu ul li a{ float: left; color: white; /*text color*/ text-decoration: none; border-right: 1px solid navy; /*navy divider between menu items*/ } .indentmenu ul li a:visited{ color: white; } .indentmenu ul li a.selected{ color: white !important; padding-top: 6px; /*shift text down 1px*/ padding-bottom: 4px; background: black url(indentbg2.gif) center center repeat-x; } .tabcontentstyle{ /*style of tab content oontainer*/ border: 1px solid gray; width: 450px; margin-bottom: 1em; padding: 10px; } .tabcontent{ display:none; } #iview { display: block; width: 100%; height: 500px; background: #000; background: rgba(0, 0, 0, 0.7); padding: 5px; border-radius: 5px; position: relative; -webkit-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); box-shadow: 0 38px 30px -18px rgba(0, 0, 0, 0.5); margin: 40px auto; } #iview .iviewSlider { display: block; width: 900px; height: 500px; overflow: hidden; border-radius: 4px; } .iview-controlNav { position: absolute; bottom: 30px; left: 347px; height: 44px; } .iview-controlNav a { text-indent: -9999px; } .iview-controlNav a.iview-controlPrevNav { float: left; width: 50px; height: 44px; background: url('../../img/slider-controls.png') no-repeat; } .iview-controlNav a.iview-controlNextNav { float: left; width: 50px; height: 44px; background: url('../../img/slider-controls.png') no-repeat -50px 0px; } .iview-controlNav div.iview-items { float: left; padding: 0px 10px 0px 10px; height: 44px; background: url('../../img/nav-bg.png'); } .iview-controlNav a.iview-control { padding: 0px; float: left; width: 11px; height: 12px; background: url('../../img/bullets.png') no-repeat; line-height: 0px; } .iview-controlNav a.iview-control.active { background-position: 0px -12px; } .iview-caption { background: url('../../img/caption-bg.png'); color: #FFF; border-radius: 3px; padding: 10px 15px; font-family: Verdana; font-size: 12px; text-shadow: #000 1px 1px 0px; } .iview-caption.caption1 { font-size: 36px; font-weight: bold; height: 45px; } .iview-caption.caption2 { background: #00b4ff; font-size: 36px; font-weight: bold; text-shadow: none; } .iview-caption.caption3 { background: #FFF; color: #000; font-size: 26px; text-shadow: none; } .iview-caption.caption4 { font-size: 22px; font-weight: bold; } .iview-caption.caption5 { background: #c4302b; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px; font-size: 20px; font-weight: bold; text-shadow: none; } .iview-caption.caption6 { font-size: 18px; } .iview-caption.caption7 { text-align: left; font-size: 11px; color: #888; border-radius: 0px; } .iview-caption.caption7 div { line-height: 200%; } .iview-caption.caption7 h3 { margin-bottom: 20px; color: #FFF; } .iview-caption.blackcaption { background: #000; box-shadow: rgba(0, 0, 0, 0.7) 10px 10px 15px 0px; text-shadow: none; } #iview-preloader { border: #666 1px solid; width: 150px } #iview-preloader div { background: #666; } .iview-controlNav div.iview-items ul li { padding: 0px; float: left; width: 11px; height: 12px; margin: 3px; margin-top: 16px; line-height: 0px; } #iview #iview-tooltip { display: none; position: absolute; background: url('../../img/tooltip.png') no-repeat; width: 124px; height: 90px; bottom: 30px; left: -67px; padding: 10px; z-index: 100; } #iview #iview-tooltip div.holder { display: block; width: 124px; height: 84px; overflow: hidden; border-radius: 2px; } #iview #iview-tooltip div.holder div.container { display: block; width: 4000px; } #iview #iview-tooltip div.holder div.container div { float: left; display: block; overflow: hidden; width: 124px; height: 84px; left: -50%; text-align: center; } #iview #iview-tooltip div.holder div.container div img { height: 84px; margin: 0 auto; } /*Tab Sliding End*/ #tabs { overflow: auto; width: 58%; list-style: none; margin: 0px; padding: 0; position:relative; left:42px; } #tabs li { margin: 0; padding: 0; float: left; } #tabs a { -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); box-shadow: -4px 0 0 rgba(0, 0, 0, .2); background: #ad1c1c; background: -moz-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -ms-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -o-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: linear-gradient(220deg, transparent 10px, #ad1c1c 10px); text-shadow: 0 1px 0 rgba(0,0,0,.5); color: #fff; float: left; font: bold 12px/35px 'Lucida sans', Arial, Helvetica; height: 35px; padding: 0 30px; text-decoration: none; } #tabs a:hover { background: #c93434; background: -moz-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -ms-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -o-linear-gradient(220deg, transparent 10px, #c93434 10px); background: linear-gradient(220deg, transparent 10px, #c93434 10px); } #tabs a:focus { outline: 0; } #tabs #current a { background: #fff; background: -moz-linear-gradient(220deg, transparent 10px, #fff 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #fff 10px); background: -ms-linear-gradient(220deg, transparent 10px, #fff 10px); background: -o-linear-gradient(220deg, transparent 10px, #fff 10px); background: linear-gradient(220deg, transparent 10px, #fff 10px); text-shadow: none; color: #333; } #contenttab { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background-image: -webkit-linear-gradient(top, #fff, #ddd); background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -ms-linear-gradient(top, #fff, #ddd); background-image: -o-linear-gradient(top, #fff, #ddd); background-image: linear-gradient(top, #fff, #ddd); -moz-border-radius: 0 2px 2px 2px; -webkit-border-radius: 0 2px 2px 2px; border-radius: 0 2px 2px 2px; -moz-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; -webkit-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; padding: 10px; float:left; margin:1px 0px 0px 46px; width:55%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; text-align:left; } #contenttab h2.tabtittle{ font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size:12px; color:#000000;} #contenttab .contentBox{ width:600px; float:left; border: 1px solid #b6b6b6;} #contenttab .contentName{ width:300px; float:left; height:26px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #b6b6b6; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#0000000; text-align:left; line-height:25px; } /* Remove the rule below if you want the content to be "organic" */ #content div { height: 220px; } /* --- */ #about { color: #999; } #about a { color: #eee; } /* 13.12.2013*/ /* HEADER */ #header { height:400px; } .headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; } /* NAVIGATION */ #nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("../images/headerbg.png"); } /* SEARCH */ #search { background-color:#051733; float:right; width:220px; padding:10px; } #searchtxt { padding:3px; width:150px; } #searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; } /* HEADER TEXT */ #headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px; } #firstline { line-height:20px; position:relative; top:178px; height:137px; font-size:30px; color:#000; text-decoration:none; top:190px; background:url(../images/red.png) left top no-repeat; padding:39px 300px 20px 40px; } #firstline1 { line-height:20px; position:relative; width:750px; top:178px; height:137px; font-size:30px; color:#000; text-decoration:none; top:190px; background:url(../images/red.png) left top no-repeat; padding:39px 357px 20px 40px; width:555px;} #secondline { background:url(../images/bannarcontentBg.png) left top no-repeat; color:#CD2B3A; text-decoration:none; padding:10px 0px 10px 39px; display:block; clear:both; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-align:left; position:relative; top:212px; width:555px;} .pictured { background-color:#CC3333; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; } .pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; } .pictured a:hover { text-decoration:underline; } /* CONTROLS */ .btn { height:32px; width:32px; float:left; cursor:pointer; } #back { background-image:url("../images/btn_back.png"); } #control { background-image:url("../images/btn_pause.png"); } /* HEADER HAVIGATION */ #headernav-outer { position:relative; top:400px; margin:0 auto; width:960px; } #headernav { padding-left:864px; position:relative; top:-50px;} /* CONTENT */ #content { color:#575757; background-color:#eee; } #content p { padding:10px 20px; font-size:16px; width:960px; margin:0 auto; } #content p a { text-decoration:none; color:#CD2B3A; } #content p a:hover { text-decoration:underline; color:#7F000C; } /*-------------------------------------------------- 29-7-2014 -------------------------------------------------*/ .ContainDiv{ width:98%; height:auto; margin:0; background:#fff; padding:0 1%;} .mainDiv{ width:100%; margin:0 auto; border:none; padding:20px 0 10px 0;} .cleardiv{clear:both; height:0;} .innerLeft{ width:25%; height:auto; float:left;} .innerRight{ width:75%; height:auto; float:left; padding:0 0%;} .innerLeft .heading{ width: auto; font-family:'open_sansregular'; color:#414141; font-size:20px; text-decoration:none; margin:0px; padding-bottom:10px; background:url(../images/leftborder.png) no-repeat left bottom; margin-bottom:15px; display:block; } .innerLeft ul{ width:auto; display:block;} .innerLeft ul li{ padding-top:10px; list-style-image:url(../images/innerLeft.jpg); margin-left:17px; font-size:17px; font-family:Arial;} .innerLeft ul li a{ color:#414141; text-decoration:none;} .innerLeft ul li a:hover{ color:#d61920; text-decoration:none;} .innerLeft ul li a.active{ color:#d61920; text-decoration:none;} .innerRightHeading{ font-size:14px; font-family:arial; color:#414141; font-weight:normal; margin-bottom:15px; text-align:justify;} .innerRightContainer{ width:100%; height:auto; float:right; padding:0 0%;} .innerRightTop{background:url(../images/innerRighttop.png) no-repeat; background-size:100%; width: 100%; height: 50px; color: #ffffff; font-family: 'open_sansregular'; font-size: 18px; text-align: center; line-height: 30px; font-weight: normal;} .innerRightBot{ width:92%; height:auto; padding:5px 2%; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px; text-align:justify;} .legacyImg{ width:99px; height:124px; float:left; margin-right:15px; margin-top:5px;} .legacyQuote{ width:60%; float:left; line-height:20px;} .quoteWriter{ font-size:20px; font-family:'open_sansregular'; color:#d61920; padding-top:10px;} .mr15{ margin-right:15px;} .mr5{ margin-right:5px;} .mr20{ margin-right:20px;} .mr50{ margin-right:50px;} .mb50{ margin-bottom:50px;} .mb20{ margin-bottom:20px;} .mt15{ margin-top:15px;} .mt35{ margin-top:35px;} #toggle ul{width:99%;} #toggle li:hover{background:none} #toggle li{list-style-type:none; cursor:pointer; margin:2px; padding:5px 5px 5px 5px; font-family:'open_sansregular'; font-size:14px;} #toggle ul div{color: #414141; cursor: auto; display: none; font-family:Arial; font-size:14px; padding: 5px 0 5px 5px; text-decoration: none; width:100%; } #toggle ul div a{color:#414141; font-weight:normal; text-decoration:none} #toggle li div:hover{text-decoration:none !important;} #toggle li:before {content: ">"; padding:10px 10px 10px 0; font-weight:bold; color:#414141; font-family:'open_sansregular';font-size:15px;} #toggle li.active:before {content: ">";/* background:url(../images/arrow-down.gif) no-repeat left center;*/ padding:10px 0px 10px 10px; font-weight:bold; color:#414141; font-family:'open_sansregular';font-size:25px;} #toggle{width:100%;} #toggle ul div span{font: 15px Arial; color: #d61920;} .brandImg{ width:180px; height:200px; float:left; margin-right:20px; margin-top:0px;} .BrandBox{ width:100%; float:left; line-height:20px; font-family:arial; font-size:14px; margin:20px 0 0 0;} .BrandName{ font-size:18px; font-family:'open_sansregular'; color:#d61920; padding-top:10px; padding-bottom:15px;} .w40per{ width:40% !important; border-right: dashed 1px #999;} .w50per{ width:50%} #footerticker { height:20px; overflow: hidden; margin-top:20px; margin-bottom:25px; } #footerticker li { height: 20px; font-family:Arial; font-size:14px; list-style:none; font-style:italic; font-size:16px; color:#FFC; } .inputDiv{ width:85%; height:35px; background:#fff; border:solid 1px #b0b0b0; color:#414141; padding:2px 10px; margin-bottom:15px;} .selectinputDiv{ width:85%; height:35px; background:#fff; border:solid 1px #b0b0b0; color:#999; padding:2px 10px; margin-bottom:15px;} .submit{ background:url(../images/submit-but.png) no-repeat; width:75px; height:35px; border:none; cursor:pointer;} #map{height:300px; width:60%; margin-right:10px; float:left;} .address{ width:35%; float:left; height:auto;} .homebanner{ width:100%; height:465px; margin:0 auto 0px;} .annualReportDiv{ float:left; width:100%; height:auto; margin-top:30px;} .annualReportTop{ background:#d61920; width:100%; height:50px; color:#ffffff; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px; font-weight:bold;} .annualReportBot{ width:96%; height:auto; padding:15px 2%; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px;} .annualReportBot .left{ width:58px; height:74px; float:left; border:solid 1px #bdbfbf; margin-right:15px;} .annualReportBot .right{ width:265px; height:74px; float:left;margin-right:0px;} .topic{ color:#414141; font-size:16px; font-family:arial; padding-bottom:15px;} .topic a{ color:#414141; text-decoration:none;} .topic a:hover{ color:#414141; text-decoration:underline;} .network a{ color:#414141; text-decoration:none;} .network a:hover{ color:#414141; text-decoration:underline;} .readmore{ color:#d61920; font-size:13px; font-family:arial; padding-bottom:8px; font-weight:600;} .readmore a{ color:#d61920; text-decoration:none;} #reportticker{ height:345px; overflow: hidden; margin-top:5px; margin-bottom:5px; } #reportticker li { height: 115px; font-family:Arial; font-size:14px; list-style:none; margin-bottom:0px;} .homeLeft{ float:left; width:35%;} .homeRight{ float:right; margin-left:0px; width:65%;} .birlagrade{ width:679px; height:192px; margin-top:44px; margin-bottom:10px; background:url(../images/birlagrade.png) no-repeat;} .birlagrade ul{ width:443px; margin-left:240px;} .birlagrade ul li{ display:inline; list-style:none; font-size:30px; color:#414141; font-family:arial; font-weight:normal; width:auto; line-height:40px; text-align:center; width:auto; float:left; padding-top:55px;} .birlagrade ul li span{ font-size:50px; color:#d61920; font-family:arial; font-weight:normal;} .isoDiv{ width:325px; float:left; margin-left:10px} .isoTop{ background:url(../images/iso.png); width:325px; height:58px; color:#d61920; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px;} .isoBot{ width:262px; height:auto; padding:15px; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px; min-height:133px;} .isoBot .left{ width:75px; height:105px; float:left; border:solid 1px #bdbfbf; margin-right:15px;} .isoBot .right{ width:170px; height:auto; float:left;margin-right:0px; line-height:20px !important;} .homeLegacyDiv{ width:333px; float:left; margin-left:10px} .homeLegacyTop{ background:url(../images/legacy.png); width:333px; height:58px; color:#d61920; font-family:'open_sansregular'; font-size:22px; text-align:center; line-height:40px;} .homeLegacyBot{ width:266px; height:auto; padding:15px; background:#f6f6f6; margin:0 auto; color:#414141; font-family:Arial; font-size:14px; line-height:24px; margin-bottom:10px;} .homeLegacyBot .left{ width:80px; height:109px; float:left; border:solid 1px #bdbfbf; margin-right:8px; margin-top:5px;} .homeLegacyBot .right{ width:175px; height:auto; float:left;margin-right:0px; line-height:19px !important;} .homeLegacyBot .right span{ color:#d61920;} .energyImg{ width:150px; height:125px; float:left; margin-right:15px; margin-top:5px;} .energytext{ width:605px;line-height:20px;} .homeBox{font-size:25px; color:#d61920; font-family:arial; font-weight:normal; width:27%; float:none; height:192px; margin:0 3%; text-align:center; margin-top:30px; float:left;} .homeBox a{color:#d61920; text-decoration:none;} .homeBox img{width:100%; height:auto;} #investor ul{width:99%;} #investor li:hover{background:none} #investor li{list-style-type:none; cursor:pointer; margin:2px; padding:5px 5px 5px 5px; font-family:'open_sansregular'; font-size:22px;} #investor ul div{color: #414141; cursor: auto; font-family:Arial; font-size:14px; padding: 15px 0 5px 6px; text-decoration: none; width:100%; } #investor ul div a{color:#414141; font-weight:normal; text-decoration:none} #investor li div:hover{text-decoration:none !important;} #investor{width:100%;} .investorButton a{ width: auto; padding:0px 15px; height:20px; line-height:20px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border:solid 2px #faa21a; font-family:arial; font-size:14px; font-weight:normal; color:#d61920; /*text-shadow: 0 1px 4px #8e8d8d;*/ text-align:center; text-decoration:none; margin:5px 5px; float:left; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWVkZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 54%, #f1edec 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(54%,#f5f5f5), color-stop(100%,#f1edec)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f5f5f5 54%,#f1edec 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1edec',GradientType=0 ); /* IE6-8 */ } .investorButton a:hover{ width: auto; padding:0px 15px; height:20px; line-height:20px; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; border:solid 2px #da7c0a; font-family:arial; font-size:14px; font-weight:normal; color:#ffffff;/* text-shadow: 0 1px 4px #8e8d8d; */text-align:center; text-decoration:none; margin:5px 5px; float:left; background: #faa21a; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYTIxYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2Y2OGUxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOTc5MWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #faa21a 0%, #f68e1d 54%, #f9791e 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa21a), color-stop(54%,#f68e1d), color-stop(100%,#f9791e)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* IE10+ */ background: linear-gradient(to bottom, #faa21a 0%,#f68e1d 54%,#f9791e 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa21a', endColorstr='#f9791e',GradientType=0 ); /* IE6-8 */ } /*---------------------Anirban-------------------*/ .innerRightContainer p{ font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0 0 20px 0;} .bod_sec{clear:both;} .bod_sec_left{float:left; width:94px; margin:0 10px 0 0;} .bod_sec_left img{border:1px solid #bbbdbd;} .bod_sec_right{float:left; width:63%;} .bod_name{ font:18px "Myriad Pro"; color:#d61920; margin:0 0 10px 0px;} .bod_detail{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .toe{font:14px Arial, Helvetica, sans-serif; color:#414141;} .toe span{font:18px Arial, Helvetica, sans-serif; color:#414141;} .awards{clear:both;} .awards_left{float:left; width:250px; height:208px; background:#5c5b5b;} .awards_right{float:right; width:68%;} .awards_right_date{font:25px Arial, Helvetica, sans-serif; color:#414141;} .awards_right_date span{font:40px "Myriad Pro"; color:#d61920;} .awards_right_cont{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .career_new{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px} .career_new a{ color:#414141; text-decoration:none;} .career_new a:hover{ color:#666; text-decoration:none;} .renewal_energy{clear:both;} .renewal_energy_heading{ font:18px "Myriad Pro"; color:#414141; margin:0 0 10px 0px;} .renewal_energy_cont{font:14px Arial, Helvetica, sans-serif; color:#414141; margin:0; line-height:20px;} .toe_left{width:30%; float:left;font:18px Arial, Helvetica, sans-serif; color:#414141;} .toe_right{width:70%; float:left;} }