@charset "utf-8";
/* CSS Document */
/* Author: Ejaz Ali.MD */
/* Date: 02.17.2011 */
/* Version: 1 */
/* Owner: Webgility */

/*@@@@@@@@@@@@@@@@@@ PAGE RULES @@@@@@@@@@@@@@@@@@*/
* {margin:0; padding:0; border:0;}
html, body {height:100%; border:0;/* background:url(../images/page-bg.jpg) repeat-x;*/}
body {/*background:url(../images/page-bg.jpg) repeat-x top;*/ font-family: Arial, Helvetica, sans-serif;}
/*#wrap {width:1000px; margin:0 auto; overflow:hidden;}*/
#container {width:1000px; position:relative; overflow:hidden;}
#innerpage-bg {/*background:url(../images/inside-page-bg.jpg) repeat-x #fff;*/}
a {text-decoration:none; color:#ff9900;}
a:hover {text-decoration:none; color:#666;}
#grey-bound {background:url(../images/body-bg2.jpg) repeat-y; width:100%; overflow:hidden; clear:both;}


/*@@@@@@@@@@@@@@@@@@ FEATURED SLIDER RULES @@@@@@@@@@@@@@@@@@*/
#featured {width:1000px; height:530px; z-index:3; clear:both; margin:0 auto;}

/*@@@@@@@@@@@@@@@@@@ CONTENT @@@@@@@@@@@@@@@@@@*/
#content {width:1000px; overflow:hidden; background:url(../images/body-bg.jpg) repeat-y; margin:0 auto;}
#content-space {width:1000px; clear:both; overflow:hidden; height:50px; margin:0 auto;}
.intro {width:530px; float:left; margin-top:-35px; margin-left:8px; margin-bottom:15px;}
.intro p {padding:10px 0 10px 15px; font-size:1.3em; line-height:1.3em; color:#666;}
.intro p span {color:#ff9900;}
.intro p span a {color:#006699; text-decoration:none; font-weight:bold;}
.intro p span a:hover {color:#333333; text-decoration:none;}
p.introtext {padding:10px 0 10px 15px; font-size:18px; line-height:1.3; color:#666;}
p.introtext strong {color:#FF6600; font-weight:normal;}
#testimonials {width:461px; height:165px; float:right; margin:20px 10px 40px 0;}
#testimonials h6 {font-size:20px; line-height:1.5em;}
.client-details {float:right; width:305px; right:0;}
#client {margin:10px 10px 0 0; font-size:16px; text-align:right;}
#readmore {float:right; margin:10px 15px 20px 0;}
#readmore a {color:#ff9900; text-decoration:underline; font-size:12px;}
#readmore a:hover {color:#666; text-decoration:none;}
#sections {width:1000px; overflow:hidden; margin-bottom:10px; margin:0 auto; clear:both;}
#sections .left-col {width:320px; float:left; margin-left:10px; background:url(../images/ecommerce-blog-icon.gif) no-repeat 10px 15px;}
#sections .mid-col {width:320px; float:left; margin-left:10px; background:url(../images/customer-stories-icon.gif) no-repeat 10px 15px;}
#sections .right-col {width:310px; float:right; background:url(../images/news-bg.jpg) no-repeat #fff; margin-bottom:30px;}
#sections .right-col h4 {padding:15px 0 0 40px; font-weight:bold; font-size:1.5em; text-transform:capitalize; color:#333; font-family:Arial, Helvetica, sans-serif;}
#sections h4 {padding:15px 0 10px 40px; font-weight:bold; font-size:1.5em; text-transform:capitalize; color:#333; font-family:Arial, Helvetica, sans-serif;}
#sections img {border:2px solid #fff; margin-bottom:10px;}
#sections p {font-size:0.9em; line-height:1.4em; padding-left:11px; color:#333;}
#sections p span {display:block; margin-bottom:10px; font-size:0.8em; color:#666666;}
#sections p span a {color:#ff9900; text-decoration:underline; margin-top:10px; float:right;}
#sections p span a:hover {color:#333333; text-decoration:none;}
#sections p span.author {display:inline; color:#ff9900; font-size:1em;}
.post {clear:both; padding-top:15px;}
.post-date {width:44px;	height:49px; float:left; margin-left:15px; background:url(../images/date-bg.png) no-repeat;}
.post-month {font-size:0.7em; text-transform:uppercase; color:#FFFFFF; text-align:center; display:block; line-height:11px; padding-top:2px; margin-left:-2px;}
.post-day {font-size:1.2em; text-transform:uppercase; color:#666; text-align:center; display:block; line-height:1em; padding-top:7px; margin-left:-3px;}
.post-title {float:left; width:240px; margin-top:0px;}
.post-title p {color:#333; font-size:1em;}
.post-title p a {color:#333; text-decoration:none; line-height:1.3em;}
.post-title p span a {color:#333; font-size:1.1em; text-decoration:none; line-height:1.3em;}
.post-title p a:hover {color:#ff9900; text-decoration:none;}

/*@@@@@@@@@@@@@@@@@@ FOOTER @@@@@@@@@@@@@@@@@@*/
#footer {background: #1F2933; width:100%; clear:both; margin:0 auto; overflow:hidden;}
#footer .wrapper {width:1000px; margin:0 auto; padding:26px 10px 6px; overflow:hidden; clear:both;}
#footer .navi {width:198px; float:left; margin-right:6px;}
#footer .navi ul {list-style:none;}
#footer .navi li {float:left; padding-bottom:20px; }
#footer .navi li a {display:block;}
#storesbg {background:#000000; width:100px; padding:3px 4px;}
#footer .stores {width:220px; float:left; margin-right:5px;}
#footer .stores ul {list-style:none; margin-top:6px;}
#footer .stores li {width:110px; font-size:11px; float:left;}
#footer .stores li a {display:block; color:#aaa; text-decoration:none; padding-bottom:6px;}
#footer .stores li a:hover {color:#fff; text-decoration:none;}
#marketplacesbg {background:#000000; width:105px; padding:3px 4px;}
#footer .market-places {width:115px; float:left; margin-right:10px;}
#footer .market-places ul {list-style:none; margin-top:6px;}
#footer .market-places li {font-size:11px;}
#footer .market-places li a {display:block; color:#aaa; text-decoration:none; padding-bottom:6px;}
#footer .market-places li a:hover {color:#fff; text-decoration:none;}
#shippingbg {background:#000000; width:150px; padding:3px 4px;}
#footer .shipping {width:160px; float:left; margin-right:10px;}
#footer .shipping ul {list-style:none; margin-top:6px;}
#footer .shipping li {font-size:11px; display:block;}
#footer .shipping li a {display:block; color:#aaa; text-decoration:none; padding-bottom:6px;}
#footer .shipping li a:hover {color:#fff; text-decoration:none;}
#footer .sm {float:right; width:270px; text-align:left;}
#sitewide-links {width:980px; margin:0 auto; padding:10px; overflow:hidden; clear:both; background:#333;}
#bottomlinks {float:left; width:800px;}
#bottomlinks ul {list-style:none;}
#sitewide-links .quickbooks {float:right; width:100px;}
#copyrights {width:980px; margin:0 auto 10px; padding:10px; clear:both; background:#666; font-size:12px; color:#999999;}
#copyrights .message {float:left; width:600px;}
#copyrights .location {float:right; width:200px; text-align:right;}
li.storenames {color:#999999;}
li.baselink {font-size:12px; font-weight:normal; display:inline; border-right:1px dotted #666; padding:0 4px; line-height:30px;}
li.baselink a {color:#ccc; text-decoration:none;}
li.baselink a:hover {color:#fff; text-decoration:none;}

/*@@@@@@@@@@@@@@@@@@ INSIDE PAGE RULES @@@@@@@@@@@@@@@@@@*/
.breadcrumb {font-size:11px; padding:0 0 15px 18px; color:#999999;}
.breadcrumb a {color:#999999; text-decoration:underline;}
.breadcrumb a:hover {color:#ff9900; text-decoration:none;}
#titlecontainer {width:906px; clear:both; overflow:hidden; height:90px; margin:0 15px 0 0; float:right;}
#titlecontainer .title {width:600px; float:left;}
#titlecontainer .button {width:245px; float:right; margin-top:20px; color:#fff; font-weight:bold; font-size:15px;}
.catchlines {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff;}
#lnb {width:177px; overflow:hidden; float:left; min-height:518px; background:url(../images/lnb-bg.jpg) no-repeat right;}
#lnb ul {list-style:none; margin-top:15px;}
#lnb ul li {padding:0 12px /* delete this 10px */10px 0; margin-bottom:5px; margin-right:3px; /* delete after this */ font-family:GothamRegular; text-align:right;}
#lnb li a {color:#333;}
#lnb li a:hover, #lnb li a.activstat {color:#ff9900;}
.overviewpage .overview, .tourpage .tour, .workspage .works, .videospage .videos, .listpage .list, .faqspage .faqs, .comparepage .compare, .compatpage .compat, .notespage .notes, .aboutpage .about, .careerspage .careers, .teampage .team, .mobileeccpage .mobileecc, .mobileworkspage .mobileworks, .mobilefaqspage .mobilefaqs, .mobilevideospage .mobilevideos, .mobilecompatpage .mobilecompat, .mobilepage .mobilefeatures, .mobrelpage .mobilenotes, .pricingpage .pricing, .setuppage .setup, .partnerspage .partners, .customerspage .customers, .storiespage .stories, .reviewspage .reviews, .newspage .news, .ctestpage .testimonials, .whyeccpage .whyecc, .webinarspage .webinars, .comparisonpage .comparison {background:url(../images/lnb-divider.jpg) no-repeat right bottom; /* delete after this */ font-family:GothamRegular; color:#ff9900;}
.current {background:url(../images/lnb-divider.jpg) no-repeat right bottom; text-decoration:none;}
li.lnblink {font-size:16px;}
#inside-body {width:800px; float:right; padding-top:20px; overflow:hidden;}
p.insiders {padding-left:0; margin-top:25px; color:#fff; font-size:33px;}
.inside-intro {width:375px; float:left; margin-bottom:15px;}
.inside-intro1 {width:475px; float:left; margin-bottom:15px;}
#inside-testimonials {width:406px; height:202px; float:right; margin:0 10px 0 0; background:url(../images/testimonials-bg.gif) no-repeat;}
p.testim {padding:20px 20px 0 60px; margin:0; color:#ff9900; line-height:1.7; font-weight:bold;}
.inside-client-details {width:330px; right:0;}
.insideclient {margin:10px 2px 0 60px; font-size:16px; font-weight:normal; color:#666666; line-height:1.4;}
.insidereadmore {margin:0 15px 0 60px;}
.insidereadmore a {color:#ff9900; text-decoration:underline; font-size:12px;}
.insidereadmore a:hover {color:#666; text-decoration:none;}
.regulartext {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; line-height:1.5; padding:4px 17px 5px; list-style:none; clear:both; margin-bottom:15px;}
.regulartext img {float:right; padding:50px 10px;}
.regulartext span {font-weight:bold; color:#e86606;}
.regulartext li {background:url(../images/bullet.png) no-repeat 0 4px; padding-left:25px; margin-left:20px;}
.regulartext2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; line-height:1.5; padding:4px 17px 5px; list-style:none;}
.regulartext2 span {font-weight:bold; color:#e86606;}
.regulartext2 li {background:url(../images/bullet.png) no-repeat 0 4px; padding-left:25px; margin-left:20px;}
.regulartext2 li a {color:#FF9900; text-decoration:none; border-bottom:1px dotted #ff9900;}
.regulartext2 li a:hover {color:#666; text-decoration:none; border:none;}
.regulartext2 img {float:right; padding:30px 10px 0;}
.imgbox {float:right; padding:10px 10px 15px; width:470px; text-align:center; overflow:hidden;}
.imgbox2 {float:left; padding:10px 10px 15px 17px; width:470px; text-align:center; clear:left;}
.imgbox3 {float:right; padding:10px 10px 15px 17px; width:470px; text-align:center;}
.imgbox4 {float:left; padding:10px 10px 15px 17px; width:470px; text-align:center;}
.regulartext3 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; line-height:1.5; padding:4px 0 0 5px; float:right; list-style:none; width:275px;}
.regulartext3 span {font-weight:bold; color:#e86606;}
.regulartext3 li {background:url(../images/bullet.png) no-repeat 0 4px; padding-left:25px; margin-left:20px;}
.regulartext4 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; line-height:1.5; padding:4px 17px 5px; list-style:none; clear:both;}
.regulartext4 span {font-weight:bold; color:#e86606;}
.regulartext4 li {background:url(../images/bullet.png) no-repeat 0 4px; padding-left:25px; margin-left:20px;}
.regulartext5 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; line-height:1.4; padding:10px; background:#eee; margin:0 17px 15px; width:670px;}
.regulartext5 a {color:#e86606; text-decoration:underline;}
.regulartext5 a:hover {color:#666; text-decoration:none;}
hr.fadingline {background:url(../images/hr.jpg) no-repeat; border:none; height:4px; margin:20px 15px;}
.middleline {background:url(../images/hr.png) no-repeat center; border:none; height:9px; margin:20px 15px; clear:both; width:800px;}
.mainpoints {width:150px; height:93px; background:url(../images/title-box.jpg) no-repeat; margin:20px 0 0 17px; padding:10px; float:left; position:relative;}
.textholder {position:absolute; top:50%; bottom:50%; display:table-cell; vertical-align:middle;}
.videobox {width:714px; height:544px; background:url(../images/video-bg.png) no-repeat; float:left; overflow:hidden; margin:25px 0 20px 13px; position:relative; text-align:center; padding:0 20px; clear:both;}
.videotitle {position:absolute; top:10px; left:80px; width:620px; height:42px; color:#fff;}
.videotitle2 {position:absolute; top:18px; left:80px; width:620px; height:42px; color:#fff;}
.footline {clear:both; margin:495px auto 0; width:170px;}
.twitbox {float:left;}
.facebookbox {float:right;}
.youtubebox {position:absolute; top:56px;}
.inside-intro2 {width:775px; float:left; margin-bottom:15px;}
form.contact {border:none;}
form.contact select {background:url(../images/test-bg.jpg) no-repeat; width:322px; padding:20px; margin-left:20px;}
form.contact input[type="text"] {background:url(../images/test1-bg.jpg) no-repeat; width:212px; padding:20px 20px 20px 90px; margin:0 0 20px 20px;}
.right-float {float:right;}

/*@@@@@@@@@@@@@@@@@@ HOW IT WORKS PAGE RULES @@@@@@@@@@@@@@@@@@*/
.install1 {width:350px; background:url(../images/install1.png) no-repeat; float:left; margin:10px 0 30px 17px; padding-top:50px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; line-height:1.6em; overflow:hidden;}
.install2 {width:350px; background:url(../images/install2.png) no-repeat; float:right; padding-top:50px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; line-height:1.6em; margin:10px 0 30px; overflow:hidden;}
.download-orders {width:760px; height:225px; background:url(../images/download-orders.png) no-repeat; clear:both; margin-left:20px;}
.process-shipping {width:760px; height:255px; background:url(../images/process-shipping.jpg) no-repeat right bottom; clear:both; margin:0 20px;}
.post-to {width:760px; height:340px; background:url(../images/postto.jpg) no-repeat left bottom; clear:both; margin:0 20px;}
.order-confirmation {width:760px; height:240px; background:url(../images/order-confirmation.jpg) no-repeat left; clear:both; margin:0 20px;}
.howbox1 {background:#f5f5f5; padding:20px; color:#333; width:220px; font-family:Arial, Helvetica, sans-serif; float:right; margin:20px 20px 0 0; font-size:14px; line-height:1.4em; -moz-border-radius:32px; -webkit-border-radius:15px; border-radius:32px;	behavior:url(border-radius.htc);}
.howbox2 {background:#f5f5f5; padding:20px; color:#333; width:220px; font-family:Arial, Helvetica, sans-serif; float:left; margin-top:10px; font-size:14px; line-height:1.4em; -moz-border-radius:32px; -webkit-border-radius:15px; border-radius:32px;	behavior:url(border-radius.htc);}
.howbox3 {background:#f5f5f5; padding:20px; color:#333; width:220px; font-family:Arial, Helvetica, sans-serif; float:right; margin:20px 100px 0 0; font-size:14px; line-height:1.4em; -moz-border-radius:32px; -webkit-border-radius:15px; border-radius:32px;	behavior:url(border-radius.htc);}

/*@@@@@@@@@@@@@@@@@@ FEATURE LIST PAGE RULES @@@@@@@@@@@@@@@@@@*/
.anchor-button {float:left; margin:0 0 17px 10px;}
.featurebox1 { width:400px; overflow:hidden; margin:0 auto; float:left;}
#featurebox1 p { margin:10px; font-size:0.9em; line-height:19px; }
#featurebox1 p a {color:#00CCFF; text-decoration:none;}
#featurebox1 p a:hover {color:#00FF99; text-decoration:none;}
#featurebox1 img { margin:6px 3px 0 7px;}
#featurebox1 ul {list-style:none; margin: 10px 0 15px 15px; line-height:20px;}
#featurebox1 ul li {padding-left:25px; font-size:0.9em; background:url(../images/bullet.png) no-repeat 5px 5px;}
.featurebox2 { width:400px; overflow:hidden; margin:0 auto; float:right;}
#featurebox2 p { margin:10px; font-size:0.9em; line-height:19px; }
#featurebox2 p a {color:#00CCFF; text-decoration:none;}
#featurebox2 p a:hover {color:#00FF99; text-decoration:none;}
#featurebox2 img { margin:6px 3px 0 7px;}
#featurebox2 ul {list-style:none; margin: 10px 0 15px 15px; line-height:20px;}
#featurebox2 ul li {padding-left:25px; font-size:0.9em; background:url(../images/bullet.png) no-repeat 5px 5px;}
#feature-buttons {list-style:none; margin-left:17px; clear:both; overflow:hidden;}
#feature-buttons li {float:left; background:url(../images/feature-buttonbg.png) no-repeat; width:223px; height:56px; display:block; margin:0 10px 10px 0; padding:10px 0 10px 15px;}

/*@@@@@@@@@@@@@@@@@@ Compatibility PAGE RULES @@@@@@@@@@@@@@@@@@*/
.left-imagebox {width:760px; overflow:hidden; clear:both; padding-top:20px;}
.left-imagebox img {float:left; padding:10px 20px 20px;}
.right-contentbox {float:right; overflow:hidden; width:525px;}
p.featurelistbuttons {font-weight:normal; color:#333333; font-size:20px;}
p.featurelistbuttons strong {font-weight:bold; color:#666666; font-size:14px;}

/*@@@@@@@@@@@@@@@@@@ FAQs PAGE RULES @@@@@@@@@@@@@@@@@@*/
.faq-contact {width:240px; padding:10px 10px 0; background:#999; float:right; margin:10px 24px 0 0; font-size:14px; color:#fff; line-height:1.4em; overflow:hidden; text-align:center;}
.faq-contact p {padding-bottom:10px;}
#faq-buttons {list-style:none; margin-left:17px; clear:both; overflow:hidden;}
#faq-buttons li {float:left; background:url(../images/faq-button.jpg) no-repeat; width:232px; height:55px; display:block; margin:0; padding:10px 0 0 15px;}
#faq-buttons li:hover {background:url(../images/faq-button-hover.jpg) no-repeat;}
#questions {width:740px; background:#fff; padding:10px; margin:10px 0 15px 17px; -moz-box-shadow:0 0 5px #ddd; -webkit-box-shadow:0 0 5px #ddd; overflow:hidden;}
#questions ul {list-style:none;}
.hide {position:absolute; top:-9999px; left:-9999px;}
.bold-font {font-weight:bold;}
#page-wrap {width:760px; margin:20px auto;}
.hide {position:absolute; top:-9999px; left:-9999px;}
#faqbox {background:#fff; padding:0; margin:0;}
#faqbox .nav {overflow:hidden; margin:0 0 10px 0;}
#faqbox .nav li {float:left; background:url(../images/feature-buttonbg.png) no-repeat; width:238px; height:56px; display:block; margin:0 10px 10px 0; padding:10px 0 10px 0;}
#faqbox .nav li.last {margin-right:0;}
#faqbox .nav li a {display:block; padding:10px 0; background:none; color:#333; font-size:20px; text-align:center; border:0; font-weight:bold; }
#faqbox .nav li a:hover {background:none; color:#ff9900;}
#faqbox ul {list-style: none;}
#faqbox ul li a {display:block; padding:4px; color:#666; }
#faqbox ul li span {display:block; font-size:12px; font-weight:bold;}
#faqbox ul li a:hover {color:#ff9900;}
#faqbox ul li:last-child a { border: none; }
#faqbox ul li.nav-one a.current, #faqbox ul li.nav-two a.current, #faqbox ul li.nav-three a.current, #faqbox ul li.nav-four a.current { color:#ff9900;}
.qtitle-text {font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; color:#ff9900; line-height:1.6em; padding:4px 17px 5px; clear:both;}

/*@@@@@@@@@@@@@@@@@@ eCC Mobile PAGE RULES @@@@@@@@@@@@@@@@@@*/
.inside-intro3 {width:760px; float:left; background:url(../images/eccmobile-overview1.jpg) no-repeat top right; height:480px; margin-bottom:15px;}
.inside-intro3 p {padding-right:300px; line-height:1.5em; color:#333;}
.inside-intro3 img {padding:25px 50px;}
.eccoverviewbox {width:460px; height:800px; background:url(../images/eccmobile-overview3.jpg) no-repeat left bottom; clear:both; padding-left:300px;}
.eccoverviewbox p {line-height:1.4em;}
p.subhead {font-size:22px; font-weight:normal; padding:0 0 10px 17px; clear:both; display:block;}

/*@@@@@@@@@@@@@@@@@@ eCC Mobile how it works PAGE RULES @@@@@@@@@@@@@@@@@@*/
#howitworksbox {background:url(../images/eccmobile-howitworks5.jpg) no-repeat right 50px; width:430px; overflow:hidden; clear:both; padding-right:330px;}
#howitworksbox a {color:#ff9900;}
#howitworksbox a:hover {color:#666;}
.worksstep1 {background:url(../images/eccmobile-howitworks1.gif) no-repeat; height:47px; width:350px; clear:both; padding:12px 0 0 50px; margin:15px 0 0 15px;}
.worksstep2 {background:url(../images/eccmobile-howitworks2.gif) no-repeat; height:47px; width:250px; clear:both; padding:12px 0 0 50px; margin:15px 0 0 15px;}
.worksstep3 {background:url(../images/eccmobile-howitworks3.gif) no-repeat; height:47px; width:350px; clear:both; padding:12px 0 0 50px; margin:15px 0 0 15px;}
.worksstep4 {background:url(../images/eccmobile-howitworks4.gif) no-repeat; height:47px; width:450px; clear:both; padding:12px 0 0 50px; margin:15px 0 0 15px;}

/*@@@@@@@@@@@@@@@@@@ SHOPPING CART PAGE RULES @@@@@@@@@@@@@@@@@@*/
#avactisbox {background:url(../images/avactis-overviewpg01.jpg) no-repeat right top; width:430px; overflow:hidden; clear:both; padding-right:350px; min-height:400px;}
#shopcartbox {background:url(../images/shopping-cart-bg.jpg) no-repeat bottom left; width:210px; float:right; margin-right:20px; padding:20px; font-size:14px; line-height:1.4em;}
#shopcartbox img {padding-top:10px; padding-bottom:10px; display:block;}
p.howittext {padding-left:17px; padding-bottom:10px; font-weight:normal; color:#333333; font-size:16px;}
.ultext {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; padding:0 0 5px 20px; display:block; margin-bottom:5px; background:url(../images/bullet.png) no-repeat 0 3px; margin-left:17px; line-height:1.3;}

/*@@@@@@@@@@@@@@@@@@ Amazon PAGE RULES @@@@@@@@@@@@@@@@@@*/
#amazonbox {background:url(../images/amazon-overviewpg01.jpg) no-repeat right top; width:430px; overflow:hidden; clear:both; padding-right:350px; min-height:400px;}

/*@@@@@@@@@@@@@@@@@@ UPS PAGE RULES @@@@@@@@@@@@@@@@@@*/
#upsbox {background:url(../images/ups-overviewpg01.jpg) no-repeat right top; width:430px; overflow:hidden; clear:both; padding-right:350px; min-height:400px;}

/*@@@@@@@@@@@@@@@@@@ FREE TRIAL PAGE RULES @@@@@@@@@@@@@@@@@@*/
#signbox {overflow:hidden; float:right; font-size:12px; margin:45px 100px 20px 0;}
#signbox a {color:#0099ff; text-decoration:underline;}
#signbox a:hover {color:#333; text-decoration:none;}
#free-trial-form {background:url(../images/free-trial-bg.png) no-repeat; width:693px; height:574px; clear:both; margin-left:17px;}
form.freetrialform {padding-top:10px;}
form.freetrialform p {padding:15px 60px 0 20px; overflow:hidden;}
form.freetrialform label {width:220px; display:block; text-align:right; float:left; padding-top:6px; color:#666666; font-weight:bold;}
form.freetrialform input[type="text"] {border:1px solid #CCCCCC; background:#fff; padding:6px 10px; width:350px; font-size:16px; float:right;}
form.freetrialform input[type="password"] {border:1px solid #CCCCCC;background:#fff; padding:10px; width:350px; font-size:14px; float:right;}
div.infobox {margin:10px 0 0 243px; padding:0; display:block; font-size:12px;}
div.infobox a {color:#0099ff;}
div.infobox a:hover {color:#ff9900;}
div.infobox2 {margin:10px 0 0 263px; padding:0; display:block;}
#questionscontainer {clear:both;}
p.questionbox {float:left; margin:20px 15px 0; width:350px; color:#333; font-size:14px; line-height:1.3em;}
p.questionbox span {display:block; font-weight:bold; color:#666; margin-bottom:5px;}
p.questionbox2 {float:right; margin:20px 0; width:320px; color:#333; font-size:14px; line-height:1.3em; margin-right:80px;}
p.questionbox2 span {display:block; font-weight:bold; color:#666; margin-bottom:5px;}
#contact-form {background:#eee; width:693px; clear:both; margin-left:17px; overflow:hidden; padding-bottom:20px;}
form.freetrialform textarea {border:none; background:#fff; padding:6px 10px; width:350px; font-size:16px; float:right; font-family:Arial, Helvetica, sans-serif;}

/*@@@@@@@@@@@@@@@@@@ VIDEO PAGE RULES @@@@@@@@@@@@@@@@@@*/
.layer1 {margin-left:17px; width:750px; clear:both;}
.expheading {color:#333; font-weight:bold; padding:10px; cursor:pointer; position:relative; margin-bottom:10px; border:1px dotted #ccc; clear:both;}
.expcontent {padding:0;}

p.trigger {padding:6px 0 0 30px; margin:0 0 5px 0; background:url(../images/video-slide-header-bg.gif) no-repeat #999999; height:48px; width:720px; font-size:20px; font-weight:bold; float:left; color:#000;}
p.trigger span {padding-left:20px; font-size:20px; font-weight:bold; color:#fff;}
p.trigger span a {color:#ff9900; text-decoration:none;}
p.trigger a {color:#ff9900; text-decoration:none; display:block;}
p.trigger a:hover {color:#ff9900;}
p.active {background-position:left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {margin:0; padding:0; overflow:hidden; font-size:14px; width:760px; height:600px; clear:both;}
.toggle_container .block {padding:0; /*--Padding of Container--*/}

/*@@@@@@@@@@@@@@@@@@ CUSTOMER STORIES PAGE RULES @@@@@@@@@@@@@@@@@@*/
.story-box {width:737px; height:510px; background:url(../images/ecc-customerstories-bg.jpg) no-repeat; margin:0 0 20px 17px; clear:both; position:relative;}
.the-story {width:280px; top:30px; left:20px; position:absolute;}
p.storycontent {font-size:14px; color:#666666; line-height:1.5em; padding-bottom:15px;}
.the-story ol {margin-left:20px;}
.the-story li {font-size:14px; color:#666666; line-height:1.4em; padding-bottom:5px;}
.what-they-say {width:406px; height:202px; right:15px; top:20px; background:url(../images/testimonials-bg.gif) no-repeat; position:absolute;}
.the-links {width:350px; bottom:70px; right:25px; position:absolute; text-align:center;}
.the-links img {margin-bottom:10px;}
p.clientname {font-size:20px; font-weight:bold; padding-bottom:15px; color:#ff9900;}
p.how {font-size:15px; font-weight:bold; color:#333333; padding-bottom:6px;}

/*@@@@@@@@@@@@@@@@@@ PRICING PAGE RULES @@@@@@@@@@@@@@@@@@*/
#pricing-content {width:1000px; overflow:hidden; background:none; margin:0 auto; padding-top:15px;}
a img {border:0;vertical-align:text-bottom;}
th.side { /* background: transparent url(../images/bg_th_side.gif) repeat-x bottom left; */}
td.side {text-align:left; /* background: transparent url(../images/bg_foot_td_side.gif) repeat-x top left; */ width:275px; font:bold 14px Arial; color:#333; padding-left:15px;}
th {height:55px; vertical-align:top; padding-top:30px; color:#fff; font:normal 16px arial; font-weight:bold; /* background:transparent url(../images/bg_th.gif) repeat-x bottom left; */}
th span {display:block; font:12px Arial;}
td {text-align:center; /* background:transparent url(../images/bg_td.gif) repeat-x bottom left; */ color:#fff; width:165px; height:41px; font:bold 14px Arial;}
td img {padding-right:4px;}
td.orange {background:#ff9900; border-bottom:1px solid #fff; color:#fff;}
td.grey {background:#eee; border-bottom:1px solid #fff;}
.morepad {margin-top:4px;}
.evenmorepad {margin-top:15px;}
td.on {/* background:transparent url(../images/bg_td_on.gif) no-repeat bottom left; */}
th.on {/* background:transparent url(../images/bg_th_on.gif) no-repeat bottom left; */ width:150px;}
tfoot td {/* background:transparent url(../images/bg_foot_td.gif) no-repeat top left; */ vertical-align:top; padding-top:8px;}
tfoot td.on {/* background:transparent url(../images/bg_foot_td_on.gif) no-repeat top left; */ padding-top:16px;}
tfoot td.side {/* background: transparent url(../images/bg_foot_td_side.gif) repeat-x top left; */}
.prices-pricing {clear:both; margin-left:17px; position:relative; margin-bottom:15px; width:970px; min-height:662px; background:url(../images/pricing-table-bg.png) no-repeat;}
.prices {clear:both; margin-left:17px; position:relative; margin-bottom:15px;}
.prices-pricing2 {clear:both; margin-left:17px; position:relative; margin-bottom:15px; width:970px; min-height:662px; background:url(../images/pricing-table-bg2.png) no-repeat;}
#existing-customers {clear:both; float:right; margin:0 20px 10px 17px; overflow:hidden;}
.black-text {color:#333;}
.large-text {font-size:18px;}
.grey-text {color:#ccc;}
.float-left {float:left;}
.petite-text {font-size:12px; padding:8px 2px 0;}
.additional-prices {float:left; width:330px; overflow:hidden;}
s {color:#777;}
.additional-questions {float:right; width:610px; overflow:hidden; margin-right:20px;}
.additional-questionsin {overflow:hidden; width:100%; margin-bottom:15px;}
.additional-questionsin1 {overflow:hidden; width:300px; margin-right:10px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ff9900; line-height:1.4em;}
.additional-questionsin1 span {display:block; font-weight:normal; margin-top:6px; color:#333;}
.additional-questionsin2 {overflow:hidden; width:290px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#ff9900; line-height:1.4em;}
.additional-questionsin2 span {display:block; font-weight:normal; margin-top:6px; color:#333;}
.formholder {width:600px; float:left; overflow:hidden; margin-left:20px; border:1px solid #eee;}
form.signform {border:none;}
form.signform p {padding:8px; overflow:hidden; min-height:28px;}
p.colored {padding:8px; overflow:hidden; background:#eee; font-size:14px;}
div.colored {padding:8px; overflow:hidden; background:#eee; font-size:14px;}
p.dark-colored {padding:8px; overflow:hidden; background:#FF9800; font-size:18px;}
p.dark-colored2 {padding:8px; overflow:hidden; background:#333333; font-size:18px;}
form.signform label {width:280px; display:block; float:left; color:#666666; font-weight:normal; margin-left:20px; font-weight:bold; font-size:16px;}
form.signform label span {width:280px; display:block; float:left; color:#FFFFFF; font-weight:normal; margin-left:20px; font-weight:bold; font-size:16px;}
.white-amount {padding-left:0; margin-top:25px; color:#fff; font-size:18px;}
label.padded {width:280px; display:block; float:left; color:#666666; font-weight:normal; margin-left:20px; padding-top:5px; font-weight:bold; font-size:16px;}
form.signform input[type="text"] {border:1px solid #ccc; background:#fff; padding:8px; width:220px; font-size:12px; float:left; margin-right:20px;}
form.signform input[type="password"] {border:1px solid #ccc; background:#fff; padding:8px; width:220px; font-size:12px; float:left; margin-right:20px;}
form.signform select {border:1px solid #ccc; background:#fff; padding:8px; font-size:12px; float:left; margin-right:20px;}
form.signform input[type="checkbox"] {border:1px solid #ccc; background:#fff; padding:4px; font-size:12px; float:left; margin:2px 6px 0 0;}
.sign-right {background:url(../images/sign-right-bg.png) no-repeat #fff; width:300px; float:right; overflow:hidden; margin-right:30px; padding-top:20px;}
p.radios {padding:4px 0 10px 20px; overflow:hidden; font-size:12px;}
p.radios img {float:left; padding:15px 10px 0 0;}
fieldset {margin:5px; padding:5px 5px; border:1px solid #333; font-size:12px;}
legend {padding:5px 10px; font-size:12px; background:#ff9900; border:1px solid #333; font-weight:bold; color:#fff;}
img.leftmar {float:left; margin:10px 17px;}
ol.cartlist {list-style:decimal; margin:10px 20px;}
/*#titlecontainer2 {width:966px; clear:both; overflow:hidden; height:90px; margin:0 15px 0 0; float:right;}
#titlecontainer2 .title2 {width:600px; float:left;}*/
#titlecontainer2{background-color: #636363;min-height: 75px;width: 100%;z-index: 9999;}
#titlecontainer2 .title2 {width:600px; float:left; /*margin-left:370px;*/}

#titlecontainer2 .button2 {width:245px; float:right; margin-top:20px; color:#fff; font-weight:bold; font-size:15px;}
.catchlines2 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#fff; margin-top:0;}
p.gothamheadings {font-size:20px; font-weight:bold; padding-top:10px; color:#ff9900;}
p.gothamheadingscloud {font-size:20px; font-weight:bold; padding-top:10px; color:#21C5FF;}

/*h2.phone {font-size:1.2em; color:#ff9900;}*/
h3 {font-size:20px; margin-bottom:6px; color:#333; padding-left:15px;}
h1 {font-size:20px; margin-bottom:6px; color:#333; padding-left:15px;}
h4 {font-size:20px; color:#333; margin-left:17px;}
h5 {font-size:14px; color:#fff;}
h6 {font-size:21px; font-weight:normal; text-align:center; color:#ff9900;}

/*@@@@@@@@@@@@@@@@@@ RELEASE NOTES PAGE RULES @@@@@@@@@@@@@@@@@@*/
/* #rnbox {background:url(../images/cupcake.gif) no-repeat; text-align:center; width:260px; overflow:hidden; font-size:14px; color:#333; line-height:1.4em; float:right; margin-top:30px;} */
.para-box {width:100%; overflow:hidden; margin:17px; position:relative;}
.para-box img {margin:0 15px 15px 0;}
.button-box {position:absolute; right:10px; top:10px;}

/*@@@@@@@@@@@@@@@@@@ ABOUT SECTION PAGE RULES @@@@@@@@@@@@@@@@@@*/
.about-message {background:#ff9900; border:1px solid #FFCC33; width:200px; float:left; overflow:hidden; padding:10px; margin:20px; font-size:14px; color:#fff; line-height:1.5em; font-weight:bold;}
.team-text {font-size:14px; color:#666; line-height:1.4em; float:right; margin-right:20px; margin-bottom:10px;}
.team-text img {float:left; margin-right:20px; border:none;}
.team-text2 {font-size:14px; color:#666; line-height:1.4em; float:right; margin-right:20px; margin-bottom:10px; border:1px dotted #ccc; padding:10px 10px 15px 80px; background:url(../images/fun.png) no-repeat 5px 5px; font-style:italic; color:#ff9900; min-height:46px; float:left;}
table.careers-table {border:none; background:none; margin-left:17px;}
tr.career_col {background:#eee; text-align:left;}
table.careers-table td {text-align:left; color:#333; font-weight:normal; padding:4px 10px; font-size:12px; background:none;}
td.position {width:100px;}
.regulartext6 {list-style:none; font-size:12px; color:#333; line-height:1.4em; list-style:none; margin:10px 0;}
.regulartext6 li {background:url(../images/bullet.png) no-repeat 0 2px; padding:0 0 5px 25px;}

/*@@@@@@@@@@@@@@@@@@ COMPARISON CHART PAGE RULES @@@@@@@@@@@@@@@@@@*/
.comparecarts {border:1px solid #eee; width:100%; margin-left:20px;}
.comparecarts th {border-bottom:1px solid #eee; border-right:1px solid #eee; color:#ff9900; font-size:18px; height:42px;}
.comparecarts td {text-align:center; vertical-align:middle; font-size:12px; line-height:1.3em; font-weight:normal; color:#333; border-right:1px solid #eee; border-bottom:1px solid #eee;}
tr.shaded {background:#eee;}
td.featuresection {width:400px; text-align:left; padding:2px 5px; font-weight:bold; color:#ff9900; font-size:14px;}
td.featuresection2 {text-align:left; font-size:18px; font-weight:bold; color:#333; padding:2px 5px;}
td.featurename {width:400px; text-align:left; padding:2px 5px;}
.comparecarts select {border:1px solid #ccc; padding:2px; font-size:14px;}
.comparecarts ul {margin-left:20px;}

/*@@@@@@@@@@@@@@@@@@ SOCIAL MEDIA BAR @@@@@@@@@@@@@@@@@@*/
.getInvoved h4 {
        color: #e97124;
}
 
.drawer {
        position:fixed;
         bottom:100px;
        right:0;
        background: url(/images/social_media_bg.png);
        float:right;
}
 
 
 
#connectImage{ margin:0 0 0 0px;
      
     
      bottom:0px;  
}
 
#connectTop{
        height:165px;
        padding-top:8px;
        padding-left:8px;
 
}
 
#connectTop a{ color:#FFF; text-decoration:none; font-size:15px;}
#connectTop a:hover{ text-decoration: underline;}
 
.closedDrwar{ 
          width:30px;
           height:278px;
          float:left;
          z-index:800;
}
 
.openDrwar{ 
          width:122px;
          height:278px;
          float:left;
          z-index:1002;
}

.connectText{
       vertical-align:top;
       padding-bottom:8px;
        
       overflow:hidden;
      
}
img.connect{
        vertical-align:middle;
}


/*
.message_form_error {
  background: -moz-linear-gradient(center top , #FAE2E2, #F2CACB) repeat scroll 0 0 transparent;
  border: 1px solid #EEB7BA;
  color: #BE4741;
  text-shadow: 0 1px 0 #FFFFFF;
  margin-bottom: 10px;
  padding: 10px;
  clear: both;
}*/



/*@@@@@@@@@@@@@@@@@@ LOGIN PAGE RULES @@@@@@@@@@@@@@@@@@*/
#loginbox {overflow:hidden; float:right; font-size:12px; margin:45px 100px 20px 0;}
#loginbox a {color:#0099ff; text-decoration:underline;}
#loginbox a:hover {color:#333; text-decoration:none;}

#login_form {background:url(../images/free-trial-bg-tp.png) no-repeat; width:693px; height:250px; clear:both; margin-left:17px;}
#login-form-btm {background:url(../images/free-trial-bg-bt.png) no-repeat; width:693px; height:50px; clear:both; margin-left:17px;}
form.loginform {padding-top:10px;}
form.loginform p {padding:15px 60px 0 20px; overflow:hidden;}
form.loginform label {width:220px; display:block; text-align:right; float:left; padding-top:10px; color:#666666; font-weight:bold;}
form.loginform input[type="text"] {border:1px solid #CCCCCC; background:#fff; padding:10px; width:350px; font-size:16px; float:right; }
form.loginform input[type="password"] {border:1px solid #CCCCCC; background:#fff; padding:10px; width:350px; font-size:14px; float:right;}
form.loginform label.error{float: right; clear: both; padding-top: 0px; text-align: left; width: 370px;  color:#FF0000; font-size: 12px; font-weight: normal;}



/*@@@@@@@@@@@@@@@@@@ FORGOT PASSWORD PAGE RULES @@@@@@@@@@@@@@@@@@*/
#forgot_password_form_body {background:url(../images/free-trial-bg-tp.png) no-repeat; width:693px; height:200px; clear:both; margin-left:17px;}
#forgot_password_form_btm {background:url(../images/free-trial-bg-bt.png) no-repeat ; width:693px; height:13px; clear:both; margin-left:17px;}
form.forgotpasswordform {padding-top:10px;}
form.forgotpasswordform p {padding:15px 60px 0 20px; overflow:hidden;}
form.forgotpasswordform label {width:220px; display:block; text-align:right; float:left; padding-top:10px; color:#666666; font-weight:bold;}
form.forgotpasswordform input[type="text"] {border:1px solid #CCCCCC; background:#fff; padding:10px; width:350px; font-size:16px; float:right; }
form.forgotpasswordform input[type="password"] {border:1px solid #CCCCCC; background:#fff; padding:10px; width:350px; font-size:14px; float:right;}
form.forgotpasswordform label.error{float: right; clear: both; padding-top: 0px; text-align: left; width: 370px;  color:#FF0000; font-size: 12px; font-weight: normal;}

div.infobox {margin:10px 0 0 243px; padding:0; display:block; font-size:12px;}
div.infobox a {color:#0099ff;}
div.infobox a:hover {color:#ff9900;}

#free-trial-form {background:url(../images/free-trial-bg-tp.png) repeat-y; width:693px; height:740px; clear:both; margin-left:17px;}
#free-trial-form-btm {background:url(../images/free-trial-bg-bt.png) no-repeat ; width:693px; height:13px; clear:both; margin-left:17px;}
form.freetrialform label.error{float: right; clear: both; padding-top: 0px; text-align: left; width: 370px;  color:#FF0000; font-size: 12px; font-weight: normal;}
form.signform  label.error{float: right; clear: both; padding-top: 0px; text-align: left; width: 290px;  color:#FF0000; font-size: 12px; font-weight: normal;}

#lightbox form.checkcustomer {padding-top:10px;}
#lightbox form.checkcustomer p {padding:15px 30px 0 10px; overflow:hidden;}
#lightbox form.checkcustomer label {width:110px; display:block; text-align:right; float:left; padding-top:10px; color:#666666; font-weight:bold;}
#lightbox form.checkcustomer input[type="text"] {border:1px solid #CCCCCC; background:#fff; padding:5px; width:300px; font-size:16px; float:right; }
#lightbox form.checkcustomer label.loader { width: 30px; margin-right: 10px;}
#lightbox form.checkcustomer input[type="password"] {border:1px solid #CCCCCC; background:#fff; padding:5px; width:250px; font-size:14px; float:right;}
#lightbox form.checkcustomer label.error{float: right; clear: both; padding-top: 0px; text-align: left; width: 310px;  color:#FF0000; font-size: 12px; font-weight: normal;}

#lightbox .header {	height: 38px; padding: 5px 0 5px 15px; background-color: #FF8901; font: bold 20px Arial; color: #FFFFFF; text-align: left;}
#lightbox .footer {	
background: #e2e2e2;
border-top: 1px solid #aaa;
box-sizing: border-box;
height: 42px;
padding: 8px;
position: relative;
border-radius: 0 0 3px 3px;
box-shadow: inset rgba(0,0,0,.09) 0 2px 0;
}

#lightbox form input {border:1px solid #CCCCCC; background:#fff; padding:5px; font-size:12px; }
#lightbox form select {border:1px solid #CCCCCC; background:#fff; padding:5px; font-size:12px; }
#lightbox form label {font-size:12px; font-weight: bold; }
#lightbox form label.error{clear: both; padding-top: 0px; text-align: left; color:#FF0000; font-size: 12px; font-weight: normal;}
#lightbox form div.error{clear: both; padding-top: 0px; text-align: left; color:#FF0000; font-size: 12px; font-weight: normal;}

#alert_div .header {	height: 30px; padding: 5px 0 5px 15px; background-color: #FF8901; font: bold 20px Arial; color: #FFFFFF; text-align: left;}

#dashboard-content {
  background: none repeat scroll 0 0 transparent;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 15px;
  width: 1000px;
}
.dashboard {
  clear: both;
  margin-bottom: 15px;
  position: relative;
  font-size: 12px;
}
.dashboard .tab {
	
}

.section{
	
}

.section .heading {
	padding-left: 5px;
	padding-bottom: 10px;
	color: #FF9A01; 
	font-weight: bold;
}

.section .colored{
	background: repeat scroll 0 0 #EEEEEE;
}

.section th {
  background: repeat scroll 0 0 #626262;
  border-right: none;
  color: #FFFFF0;
  font: bold 12px arial;
  height: auto;
  padding: 5px 0 10px 5px;
  vertical-align: top;
}

.section td {
  background: none;
  border: none;
  color: #000000;
  font: 12px;
  text-align: left;
  font-weight: normal;
  height: auto;
  width: auto;
  padding: 5px 0 10px 5px;
  
}

.section .label {
  color: #666666;
  display: block;
  float: left;
  font: 12px;
  font-weight:500;
  
}

.section a {
  color: #0099FF;
}
.section a:hover {
  color: #FF9900;
}

.section  #account_summary_home {
	height:auto; overflow-x: auto;
}
.section  #activity_message_div {
	height:auto; min-height:300px; max-height:600px; overflow-x: auto; border-left: solid 1px #CCCCCC;
}
.section  #twitter_widgit_div {
	height:auto; overflow-x: auto; margin-top: 10px; float: right;
}
.section  #my_subscriptions_home {
	height:150px; overflow-x: auto;
}
.section  #billing_activity_home {
	height:200px; overflow-x: auto;
}
.section  #my_subscriptions {
	height:auto; overflow-x: auto;border-bottom: solid 1px #CCCCCC; clear: both;
}
.section  #subscription_details {
	height:auto; overflow-x: auto;
}
.section  #addon_sales_list {
	height:auto; overflow-x: auto;
}
.section  #latest_release_data {
	/*height:400px;border-bottom: solid 1px #CCCCCC;*/ 
	overflow-x: auto; clear: both;
}
/*.section  #release_notes {
	height:300px; overflow-x: auto;
}*/
.section  #billing_summary {
	height:auto; overflow-x: auto;border-bottom: solid 1px #CCCCCC; clear: both;
}
.section  #billing_activity {
	height:auto; overflow-x: auto;border-bottom: solid 1px #CCCCCC; clear: both; min-height:150px;
}
.section  #billing_details {
	height:auto; overflow-x: auto;min-height:150px;
}
.section  #account_summary {
	height:auto; overflow-x: auto;border-bottom: solid 1px #CCCCCC; clear: both;
}
.section  #subscribers {
	height:100px; overflow-x: auto;
}
.section  #addon_users_list {
	height:auto; overflow-x: auto;
}
.section  #contacts {
	height:auto; overflow-x: auto;
}


#pricetable td .header {
  background: url("../images/bg_th.gif") repeat-x scroll left bottom transparent;
  border-right: 1px solid #FFFFFF;
  font: bold 16px arial;
  height: 80px;
  padding-bottom: 10px;
  vertical-align: bottom;
}
#welcomediv {
	text-align: right;
	margin-bottom: 5px;
	color: #333333;
    font: bold 14px Arial;
    clear: both;
}
#contentbox {
    clear: both;
    overflow: hidden;
    width: 800px;
}
#contentbox .left-col {
    float: left;
    margin: 15px;
    width: 260px;
}
#contentbox .mid-col {
    float: left;
    margin: 15px;
    width: 260px;
}
#contentbox .right-col {
    float: right;
    margin: 15px;
    width: 260px;
}
#contentbox .left-half-col {
    float: left;
    padding: 15px;
    width: 360px;
}
#contentbox .right-half-col {
    float: right;
    padding: 15px;
    width: 360px;
}
#contentbox .left-half-col-alt {
    background: none repeat scroll 0 0 #F0F0F0;
    float: left;
    padding: 15px;
    width: 360px;
}
#contentbox .right-half-col-alt {
    background: none repeat scroll 0 0 #F0F0F0;
    float: right;
    padding: 15px;
    width: 360px;
}

/*** 07 Nov 2011 by APM ***/
.prices-pricing {clear:both; width:965px; margin:15px 0px 20px 15px; background:none;}
table#newLayout {border:1px solid #ccc;}
table#newLayout h1 {font-size:18px;}
table#newLayout h2 {font-size:18px; color:#fff; padding:5px 0; margin:2px 0px 8px 0px;}
table#newLayout th {color:#000; font-size:14px; font-weight:normal; height:75px; padding:0; vertical-align:top;}
table#newLayout th.one {background:url(../images/bg_th1.png) repeat-x 0 0; width:245px; vertical-align:middle;}
table#newLayout th.two, table#newLayout th.three, table#newLayout th.four, table#newLayout th.five {width:180px;}
table#newLayout th.two {background:url(../images/bg_th2.png) no-repeat 0 0;}
table#newLayout th.two h2, table#newLayout th.four h2 {margin:2px 0px 15px 0px;}
table#newLayout th.three {background:url(../images/bg_th3.png) no-repeat 0 0;}
table#newLayout th.four {background:url(../images/bg_th4.png) no-repeat 0 0;}
table#newLayout th.five {background:url(../images/bg_th5.png) no-repeat 0 0;}
table#newLayout td {width:auto; height:auto; font-size:14px; color:#333; padding:15px 20px;}
table#newLayout tr.alternate td {background:#f9f9f9;}
table#newLayout img {vertical-align:middle;}
table#newLayout th.one, table#newLayout td.td1 {text-align:left;}
table#newLayout td.td2 {border-left:1px solid #ccc; border-right:1px solid #ccc;}
table#newLayout td.td3 {background:url(../images/bg_td3.png) repeat-y 100% 0;}
table#newLayout tr.alternate td.td3 {background:#f9f9f9 url(../images/bg_td3.png) repeat-y 100% 0;}
table#newLayout td.td4 {background:#FFEDD1 !important;}
table#newLayout td.td5 {background:url(../images/bg_td5.png) repeat-y 0 100%;}
table#newLayout tr.alternate td.td5 {background:#f9f9f9 url(../images/bg_td5.png) repeat-y 0 100%;}
table#newLayout td.signup {background:#FF9800 !important; padding:0; text-align:center;}
table#newLayout td.signupBtn1, table#newLayout td.signupBtn2, table#newLayout td.signupBtn3, table#newLayout td.signupBtn4, table#newLayout td.signupBtn5 {border-top:1px solid #ccc; padding:10px 20px;}
table#newLayout td.signupBtn1 {background:#f1f1f1 !important;}
table#newLayout td.signupBtn2 {background:#f1f1f1 url(../images/bg_td3.png) repeat-y 100% 0 !important;}
table#newLayout td.signupBtn4 {background:#f1f1f1 url(../images/bg_td5.png) repeat-y 0 100% !important;}
table#newLayout td.priceTag1 {font-size:16px; background:#e1e1e1; color:#000; border-top:1px solid #ccc; padding:10px 15px;}
table#newLayout td.priceTag2, table#newLayout td.priceTag3, table#newLayout td.priceTag5 {font-size:20px; background:#e9e9e9; color:#000; border-top:1px solid #ccc; padding:0;}
table#newLayout td.priceTag3 {background:#e9e9e9 url(../images/bg_td3.png) repeat-y 100% 0 !important;}
table#newLayout td.priceTag5 {background:#e9e9e9 url(../images/bg_td5.png) repeat-y 0 100% !important;}
table#newLayout td.priceTag3 i {text-decoration:line-through; font-style:normal; color:#666; font-size:16px;}
table#newLayout td.priceTag4 {font-size:20px; background:#FFD89D !important; color:#FF6600; padding:0;}
table#newLayout td.priceTag4a {font-size:13px; background:#FFD89D !important; border-top:1px solid #FF9800; color:#000; padding:0;}
table#newLayout1 td {vertical-align:top; width:auto; height:auto; padding:0px;}
table#newLayout1 td img {padding-right:0;}
table#newLayout1 td.one {width:243px;}
table#newLayout1 td.two {width:180px;}
table#newLayout1 td.three {width:180px;}
table#newLayout1 td.four {width:180px;}
table#newLayout1 td.five {width:180px;}
table#newLayout1 .infoBox {border:1px solid #ccc; width:225px; margin-left:6px; margin-top:5px; padding:18px 2px;}
#twoCols {float:left; width:965px; margin-left:15px;}
#twoCols .left {float:left; width:350px;}
#twoCols .left img {vertical-align:middle;}
#twoCols .left .addOnPrice {background:#EAEAEA; border:1px solid #D9D9D9; padding:20px 10px;}
#twoCols .left .addOnPrice h2 {font-size:20px; color:#000; margin-left:10px; margin-bottom:15px;}
#twoCols .left .addOnPrice td {text-align:left; color:#000; background:#f3f3f3; color:#333; border-top:1px solid #eaeaea; padding:5px 10px; line-height:20px;}
#twoCols .left .addOnPrice td.price {text-align:center; width:75px; background:#fff; border-left:1px solid #eaeaea; color:#333; font-size:16px;}
#twoCols .left .moreInfo {font-size:12px; padding:10px 20px;}
#twoCols .left .moreInfo a {color:#0000FF; text-decoration:underline;}
#twoCols .right {float:right; width:600px; font-size:14px; color:#333;}
#twoCols .right h2 {font-size:16px; color:#000;}
#twoCols .right ul {margin:0; padding:0;}
#twoCols .right li {list-style:none; background:url(../images/icon_question1.png) no-repeat 0 0; padding-left:30px; margin-top:20px;}
#twoCols .right b {display:block; color:#FF9800; margin-bottom:5px;}
#twoCols .right i {font-weight:bold; font-style:normal;}

/*@@@@@@@@@@@@@@@@@@ NEW LOGIN PAGE RULES @@@@@@@@@@@@@@@@@@*/
#newloginbox {overflow:hidden; float:right; font-size:12px; margin:45px 100px 20px 0;}
#newloginbox a {color:#0099ff; text-decoration:underline;}
#newloginbox a:hover {color:#333; text-decoration:none;}

#newlogin-form {background:url(../images/free-trial-bg-tp.png) repeat-x; height:250px; clear:both; margin-left:17px; padding-top: 20px;}
#newlogin-form-btm {background:url(../images/free-trial-bg-bt.png) no-repeat; background-position:center top; height:50px; clear:both; margin-left:17px;}
#webgility_login {width: 500px; float: left; border-right:solid 1px #CCCCCC;}
#facebook_login {float: left; width: 280px;}
form.newloginform {padding-top:10px;}
form.newloginform p {padding:15px 60px 0 20px; overflow:hidden;}
form.newloginform label {width:140px; display:block; text-align:right; float:left; padding-top:10px; color:#666666; font-weight:bold;}
form.newloginform input[type="text"] {border:1px solid #CCCCCC; background:#fff; padding:10px; width:250px; font-size:16px; float:right; }
form.newloginform input[type="password"] {border:1px solid #CCCCCC; background:#fff; padding:10px; width:250px; font-size:14px; float:right;}
form.newloginform label.error{float: right; clear: both; padding-top: 0px; text-align: left; width: 270px;  color:#FF0000; font-size: 12px; font-weight: normal;}
/*.error {clear: both; color: #FF0000; font-size: 12px; font-weight: normal; padding-top: 0; text-align: left;}*/
.button {border-radius: 0.5em 0.5em 0.5em 0.5em;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);cursor: pointer;display: inline-block;font: 14px/100% Arial,Helvetica,sans-serif;margin: 0 2px;outline: medium none;padding: 0.5em 2em 0.55em;text-align: center;text-decoration: none;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);vertical-align: baseline;}
.button:hover {color: #000000;text-decoration: none;}
.button:active {position: relative;top: 1px;}
.bigrounded {border-radius: 2em 2em 2em 2em;}
.large {font-size: 18px;padding: 0.8em 1.5em 0.82em;}
.medium {font-size: 12px;padding: 0.4em 1.5em 0.42em;}
.medium_bold {font-size: 12px;padding: .4em 1.5em .42em;font-weight:bold;}
.small {font-size: 11px;padding: 0.2em 1em 0.275em;}
/*.black {background: -moz-linear-gradient(center top , #666666, #000000) repeat scroll 0 0 transparent;border: 1px solid #333333;color: #FFFFFF;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');}
.black:hover {background: -moz-linear-gradient(center top , #444444, #000000) repeat scroll 0 0 transparent;color: #FF9800;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');}
.black:active {background: -moz-linear-gradient(center top , #000000, #444444) repeat scroll 0 0 transparent;color: #666666;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');}
.gray {background: -moz-linear-gradient(center top , #888888, #575757) repeat scroll 0 0 transparent;border: 1px solid #555555;color: #E9E9E9;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');}
.gray:hover {background: -moz-linear-gradient(center top , #757575, #4B4B4B) repeat scroll 0 0 transparent;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');}
.gray:active { background: -moz-linear-gradient(center top , #575757, #888888) repeat scroll 0 0 transparent;color: #AFAFAF;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');}
.white {background: -moz-linear-gradient(center top , #FFFFFF, #EDEDED) repeat scroll 0 0 transparent;border: 1px solid #B7B7B7;color: #606060;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');}
.white:hover {background: -moz-linear-gradient(center top , #FFFFFF, #DCDCDC) repeat scroll 0 0 transparent;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');}
.white:active {background: -moz-linear-gradient(center top , #EDEDED, #FFFFFF) repeat scroll 0 0 transparent;color: #999999;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');}
.orange {background: -moz-linear-gradient(center top , #FAA51A, #F47A20) repeat scroll 0 0 transparent;border: 1px solid #DA7C0C;color: #FFFFFF;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');}
.orange:hover {background: -moz-linear-gradient(center top , #F88E11, #F06015) repeat scroll 0 0 transparent;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');}
.orange:active {background: -moz-linear-gradient(center top , #F47A20, #FAA51A) repeat scroll 0 0 transparent;color: #FCD3A5;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');}
.blue {background: -moz-linear-gradient(center top , #00ADEE, #0078A5) repeat scroll 0 0 transparent;border: 1px solid #0076A3;color: #FFFFFF;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');}
.blue:hover {background: -moz-linear-gradient(center top , #0095CC, #00678E) repeat scroll 0 0 transparent;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');}
.blue:active {background: -moz-linear-gradient(center top , #0078A5, #00ADEE) repeat scroll 0 0 transparent;color: #80BED6;filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');}
*/
/* color styles 
---------------------------------------------- */

/* black */
.black {color: #fff;border: solid 1px #333;background: #333;background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));background: -moz-linear-gradient(top,  #666,  #000);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');}
.black:hover {color: #ff9800;background: #000;background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));background: -moz-linear-gradient(top,  #444,  #000);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');}
.black:active {color: #666;background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));background: -moz-linear-gradient(top,  #000,  #444);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');}
/* gray */
.gray {color: #e9e9e9;border: solid 1px #555;background: #6e6e6e;background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));background: -moz-linear-gradient(top,  #888,  #575757);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');}
.gray:hover {background: #616161;background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));background: -moz-linear-gradient(top,  #757575,  #4b4b4b);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');}
.gray:active {color: #afafaf;background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));background: -moz-linear-gradient(top,  #575757,  #888);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');}
/* white */
.white {color: #606060;border: solid 1px #b7b7b7;background: #fff;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));background: -moz-linear-gradient(top,  #fff,  #ededed);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');}
.white:hover {background: #ededed;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));background: -moz-linear-gradient(top,  #fff,  #dcdcdc);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');}
.white:active {color: #999;background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));background: -moz-linear-gradient(top,  #ededed,  #fff);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');}
/* orange */
.orange {color: #ffffff;border: solid 1px #da7c0c;background: #f78d1d;background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));background: -moz-linear-gradient(top,  #faa51a,  #f47a20);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');}
.orange:hover {background: #f47c20;background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));background: -moz-linear-gradient(top,  #f88e11,  #f06015);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');}
.orange:active {color: #fcd3a5;background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));background: -moz-linear-gradient(top,  #f47a20,  #faa51a);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');}
/* blue */
.blue {color: #ffffff;border: solid 1px #0076a3;background: #26ADE3;background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));background: -moz-linear-gradient(top,  #00adee,  #0078a5);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');}
.blue:hover {background: #007ead;background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));background: -moz-linear-gradient(top,  #0095cc,  #00678e);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');}
.blue:active {color: #80bed6;background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));background: -moz-linear-gradient(top,  #0078a5,  #00adee);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');}

a#signup_btn{color: #FFFFFF;}
a:hover#signup_btn{color: #FFFFFF;}
a#btn_submit{color: #FFFFFF;}
a:hover#btn_submit{color: #FFFFFF;}
a#btn_cancel{color: #FFFFFF;}
a:hover#btn_cancel{color: #FFFFFF;}


/*@@@@@@@@@@@@@@@@@@ REFERRAL PAGE RULES @@@@@@@@@@@@@@@@@@*/
.sub-heading {padding-bottom: 10px;color: #FF9A01;font-weight: bold; font-size:16px;}
#refer_a_friend_form input[type="text"] {border:1px solid #CCCCCC; background:#fff; height:20px;}
#refer_a_friend_form label.error{color:#FF0000; font-size: 12px; font-weight: normal;margin-bottom: 5px;float:none;}
#titlecontainer2 .button-try {float: right;margin-right: 0;margin-top: 25px;width: 250px;text-align:right;}