/*============================Belong Project Css File========================= =======================================================*/ /*Common tag css*/ html,body{ margin:0px; padding:0px; width:100%; background:#ffffff url(./themes/site_themes/belongmail/images/body_bg.gif) repeat-x; } h1,h2,h3,h4,h5,h6,p,ul,form{ margin:0px; padding:0px; font-weight:normal; } * {outline:0 none;} ul{ list-style:none;} img{ border:none;} img, input,select, textarea{ vertical-align:middle;} .light_green{color:#a3da2a;} .orange{ color:#ffa300;} .blue{color:#35bbf3;} .pink{color:#f05883;} .gray{color:#b5b5b5;} input.text { border:1px solid #e4ddcb; font:12px Arial, Helvetica, sans-serif; background:url(./themes/site_themes/belongmail/images/input-bg.gif) repeat-x left top; } textarea{float:left; margin-right: 7px; width:540px !important; height:140px !important;} input.text.required-2 {width: 215px;} input.submit { background:url(./themes/site_themes/belongmail/images/submit-bg.gif) repeat-x left top; font:12px Arial, Helvetica, sans-serif; padding:0px 10px 4px 10px; color:#fff; border:none; height:18px; cursor:pointer; } .error { color:#FF0000; font:bold 12px Arial, Helvetica, sans-serif; text-align:center; margin-bottom:5px; } h1 { background:transparent url(./themes/site_themes/belongmail/images/heading-bg.gif) no-repeat scroll left top; color:#3C3C3C; font-family:"Myriad Pro","Trebuchet MS"; font-size:35px; font-weight:normal; height:83px; line-height:normal; padding:5px 0 0 28px; width:894px; } h1.signup-banner { padding-top: 9px; } h1 span { font:12px Arial, Helvetica, sans-serif; color:#5f5f5f; display:block; padding-right:45px; } /*General css*/ .wrapper{ width:922px; margin:0px auto; padding:0 0px 0 10px; font-family:Arial,Helvetica,sans-serif; font-size:12px; position: relative;} .fl{ float:left;} .fr{ float:right;} /*-------------developer2--------*/ .clr{ clear:both; height: 0px; line-height: 0px; font-size:0px;} .clr2{ clear:both;} /*-------------developer2--------*/ .mar_none{ margin:0px;} .pad_none{ padding:0px;} .bg_none{ background:none;} .mar-l-36-r-48{ margin-left:36px; margin-right:48px;} .mar-lr-35{ margin-right:35px; margin-left:35px;} .mar-r-10 {margin-right:10px;} /*Top menu css*/ .top_links{ background:url(./themes/site_themes/belongmail/images/top_bg.gif) no-repeat top left; height:33px; width:283px; float:right; font-family: Arial, Helvetica, sans-serif; font-size:14px;} .top_links a{ padding:11px 11px 12px 6px; float:left;color:#fff; text-decoration:none; font-size: 12px;} .top_links a.arrow{ background:url(./themes/site_themes/belongmail/images/down_arrow.gif) no-repeat 100% 15px; margin-left: 0px; font-size: 12px;} .top_link_menu{ float: right; width:230px; display:none; z-index:10000; position: absolute; right:0px; top:32px;} .top_link_menu ul li{ background-color:#2d5609; height:22px; line-height:22px; padding:0 8px; color:#fff; float: left; width: 214px;} .top_link_menu ul li.alt{ background-color:#35600f; font-size: 12px;} .top_link_menu ul li.alt a { } .top_link_menu ul li.alt span.c2{ height: 25px;} .top_link_menu ul li span.link, .top_link_menu ul li span.link a{ font-family:Arial, Helvetica, sans-serif; color:#abbb9d; text-decoration:none; font-size:11px; padding:0px;} .top_link_menu ul li a{ height:22px; line-height:22px; padding:0; color:#fff; font-size: 13px;} .top_link_menu ul li a span.c1 { color: #a3da2a; font-weight:bold; font-size: 12px;} .top_link_menu ul li a span.c2 { color: #ffa300; font-weight:bold; font-size: 12px;} .top_link_menu ul li a span.c3 { color: #35bbf3; font-weight:bold; font-size: 12px;} .top_link_menu ul li a span.c4 { color: #f05883; font-weight:bold; font-size: 12px;} .top_link_menu ul li a span.c5 { color: #b5b5b5; font-weight:bold; font-size: 12px;} .top_link_menu ul li:hover{ background-color:#5e8a37; height:22px; line-height:22px; padding:0 8px; color:#fff; float: left; width: 214px;} .read-more-button { width: 237px; height: 25px; background: url(./themes/site_themes/belongmail/images/read-more-button.gif) no-repeat left top; margin: 0 auto;} .read-more-button a { display: block; font: 11px/25px Arial, Helvetica, sans-serif; color: #d9e4cd; text-decoration: none; text-align: center; font-weight:bold; } /*Login Panel*/ /*Login Panel*/ .login { background:url(./themes/site_themes/belongmail/images/login_btn.gif) no-repeat top left; height:42px; width:156px; float:left; text-align:center; color: #fff; font-size: 12px; text-decoration: none; padding-top: 12px; } .login a { text-align:center; color: #fff; font-size: 12px; text-decoration: none; } .login-details { position:absolute; right:113px; top:149px; width:660px; z-index:100; background:#F8F0D9; border:2px solid #D9D9D9; padding-top: 5px;} img.rightcorner { position:absolute; right:60px; top:-13px;} .topbg { background:url(./themes/site_themes/belongmail/images/login-bg-top.png) no-repeat left top; font-size:2px; height:9px; overflow:hidden; } .bottombg { padding:0px 25px 5px 28px; } .login-details label { margin:0 2px; color: #7F7F7F;} .login-details input.submit { margin-right:10px; } .login-details input.send { margin-left:10px; background:url(./themes/site_themes/belongmail/images/submit-bg.gif) repeat-x left top; font:12px Arial, Helvetica, sans-serif; padding:0px 10px 4px 10px; color:#fff; border:none; height:18px; cursor:pointer; } .login-details a { color:#7f7f7f; } #aggreement{ display:inline; margin-top:0px;} #frm_recover{padding:5px 0 5px;} /*Header css*/ .header{ padding:40px 0 13px 3px;} /*Navugation css*/ .nav{ height:41px; margin-bottom:8px; z-index: 100;} .nav ul{ float:left; height:41px; background:url(./themes/site_themes/belongmail/images/nav_bg.gif) no-repeat left top; margin-right:10px} .nav ul li{ float:left; height:41px; background:url(./themes/site_themes/belongmail/images/nav_seprator.gif) no-repeat right top;} .nav ul li a{ line-height:41px; height:41px; padding:0 28px 0 28px; color:#5b5b5b; text-decoration:none; font-family:arial; font-size:14px; display:block; float:left } .nav ul li a:hover{ line-height:41px; height:41px; padding:0 28px; color:#fff; text-decoration:none; font-family:arial; font-size:14px; display:block; float:left; background:url(./themes/site_themes/belongmail/images/nav_hover_bg.gif) repeat-x; } .nav ul li a.active{ line-height:41px; height:41px; padding:0 28px; color:#5b5b5b; text-decoration:none; font-family:arial; font-size:14px; display:block; float:left; background:url(./themes/site_themes/belongmail/images/nav_hover_bg.gif) repeat-x; } .nav ul li.last a{color:#757575;background:url(./themes/site_themes/belongmail/images/nav_bg.gif) no-repeat right bottom; height:41px; width:123px; display:block; padding:0px; text-align:center;} .nav ul li.last a:hover{color:#fff;background:url(./themes/site_themes/belongmail/images/sign_btn.gif) no-repeat; height:41px; width:123px; display:block; padding:0px; text-align:center;} .nav ul li.last a.active{color:#fff;background:url(./themes/site_themes/belongmail/images/sign_btn.gif) no-repeat; height:41px; width:123px; display:block; padding:0px; text-align:center;} .nav ul li.first a{color:#5b5b5b; height:41px; display:block; padding:0 28px 0 29px; text-align:center;} .nav ul li.first a:hover{color:#fff; background:url(./themes/site_themes/belongmail/images/first_nav_link.gif) no-repeat; height:41px; display:block; padding:0 28px 0 29px;text-align:center;} .nav ul li.first a.active{color:#5b5b5b; background:url(./themes/site_themes/belongmail/images/first_nav_link.gif) no-repeat; height:41px; display:block; padding:0 28px 0 29px;text-align:center;} /*Content Container css*/ .banner{ position:relative; background: url(./themes/site_themes/belongmail/images/banner.jpg) no-repeat left top; width: 922px; height: 344px;} .banner p{ font:normal 12px/15px Arial, Helvetica, sans-serif !important; color:#686868 !important; position:absolute; right:49px; text-align:justify; bottom:100px; width:441px;} .banner .take-tour-button {position: absolute; width: 173px; height: 46px; top: 238px; right: 50px;} .content_container{ display:inline-block; width:100%; } .content_container_features { width:100%; background: url(./themes/site_themes/belongmail/images/features-right-bg.gif) repeat-y scroll 720px top; } .content_container_get_started { width:100%; background: url(./themes/site_themes/belongmail/images/right-column-bg.gif) repeat-y scroll right top; margin-top:13px; float:left; } .content_container_features .right-container { background:none; } .content_container p.featrue-padd { padding: 0 299px 0 0;} .sub_content{ width:279px; padding-top:146px; float:left; padding-bottom:71px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#6d6d6d; line-height:16px; text-align: center;} .create{ background: url(./themes/site_themes/belongmail/images/home-create-link.jpg) no-repeat top center;} .send{ background:url(./themes/site_themes/belongmail/images/send_icon.jpg) no-repeat top center;} .analyze{ background:url(./themes/site_themes/belongmail/images/analyse_icon.jpg) no-repeat top center;} .sub_content p{ line-height: 16px !important; color: #7E7E7D !important;} .sub_content p.txt-center{ text-align: center;} .feature-yellow-bg { width: 884px; padding: 10px 10px 10px 26px; background: #faf6ed; margin-top: 10px;} .compare-campaigns{ float:left; padding-right: 15px;} /*Footer css*/ .footer{ background: url(./themes/site_themes/belongmail/images/footer_bg.gif) repeat-x; height:367px;} .footer_container{ width:935px; padding-top:37px; margin:0 auto;} .footer_content{ padding:0 23px 25px 23px; border-bottom:1px solid #8ea079; display:inline-block;} .footer_subcontainer{ width:267px; float:left; font-family:Microsoft Sans Serif, arial; font-size:12px;} .footer_subcontainer ul li{ width:267px; float:left; border-bottom:1px solid #878787; height:27px; line-height:27px; color:#7e7e7e; padding-left:3px;} .footer_subcontainer ul li a{color:#000000; text-decoration:none; width:100px; float:left } .copyright{ padding-top:19px;} .copyright img{ padding-left:5px;} .copyright ,.copyright a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#11331a; line-height:18px; text-decoration:none; text-align:center;} @media screen and (-webkit-min-device-pixel-ratio:0){ } /*sign-up css*/ .sign-up-container{width: 920px; background: #fdfceb; margin-bottom: 84px;} .sign-up-left{padding: 13px 0px 0 7px; background: #fdfceb; width: 650px; float: left;} .sign-up-form {} .sign-up-form h2 {font: 16px Arial, Helvetica, sans-serif; color: #363636; padding-left: 19px;} .sign-up-form p {font-size: 12px; color: #878787; padding: 15px 0 0 19px;} .sign-up-form label {width: 52px; float: left; color: #878787; font-size: 12px; text-align: right; padding-right: 11px; line-height: 20px;} .sign-up-form label.agreement {width: auto; line-height: 13px;} .sign-up-form label.agreement a {color: #878787; text-decoration: underline;} .sign-up-form label.agreement a:hover { text-decoration: none;} .sign-up-form label.add-comment {width: 65px; line-height: 13px; text-align: right; display: block;} .sign-up-form input {width: 13px; height: 13px; float: left; margin: 0 8px 0 20px;} .sign-up-form input.create-account {width: 202px; height: 33px; float: right; background: url(./themes/site_themes/belongmail/images/create-your-account-img.gif) no-repeat left top; border: none; margin-top: 22px; cursor: pointer; text-indent: -1000em;} div.signup-input-left {width: 226px; height: 20px; float: left; background: url(./themes/site_themes/belongmail/images/sign-up-input-bg.gif) no-repeat left top; margin: 0 16px 12px 0;} div.signup-input-left1 { width: 233px; height: 20px; float: left; margin: 0 16px 12px 0; } div.signup-input-right {width: 233px; height: 20px; background: url(./themes/site_themes/belongmail/images/sign-up-input-bg.gif) no-repeat right bottom; margin-left: 2px;} div.signup-input-right input {width: 228px; height: 18px; float: left; color: #878787; font-size: 12px; background: transparent; border: none; margin-left: 0px;} .sign-up-right{background: #f8f5d8; width: 235px; float: right; padding: 0 0 0 18px;} .signup-right-module { margin-top: 39px; float: left;} .signup-right-module p { color:#524f45 !important; margin-top: 5px; padding-right: 10px;} .signup-right-module img { float: left; margin: 0 10px 10px 0;} .signup-right-module h3 { font-size: 16px; color: #3a3a3a; float: left; width: 165px;} .signup-right-module h3.top-padd {padding-top: 10px;} .signup-right-module h3 span { font-size: 12px; color: #525252; float: left;} h1.contactbg { background:url(./themes/site_themes/belongmail/images/contact-heading-bg.gif) no-repeat left top; width:680px; height:139px; font:35px "Myriad Pro", "Trebuchet MS"; padding:27px 0 0 242px; color:#353a1a; } h1.contactbg span { font:12px Arial, Helvetica, sans-serif; color:#5F5F5F; display:block; } h2, .contactpageheading { font:normal 24px/24px Arial, Helvetica, sans-serif; color:#3a3a3a; border-bottom:1px solid #faecde; padding-bottom:5px; margin-top:20px; text-indent:2px;} .contact-form-container{width: 922px; margin-top:18px; margin-bottom:158px;} .contactpageheading span {text-transform:uppercase;} .contactusleft {width:535px; float:left;} .contactusright {width:357px; float:left; font:normal 12px/18px Arial, Helvetica, sans-serif; color:#7E7E7D; padding:0px 0px 0px 30px;} .contactusleft form p {width:420px; float:left; padding-bottom:17px;} .contactusleft form p.email {width:520px; float:left; padding-bottom:17px;} .contactusleft form p label {width:140px; text-align:right; font:normal 13px/20px Arial, Helvetica, sans-serif; color:#434343; float:left; margin-right:10px;} .contactusleft form p select {width:266px; margin:0; padding:0; float:left;} .contactusleft form p textarea {width:353px !important; height:217px !important; margin:0; border:none; background:url(./themes/site_themes/belongmail/images/texarea-bg.gif) no-repeat left top;float: left; padding: 2px 5px 0 5px;} .contactusleft form p span.inpt {background:url(./themes/site_themes/belongmail/images/contact-input-bg.gif) no-repeat 0 0; width:266px; height:20px; float:left;} .contactusleft form p span.inpt input {margin:0; border:0; width:257px; height:18px; float:left; background:none; padding: 2px 2px 0 5px;} input.sendmessage {width: 141px; height: 25px; float: right; background: url(./themes/site_themes/belongmail/images/send-message.gif) no-repeat left top; border: none; cursor: pointer; text-indent: -1000em; margin:0; padding:0;} .contactusleft form p.sendmsg { width:513px; } .hr24 {font:normal 14px/14px Arial, Helvetica, sans-serif; color:#3a3a3a; margin-top:12px;} .hr24 span {font:normal 36px/36px Arial, Helvetica, sans-serif; color:#3a3a3a;} .contactrightbanner {background:url(./themes/site_themes/belongmail/images/contact-right-banner.gif) no-repeat 0 0; width:350px; height:200px; margin-top:10px; position:relative;} input.signupnow {width:227px; height:40px; background: url(./themes/site_themes/belongmail/images/sign-up-now.gif) no-repeat left top; border: none; cursor: pointer; text-indent: -1000em; margin:0; padding:0; position:absolute; left:67px; bottom:0;} /*Faq page*/ h2.faqheading {width:100%; font:normal 24px/24px Arial, Helvetica, sans-serif; color:#3a3a3a;padding-bottom:5px; margin-top:43px; text-indent:2px;} .faqbg { float:left;} .faqbg h3 {width:100%; font:normal 18px/18px Arial, Helvetica, sans-serif; color:#3a3a3a;padding-bottom:5px; margin-top:36px; text-indent:2px;} .faqbg p.gray-text {width:100%; font:normal 12px/12px Arial, Helvetica, sans-serif; color:#636363; padding-bottom:5px; text-indent:2px; line-height:20px;} .faqbg a { font:normal 12px/12px Arial, Helvetica, sans-serif; color:#636363; text-decoration:underline;} .sign-up-center { width:50%; margin:40px 0 0 276px;} input.signupnow-center {width:227px; height:40px; background: url(./themes/site_themes/belongmail/images/btn-sign-up.png) no-repeat left top; border: none; cursor: pointer; text-indent: -1000em; margin:0; padding:0;} .yellow-brdr { clear:both; border-bottom:1px solid #FAECDE; font:normal 12px/12px Arial, Helvetica, sans-serif; width:100%; text-align:right; padding-bottom:5px; } .yellow-brdr { clear:both; border-bottom:1px solid #FAECDE; font:normal 12px/12px Arial, Helvetica, sans-serif; width:100%; text-align:right; padding-bottom:5px; } .yellow-brdr a { margin-right:1px; background: url(./themes/site_themes/belongmail/images/arrow-top.png) no-repeat right center; color:#7E7E7D; padding-right:15px; text-decoration:none; } .yellow-brdr.bottom-mar-email { margin-bottom: 23px;} input.signupnow {width:227px; height:40px; background: url(./themes/site_themes/belongmail/images/sign-up-now.gif) no-repeat left top; border: none; cursor: pointer; text-indent: -1000em; margin:0; padding:0; position:absolute; left:67px; bottom:0;} /*Features Page*/ h1.featuresbg { background: url(./themes/site_themes/belongmail/images/feature-header-bg.jpg) no-repeat left top; width:692px; height:139px; font:32px "Myriad Pro", "Trebuchet MS"; padding:27px 0 0 230px; color:#353a1a;} h1.infrastructure-bg { background: url(./themes/site_themes/belongmail/images/heading-infrastructure-bg.png) no-repeat left top; width:692px; height:139px; font:32px "Myriad Pro", "Trebuchet MS"; padding:27px 0 0 230px; color:#353a1a; } h1.listmanagementheading { background: url(./themes/site_themes/belongmail/images/listmanagement-header-bg.png) no-repeat left top; width:692px; height:139px; font:32px "Myriad Pro", "Trebuchet MS"; padding:27px 0 0 230px; color:#353a1a; } h1.featurereportheading { background: url(./themes/site_themes/belongmail/images/features-report-header-bg.png) no-repeat left top; width:692px; height:139px; font:32px "Myriad Pro", "Trebuchet MS"; padding:15px 0 0 230px; color:#353a1a; } h1.headingpricing { background: url(./themes/site_themes/belongmail/images/heading-pricing-bg.png) no-repeat left top; width:675px; height:145px; font:32px "Myriad Pro", "Trebuchet MS"; padding:27px 0 0 230px; color:#353a1a; } h1.fullfeatures-bg { background: url(./themes/site_themes/belongmail/images/heading-fullfeatures-bg.jpg) no-repeat left top; width:692px; height:145px; font:35px "Myriad Pro", "Trebuchet MS"; padding:16px 0 0 230px; color:#353a1a; } .left-container { width:690px; float:left; } .right-container { width:192px; float:right; overflow:hidden; margin-left:20px; background:url(./themes/site_themes/belongmail/images/features-right-bg.gif) repeat-y right top; margin:-10px 0px 0 25px; padding:22px 0 20px 10px; height:800px; position:relative; z-index:100; } .right-container h3 { width:98%; overflow: hidden; } .right-container h3.take-padd { padding: 0 0 5px 0; margin-bottom: 5px; } .right-container.infrastructure { height:651px !important; } .right-container.listmanagement { height:340px !important; } .right-container.feature-create { height:784px !important; } .mrbt16 { margin-bottom:16px; } .mrgrt5 { margin-right:5px; } ul.features li { float:left; width:320px; margin:0 28px 30px 0; } li.norgtmrg { margin-right:0 !important; } h2.small { font:22px Arial, Helvetica, sans-serif; color:#3a3a3a; border:none;} .topminus20 { position:relative; margin-top:-6px; margin-bottom:20px; } h3 { font: 18px "Myriad Pro", "Trebuchet MS"; color:#4f4f4f; } h4 { font:bold 16px Arial, Helvetica, sans-serif; color:#3a3a3a; margin:0 0 5px 0; } /*----developer2------*/ h4.single-click { padding: 27px 0 0 0;} /*----developer2------*/ p { font:12px/18px Arial, Helvetica, sans-serif !important; color:#7E7E7D !important; text-align:justify; } p.what-get { width: 557px; float: left;} p.get-padd {margin-left: 2px; } ul.campaign { float:left; width:100%;} ul.campaign li { width:285px; float:left; height:93px; margin-right:25px; } ul.campaign li.last, ul.secure-server li.last { margin-right:0 !important; } ul.campaign li img, ul.secure-server li img { float:left; } ul.take-a-tour { width:186px; margin-left:-6px; } ul.take-a-tour li { float:left; margin-bottom: 5px;} ul.take-a-tour li a { width:178px; height:54px; padding:0 5px 0 8px; text-decoration:none; float:left; margin-bottom:5px; font:14px Arial, Helvetica, sans-serif; color:#636363; line-height:54px !important; margin: 0px; margin-left: 5px;} ul.take-a-tour li a span { width:47px; float:left; margin-top:8px; padding-left:3px;} ul.take-a-tour li a:hover { background:url(./themes/site_themes/belongmail/images/features-right-li-hover-bg.gif) no-repeat left top; line-height:54px !important; } ul.take-a-tour li.active a { background:url(./themes/site_themes/belongmail/images/features-right-li-hover-bg.gif) no-repeat left top;} .step5 { width:96%; float:left; padding:12px 0 0 36px; height: 164px; margin-bottom: 21px; background: #FDF9F0;} .step5 img { margin-top:-35px; position:relative; z-index:10; } ul.features-structures li { float:left; width:310px; margin:0 50px 30px 0; } ul.secure-server li { float:left; width:430px; margin-right:45px; } .brownbg { background-color:#fbf8ef; float:left; padding:0 20px; } .brownbg.no-bg { background: none; } .brownbg ul.campaign li { width:270px; } .brownbg h2 { margin-bottom:10px; } ul.pricing-features li { width:100%; float:left; } ul.pricing-features li h4 { font:normal 18px Arial, Helvetica, sans-serif; } .campaign-price { background:url(./themes/site_themes/belongmail/images/pricing-rate-bg.jpg) no-repeat left top; width:902px; height:131px; margin-bottom:35px; } .campaign-price ul { padding-top:18px; } .campaign-price li { background:url(./themes/site_themes/belongmail/images/star-icon.gif) no-repeat 22px 5px; font:bold 16px/24px Arial, Helvetica, sans-serif; color:#414141; padding-left:42px; } img.price { margin: 25px 18px 0 0; } /* validation */ #frm_account .validation-advice { float: left; margin: 1px 0 5px 2px; padding: 0 0 5px 0px; font: 12px/17px Arial, Helvetica, sans-serif; color: #d14000; width:250px; !important; } #frm_account .validation-failed{ border:1px solid #FF0000 !important; padding:1px 0 0 1px; } #frm_contact .validation-advice { float: left; margin: 1px 0 5px 2px; padding: 0 0 5px 0px; font: 12px/17px Arial, Helvetica, sans-serif; color: #d14000; width:250px; !important; } .validation-advice { font: 12px/17px Arial, Helvetica, sans-serif; color: #d14000; } #frm_contact #advice-required-comments{ float: left; margin: 1px 0 0px 149px; font: 12px/17px Arial, Helvetica, sans-serif; color: #d14000; width:250px; !important; } #frm_account #advice-required-aggreement{ float: left; margin: -251px 5px 5px 40px; color: #d14000; font: 12px/17px Arial, Helvetica, sans-serif; width:250px; !important; } /*-------------developer2--------*/ .absolute-bg {background: #fdf9f0; margin: 1px 0px 0px 0px; padding: 5px 15px 10px 15px; width: 250px; width: 892px;} .feature-create-bg {background: #fdf9f0; margin: 1px 0px 0px 0px; padding: 0 0 40px 35px; width: 869px; height: 168px;} .feature-create-img { float: right; margin-top: -19px; margin-left: 10px;} .astrick { float: left !important; margin-left: 0px; color: #f00; padding: 2px 0 0 0; width: 2px; height: 2px;} .validation-failed{ border:1px solid #ff0000 !important; } /*-------------developer2--------*/ ul.full-features li { width:100%; float:left; border-bottom:1px solid #fdf8e9; padding:25px 0 0 0; } ul.full-features li.last { border:none; } ul.full-features li h4 { font:normal 18px Arial, Helvetica, sans-serif; color:#3a3a3a; padding-left: 83px;} ul.full-features-list li { width:300px; float:left; font:normal 12px/24px Arial, Helvetica, sans-serif; color:#7E7E7D; padding:0 0 0 5px; border:none;} .content_container_get_started .right-container { width:222px; height:auto; float:right; background: none; margin:0; padding:25px 0 0 0; position:relative; z-index:100;} .starting-up ul li { padding:7px 0 0 40px; margin-bottom:30px; margin-right:15px;} .starting-up ul li.one { background:url(./themes/site_themes/belongmail/images/1.jpg) no-repeat left top; } .starting-up ul li.two { background:url(./themes/site_themes/belongmail/images/2.jpg) no-repeat left top; } .starting-up ul li.three { background:url(./themes/site_themes/belongmail/images/3.jpg) no-repeat left top; } .starting-up ul li.four { background:url(./themes/site_themes/belongmail/images/4.jpg) no-repeat left top; } .starting-up ul li.five { background:url(./themes/site_themes/belongmail/images/5.jpg) no-repeat left top; } .starting-up ul li.six { background:url(./themes/site_themes/belongmail/images/6.jpg) no-repeat left top; } ul.star { margin-left: 20px; margin-right:10px; } ul.star li { background:url(./themes/site_themes/belongmail/images/icon-star.gif) no-repeat left 8px; padding-left:15px; font:normal 12px/24px Arial, Helvetica, sans-serif; color:#4e4e4e; float:left; width:93%; } .help { color:#6d6767; text-align:center; padding:0 15px; font-size:12px; } #comments textarea{width:200px;} .pngicon{float: left;} .comment-w { width: 645px; float: left;} .contact-add { float: left; padding: 21px 0 0 0;} .contact-add h3 { color: #3a3a3a; font: 16px Arial, Helvetica, sans-serif; padding-bottom: 11px;} .contact-add p { color: #a19d91; font: 12px/18px Arial, Helvetica, sans-serif;} #flashcontent{margin-top:0px;} /*---------------Start portfolio Container----*/ .what-we-cont { width: 910px; height: 779px; background: url(./themes/site_themes/belongmail/images/what-we-have-h-bg.gif) repeat-y left top; margin-bottom: 95px; position: relative;} .what-we-cont-inner { width: 903px; height: 778px; margin: 0 0 0 1px; background: url(./themes/site_themes/belongmail/images/what-we-have-v-bg.gif) repeat-x left top;} .what-we-left-top-con { position: absolute; width: 10px; height: 12px; left: 0px; top: 1px; background: url(./themes/site_themes/belongmail/images/what-we--top-left-con.gif) no-repeat left top;} .what-we-right-top-con { position: absolute; width: 10px; height: 12px; right: 0px; top: 0px; background: url(./themes/site_themes/belongmail/images/what-we-top-right-con.gif) no-repeat left top;} .what-we-left-bottom-con { position: absolute; width: 10px; height: 12px; left: 0px; bottom: 3px; background: url(./themes/site_themes/belongmail/images/what-we-bottom-left-con.gif) no-repeat left top;} .what-we-right-bottom-con { position: absolute; width: 14px; height: 15px; right: -4px; bottom: 0px; background: #fff url(./themes/site_themes/belongmail/images/what-we-bottom-right-con.gif) no-repeat left top;} .what-we-cont-inner ul { padding: 53px 0 0 60px; list-style: none; float: left; height: 616px;} .what-we-cont-inner ul li { float: left; margin: 0 35px 0 0; display: inline; padding-bottom: 40px;} ul.what-we-listing { list-style: none; width: 900px; margin: auto; text-align: center; padding: 0px; margin-top: 45px;} ul.what-we-listing li { float: none; margin: 0px; padding: 0 2px;} ul.what-we-listing li a { font: 12px Arial, Helvetica, sans-serif; color: #000; text-decoration: none;} ul.what-we-listing li.select a { background-color: #5c5c5c; color: #fff; padding: 0 4px;} .what-we-left-arrow { position: absolute; left: 12px; bottom: 20px;} .what-we-right-arrow { position: absolute; right: 12px; bottom: 20px;} .back-to-gallery { position: absolute; left: 363px; bottom: -32px;} .back-gallery-cont { position: absolute; top: 5px; width: 100%; text-align: center;} .bg-none { background-image: none;} .imgborderbg ul li{ background:transparent url(./themes/site_themes/belongmail/images/gallery-thm-bg.jpg) no-repeat scroll left top; height:107px; padding:2px 4px 45px 2px; width:157px; } .what-we-cont-inner .pagination a { font:12px; color:#dbc2a5; text-transform: uppercase; text-decoration: none; padding: 0 5px; color:#000;} .what-we-cont-inner .pagination strong{color:#fff; background-color:#5c5c5c; padding:0 5px;} .what-we-cont-inner .pagination a:hover{text-decoration:underline;} .what-we-cont-inner .pagination {text-align: center; padding-top:50px;clear:both;} .what-we-cont-inner .pagination strong a{display: inline; font:12px Arial, Helvetica, sans-serif; color:#dbc2a5; line-height:25px;} .what-we-cont-inner .pagination a{ font:12px; color:#dbc2a5; text-transform: uppercase; text-decoration: none; padding: 0 5px; color:#000;}.gallery-middle-container-inn-middle .pagination ul a.active{color:#fff; background-color:#5c5c5c;} .what-we-cont-inner .pagination a:hover{text-decoration:underline;} .what-we-cont-inner .pagination .pre{width:23px; float:left; height:21px; display:inline; background:url(./themes/site_themes/belongmail/images/portfolio-left-arrow.gif) no-repeat right bottom; outline:0px;} .what-we-cont-inner .pagination .right-arrow{width:23px; float:right; height:21px; margin:0px; background:url(./themes/site_themes/belongmail/images/portfolio-right-arrow.gif) no-repeat left bottom; outline:0px;} /*---------------End portfolio Container----*/ .what-we-cont2 { width: 910px; height: 622px; background: url(./themes/site_themes/belongmail/images/what-we-have-h-bg.gif) repeat-y left top; margin-bottom: 95px; position: relative;} .what-we-cont-inner2 { width: 903px; height: 626px; margin: 0 0 0 1px; background: url(./themes/site_themes/belongmail/images/what-we-have-v-bg2.gif) repeat-x left top;} .what-we-left-bottom-con2 { position: absolute; width: 10px; height: 12px; left: 0px; bottom: -2px; background: url(./themes/site_themes/belongmail/images/what-we-bottom-left-con.gif) no-repeat left top;} .what-we-right-bottom-con2 { position: absolute; width: 14px; height: 15px; right: -4px; bottom: -5px; background: #fff url(./themes/site_themes/belongmail/images/what-we-bottom-right-con.gif) no-repeat left top;}