/* CSS Document */ * { margin: 0; padding: 0; } body { font: normal 12px Arial, Helvetica, sans-serif; color: #919775; margin:0; text-decoration: none; background: url(../images/bodybg.jpg) top center #0E1303 no-repeat; } /********* Common CSS Starts here *********/ input { background: #181E06; border: 1px solid #2E3A0E; border-top: 1px solid #52661C; color: #B8C190; padding-left: 2px; font-size: 12px; height: 16px; padding-top: 3px; font: normal 12px Arial, Helvetica, sans-serif; } textarea, select { background: #181E06; border: 1px solid #2E3A0E; border-top: 1px solid #52661C; border-right: 1px solid #52661C; color: #B8C190;font-size: 12px; font: normal 12px Arial, Helvetica, sans-serif; } img { border: none; outline: none; } p, ul, h1, h2, h3, h4, form { margin: 0; padding: 0; } ul,li{list-style-type:none} p {margin-bottom: 15px; } .clear { clear: both; } a{ font: normal 12px Arial, Helvetica, sans-serif; color:#EA8000; text-decoration: underline; outline: none;} a:hover { font: normal 12px Arial, Helvetica, sans-serif; color:#EA8000; text-decoration: none; outline: none;} img,div { behavior: url("style/iepngfix.htc") } /********* Common CSS End here *********/ #wrapper { width: 981px; margin: auto; } #toppart { width: 981px; } .logo { width: 152px; float: left; text-align: center; height: 60px; padding-top: 14px; } .request-btn { width: 829px; float: left; height: 74px; } .requestquotebg { background: url(../images/requestquotebg.gif) no-repeat; width: 270px; height: 27px; float:right; font: bold 14px Arial, Helvetica, sans-serif; color:#485100; padding-top: 7px; text-align: center; } .request-icon { vertical-align: middle; margin-right: 15px; } .toplink { text-align: right; height: 27px; padding-top:13px; color: #AEC017; text-decoration: none; text-transform: uppercase; font-size: 10px; padding-right: 10px; } .toplink a { text-decoration: none; text-transform: uppercase; font-size: 10px; color: #AEC017; margin-left: 7px; margin-right: 7px; } .toplink a:hover { text-decoration: none; text-transform: uppercase; font-size: 10px; color: #FFFFFF; } .requestquotebg a { font: bold 14px Arial, Helvetica, sans-serif; color:#485100; text-decoration: none; } .requestquotebg a:hover { font: bold 14px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration: none; } .topnavbar { clear: both; background: url(../images/topnav-gradient.gif) repeat-x; height: 42px; padding-top: 13px; } .topnavbar ul li { list-style-type: none; /*background: url(../images/topnav-divider.gif) no-repeat right center;*/margin-right:4px; display: inline; padding-right:3px; } .new-technology{/*background: url(../images/new-arrival.gif) no-repeat right -5px*/ position:relative} .new-technology img{position:absolute; left:114px; top:-13px; z-index:100;} .topnavbar ul li.iphone-application { width: 213px; display: block; float: left; } .topnavbar ul li.iphone-application a { background: url(../images/iphone-application-i.gif) no-repeat; width: 193px; height:18px; display: block; margin: auto; text-decoration: none; } .topnavbar ul li.iphone-application a:hover { background: url(../images/iphone-application-a.gif) no-repeat; text-decoration: none; } .topnavbar ul li.iphone-application a.current { background: url(../images/iphone-application-a.gif) no-repeat; text-decoration: none; } .topnavbar ul li.iphone-application-inner { width: 213px; display: block; float: left; } .topnavbar ul li.iphone-application-inner a { width: 193px; height:18px; display: block; text-align: center; margin: auto; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; } .topnavbar ul li.iphone-application-inner a:hover { text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFC00; } .topnavbar ul li.iphone-application-inner a.current { text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFC00; } .topnavbar ul li.iphone-programmer { width: 172px; display: block; float: left; } .topnavbar ul li.iphone-programmer a { background: url(../images/iphone-programmer-i.gif) no-repeat; width: 157px; height:18px; display: block; margin: auto; text-decoration: none; } .topnavbar ul li.iphone-programmer a:hover { background: url(../images/iphone-programmer-a.gif) no-repeat; text-decoration: none; } .topnavbar ul li.iphone-programmer a.current { background: url(../images/iphone-programmer-a.gif) no-repeat; text-decoration: none; } .topnavbar ul li.iphone-programmer-inner { width: 172px; display: block; float: left; } .topnavbar ul li.iphone-programmer-inner a { width: 157px; height:18px; display: block; text-align: center; margin: auto; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; } .topnavbar ul li.iphone-programmer-inner a:hover { text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFC00; } .topnavbar ul li.iphone-programmer-inner a.current { text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFC00; } .topnavbar ul li.iphone-games { width: 186px; display: block; float: left; } .topnavbar ul li.iphone-games a { background: url(../images/iphone-games-i.gif) no-repeat; width: 175px; height:18px; display: block; margin: auto; text-decoration: none; } .topnavbar ul li.iphone-games a:hover { background: url(../images/iphone-games-a.gif) no-repeat; text-decoration: none; } .topnavbar ul li.iphone-games a.current { background: url(../images/iphone-games-a.gif) no-repeat; text-decoration: none; } .topnavbar ul li.iphone-games-inner { width: 186px; display: block; float: left; } .topnavbar ul li.iphone-games-inner a { width: 175px; height:18px; display: block; text-align: center; margin: auto; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF;} .topnavbar ul li.iphone-games-inner a:hover { text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFC00; } .topnavbar ul li.iphone-games-inner a.current { text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFC00; } .topnavbar ul li.iphone-icon { width: 186px; display: block; float: left; } .topnavbar ul li.iphone-icon a { background: url(../images/iphone-icon-i.gif) no-repeat; width: 175px; height:18px; display: block; margin: auto; text-decoration: none; } .topnavbar ul li.iphone-icon a:hover { background: url(../images/iphone-icon-a.gif) no-repeat; text-decoration: none; } .topnavbar ul li.iphone-icon a.current { background: url(../images/iphone-icon-a.gif) no-repeat; text-decoration: none; } .topnavbar ul li.iphone-icon-inner { width: 186px; display: block; float: left; } .topnavbar ul li.iphone-icon-inner a { width: 175px; height:18px; display: block; text-align: center; margin: auto; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; } .topnavbar ul li.iphone-icon-inner a:hover { text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFC00; } .topnavbar ul li.iphone-icon-inner a.current { text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFC00; } .topnavbar ul li.mobile-application { width: 206px; display: block; float: left; background: none; } .topnavbar ul li.mobile-application a { background: url(../images/mobile-application-i.gif) no-repeat; width: 193px; height:18px; display: block; margin: auto; text-decoration: none; } .topnavbar ul li.mobile-application a:hover { background: url(../images/mobile-application-a.gif) no-repeat; text-decoration: none; } .topnavbar ul li.mobile-application a.current { background: url(../images/mobile-application-a.gif) no-repeat; text-decoration: none; } .topnavbar ul li.mobile-application-inner { width: 206px; display: block; float: left; background: none; } .topnavbar ul li.mobile-application-inner a { width: 193px; height:18px; display: block; text-align: center; margin: auto; text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; } .topnavbar ul li.mobile-application-inner a:hover { text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFC00; } .topnavbar ul li.mobile-application-inner a.current { text-decoration: none; font: bold 12px Arial, Helvetica, sans-serif; color:#FFFC00; } #middpart { width: 981px; margin-top: 5px; } .middleft-desc { width: 475px; float: left; padding-left: 24px; padding-top: 14px; position:relative; } .middright-img { width: 458px; float: right; text-align: right; background: url(../images/iphone-img-bottshadow.gif) no-repeat bottom right; position:relative; } .middbottpart { clear: both; border-top: 1px solid #A8BC00; } .midd-process-img { margin-top: 18px; } .relativeposition { position:relative; } .callustoday-img { position:absolute; top: -22px; left: 0px; } .quickcontact { width: 394px; float: left; background: url(../images/quickcontactbg.jpg) no-repeat; height: 196px; padding: 0 13px 53px 33px; } h1 { font: bold 13px Arial, Helvetica, sans-serif; color:#000000; } h1.homepage-hd { color:#E6E6E6; font-size: 36px; color: #DBDBDB; font-weight: normal; text-transform: none; } h1.homepage-hd span { font-size: 24px; font-weight: normal; color: #B8B8B8; text-transform: none; } h2 { color:#E6E6E6; font-size: 15px; text-decoration: none; margin-bottom: 8px; } h2 a { color:#E6E6E6; font-size: 15px; text-decoration: none; font-weight: bold; } h2 a:hover { color:#FFDD00; font-size: 15px; text-decoration: none; font-weight: bold; } h3 { margin-bottom: 7px; font: bold 13px Arial, Helvetica, sans-serif; color:#FFF000; } h3 a { font: bold 13px Arial, Helvetica, sans-serif; color:#FFF000; text-decoration: none; } h3 a:hover { font: bold 13px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration: none; } h3.welcomehd { margin-bottom: 17px; color:#E6E6E6; font-size: 15px; } h3.middleft-hd { color:#E6E6E6; font-size: 15px; text-transform: uppercase; } h3.middleft-hd a { color:#E6E6E6; font-size: 15px; text-decoration: none; } h3.middleft-hd a:hover { color:#FFDD00; font-size: 15px; text-decoration: none; } h3.casestudy-heading { font-size: 16px; } .contact-leftpart { width: 220px; float: left; } .contact-rightpart { width: 173px; float: left; } label { width: 54px; float: left; font: normal 11px Arial, Helvetica, sans-serif; color:#F4FF9B; padding-top: 4px; margin-right: 3px; } .inputbg { width: 150px; float: left; background: url(../images/inputbg.gif) no-repeat; height: 20px; padding-top: 4px; margin-bottom: 9px; } .inputbg input { border: none; background: none; font: normal 11px Arial, Helvetica, sans-serif; color: #000000; margin-left: 7px; } .textareabg { background: url(../images/textareabg.gif) no-repeat 0 5px; width: 173px; height: 96px; clear: both; } .textareabg textarea { border: none; background: none; font: normal 11px Arial, Helvetica, sans-serif; color: #000000; overflow: auto; margin-top: 9px; margin-left: 5px; width: 158px; height: 80px; padding-top:3px; } .contactform-button { position:absolute; top:-45px !important; top:-55px; right:115px; } .iphone-facilites { width: 500px; padding-top: 35px; float: left; padding-left: 10px; padding-right: 20px; } .iphone-facilites .highlights{color:#A7BA00} .iphone-facilites h2{text-transform:uppercase} .iphone-facilites ul li { list-style-type: none; width: 235px; padding-right: 30px; display: block; float: left; font-size: 11px; margin-bottom: 40px; } .iphone-facilites ul li.last { margin-bottom:0; } .iphone-icons { float: left; width:auto; margin-right: 8px; } ul.iphone-content { margin-top: 30px; float:left; width:100%; } ul.iphone-content li { list-style-type: none; width: 218px; height:90px; padding-right: 18px; /*display: block;*/ float: left; font-size: 11px; margin-bottom: 25px; } ul.iphone-content li.last { margin-bottom:0; } /*.midd-bottpartbg { background: url(../images/midd-bottpart-bg.gif) no-repeat; height: 171px; width: 440px; float: left; padding: 0; }*/ .midd-bottpartbg { background: url(../images/home-side-boxbg.png) no-repeat left top; height: 363px; width: 405px; float: right; padding:10px 20px; } .midd-bottpartbg h4{font-size:13px; color:#000; padding:0 0 0 10px; margin-bottom:5px;} .midd-bottpartbg h4 a {font-size:13px; color:#000; text-decoration: underline; font-weight: bold; } .midd-bottpartbg h4 a:hover {font-size:13px; color:#000; text-decoration: none; font-weight: bold; } .midd-bottpartbg p{color:#bfc67f; line-height:18px; margin:10px 10px 10px} .midd-bottpartbg ul{clear:both; margin:0 0 0 10px; padding:0} .midd-bottpartbg ul li{color:#a4b700; background:url(../images/home-sidebox-bull.gif) no-repeat left 7px; padding:0 0 0 10px; line-height:18px} .midd-bottpartbg .more{ clear:both;margin:5px 0 0 10px;} ul.mobile-application { margin-top: 13px; margin-left: 15px; } ul.mobile-application li { list-style-type: none; float: left; width: 102px; height: 80px; background: url(../images/round-greenbg.gif) no-repeat top center; text-align: center; font-weight: bold; color:#DDDDDD; } ul.mobile-application li a { font-weight: bold; color:#DDDDDD; text-decoration: none; } ul.mobile-application li a:hover { font-weight: bold; color:#E6FC30; text-decoration: none; } ul.mobile-application li img { margin-top: 6px; margin-bottom: 20px; } .casestudy-img { position:absolute; top: -55px; left:340px; } /*--bottom part css 1-4-2010--*/ .bottompart-main{ width: 981px; } #bottompart { width: 979px; float:left; border: 1px solid #323700; background-color:#080808; margin-top: 15px; } #bottompart .top-head { float:left; width: 980px; border-bottom: 1px solid #343D01; font:bold 13px Arial, Helvetica, sans-serif; color:#849400; line-height:36px; } #bottompart .top-head em { font:bold 13px Arial, Helvetica, sans-serif; color:#849400; line-height:36px; padding-left:30px; font-style:normal; } #bottompart .top-head span { font:bold 13px Arial, Helvetica, sans-serif; color:#849400; line-height:36px; padding-left:42px; } #bottompart .top-head strong { font:bold 13px Arial, Helvetica, sans-serif; color:#849400; line-height:36px; padding-left:70px; } #bottompart .bottom-link-box{ width: 155px; float:left; padding-left:30px; } #bottompart .Information-Links { width:155px; float:left;} #bottompart .Information-Links ul{margin:0px; padding:0px; padding-top:10px;} #bottompart .Information-Links li { list-style:none;font: normal 12px Arial, Helvetica, sans-serif; color:#6e7b00; background:url(../images/builet-bottom-link.jpg) no-repeat left; padding-left:17px; line-height:20px;} #bottompart .Information-Links a { font: normal 12px Arial, Helvetica, sans-serif; color:#6e7b00; text-decoration: none; } #bottompart .Information-Links a:hover { font: normal 12px Arial, Helvetica, sans-serif; color:#E6E6E6; text-decoration: none; } #bottompart .terms-condition-links {width:185px; float:left; } #bottompart .terms-condition-links ul{margin:0px; padding:0px; padding-top:10px;} #bottompart .terms-condition-links li { list-style:none;font: normal 12px Arial, Helvetica, sans-serif; color:#6e7b00; background:url(../images/builet-bottom-link.jpg) no-repeat left; padding-left:17px; line-height:20px;} #bottompart .terms-condition-links a { font: normal 12px Arial, Helvetica, sans-serif; color:#6e7b00; text-decoration: none; } #bottompart .terms-condition-links a:hover { font: normal 12px Arial, Helvetica, sans-serif; color:#E6E6E6; text-decoration: none; } #bottompart .services-links {width:320px; float:left; padding-bottom:20px; } #bottompart .services-links ul{margin:0px; padding:0px; padding-top:10px;} #bottompart .services-links li { list-style:none;font: normal 12px Arial, Helvetica, sans-serif; color:#6e7b00; background:url(../images/builet-bottom-link.jpg) no-repeat left; padding-left:17px; line-height:20px;} #bottompart .services-links a { font: normal 12px Arial, Helvetica, sans-serif; color:#6e7b00; text-decoration: none; } #bottompart .services-links a:hover { font: normal 12px Arial, Helvetica, sans-serif; color:#E6E6E6; text-decoration: none; } #bottompart .services-links-2 {width:272px; float:left; } #bottompart .services-links-2 ul{margin:0px; padding:0px; padding-top:10px;} #bottompart .services-links-2 li { list-style:none;font: normal 12px Arial, Helvetica, sans-serif; color:#6e7b00; background:url(../images/builet-bottom-link.jpg) no-repeat left; padding-left:17px; line-height:20px;} #bottompart .services-links-2 a { font: normal 12px Arial, Helvetica, sans-serif; color:#6e7b00; text-decoration: none; } #bottompart .services-links-2 a:hover { font: normal 12px Arial, Helvetica, sans-serif; color:#E6E6E6; text-decoration: none; } #bottompart .copyright{ width:100%; float:left; height:34px; background-color:#344102; text-align:center; margin:1px; font: normal 11px Arial, Helvetica, sans-serif; color:#8aa22a; line-height:34px;} #bottompart .copyright a{font:bold 11px Arial, Helvetica, sans-serif; color:#a9c43d; text-decoration: none; } #bottompart .copyright a:hover{font:bold 11px Arial, Helvetica, sans-serif; color:#a9c43d; text-decoration: underline; } .footer-box{ width: 981px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#596304; text-decoration: none; } .footer-img{width: 981px; padding-top:20px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#596304; text-decoration: none; text-align:center; } .footer-text{width: 981px; padding-top:20px; padding-bottom:20px; float:left; font:normal 11px Arial, Helvetica, sans-serif; color:#596304; text-decoration: none; text-align:center; } /*-- End bottom part css 1-4-2010--*/ .copyright-text em { font-style: normal; color: #A7BA00; } .requestquoteform { position:absolute; top: -20px; right: 0px !important; right: -1px; width:312px; height: 168px; background: url(../images/requestquotebg.png) no-repeat; display: none; padding: 20px 10px 0 10px; font-size: 11px; color: #F4FF9B; z-index:1000; } .requestform-leftpart { width: 177px; float: left; } .requestform-rightpart { width: 135px; float: left; } .requestinputbg { width: 117px; float: left; background: url(../images/request-inputbg.gif) no-repeat; height: 23px; padding-top: 1px; margin-bottom: 7px; } .requestinputbg input { border: none; background: none; font: normal 11px Arial, Helvetica, sans-serif; color: #000000; margin-left: 5px; width: 104px; } .request-textareabg { background: url(../images/request-textareabg.gif) no-repeat 0 5px; width: 135px; height: 101px; clear: both; } .request-textareabg textarea { border: none; background: none; font: normal 11px Arial, Helvetica, sans-serif; color: #000000; overflow: auto; margin-top: 9px; margin-left: 5px; width: 128px; height: 83px; padding-top:3px; } .requestform-btn { text-align: center; width: 315px; clear: both; } .midd-banner { height: 155px; } .midd-bottpart { border-top: 1px solid #A8BC00; } .midd-bottpart-left { width: 700px; float: left; padding-top: 40px; padding-right: 12px; } .midd-bottpart-right { width: 269px; float: left; background: url(../images/servicebg.gif) no-repeat; } .midd-bottpart-right div { color: #3B5209; font: bold 18px Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; margin-bottom: 0px; } .midd-bottpart-right div img { vertical-align: middle; margin-right: 10px; margin-top: 2px; } .midd-bottpart-right ul { margin-left: 23px; margin-top: 7px; margin-bottom:20px; } .midd-bottpart-right ul li { list-style-type: square; color: #4E5801; margin-bottom: 8px; } .midd-bottpart-right ul li a { font: normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration: none; } .midd-bottpart-right ul li a:hover { font: normal 11px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration: underline; } .img-floatleft { float: left; width:auto; margin-right: 10px; } .img-floatright { float: right; width:auto; margin-left: 10px; } .express-interest img { margin-top: 15px; } .lightgreen { color: #A7BA00; font-size: 12px; font-weight: bold; } .yellowmatter { font: bold 13px Arial, Helvetica, sans-serif; color:#FFF000; text-decoration: none; line-height: 18px; } .whitematter { font: normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration: none; } .yellowmatternormal { font: normal 12px Arial, Helvetica, sans-serif; color:#FFF000; text-decoration: none; line-height: 18px; } ul.midd-contentlist { margin-left: 18px; margin-top: 5px; margin-bottom: 17px; } ul.midd-contentlist li { list-style-type: square; margin-bottom: 5px; color: #ECF9CE; } ul.midd-contentlist li a { color: #ECF9CE; text-decoration: none; } ul.midd-contentlist li a:hover { color: #ECF9CE; text-decoration: underline; } ul.midd-contentlist ul{padding:5px 0 0px 15px} ul.midd-contentlist ul li{list-style-type:disc;} ul.midd-contentlist ul li a{font-size:12px} ul.midd-contentlistbig { margin-left: 18px; margin-top: 5px; margin-bottom: 17px; } ul.midd-contentlistbig li { list-style-type: square; margin-bottom: 5px; color: #BDD020; font-size: 14px; font-weight: bold;} ul.midd-contentlistbig li a { color: #BDD020; font-size: 14px; font-weight: bold; text-decoration: none; } ul.midd-contentlistbig li a:hover { color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: underline; } ul.iphone-content-services { margin-top: 30px; } ul.iphone-content-services li { list-style-type: none; width: 295px; padding-right: 30px; display: block; float: left; font-size: 11px; margin-bottom: 50px; border-right: 1px solid #748200; padding-left: 20px; } ul.iphone-content-services li.last { border: none; } .errormsg { color: #FB940F; } .inquiry-msgbg { background: url(../images/inquiry-msgbg.png) no-repeat 0px 22px; padding-left: 10px; } .contact-leftpart { width: 300px; float: left; line-height: 19px; margin-right: 10px; } .contact-rightpart { width: 365px; float: left; background: #192006; border: 1px solid #4B600F; padding: 10px; } .aboutus-leftpart { width: 320px; margin-right: 50px; float: left; } .aboutus-rightpart { width: 330px; float: left; } .sitemap-leftpart { width: 320px; float: left; /*margin-left: 20px;*/margin:0 0 0 10px; } .sitemap-rightpart { width: 330px; float: left; } ul.midd-contentlist-inner { margin-left: 30px; margin-top: 10px; } ul.midd-contentlist-inner li { margin-bottom: 2px; font-size: 11px; color: #92A658; } .innerpage-heading { background: url(../images/headingbg.gif) no-repeat; width: 401px; height: 26px; padding-top: 11px; position:absolute; top: -20px; left: 0px; font: bold 13px Arial, Helvetica, sans-serif; color:#000000; text-indent: 60px; } .thankyou { text-align: center; padding: 100px; font-size: 22px; color: #FFFF00; } a.lightgreen-link { color: #A7BA00; font-size: 12px; font-weight: normal; text-decoration: none; } a:hover.lightgreen-link { color: #FFFFFF; font-size: 12px; font-weight: normal; text-decoration: none; } .noclass { background: none; border: none; height: auto; padding: 0; } .w3c img { padding-top: 10px; float: right; margin-left: 10px; } .contact-leftpart h4 {font:bold 13px Arial, Helvetica, sans-serif; color:#A2B221; text-decoration:none; margin-top:0px; margin-bottom:0px;} .hr-line {background:url(../images/hr-line.gif) repeat-x center;} .bmatternormal-big {font:bold 13px Arial, Helvetica, sans-serif; color:#FFF000; text-decoration:none;} a.msg-link {font:normal 12px Arial, Helvetica, sans-serif; color:#A2B221; text-decoration:none;} a.msg-link:hover {font:normal 12px Arial, Helvetica, sans-serif; color:#A2B221; text-decoration:underline;} .midd-banner-img { width:auto; vertical-align: middle; margin-left: 20px; float: right; } .midd-heading-big { font:bold 25px Arial, Helvetica, sans-serif; color:#FFF000; padding-left: 10px; } .midd-heading-medium { width:auto; font:bold 18px Arial, Helvetica, sans-serif; color:#A2B221; padding-left: 20px; float: right; margin-right: 15px; } .midd-heading-small { width:auto; font:bold 13px Arial, Helvetica, sans-serif; color:#D7D7CF; float:right; margin-right: 17px; line-height: 20px; } .midd-heading-green-big { width:auto; font:bold 25px Arial, Helvetica, sans-serif; color:#FFF000; padding-left: 20px; float: left; } .midd-heading-green-medium { width:auto; font:bold 20px Arial, Helvetica, sans-serif; color:#A2B221; padding-left: 20px; float: right; margin-right: 15px;} .midd-heading-green-small { width:auto; font:bold 13px Arial, Helvetica, sans-serif; color:#D7D7CF; padding-left: 20px; float: right; margin-right: 15px;} /* New Added Class On Dt.25042009 */ .hiddenbrains {font:normal 12px Arial, Helvetica, sans-serif; color:#4B6318; text-decoration:none;} .hiddenbrains a {font:normal 12px Arial, Helvetica, sans-serif; color:#A7BA00; text-decoration:none;} .hiddenbrains a:hover {font:normal 12px Arial, Helvetica, sans-serif; color:#A7BA00; text-decoration:underline;} .thanku-page {width:969px; margin-top:40px;} .thanku-top-img {background:url(../images/thanku-top-img.gif) no-repeat; width:765px; height:10px;} .thanku-bott-img {background:url(../images/thanku-bott-img.gif) no-repeat; width:765px; height:10px;} .thanku-middle-bg {background:url(../images/thanku-middle-bg.gif) repeat-y; padding-left:27px; padding-right:27px; width:711px; padding-bottom:10px;} .india-office {width:340px; float:left; margin-right:10px; border-right:2px solid #242F07;} .india-office h1 {font:bold 17px Arial, Helvetica, sans-serif; color:#FFF000; text-decoration:none; margin-bottom:15px; margin-top:10px; text-transform:uppercase;} .india-office p {margin-top:0px; margin-bottom:8px; line-height:18px;} .india-office p span {font:bold 13px Arial, Helvetica, sans-serif; color:#A8BC00; text-decoration:none;} .india-office p em {font:normal 12px Arial, Helvetica, sans-serif; color:#A8BC00; text-decoration:none;} .india-office label {width:100px; font:bold 12px Arial, Helvetica, sans-serif; color:#A8BC00; text-decoration:none; float:left;} .india-office a {font:normal 12px Arial, Helvetica, sans-serif; color:#919775; text-decoration:underline;} .india-office a:hover {font:normal 12px Arial, Helvetica, sans-serif; color:#A8BC00; text-decoration:none;} .contact-info {width:350px; float:left;} .contact-info h1 {font:bold 17px Arial, Helvetica, sans-serif; color:#FFF000; text-decoration:none; margin-bottom:15px; margin-top:10px; text-transform:uppercase;} .contact-info label {width:75px; font:bold 12px Arial, Helvetica, sans-serif; color:#A8BC00; text-decoration:none; float:left;} .contact-info a {font:normal 12px Arial, Helvetica, sans-serif; color:#919775; text-decoration:none;} .contact-info a:hover {font:normal 12px Arial, Helvetica, sans-serif; color:#A8BC00; text-decoration:none;} /* .NET iPhone CSS */ .iphone-img {background:url(../images/iphone-img.gif) no-repeat top center; height:192px;} .iphone-img img { margin-bottom: 33px; margin-top:33px; } .blackberry-img {background:url(../images/blackberry-img.gif) no-repeat top center; height:192px;} .blackberry-img img { margin-bottom: 33px; margin-top:33px; } .green-heading {font:bold 18px Arial, Helvetica, sans-serif; color:#BCD300; text-decoration:none; border-bottom:1px solid #485C0E; line-height:30px;} .innerpage-heading { background: url(../images/headingbg.gif) no-repeat; width: 401px; height: 37px; padding-top: 11px; position:absolute; top: -20px; left: 0px; font: bold 13px Arial, Helvetica, sans-serif; color:#000000; text-indent: 60px; z-index:100; } a.greenlink-bold {font:bold 12px Arial, Helvetica, sans-serif; color:#BCD300; text-decoration:none;} a.greenlink-bold:hover {font:bold 12px Arial, Helvetica, sans-serif; color:#BCD300; text-decoration:underline;} ul#top-tabstrips { padding-bottom:0px; margin:auto; list-style-type:none; padding-left:11px;} ul#top-tabstrips li { display: block; float:left; margin-right:4px; background:none;} ul#top-tabstrips li a { display:block; color:#ffffff; text-decoration:none;} ul#top-tabstrips li a em { padding-right:11px; display:block; padding-left:10px; font:bold 12px arial, helvetica, sans-serif; padding-top:5px; padding-bottom:5px;} ul#top-tabstrips li a:hover {background-position: left top; background-image: url(../images/tab-topnav-left.gif); color: #ffffff; background-repeat: no-repeat; font-weight: bold;} ul#top-tabstrips li a:hover em { background-position: right top; background-image: url(../images/tab-topnav-right.gif) ; color: #ffffff; background-repeat: no-repeat; font-weight: bold;} ul#top-tabstrips li a.current {background-position: right top; background-image: url(../images/tab-topnav-left.gif); background-position:left top; color: #ffffff; background-repeat: no-repeat; font-weight: normal;} ul#top-tabstrips li a.current em {background-position: right top; background-image: url(../images/tab-topnav-right.gif); color: #ffffff; background-repeat: no-repeat; font-weight: bold;} /* New Added CSS on 08-May-2009 */ ul.midd-contentlist-article { margin-left: 18px; margin-top: 5px; margin-bottom: 17px; } ul.midd-contentlist-article li { list-style-type: square; margin-bottom: 12px; color: #ECF9CE; } ul.midd-contentlist-article li a { color: #ECF9CE; text-decoration: none; } ul.midd-contentlist-article li a:hover { color: #ECF9CE; text-decoration: underline; } ul.midd-contentlist-article ul{margin:5px 0 5px 15px} .article-img { float: right; margin-left: 10px; margin-bottom: 5px; } /* New Added Class */ .innerpage-heading-big { background: url(../images/headingbg.gif) no-repeat; width:700px; height: 26px; padding-top: 11px; position:absolute; top: -20px; left: 0px; font: bold 13px Arial, Helvetica, sans-serif; color:#000000; text-indent: 60px; } /* porfolio new page CSS*/ #portfolio{float:left; width:100%; margin:15px 0 0 0} #portfolio .prod-row{background:url(../images/portfolio-prod-stand.png) no-repeat; width:820px; display:block; height:240px; padding:0 70px 18px 88px; position:relative} #portfolio .prod-row .prod-thumb{background:url(../images/iphone-thumbs-bg.png) no-repeat left bottom; width:148px; height:223px; float:left; margin:15px 15px 0 0} #portfolio .prod-row .prod-thumb a.appimage{ float:left; margin:36px 35px 20px 17px} #portfolio .prod-row .prod-thumb .prodname{ clear:both; float:right; width:93px; text-align:center; font-size:12px; color:#fff; font-weight:700} #portfolio .prod-row .prod-thumb .prodname a{text-align:center; font-size:12px; color:#fff; font-weight:700; text-decoration:none} /* css for other mob prod other than iphone*/ #portfolio .prod-row .mob-dev-prod{width:148px; height:223px; float:left; margin:15px 15px 0 0} #portfolio .prod-row .mob-dev-prod a.appimage{ float:left; position:relative} #portfolio .prod-row .mob-dev-prod .prodname{ background:url(../images/prod-name-bg.gif) no-repeat right bottom; float:right; width:93px; text-align:center; font-size:12px; color:#fff; font-weight:700; position:relative; top:-20px; height:20px; padding:3px 0 0 0} #portfolio .prod-row .prodname a{text-align:center; font-size:12px; color:#fff; font-weight:700; text-decoration:none;} #portfolio .prod-row .fifa-logo{position:absolute; left:50px; bottom:15px;} /*product details page css*/ #prod-container{float:left; width:981px; position:relative; z-index:100;} #prod-container-bot{background:url(../images/prod-details-bg.png) no-repeat left top; position:relative; bottom:35px; float:left; height:60px; width:981px} #prod-container .prod-details{float:left; width:400px; padding:20px 0 0 60px; color:#828282} #prod-container .prod-details p{text-align:justify} #prod-container .prod-details .prod-content{height:375px} #prod-container .prod-details h3{color:#A8BC00; font-size:22px} #prod-container h3{color:#A8BC00; font-size:22px} #prod-container .prod-details h4{color:#A8BC00; font-size:13px} #prod-container h4{color:#A8BC00; font-size:13px} #prod-container .prod-details ul, #prod-container ul{margin:5px 0; list-style:none} #prod-container .prod-details ul li, #prod-container ul li{background:url(../images/green-bull.gif) no-repeat left 7px; padding:0 0 0 12px; line-height:20px; color:#828282} #prod-container .prod-details .adbutton{background:url(../images/prod-details-hlightbtn.png) no-repeat left top; width:211px; height:42px; float:left; padding:10px 15px 25px 25px; margin:25px 0 0 0/**/} #prod-container .prod-details .adbutton img{margin:0 5px 0 0} #prod-container .prod-details .adbutton h5{font-size:13px; color:#fff; text-align:center; font-weight:400} #prod-container .prod-details .adbutton h1, #prod-container .prod-details .adbutton h1 a {font-size:24px; color:#fff; text-align:center; text-decoration:none} #prod-container .prod-img{float:left; margin:45px 0 0 10px; width:470px} .testimonial-box{display:block; width:300px; float:left} .prodbox-scroll{float:left; width:300px; border:0px solid red; padding:0; text-align:center} .prodbox-scroll h3, .homecontentcol2 h3{ color:#4B4B4B; float:left; width:180px} .homecontentcol2 h3{ width:100%; display:block; margin:0 0 10px 0} .prodbox-scroll h3 span, .homecontentcol2 h3 span{ color:#D02018} .prodbox-scroll img{ margin:0 auto} .prodbox-scroll p{line-height:16px} .mobthumbs{float:left; margin:10px 25px 0 0; text-align:center} .mobthumbs h5{color:#eee; font-size:12px; margin:0 0 5px 0} /* extra common class */ .left{float:left!important} .right{float:right!important} .clear{clear:both} .debug{border:1px solid red} .new-item{background:#b55e00; border:1px solid #3d2100; color:#fff; font-size:10px; line-height:11px;padding:0 2px} .smallcase { text-transform: none; } .icup-banner{position:absolute; left:320px; width:212px; height:96px} .MTB {margin:10px 0 20px 0;} .itune-bg {background:url(../images/iTune2-2.jpg) no-repeat; width:243px; height:395px; margin:21px 0 50px 0; padding:135px 244px 0 513px;} #icup-live-score {margin:0 0 0 0; float:left; width:300px;} #icup-live-score h1 {font:bold 15px Arial, Helvetica, sans-serif; color:#c90200; text-decoration:none; margin:0 0 3px 0; padding:0;} #icup-live-score h2 {font:bold 12px Arial, Helvetica, sans-serif; color:#666666; text-decoration:none; margin:0; padding:0 0 0 14px;} #icup-live-score h1 a {font:bold 15px Arial, Helvetica, sans-serif; color:#c90200; text-decoration:none; margin:0; padding:0;} #icup-live-score h1 a:hover {color:#000; text-decoration:none;} #icup-live-score h1 span {color:#000;} .ituneapp-bg {background:url(../images/iTune1.jpg) no-repeat; width:75px; height:624px; padding:101px 417px 0 507px;}