/* CSS Document */

#biz-solution{
   min-width:980px;
}


#biz-solution h1{
   font-size:24px;
   font-weight:normal;
   color:#333333;
   margin:0px;
   padding:0px 40px 0px 0px;
   line-height:1.6em;
}

.float-left {
   float:left;
}


#biz-solution h2{
   font-weight:normal;
   color:#333333;
   margin:0px;
   /*
   font-size:24px;
   padding:0px;
   */
   line-height:1.3em;
}

#biz-solution h3{
   font-size:16px;
   font-weight:normal;
   color:#333333;
   margin:0px;
   padding:0px;
   line-height:1.3em;
}


.biz-widget{
   background:url(/images/business-solutions/bg-biz-widget.png) no-repeat 0px 0px;
   height:180px;
   width:234px;
   box-shadow: 5px 5px 5px #999999;
   vertical-align: middle;
   /*
   float:right;
   margin:-62px 108px 0px 0px;
   padding:0px;
   */
}

#biz-solution .biz-hl-flow{
   /*background:url(/images/business-solutions/bg-biz-hl-flow.png) no-repeat 0px 0px;*/
   min-height:472px;
   min-width:730px;
   height:auto;
   width:auto;
   display:inline-block;
   margin:0px;
   padding:0px;
   text-indent:-9999px;
}

.benefits-tiles-container{
   width:730px;
   float:left;
   margin:0px;
   padding:15px;
}

.benefits-tiles-container ul{
   width:730px;
   float:left;
   margin:0px 0px 15px 0px;
   padding:0px;
}


.benefits-tiles-container ul li{
   background-color:#f6f6f6;/*  */
   width:160px;
   height:170px;
   float:left;
   margin:0px 10px 0px 0px;
   padding:10px 5px 10px 5px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius: 10px;
   list-style-type:none;
   font-size:15px;
   font-weight:normal;
   text-align:center;
   line-height:1.6em;
}

.benefits-tiles-container ul li .biz-benefits-icons{
   background:url(/images/sprite-features-icons.png) no-repeat;
   background-position:0px -240px;
   height:80px;
   width:85px;
   margin:10px;
   padding:0px;
   text-indent:-9999px;
   display:inline-block;
}
/**********added by fermin START *****************/
#biz-solution .benefits-tiles-container ul li .biz-benefits-ipad{
   background-position:-85px -240px;
}

#biz-solution .benefits-tiles-container ul li .biz-benefits-http{
   background-position:-170px -240px;
}

#biz-solution .benefits-tiles-container ul li .biz-benefits-fb{
   background-position:-85px -80px;
}
#biz-solution .benefits-tiles-container ul li .biz-benefits-custm{
   background-position:0px -320px;
}
#biz-solution .benefits-tiles-container ul li .biz-benefits-cont-custm{
   background-position:-85px -320px;
}
#biz-solution .benefits-tiles-container ul li .biz-benefits-prm{
   background-position:-170px -320px;
}

#biz-solution .benefits-tiles-container ul li .biz-benefits-reports{
   background-position:-255px -320px;
}



/* fermin START  08/21/12 */
.benefits-tiles-container h3{
   color:#666!important;
}
.explanation{
   display:none;
}
.benefits-tiles-container ul li .biz-benefits-clp{
   background-position:0px 0px;
}
.feat1:hover .biz-benefits-clp {
   display:none;
}
.feat1:hover {
   background-color:#3CA6CE;
}
.feat1:hover .explanation, .feat1:hover h3 {
   display:block;
   color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-sv{
   background-position:-85px 0px;
}
.feat2:hover .biz-benefits-sv {
   display:none;
}
.feat2:hover {
   background-color:#3CA6CE;
}

.feat2:hover .explanation, .feat2:hover h3 {
   display:block;
   color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-col{
   background-position: -85px -480px;
}
.feat3:hover .biz-benefits-col {
   display:none;
}
.feat3:hover {
   background-color:#3CA6CE;
}

.feat3:hover .explanation, .feat3:hover h3 {
   display:block;
   color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-org{
   background-position:-170px -480px;
}
.feat4:hover .biz-benefits-org {
   display:none;
}
.feat4:hover {
   background-color:#3CA6CE;
}

.feat4:hover .explanation, .feat4:hover h3 {
   display:block;
   color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-tw{
   background-position: 0px -80px;
}
.feat5:hover .biz-benefits-tw {
   display:none;
}
.feat5:hover {
   background-color:#3CA6CE;
}
.feat5:hover .explanation, .feat5:hover h3 {
   display:block;
   color:white!important;
}

.benefits-tiles-container ul li .biz-benefits-fb{
   background-position: -85px -80px;
}
.feat6:hover .biz-benefits-fb {
   display:none;
}
.feat6:hover {
   background-color:#3CA6CE;
}

.feat6:hover .explanation, .feat6:hover h3 {
   display:block;
   color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-eml{
   background-position: -170px -80px;
}
.feat7:hover .biz-benefits-eml {
   display:none;
}
.feat7:hover {
   background-color:#3CA6CE;
}

.feat7:hover .explanation, .feat7:hover h3 {
   display:block;
   color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-shw{
   background-position: -85px -400px;
}
.feat8:hover .biz-benefits-shw {
   display:none;
}
.feat8:hover {
   background-color:#3CA6CE;
}

.feat8:hover .explanation, .feat8:hover h3 {
   display:block;
   color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-fol{
   background-position: 0px -160px;
}
.feat9:hover .biz-benefits-fol {
   display:none;
}
.feat9:hover {
   background-color:#3CA6CE;
}

.feat9:hover .explanation, .feat9:hover h3 {
   display:block;
   color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-int{
   background-position: -85px -160px;
}
.feat10:hover .biz-benefits-int {
   display:none;
}
.feat10:hover {
   background-color:#3CA6CE;
}

.feat10:hover .explanation, .feat10:hover h3 {
   display:block;
   color:white!important;
}
.benefits-tiles-container ul li .biz-benefits-fcol{
   background-position: -255px -480px;
}
.feat11:hover .biz-benefits-fcol {
   display:none;
}
.feat11:hover {
   background-color:#3CA6CE;
}

.feat11:hover .explanation, .feat11:hover h3 {
   display:block;
   color:white!important;
}

.benefits-tiles-container ul li .biz-benefits-get{
   background-position: -8px -560px ;
}
.feat12:hover , .feat12:hover h3{
   background-color:#3CA6CE;
   color: #FFFFFF !important;
}
.feat12:hover .explanation { /* @TODO Set "Get Highlighter" to white color */
   display:block;
   color:white!important;
}


/* fermin END */





.silver-bg {
   background:url(//roohit.com/images/business-solutions/silver_bg.png);   
}

.gold-bg {
   background:url(//roohit.com/images/business-solutions/gold_bg.png);
}

.silver-gold-bg {
   background:url(//roohit.com/images/business-solutions/silver_gold_bg.png);
}
/***added by Fermin END****/

#slides{
   width:auto;
   height:auto;
}
#browser{
   background:url(/images/business-solutions/browser.png) no-repeat 0px 0px;
   width:306px;
   height:208px;
   margin:122px 0px 0px 141px;
   
}
#paste-code-txt{
   background:url(/images/business-solutions/paste-code-txt.png) no-repeat 0px 0px;
   width:202px;
   height:74px;
   margin:22px 0px 0px 130px;
}
#hl-pen{
   background:url(/images/business-solutions/hl-pen.png) no-repeat 0px 0px;
   width:29px;
   height:119px;
   margin:167px 0px 0px 416px;
}
#websiteHL{
   background:url(/images/business-solutions/websiteHL.png) no-repeat 0px 0px;
   width:108px;
   height:43px;
   margin:205px 0px 0px 269px;
}
#usersHL-txt{
   background:url(/images/business-solutions/usersHL-txt.png) no-repeat 0px 0px;
   width:117px;
   height:56px;
   margin:36px 0px 0px 382px;
}
#arrow{
   background:url(/images/business-solutions/arrow.png) no-repeat 0px 0px;
   width:50px;
   height:24px;
   margin:227px 0px 0px 452px;
}
#automatically-txt{
   background:url(/images/business-solutions/automatically-txt.png) no-repeat 0px 0px;
   width:160px;
   height:46px;
   margin:107px 0px 0px 492px
}
#fbbox{
   background:url(/images/business-solutions/fbbox.png) no-repeat 0px 0px;
   width:229px;
   height:116px;
   margin:165px 0px 0px 505px;
}
#get-exposure-txt{
   background:url(/images/business-solutions/get-exposure-txt.png) no-repeat 0px 0px;
   width:214px;
   height:51px;
   margin:331px 0px 0px 496px;
}
#t-b-letters{
background:url(/images/business-solutions/t-b-letters.png) no-repeat 0px 0px;
   width:213px;
   height:102px;
   margin:300px 0px 0px 482px;
}
#drives-more-users-txt{
   background:url(/images/business-solutions/drives-more-users-txt.png) no-repeat 0px 0px;
   width:154px;
   height:54px;
   margin:377px 0px 0px 79px;
}
#users{
   background:url(/images/business-solutions/users.png) no-repeat 0px 0px;
   width:103px;
   height:148px;
   margin:284px 0px 0px 240px;
}

.rotated{
   position:absolute;
   display:none;   
}


.upon-clicking-ul{
   margin:-21px 0px 0px 50px; width:300px;
   float:left;
}


/* added by Avishek BEGIN 
 .rotated{position:absolute;top:1;left:281px;}
 #slides{width:auto;height:auto; }
 #slide5{display:none;}
 added by Avishek END */