* {margin: 0; padding: 0;}
ul {margin: 0;}
html, body {font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px;}
body { margin: 0; padding: 0; background-color: #fff; color: #333;}
a {color: #0066CC;}

.yellow {font-weight: normal; background: #FFFAD5; padding: 2px;}
.red {color: #990000;}
.nomargin {margin: 0 0 0 0;}
div.container {display: block; width: 960px; margin: 0 auto;padding: 0;}


/* HEADER ----------------*/

div.header {display: block; text-align: left; background-color: #E8E8D0; height: 50px; padding: 10px 0 10px 0;}

div#top-bar {display: block; background-color: #F63; height: 2px;}
div#top-bar div.container {text-align: right; font-size: 11px; position: relative;}
div#top-bar div.container a {color: #fff; position: absolute; right: 0; bottom: -20px; background: #F63; padding: 3px 5px;}

div.header ul {list-style: none; float: right; margin-top: 15px;}
div.header ul li {float: left; display: block;}
div.header ul li a {display: block; margin-right: 20px; font-size: 14px; color: #444; text-decoration: none; font-weight: bold; padding: 5px;}
div.header ul li a.pricing {color: #559120;}
div.header ul li a:hover {background-color: #336666; border: 1px solid #336600; padding: 4px; color: #FFFFFF;}
div.header ul li a.active {background-color: #339966; border: 1px solid #336600; padding: 4px; color: #FFFFFF;}

/* TOP ----------------*/

div.top {text-align: left; background: url(images/bg-featured.jpg) no-repeat top center; height: 380px; padding:0; margin-bottom: 0px;}

div.top div.container {position: relative; height: 370px;}

div.top div.pitch {width: 425px; padding-top: 15px;}

div.top h1 {text-align: left; font-size: 52px; font-family: helvetica, arial, sans-serif; color: #fff; padding:0px 0 25px 0; z-index: 200;}
div.top h2 {text-align: left; font-size: 20px; font-family: helvetica, arial, sans-serif; margin: 0 0 35px 0; color: #f1f1f1; font-weight: 100; line-height: 28px; z-index: 200;}

div.top h2 strong {font-weight: lighter; background: #FFFF99; padding: 3px; color: #333;}

div.top small {font-size: 17px; color: #eee; font-weight: lighter; }

div.top a.pitch {display: block; width: 408px; height: 67px; background: url(images/top-pitch-button.png) no-repeat; text-indent: -99999px; margin-top: 25px; z-index: 2;}
div.top a.pitch:hover {background: url(images/top-pitch-button.png) 0px -67px no-repeat; text-indent: -99999px;}

div.top a.pitch_o {display: block; width: 408px; height: 67px; background: url(images/top-pitch-button_o.png) no-repeat; text-indent: -99999px; margin-top: 25px;}
div.top a.pitch_o:hover {background: url(images/top-pitch-button_o.png) 0px -67px no-repeat; text-indent: -99999px;}

div.top a.pitch_r {display: block; width: 408px; height: 67px; background: url(images/top-pitch-button-r.png) no-repeat; text-indent: -99999px; margin-top: 25px;}
div.top a.pitch_r:hover {background: url(images/top-pitch-button-r.png) 0px -67px no-repeat; text-indent: -99999px;}

div.top b {font-weight: bold; font-size: 14px; float: left; margin: 22px 0 0 12px; color: #eee;}
div.top a.link {float: left; font-size: 14px; font-weight: bold; padding-bottom: 1px; border-bottom: 1px solid #91B5FF; color: #91B5FF; text-decoration: none; margin-top: 22px;}
div.top a.link:hover { border-bottom: none;}
div.top a.pitch-small {display: inline; width: 256px; height: 66px; background: url(images/top-pitch-button-small.png) no-repeat; text-indent: -99999px; float: right;}
div.top a.pitch-small:hover {background: url(images/top-pitch-button-small.png) 0px -66px no-repeat; text-indent: -99999px;}

div.top span {display: block; width: 400px; position: absolute; top: 18px; right: 5px; font-size: 30px; text-align: right; color: #ddd;}
div.top span small {display: block; text-transform: uppercase; font-size: 12px; color: #ddd;}
div.top img.screenshot {position: absolute; right: 0; bottom: 0px; border: none;}

div.strip {display: block; text-align: left; background-color: #D3D3A3; height: 30px; padding: 5px 0 15px 0; font-size: 16px; font-weight: bold; margin-bottom: 20px; border-bottom: 1px solid #CBBC87; color: #836334}

div.strip p {margin: 0 0 0 40px; width: 400px; float: left;}
div.strip img.icon {vertical-align: middle; margin: 0 20px 0 0;}
div.strip span {float: right; width: 450px; font-weight: normal;  font-size: 14px}
div.strip span img.logo {float: left; margin-right: 20px;}
div.strip span b {display: block; font-weight: bold; font-size: 14px; margin-bottom: 3px;}

div.strip span div {float: left; width: 240px;}

/* CONTENT ----------------*/

div.left {float: left; width: 550px; margin: 0 0 0 0; display: inline;}

div.left div.feature {display: block; width: 200px; margin:0 60px 30px 0; float: left; font-size: 12px; line-height: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; display: inline;}
div.left div.last {margin-bottom: 0;}
div.left a {cursor: pointer;}
div.left h3 {width: 180px; height: 45px; display: block; text-indent: -99999px; margin-bottom: 10px;}
div.left h3.feature-1 {background: url(images/content-features-1.gif) no-repeat;}
div.left h3.feature-2 {background: url(images/content-features-2.gif) no-repeat;}
div.left h3.feature-3 {background: url(images/content-features-3.gif) no-repeat;}
div.left h3.feature-4 {background: url(images/content-features-4.gif) no-repeat;}
div.left h3.feature-5 {background: url(images/content-features-5.gif) no-repeat;}
div.left h3.feature-6 {background: url(images/content-features-6.gif) no-repeat;}
div.left h3.feature-7 {background: url(images/content-features-7.gif) no-repeat;}
div.left h3.feature-8 {background: url(images/content-features-8.gif) no-repeat;}
div.left h3.feature-9 {background: url(images/content-features-9.gif) no-repeat;}

div.right {float: right; width: 360px; padding-left: 50px;}
div.right-homepage {float: right; width: 410px; padding: 0 0 0 0; margin: 0 0 0 0; display: inline;}

div.right-homepage img {border: none; margin-bottom: 5px;}
div.right-homepage a.shot { display: inline; margin-right: 16px; float: left; text-decoration: none; text-align: center; font-size: 12px; font-weight: bold; color: #333; text-indent: -10px;}

div.right-homepage strong {display: block; clear: left; font-size: 20px; font-weight: lighter; padding-top: 0px;}

blockquote { background: #f3f3f3 url(images/blockquote-bg.png) 10px 10px no-repeat; padding: 10px 10px 10px 70px; font-size: 16px; margin: 25px 0 5px 0;}

div.right-homepage small {width: 300px; float: right; text-align: right; margin-bottom: 20px; display: inline;}

div.center {display: block; width: 960px; float: left; margin: 40px 0 40px 0; font-size: 16px; font-weight: bold; color: #222;}

div.center p { display: block; width: 960px; float: left;}

div.center a.steps {display: block; float: left; border: 1px solid #ddd; border-width: 1px 0 1px 0; font-size: 16px; font-weight: bold; text-decoration: none; color: #222;}
div.center a.step1 {background: url(images/center-step1.gif) no-repeat; width: 225px; height: 42px;  padding: 23px 0 0 95px;}
div.center a.step1:hover {background: url(images/center-step1.gif) 0 -63px no-repeat;}
div.center a.step2 {background: url(images/center-step2.gif) no-repeat; width: 235px; height: 42px; padding: 23px 0 0 85px;}
div.center a.step2:hover {background: url(images/center-step2.gif) 0 -63px no-repeat;}
div.center a.step3 {background: url(images/center-step3.gif) no-repeat; width: 225px; height: 42px;  padding: 23px 0 0 95px;}
div.center a.step3:hover {background: url(images/center-step3.gif) 0 -63px no-repeat;}

div.center span {line-height: 25px; border: 1px solid #ddd; border-width: 0px 0 1px 0;}
div.center span a, div.center p a {background: #FEE970; padding: 5px; margin: 0 5px 0 5px; color: #006699; text-decoration: none;}
div.center span a:hover, div.center p a:hover {text-decoration: underline; background: #FFFF66;}
div.center span.step4 {display: block; float: left; background: url(images/center-step4.gif) 36px 0 no-repeat; width: 545px; height: 42px;  padding: 23px 0 0 95px;}
div.center span.step4:hover {background: url(images/center-step4.gif) 36px -63px no-repeat;}
div.center span.step5 {display: block; float: left; background: url(images/center-step5.gif) no-repeat; width: 225px; height: 42px;  padding: 23px 0 0 95px;}
div.center span.step5:hover {background: url(images/center-step5.gif) 0 -63px no-repeat;}

div.column {display: block; width: 290px; float: left; margin-right: 40px;}
div.big {width: 630px;}

.ul1, .ul2 {list-style: none; margin-top: 20px; font-size: 14px; background: url(images/checks1.gif) no-repeat;}
.ul1 li, .ul2 li {display: block; margin: 0 0 10px 35px;}
.ul2 li {display: block; margin: 0 0 10px 35px;}
.ul2 {padding-top: 15px; background: url(images/checks2.gif) 0px 7px no-repeat;}

a.box-check {display: block; padding: 10px 0 10px 0; text-align: center; border: 1px solid #ccc; border-width: 1px 0 1px 0; background: #f6f6f6; color: #3366CC; font-size: 16px; font-weight: bold;}
a.box-check:hover {text-decoration: none;}

a.difference {text-align: center; margin-top: 15px;}

div.big span {float: left; width: 208px; border-right: 1px solid #ccc; text-align: center; display: block; height: 90px; padding-top: 5px; font-size: 16px;}
div.big span img {margin-top: 15px;}
.size14 {font-size: 14px;}

div.bottom-center small {display: block; margin: 20px 0 0px 0; font-size: 11px;}

div.column a.headline {text-transform: uppercase; font-size: 14px; text-decoration: none; color: #333; font-weight: bold; display: block; margin-bottom: 8px; padding: 10px 0 10px 0;}
div.column a.news {background: url(images/column-news-rss.png) 180px 5px no-repeat;}
div.column a.twitter {background: url(images/column-twitter.png) 190px 5px no-repeat;}
div.column a.webinar {background: url(images/column-webinar.png) 210px 5px no-repeat;}
div.column a.newsletter {background: url(images/column-newsletter.png) 250px 5px no-repeat;}

div.column p, div#twitter_div {margin-bottom: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px;}
div.news p strong {display: block; margin-bottom: 5px;}
div.news p {font-size: 11px; font: Arial, Helvetica, sans-serif;}
div.news p img.award {margin: 5px 5px 0 0;}

div#twitter_div ul {list-style: none; min-height: 300px;}
div#twitter_div li {padding: 0px 0px 10px 0px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
div#twitter_div li a:link  { color: #003366;}

div.newsletter {border: 1px solid #ddd; border-width: 1px 0 1px 0; padding: 5px 0 15px 0;}

div.column a.webinar-register {display: block; width: 290px; height: 36px; background: url(images/column-webinar-register.png) no-repeat; text-indent: -99999px; margin-top: 15px;}
div.column a.webinar-register:hover {background: url(images/column-webinar-register.png) 0px -36px no-repeat; text-indent: -99999px;}

div.column input.field {padding: 5px; width: 162px; margin-right: 10px; vertical-align: middle; border: 1px solid #ccc; background: #f9f9f9; font: 10px Verdana, Arial, Helvetica, sans-serif;}
div.column input.newsletter-subscribe {width: 102px; height: 28px; background: url(images/column-newsletter-subscribe.png) no-repeat; border: none; cursor: pointer; text-ident: -99999px; vertical-align: middle;}
div.column input.newsletter-subscribe:hover {background: url(images/column-newsletter-subscribe.png) 0px -28px no-repeat;}

div.webinar p {border: 1px solid #ddd; border-width: 1px 0 1px 0; padding: 5px; background: #F0EAE3; font-size: 12px; line-height: 20px;}
div.column a.pricing {display: block; width: 290px; height: 65px; background: url(images/center-bottom-pricing.png) no-repeat; text-indent: -99999px;}
div.column a.pricing:hover {background: url(images/center-bottom-pricing.png) 0px -65px no-repeat; text-indent: -99999px;}

div.bottom-center {display: block; float: left; width: 960px; margin: 15px 0 10px 0;}

div.bottom-center blockquote {margin: 0 0 0 0; padding: 15px 10px 15px 90px; display: block; font-size: 24px; font-weight: lighter; background: #f3f3f3 url(images/blockquote-bg.png) 15px 15px no-repeat;}
div.bottom-center blockquote img {vertical-align: middle; margin-left: 10px;}
div.bottom-center small {float: right;}

/* FOOTER ----------------*/

div.footer {clear: both; background: #E8E8D0 url(images/footer-bg.gif) repeat-x; padding: 30px 0 20px 0;}

div.footer div.container {overflow: auto;}

div.footer span { display: inline; width: 170px; margin: 0 0px 0 10px; float: left;}
div.footer span.first {width: 130px; padding-top: 30px;}
div.footer span.bottom-guide {margin-right: 30px;}
div.footer span strong {display: block; font-size: 14px; margin-bottom: 10px;}
div.footer span a {display: block; font-size: 10px; text-transform:  uppercase; text-decoration: underline; margin-top: 5px; color: #336699;}
div.footer a.trial {color: #FF6600;}

div.footer span.misc {width: 230px; font-size: 14px;}
div.footer span.misc img.logo {display: inline; float: left; margin-right: 20px;}
div.footer span.misc img.award {display: inline; float: left; margin-right: 10px;}
div.footer span.misc b {display: block; font-weight: bold; font-size: 14px; margin-bottom: 3px;}

div.copyright {float: left; display: block; width: 960px; margin: 20px 0 0 0; border-top: 1px solid #A8C0C4; padding-top: 15px; color: #4B6A70; font-size: 11px;}

div.copyright img {float: left;}

div.copyright p {float: right;}
div.copyright p a {color: #336699;}

/* PAGE TOP ----------------*/

div.top-page {text-align: left; background: url(images/top-bg-page.jpg) no-repeat top center; height: 175px; padding:0; margin-bottom: 20px;}

div.top-page div.container {position: relative; height: 155px;}

div.top-page div.pitch {width: 600px; padding-top: 30px;}

div.top-page h1 {text-align: left; font-size: 40px; font-family: helvetica, arial, sans-serif; color: #fff; padding:0px 0 5px 0;}
div.top-page h2 {text-align: left; font-size: 20px; font-family: helvetica, arial, sans-serif; margin: 0 0 20px 0; color: #f1f1f1; font-weight: 100;}

div.top-page span {display: block; width: 400px; position: absolute; top: 18px; right: 5px; font-size: 28px; text-align: right; color: #ddd;}
div.top-page span small {display: block; text-transform: uppercase; font-size: 10px; color: #ddd;}

div.top-page img {position: absolute; right: 0px; bottom: 25px; border: none;}

#htmltagcloud{ font-family:verdana,arial,helvetica,sans-serif; line-height:30px; word-spacing:normal; letter-spacing:normal; text-decoration:none; text-transform:none; text-align:center; text-indent:0px; margin-bottom: 50px;}#htmltagcloud a:link{text-decoration:none}#htmltagcloud a:visited{text-decoration:none}#htmltagcloud a:hover{text-decoration:none;color:white;background-color:#05f}#htmltagcloud a:active{text-decoration:none;color:white;background-color:#03d}span.tagcloud0{font-size:12px;padding:0;color:#ACC1F3;z-index:10;position:relative}span.tagcloud0 a{text-decoration:none; color:#ACC1F3}span.tagcloud1{font-size:16px;padding:0;color:#ACC1F3;z-index:9;position:relative}span.tagcloud1 a{text-decoration:none;color:#ACC1F3}span.tagcloud2{font-size:22px;padding:0;color:#86A0DC;z-index:8;position:relative}span.tagcloud2 a{text-decoration:none;color:#86A0DC}span.tagcloud3{font-size:26px;padding:0;color:#86A0DC;z-index:7;position:relative}span.tagcloud3 a{text-decoration:none;color:#86A0DC}span.tagcloud4{font-size:30px;padding:0;color:#607EC5;z-index:6;position:relative}span.tagcloud4 a{text-decoration:none;color:#607EC5}span.tagcloud5{font-size:34px;padding:0;color:#607EC5;z-index:5;position:relative}span.tagcloud5 a{text-decoration:none;color:#607EC5}span.tagcloud6{font-size:39px;padding:0;color:#4C6DB9;z-index:4;position:relative}span.tagcloud6 a{text-decoration:none;color:#4C6DB9}span.tagcloud7{font-size:43px;padding:0;color:#395CAE;z-index:3;position:relative}span.tagcloud7 a{text-decoration:none;color:#395CAE}span.tagcloud8{font-size:47px;padding:0;color:#264CA2;z-index:2;position:relative}span.tagcloud8 a{text-decoration:none;color:#264CA2}span.tagcloud9{font-size:50px;padding:0;color:#133B97;z-index:1;position:relative}span.tagcloud9 a{text-decoration:none;color:#133B97}span.tagcloud10{font-size:54px;padding:0;color:#002A8B;z-index:0;position:relative;  line-height: 1.1em;}span.tagcloud10 a{text-decoration:none;color:#002A8B}span.freq{font-size:10pt !important;color:#bbb}#credit{text-align:center; font-size:0.7em; color:#333; margin-bottom:0.6em; font-family:'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif;}#credit a:link{color:#777; text-decoration:none;}#credit a:visited{color:#777; text-decoration:none;}#credit a:hover{text-decoration:none; color:white; background-color:#05f;}#credit a:active{text-decoration:underline;}

/* SIDEBAR ----------------*/

div.right div.box {background: #f5f5f5; border: 1px solid #ccc; padding: 10px; margin: 30px 0 30px 0; overflow: auto;}
div.right div.download {background: url(images/download.gif) no-repeat; display: block; height: 50px; padding: 12px 0 0 110px; margin-bottom: 20px;}
div.right div.download a, a.getitnow {display: block; width: 252px; height: 27px; background: url(images/button-side-download.png) no-repeat; text-indent: -99999px;}
div.right div.download a:hover, a.getitnow:hover {background: url(images/button-side-download.png) 0px -28px no-repeat; text-indent: -99999px;}

div.right div.order {background: url(images/order.gif) no-repeat; display: block; height: 50px; padding: 12px 0 0 110px;}
div.right div.order a {display: block; width: 252px; height: 27px; background: url(images/button-side-order.png) no-repeat; text-indent: -99999px;}
div.right div.order a:hover {background: url(images/button-side-order.png) 0px -28px no-repeat; text-indent: -99999px;}

div.right p, div#twitter_div {margin-bottom: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px;}
div.right a.headline {text-transform: uppercase; font-size: 14px; text-decoration: none; color: #333; font-weight: bold; display: block; margin-bottom: 8px; padding: 5px 0 10px 0;}
div.right a.newsletter {background: url(images/column-newsletter.png) 250px 0px no-repeat;}
div.right input.field {padding: 5px; display: block; width: 320px; margin: 0 10px 10px 0; vertical-align: middle; border: 1px solid #ccc; background: #f9f9f9; font: 10px Verdana, Arial, Helvetica, sans-serif;}
div.right input.newsletter-subscribe {width: 102px; height: 28px; background: url(images/column-newsletter-subscribe.png) no-repeat; border: none; cursor: pointer; text-ident: -99999px; vertical-align: middle; display: block; float: right;}
div.right input.newsletter-subscribe:hover {background: url(images/column-newsletter-subscribe.png) 0px -28px no-repeat;}

/* TESTIMONIAL PAGE ----------------*/

div.testimonials {font: 14px Arial, Helvetica, sans-serif; line-height: 18px;}
div.testimonials p {margin: 0 0 20px 0;}

div.testimonials strong {font-size: 14px; display: block; margin: 0 0 8px 0;}

div.testimonials small {display: block; margin-bottom: 30px;}

div.testimonials blockquote {padding-left: 100px; margin-bottom: 30px;}
div.testimonials blockquote small {margin: 5px 0 0 0; font-size: 10px;}

div.media-testimonials {padding-left: 60px; width: 350px; font: 14px Verdana, Arial, Helvetica, sans-serif; line-height: 20px;}
div.media-testimonials p {padding: 10px; background: #eee; border: 1px solid #ccc; overflow: auto; margin-bottom: 50px;}
div.media-testimonials p img {display: block; margin: 15px 0 0 0; float: right;}

div.bar {display: block; clear: both; width: 940px; background: #D6FAB8; padding: 10px; border: 1px solid #B1F57A; text-align: center; font-size: 24px; margin: 10px 0 40px 0;}
div.bar a {color: #555;}
div.bar a:hover {text-decoration: none;}

div.bar-bottom {margin-bottom: 30px;}

/* SUPPORT PAGE ----------------*/

div.support {font: 14px Arial, Helvetica, sans-serif; line-height: 18px;}
div.support-box {padding: 15px 10px 15px 70px; margin: 30px 0 0 0; display: block; background: #D5EABF; border: 1px solid #ddd; font-size: 18px; color: #444; position: relative;}

div.support-box a {display: block; position: absolute; top: 12px; right: 10px; width: 102px; height: 28px; background: url(images/support-view-button.png) no-repeat; text-indent: -99999px;}
div.support-box a:hover {background: url(images/support-view-button.png) 0 -28px no-repeat;}

div.onlinehelp {background: #FFFFCC url(images/support-onlinehelp.gif) 20px 12px no-repeat;}
div.quicktutorial {background: #FFFFCC url(images/support-quicktutorial.gif) 20px 12px no-repeat;}
div.faq {background: #FFFFCC url(images/support-faq.gif) 20px 12px no-repeat;}
div.forum {background: #FFFFCC url(images/support-forum.gif) 20px 12px no-repeat;}

p.support-p {padding: 20px 0 20px 0; border-bottom: 1px solid #ccc;}

div.support form {margin: 30px 0 20px 0; padding: 10px; background: #E8EFF7; border: 1px solid #D9E6F2; overflow: auto;}
div.support form input, div.support form select, div.support form textarea {padding: 3px; border: 1px solid #ccc; background: #f9f9f9; width: 280px; margin: 10px 0 10px 30px; float: left;}
div.support form select {width: 287px;}
div.support form label {float: left; width: 200px; margin: 13px 0 10px 0px;}

div.support input.submit {width: 102px; height: 28px; background: url(images/button-submit.png) no-repeat; border: none; cursor: pointer; text-ident: 99999px; vertical-align: middle; float: right; margin: 10px 10px 0 0; display: block; font-size: 0px;}
div.support input.submit:hover {background: url(images/button-submit.png) 0px -28px no-repeat;}

div.message-box {padding: 15px 10px 15px 70px; margin: 30px 0 0 0; display: block; border: 1px solid #66FF33; font-size: 16px; color: #006633; position: relative; background: #99FF99 url(images/ok.gif) 15px 5px no-repeat;}

/* ABOUT PAGE ----------------*/

div.about p {margin: 10px 0 10px 0; padding: 10px 0 0 0;}
div.about img.boxshot {float: left; margin: 0 20px 0px 0;}
div.about ul li strong {display: inline;}

div.about ul {list-style: none; margin: 20px 0 0 0;}
div.about ul li {display: block; float: left; padding: 10px 0 0 0; margin: 0 0 20px 0;}


div.tour-shot {

	text-align: center;
	background-position: 0 0;
	background-repeat: no-repeat;
	position: relative;
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 48px 0;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
	}

div.tour-shot ul {
	text-align: justify;
	margin: 0;
	}
div.tour-shot ul li {
	position: absolute;
	padding-top: 6px;
	padding-right: 30px;
	border-top: #3399cc solid 3px;
	width: 130px;
	list-style: none;
	}
div.tour-shot ul li.right {
	width: 140px;
	right: 0 !important;
	padding-left: 30px;
	padding-right: 0 !important;
	}
	
div.tour-shot h2 {display: block; margin: 0 0 30px 0; font-size: 28px;}
 .highlight {background-color: #FFCC00;}

.tbl {margin: 0 0px 30px 0px; width: 960px;}
.tbl td { border: 1px solid #ddd; border-width: 0px 0 1px 0; padding: 5px; font-size: 18px; color: #444;}
.tbl td.odd {background-color: #f5f5f5;}
.tbl strong {display: block; font: 60px bold Verdana, Arial, Helvetica, sans-serif; margin: 10px 0 0 0; line-height: 60px;}
.tbl sup {font-size: 18px;}
.tbl small {font-size: 10px;}

.tbl2 {margin: 0 0px 30px 0px; width: 960px;}
.tbl2 td { border: 1px solid #ddd; border-width: 0px 0 1px 0; padding: 5px; font-size: 14px; color: #444;}
.tbl2 td.odd {background-color: #f5f5f5;}
.tbl2 strong {display: block; padding: 10px 5px 0 5px; text-align: center;}
.tbl2 sup {font-size: 18px;}
.tbl2 small {font-size: 10px;}

table.scr_tbl td strong {display: block; margin-bottom: 20px;}

a.button-download, input.button-download {display: block; width: 102px; height: 28px; background: url(images/button-download.png) no-repeat; text-indent: -999999px;}
a.button-download:hover, input.button-download:hover {background: url(images/button-download.png) 0px -28px no-repeat;}
input.button-download {cursor: pointer; border: none;}
label.error { width: 250px; display: block; float: left; color: red; font-size: 11px; }

a.button-order {display: block; width: 102px; height: 28px; background: url(images/button-order.gif) no-repeat; text-indent: -999999px;}
a.button-order:hover {background: url(images/button-order.gif) 0px -28px no-repeat;}

.tbl td.pop {background-color: #DCFFD7; border: 1px solid #BDDD99; border-width: 0 1px 0 1px;}

.tbl td.title {text-transform: uppercase; font-size: 16px; font-weight: bold; vertical-align: top; color: #555;}

h2.page-h2 {font-size: 16px; margin: 0px 0 20px 0; border-bottom: 1px solid #ccc; padding-bottom: 10px; display: block;}

div.download-bottom {clear: both; display: block; width: 960px; border: 1px solid #ccc; border-width: 1px 0 1px 0; padding: 20px; text-align: center; margin: 10px 0 20px 0; font-size: 18px;}

div.download-box {padding: 10px 10px 10px 10px; text-align: center; margin: 30px 0 50px 0; display: block; border: 1px solid #ddd; font-size: 24px; color: #444; position: relative; background: #FFFFCC url(images/download.gif) 20px 12px no-repeat; line-height: 24px;}
div.download-box small {font-size: 12px;}

a.button-order-now {display: block; text-indent: -99999px; width: 102px; height: 28px; background: url(images/button-order-now.png) no-repeat;}
a.button-order-now:hover {background: url(images/button-order-now.png) 0px -28px no-repeat;}

.badge {float: right;}
.nomargin {margin: 0 0 0 0;}

ul.doineedit img {display: block; float: left; margin: 5px 15px 5px 0;}

.page-menu {list-style: none; clear: both; display: block; padding-left: 10px; padding-bottom: 30px;}
.page-menu li {float: left;}
.page-menu li a {display: block; width: 115px; text-align: center; padding: 0 10px 0 10px;}

.screenshots h3 {display: block; font-size: 22px; margin: 20px 0 20px 0;}
.screenshots h4 {display: block; color: #555; margin: 0px 0 20px 0;}

.whats-new {font-size: 14px;}
.whats-new .select_1 {color: #993300;}

.select_5 {display: block; padding: 15px; background: #eee; border: 1px solid #ccc; clear: both;}
.select_5 h5 {display: block; margin-bottom: 20px;}
.select_5 p ul {display: block; clear: both; list-style: inside;}

div.top img.intro-1 {position: absolute; right: -100px; bottom: -1px; border: none;}
div.top img.intro-2 {position: absolute; right: 10px; bottom: 0px;}
div.top img.intro-3 {display: block; position: absolute; right: -50px; bottom: -1px; z-index: 1; border: none;}

div#privacy {display: none; margin: 10px 0 0 0; font-size: 11px;}


div#login div.container {padding: 20px 0; position: relative;}
div#login span {display: block; width: 275px; font-size: 12px; color: #555; float: left; margin-right: 30px;}
div#login span h2 {font-size: 14px;}
div#login a.log-button  {position: absolute; font-size: 11px; color: #666; top: 5px; right: 5px}
div#login input.field {padding: 5px; border: 1px solid #ccc; font-size: 11px; width: 155px;}
div#login label {font-weight: bold; margin-bottom: 5px; display: block; color: #555; width: 150px; float: left;}

div#login {display: none; background-color: #eee; height: 80px; border-bottom: 1px solid #ccc;}
div#login input.field {width: 200px;}
div#login span {display: block; width: 230px; font-size: 12px; color: #555; float: left; margin-right: 1px;}
div#login span.button {width: 170px;}
div#login span.intro {width: 325px;}
div#login span h2 {margin-bottom: 10px;}
div#login span small {font-size: 11px;}

div#login a.button {display: block; padding: 9px 10px; text-align: center; text-transform: uppercase; color: #fff; background: url(images/button-bg.png) repeat-x; float: right; border: 1px solid #060; font-weight: bold; -moz-border-radius:3px; -webkit-border-radius: 3px; font-size: 12px; text-decoration: none; cursor: pointer; width: 137px;}
div#login a.button:hover {color: #333;}

div.whats-new {line-height: 18px;}
div.whats-new p strong {font-size: 18px;}
div.whats-new ul {margin: 0 0 0 15px;}
div.whats-new ul li {margin: 10px 0;}

a.more-screens {display: block; float: left; padding: 5px 5px 8px 5px; text-align: center; width: 350px; background: #FFFF66; font-size: 20px; margin: 25px 0 0 20px;}
a.more-screens:hover {background: #FFCC66;}