/******Common Css Start******/ body{ font:12px/20px "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif;color:#000;background:#efefef;} .francophil{font-family: 'FrancophilSansRegular';} #outer_layout{ float:left; width:100%;} /******Header Css Start ******/ header{ height:552px;background:url(../images/header_bg.gif) repeat-x 0 0;} header.inner{ height:223px;} header.pricing{ height:385px;} header.hosting{ height:454px;} header.mobile{ height:406px;} .header_inner{margin:0 auto;width:992px;} .header_inner hgroup{float:left;width:auto;} .header_inner hgroup h1{float:left;width:auto; margin:10px 0 0 0; height:83px;} .header_inner hgroup a{ float:left;width:auto; margin:20px 0 0 0; height:73px;} .header_inner h2{ float:left; width:100%; font-size:38px; padding:30px 0 0 0; line-height:42px;} .header_inner h2 a{ float:left; width:100%; font-size:38px; color:#fff; padding:0; line-height:42px; text-decoration:none} .header_inner h1#head{ float:left; width:100%; font-size:38px; color:#fff; padding:30px 0 0 0; line-height:42px; margin:0; height:auto} .header_inner h1.head{ float:left;width:100%;padding:32px 0 0 0; line-height:16px} .header_inner span.tag_line{ float:left; width:100%; font-size:20px; color:#fff; line-height:24px;} .header_inner span.tag_line.pad{ padding:18px 0 0 0 } /******Top Nav Css Starts******/ nav#top{ float:right;width:auto} nav#top ul{ float:left; width:auto;background:url(../images/top_nav_bg.gif) repeat-x 0 0; padding:5px 6px 0; height:30px;} nav#top ul{ float:left; width:auto;background:#2c2c2c; padding:5px 6px 0; height:30px; border:1px solid #454545; border-top: 0; border-radius: 0 0 5px 5px;} nav#top ul li{float:left;width:auto;margin-right:5px;display:inline} nav#top ul li a{float:left;width:auto;text-decoration:none; height:22px;} nav#top ul li.last{ margin:0} /******Main Nav Css Starts******/ nav#main{ float:right;width:770px;padding-top:8px;} nav#main ul{ float:right;width:auto;position:relative;} nav#main ul li{float:left;width:auto;margin-right:15px;position:relative} nav#main ul li a{float:left;width:auto;height:36px;color:#f0f0f0;/*font-family:'FrancophilSansRegular'*/; } nav#main ul li a span{float:right;width:auto;font-size:17px;padding:8px 11px;text-transform:uppercase;/*font-family:'FrancophilSansRegular'*/;} nav#main ul li a span small.home{ float:left;width:auto;background:url(../images/home_icons.png) no-repeat 0 0;height:15px;width:16px; margin-top:2px;} nav#main ul li a:hover{background:url(../images/main_nav_bg.png) no-repeat 0 0;color:#fa8409!important;} nav#main ul li a:hover span{background:url(../images/main_nav_bg.png) no-repeat right -36px;color:#fa8409!important;} nav#main ul li a:hover span small.home{background:url(../images/home_icons.png) no-repeat 0 -17px;} nav#main ul li a.active{background:url(../images/main_nav_bg.png) no-repeat 0 0;} nav#main ul li a.active span{background:url(../images/main_nav_bg.png) no-repeat right -36px;color:#fa8409!important;} nav#main ul li a.active span small.home{background:url(../images/home_icons.png) no-repeat 0 -17px;} nav#main ul li.last{margin:0} /****** right_nav Css Starts******/ ul.right_nav{ float:right; padding:0 0 0 18px; background:url(../images/right_nav_divider.gif) no-repeat 0 center;} ul.right_nav li{ float:left;} nav#main ul.right_nav li a {color:#a0a0a0} nav#main ul.right_nav li a span{float:right;width:auto;font-size:13px;padding:0 11px;text-transform:uppercase;height:36px;line-height:36px;/*font-family:'FrancophilSansRegular'*/; color:#a0a0a0} nav#main ul.right_nav li{ margin-right:2px;} /******Dropdown Navigation Css Starts******/ nav#main ul li.drop ul{background:#1d1d1d; z-index:9999;} nav#main ul li.drop ul li a{color:#fff!important;font-family:'FrancophilSansRegular';text-transform:uppercase} nav#main ul li.drop ul a, nav#main ul li.drop ul li a:hover{color:#E1E1E1!important; text-decoration:none} nav#main ul li.services_h, nav#main ul li ul{background:#1d1d1d} nav#main ul li.services_h ul li a{color:#fff!important;} nav#main ul li.services_h a span{float:right;width:auto;overflow:hidden;font-size:17px;padding:0 11px;text-transform:uppercase;height:36px;line-height:36px; background:#1d1d1d} nav#main ul li.services_h a:hover{background:#1d1d1d;} nav#main ul li.services_h a:hover span{background:#1d1d1d;} nav#main ul li.services_h a, nav#main ul li.services_h ul li a:hover{color:#fa8409!important;background:#1d1d1d!important;text-decoration:none } nav#main ul li.services_h ul li a:hover span{ background:none!important} nav#main ul li ul{position:absolute;top:34px;float:left;left:0;width:172px;padding:6px 21px;height:auto;z-index:9999} nav#main ul li ul li{width:100%;float:left;border-bottom:solid 1px #393939;font-size:14px; line-height:38px;margin:0;padding:3px 0; background:none} nav#main ul li ul li.last{border:none} /******Slider Section Css Starts******/ article#banner{ float:left; width:100%; background:url(../images/banner_back.jpg) no-repeat 0 0; min-height:459px; position:relative} .photo-meta-data h2{ float:left; width:100%; font-size:37px; line-height:45px; padding:0;} .photo-meta-data h2.online_inv{ position:absolute;top:0;left:0;width:520px;} .photo-meta-data h3{ float:left; width:100%; font-size:22px; line-height:30px; padding:0;} .photo-meta-data p{ float:left; width:380px; font-size:13px; line-height:20px; color:#f9bba8; padding:10px 0 10px 0} .photo-meta-data .bottom_sec{float:left;width:100%;} .photo-meta-data .bottom_sec.pad{padding:15px 0 0} .photo-meta-data .bottom_sec span{float:left;width:auto;font-size:22px; padding:15px 20px 0 0;} .photo-meta-data .bottom_sec a.link{float:left;width:auto; font-size:22px;margin:0 12px 0 0;text-decoration:none;} .photo-meta-data .bottom_sec a.link:hover{ text-decoration:none} .photo-meta-data .bottom_sec a.see_plans_new{float:left;width:auto; font-size:22px;margin:12px 0 0 0;text-decoration:underline;} .photo-meta-data .bottom_sec a.see_plans_new:hover{ text-decoration:none} .photo-meta-data .see_palns{float:left;width:218px;height:48px;} .photo-meta-data .upload_sample_inv{float:left;width:410px;height:48px;} .photo-meta-data .know_more{float:left;width:147px;height:48px;} .photo-meta-data ul.slide2{ float:left; width:380px; margin:0!important;padding:10px 0 15px} .photo-meta-data ul.slide2.fisrt_slide{padding:100px 0 15px;} .photo-meta-data ul.slide2 li{ float:left;width:450px;font-size:13px;line-height:32px; } .photo-meta-data ul.slide2 li span{ float:left;width:38px;height:25px;background:url(../images/icons.png) no-repeat -22px 6px; } .photo-meta-data .list{float:left;width:304px;height:119px; padding:10px 15px; background:url(../images/banner_list_bg.png) no-repeat 0 0; margin:10px 0 20px;} .photo-meta-data .list ul.slide3{ float:left; width:140px; margin:0!important;} .photo-meta-data .list ul.slide3 li{ float:left;width:100%;font-size:13px;line-height:26px; } .photo-meta-data .list ul.slide3 li span{ float:left;width:26px;height:25px;background:url(../images/icons.png) no-repeat -22px 4px; } .photo-meta-data .list ul.slide3.pad{ padding:0 0 0 22px} /******Content Section Css Starts******/ article#main_container{ float:left;width:100%; border-top:1px solid #f8f8f8; background:url(../images/content_grad.gif) repeat-x 0 0; padding-bottom:10px} article#main_container #inner_container{ margin:0 auto; width:992px;} #inner_container .head_content_outer{margin:0 auto;width:570px} #inner_container .head_content{float:left;width:100%;text-align:center;padding:30px 0 15px;} #inner_container .head_content span{float:none;color:#000;font-size:30px;line-height:38px;font-family:'FrancophilSansRegular';} #inner_container .head_content span.orange{font-size:30px;line-height:38px;color:#c43308;font-family:'FrancophilSansRegular';} #inner_container .head_content.bottom{ border-top:1px solid #dedede; padding-bottom:10px} #inner_container .video_sec{ float:left; width:100%} #inner_container .video_sec ul{float:left;width:100%} #inner_container .video_sec ul li{float:left;width:319px;border:1px solid #fefefe;margin-right:14px;display:inline;height:172px;} #inner_container .video_sec ul li.last{margin:0;} #inner_container .video_sec .border_none{ border:none} #inner_container .testimonial{ float:left; width:100%; } #inner_container .testimonial span.testimonial_viewmore{ float:right; width:auto; padding: 0 0 10px 0} #inner_container .testimonial span.testimonial_viewmore a{ float:left; width:86px; height: 17px;background: url("../images/view_more.gif") no-repeat 0 0; text-indent: -9999px} #inner_container .testimonial ul{float:left;width:100%;padding:0;} #inner_container .testimonial ul li{float:left;width:315px;margin-right:21px;display:inline;} #inner_container .testimonial ul li .testi_box{ float:left; width:315px;padding-top:4px;} #inner_container .testimonial ul li .testi_box .mid{ float:left;width:295px;padding:10px;min-height:176px;} #inner_container .testimonial ul li .testi_box .mid span.img_sec{ float:left;width:95px;height:100%;padding:0; margin:0 0 40px 0;} #inner_container .testimonial ul li .testi_box .mid .img1{margin:0 10px 10px 0; border:1px solid #fff;} #inner_container .testimonial ul li .testi_box .mid p{ float:left;width:197px;font: italic 12px/20px Georgia, "Times New Roman", Times, serif; color:#393939;} #inner_container .testimonial ul li .testi_box .mid p .end_quote{float:none;display:inline;margin-top:0;background:url(../images/end_quote_home.png) no-repeat 0 6px;width:31px;height:19px;font-size:20px;line-height:20px;font-family:Arial, Helvetica, sans-serif} #inner_container .testimonial ul li .testi_box .mid p span{display:block;width:100%;font:italic 12px/20px Georgia, "Times New Roman", Times, serif;color:#c93a0e;padding:10px 0 0 0} #inner_container .testimonial ul li.last{ margin:0;} #inner_container .features{ float:left;width:661px;margin:1px 0 0 0;padding-top:35px;} #inner_container .features ul{ float:left;width:692px;} #inner_container .features ul li{ float:left;width:346px;padding-bottom:47px;} #inner_container .features ul li.pad1{ padding-bottom:25px;} #inner_container .features ul li.right{float:right;} #inner_container .features ul li.pad{padding-top:12px;} #inner_container .features ul li img{float:left;} #inner_container .features ul li h3{float:left;width:235px;font-size:20px;font-family: 'FrancophilSansRegular';} #inner_container .features ul li h3 a{ float:left; width:230px;font-size:20px;font-family: 'FrancophilSansRegular';text-decoration:none;color:#000;} #inner_container .features ul li span{ float:left;width:64px;height:70px;} #inner_container .features ul li p{float:left;width:230px;font-size:12px; line-height:20px;padding:10px 0 0 0;} #inner_container .features ul li.right p{float:left;width:230px;font-size:12px;padding:10px 0 0 0;} /******Featured Css Starts******/ #inner_container .featured_in{float:left;width:291px;padding:0 20px;background:url(../images/feature_in_bg.png) no-repeat 0 center;text-align:center; margin-top:33px;} #inner_container .featured_in img{ margin:7px 0 0 0;} #inner_container .featured_in h3{float:left;width:auto;font-size:25px;color:#555555;padding:6px 0 0 21px; text-align:left} #inner_container .featured_in h3 img.cross_arrow{float:right; width: 35px; height: 32px; margin:9px 0 0 6px ; padding: 0;} #inner_container .featured_in span{ float:left; width:100%;} #inner_container .featured_in span a{float:right; width:auto; margin-right:54px; color:#B81919; text-decoration:underline} #inner_container .featured_in span a.view_more{float:right; width:86px; height: 17px; margin:10px 16px 0 0; background: url(../images/view_more.gif) no-repeat 0 0; text-indent: -9999px;} #inner_container .featured_in span a:hover{color:#B81919; text-decoration:none} #inner_container .google_app_banner{ float:left; width:297px;height:139px;background:url(../images/google_app_banner1.gif) no-repeat 0 0; margin:10px 0 0;} #inner_container .google_app_banner a.btn{float:left;text-decoration:none;margin:87px 0 0 62px;} #inner_container .latest_news{ float:left;border-top:1px solid #dedede;width:100%; padding:35px 0 30px; position:relative} #inner_container .latest_news h3{ position:absolute; top:-12px; left:416px; font-size:20px; color:#373737; background:#efefef;} #inner_container .latest_news ul{float:left;width:256px; padding-right:84px;} #inner_container .latest_news ul li{float:left;width:100%;} #inner_container .latest_news ul li h4{ float:left; width:100%; font-size:14px; line-height:22px; color:#c93a0e; padding-bottom:5px; font-weight:bold;} #inner_container .latest_news ul li span.date{ float:left; width:100%; font-size:11px; line-height:22px; color:#8b8b8b; padding-bottom:5px;} #inner_container .latest_news ul li p {float:left;width:100%;font-size:12px;line-height:20px;} #inner_container .latest_news ul li p a{ float:none;color:#c93a0e;text-decoration:none} #inner_container .latest_news ul li p a:hover{color:#c93a0e;text-decoration:underline} #inner_container .latest_news ul.last{ padding:0;} .connect_widget .connect_widget_text{color:#7C7C7C!important;} #inner_container .tour_bar{ float:left;width:744px;height:67px; background:#555555; border:1px solid #fff; padding:0 16px; margin:20px 0 20px 0;} #inner_container .banner_bar{ float:left;width:100%;height:67px;margin:10px 0 20px 0;} .banner_bar .google_banner{float:left;text-decoration:none;background:url(../images/google_app_banner.gif) no-repeat 0 0; width:694px; height:69px; margin-left:154px;} .banner_bar .google_banner a.btn{ float:right;text-decoration:none;margin:16px 11px 0 0; width:185px; height:44px;display:inline; background:url(../images/learn_more.gif) no-repeat 0 0;} .banner_bar .google_banner a.btn:hover{ background-position:0 bottom;} .banner_bar .mobile_app_banner{ float:right; width:274px; height:79px;} #inner_container .tour_bar span{font-size:25px; float:left;width:auto; padding-top:22px;} #inner_container .tour_bar span.or{width:48px;text-align:center} #inner_container .tour_bar .invoicera_free{float:left; width:auto; margin:10px 0 0 30px;} #inner_container .tour_bar .try_free{float:left;width:auto;margin:10px 0 0 0;} /******Features Css Starts******/ .features_sec{ width: 990px;float:left;padding:30px 0 20px} .features_sec ul{width: 990px;float:left;list-style:none;border-bottom:1px solid #dedede;background:url(../images/features_bg.png) no-repeat left bottom;} .features_sec ul.benefit{background:url(../images/benefit_bg.png) no-repeat left bottom;} .features_sec ul li{float:left;padding:33px 0 37px 0;} .features_sec ul li.left{ width:312px; } .features_sec ul li.mid{ width:256px; padding:33px 54px 37px; } .features_sec ul li.mid_benefit{ width:301px; padding:33px 23px 37px; } .features_sec ul li.right{ width:251px; padding-left:60px} .features_sec ul li.right_benefit{ width:301px; padding-left:23px} .features_sec ul li.pad_top{padding-top:0;} .features_sec h3{ font-size:20px; line-height:24px;color:#c93a0e;float:left;width:145px;} .features_sec h3.full_width{ width:100%;padding:0 0 15px 0} .features_sec h3 a{ float:left;width:auto;font-size:18px; line-height:22px;color:#c93a0e;text-decoration:none;font-family: 'FrancophilSansRegular';} .features_sec p{ width:251px;float:left; font-size:12px; line-height:20px;} .features_sec p.big_text{ font-size:15px; line-height:22px; width:300px} .features_sec p img{ margin:-39px 29px 0 4px; float:right } .features_sec p .img1{ margin:-20px 29px 0 4px;float:right} /******Features Css Starts******/ #services{ float:left; width:100%; padding:25px 0} #services .head{float:left;width:100%;border-bottom:1px solid #dedede;text-align:center;font-size:30px;line-height:34px;padding-bottom:20px;} #services .head span{ color:#c93a0e;} .head span.small_txt{ float:left;width:100%;font-size:18px; line-height:22px} #services .content{ float:left; width:100%;} #services .content.pad{ padding:50px 0 0 0} #services .content .content_inner{float:right;width:433px;padding:10px 10px 10px 17px;background:#e3e3e3; position:relative} #services .content .content_inner .tooltip_cor{width:36px; background:url(../images/tooltip_corner.png) no-repeat 0 0;height:28px; position:absolute; top:70px; left:-36px} #services .content .content_inner .tooltip_cor_right{width:36px;height:28px; position:absolute; top:70px;right:-36px;background:url(../images/tooltip_corner.png) no-repeat right 0;} #services .content .content_inner.pad{margin:30px 0 0 0} #services .content .content_inner.left{ float:left} #services .content .content_inner h3{float:left;width:100%;color:#ca3a0e;font-size:20px;line-height:22px;padding-bottom:15px;border-bottom:1px solid #c5c5c5;} #services .content .content_inner ul{ float:left; width:100%; padding:10px 0;} #services .content .content_inner ul li{ float:left; width:90%; background:url(../images/orange_arrow_big.png) no-repeat 0 5px; padding:0 0 0 17px;color:#000000;font-size:15px;line-height:20px;} #services .content .content_inner ul li.small{ width:45%;} #services .content .content_inner ul.text{ float:left; width:100%; padding:10px 0 15px;} #services .content .content_inner ul.text li{ float:left; width:100%;color:#000; background:none;font-size:15px;line-height:22px; margin-top:1px; padding:0;} #services .content .content_inner ul.text li.last{width:auto;} #services .content .content_inner p{float:left;width:100%;color:#000000;font-size:15px;line-height:20px;padding-bottom:10px;} #services .content .content_inner p a{color:#c93a0e;text-decoration:underline} #services .content .content_inner p a:hover{color:#c93a0e;text-decoration:none} #services .content .img1{ float:right;margin:20px 0 0} #services .content .img2{ float:left;margin:35px 0 0} /******Pricing Page Css Starts******/ article#banner_pricing{float:left;width:100%; height:292px;} #banner_pricing .left_sec{ float:left; width:640px;} #banner_pricing h2.pricing{ float:left; width:100%;font-size:28px; padding:30px 0 10px 0; line-height:42px;} #banner_pricing p{ float:left; width:100%; font-size:16px; line-height:20px; padding:0 0 20px 0;} #banner_pricing .img_sec{ float:left; width:100%;} #banner_pricing .img_sec img{ float:left} #banner_pricing .img_sec .img1{ padding:45px 0 0 28px} #banner_pricing .five_reason_sec{ float:right; width:309px; padding:5px 0 14px 16px; border:1px solid #bd4f26; margin-top:36px;} #banner_pricing .five_reason_sec h3{ float:left; width:100%; font-size:20px; line-height:34px; } #banner_pricing .five_reason_sec ul{ float:left; width:100%} #banner_pricing .five_reason_sec ul li{ float:left; width:100%; font-size:13px; line-height:28px; color:#fff;} #banner_pricing .five_reason_sec ul li span{float:left; width:24px; height:15px; margin-top:7px;} #banner_pricing .five_reason_sec ul li span.one{ background:url(../images/icons.png) no-repeat 0 -78px;} #banner_pricing .five_reason_sec ul li span.two{background:url(../images/icons.png) no-repeat 0 -107px;} #banner_pricing .five_reason_sec ul li span.three{background:url(../images/icons.png) no-repeat 0 -135px;} #banner_pricing .five_reason_sec ul li span.four{background:url(../images/icons.png) no-repeat 0 -162px;} #banner_pricing .five_reason_sec ul li span.five{background:url(../images/icons.png) no-repeat 0 -191px;} .pricing_box_outer{float:left;width:1000px;font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif;padding:0;} .pricing_box_outer .col1{width:231px;background:#cfcfcf;float:left} .pricing_box_outer .col1 .head{float:left;height:99px;width:100%;background:#d6d6d6;} .pricing_box_outer .col1 h2{ float:left;width:auto;padding:0 20px 0 12px;line-height:25px;font-size:20px;color:#404040;text-transform:uppercase;text-align:left;background:url(../images/small_icons.png) no-repeat right 7px;margin-top:60px;} .pricing_box_outer .col1 p{width:219px;text-align:left;float:left;padding:8px 0 8px 12px;} .pricing_box_outer .col1 p a{ color:#000;font-size:12px; float:left;text-decoration:none; background:url(../images/qustion_mark.png) no-repeat right 4px; padding-right:30px;} .pricing_box_outer .col1 p a:hover{ text-decoration:underline;color:#000;font-size:12px;font-weight:normal} .pricing_box_outer .col1 p.last{width:100%;float:left;height:43px;background:#ececec;padding:0;} .pricing_box_outer .col1 p.light{ background:#e9e7e7;} .pricing_box_outer .bot_curve{ width:100%;float:left;background:url(../images/pricing_top.jpg) no-repeat 0 bottom;height:5px;line-height:1px;font-size:1px;} .pricing_box{float:left;width:253px;background:#f1eeb8; } .pricing_box .bot_curve{ width:100%;float:left;background:url(../images/pricing_top.jpg) no-repeat -263px bottom;height:5px;line-height:1px;font-size:1px} .pricing_box .price{width:100%;background:#fea501;float:left;height:99px;text-align:center;position:relative} .pricing_box .price .best_seller{ background:url(../images/best_seller.png) no-repeat 0 0;width:66px;height:66px;position:absolute;top:0;left:0;} .pricing_box .price .best_value{ background:url(../images/best_value.png) no-repeat 0 0;width:66px;height:66px;position:absolute;top:0;left:0;} .pricing_box .price sup{ font-size:20px;line-height:20px;position:absolute;right:-7px;top:7px;} .pricing_box .price span{float:left;width:100%;font-size:16px;text-transform:uppercase;line-height:59px;background:url(../images/pricing/pricing_bg.png) no-repeat 0 0; position:absolute; top:-51px; left:0} .pricing_box .price span.classic{background:url(../images/pricing/pricing_bg.png) no-repeat -155px 0;} .pricing_box .price span.preferred{background:url(../images/pricing/pricing_bg.png) no-repeat 0px 0;} .pricing_box .price span.business{background:url(../images/pricing/pricing_bg.png) no-repeat -253px 0;} .pricing_box .price span.exclusive{background:url(../images/pricing/pricing_bg.png) no-repeat -506px 0;} .pricing_box .price div.price_inner{ float:left;width:66px; white-space:nowrap; position:relative; text-align:center;margin:22px 0 0 75px;} /*Limited period offer create 30/11/2011 start here*/ .pricing_box .price div.price_inner01{ float:left;width:66px; white-space:nowrap; position:relative; text-align:center;margin:22px 0 0 42px;} .pricing_box .price div.price_inner01 p{ float:left;font-size:70px; line-height:70px; position:relative;} .limited_period{ position:absolute; width:56px; height:111px; right:-36px; top:-57px;} /*Limited period offer 30/11/2011 ends here*/ .pricing_box .price div.price_inner p{ float:left;font-size:70px; line-height:70px; position:relative;} .pricing_box .price div.price_inner .dollar{ position:absolute;left:0px; top:-4px;font-size:23px;color:#fff;font-weight:bold; line-height:30px} .pricing_box .price div.price_inner .price_small{ position:absolute;right:-9px; top:-3px;font-size:19px;color:#fff;line-height:28px} .pricing_box .price div.price_inner .per_month{ position:absolute;right:-18px;bottom:21px;font-size:16px;color:#fff;line-height:19px} .pricing_box .price div.price_inner.preferred_price{ width:100px;/* margin-left:12px;*/} .pricing_box .price p{ font-size:10px;text-transform:uppercase;float:left;width:100%;text-align:center;line-height:12px;padding:0;color:#fff;position:absolute;bottom:10px;left:0px;} .pricing_box .price p.per_month{ padding:5px 0 0 0;width:100%;text-align:center} .pricing_box .price p.preferred_month{ padding:5px 0 0 0;width:100%;text-align:center} .pricing_box .price p.exclusive_month{ padding:5px 0 0 0;width:100%;text-align:center} .pricing_box p{float:left;width:100%;font-size:12px;color:#000;text-align:center;padding:8px 0 8px;} .pricing_box p a{color:#000;text-decoration:underline} .pricing_box p a:hover{color:#000;text-decoration:none} .pricing_box p a.more{ font-size:14px; color:#000;text-decoration:underline} .pricing_box p.light{ background:#f8f7dc;} .classic p.light { background:#e8f7d1;} .pricing_box span.yes{ background:url(../images/pricing/price_icon.png) no-repeat 0 3px;width:15px;height:20px;display:block;margin:0 auto;} .pricing_box span.no{ background:url(../images/pricing/price_icon.png) no-repeat 0 -14px;width:15px;height:20px;display:block;margin:0 auto;line-height:20px;} .pricing_box .signup{ float:left;width:100%;height:30px;padding:8px 0 3px} .pricing_box .signup a{background:url(../images/pricing/pricing_signup.png) no-repeat 0 0;width:120px;height:34px;display:block;margin:0 auto;} .pricing_box .signup a:hover{ background-position:0 bottom;} .classic{ background:#c4df9b;} .pricing_box.classic strong{ padding:0 20px 0 35px!important;width:auto!important} .classic .price{ background-position:-409px 0;background-color:#6da600} .preferred{ background:#acd373;} .preferred p.light{ background:#e2efcd;} .preferred .price{ background-color:#0c8900;} .super{ background:#efcfaf;box-shadow: 0 0 21px 0 #000000;position: relative; z-index: 199;} .super p.light{ background:#f7e7d7;color:#000} .super .price{ background-color:#d26601;} .exclusive{ background:#f6c9bd;margin-right:0; border:none} .exclusive p.light{ background:#fbe4de;} .exclusive .price{background-color:#cf1f1f;} .signup_box{float:left; width:100%;} .signup_box a{min-height:65px; display:block;} .signup_box a.gray_bg{background:url(../images/pricing/signup_bg.jpg) repeat-x;} .signup_box a.orange_bg{ background:url(../images/pricing/signup_bg_or.jpg) repeat-x;} .signup_box a span{float:left; width:auto; font-size: 28px; /*font:20px/24px 'Cabin', arial;*/padding: 10px 0 0 70px;margin-top:10px;} .signup_box a span.green_color{color:#087701;} .signup_box a span.red_color{color:#bb0c0d;} .signup_box a span.white_color, .signup_box a small.white_color{color:#fff;} .signup_box a small{float:left; width:auto; font:12px/24px 'Cabin', arial; clear:left; color:#2f2f2f; padding-left:55px;} .signup_box a em{margin:-25px 40px 0 0px; display:inline-block; float:right; width:35px; height:35px;} .signup_box a em.green{background:url(../images/pricing/signup_gray_arrow.png) no-repeat 0 0; } .signup_box a em.red{background:url(../images/pricing/signup_gray_arrow.png) no-repeat 0 0; } .signup_box a em.orange{background:url(../images/pricing/signup_gray_arrow.png) no-repeat 0 -123px; } .signup_box a:hover em.green{background:url(../images/pricing/signup_gray_arrow.png) no-repeat 0 -36px; } .signup_box a:hover em.red{background:url(../images/pricing/signup_gray_arrow.png) no-repeat 0 -75px; } .signup_box a:hover em.orange{background:url(../images/pricing/signup_gray_arrow.png) no-repeat 0 -171px; } .bottom_signup{float:right; width:757px; border:1px solid #d4d4d4; border-top:none; border-radius:10px; background:url(../images/pricing/bot_sign_bg.jpg) repeat-x;margin-top:10px;} .bottom_signup p{float:left; width:100%; font:14px/37px arial; color:#3f3e3e; background:url(../images/pricing/exclamation.png) no-repeat scroll 4px 8px; text-indent:29px;margin-left:36px;} .bottom_signup p a{color: #AE4222;font-weight: bold;} .bottom_signup p a:hover{ text-decoration:none;} .bottom_signup p span{ color:#ae4222; font-weight:bold;} .bottom_signup p a.button{ border-radius:7px; background: url(../images/free_button_bg.jpg) repeat-x #bf2d03; border: 1px solid #b42e06; color:#fff; padding: 2px 7px; } .content_bot{ width:990px;float:left;} .content_bot h2{ padding:20px 0;font-size:20px;} .content_bot h5{ padding:10px 0 5px;font-size:12px;font-weight:bold} .content_bot p{ padding: 0 0 20px} .content_bot p a{ color:#DF7500;text-decoration:none} .content_bot p a:hover{color:#DF7500;text-decoration:underline} .content_bot .faq{ float:left; width:100%; border-top:1px solid #dedede; padding:35px 0 0px; position:relative} .content_bot .faq h3 {background:#EFEFEF;color: #373737;font-size: 20px;left: 426px;position: absolute;top: -12px;} .content_bot .faq ul{ float:left; width:275px;} .content_bot .faq ul.pad{padding:0 60px 0 0} .content_bot .faq ul li{ float:left; width:100%; padding:0; min-height:200px;} .content_bot .faq ul li .que{float:left;width:100%; font-size:14px; font-weight:bold; color:#c93a0e; line-height:22px;} .content_bot .faq ul li .ans{float:left;width:100%; font-size:12px; color:#000; line-height:20px;} .content_bot .faq ul li .ans a{ color:#c93a0e; text-decoration:underline} .content_bot .faq ul li .ans a:hover{ color:#c93a0e; text-decoration:none} .content_bot .customize_solu{float:left;width:990px;background:#eef0f1;padding:39px 0 30px 0;border-bottom:1px solid #d0d7da;} .content_bot .text{float:left;width:248px; height:100px;background:url(../images/pricing/pricing_bg.png) no-repeat 0 -46px ; font-size:38px; font-weight:bold;line-height:40px;color:#efefef; padding:11px 0 0 12px;} .content_bot a.banner{float:left;width:auto;margin:0 0 0 11px;display:inline;text-decoration:none} .content_bot a.banner.first{margin:0;} .have_ques{ width:990px;float:left;color:#000;font-size:14px;line-height:28px;text-align:center;padding:20px 0;border-top:1px solid #d0d7da;} .have_ques.contact_have_ques{ width:auto;float:right;color:#000;font-size:14px;line-height:28px;text-align:center;padding:41px 0 0 0;border-top:0;} .have_ques a{color:#c93a0e;text-decoration:underline;} .have_ques a:hover{color:#c93a0e;text-decoration:none;} .have_ques p.phone{float:left;width:100%;font-size:16px;line-height:34px;font-weight:bold;} .have_ques p.phone a{ width:210px; height:47px; float:left; background:url(../images/have_call_us.png) no-repeat left top; text-indent:-99999px; margin-left:400px;} .have_ques.contact_have_ques p.phone a{ width:210px; height:47px; float:left; background:url(../images/have_call_us.png) no-repeat left top; text-indent:-99999px; margin:0;} .have_ques p.phone a:hover{ background-position:0 bottom;} #free_payment_gateway{ float:left;width:700px;border:10px solid #EAEAEA;position:relative} #free_payment_gateway .cancel_btn{float:right;width:auto;position:absolute;right:-10px;top:-37px;z-index:99999} #free_payment_gateway table{float:left;width:100%;background:#fff2e2} #free_payment_gateway table tr{background:#F3F3F3;} #free_payment_gateway table tr td{text-align:center;font-size:12px;color:#000;padding:6px 10px;height:25px;background:#fff2e2;} #free_payment_gateway table tr.head{background:#DE7C00;} #free_payment_gateway table tr.head td{color:#fff;font-size:13px;font-weight:bold;} #free_payment_gateway .heading{float:left;width:98%;padding-left:2%;font-size:13px;line-height:34px;height:34px;text-align:left;color:#fff;font-weight:bold;background:#707070;} #payment_gateway1{ float:left;width:740px;border:10px solid #EAEAEA;position:relative} #payment_gateway1 .cancel_btn{float:right;width:auto;position:absolute;right:-10px;top:-37px;z-index:99999} #payment_gateway1 table{float:left;width:100%;background:#fff2e2} #payment_gateway1 table tr{background:#F3F3F3;} #payment_gateway1 table tr td{text-align:center;font-size:12px;color:#000;padding:6px 10px;height:25px;background:#fff2e2;} #payment_gateway1 table tr.head{background:#DE7C00;} #payment_gateway1 table tr.head td{color:#fff;font-size:13px;font-weight:bold;} #payment_gateway1 .heading{float:left;width:98%;padding-left:2%;font-size:13px;line-height:34px;height:34px;text-align:left;color:#fff;font-weight:bold;background:#707070;} /******Pricing Page Css Ends******/ /******Addons page css starts*******/ #addons{float:left;width:990px} aside#right_addons{float:right;width:273px;margin:23px 0 0 0;padding:10px;background:#f3f3f3;border:1px solid #cdcdcd;} aside#right_addons .inner_add{float:left;width:100%;padding:5px 0 15px;} aside#right_addons h3{ float:left;width:95%;padding:7px 0 7px 10px;font-size:18px;line-height:20px;color:#555555;background:#e9e9e9;} aside#right_addons ul{ float:left;width:212px;list-style:none;margin:0 0 0 8px; display:inline} aside#right_addons ul li{ float:left;width:90%;color:#000;background:url(../images/small_icons.png) no-repeat 0 -14px;padding-left:13px;} aside#right_addons ul li a{ float:left;width:auto;padding:5px 0;font-size:12px;line-height:22px;color:#000;text-decoration:none;} aside#right_addons ul li a:hover{text-decoration:none;} aside#right_addons ul li a.active{background-color:#000!important;} aside#right_addons ul li a small{color:#C93A0E;font-size:12px;} aside#right_addons ul li a:hover small{color:#C93A0E;font-size:12px;} aside#right_addons .addon_sec{ float:left;width:100%;padding:10px 0 0 0} aside#right_addons .addon_sec.pad{ padding:5px 0 0 0} aside#right_addons .addon_sec ul{float:left;width:253px;list-style:none;margin:0;padding:0 0 0 8px} aside#right_addons .addon_sec ul li{float:left;width:100%;color:#010101;background:none;line-height:18px;padding:0 0 20px 0;} aside#right_addons .addon_sec ul li span{ float:left;width:100%; font-size:12px; line-height:20px;} aside#right_addons .addon_sec ul li a.head{float:left;width:auto; font-size:13px;font-weight:bold;color:#c93a0e;line-height:20px;padding:0;text-decoration:none} aside#right_addons .addon_sec ul li a.head:hover{color:#c93a0e;text-decoration:underline} aside#right_addons .addon_sec ul li a.email{float:left;width:auto; font-size:13px;font-weight:bold;color:#c93a0e;line-height:20px;padding:0;text-decoration:underline} aside#right_addons .addon_sec ul li a.email:hover{color:#c93a0e;text-decoration:none} aside#right_addons .addon_sec ul li.last{ padding:0;} #left_addon{ float:left;width:645px;padding:30px 0 0 0;} #left_addon .inner_addon{ float:left; width:100%;border-top:1px solid #dedede; position:relative; padding:30px 0} #left_addon h3{background:#EFEFEF; font-size:20px; font-weight:500;padding:0 2px; line-height:24px;color:#373737;left:305px;position: absolute;top: -14px;} #left_addon h3.proj_manag{left:260px;position: absolute;top: -14px;} #left_addon h3.payment_gateway{left:260px;position: absolute;top: -14px;} #left_addon ul{ float:left;list-style:none;width:100%;} #left_addon ul li{ float:left;width:167px;font-size:12px;padding:0 71px 0 0;line-height:18px;} #left_addon ul li.last{ padding:0;} #left_addon ul li img{float:left;width:auto;border:1px solid #ddd;} #left_addon ul li .head{ font-size:12px;width:100%;line-height:20px;font-weight:bold;float:left;width:100%;padding:4px 0 0px 0} #left_addon ul li .content{ float:left;width:100%;font-size:12px;width:100%;line-height:20px;padding:5px 0 10px 0;} #left_addon ul li a{ color:#c93a0e;text-decoration:none} #left_addon ul li a:hover{ color:#c93a0e;text-decoration:underline} #left_addon h3.pad{ padding-top:40px;} #left_addon ul.pad{ padding:0 0 38px 0;} #left_addon ul.pad1{ padding:0 0 15px 0;} #right_addon_inner_sec{float:left;width:721px;padding:30px 0 0 23px;} /******Addon Inner Page Css Starts******/ #left_addon_inner{ float:left;width:645px;padding:30px 0 0 0;} #left_addon_inner .addon_inner_sec{ float:left; width:100%;padding:10px 0 30px} .addon_inner_sec h3{background:#EFEFEF;font-size:20px;line-height:24px;color:#373737;left:305px;position: absolute;top: -14px;} .addon_inner_sec h3.google_checkout{left:280px;} .addon_inner_sec h3.paypal_website{left:246px;} .addon_inner_sec h3.gmail_gadget{left:240px;} .addon_inner_sec .top_sec{ float:left; width:100%;} .addon_inner_sec .top_sec .inner_top{ float:right; width:460px;border-top:1px solid #dedede;border-bottom:1px solid #dedede; position:relative ; padding:20px 0;} .addon_inner_sec .top_sec .inner_top h3{background:#EFEFEF;font-size:20px;line-height:24px;color:#373737;left:190px;position: absolute;top: -14px;} .addon_inner_sec .top_sec .inner_top h3.gmail{left:110px;} .addon_inner_sec .top_sec .inner_top h3.google_checkout{left:160px;} .addon_inner_sec .top_sec .inner_top h3.pay_pal_payflo{left:160px;} .addon_inner_sec .top_sec .inner_top h3.moneybookers{left:160px;} .addon_inner_sec .top_sec .inner_top h3.vcs{left:215px;} .addon_inner_sec .top_sec .inner_top h3.ogone{left:200px;} .addon_inner_sec .top_sec .logo_img{float:left;width:auto;border:1px solid #ddd} .addon_inner_sec .top_sec .top_right{ float:left; width:460px;padding:10px 0} .addon_inner_sec .top_sec .top_right p{float:left;width:60%; font-size:13px; line-height:20px; padding:0 0 10px 0} .addon_inner_sec .top_sec .top_right p a{ width:auto;color:#c93a0e; text-decoration:underline} .addon_inner_sec .top_sec .top_right p a:hover{ color:#c93a0e; text-decoration:none} .addon_inner_sec .top_sec .top_right a.btn{ float:right; width:auto; background:url(../images/btn_bg.png) no-repeat 0 0; height:30px;color:#fff;} .addon_inner_sec .top_sec .top_right a.btn span{ float:left; width:auto; background:url(../images/btn_bg.png) no-repeat right -30px;height:30px; font-size:14px; color:#fff; line-height:30px;text-decoration:none;text-transform:uppercase; padding:0 10px} .addon_inner_sec h4{ float:left; width:100%; font-size:13px;font-weight:bold;color:#c93a0e; line-height:20px; padding-top:23px} .addon_inner_sec h4.pad_none{ padding:0} .addon_inner_sec p{ float:left; width:100%; font-size:12px;line-height:20px; padding-bottom:16px;} .addon_inner_sec p.pad_left{padding-left:7px} .addon_inner_sec ul{ float:left;width:96%;list-style:none;padding:7px 0 15px 0;} .addon_inner_sec ul li{float:left;width:98%;font-size:12px;line-height:20px;color:#010101;background:url(../images/black_arrow1.gif) no-repeat 0 6px ;padding:0 0 5px 16px;} .addon_inner_sec ul li a{color:#c93a0e;text-decoration:underline} .addon_inner_sec ul li a:hover{color:#c93a0e;text-decoration:none} .addon_inner_sec ol{ position: relative} .addon_inner_sec ol li{display:list-item;list-style-position:inside;margin-left:30px;font-size:12px;line-height:20px;color:#010101;} .addon_inner_sec .igoogle_content{ float:left;width:100%} .addon_inner_sec .igoogle_content.mobile_app{ float:left;width:100%} .addon_inner_sec .igoogle_img_container{ float:right;width:100%; padding:10px 0 0 0; text-align:center} .addon_inner_sec .igoogle_img_container img{ float:none} .addon_inner_sec .gmail_sec{ float:left;width:65%} .addon_inner_sec .gmail_img{ float:right; width:auto; padding:25px 0 0 0;} /******Aboout Us Page Css Starts******/ #about_us{ float:left; width:100%;} #about_us .left_about{ float:left; width:645px; padding:0 0 20px 0} #about_us .left_about.pad_bot{ padding:0 0 60px 0;} .left_about p{float:left;width:100%;color:#000;font-size:12px; line-height:20px;border-bottom:1px solid #dedede; padding:34px 0 25px} .left_about p span{ color:#c93a0e; font-weight:bold;} .left_about p.bold{ font-weight:bold; padding:34px 0 25px} .left_about article.left_abt_inner{float:left;width:100%; padding:20px 0 0 0;} .left_about article.left_abt_inner.pad{ padding:35px 0 0} .left_about article.left_abt_inner .head{float:left;width:285px;height:77px;padding:18px 115px 0 0;margin-left:18px;background:url(../images/about_head_bg.gif) no-repeat 0 0;} .left_about article.left_abt_inner .head h3{float:left;height:46px;line-height:46px;width:285px;color:#fff; font-size:22px;text-align:center;} .left_about article.left_abt_inner p.text{ float:left; width:590px;padding:0 0 0 48px;font-size:22px; border:none; font-size:15px; line-height:26px; background:url(../images/invoicera_logo.png) no-repeat 0 7px;} .left_about ul{float:left;width:100%; padding:5px 0;} .left_about ul.pad{padding:20px 0 5px 0;} .left_about ul li{float:left;width:90%;font-size:12px;color:#000;line-height:20px;background:url(../images/orange_arrow.png) no-repeat 0 8px; padding:0 0 0 2%} .left_about ul li span{color:#c93a0e;} .left_about ul li a{color:#c93a0e;text-decoration:underline} .left_about ul li a:hover{color:#c93a0e;text-decoration:none} .left_about p.orange{color:#c93a0e;font-size:12px; line-height:20px;padding:20px 0 0; font-weight:bold; border:none} #about_us aside.right_about{ float:right;width:295px;margin:38px 0 0 0;background:#e2e2e2;} aside.right_about .top_about{ float:left; width:293px;background:#363636;border:1px solid #000000; text-align:center} aside.right_about .top_about p{float:left;width:100%;padding:10px 0;text-align:center;color:#fefefe; font-size:22px; line-height:30px} aside.right_about .top_about img{ margin:10px 0;} aside.right_about .top_about a.padding{ margin:10px 0 26px 70px; float:left; width:153px; height:38px; background:url(../images/try_it_free.gif) no-repeat 0 0;} aside.right_about .top_about a.padding:hover{ background-position:0 bottom;} aside.right_about .top_about a.contact_link{ float:left; width:133px; margin:10px 0 16px 80px; height:38px; background:url(../images/contact_us.gif) no-repeat 0 0;} aside.right_about .top_about a.contact_link:hover{ background-position:0 bottom;} aside.right_about .bot_about{ float:left; width:257px;background:#e2e2e2;border:1px solid #cdcdcd;padding:18px} aside.right_about .bot_about h3{ float:left; width:100%; font-size:18px; line-height:20px;color:#555555; padding:0 0 10px 0} aside.right_about .bot_about p{float:left;width:100%;color:#000;font-size:12px; line-height:20px} aside.right_about .bot_about ul{float:left;width:100%; padding:5px 0;} aside.right_about .bot_about ul li{float:left;width:90%;font-size:12px;color:#000;line-height:20px;background:url(../images/small_icons.png) no-repeat 0 -80px; padding:0 0 0 6%} aside.right_about .bot_about ul.social{ float:left;width:100%;} aside.right_about .bot_about ul.social li{ float:left;width:90%; padding:0 0 10px 30px;} aside.right_about .bot_about ul.social li.facebook{background:url(../images/btn_bg.png) no-repeat -278px -154px;} aside.right_about .bot_about ul.social li.twitter{ background:url(../images/btn_bg.png) no-repeat -278px -194px;} aside.right_about .bot_about ul.social li a{ float:left;width:auto;font-size:12px;line-height:24px;color:#c93a0e;text-decoration:underline; font-style:italic} aside.right_about .bot_about ul.social li a:hover{text-decoration:none;} /******Privacy Policy Page Css Starts******/ #inner_page{ float:left; width:100%;} #inner_page .left_inner{ float:left; width:645px; padding:34px 0 0 0} .left_inner p{float:left;width:100%;color:#000;font-size:12px; line-height:20px;padding:22px 0 0} #inner_page p.thanks{float:left;width:100%;color:#000; text-align:center;font-size:18px; line-height:20px;padding:100px 0} .left_inner p.pad_none{ padding:0} .left_inner p.pad_bottom{padding:0 0 20px 0} .left_inner p a{ color:#C93A0E; text-decoration:underline} .left_inner p a:hover{ color:#C93A0E; text-decoration:none} .left_inner h4.head{color: #C93A0E;float: left;font-size:13px;font-weight:bold;line-height: 22px;width: 100%;} .left_inner ul{ float:left;width:100%;} .left_inner ul li{ float:left;width:90%;color:#000;background:url(../images/arrow.gif) no-repeat 0 7px;font-size:13px;line-height:20px;padding:0 0 8px 13px;} aside.right_small_container{ float:right;width:293px;margin:38px 0 28px 0;background:#F3F3F3;border:1px solid #CDCDCD; text-align:center; padding:20px 0} aside.right_small_container a.btn{ float:left; width:213px; background:url(../images/btn_bg01.png) no-repeat 0 0; height:38px;color:#fff; margin:12px 0 12px 41px; border-radius: 5px;} aside.right_small_container a.btn span{ float:left; width:213px; background:url(../images/btn_bg01.png) no-repeat right -38px;height:38px; font-size:22px; color:#fff; line-height:38px;text-decoration:none; padding:0; text-align:center; border-radius: 5px;} aside.right_small_container a.btn:hover{ background-position:0 -77px;} aside.right_small_container a.btn:hover span{ background-position:right -115px;} .back_to_top{ float:left; width:100%} .back_to_top a{ color:#C93A0E; text-decoration:underline} .back_to_top a:hover{ color:#C93A0E; text-decoration:none} /******Data Backup Page Css Starts******/ #data_back{ float:left; width:100%; padding:20px 0 0 0} #data_back p{float:left;width:100%;color:#000;font-size:12px; line-height:20px;padding:5px 0 22px 0} #data_back p.pad_top_none{padding:0 0 22px 0} #data_back p.pad_bottom_none{padding:16px 0 0 0} #data_back p.pad_none{ padding:0;} #data_back p.big{font-size:14px;line-height:20px; font-weight:bold;} #data_back p .banner_data{ margin:-132px 0 0 0} #data_back h4.head{color: #C93A0E;float: left;font-size:13px;font-weight:bold;line-height: 22px;width: 100%;} #data_back .heading{ float:left; width:100%; border-top:1px solid #dedede; padding:0 0 25px 0; position:relative} #data_back .heading h3 {background:#EFEFEF;color: #373737; border:none; width:auto;font-size: 20px;left: 426px;position: absolute;top: -10px; padding:0; line-height:20px;} #data_back .mid_box{ float:left; width:952px; background:#fff; padding:15px 20px;margin-bottom:35px;} #data_back .mid_box .purpose_sec{float:left;width:443px;padding:0 65px 0 0;} #data_back .mid_box .purpose_sec.last{ padding:0;} #data_back .mid_box .purpose_sec h3{float:left;width:100%; font-size:20px; color:#c93a0e; line-height:24px; padding: 0 0 10px 0;border-bottom:1px solid #dedede;} #data_back .mid_box .purpose_sec p{float:left;width:100%; font-size:14px; color:#000; line-height:22px;padding:0 0 10px 0;} #data_back .mid_box .purpose_sec p.bold{ font-weight:bold;} #data_back .mid_box .purpose_sec p.small{ font-size:12px;} #data_back .mid_box .purpose_sec p.pad_top{padding-top:0} #data_back .mid_box .purpose_sec ul{ float:left;width:100%;padding:5px 0} #data_back .mid_box .purpose_sec ul li{ float:left;width:90%;color:#000;background:url(../images/orange_arrow.png) no-repeat 0 7px;font-size:12px;line-height:20px;padding:0 0 14px 13px;} #data_back .mid_box .purpose_sec ul li strong{ font-weight:bold} #data_back .mid_box .purpose_sec ul li a{color:#c93a0e;text-decoration:underline} #data_back .mid_box .purpose_sec ul li a:hover{color:#c93a0e;text-decoration:none} /******Privacy Policy Page Css Starts******/ #data_back h3{float:left;width:55%;color:#c93a0e;font-size:20px;line-height:24px;padding:0 0 15px 0; border-bottom:1px solid #dedede; margin-bottom:20px} #data_back p .banner_affiliate{ margin:-201px 5px 0 19px; float:right} #data_back .mid_sec{ float:left; width:100%; border-top:1px solid #dedede; padding:30px 0 0 0;} #data_back .mid_sec ul{float:left;width:100%;} #data_back .mid_sec ul li{float:left;width:298px; padding-right:48px;} #data_back .mid_sec ul li.last{padding-right:0;} #data_back .mid_sec ul li h4{float:left;width:100%;color:#c93a0e;font-size:14px;line-height:22px; padding:0 0 15px 0; font-weight:bold;} #data_back .mid_sec ul li p{float:left;width:100%;color:#000;font-size:12px;line-height:20px; text-align:justify} #data_back .mid_sec ul li p strong{ font-weight:bold} #data_back .mid_sec ul li a{color:#c93a0e;text-decoration:underline} #data_back .mid_sec ul li a:hover{color:#c93a0e;text-decoration:none} /******Testimonial Page Css Starts******/ #testimonial{ float:left; width:100%;} #testimonial .head_content_outer{margin:0 auto;width:570px} #testimonial .head_content{float:left;width:100%;text-align:center;padding:30px 0 15px;} #testimonial .head_content span{float:none;color:#000;font-size:30px;line-height:38px;font-family:'FrancophilSansRegular';} #testimonial .head_content span.orange{font-size:30px;line-height:38px;color:#c43308;font-family:'FrancophilSansRegular';} #testimonial .video_testimonial{ float:left; width:100%;border-bottom:1px solid #dedede;padding:0} .video_testimonial ul{float:left;width:100%} .video_testimonial ul li{float:left;width:320px;margin-right:14px;display:inline; min-height:358px} .video_testimonial ul li .video{border:1px solid #fefefe; width:313px;height:172px} .video_testimonial ul li.pad{padding:20px 0 0 0} .video_testimonial ul li p{ display:block;width:317px;font-size:12px; line-height:20px; padding:20px 0 0 0} .video_testimonial ul li p small.start_quote{float:none;padding-right:1px; background:url(../images/start_quote.gif) no-repeat 0 0; width:29px; height:21px; font-family:Arial, Helvetica, sans-serif} .video_testimonial ul li p .end_quote{float:none;display:inline;margin-top:-6px;background:url(../images/end_quote.gif) no-repeat 0 4px;width:31px;height:19px;font-size:20px;line-height:20px; font-family:Arial, Helvetica, sans-serif} .video_testimonial ul li p span{display:block;width:100%;font-size:12px;line-height:20px;color:#c93a0e;padding:10px 0 0 0;} .video_testimonial ul li.last{ margin:0;} #testimonial .text_testimonial{ float:left; width:100%; } .text_testimonial ul{float:left;width:100%; padding:25px 0 0 0;} .text_testimonial ul li{float:left;width:315px;margin-right:21px;display:inline;} .text_testimonial ul li .testi_box{ float:left; width:315px; background:url(../images/testi_box_top.gif) no-repeat 0 0; padding-top:4px;} .text_testimonial ul li .testi_box .mid{ border-left:1px solid #d8d8d8;float:left;width:295px;background:#e8e8e8;padding:10px;min-height:176px;} .text_testimonial ul li .testi_box .bottom{float:left;width:315px;height:18px;background:url(../images/testi_box_bot.gif) no-repeat 0 top;line-height:5px;padding-bottom:4px;} .text_testimonial ul li .testi_box .mid p .img1{margin:0 10px 10px 0; border:1px solid #fff;} .text_testimonial ul li .testi_box .mid p{ display:block;width:100%;font-size:12px;line-height:20px;} .text_testimonial ul li .testi_box .mid p .end_quote{float:none;display:inline;margin-top:0;background:url(../images/end_quote1.gif) no-repeat 0 6px;width:31px;height:19px;font-size:20px;line-height:20px;font-family:Arial, Helvetica, sans-serif} .text_testimonial ul li .testi_box .mid p span{display:block;width:100%;font-size:12px;line-height:20px;color:#c93a0e;padding:10px 0 0 0;} .text_testimonial ul li.last{ margin:0;} /*Featured-in page css starts*/ .testimonial_con{ width:990px;float:left;padding:20px 0} .testimonial_col{float:left;width:464px;padding:20px 60px 20px 0;} .testimonial_col .featured_logo{border:1px #e6e6e6 solid;} .testimonial_col.pad_none{ padding-right:0} .testimonial_col .client_img{float:left;width:auto;border:1px #e6e6e6 solid;padding:3px;} .testimonial_col p{float:right;width:310px; font-size:12px; line-height:20px;} .testimonial_col p .start_quote{float:none;padding-right:5px} .testimonial_col p .end_quote{float:none;padding-left:5px;margin-top:3px;} .testimonial_col p span{float:left;width:100%;font-size:12px; line-height:20px;color:#C93A0E;padding:10px 0 0 0;} .testimonial_col p span a{float:left;width:auto;font-size:12px; line-height:20px;color:#C93A0E; text-decoration:none} .testimonial_col p.video{float:right;width:255px;} .testimonial_col p.snippets{float:right;width:255px;} .testimonial_con h3{width:100%;float:left; font-size:15px; font-weight:normal} /*testimonial css ends*/ /******Hosting Page Css Starts******/ #banner_hosting{ float:left; width:100%; background:url(../images/banner_back.jpg) no-repeat 0 0; height:361px; position:relative} #banner_hosting h2{ float:left; width:100%; font-size:38px; line-height:45px; padding:34px 0 30px;} #banner_hosting .list{float:left;width:397px;height:138px;padding:0 0 0 54px;background:url(../images/self_hosting_head.png) no-repeat 0 -51px;} #banner_hosting .list ul{ float:left; width:180px;padding:6px 0 0 14px;} #banner_hosting .list ul li{ float:left;width:80%;font-size:13px;line-height:32px; color:#fff; } #banner_hosting .list ul li span{ float:left;width:30px;height:25px;background:url(../images/icons.png) no-repeat -22px 5px; } #banner_hosting .list ul.last{ padding:0; border:none} #banner_hosting .list small.border{ float:left; width:1px;height:110px;background:#a94223; margin-top:20px; } #banner_hosting .hosting_img{ float:right; position:absolute; top:10px; right:0px; z-index:99;} #hosting_container{ float:left;width:998px; margin-top:0;} /*order sec start here*/ .order_sec{ float:left;width:449px; position:relative; margin:-1px 0 0 0; clear:left; top:-45px} .order_sec .plan_heading{float:right;width:351px;height:41px;background:url(../images/self_hosting_head.png) 0 0;font-size:20px;color:#fff;line-height:41px; position:absolute; top:-41px; right:0;} .order_sec .plan_heading span.your_host{float:left;width:203px;text-align:center;} .order_sec .plan_heading span.my_order{float:left;width:148px;text-align:center;} .order_sec .plan_values_outer{ float:left;width:450px;} .order_sec .plan_features{float:left;width:98px; border-right:1px dotted #000;} .order_sec .plan_features ul{float:left;width:100%;list-style:none;} .order_sec .plan_features ul li{float:left;width:100%;font-size:14px;font-weight:bold;color:#5e5e5e;line-height:22px;height:57px;background:#e9e7e7;} .order_sec .plan_features ul li.first{background:#cfcfcf;} .order_sec .plan_features ul li span{ float:left;width:100%;line-height:57px; text-align:center} .order_sec .plan_values{ float:left;width:449px;} .order_sec .plan_values .host_val_box{ float:left;width:202px;border-right:1px dotted #000;background:#f8f7dc;} .order_sec .plan_values .host_val_box ul{ float:left;width:100%;list-style:none} .order_sec .plan_values .host_val_box ul li{float:left;width:100%;height:57px;font-size:14px; color:#000;line-height:57px;text-align:center} .order_sec .plan_values .host_val_box ul li.first{background:#f1eeb8;} .order_sec .plan_values .host_val_box ul li span{float:left;width:100%; font-size:12px;line-height:22px;padding-top:10px;} .order_sec .plan_values .host_val_box ul li span small.value{float:none;width:auto;font-size:14px;line-height:22px;color:#000;font-weight:bold} .order_sec .plan_values .host_val_box ul li span small.free{float:none;width:auto; font-size:12px;text-transform:uppercase;line-height:22px;padding:10px 0 0 3px;} .order_sec .plan_values .host_val_box ul li small{float:left;width:100%;font-size:12px;line-height:22px;color:#000;font-weight:normal} .order_sec .plan_values .host_val_box ul li.last{ border:none; font-weight:bold} .order_sec .plan_values .order_valuse{ float:left;width:148px;} .order_sec .plan_values .order_valuse ul{ float:left;width:148px;list-style:none;background:#c4df9b;} .order_sec .plan_values .order_valuse ul li{float:left;width:91px;height:44px;padding:13px 0 0 44px;} .order_sec .plan_values .order_valuse ul li .outer_input{ float:left;width:56px;background:#fff;border:1px solid #9db47b;padding:2px;height:24px;font-size:18px;line-height:24px;color:#010101;} .order_sec .plan_values .order_valuse ul li .outer_input select{ float:left; width:54px; margin:2px 0 0 0; padding:0px 0 0 3px;background:none; border:none; font-size:13px;} .order_sec .plan_values .order_valuse ul li .outer_input select option{ padding:0 2px } .order_sec .plan_values .order_valuse ul li input.error{ border:1px solid #FB5C5C} .order_sec .plan_values .order_valuse ul li small{ float:left; width:auto; font-size:15px; padding:5px 0 0 4px;} .order_sec .plan_values .order_valuse ul li.last{ border:none} .order_sec .plan_values .order_valuse .total_box{ float:left;width:148px;background:#edf8dd;height:58px;} .order_sec .plan_values .order_valuse .total_box span.total_txt{ float:left;width:100%;font-size:12px;line-height:22px;color:#000;text-align:center;padding:3px 0 0 0;} .order_sec .plan_values .order_valuse .total_box span.total_value{ float:left;width:100%;font-size:16px;font-weight:bold;line-height:22px;color:#000;text-align:center} .order_sec .plan_values .btn_sec{ float:right; width:auto;} .order_sec .plan_values .btn_sec .contact{ float:right;width:167px;height:48px;background:url(../images/self_hosting_btn.png) no-repeat 0 0;border:none;cursor:pointer; padding:0; margin-top:6px;} .order_sec .plan_values .btn_sec .contact:hover{ background-position:0 bottom} /*.order_sec .plan_values .btn_sec .order{ float:right;width:148px;height:38px;background:url(../images/self_hosting_head.png) no-repeat -203px -205px;border:none;cursor:pointer;margin-left:1px;display:inline;padding:0;} .order_sec .plan_values .btn_sec .order:hover{ background-position:-203px -243px;} */ .order_sec .form_sec{float:left;width:968px;background:#cfdadd;border:1px solid #AEB9BC;padding:10px 0 10px 20px; position:relative; top:45px; margin-bottom:20px;} .order_sec .form_sec .main_row{ float:left; width:100%; padding:0 0 10px 0} .order_sec .form_sec .row{float:left;width:281px;} .order_sec .form_sec label{float:left;width:100%;font-size:12px;line-height:20px;color:#080808} .order_sec .form_sec label span.mendatory{ color:#F00} .order_sec .form_sec input{float:left;width:240px;border:1px solid #bebebe;background:#fff;padding:2px;height:22px;font-size:12px;line-height:20px;color:#080808;font-size:12px;} .order_sec .form_sec input.error{border:1px solid #FF4848;background:#FFEFEF; color:#FF4848} .order_sec .form_sec .row_big{float:left;width:562px} .order_sec .form_sec textarea{float:left;width:516px; padding:4px; font-size:12px; height:112px;border:1px solid #bebebe;background:#fff;} .order_sec .form_sec .select_outer{float:left;width:240px;border:1px solid #bebebe;background:#fff;padding:2px;height:22px;font-size:12px;line-height:20px;color:#080808;font-size:12px;} .order_sec .form_sec select{ float:left; width:240px;padding:2px;background:none; border:none} .order_sec .form_sec .row1{float:left;width:100px;padding:20px 0 0 0} .order_sec .form_sec .row1 input.submit{float:left;background:url(../images/self_hosting_head.png) no-repeat -380px -204px;width:95px;height:29px;border:none;cursor:pointer} .order_sec .form_sec .row1 input.submit:hover{ background-position: -380px -232px;} .order_sec .form_sec .row1 input.paynow{float:left;background:url(../images/self_hosting_head.png) no-repeat -480px -204px;width:95px;height:29px;border:none;cursor:pointer} .order_sec .form_sec .row1 input.paynow:hover{ background-position:-480px -232px;} .order_sec .plan_values .btn_sec .start_here_text{float:left; width:auto; color:#fff; text-align:center; padding-right:14px; margin-top:17px;} .order_sec .plan_values .btn_sec .start_here_text small{font-family:'FrancophilSansBold'; font-size:22px;} .order_sec .plan_values .btn_sec .start_here_text span{ font-size:38px; font-weight:bold; padding-left:10px;font-family:'FrancophilSansBold';} /*order sec ends here*/ #hosting_container p { float:left;width:100%;} #hosting_container p span.mendatory{ color:#F00} #hosting_container .customization_tips{float:left;width:948px;background:#555;padding:16px 20px 5px;border:1px solid #fff;margin:0px 0 30px 0} #hosting_container .customization_tips .sec1{ float:left;width:326px} #hosting_container .customization_tips .sec2{ float:left;width:368px} #hosting_container .customization_tips .sec3{ float:left;width:254px} #hosting_container .customization_tips ul{ float:left;width:100%;list-style:none;margin:15px 0 10px 0} #hosting_container .customization_tips ul.no_pad{ margin:0 0 10px 0} #hosting_container .customization_tips ul li{ float:left;width:93%;background:url(../images/arrow_green.png) no-repeat 0 13px;padding:0 0 0 25px;font-size:18px;line-height:36px;color:#fff;font-family: 'FrancophilSansRegular';} #hosting_container .customization_tips ul li a{ color:#DF7500;text-decoration:underline} #hosting_container .customization_tips ul li a:hover{ color:#DF7500;text-decoration:none} .thanks_msg{ float:left; font-size:15px; color:#000; padding:150px 0 0 150px;} /******customize template Page Css Starts******/ #banner_cust_template{ float:left; width:100%; background:url(../images/banner_back.jpg) no-repeat 0 0; height:361px; position:relative} #banner_cust_template h1{ float:left; width:100%; font-size:38px; color:#fff; line-height:45px; padding:34px 0 0px;} #banner_cust_template .list{float:left;width:423px;height:179px;padding:0;background:url(../images/custom_service_bg.gif) no-repeat 0 0; padding:7px 0 0 10px; margin:10px 0 0} #banner_cust_template .list ul{ float:left; width:423px;} #banner_cust_template .list ul li{ float:left;width:100%;font-size:13px;line-height:31px; color:#fff; } #banner_cust_template .list ul li span{ float:left;width:30px;height:25px;background:url(../images/icons.png) no-repeat -22px 5px; } #banner_cust_template .list ul.last{ padding:0; border:none} #banner_cust_template .hosting_img{ float:right; position:absolute; top:42px; right:75px; } #banner_cust_template .cust_temp{ float:right; position:absolute; top:0px; right:75px;} #cust_template{ float:left; width:100%; padding:30px 0 50px; min-height:200px;} #cust_template a.uplaod{ float:left; width:306px; height:48px; background:url(../images/upload_sample_inv.png) no-repeat 0 0; margin-left:343px;} #cust_template a.uplaod:hover{ background-position:0 bottom;} #cust_template h3{float:left;width:100%;font-size:38px;line-height:44px;color:#c93a0e;padding:25px 0 ;} #cust_template p{float:left;width:100%;color:#000;font-size:12px; font-weight:bold;line-height:20px;padding:0 0 10px 0} #cust_template .mid_box{ float:left; width:952px; background:#fff; padding:15px 20px;margin-bottom:35px;} #cust_template .mid_box .purpose_sec{float:left;width:443px;padding:0 65px 0 0;} #cust_template .mid_box .purpose_sec.last{ padding:0;} #cust_template .mid_box .purpose_sec h3{float:left;width:100%; font-size:20px; color:#c93a0e; line-height:24px; padding: 0 0 10px 0;border-bottom:1px solid #dedede;} #cust_template .mid_box .purpose_sec p{float:left;width:100%; font-size:14px; color:#000; line-height:22px;padding:0 0 10px 0;} #cust_template .mid_box .purpose_sec p.bold{ font-weight:bold;} #cust_template .mid_box .purpose_sec p.small{ font-size:12px;} #cust_template .mid_box .purpose_sec p.pad_top{padding-top:0} #cust_template .mid_box .purpose_sec ul{ float:left;width:100%;padding:5px 0} #cust_template .mid_box .purpose_sec ul li{ float:left;width:90%;color:#000;background:url(../images/orange_arrow.png) no-repeat 0 7px;font-size:12px;line-height:20px;padding:0 0 14px 13px;} #cust_template .mid_box .purpose_sec ul li strong{ font-weight:bold} #cust_template .mid_box .purpose_sec ul li a{color:#c93a0e;text-decoration:underline} #cust_template .mid_box .purpose_sec ul li a:hover{color:#c93a0e;text-decoration:none} /******Mobile App Page Css Starts******/ #banner_mobile{float:left;width:100%;background:url(../images/mobile_header_bg.jpg) no-repeat 0 0;height:313px;position:relative} #banner_mobile .android_img{ float:right; position:absolute; top:30px; right:45px; } #banner_mobile .iphone_img{ float:right; position:absolute; top:30px; right:95px; } #banner_mobile .left_sec{ float:left; width:375px;} #banner_mobile .download_box{ float:left; width:315px;height:203px; margin:91px 0 0 0; background:url(../images/app-download-bg.png) no-repeat 0 0;} #banner_mobile .download_box.android{width:314px;height:228px;margin:97px 0 0 0;background:url(../images/app-download-android.png) no-repeat 0 0;} #banner_mobile .download_box.android img.android_barcode{width:150px;height:150px;margin:7px 0 0 83px;} #banner_mobile .download_box h3{float:left;width:100%;font-size:22px; font-weight:bold;line-height:28px; padding:10px 0 0 0; text-align:center} #banner_mobile .download_box a{float:left;width:auto;font-size:13px;margin:87px 0 0 78px; display:inline;color:#c93a0e;text-decoration:underline} #banner_mobile .download_box a:hover{color:#c93a0e;text-decoration:none} #mobile { float:left; width:998px; margin:130px 0 0 0; } #mobile .mid_box {float: left;width: 952px;background:#FFFFFF;margin-bottom: 35px;padding: 15px 20px;} #mobile .mid_box .mobile_inner{float:left;width:100%;} #mobile .mid_box .mobile_inner ul{float:left;width:100%;list-style:none} #mobile .mid_box .mobile_inner ul li{float:left;width:50%;padding:0 0 30px 0} #mobile .mid_box .mobile_inner .colum{ float:left; width:420px;} #mobile .mid_box .mobile_inner h3{float:left;width:93%;font-size:20px;color:#c93a0e;line-height:24px;padding:3px 0 12px 34px;border-bottom:1px solid #dedede;} #mobile .mid_box .mobile_inner h3 span{ width: auto; padding:1px 5px; font-size: 12px; background: #f00; color: #fff; border-radius:2px;} #mobile .mid_box .mobile_inner h3.invoice{background:url(../images/mobile_icons.png) no-repeat 0 0; } #mobile .mid_box .mobile_inner h3.timtracking{background:url(../images/mobile_icons.png) no-repeat 0 -53px;padding-left:37px;} #mobile .mid_box .mobile_inner h3.upcoming{ background:url(../images/mobile_icons.png) no-repeat 0 -107px;padding-left:37px; } #mobile .mid_box .mobile_inner h3.expenses{ background:url(../images/mobile_icons.png) no-repeat 0 -160px; padding-left:33px; } #mobile .mid_box .mobile_inner h3.client{ background:url(../images/mobile_icons.png) no-repeat 0 -234px; padding-left:37px; } #mobile .mid_box .mobile_inner h3.estimate{ background:url(../images/mobile_icons.png) no-repeat 0 -356px; padding-left:37px; } #mobile .mid_box .mobile_inner h3.projects{ background:url(../images/mobile_icons.png) no-repeat 0 -297px; padding-left:37px; } #mobile .mid_box .mobile_inner h3.task{ background:url(../images/mobile_icons.png) no-repeat 0 -407px; padding-left:37px; } #mobile .mid_box .mobile_inner h3.timelog{ background:url(../images/mobile_icons.png) no-repeat 0 -469px; padding-left:37px; } #mobile .mid_box .mobile_inner p{float:left;width:100%;font-size:12px;color:#000;line-height:22px;padding: 10px 0;} #mobile .mid_box .mobile_inner .seprator{ float:left;width:1px;height:142px;margin:20px 30px 0 30px;background:#f4f4f4} /******API Page Css Starts******/ #api_container{ float:left; width:998px;} #left_api_container{ float:left;width:645px;padding:30px 0 0 0;} #left_api_container .api_inner_sec{ float:left; width:100%;padding:15px 0} .api_inner_sec h3{ float:left;width:100%;border-bottom:1px solid #dedede;text-align:center;font-size:27px;line-height:34px;padding-bottom:25px; margin-bottom:25px;} .api_inner_sec h3 span{ color:#c93a0e;} .api_inner_sec h3.inner{ float:left;width:100%;border-bottom:1px solid #dedede;text-align:left;font-size:30px;line-height:34px;padding-bottom:25px; margin-bottom:25px;} .api_inner_sec h4{ float: left; width: 100%; color: #C93A0E;font-size: 13px;font-weight: bold;line-height: 20px;} .api_inner_sec h4.pad_none{color: #000;} .api_inner_sec p{ float:left; width:100%; font-size:12px;line-height:20px; padding-bottom:16px;} .api_inner_sec p span{color: #C93A0E; text-decoration:underline} .api_inner_sec p span.italic{ font-style:italic} .api_inner_sec p a{color: #C93A0E; text-decoration:none} .api_inner_sec p a:hover{color: #C93A0E; text-decoration:underline} .api_inner_sec p.pad_none{padding:0} .api_inner_sec ul{ float:left;width:96%;list-style:none;padding:7px 0 15px 0;} .api_inner_sec ul li{float:left;width:98%;font-size:12px;line-height:20px;color:#010101;background:url(../images/black_arrow.gif) no-repeat 0 5px;padding:0 0 5px 12px;} .api_inner_sec ul li a{color:#c93a0e;text-decoration:underline} .api_inner_sec ul li a:hover{color:#c93a0e;text-decoration:none} .api_inner_sec .code{ float:left;width:100%;padding:10px 0;} .api_inner_sec .code pre{ float:left;width:100%;} .api_inner_sec .code pre a{ float:left;width:100%; color:#C93A0E; text-decoration:underline; font-style:italic} .api_inner_sec .code pre a:hover{ text-decoration:none} aside#right_api{float:right;width:273px;margin:23px 0 0 0;padding:10px;background:#f3f3f3;border:1px solid #cdcdcd;} aside#right_api .inner_add{float:left;width:100%;padding:0;} aside#right_api h3{float:left;width:95%;padding:7px 0 7px 10px;font-size:18px;line-height:20px;color:#555555;background:#e9e9e9;} aside#right_api ul{ float:left;width:212px;list-style:none;margin:10px 0 0 18px; display:inline} aside#right_api ul li{ float:left;width:90%;color:#000;background:url(../images/small_icons.png) no-repeat 0 -19px;padding:0 0 3px 13px;} aside#right_api ul li a{ float:left;width:auto;font-size:12px;line-height:22px;color:#000;text-decoration:none;} aside#right_api ul li a:hover{text-decoration:underline;} aside#right_api ul li a.active{text-decoration:underline;} /******Contact Page Css Starts******/ #contact_container{ float:left;width:998px; padding:40px 0 30px} #contact_left{ float:left;width:582px;} #contact_left form{float:left;width:100%;} #contact_left form fieldset{float:left;width:100%;} #contact_left .row{float:left;width:100%;margin:17px 0 0 0;} #contact_left .row_frst{margin:0 0 0 0;} #contact_left .row_lst{margin:22px 0 0 0;} #contact_left .row.pad_none{ margin:0;} #contact_left p{ float:left; width:100%; border-bottom:1px solid #dedede; font-size:12px; line-height:18px; padding:0 0 25px 0;} #contact_left p a{color:#c93a0e;font-style:italic;text-decoration:underline} #contact_left p a:hover{text-decoration:none} #contact_left label{float:left;width:100%; font-size:14px; line-height:19px; color:#555555; padding:0 0 5px 0} #contact_left .row p{font-size:10px; line-height:18px; color:#555555; padding:0 0 5px 0} #contact_left label small{ color:#d40000;line-height:10px;padding:0 0 0 2px;} #contact_left .outer_input{width:430px;float:left;} #contact_left .outer_input small{ color:#d40000;line-height:10px;padding:0 4px;float:left;} #contact_left .outer_input span{ color:#c32c2c;line-height:10px;float:left;} #contact_left input{float:left;width:401px;height:26px;line-height:26px;border:1px solid #d7d4d4;padding:5px 4px;background-color:#fff;} #contact_left select.select_box{float:left;width:409px;height:36px;line-height:26px;border:1px solid #d7d4d4;padding:10px 4px;background-color:#fff; border-radius:5px; font-size: 12px;} #contact_left textarea{float:left;width:401px;height:117px;border:1px solid #d7d4d4;line-height:18px;padding:5px 4px;background-color:#fff;} #contact_left input:focus, #contact_left textarea:focus{ -moz-box-shadow:2px 2px 2px #999;} #contact_left img.sec_code{float:left;width:122px;height:36px;border:1px solid #d7d4d4;} #contact_left input.sec_code{width:122px;margin-right:41px;} input.required{border:#d74747 1px solid!important;background:#fdecec} #contact_left input.submit{ background:url(../images/btn_bg.png) no-repeat 0 -147px;width:133px;height:38px;border:none;cursor:pointer; font-size:22px; line-height:36px; color:#fff; padding:0; border-radius:0} #contact_left input.submit:hover{ background-position:0 -185px} #contact_left input.submit.pad{margin:0 0 0 100px;} #contact_left p.mendatory{ float:right; width:auto;font-size:12px; border:none; padding:0 0 0 0;} #contact_left p.mendatory span{ color:#F00} .text_error{border:1px solid #FF0000!important;background-color:#fcefef!important;color:#ff0000!important;} textarea.required{border:#d74747 1px solid;background:#fdecec} .server_error_msg{border:#d74747 1px solid;background:#fdecec;padding:20px 20px 0 20px;display:block;list-style:none;} .server_error_msg li{background:url(../images/bullet2.gif) no-repeat 0 4px;padding:0 0 0 10px;line-height:14px;} .top_sucess_msg{float:left;width:624px;background:#e4ecd1;border:1px solid #afc588;padding:10px; margin:20px 0 0 0} .top_sucess_msg p{float:left;width:auto;padding:0 0 0 20px!important; border:none!important;background:url(../images/success_msg_arrow.gif) no-repeat 0 2px;font-size:12px;line-height:19px;color:#4d703e;border:none;margin:0;} .top_error_msg{float:left;width:624px;background:#fcefef;border:1px solid #ff0000;padding:10px; margin:20px 0 0 0} .top_error_msg p{float:left;width:auto;padding:0 0 0 20px!important; border:none!important;background: url(../images/error_msg_icon.png) no-repeat 0 2px; font-size:12px;line-height:19px;color:#ff0000; border:none; margin:0;} .top_sucess_msg.invite{float:left;width:500px;} .top_error_msg.invite{float:left;width:500px;} .top_sucess_msg.feedback_msg{float:left;width:381px; margin:10px 0;} .top_error_msg.feedback_msg{float:left;width:381px; margin:10px 0;} a.link1{font-size:12px;line-height:18px;color:#c8580d;text-decoration:underline} a.link1:hover{color:#c8580d;text-decoration:none} aside#right_contact{float:right;width:343px;;padding:10px 0;background:#e2e2e2;border:1px solid #cdcdcd;} aside#right_contact .inner_add{float:left;width:100%;background:url(../images/addon_sep.gif) repeat-x 0 bottom;padding:5px 0 20px;} aside#right_contact .company_address{ float:left; width:90%; font-style:normal; padding:0 0 0 18px;} aside#right_contact .company_address h4{ float:left; width:100%; font-size:13px; color:#c93a0e; line-height:20px; font-weight:bold; padding:0;} aside#right_contact .company_address address{ float:left; width:320px; font-size:12px; color:#000; line-height:20px;} aside#right_contact .company_address address i{ font-size:11px;} aside#right_contact .company_address address a{color:#c93a0e; font-style:normal; text-decoration:underline} aside#right_contact .company_address address a:hover{text-decoration:none} aside#right_contact h3{ float:left;width:320px;padding:12px 0 10px 18px;font-size:18px;line-height:20px;color:#555555;} aside#right_contact h3.pad_top{ padding-top:4px;} aside#right_contact ul.social{ float:left;width:300px;margin:0 0 0 18px;} aside#right_contact ul.social li{ float:left;width:90%; padding:0 0 10px 30px;} aside#right_contact ul.social li.facebook{background:url(../images/btn_bg.png) no-repeat -278px -154px;} aside#right_contact ul.social li.twitter{ background:url(../images/btn_bg.png) no-repeat -278px -194px;} aside#right_contact ul.social li a{ float:left;width:auto;font-size:12px;line-height:24px;color:#c93a0e;text-decoration:underline;} aside#right_contact ul.social li a:hover{text-decoration:none;} aside#right_contact .map{ float:left; width:303px; height:270px; border:1px solid #c2c2c2; margin:10px 0 10px 18px;} /******Request A Quote Page Css Starts******/ #request_container{ float:left;width:565px;padding:0 0 30px 0} .request_inner{ width:565px;float:left;} .request_inner input.upload{width:359px;height:auto;border:#bebebe 1px solid;float:left;} .request_inner img.sec_code{ float:left;padding:0 13px 0 0} .request_inner input.sec_code{ width:100px;} .request_inner input.required{border:#d74747 1px solid!important;background:#fdecec} .request_inner .mendatory{ float:right;width:auto;padding:8px 56px 0 10px;} .request_inner .mendatory span{ color:#F00} /******Pop up page css*******/ #addons1{ float:left;width:770px;position:relative;border:10px solid #EAEAEA; z-index:9999;} #addons1 .cancel_btn{float:right;width:auto;position:absolute;right:-10px;top:-37px;} #addons1 table{float:left;width:100%;background:#ddd} #addons1 table tr{background:#F3F3F3;} #addons1 table tr td{text-align:center;font-size:12px;color:#000;padding:6px 10px;height:25px;} #addons1 table tr.head{background:#C93A0E;} #addons1 table tr.head td{color:#fff;font-size:13px;font-weight:bold;} #addons1 .heading{float:left;width:98%;padding-left:2%;font-size:13px;line-height:34px;height:34px;text-align:left;color:#fff;font-weight:bold;background:#707070;} #free_plan{ float:left;width:300px;position:relative;border:10px solid #EAEAEA; z-index:9999;} #free_plan .cancel_btn{float:right;width:auto;position:absolute;right:-10px;top:-37px;} #free_plan table{float:left;width:100%;background:#ddd} #free_plan table tr{background:#F3F3F3;} #free_plan table tr td{text-align:center;font-size:12px;color:#000;padding:6px 10px;height:25px;} #free_plan table tr.head{background:#0C8900;} #free_plan table td.righteven{background:#E2EFCD;} #free_plan table td.rightodd{background:#F8F7DC;} #free_plan table td.lefteven{background:#CFCFCF;} #free_plan table td.leftodd{background:#E9E7E7;} #free_plan table tr.head td{color:#fff;font-size:13px;font-weight:bold;} #free_plan .heading{float:left;width:98%;padding-left:2%;font-size:13px;line-height:34px;height:34px;text-align:left;color:#fff;font-weight:bold;background:#707070;} #free_plan .signup_btn{ background:#0C8900;border: 3px solid #F8D48D;color: #FFFFFF;cursor: pointer;float: left;font:bold 14px/32px arial;margin:5px 0 0 90px;padding: 0 8%; border-radius:30px;} /******Custom Development Page Css Starts******/ #custom_developement{ float:left; width:998px;} #custom_developement h3.big_head{float:left;width:100%; font-size:38px; line-height:44px; color:#c93a0e; padding:25px 0 25px 0; text-align:center} #custom_developement .faq{ float:left; width:100%; border-top:1px solid #dedede; padding:35px 0 30px; position:relative} #custom_developement .faq h3 {background:#EFEFEF;color: #373737;font-size: 20px;left: 426px;position: absolute;top: -12px;} #custom_developement .faq ul{ float:left; width:275px;} #custom_developement .faq ul.pad{padding:0 60px 0 0} #custom_developement .faq ul li{ float:left; width:100%; padding:0 0 30px 0} #custom_developement .faq ul li .que{float:left;width:100%; font-size:14px; font-weight:bold; color:#c93a0e; line-height:22px;} #custom_developement .faq ul li .ans{float:left;width:100%; font-size:12px; color:#000; line-height:20px;padding:10px 0 0 0;} #custom_developement .faq ul li .ans strong.txt{font-weight:bold; line-height:25px; float:left; width:100%;} #custom_developement .faq ul li .ans a{ color:#c93a0e; text-decoration:underline} #custom_developement .faq ul li .ans a:hover{ color:#c93a0e; text-decoration:none} #custom_developement .top_sec{ margin:20px auto; width:665px;} #custom_developement .top_sec .head{ float: left;font-size: 30px;line-height: 34px;padding:10px 0 20px;text-align: center;width: 100%;} #custom_developement .top_sec .head span {color: #C93A0E;} #custom_developement .top_sec p{ float: left;font-size: 14px;line-height: 26px;padding: 10px 0;width: 100%;} #custom_developement .mid_box {float: left;width: 952px;background:#FFFFFF;padding: 15px 20px;} #custom_developement .mid_box.enterprise{width: 972px;padding: 15px 20px 15px 0;} #custom_developement .mid_box.pad{ margin:30px 0 0} #custom_developement .mid_box .left_sec {float: left;padding: 0 0 0 0;width: 450px;} #custom_developement .mid_box .left_sec.right{ float:right} #custom_developement .mid_box .left_sec h3 {float:left;font-size:38px;width: 100%;padding: 0 0 10px; margin-bottom:10px;line-height:42px;color: #C93A0E;border-bottom:1px solid #DEDEDE;} #custom_developement .mid_box p{ float:left; width:100%; font-size:15px; line-height:26px; padding:0 0 10px 0} #custom_developement .mid_box span{ float:left; width:100%; font:bold 14px/16px "Lucida Grande",Arial,Helvetica} #custom_developement .mid_box span a{ color:#C93A0E;} #custom_developement .mid_box span a:hover{text-decoration:underline;} #custom_developement .mid_box img{ float: right; padding:10px 10px 0 0} #custom_developement .mid_box img.enterprise{ float: left; padding:10px 10px 0 0} #custom_developement .enterprise_sec{ float:left;width:100%;padding:10px 0;} #custom_developement p.text{float:left; width:100%; font-size:12px; line-height:20px; padding:0 0 20px 0 } #custom_developement p.text.big1{font-size:14px; line-height:20px;} #custom_developement p.text.big{font-size:18px; font-weight:bold;} #custom_developement p.text.big span{ float:left;width:auto;margin:10px 10px 0 0;} #custom_developement p.text strong{float:left;width:100%;font-size:13px;line-height:20px; font-weight:bold;} #custom_developement p.text a{ color:#c93a0e; text-decoration:underline} #custom_developement p.text a:hover{ color:#c93a0e; text-decoration:none} #custom_developement p.text a.req_quto{ float:left; width:184px; height:44px; background:url(../images/request_quote.gif) no-repeat 0 0;} #custom_developement p.text a.req_quto:hover{ background-position:0 bottom;} /******featured Page Css Starts******/ #featured{ float:left; width:998px; padding:0;} #featured ul{ float:left; width:100%;} #featured ul li{ float:left; width:auto;} #featured ul li a{float: left; display: block; height:138px; position:relative; text-align:center} #featured ul li a span{ position:absolute; width:12px; height:135px; left:-11px; top:0; z-index:9;} #featured ul li a:hover span, #featured ul li.active a span{ background:url(../images/creat_inv/nav_hover_bor_left.png) no-repeat 0 0;} #featured ul li a small{ position:absolute; width:12px; height:135px; right:-11px; top:0; z-index:9;} #featured ul li a:hover small, #featured ul li.active a small{ background:url(../images/creat_inv/nav_hover_bor_right.png) no-repeat 0 0;} #featured ul li.invoicera_overview a{background:url(../images/tour-icons_bar.png) no-repeat 0 0; width:130px;} #featured ul li.invoicera_overview a:hover, #featured ul li.invoicera_overview.active a{background:url(../images/tour-icons_bar.png) no-repeat 0 bottom;} #featured ul li.invoices a{background:url(../images/tour-icons_bar.png) no-repeat -139px 0; width:121px;} #featured ul li.invoices a:hover, #featured ul li.invoices.active a{ background-position:-139px bottom;} #featured ul li.estimates a{background:url(../images/tour-icons_bar.png) no-repeat -250px 0; width:117px;} #featured ul li.estimates a:hover, #featured ul li.estimates.active a{ background-position:-250px bottom;} #featured ul li.timetracking a{background:url(../images/tour-icons_bar.png) no-repeat -372px 0; width:143px;} #featured ul li.timetracking a:hover, #featured ul li.timetracking.active a{ background-position:-372px bottom;} #featured ul li.expenses a{background:url(../images/tour-icons_bar.png) no-repeat -515px 0; width:113px;} #featured ul li.expenses a:hover, #featured ul li.expenses.active a{ background-position:-515px bottom;} #featured ul li.others a{background:url(../images/tour-icons_bar.png) no-repeat -743px 0; width:100px;} #featured ul li.others a:hover, #featured ul li.others.active a{ background-position:-743px bottom;} #featured ul li.people a{background:url(../images/tour-icons_bar.png) no-repeat -628px 0; width:115px;} #featured ul li.people a:hover, #featured ul li.people.active a{ background-position:-628px bottom;} #featured ul li.purchase_order a{background:url(../images/tour-icons_bar.png) no-repeat -843px 0; width:143px;} #featured ul li.purchase_order a:hover, #featured ul li.purchase_order.active a{ background-position:-843px bottom;} #featured .content{ float:left; width:100%;} .slider_tour{float: left; width: 100%;} .slider_tour ul{float: left; width: 100%; text-decoration: none; height: 315px;} .slider_tour ul li{float: left; width:965px; height: 315px;} .slider_tour .bx-window{ height: 315px; float: left; width: 965px;} #featured .inner_row{ float:left; width:928px; min-height: 308px; padding:0; background: url(../images/tour_page_even.png) repeat-x 0 bottom; padding: 0 35px;} #featured .inner_row.top{background: url(../images/tour_page_odd.gif) no-repeat 0 0;} #featured .feature_content{ float:left; width:630px; padding:53px 0 0 0px} #featured .feature_content.right{float:left;} #featured .feature_content h3{ float:left; width:100%; font-size:29px; line-height:41px; color:#c93a0e; padding:0 0 10px 0;} #featured .feature_content p, .main_dis p{ float:left; width:100%; font-size:15px; line-height:26px; color:#000; padding:7px 0 0 0;} #featured .img_sec{ width:288px; float:left} #featured .img_sec.right{ float:right;} #featured .img_sec .inner_img{position:relative; float: left; top:0;} #featured .img_sec.right .inner_img{position:relative; float: left;} #featured .img_sec p.tooltip{width:60px;height:60px;padding:19px 0 0 15px;} #featured .img_sec p.tooltip.left{position:absolute;top:150px;left:21px;background:url(../images/tour_tooltip_bg.png) no-repeat 0 0;} #featured .img_sec p.tooltip.right{position:absolute;top:150px;right:19px!important;background:url(../images/tour_tooltip_bg.png) no-repeat right 0;} #featured .img_sec p.tooltip span{float:left; width:50px; height:60px} #featured .img_sec p.tooltip span.right{margin:0 0 0 5px} #featured .img_sec p.tooltip span.add_proj{ background:url(../images/tour_tooltip_bg.png) -113px 0;} #featured .img_sec p.tooltip span.log_proj{ background:url(../images/tour_tooltip_bg.png) -157px 0;} #featured .img_sec p.tooltip span.gen_inv{ background:url(../images/tour_tooltip_bg.png) -222px 0;} #featured .img_sec p.tooltip span.preview{ background:url(../images/tour_tooltip_bg.png) -240px -100px;} #featured .img_sec p.tooltip span.manag_inv{ background:url(../images/tour_tooltip_bg.png) -10px -176px;} #featured .img_sec p.tooltip span.payment{ background:url(../images/tour_tooltip_bg.png) -177px -189px;margin:7px 0 0 5px} #featured .img_sec p.tooltip span.scheduling{ background:url(../images/tour_tooltip_bg.png) -8px -252px;} #featured .img_sec p.tooltip span.multi_contact{ background:url(../images/tour_tooltip_bg.png) -175px -254px;} #featured .img_sec p.tooltip span.attachment{ background:url(../images/tour_tooltip_bg.png) -94px -253px;} #featured .img_sec p.tooltip span.rec_est{ background:url(../images/tour_tooltip_bg.png) -255px -252px;} #featured .img_sec p.tooltip span.cate_manag{ background:url(../images/tour_tooltip_bg.png)-10px -317px;} #featured .img_sec p.tooltip span.exp_manag{ background:url(../images/tour_tooltip_bg.png) -160px -312px;} #featured .img_sec p.tooltip span.add_exp{ background:url(../images/tour_tooltip_bg.png) -83px -315px;} #featured .img_sec p.tooltip span.manag_client{ background:url(../images/tour_tooltip_bg.png) -328px -254px;} #featured .img_sec p.tooltip span.client_acc{ background:url(../images/tour_tooltip_bg.png) -224px -316px;} #featured .img_sec p.tooltip span.add_custom_field{ background:url(../images/tour_tooltip_bg.png) -157px -102px;} #featured .img_sec p.tooltip span.multi_currency{ background:url(../images/tour_tooltip_bg.png) -320px -316px;} #featured .img_sec p.tooltip span.report_menu{ background:url(../images/tour_tooltip_bg.png) -240px -100px;} #featured .img_sec p.tooltip span.client_report{ background:url(../images/tour_tooltip_bg.png) -10px -376px;} #featured .img_sec p.tooltip span.export_report{ background:url(../images/tour_tooltip_bg.png) -88px -372px;} #featured .img_sec p.tooltip span.set_permission{ background:url(../images/tour_tooltip_bg.png) -164px -372px;} #featured .img_sec p.tooltip span.manag_staff{ background:url(../images/tour_tooltip_bg.png) -328px -254px;} #featured .img_sec p.tooltip span.latefee{ background:url(../images/tour_tooltip_bg.png) -237px -376px;} #featured .img_sec p.tooltip span.customize_inv{ background:url(../images/tour_tooltip_bg.png) -309px -379px;} #featured .img_sec p.tooltip span.todo{ background:url(../images/tour_tooltip_bg.png) -6px -255px;} #featured .img_sec p.tooltip span.multi_inv{ background:url(../images/tour_tooltip_bg.png) -15px -450px;} #featured .img_sec p.tooltip span.recurring{ background:url(../images/tour_tooltip_bg.png) -76px -445px;} #featured .img_sec p.tooltip span.dashboard{ background:url(../images/tour_tooltip_bg.png) -152px -440px;} /******invoice Page Css Starts******/ .main_dis{ float:left; padding:15px 0 21px 0; width:99%;} .main_dis p{ font-size:30px; text-align:center; width: 100%; color: #000; padding-top: 15px;} .main_dis p span{ color:#ac350d;} /******invoice Page Css Starts******/ #featured .img_sec p.tooltip.create_inv{top:47px; left:150px;} #featured .img_sec p.tooltip.invoice_preview{top:14px; left:243px;} #featured .img_sec p.tooltip.invoice_manage{top:112px; left:100px;} #featured .img_sec p.tooltip.multi_contacts{top:115px; left:203px;} #featured .img_sec p.tooltip.invoice_attachment{top:11px; left:203px;} #featured .img_sec p.tooltip.generate_inv{top:165px; left:121px;} /******invoice overview Css Starts******/ #featured .img_sec p.tooltip.dashboard{top:-18px; left:97px;} /******Timetracking Page Css Starts******/ #featured .img_sec p.tooltip.log_project{top:44px; left:236px;} /******Setting Page Css Starts******/ #featured .img_sec p.tooltip.customize_template{top:120px; left:236px;} #featured .img_sec p.tooltip.set_to_do{top:-16px; left:150px;} /******Staff Page Css Starts******/ #featured .img_sec p.tooltip.add_staff{top:56px; left:86px;} /******Estimate Page Css Starts******/ #featured .img_sec p.tooltip.estimate_manag{top:50px; left:130px;} #featured .img_sec p.tooltip.received_est{top:84px; left:236px;} /******Sitemap Page Css Starts******/ #sitemap{float:left;width:998px; padding:20px 0;} #sitemap ul.top{float:left;width:998px;} #sitemap ul.top li{float:left;width:166px;background:url(../images/arrow_rounded.gif) no-repeat 0 0; padding:0 0 15px 28px;} #sitemap ul.top li a{float:left;width:auto;font-size:12px;color:#000;font-weight:bold;} #sitemap ul.top li a:hover{color:#C93A0E} #sitemap .bottom_sec{ float:left; width:100%; padding:20px 0;} #sitemap .bottom_box{float:left;width:177px;min-height:507px;background:#fff;padding:20px 19px; margin-right:20px;} #sitemap .bottom_box.big{ width:475px; margin:0;} #sitemap .bottom_box h3{float:left;width:100%; font-size:20px; color:#c93a0e; line-height:24px; padding: 0 0 18px 0;border-bottom:1px solid #dedede;} #sitemap .bottom_box ul.inner_list{float:left;width:177px; padding:15px 0 0} #sitemap .bottom_box ul.inner_list.tour{float:left;width:270px;padding:15px 0 0} #sitemap .bottom_box ul.inner_list.tour1{float:left;width:205px;padding:15px 0 0} #sitemap .bottom_box ul.inner_list li{float:left;width:95%;background:url(../images/orange_arrow_big.png) no-repeat 0 5px;padding:0 0 13px 11px;} #sitemap .bottom_box ul.inner_list li a{float:left;width:auto;font-size:12px;color:#000;font-weight:bold; line-height:20px;} #sitemap .bottom_box ul.inner_list li a:hover{color:#C93A0E} /******Tooltip Css Starts******/ #tooltip{position:absolute;z-index:3000;width:auto;border:1px solid #DC7800;background-color:#fef6ed;padding:5px} #tooltip h3, #tooltip div{margin:0} /*feedback starts*/ .feedback{float:right;width:43px;height:116px;position:fixed;margin-top:190px;right:0;z-index:999999} .feedback2{cursor:pointer;height:102px;right:0;margin-left:-7px;overflow:hidden;position:fixed;text-indent:-100000px;top:25%;width:42px;z-index:100000;background:url(../images/feedback.gif) no-repeat 0 0;float:right} .feedback .feedback_button{float:right;width:43px;height:116px;list-style:none;z-index:99999} .feedback .feedback_button li{float:left;width:43px;height:116px;z-index:99999} .feedback .feedback_button li a{float:left;width:43px;height:116px;z-index:99999} .feedback .feedback_button li a img{z-index:99999} /*feedback ends*/ /*------------classes for loader----------------*/ .main_loader_sec{margin:0 auto;width:130px} .loader_block{float:left;width:130px;height:87px;background:#fff; border:1px solid #999} .loader_block .loader_block_inner{width:31px;height:31px;margin:10px auto;background:url(../images/loader.gif) no-repeat 0 0} .loader_block .loader_text{margin:0 auto;width:100%;font-size:11px;color:#000;line-height:16px;text-align:center} /******Footer Section Css Starts******/ #footer_outer{ float:left; width:100%; background:#303031;} #footer_outer #footer_bot{width:992px; margin:18px auto; position:relative} /******Invoicera Sec Css Starts******/ #footer_bot .invoicera_sec{ float:left;width:312px;} #footer_bot .invoicera_sec h4{float:left;width:100%;font-size:20px;color:#c0c0c2;font-family:'FrancophilSansRegular';padding:0 0 15px 0} #footer_bot .invoicera_sec ul{float:left;width:106px;list-style:none} #footer_bot .invoicera_sec ul.pad{padding:0 0 0 61px;} #footer_bot .invoicera_sec ul li{float:left;width:102px; padding:0 0 0 4px; border-bottom:1px solid #404040;} #footer_bot .invoicera_sec ul li a{float:left;width:auto;font-size:12px;line-height:34px;color:#c0c0c2;text-decoration:none} #footer_bot .invoicera_sec ul li a:hover{color:#C93A0E;text-decoration:underline} #footer_bot .invoicera_sec ul li.last{ border:none} #footer_bot .footer_sep{ float:left; width:2px; background:url(../images/footer_sep.gif) repeat-y 0 0; height:294px; margin:4px 0 0 0;} /******Support Sec Css Starts******/ #footer_bot .twitter_sec{float:left;width:845px;height:76px;margin-left:85px;display:inline;background:url(../images/twitter_bg.png) no-repeat 0 0;position:absolute;top:-89px;left:0;} #footer_bot .twitter_sec p{float:left;width:750px;font-size:12px;color:#c0c0c2;line-height:20px;padding:12px 0 0 95px;} #footer_bot .twitter_sec p a{float:left;width:auto;color:#b82b00;padding:0 3px 0 0; text-decoration:none} .latest_tweets{float:left;width:350px;padding:0 0 12px 31px;} .twitted{width:90%!important; float:left} .latest_tweets h4{float:left;width:100%;font-size:20px;color:#c0c0c2;font-family:'FrancophilSansRegular';padding:0 0 15px 0} .latest_tweets a{color:#C93A0E!important;float:left;text-decoration:underline} .latest_tweets a:hover{color:#C93A0E!important;text-decoration:none} .latest_tweets p{float:left;width:200px;color:#fff;font-size:12px;line-height:16px;padding:0!important} .latest_tweets span{ float:left;width:100%;font-size:12px;line-height:18px;color:#7C7C7C} .latest_tweets span a{color:#C93A0E!important;float:none!important;text-decoration:underline} .latest_tweets span a:hover{color:#C93A0E!important;text-decoration:none} .latest_tweets span.like{ float:left;padding-top:15px;width:auto} .latest_tweets span.facebook{float:left;width:auto;font-size:11px;color:#9f9f9f;background:url(../images/facebook_icon.gif) no-repeat 0 3px;padding:0 0 0 20px;margin:17px 0 0 20px;display:inline} .latest_tweets ul#twitter_update_list{} .latest_tweets ul#twitter_update_list li{ float:left;padding:10px 0} /******latest / upcoming Css Starts******/ #footer_bot .others_outer{float:left;width:416px;} #footer_bot .others{float:left;width:385px;padding-left:31px;} #footer_bot .others h4{float:left;width:100%;font-size:20px;color:#c0c0c2;font-family:'FrancophilSansRegular';padding:0 0 23px 0} #footer_bot .others ul{float:left;width:300px;list-style:none} #footer_bot .others ul li{float:left;width:100%; padding-bottom:11px;} #footer_bot .others ul li a{float:left;width:auto;font-size:12px;line-height:18px;color:#c93a0e;text-decoration:none;cursor:default; font-weight:bold;} #footer_bot .others ul li a:hover{color:#c93a0e;text-decoration:none} #footer_bot .others ul li span.date{ float:left;width:100%;font-size:11px;line-height:18px; color:#7c7c7c;} /******Try Invoicera Css Starts******/ #footer_bot .try_invoicera{float:left;width:222px;padding:10px 0 0 33px;} #footer_bot .try_invoicera a.tri_invoicera_btn{ float:left; width:224px; height:63px; background:url(../images/try_invoicera.gif) no-repeat 0 0;} #footer_bot .try_invoicera a.tri_invoicera_btn:hover{ background-position:0 bottom;} #footer_bot .try_invoicera .copyright{float:left;width:100%;font-size:12px;color:#c0c0c2;line-height:18px;padding-top:15px; text-align:center} #footer_bot .try_invoicera ul{float:left;width:100%;list-style:none;padding:15px 0 0 15px;} #footer_bot .try_invoicera ul li{float:left;width:88px;padding:0;font-size:12px;line-height:18px;color:#c0c0c2; background:url(../images/footer_seperator.gif) no-repeat right center;} #footer_bot .try_invoicera ul li.last{ background:none; width:100px; padding:0 0 0 10px;} #footer_bot .try_invoicera ul li a{float:left;width:auto;font-size:12px;line-height:18px;color:#c0c0c2;text-decoration:underline} #footer_bot .try_invoicera ul li a:hover{color:#C93A0E;text-decoration:underline} #footer_bot .try_invoicera ul li.feedback_txt{ margin-left:62px; background:none; width:auto;} #footer_bot .try_invoicera ul li.feedback_txt a{ font-weight:bold;} /* new pricing page start here*/ .content_bot .customization_tips{float:left;width:948px;background:#555;padding:16px 20px 5px;border:1px solid #fff;margin:15px 0 30px 0} .content_bot .customization_tips .sec1{ float:left;width:326px} .content_bot .customization_tips .sec2{ float:left;width:368px} .content_bot .customization_tips .sec3{ float:left;width:254px} .content_bot .customization_tips ul{ float:left;width:100%;list-style:none;margin:15px 0 10px 0} .content_bot .customization_tips ul.no_pad{ margin:0 0 10px 0} .content_bot .customization_tips ul li{ float:left;width:93%;background:url(../images/arrow_green.png) no-repeat 0 13px;padding:0 0 0 25px;font-size:18px;line-height:36px;color:#fff;font-family: 'FrancophilSansRegular';} .content_bot .customization_tips ul li a{ color:#DF7500;text-decoration:underline} .content_bot .customization_tips ul li a:hover{ color:#DF7500;text-decoration:none} .content_bot .forever_plan{ float:left; width:988px; margin:10px 0 0 0; background:#f8efdb; border:1px solid #ebdcb9; padding:17px 0; position:relative; height:48px;} .content_bot .forever_plan .fore_plam_arrow{ float:left; width:223px; height:83px; position:absolute; top:0; left:0;background:url(../images/fore_plan_arrow.png) no-repeat 0 0; padding-left:17px; text-indent:-99999px;} .content_bot .forever_plan ul{ float:left; width:512px; padding:14px 0 0 246px;} .content_bot .forever_plan ul li{ float:left; width:auto; padding:0 14px; color:#3f3f3f; font:17px/22px 'FrancophilSansBold'; background:url(../images/border_bg.gif) repeat-y right 0;} .content_bot .forever_plan ul li.last{background:none;} .sign_up{ float:left; width:210px; height:47px; padding-top:1px;} .sign_up a.sign_free{ float:left; width:210px; height:47px; background:url(../images/sign_up_free.gif) no-repeat 0 0;} .sign_up a.sign_free:hover{ background-position:0 bottom;} /* new pricing page ends here*/ /* Have us call you page start here */ .outer_input .time_track{ float:left; width:131px; height:26px; border:1px solid #D7D4D4; line-height:26px; padding:4px; margin-right:9px;} .outer_input .country_sec{float:left; width:413px; height:26px; border:1px solid #D7D4D4; line-height:26px; padding:4px;} #contact_left p.preferred_cl{ float:left; width:100%; font-size:14px;padding:17px 0 0 0; font-weight:bold;color:#555555; border:none;} .outer_input em{ float:left; font:normal 11px/25px 'FrancophilSansBold'; color:#555555;} .have_ques span.have_cl_or{ float:left; width:100%; text-align:center; font-size:16px; font-weight:bold; line-height:22px; padding-bottom:10px;} /* Have us call you page ends here */ #cot_tl_fixed{ bottom:-5px !important;} /* pricing page add a strips start here*/ .strips_pric{ float:left; width:970px; background:#fff7cf; margin:15px 0 0; padding:10px;} .strips_pric .strips_pric_lf{ float:left; width:125px; padding:20px 0 0 10px;} .strips_pric .strips_pric_mid{ float:left; width:290px; padding:2px 25px 0 0; background:url(../images/strip_right.jpg) no-repeat right 0; padding-right:25px;} .strips_pric .strips_pric_mid h4{ float:left; width:100%; font-size:20px; line-height:25px; font-weight:bold; color:#000;} .strips_pric .strips_pric_mid p{ float:left; width:100%; font-size:14px; line-height:22px; color:#965930; padding:0;} .strips_pric .strips_pric_mid01{ float:left; width:218px; background:url(../images/strip_or.jpg) no-repeat right 0;text-align:center; padding:0 51px 22px 0;} .strips_pric .strips_pric_mid01 h5, .strips_pric .strips_pric_rt h5{ float:left; width:100%; color:#c44c14; font-size:12px; line-height:24px; font-weight:bold; padding:12px 0 0 0;} .strips_pric .strips_pric_mid01 h7, .strips_pric .strips_pric_rt h7{ float:left; width:100%; color:#c44c14; font-size:12px; line-height:24px; font-weight:bold; padding:12px 0 0 0;} .strips_pric .strips_pric_mid01 p{float:left; width:100%; color:#555555; font-size:12px; line-height:22px; padding:0;} .strips_pric .strips_pric_mid01 p span{ color:#000;} .strips_pric .strips_pric_rt{ float:left; width:238px; margin-left:3px; text-align:center;} .strips_pric .strips_pric_rt h6{ float:left; width:100%; font-size:12px; line-height:22px;} .strips_pric .strips_pric_rt h7{ float:left; width:100%; font-size:12px; line-height:22px;} .strips_pric .strips_pric_rt h8{ float:left; width:100%; font-size:12px; line-height:22px;} .strips_pric .strips_pric_rt p{ float:left; width:100%; color:#8a8985; font-size:10px; line-height:22px; padding:40px 0 0 9px;} /* pricing page add a strips ends here*/ /* new Pricing 1 page start here*/ .content_bot .forever_plan .infinite_plam_arrow{ float:left; width:320px; height:83px; position:absolute; top:0; left:-1px;background:url(../images/infinite_plan_arrow.png) no-repeat 0 0; padding-left:17px; text-indent:-99999px;} .content_bot .forever_plan ul.unlimited_every{width:433px; padding:14px 0 0 400px; float:left;} .content_bot .forever_plan ul.unlimited_every li p{ float:left; width:auto;color:#3f3f3f; font:17px/22px 'FrancophilSansBold'; padding:0 0 0 0;} .pricing_box .price div.price_inner01{ float:left;width:100%; font-size:45px; line-height:40px;color:#fff;text-align:center;margin:14px 0 0 0;} .pricing_box .price div.price_inner01 small{ font-size:14px; float:left; width:100%;} .forever_plan div.price_inner{ float:right;width:66px;height:50px;position:relative;font-size:50px; line-height:50px;color:#000;text-align:center;margin:0px 0 0 40px; top:-15px} .forever_plan div.price_inner .dollar{ position:absolute;left:-14px; top:0px;font-size:23px;color:#000;font-weight:bold; line-height:30px; font-family: font-family:'FrancophilSansRegular';} .forever_plan div.price_inner .price_small{ position:absolute;right:-21px; top:-1px;font-size:18px;color:#000; font-weight:bold; line-height:28px; font-family: font-family:'FrancophilSansRegular';} .forever_plan div.price_inner .per_month{ position:absolute;right:-36px;bottom:0px;font-size:14px; font-weight:bold; color:#000;line-height:19px; font-family: font-family:'FrancophilSansRegular';} .sign_up01{ float:left; width:131px; height:47px; padding-top:1px;} .sign_up01 a.sign_free{ float:left; width:131px; height:47px; background:url(../images/sign_up_free01.png) no-repeat 0 0;} .sign_up01 a.sign_free:hover{ background-position:0 bottom;} /* new Pricing 1 page ends here*/ /* christmas se start here */ .christmas_sec{ float: left; left: 0px;bottom:0px; position: fixed; z-index: 9999;} .christmas_sec .christmas_img{ float: left; width: 109px; height: 98px; background: url(../images/christmas_discount.png) no-repeat left top;} .christmas_sec .christmas_img a{display:block; width: 109px; height: 98px;} .christmas_sec .christmas_pop{ float: left; width:100%;} .christmas_pop_sec{ float: left; width: 535px; height: 331px; background: url(../images/christmas_pop.png) no-repeat left top; position: relative;} .christmas_pop_sec a{ float:left ; width: 20px; height:20px; position: absolute; top: 11px; right:16px; display: block; text-indent: -99999px;} .christmas_pop_sec p{ float: left; width: 100px; color: #2a6f82; font:normal 14px/18px 'FrancophilSansRegular'; margin:275px 0 0 266px; } /* christmas se ends here */ /* ------------ new tour page start here --------- */ #tour_sec{ float: left; width: 992px; padding-top:10px;} #tour_sec ul{ float: left; width: 100%; list-style: none;} #tour_sec ul li{ float: left; width: 992px; margin-bottom: 15px;} #tour_sec ul li.dashboard{float:left; background: url(../images/dashboard_img.gif) no-repeat 0 0; width: 975px; height: 369px;} #tour_sec ul li.invoice{float:left; background: url(../images/invoice_img.gif) no-repeat 0 0; width: 990px; height: 364px;} #tour_sec ul li.estimate{float:left; background: url(../images/estimate_img.gif) no-repeat 0 0; width: 975px; height: 369px;} #tour_sec ul li.time_tracking{float:left; background: url(../images/time_tracking_img.gif) no-repeat 0 0; width: 989px; height: 362px;} #tour_sec ul li.expense{float:left; background: url(../images/expense_img.gif) no-repeat 0 0; width: 974px; height: 368px;} #tour_sec ul li.people{float:left; background: url(../images/client_img.gif) no-repeat 0 0; width: 990px; height: 361px;} #tour_sec ul li.purchase_order{float:left; background: url(../images/purchase_order_img.gif) no-repeat 0 0; width: 974px; height: 367px; position: relative} #tour_sec ul li .tour_right{ float: right; width: 580px; margin-right: 28px; margin-top: 35px;} #tour_sec ul li .tour_left{ float: left; width:620px; margin-left:39px; margin-top:2px;} #tour_sec ul li h3{ float: left; width: 100%; color: #ae2d04; font-size: 45px; padding-top: 25px;} #tour_sec ul li h5{ float: left; width: 100%; color: #2f2f2f; font-size:29px; padding-top: 10px;} #tour_sec ul li p{ float: left; width: 100%; color: #000; font-size:16px;line-height: 26px; padding-top:18px;} #tour_sec ul li a{ float: left; width: auto; color: #ae2d04; font-size: 15px; line-height: 26px; text-decoration: underline; margin-top:5px; font-weight: bold} .slider{ float:left; width:100%;} .slider ul{ float:left; width:100%;} .slider ul li{ float:left; width:100%;} .slider .bx-window{height: 54px !important;} .deliver_invoice{ float: left;background: url(../images/invoicera_deliver_invoice.gif) no-repeat 0 0; width:920px; height: 32px; margin:5px 0 0 4px; padding:15px 0 0 70px;} .deliver_invoice01{background: url(../images/invoicera_deliver_invoice1.gif) no-repeat 0 0;} .deliver_invoice02{background: url(../images/invoicera_deliver_invoice2.gif) no-repeat 0 0;} .deliver_invoice03{background: url(../images/invoicera_deliver_invoice3.gif) no-repeat 0 0;} .deliver_invoice04{background: url(../images/invoicera_deliver_invoice4.gif) no-repeat 0 0;} .deliver_invoice05{background: url(../images/invoicera_deliver_invoice5.gif) no-repeat 0 0;} .deliver_invoice06{background: url(../images/invoicera_deliver_invoice6.gif) no-repeat 0 0;} .deliver_invoice07{background: url(../images/invoicera_deliver_invoice7.gif) no-repeat 0 0;} .deliver_invoice p{ float: left; width: 100%; font-size: 14px; font-weight: bold; color: #303031;} .btn_sec{float:left; width:100%; padding:10px 0 15px 0;} .top_button_sec{ float:right; margin-right:20px;} .back_btn_sec1{ float:left; margin-left:20px;} .next_btn_sec{float:right; margin-right:20px;} /* ------------ new tour page ends here --------- */ /*feedback mailer page code starts here*/ #feedback_left{float:left; width:100%; background:#fff;} .feed_top_bar{float:left; width:100%; background:url(../images/creat_inv/heading_bg.jpg) repeat-x scroll 0 0; position:relative; border-bottom:1px solid #ebebeb;} .feed_head{float:left; width:auto;position:relative; font:18px/68px "Lucida Grande", sans-serif; color:#3b3b3b; text-indent:19px;} .feed_head em{ position:absolute; width:29px; height:18px; background:url(../images/creat_inv/corner_img.png) no-repeat; top:67px; left:20px;} .data_sec{float:right; width:auto;} .data_sec span{float:right; width:auto; margin:18px 19px 0 0;} .data_sec p{float:right; width:auto; text-align:right; font:12px/17px "Lucida Grande", sans-serif; color:#4c4c4c;margin: 21px 10px 0 0;} .data_sec p small{color:#c7532a;} .feed_head small{color:#c7532a;} .your_details{float:left; width:100%;} .your_details h3{float:left; width:100%; font:bold 20px/40px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#626262; margin-top:35px; border-left:4px solid #ba4b27; position:relative; left:-4px;} .your_details h3 small{color:#c7532a;} .your_details h3 img{float:left; margin:8px 10px 0;} .your_details ul{float:left; width:100%;} .your_details ul li{float:left; width:auto;} .your_details ul li input[type="text"]{float:left; width:295px; height:30px; border:1px solid #d7d4d4; margin:10px 0 0 25px; text-indent:10px; border-radius:5px; font:12px/30px "Lucida Grande", sans-serif; color:#626262; background:#fff url(../images/creat_inv/input_bg.jpg) repeat-x scroll top left;} .feed_us_0n{float:left; width:100%;} .feed_us_0n h3{float:left; width:100%; font:bold 20px/40px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#626262; margin-top:35px; border-left:4px solid #ba4b27; position:relative; left:-4px;} .feed_us_0n h3 small{color:#c7532a;} .feed_us_0n h3 img{float:left; margin:8px 10px 0;} .feed_us_0n ul{float:left; width:100%;} .feed_us_0n ul li{float:left; width:100%; border-bottom:1px solid #e8e8e8;} .feed_us_0n ul li label{float:left; width:46%; border-right:1px solid #e8e8e8; text-align:right; font:12px/17px "Lucida Grande", sans-serif; color:#373737; padding:20px 17px 20px 0; } .feed_us_0n ul li label.ful_bord{min-height:70px;} .feed_us_0n ul li .textarea{float:left; width:auto;} .feed_us_0n ul li .textarea textarea{float:left; width:460px; height:76px;border:1px solid #e8e8e8; margin:15px 0 15px 20px; border-radius:5px;} .feed_us_0n ul li .captha{float:left; width:auto;} .feed_us_0n ul li .captha input[type="text"]{float:left; width:121px; height:36px; border:1px solid #d7d4d4; border-radius:5px; margin:15px;} .feed_us_0n ul li .submit_btn{float:left; width:131px; height:36px; background:url(../images/creat_inv/submit_btn_bg.jpg) repeat-x; font:22px/36px arial; color:#fff; text-align:center; border:1px solid #b42e06; border-radius:5px; clear:left; margin:0 0 15px 15px;} .feed_us_0n ul li .radio_box{float:left; width:auto;} .feed_us_0n ul li .radio_box span{float:left; width:100%;} .feed_us_0n ul li .radio_box span input[type="radio"]{float:left; width:auto; margin:13px 10px 0 20px;} .feed_us_0n ul li .radio_box span label{float:left; width:auto; font:12px/17px "Lucida Grande", sans-serif; color:#373737; padding:13px 0 0 0px; border:none; text-align:left;} .feed_us_0n ul li .slider_bar{float:left; width:auto; height:14px; margin:20px 0 0 15px; position:relative;} .feed_us_0n ul li .slider_bar .slider_bg{float:left; width:472px; height:14px; background:url(../images/creat_inv/slider_bg.png) no-repeat scroll 0 0; position: relative;} .feed_us_0n ul li .slider_bar .slider_bg small{float:left; background:#cf4619; width:190px;height: 6px; margin: 4px 0 0 5px; border-radius:8px;} .feed_us_0n ul li .slider_bar .slider_top, .feed_us_0n ul li .slider_bar a.ui-slider-handle{ float:left; position: absolute; top:-7px; left:80%; background:url(../images/creat_inv/slider_top.png) no-repeat; width:28px; height:28px;} .feed_us_0n ul li .slider_bar .ui-slider-range{float:left; width:472px;margin: 4px 0 0 5px; height:7px; position: relative; background:url(../images/creat_inv/color_bar.png) no-repeat;} .feed_us_0n ul li .slider_bar a.ui-slider-handle span{ background: url(../images/creat_inv/top_num.png) no-repeat;color: #fefefe; display: inline;height: 30px;left: -5px;margin: 3px 10px 0 0; position: absolute;text-align: center; top:-31px; width: 40px; font:bold 12px/23px arial; } .error{ display: block; margin-top: 100px; clear:both; background: #FFDBDB; border-radius: 5px; color:#D62222; padding: 15px;} .feed_us_0n ul li .slider_bar a.ui-slider-handle { width: 30px; margin-left: -15px; } /*thanks page design*/ .thanks_box_top{float:left; width:990px; border:1px solid #dedede; background:#fff; margin-top:40px; border-radius:5px;} .th_left{float:left; width:501px; text-align:center; padding:0 57px 0 57px;} .th_logo{ margin-top:50px; float:left; width:100%;} .th_left h1{font:bold 36px/45px 'FrancophilSansRegular'; color:#333;} .th_left h1 small{font:bold 36px/45px 'FrancophilSansRegular'; color:#b83a0e; clear:left;} .th_left p{font:bold 20px/30px Arial, Helvetica, sans-serif; color:#373736;} .th_left p small{color:#b83a0e;} .thanks_red_strip{float:left; width:100%; background:url(../images/creat_inv/red_strip.jpg) repeat-x; border-radius:0 0 5px 5px;} .thanks_red_strip h3{float:left; width:auto; font:bold 24px/53px 'FrancophilSansRegular'; color:#fff; text-indent:20px;} .thanks_red_strip h4{float:right; width:auto; font:14px/53px Arial, Helvetica, sans-serif; color:#fff; padding-right:20px;} .th_right{float:left; width:375px;} .thnk_bot_box{float:left; width:990px; border:1px solid #dedede; background:#fff; margin-top:10px; border-radius:5px 5px 0 0; padding-bottom:30px; position:relative; top:10px;} .office{float:left; width:350px; padding:25px 0 0 12px;} .office li{float:left; width:100%; font:14px/21px Arial, Helvetica, sans-serif; color:#000;} .office h3{font:bold 18px/20px 'FrancophilSansRegular'; color:#555;} .office h4{font:bold 15px/24px "Lucida Grande", sans-serif; color:#c93a0e;} .email{float:left; width:290px; padding:25px 0 0;} .email li{float:left; width:100%; font:14px/21px Arial, Helvetica, sans-serif; color:#000;} .email li a{color:#c93a0e; text-decoration:underline;} .email li h3{font:bold 15px/24px "Lucida Grande", sans-serif; color:#c93a0e;} .social{float:left; width:270px;padding:25px 0 0;} .social li{float:left; width:100%; font:14px/21px Arial, Helvetica, sans-serif; color:#000;} .social li h3{font:bold 15px/24px "Lucida Grande", sans-serif; color:#c93a0e; float:left; width:100%;} .social li a{font:italic 12px/24px "Lucida Grande", sans-serif; color:#c93a0e; text-decoration:underline; float:left; width:100%; text-indent:30px; padding:7px 0;} .social li a.fb{background:url(../images/facebook.gif) no-repeat left 9px;} .social li a.twit{background:url(../images/twitter.gif) no-repeat left 9px;} .black_overlay{background-color: #000000;border: medium none; cursor: default;height: 100%;left: 0; margin: 0; opacity: 0.6; padding: 0; position: fixed;top: 0; width: 100%; z-index: 1000;}