@charset "utf-8";
/* CSS Document */

* {
/*  border: 0px #ccc solid; */
  margin: 0px;
  padding: 0px;
}
/*
h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}
*/
body {
   color:#262626;
   font-family:'Helvetica Neue',Arial,Verdana, Tahoma, Helvetica,"Lucida Grande","Sans Serif";
   padding: 0px;
   margin: 0px;
   font-size:14px;
   line-height: 1.5em;
  border: none;
  background: url(../images/bitla_new/main_bg.jpg) #0E2A52 no-repeat center top;
}

h1 {
   padding: 5px 0px;
   margin: 3px 0px;
  font-size:26px;
}
h2 {
   padding: 3px 0px;
   margin: 2px 0px;
  font-size:22px;
}
h3 {
   padding: 0px;
   margin: 0px;
  font-size:18px;
}
h4 {
   padding: 0px;
   margin: 0px;
  font-size:16px;  
}

#wrapper {
   width:990px;
   margin: 0px auto;
  border: 0px #ccc solid;
}
#top {
  margin:15px 0px;
  height:133px;
  margin-bottom: 0px;
  /*background: url(/images/bitla_new/main_top_white1.png) no-repeat bottom;*/
}

#logo {
   float:left;
   width:105px;
   height:110px;
}
/*
#menu {
   width:880px;
   float:right;
}
*/
#menu {}

/* Menu effect lavalamp dont change*/
.lava_header{
   background: url(../images/menu_bg.png) no-repeat top;
   width: 990px;
  height:37px;
}

.lavaLampWithImage {
  position: relative;
  width: 770px;
  height:33px;
  vertical-align: middle;
  margin-top: 4px;
  overflow: hidden;
}
   
.lavaLampWithImage li {
    float: left;
    list-style: none;
      line-height:1px;
      border-right: 1px solid #444;
   
}
.lavaLampWithImage li.back{
    background: url(../images/lava.gif) no-repeat right -30px;
    /*background: #9ec74b no-repeat right -30px;*/
    width: 9px; height: 29px;
    z-index: 8;
    margin: 0px 0;
    position: absolute;
}

.lavaLampWithImage li.back .left {
    background: url(../images/lava.gif) no-repeat top left;
/*    background: #9ec74b no-repeat top left; */
    height: 29px;
    margin-right: 9px; /* 7px is the width of the rounded shape */
    border: none;
   
      
}
.lavaLampWithImage li a {
  font: bold 12px arial;
  text-decoration: none;
  color: #fff;
  outline: none;
  text-align: center;
   vertical-align:text-bottom;
  letter-spacing: 0;
  z-index: 10;
  display: block;
  float: left;
  height: 24px;
  position: relative;
  overflow: hidden;
   width: 85px; 
   margin: 6px 10px 0px 10px;
}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
    border: none;
      color: #fff;
}

/*
#header {
   width:880px;
   float:right;
   height:65px;
  padding:5px 0px;
}
*/

#header {
   height:65px;
  padding:5px 0px;
  margin-top:11px;
}

#header h1 {
  font-size:26px;
  color: #000;
  font-weight: normal;
  text-shadow: 0 1px 0 #FFFFFF;
}

#header h2 {
  font-size:16px;  
  color: #444;
  font-weight: normal;
  font-family:Verdana, Tahoma, Helvetica,'Helvetica Neue',Arial,"Lucida Grande","Sans Serif";
}

#header h1 b {
  color: #6FA10F;
}

#header h2 b {
  color: #CF9220;
}

#header #logo {
   float:left;
   width:210px;
   height:70px;
}
/*
#header #caption {
   float:right;
   width:670px;
   height:65px;
  text-align:right;
}
*/
#header #caption {
  height:65px;
  text-align:right;
  padding: 0px 5px;
}


/* main body */
#main{
   height:100%;
   margin-top:5px;
   overflow: hidden;
   background: url(/images/bitla_new/main_bottom_white.png) no-repeat bottom center #FFF ;
   padding-bottom: 30px;
   margin-bottom: 30px;
}

#home_glider{
  background: #ffffff;
}


#home_glider .buttons{
   text-align:center;
   padding:0px;
   height:10px;
   margin-right:20px;
   margin-top:4px;
}
#home_glider .mask{

}

#home_glider h1 {
   color:#00438A;
   margin:8px 0px;
   padding:0px;
   text-shadow: 0 1px 0 #FFFFEE;
}

#home_glider h2 {
  font-size: 26px;
  margin: 0px;
  padding: 0px;
}

#home_glider h3 {
   padding: 5px 0px;
   margin: 3px 0px;
  font-size:24px;
  line-height: 1.1em;
  color: #1D1D1D;
}

#home_glider p {
  color: #5b5b5b;
  line-height: 1.3em;
  margin-bottom:6px;
}

.home_about {
  /*background-color: green;*/
  margin-bottom:20px;
}

.home_about h1{
    font-size:16px;
    color:#00438a;
    padding: 10px 0 5px 5px;
}

.home_about h3{
    font-size:15px;
    color:#D63D1B;
    margin-bottom:3px;
    font-family:Helvetica,'Helvetica Neue',Arial,Verdana,Tahoma,"Lucida Grande","Sans Serif";
}
.home_about h3:hover{
    font-size:15px;
    color:#ee3311;
    margin-bottom:3px;
    font-family:Helvetica,'Helvetica Neue',Arial,Verdana,Tahoma, "Lucida Grande","Sans Serif";
}


#about_us_text {
  padding-left: 0px; padding-right: 10px;color:#000;
}

#about_us_text p {
  font-size: 14px; line-height: 1.3em;
  margin-bottom: 7px;
  text-align: left;
}


#product_process {
  background: url(/images/bitla_new/home_main_bg.jpg) no-repeat;height:350px;
}

#product_process .how_we_do_it {
  width:420px;float:left;padding-left:10px;
}

#product_process .how_we_do_it .prod_row {
  width:414px;height:80px;clear:both;padding:4px 15px;
}
#product_process .how_we_do_it .prod_row:hover {
  background: url(/images/bitla_new/how_to_work_a_hover_bg.png) no-repeat;
}

#product_process .how_we_do_it .prod_row .icon {
  width:65px;height:65px;float:left;border:4px double #C3CEAC; padding:1px;
}
#product_process .how_we_do_it .prod_row .icon:hover {
  border:4px double #a5ba7b; 
}

#product_process .how_we_do_it .prod_row .body {
  float:left;width:320px;line-height:14px; margin-left:10px;margin-top:0px;
  font-family:Tahoma, Helvetica,'Helvetica Neue',Arial,Verdana,"Lucida Grande","Sans Serif";
}


.home_about #our_products {
  width:635px;float:right;height:350px;
}
.home_about #our_products .prod_row {
  width:310px;height:65px;clear:both;padding:4px;
}
.home_about #our_products .prod_row:hover {
  background: url(/images/bitla_new/home_products_a_hover_bg.png) no-repeat;
}

.home_about #our_products .prod_row .icon {
  width:45px;height:45px;float:left;border:4px double #CCCCCC; padding:1px;
}
.home_about #our_products .prod_row .icon:hover {
  border:4px double #E5E9DB;
}

.home_about #our_products .prod_row .body {
  float:left;width:250px;line-height:14px; margin-left:5px; margin-bottom:10px;margin-top:-2px;
  font-family:Tahoma, Helvetica,'Helvetica Neue',Arial,Verdana,"Lucida Grande","Sans Serif";
}


#home_buzz{
  background-color: white;
  margin: 25px auto;
  height: 550px;
}

#home_buzz h1 {
  padding: 0px;
   margin: 0px;
  font-size:16px;
  color:#00438a;
}

#home_buzz h2 {
  padding: 0px;
   margin: 0px;
  font-size:18px;  
}

/* Footer */
#footer{
  margin:0px auto;
   color: #fff;
   bottom: 0px;
   width: 100%;
   background: #02458B;
   padding-top:15px;
   font-size:12px;
}

#footer p {
   color: yellow;
}
#footer_content{
   height:275px;
   width:980px;
   border: 0px solid black;
   margin: 0px auto;
}
#footer a {
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   text-align: left;
   line-height:1.5;
   color: #FFF;
   bottom: 0px;
}

#footer a, #footer a.hover {
   color:#FFE;
   text-decoration:none;
}

#footer_copyright {
  text-align:center;
  vertical-align:middle;

}

/* common */
.clearfix{clear: both;}

/* rounded corner boxes */
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC;}
.xb1 {margin:0 5px; background:#CCCCCC;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.bitla_news {background: transparent; background-color:#fff;margin:0px auto; margin-bottom: 20px;}
.bitla_news_content {display:block; border:0 solid #CCCCCC; border-width:0 1px; padding:3px; text-align:left;}

.blogs {background: transparent; background-color:#fff;margin:0px 2px;width:305px;}
.blog_caption{font-size:11px;font-style:italic; line-height:12px; margin-bottom:5px; }
.blogs_content {display:block; border:0 solid #CCCCCC; border-width:0 1px; padding:4px 10px; font-size:14px; font-weight:normal;overflow:hidden;}
.contact_content {display:block; border:0 solid #CCCCCC; border-width:0 1px; padding:4px 10px; font-size:14px; font-weight:normal;
                  background: url(/images/bitla_new/contact_us.jpg) no-repeat top right; }
.blogs_content_desc {font-size:12px; font-weight:normal;}
.more {font-size:12px; font-style:italic;color:#F35828;margin-right:20px;font-weight:bold;text-decoration:none;}
.more:hover {font-size:12px; font-style:italic;color:#F45a2f;margin-right:20px;font-weight:bold;text-decoration:none;}

.services_product_blog {background: transparent; background-color:#fff;width:245px; margin-bottom:16px}
.services_product_blog_content {display:block; border:0 solid #CCCCCC; border-width:0 1px; padding:5px; font-size:14px; font-weight:bold; text-align:left;}
.services_link_curve{background: transparent; background-color:#fff;margin:5px auto;width:252px; margin-left:0px;}

.career_curve {background: transparent; background-color:#fff;}
.contact_curve {background: transparent; background-color:#FFF8DC;}




/* flashes >>  */
#flashes {
   background: #fff9d0;
   min-height: 30px;
   text-align: center;
   font-weight: bold;
   margin: 0 auto;
   width: 90%;
}

/* ERRORS AND NOTICES >>  */
#flash-errors, #errorExplanation {
   margin: 0 auto;
   background: #FFFFBF;
   padding: 5px;
   color: #000a8f;
   text-align: center;
   border: 1px solid #d5d582;
}
#flash-notice {
   background: #cfc;
   padding: 5px;
   color: #051;
   text-align: center;
}
#errorExplanation ul, #flash-notice ul,#flash-errors ul,#flash-notice li,
#flash-errors li {
   list-style: none;
}
#errorExplanation {
   text-align: left;
   border: 1px solid #F99;
   background: #fdd;
}
#errorExplanation h2 {
   border: none;
   margin: 0;
   padding: 0;
}

/* TODO - change as per new naming convention */
/* New Glider effects don't change- for further details discuss*/
#box{
   position:absolute;
}
#box div{
   width:990px;
   height:440px;  
   float:left;

}
#box .buttons{
   text-align:left
}
#box .next{
   float:right
}

#box a{
   color: #6FA10F;
   text-decoration:none;
   font-weight: bold;
}
.cor_glider .buttons{
   text-align:center;
   clear:both;
}
.cor_glider .mask{
  border-top:1px solid #ccc;
   border-bottom:1px solid #ccc;
}

.mask{
   position:relative;
   width: 990px;
   height:440px;  
   overflow:hidden;
}

.box_text_content{
   width: 450px;
}

span img{
   display:block;
   border:none;
}
#pg0{
   background:url(../images/home_image_web_app.jpg) no-repeat;
	 height:440px;  
}
#pg1{
   background:url(../images/home_image_smart_phone_app.jpg) no-repeat;
	 height:440px;
}
#pg2{
   background:url(../images/home_image_mobile_app.jpg) no-repeat;
	 height:440px;
}
#pg3{
   background:url(../images/home_image_design_app.jpg) no-repeat;
	 height:440px;
}

.buttons{padding:5px;padding-bottom:0px;text-align:center;height:100px;}

.buttons span#prev{
   padding:0 auto;cursor:pointer;background:url(../images/prev1.png) no-repeat;
}

.buttons span#stop{
   padding:0 auto;cursor:pointer;background:url(../images/stop1.png);
}

.buttons span#play {
   cursor:pointer;background:url(../images/play1.png);
}

.buttons span#next{
   cursor:pointer;background:url(../images/next1.png);
}

.buttons span#prev:hover span.active{
   cursor:pointer;background:url(../images/prev2.png);
}
.buttons span#stop:hover span.active{
   cursor:pointer;background:url(../images/stop2.png);
}

.buttons span#play:hover span.active{
   cursor:pointer;background:url(../images/play2.png);
}

.buttons span#next:hover span.active{
   cursor:pointer;background:url(../images/next2.png);
}

.buttons span{padding:0px 8px;cursor:pointer;font:10px Verdana; background:url(../images/dot_1.png) no-repeat;}
.buttons span.active, .buttons span:hover{background:url(../images/dot_2.png) no-repeat;color:#fff}



/* services side bar link effects*/

div.services_sidebar_links ul{
margin: 0;
   list-style: none;
   background: #fff9dd;
}


div.services_sidebar_links ul li{
   padding-left:10px;
   padding-top:5px;
   font-size: 12px;
   font-weight:bold;
   height:30px;
}
div.services_sidebar_links ul li a{
   text-decoration:none;
   color: #000;
}

div.services_sidebar_links ul li:hover{
   background:url(../images/bitla_new/services_tabs_hover.png) no-repeat;
}

div.services_sidebar_links ul li.selected{
   background:url(../images/bitla_new/services_tabs_hover.png) no-repeat;
}


div#left_content{
   width:695px;
   float:left;
/*   min-height:500px; */
}
div#right_content{
   width:245px;
   float:right;
}

div.menu_header_yellow{
   margin-bottom:15px;
   width:236px;
   height:30px;
   font-size:16px;
   padding:8px 0px 0px 10px;
   font-weight:bold;
   background:url(../images/bitla_new/button_yellow.png) no-repeat;
}


div.menu_header_green{
   margin-bottom:0px;
   width:236px;
   color: #fff;
   height:30px;
   font-size:16px;
   padding:8px 0px 0px 10px;
   font-weight:bold;
   background:url(../images/bitla_new/button_green.png) no-repeat;
}


div.menu_header_blue{
   width:236px;
   height:30px;
   font-size:16px;
   padding:8px 0px 0px 10px;
   font-weight:bold;
   color: #fff;
   background:url(../images/bitla_new/button_blue.png) no-repeat;
   margin-top:10px;
}


div.menu_header_orange{
   margin-bottom:0px;
   width:236px;
   color: #fff;
   height:30px;
   font-size:16px;
   padding:8px 0px 0px 10px;
   font-weight:bold;
   background:url(../images/bitla_new/button_orange.png) no-repeat;
   margin-top:10px;
}




div#page_heading{
}

div#page_heading h1{
   font-size:26px;
   border-bottom:2px solid #FFCC99;
   margin-bottom:10px;
   padding-bottom:10px;
   color:#008000;

}

div#main ul{
   margin-left:0px;

}

div.app_holder{
   width:227x;
   height:110px;
   float:left;
   padding: 12px;
}

div.app_holder:hover{
   background-color:#cfdeff;
}


div.lang_holder{
   width:180x;
   height:120px;
   float:left;
   padding: 10px;
}

div.lang_holder:hover{
   background-color:#C5DE9C;
}


.learn-more{
  margin-top: 10px;
}

#left_sub_header{
  margin-top: 5px;
  margin-bottom: 1px;
  font-weight: bold;
  color: #D63D1B;
}

#electronic_media_images{
  width: 267px;
}

.footer_links a:hover{
   font-weight:bold;
}

/* search box*/


#search_box {
    width: 201px;
    height: 31px;
    background: url(images/bg_search_box.gif);
}
#search_box #s {
    float: left;
    padding: 0;
    margin: 6px 0 0 6px;
    border: 0;
    width: 159px;
    background: none;
}
#search_box #go {
    float: right;
    margin: 3px 4px 0 0;
}


form#cse-search-box{
   margin-top: 6px;
   height:20px;
   width:166px;
  background:url(../images/bitla_new/search_bg.jpg) no-repeat;
   padding:1px 10px 5px 5px;
}


/* tool tip */
.stickytooltip{
box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/

display:none;
position:absolute;
display:none;
border:5px solid black; /*Border around tooltip*/
background:white;
z-index:3000;
}


.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
background:black;
color:white;
padding-top:5px;
text-align:center;
font:bold 11px Arial;
}

#subpage_header{
  height: 75px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 15px;
}

#subpage_header h1{
  font-size: 20px;
  text-align: right;
  width:470px;
  float: right;
  font-weight: normal;
  color: #0A46BE;
  margin-top: 20px;
  }

#product_images{
  width: 730px;
  height:360px;
  margin-left: 5px;
  }


#photo_thumbs{
  width: 170px;
  float: left;
  background: #ccc;
  height:330px;
  background:#fff;
}

#photo_thumbs a {
  border:0px solid #ccc;
  padding: 2px;
}

#photo_thumbs a:hover {
  border:0px solid #777;
  padding: 2px;
}

#image_slide{
  width:460px;
    background: #EDF4E2;
}

#photo_thumbs_image{
  margin-left: 14px;
  margin-top: 20px;
  padding-top:20px;
}

#products_content h1{
  font-size: 20px;
  font-weight: normal;
  color: #0A46BE;
  margin-top: 10px;
}


#text_content_products{
  margin-left: 20px;
  width: 390px;
  float: left;
  margin-right: 10px;
}

#button_products {
  list-style-image:url("/images/bitla_new/li_button.jpg");
}

#sub_button_products {
  list-style-image:url("/images/bitla_new/li_sub_button.png");
}
#sub_button_products li {
  margin-left: 14px;
}

#subpage_content{
}

#subpage_text_content_2{
  width: 695px;
  margin-left:30px;
}

#subpage_text_content_3{
  margin-left:10px;
  width: 695px;
}


#subpage_text_content_2_left{
  width: 300px;
  float: left;
  margin-right: 35px;
}

#subpage_text_content_2_right{
  width: 300px;
  float: left;
}


/* Product Show case*/
#show_case pre{
   display:block;
   font:100% "Courier New", Courier, monospace;
   padding:10px;
   border:1px solid #bae2f0;
   background:#e3f4f9;  
   margin:.5em 0;
   overflow:auto;
   width:800px;
}

#show_case img{border:none;}
#show_case ul,#show_case li{
   margin:0;
   padding:0;
}
#show_case li{
   list-style:none;
   float:left;
   display:inline;
   margin-right:10px;
}


#preview{
   position:absolute;
   border:1px solid #ccc;
   background:#333;
   padding:0px;
   display:none;
   color:#fff;
   }


/* Product Show case end*/


/* FOR INNER PAGES */

#inner_content {
   height: auto !important;
   clear:both;
   padding: 20px;
}

#page_head {
   height: 427px;
   padding: 10px;
   background:url(/images/bitla_new/servicess_main_bg.jpg) no-repeat;
   margin-bottom: 18px;
  }

#page_head .content {
   width: 23%;
   float:left;
   padding: 6px 3px 3px 3px;
   margin: 5px;
   height:260px;
}

#page_head .content:hover {
   width: 23%;
   float:left;
   padding: 6px 3px 3px 3px;
   margin: 5px;
   background:url(/images/bitla_new/page_head_content_hover.png) no-repeat;
   height:280px;
   }

#page_head .content .icon {
  width:120px;height:120px;border:4px double #C3CEAC; padding:1px;margin:0px auto;
}
#page_head .content .icon:hover {
  width:120px;height:120px;border:4px double #a5ba7b; padding:1px;margin:0px auto;
}

#page_head .content .body {
  width:205px;line-height:14px; margin-left:5px; margin-bottom:12px;font-size:13px;
  font-family:'Helvetica Neue',Arial,Verdana,Tahoma, Helvetica,"Lucida Grande","Sans Serif";
}

p {
  margin-bottom: 5px;  
}


#page_head .content h1 {
  width:198px;margin:10px 0px 2px 0px;padding:5px auto;font-size:19px;border:none;text-align:center;
  font-family:Helvetica,'Helvetica Neue',Arial,Tahoma,Verdana,"Lucida Grande","Sans Serif";
}


#page_head .content2 {
   width: 48%;
   float:left;
   padding: 6px 3px 3px 3px;
   margin: 5px;
   height:260px;
}



#page_head h1 {
   margin-bottom: 10px;
   padding-bottom:10px;
   border-bottom: 2px solid #Fc9;
}

#page_body {
   
}

#page_body h1 {
   margin-bottom: 10px;
   padding-bottom:10px;
   /*border-bottom: 1px solid #FDA;*/
}

#page_body .content {
   width: 100%;
   padding: 6px 3px 3px 3px;
   margin: 5px;
   height:170px;
   background:url(/images/bitla_new/servicess_contant_bg1.jpg) no-repeat;
}

#page_body .content:hover {
   width: 100%;
   padding: 6px 3px 3px 3px;
   margin: 5px;
   background:url(/images/bitla_new/servicess_contant_bg.jpg) no-repeat;
   height:170px;
}

#page_body .content .icon {
  width:150px;height:150px;border:4px double #C3CEAC; padding:1px;float:left;margin-left:5px;
}
#page_body .content .icon:hover {
  border:4px double #a5ba7b; 
}

#page_body .content .body {
  width:480px;line-height:16px; margin-left:12px; margin-bottom:12px;font-size:14px;float:left;
  font-family:'Helvetica Neue',Helvetica,Arial,Verdana,Tahoma, "Lucida Grande","Sans Serif";
}

#page_body .content h1 {
  margin:0px 0px 5px 0px;padding:0px;font-size:22px;border:none;text-align:left;
  font-family:Helvetica,'Helvetica Neue',Arial,Tahoma,Verdana,"Lucida Grande","Sans Serif";
  margin-top: 10px;
}

#contact_sidebar{
	background:url(/images/bitla_new/contact_right_bg.jpg) no-repeat;
	padding:5px;
	font-size:12px;
  height: 580px;

}

.submit_button{
	background:url(/images/bitla_new/submit_button.gif) no-repeat;
	padding:5px;
	font-weight:bold;
	font-size:12px;
	height:31px;
	width:103px;
	border:none;
}

#career_main_1{
  float:left; margin-top: 10px;
}

#career_image{
  float:left;
  margin-right: 10px;
}

.tooltip_popup{
   background-color:#000;
   height:30px;
   width:100%;
   color:#ccc;
   vertical-align: middle;
   font-size: 12px;
}

.tooltip_popup a{
	color:#fff;
	text-decoration:none;
}

.tooltip_popup a:hover{
	color:yellow;
	text-decoration:none;
}

.tooltip_popup_bottom{
  background-color:#ccc;
  width:100%;
  color:#000;
  vertical-align: middle;
  padding-left:5px;
  font-size: 12px;
}

#service_icon_image{
  float: left;
}


.testimonials_ticker{
	margin-left:0px;
	margin-right:20px;
	margin-top:40px;
	font-size:14px;
	font-family:'Helvetica Neue',Arial,Verdana, Tahoma, Helvetica,"Lucida Grande","Sans Serif";
	line-height: 1.4em;
}

a {
   color:#004183;
   text-decoration:none;
}
a:hover {
   color:#0055aa;
   text-decoration:none;
}