/* * * CSS StyleSheet * * * (C) December 2009, January 2010 * */ /* Main elements */ html, body {margin:0;padding:0;font-family:"Trebuchet MS";font-size:11px;line-height:18px;} a {color:#6A7724;} img {border:0;display:block;} #container {} /* Header */ #container #header {background-color:#000;color:#FFF;height:100px;} #container #header .logo {position:relative;float:left;margin:0 0 0 5px;outline-style:none;} #container #header .title {position:relative;float:left;margin: 13px 0 0 18px;font-size:14px;font-weight:bold;} #container #header ul.menu {margin:0;padding:0;position:relative;float:left;margin:23px 0 0 52px;} /*left was 71*/ #container #header ul.menu li {position:relative;float:left;display:block;padding:0 9px;background:url(/_tpl/_img/bg_menuItem.png) right 4px no-repeat;} #container #header ul.menu li:last-child {background:none;} #container #header ul.menu li a {text-decoration:none;color:#FFF; text-transform:uppercase;color:#FFF;font-size:14px;margin:0;font-weight:bold;outline-style:none;} #container #header ul.menu li a:hover, #container #header ul.menu li a.selected {border-bottom:2px solid #ACC42A;} #container #header div.languageBox {position:relative;float:right;color:#898989; margin-top:13px; width:176px;} #container #header div.languageBox img {position:relative;float:left;} #container #header div.languageBox span.lblLanguage {float:left; position:relative; margin-left:8px;} #container #header div.languageBox div.selectedLanguage {margin-bottom:12px; margin-left:5px; float:left; position:relative;border:1px solid #454545; width:72px;padding-right:5px; padding-left:3px; cursor:pointer; background:url(/_tpl/_img/bg_lng_arrow.gif) no-repeat 65px 8px; color:#FFF;/*height:21px;*/} #container #header div.languageBox #lang {position:absolute; right:0;background-color:#000;top:19px;z-index:100; width:82px;display:none;} #container #header div.languageBox #lang ul {margin:0;padding:0;list-style-type:none;display:block;} #container #header div.languageBox #lang ul li {border-top:1px solid #454545;border-left:1px solid #454545;border-right:1px solid #454545;text-align:center;height:20px;} #container #header div.languageBox #lang ul li:last-child {border-bottom:1px solid #454545;} #container #header div.languageBox #lang ul li a {text-decoration:none; color:#FFF;display:block; height:20px;} #container #header div.languageBox #lang ul li a:hover {background-color:#454545;} /* Main content (middle) */ #container #content {/*background:url(/_tpl/_img/bg_content.gif);*/background-color:#FFFBEF;min-height:359px;height:auto !important;height:359px;} #container #content #switcher {position:relative;height:255px;} #container #content #switcher img.brdrLeft {position:relative;float:left;} #container #content #switcher img.brdrRight {position:relative;float:right;} #container #content #switcher img.brdrBottom {position:relative;float:left;} #container #content #switcher #switchedContent{position:relative;float:left; width:840px;height:246px; display:block; background-color:#EEE;} /* Main content (banner) */ #banners {position:relative;height:255px;width:862px;} #banners img.brdrLeft {position:relative;float:left;} #banners img.brdrRight {position:relative;float:right;} /*#banner img.brdrBottom {position:relative;float:left;}*/ #banners div#switchedContent {width:850px;height:246px;display:block;position:relative;float:left;} #banners div#switchedContent div.content {width:850px;height:246px;display:block;} div.bgBlack {background:url(/_tpl/_img/bg_banners_black.jpg) 0 0 no-repeat;} div.bgBlack h1 {color:#FFF;font-size:30px;line-height:30px;font-weight:bold;margin:0;} div.bgBlack h2 {color:#FFF;font-size:24px;line-height:30px;font-weight:normal;margin:0;} div.bgBlack p {color:#898989;font-size:15px;font-weight:bold;margin-top:21px;} div.bgBlack p.p12 {font-size:12px;margin-top:17px;} div.bgBrown{background:url(/_tpl/_img/bg_banners_brown.jpg) 0 0 no-repeat;} div.bgBrown h1 {color:#000;font-size:30px;line-height:30px;font-weight:bold;margin:0;} div.bgBrown h2 {color:#000;font-size:24px;line-height:30px;font-weight:normal;margin:0;} div.bgBrown p {color:#736357;font-size:15px;font-weight:bold;margin-top:21px;} div.bgGreen{background:url(/_tpl/_img/bg_banners_green.jpg) 0 0 no-repeat;} div.bgGreen h1 {color:#000;font-size:30px;line-height:30px;font-weight:bold;margin:0;} div.bgGreen h2 {color:#000;font-size:24px;line-height:30px;font-weight:normal;margin:0;} div.bgGreen p {color:#736357;font-size:15px;font-weight:bold;margin-top:21px;} div.bgGray{background:url(/_tpl/_img/bg_banners_gray.jpg) 0 0 no-repeat;} div.bgGray h1 {color:#000;font-size:30px;line-height:30px;font-weight:bold;margin:0;} div.bgGray h2 {color:#000;font-size:24px;line-height:30px;font-weight:normal;margin:0;} div.bgGray p {color:#898989;font-size:15px;font-weight:bold;margin-top:21px;} div.bgGapps {background:url(/_tpl/_img/bg_banners_google_apps.jpg) 0 0 no-repeat;} div.bgGapps h1 {color:#000;font-size:30px;line-height:30px;font-weight:bold;margin:0;} div.bgGapps h2 {color:#000;font-size:24px;line-height:30px;font-weight:normal;margin:0;} div.bgGapps p {color:#898989;font-size:15px;font-weight:bold;margin-top:21px;} div.bgFlowr {background:url(/_tpl/_img/bg_banners_start_collaborating.jpg) 0 0 no-repeat;} div.bgFlowr h1 {color:#000;font-size:30px;line-height:30px;font-weight:bold;margin:0;} div.bgFlowr h2 {color:#000;font-size:24px;line-height:30px;font-weight:normal;margin:0;} div.bgFlowr p {color:#898989;font-size:15px;font-weight:bold;margin-top:21px;} div.bgWatch {background:url(/_tpl/_img/bg_banners_watch_flowr_in_action.jpg) 0 0 no-repeat;} div.bgWatch h1 {color:#000;font-size:30px;line-height:30px;font-weight:bold;margin:0;} div.bgWatch h2 {color:#000;font-size:24px;line-height:30px;font-weight:normal;margin:0;} div.bgWatch p {color:#898989;font-size:15px;font-weight:bold;margin-top:21px;} div.bgAnalytics {background:url(/_tpl/_img/bg_banners_flowr_analytics.jpg) 0 0 no-repeat;} div.bgAnalytics h1 {color:#000;font-size:30px;line-height:30px;font-weight:bold;margin:0;} div.bgAnalytics h2 {color:#000;font-size:24px;line-height:30px;font-weight:normal;margin:0;} div.bgAnalytics p {color:#898989;font-size:15px;font-weight:bold;margin-top:21px;} #banners .navigationHolder {position:absolute;top:0;left:12px;z-index:1000;} #banners .inviteFormHolder {position:absolute;top:189px;left:30px;z-index:1000;} #banners .inviteFormHolder #sent {left:0 !important; position:absolute; top:0!important;width:200px;} #banners .inviteFormHolder #invite {left:0 !important;top:0!important;width:340px;} #banners .inviteFormHolder #invite .form {margin:0;} #banners .inviteFormHolder #invite .create {background:url(/_tpl/_img/bg_create.png) 0 0 no-repeat;width:87px; height:32px; border:0px none; font-size:14px; color:#ffffff; font-weight:bold; margin-left:5px; cursor:pointer; font-family:"Trebuchet MS"; padding:0;} /*#banners #navigation {list-style-type:none;position:relative;float:left;margin:0;padding:0;} #banners #navigation li {position:relative;float:left;background:none !important;padding-left:10px;padding-top:8px;} */#banners a.iconLeft{display:block;width:6px;height:7px; background:url(/_tpl/_img/icon_switch_left.png) no-repeat 0 0; position:relative; float:left; top:9px; margin-left:9px; margin-right:10px;} #banners a.iconRight{display:block;width:6px;height:7px;background:url(/_tpl/_img/icon_switch_right.png) no-repeat 0 0; position:relative; float:left;top:9px; margin-left:20px;} #banners a.iconSwitch{display:block;width:7px;height:8px;background:url(/_tpl/_img/icon_banners_ch.png) no-repeat 0 0;position:relative; float:left; /*top:8px;*//*margin-left:10px;*/ outline-style:none;} #banners a.iconSelected, #banners a.activeSlide {display:block;width:7px;height:8px;background:url(/_tpl/_img/icon_banners_co.png) no-repeat 0 0; position:relative; float:left; /*top:8px;*//*margin-left:10px;*/} /*#s1, #s2, #s3, #s4 {display:none;}*/ /* JQuery Cyle Pager */ #nav, #nav2 {list-style-type:none;position:relative;float:left;margin:0;padding:0;} #nav li, #nav2 li {position:relative;float:left;background:none !important;padding-left:10px;padding-top:8px;} #switcher a.iconLeft{display:block;width:6px;height:7px; background:url(/_tpl/_img/icon_switch_left.png) no-repeat 0 0; position:relative; float:left; top:9px; margin-left:9px; margin-right:10px;} #switcher a.iconRight{display:block;width:6px;height:7px;background:url(/_tpl/_img/icon_switch_right.png) no-repeat 0 0; position:relative; float:left;top:9px; margin-left:20px;} #switcher a.iconSwitch, #nav2 .iconSwitch{display:block;width:7px;height:8px;background:url(/_tpl/_img/icon_switch.png) no-repeat 0 0;position:relative; float:left; /*top:8px;*//*margin-left:10px;*/} #switcher a.iconSelected, #switcher a.activeSlide, #nav2 .activeSlide{display:block;width:7px;height:8px;background:url(/_tpl/_img/icon_switch_selected.png) no-repeat 0 0; position:relative; float:left; /*top:8px;*//*margin-left:10px;*/} #switcher h1.title {font-size:36px; line-height:34px; color:#000; font-weight:normal; margin:0; position:absolute; left:19px; top:29px;} #switcher h2.title {font-size:15px; /*line-height:auto;*/ color:#898989; font-weight:bold; margin:0; position:absolute; left:21px; top:113px;} #switcher #sent {left:21px; position:absolute; top:195px;} #invite {position:absolute;top:188px;left:26px;} #invite .text, #contactForm .text, #blog .text { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; color:#464646; padding:10px 9px 7px 9px; border:3px solid #cdcccc; -moz-border-radius:3px; -webkit-border-radius:3px; width:187px; } #invite .italic { font-style:italic; } #blog .error, #invite .error, #contactForm .error { border:3px solid #f05123; } #invite .submit { background-image:url('/_tpl/_img/bg_invite.gif'); background-position:left top; background-repeat:no-repeat; /*padding:7px 4px 5px 6px;*/ /*line-height:auto;*/ width:118px; height:32px; border:0px none; font-size:12px; color:#ffffff; font-weight:bold; margin-left:5px; cursor:pointer; font-family:"Trebuchet MS"; padding:0; } #invite .form { margin-left: -6px; } .featureBox {font-family:Tahoma; color:#464646; width:308px;height:96px;position:relative;/*padding-top:36px;*/ padding:15px 0 0 0;float:left;padding-right:5px;} .featureBox img {position:relative; float:left;} .featureBox h2 {font-size:14px; line-height:18px; margin:0; position:relative;float:right;width:212px;} .featureBox span {font-size:11px; line-height:18px;position:relative;float:right; width:212px;} .featureBox img.iconClock {padding:5px 0 0 30px;} .featureBox img.iconChat {padding:2px 0 0 19px;} .featureBox img.iconLock {padding:5px 0 0 32px;} .featureBox img.iconEnvelope {padding:7px 0 0 19px;} .featureBox-bottom {padding-top:0;} .newsBox {position:relative;float:left;/*margin-top:36px;*/ margin:15px 0;float:right;width:214px;/*height:241px;*//*eight:200px;height:180px;*/background:url(/_tpl/_img/brdr_news.png) left top no-repeat;color:#464646; font-size:11px;padding-left:12px;padding-bottom:15px;width:215px;} .newsBox span.latest {position:relative;float:left;font-size:10px;color:#898989;line-height:10px;} .newsBox span.tag, div.contentLeft span.tag {background-color:#ACC42A;color:#FFF;font-size:10px;font-weight:bold;font-family:Tahoma;padding:0 3px 1px 3px;line-height:10px;} .newsBox span.date, div.contentLeft span.date {position:relative;margin-top:13px;display:block;} .newsBox a, div.contentLeft a.newsLink {color:#F05123; position:relative;float:left;font-size:14px;line-height:18px; font-weight:bold;} /*INNER PAGE MAIN ELEMENTS*/ #content div.contentLeft {width:630px;position:relative;float:left;font-size:12px;} #content div.contentLeft a {/*font-size:12px;*/font-weight:bold;color:#F05123;} #content div.contentLeft a:hover {color:#F5822A;} #content div.contentLeft div.mainContent {background-color:#FFF;font-family:Tahoma; padding:0 10px;float:left;color:#464646;width:610px;min-height:331px;height:auto !important;height:331px;} /*minh was 405*/ #content div.contentLeft div.mainContent h1 {font-size:24px;font-weight:normal;margin:16px 0 19px 0;} #content div.contentLeft div.mainContent h2, div.mainContent h2.contactFormTitle {font-size:14px;font-weight:bold;/*margin:26px 0 20px 0;*/ margin:26px 0 5px 0;}/*mb was 10*/ #content div.contentLeft div.mainContent h3 {font-size:12px;font-weight:bold;margin:0;} #content div.contentLeft div.mainContent p {/*margin:0;*/font-size:12px;position:relative;float:left;/*margin:12px 0;*/} #content div.contentLeft div.mainContent ul.subnavigation {list-style-type:none;margin:0;padding:0;float:left;position:relative;/*margin-bottom:23px;*/} #content div.contentLeft div.mainContent ul.subnavigation li {position:relative;float:left; padding:0 6px; background:url(/_tpl/_img/bg_subMenuItem.png) no-repeat left 5px;} #content div.contentLeft div.mainContent ul.subnavigation li:first-child {background:none;padding:0 6px 0 0;} #content div.contentLeft div.mainContent ul.subnavigation li a {color:#464646; font-size:11px;font-weight:normal;} #content div.contentLeft div.mainContent ul.subnavigation li span {color:#000;} /* CONTACT*/ div.mainContent img.map {/*margin-top:15px;*/} div.mainContent a.skypeUs {margin-top:21px;position:relative;float:left;left:-2px;outline-style:none;} div.mainContent ul.followUs {position:relative;float:left;margin:0 !important;margin:6px 0 24px 0 !important;} div.mainContent ul.followUs li {height:16px;;background:none !important;padding: 0 !important;margin-bottom:8px !important;} div.mainContent ul.followUs li a {padding-left:21px;} /*div.mainContent h2.contactFormTitle {font-size:15px;font-family:"Trebuchet MS";color:#898989;margin:0 0 10px 10px !important;}*/ div.contactLeft {width:305px;position:relative;float:left;padding-bottom:33px;} div.contactRight {width:305px;position:relative;float:right;padding-bottom:33px;} div.contactLeft .left {float:left;width:150px;} div.contactLeft .right {float:right;width:140px;} #contactForm {background-color:#faf5e4;width:606px;display:block;/*margin-bottom:24px;*/position:relative;float:left;} #contactForm .submit {display:block;width:77px;height:32px;color:#FFF !important;font-size:14px !important;font-weight:bold !important;text-decoration:none;background:url(/_tpl/_img/bg_contactForm_submit.png) no-repeat 0 0;text-align:center;padding-top:0px;border:0px none;cursor:pointer;padding:0} #contactForm table {font-family:"Trebuchet MS";font-size:12px;font-weight:bold;color:#898989;margin:6px 0;} #contactForm table td {vertical-align:top;} #contactForm .text {width:201px;padding:5px 9px;} #contactForm textarea.text {width:501px;} div.messageSent {width:609px;display:block;background-color:#f6faf0;padding:22px 0;position:relative;float:left;} div.messageSent h2 {margin:0 0 11px 0 !important;font-weight:normal !important;font-size:18px !important;position:relative;float:left;width:500px;} div.messageSent p {margin:0 !important;font-size:11px !important;position:relative;float:left;width:525px;} div.messageSent img {position:relative;float:left;padding:0 13px;} div.messageSent2 {width:632px;display:block;background-color:#f6faf0;padding:22px 0;position:relative;float:left;} div.messageSent2 h2 {margin:0 0 11px 0 !important;font-weight:normal !important;font-size:18px !important;position:relative;float:left;width:500px;} div.messageSent2 p {margin:0 !important;font-size:11px !important;position:relative;float:left;width:525px;} div.messageSent2 img {position:relative;float:left;padding:0 13px;} div.errorMessage {position:relative;float:left;left:-93px;padding-top:29px;display:none;} div.errorMessage h2 {margin:0 0 0 16px !important;font-size:14px !important;position:relative;float:left;width:450px;} div.errorMessage p {margin:0 0 0 16px !important;font-size:11px !important;position:relative;float:left;} div.errorMessage img {position:relative;float:left;} div.errorMessageHeight {height:146px !important;} div.errorMessage2 {position:relative;float:left;left:-93px;padding-top:29px;display:none;} div.errorMessage2 h2 {margin:0 0 0 16px !important;font-size:14px !important;position:relative;float:left;width:450px;} div.errorMessage2 p {margin:0 0 0 16px !important;font-size:11px !important;position:relative;float:left;font-family:Tahoma;} div.errorMessage2 img {position:relative;float:left;} div.errorMessageHeight2 {height:156px !important;} /* PRODUCT OVERVIEW*/ div.overviewLeft {position:relative;float:left;width:268px;padding-bottom:15px;} img.overviewRight {position:relative;float:right;margin-top:23px;} /* MEDIA */ div.block {position:relative;float:left;width:305px;font-size:11px;} div.block img {position:relative;float:left;} div.block ul.fileList {position:relative;float:left;margin-left:10px;} /* PRODUCT TOUR */ /*content contentleft maincontent*/ div.innerBox{background-color:#F6E8C7;width:612px;position:relative;float:left;margin-bottom:19px;padding-bottom:3px;} div.innerBox img {position:relative;float:left;} div.innerBox #screenSwitch{position:relative;float:left;padding:0 0 0 3px;padding-bottom:16px;height:490px;} div.innerBox /*#screenSwitch*/ div {position:relative;float:left;display:block;padding-left:3px;} div.innerBox /*#screenSwitch*/ div.screenDesc{padding:16px 0 0 10px;height:69px;} div.innerBox h2 {font-size:18px;font-weight:bold;margin:0 !important;} div.innerBox p {width:533px;font-size:11px !important;margin-top:0;} div.innerBox img.arrow {position:absolute;left:14px;top:379px;z-index:1000;height:12px;} div.innerBox #prev {position:absolute;display:block;width:16px;height:63px;background-image:url(/_tpl/_img/bg_innerBox_Prev.gif);left:8px;top:8px;z-index:1000;} div.innerBox #next {position:absolute;display:block;width:16px;height:63px;background-image:url(/_tpl/_img/bg_innerBox_Next.gif);right:10px;top:8px;z-index:1000;} div.innerBox #nav2 {position:absolute;right:42px;top:20px;z-index:1000;} #tour_box {width: 862px; background-image: url('/_tpl/_img/bg_tour.png'); background-position: left top; background-repeat: repeat-y;} #tour_box h1 {font-size:24px;font-weight:normal;padding:16px 0 19px 10px;margin:0;color:#464646;font-family:Tahoma;} #tour_box .main_box {width: 862px;background-image: url('/_tpl/_img/bg_tour_inner.png'); background-position: left top; background-repeat: repeat-y;} #tour_box .picture {padding-left:9px; position:relative;} #tour_box .screenshot {border-left: 3px solid #f6e9c9;border-right: 3px solid #f6e9c9; float:left;} #tour_box .about {width: 190px;padding:15px 10px; position:relative;left:31px;float:left;color:#464646;font-family:Tahoma;} #tour_box .pointer {position: absolute; left: -12px; top:14px;width:12px; height:23px; background-image: url(/_tpl/_img/pointer.png); background-position: left top; background-repeat: no-repeat;} #tour_box .spacer {height:50px;display:block;} #tour_box .about h2 {margin:0; font-size:18px; font-weight:bold;} #tour_box .about p {} /*FEATURE COMPARE*/ #featureList {border-collapse:collapse;line-height:29px;/*margin:0 0 16px 0;*/ width:610px;margin-top:30px;} #featureList tr {font-size:12px;border-bottom:1px dashed #CDCDCD;} #featureList tr.title {background-color:#F9F8D5;/*border-bottom:0;*/font-weight:bold;color:#464646;} #featureList tr.title td {padding-left:12px;border-right:1px solid #F9F8D5;text-align:left;} #featureList tr.title td.premiumBg {background-color:#F6F4C3;} #featureList tr th {background-color:#ACC42A;color:#FFF;font-size:12px;font-weight:bold;text-align:center;padding:0;border-right:1px solid #FFF;} #featureList tr th.first {padding-left:12px;text-align:left;width:267px;} #featureList tr th.second {width:104px;} #featureList tr th.third {width:110px;} #featureList tr th.fourth {width:110px;border-right:none;border-right:1px} #featureList tr td {border-right:1px solid #ACC42A;text-align:center;font-weight:bold;/*padding-left:20px;*/} #featureList tr td.first {padding-left:19px;font-weight:normal;width:263px;} #featureList tr td img {position:relative;margin:0 auto;top:-2px;} #featureList tr td.premium {background-color:#FCFBEA;} /*#featureList tr > :nth-child(3) {background-color:#FCFBEA;}*/ /* // TODO: Not supported in ALLL browsers */ #featureList tr.noBorder{border-bottom:0;} /*TEAM*/ #content div.contentLeft div.mainContent div.teamMember {margin:28px 0 0 0;width:610px;position:relative;float:left;} #content div.contentLeft div.mainContent div.teamMember img {position:relative;float:left;margin-top:3px;} #content div.contentLeft div.mainContent div.teamMember div.teamMemberDescription {position:relative;float:right;width:517px;} #content div.contentLeft div.mainContent div.teamMember div.teamMemberDescription h3 {margin:0 0 6px 0;} #content div.contentLeft div.mainContent div.teamMember div.teamMemberDescription h3 span {font-weight:normal;} #content div.contentLeft div.mainContent div.teamMember div.teamMemberDescription a {display:block;float:left; padding: 0 0 0 20px; margin:6px 0 0 0; /*9*/background-position:0 2px;font-weight:normal !important;} #content div.contentLeft div.mainContent div.teamMember div.teamMemberDescription p {width:510px;margin-top:0;} #content div.contentLeft div.mainContent div.teamMember div.teamMemberDescription span.label {float:left;} /*SUPPORT*/ div.mainContent img.iconFaq {position:relative;float:left;/*margin-top:3px;*/margin-right:14px;top:-4px;} form.contactSupport {} form.contactSupport input.submit {/*float:right;position:relative;right:13px;top:38px;*/} form.contactSupport textarea {/*width:411px !important;*/height:18px;} /*FEATURES*/ #content div.contentLeft div.inviteForm {background:url(/_tpl/_img/bg_signup_form.png) no-repeat 0 10px;width:528px;height:94px;display:block;padding:10px 0 0 104px;margin:0 0 0 -1px;} #content div.contentLeft div.inviteForm h2 {color:#464646;margin:15px 0 0 2px;font-size:15px;} #content div.contentLeft div.inviteForm form {position:relative;margin-top:10px;} #content div.contentLeft div.inviteForm form input.text, #signup-box input[type="text"] {width:303px;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:14px;line-height:18px;color:#464646;padding:10px 9px 7px 9px;border:3px solid #cdcccc; -moz-border-radius:3px; -webkit-border-radius:3px;} #content div.contentLeft div.inviteForm form input.italic, #signup-box input.italic {font-style:italic;} #content div.contentLeft div.inviteForm form input.error, #signup-box input.error {border:3px solid #f05123;} #content div.contentLeft div.inviteFormInner {width:508px;height:86px;background:url(/_tpl/_img/bg_signup_form_inner.png) no-repeat 0 0;} #content div.contentLeft div.inviteFormInner h2 {margin-top:4px;} #content div.contentLeft div.inviteFormInner .submit {margin-left:8px !important;} #content div.contentLeft div.inviteForm form input.submit, #blog .submit, /*#signup-box input[type="submit"] {border:0px none;font-size:12px;color:#ffffff;font-weight:bold;margin-left:5px;cursor:pointer;font-family:"Trebuchet MS";background-image:url('/_tpl/_img/bg_join.gif');background-position:left top; background-repeat:no-repeat;width:77px;height:32px;padding:0}*/ #content div.contentLeft div.mainContent div.feature {width:305px;display:block;position:relative;float:left;/*padding-bottom:39px;*/min-height:108px;font-size:11px;padding:19px 0;} #content div.contentLeft div.mainContent div.feature img {position:relative; float:left;} #content div.contentLeft div.mainContent div.feature div {position:relative;float:left;color:#464646;width:212px;} #content div.contentLeft div.mainContent div.feature div.div2 {width:201px;} #content div.contentLeft div.mainContent div.feature div a {color:#464646;} #content div.contentLeft div.mainContent div.feature div h2 {/*font-family:"Trebuchet MS"*/;font-size:14px;margin:0;} /*BLOG*/ #blog .submit {border:0px none;font-size:12px;color:#ffffff;font-weight:bold;margin-left:5px;cursor:pointer;font-family:"Trebuchet MS";background-image:url('/_tpl/_img/bg_join.gif');background-position:left top; background-repeat:no-repeat;width:77px;height:32px; min-height:0;padding:0 0;} #blog {padding-right:7px;} #blog .post h2.postTitle {font-size:20px !important; margin-bottom:5px !important;line-height:20px !important;margin-top:0 !important;line-height:22px !important;/*padding-top:5px;*/} #blog .post h3.postDesc {position:relative;float:left;margin:0 !important;font-size:10px !important; font-weight:normal !important;color:#898989;padding:0; /*padding-left:64px !important;*/} #blog .post h3 a {font-weight:normal;color:#898989;} .mainContent div.post {padding-bottom:18px;padding-top:20px;} .mainContent div.post img.avatar {position:relative;float:left;border:1px solid #c7c7c7;width:50px;height:50px;margin-right:10px;padding:1px;-moz-border-radius: 2px;-webkit-border-radius: 2px;} #blog .title {font-size:20px !important;line-height:22px !important;margin-bottom:5px !important;margin-top:0 !important;color:#464646 !important;text-decoration:none;} #blog .commentBox p {margin:0; padding:0; float:none !important;font-size:11px !important;} #blog .postContent {font-size:12px;padding-left:64px;padding-right:20px;} #blog .postContent h2 {margin: 0 0 11px 0 !important;} #blog .postContent h3 {margin: 18px 0 0 0 !important;float:none !important;} #content div.contentLeft div.mainContent .postContent p {float:none;} #blog .postContent ul {margin: 0 0 18px 12px !important;} #blog .postContent ul li {padding-left:11px;} .mainContent div.post a.readMore {display:block;margin-top:10px;} #blog .comments {color:#464646;font-size:11px;padding-left:64px;} #blog .comments a {font-weight:normal !important;font-size:11px !important;} #blog .comments .commentBox {background-color:#fbf5e2;width:510px;line-height:15px;padding:0 10px;} #blog .comments span.light {color:#898989;font-size:10px;} #blog .newComment {color:#636363;padding:15px 0 15px 0;} #blog .spacer {height:30px;} #blog .newComment h2 {margin:0 !important;font-weight:normal !important;} #blog .newComment table {border-collapse:collapse;} #blog .newComment table td {vertical-align:top;} #blog .newComment table td.label {padding-top:17px;width:52px;font-size:11px;} #blog .newComment table td.label2 {padding-top:10px;width:52px;font-size:11px;} #blog .newComment table td.label3 {padding-top:8px;width:52px;font-size:11px;} #blog .newComment table input.text {width:313px;margin:9px 0 0 0;padding:4px;} #blog .newComment table input.text2 {width:313px;margin:4px 0 0 0;padding:4px;} #blog .newComment table textarea.text {width:443px;min-height:68px;margin-bottom:4px;margin-top:4px;} #blog .newComment input.submit {margin-top:3px;font-weight:bold;font-size:14px;} /*blog -right */ div.blogRight {background-color:#f6e8c7;width:188px;font-family:Tahoma;color:#464646;padding:0 11px 18px 11px;} div.blogRight h3 {font-size:11px !important;} div.blogRight p {margin:7px 0 0 0;font-size:11px !important;} div.blogRight img {position:relative;left:-4px;margin:18px 0;} ul.links {margin:0 !important;} ul.links li a {color:#f05123;} /*PRICING*/ #content div.contentLeft div.mainContent div.message{border:1px solid #FFE373;background-color:#F9F8D5;text-align:center;padding:8px 0;line-height:9px;width:608px;margin-top:20px;} #content div.contentLeft div.mainContent div.message a {color:#F05123;font-weight:bold;font-size:12px;} #content div.contentLeft div.mainContent div.pricing {padding:0 0 10px 0;text-align:center;position:relative;float:left;margin-left:5px;} div.pricing img.border {position:relative;float:left;} div.pricing a.signup {padding:2px 15px 3px;background-color:#f05123;border:1px solid #b1b1b1;font-size:18px !important;line-height:18px;color:#ffffff !important;font-weight:bold !important;cursor:pointer;font-family:"Trebuchet MS";/*margin:10px 0 0 0;*/margin:18px 0 0 0;text-decoration:none;display:block;width:73px;margin-left:auto;margin-right:auto;line-height:25px;} #content div.contentLeft div.mainContent div.pricing h3 {font-size:30px;line-height:30px;font-weight:normal;margin:8px 0 9px 0;float:none;} #content div.contentLeft div.mainContent div.pricing span.green {color:#007236; font-size:16px;line-height:36px;} #content div.contentLeft div.mainContent div.pricing span.greenYellow {color:#007236;background-color:#FFF899;font-size:16px;padding:0 3px;line-height:36px;} #content div.contentLeft div.mainContent div.pricing span.brown {color:#A08139;} #content div.contentLeft div.mainContent div.pricing span.red {color:#9E0B0F;} #content div.contentLeft div.mainContent div.pricing span.orange {color:#F05123;} #content div.contentLeft div.mainContent div.pricing ul {margin:0;padding:0 0 13px 0;list-style-type:none; font-size:12px !important;} #content div.contentLeft div.mainContent div.pricing ul li {background:none !important;} #content div.contentLeft div.mainContent div.pricing div.left {position:relative;display:block;float:left;border-left:1px solid #DAD28B;width:192px;} #content div.contentLeft div.mainContent div.pricing div.middle {position:relative;display:block;float:left;border-left:2px solid #F5822A;width:214px;background-color:#FCF8E6;background-image:url(/_tpl/_img/bg_premium.gif); background-position:right top; background-repeat:repeat-y;} #content div.contentLeft div.mainContent div.pricing div.middle h3 {font-size:30px;line-height:30px;font-weight:bold;margin-top:18px;} #content div.contentLeft div.mainContent div.pricing div.middle div {min-height:170px;font-size:12px;line-height:20px;} #content div.contentLeft div.mainContent div.pricing div.right {position:relative;display:block;float:left;border-right:1px solid #DAD28B;width:189px;} #content div.contentLeft div.mainContent div.pricing div.right img.divider {position:relative;left:-2px;} #content div.contentLeft div.mainContent div.pricing div.left div, #content div.contentLeft div.mainContent div.pricing div.right div {min-height:180px;font-size:14px;line-height:20px;} div.pricing div.left div, div.pricing div.right div, div.pricing div.middle div {padding-top:13px;} div.pricing div.free {float:left; width:193px;} div.pricing div.premium {float:left;width:216px;} div.pricing div.appilance {float:left;width:190px;} div.pricing div.left div, div.pricing div.right div {background-color:#FCF8E6;} div.pricing div.middle div {background-color:#F6E8C7;width:209px;} div.pricing div.middle .until {font-size:10px;line-height:23px;} #content div.contentLeft div.mainContent div.description {position:relative;float:left;padding:11px 0 0 0;/*width:299px;*/display:block;} #content div.contentLeft div.mainContent div.description h2 {float:none;margin: 15px 0 0 0;/*font-size:12px;*/} #content div.contentLeft div.mainContent div.description h2.descriptionTitle {padding-left:79px;} #content div.contentLeft div.mainContent /*div.description*/ h3.listTitle {margin:18px 0 0 0;float:none;} #content div.contentLeft div.mainContent div.description img {position:relative;float:left;margin-top:-5px;} #content div.contentLeft div.mainContent div.description div {width:530px; margin:10px 0 0 13px;position:relative;float:left;} #content div.contentLeft div.mainContent /*div.description*/ h3 {position:relative;float:left;margin:26px 0 0 10px;} #content div.contentLeft div.mainContent h3.normal {margin:18px 0;} #content div.contentLeft div.mainContent /*div.description*/ ul, #content div.contentRight ul {margin:0 0 12px 23px; padding:0;list-style-type:none;} #content div.contentLeft div.mainContent ul li, #content div.contentRight ul li {margin:0;padding:0;background:url(/_tpl/_img/bg_listItem_black.gif) no-repeat 0 7px;padding-left:10px;} /*#content div.contentLeft div.mainContent ul li:last-child {}*/ /*#content div.contentLeft div.mainContent div.description p {margin:13px 0 0 0;}*/ /*LATEST*/ div.mainContent #latestList {list-style-type:none; padding:0;margin:0 !important;position:relative;float:left;} div.mainContent #latestList li {margin:0 0 17px 0 !important;display:block;position:relative;float:left;background:none !important;width:577px;} div.mainContent #latestList li:last-child {margin-bottom:0 !important;} div.mainContent #latestList li div {display:block;position:relative;float:left;} div.mainContent #latestList li div span.tag {margin-right:7px;} #content div.contentRight {width:210px;position:relative;float:right;} #content div.contentRight h3 {margin:0 0 5px 0;font-size:17px;} #content div.contentRight ul.submenu {list-style-type:none;margin:0;padding:0 0 22px 0;} #content div.contentRight ul.submenu li {background-image:url(/_tpl/_img/bg_submenu_right.png); background-repeat:no-repeat; text-transform:uppercase; padding:0;} #content div.contentRight ul.submenu li a {display:block; height:30px;text-decoration:none;font-family:"Trebuchet MS";line-height:30px;color:#464646;padding:0 0 0 22px;} #content div.contentRight ul.submenu li a:hover {color:#FFF; /*font-weight:bold;*/} #content div.contentRight ul.submenu li.middle {background-position:0 -31px; height:30px} #content div.contentRight ul.submenu li.middle:hover {background-position:-210px -31px;} #content div.contentRight ul.submenu li.middle-hover {background-position:-210px -31px;} #content div.contentRight ul.submenu li.middle a {/*padding-top:1px;*/height:30px;} #content div.contentRight ul.submenu li.middle-hover a {color:#FFF;font-weight:bold;} #content div.contentRight ul.submenu li.top {background-position:0 0; height:31px;} #content div.contentRight ul.submenu li.top:hover {background-position:-210px 0;} #content div.contentRight ul.submenu li.top-hover {background-position:-210px 0;} #content div.contentRight ul.submenu li.top a {padding-top:2px;height:28px;} #content div.contentRight ul.submenu li.top-hover a {color:#FFF;font-weight:bold;} #content div.contentRight ul.submenu li.bottom {background-position:0 -62px; height:32px;} #content div.contentRight ul.submenu li.bottom:hover {background-position:-210px -62px;} #content div.contentRight ul.submenu li.bottom-hover {background-position:-210px -62px;} #content div.contentRight ul.submenu li.bottom a {padding-top:1px;height:32px;} #content div.contentRight ul.submenu li.bottom-hover a {color:#FFF;font-weight:bold;} #content div.contentRight div.tweeterBox { /*padding-top:33px;*/} #content div.contentRight div.tweeterBox div {background-color:#F6E8C7;width:188px;padding:13px 11px 3px;;font-family:Tahoma;line-height:14px;color:#464646;} #content div.contentRight div.tweeterBox div a {font-weight:bold; color:#F05123;} #content div.contentRight div.tweeterBox div span {line-height:25px; font-size:10px; color:#898989;} #content div.contentRight div.tweeterBox #twitterContent {min-height:53px;} #content div.contentRight div.tweeterBox div a.twitter-link, #content div.contentRight div.tweeterBox div a.twitter-user {font-weight:normal;} /* Page footer*/ #container #footer {color:#464646;padding-top:18px;height:233px;font-family:Tahoma;background:url(/_tpl/_img/bg_footer.jpg) 0 0 no-repeat;background-color:#ede0bb;} #container #footer ul {padding: 0 0 0 10px;margin:0;position:relative;float:left;} #container #footer ul li {list-style-type:none; background:url(/_tpl/_img/bg_footer_li.png) no-repeat 0 9px;padding:0 0 0 11px;} #container #footer h3 {margin:0;font-weight:bold;position:relative;font-size:11px;} #container #footer .box .left {position:relative;float:left;width:149px;} #container #footer .box .right {position:relative;float:left;width:146px;padding:0 0 0 3px;} #container #footer span.followUs {position:relative;float:left;} a.icon {display:block; width:16px; height:16px;float:left;position:relative;top:1px;} a.twitter {background:url(/_tpl/_img/icon_twitter.png) no-repeat 0 0;margin-left:5px;} a.facebook {background:url(/_tpl/_img/icon_facebook.png) no-repeat 0 0;margin-left:6px;} a.linkedin {background:url(/_tpl/_img/icon_linkedin.png) no-repeat 0 0;margin-left:6px;} #container #footer div.content, #container #header div.content, #container #content div.content{ width:862px; margin-left:auto; margin-right:auto; position:relative; /*display:block;*/ /*height:auto;*/ /*display:block; height:233px;*/ } /*#container .about{height:667px!important;}*/ #container .outer {padding:16px 0 0 0;} #container .inner {padding:16px 0;} #container .inner img.border {position:relative;/*float:left;*/} div.pl {/*padding-left:26px;*/width:836px !important;} span.big {font-size:14px;} span.highlightYellow {background-color:#FFF899;} h2.noMarginBottom{margin-bottom:0 !important;} .faqTitle {font-size:24px !important;font-weight:normal !important;margin-bottom:20px !important;} ul.faq {margin-left:8px !important;float:left;margin-bottom:25px !important;} ul.faq li {margin-bottom:20px !important;float:left;} /*mb was 35*/ ul.faq li:last-child {margin-bottom:0 !important;} ul.faq li div {float:left;} ul.faq li div h3 {margin:0 0 0 0 !important;float:none !important;} ul.faq li div p {margin:0;} ul.faq li div p.withPicture {width:268px;float:left;} ul.faq li div img {float:right;} /* answer image */ .formHolder {min-height:101px;height:auto !important;height:101px;/*padding-bottom:31px;*/} .faqFormHolder{/*height:138px;*/float:left;} .contactFormHolder {height:173px;} .linkTop{font-size:10px !important;padding-left:13px;background:url(/_tpl/_img/bg_top.gif) no-repeat 0 3px;font-weight:normal !important;margin-left:18px;} .middleButton {position:relative;min-height:0 !important;visibility:hidden;height:0px;background-color:#F6E8C7 !important;} .clear {clear:both;float:none;} .box {width:298px; padding:0 0 0 4px;position:relative;float:left;} .pt7{padding-top:7px !important;} .pt10 {padding-top:10px !important;} .pt27 {padding-top:27px !important;} .pt28 {padding-top:0px !important;} .pt0 {padding-top:0px !important;} .mt0 {margin-top:0px !important;} .signup-desc {color:#898989;font-size: 11px;}