body { background-color: #FFFFFF; font-family: verdana,arial,helvetica,sans-serif; font-size: 12px; color: #333333; padding: 0; margin: 0; }
p { margin: 0 0 10px 0; line-height: 1.5em; color: #333333; }
h1 { margin: 10px 0 4px 0; padding: 0; line-height: 26px; font-size: 24px; color: #1387C4; font-family: Arial, Helvetica, sans-serif; }
h2 { margin: 10px 0 0 0; padding: 0; line-height: 26px; font-size: 18px; color: #2D7F35; }
h2.col { color: #ffffff; padding: 0 10px; margin: 5px 0 0 0; }
p.col { padding: 10px 15px 0px 10px; margin-left: 15px; max-width: 380px; }
p.col img { padding-right: 20px; }
.green { background-image: url(images/header_gr.jpg); background-repeat: no-repeat; width: 420px; }
.blue { background-image: url(images/header_bl.jpg); background-repeat: no-repeat; width: 420px; }
.green_text { color: #2D7F35; }
.blue_text { color: #1387C4; }
#h3 { margin: -5px 0 4px 0; padding: 0; line-height: 26px; font-size: 14px; text-align: right; }
strong { font-weight: bold; }
a.gr, a:link.gr, a:visited.gr { color: #2D7F35; text-decoration: none; font-weight: bold; }
a:hover.gr, a:active.gr { color: #1387C4; text-decoration: underline; }
a.bl, a:link.bl, a:visited.bl { color: #1387C4; text-decoration: none; font-weight: bold; }
a:hover.bl, a:active.bl { color: #2D7F35; text-decoration: underline; }
#product_menu { display: none; position: absolute; left: 40px; top: 195px; padding: 10px; font-size: 90%; letter-spacing: -0.04em; }
#navtabs { padding: 28px 0 0 0; position: absolute; left: 30px; top: 135px; font-size: 11px; }
#navtabs ul { list-style: none; margin: 0; padding: 0; border: none; }
#navtabs li { display: block; margin: 0; padding: 0; float: left; width: auto; }
#navtabs a { color: #FFFFFF; display: block; width: auto; text-decoration: none; margin: 0; padding: 5px 10px; font-weight: bold; text-align: left; }
#navtabs a:hover, #navtabs a:active { text-decoration: underline; }
#header { width: 100%; height: 230px; margin: 0; background: url(images/head.png) repeat-x; }
* html #header { width: 99%; }
#top { padding: 0 0 0 50px; width: 600px; float: left; }
#logo { height: 230px; background: url(images/head_logo.png) no-repeat right; }
#outerwrapper { width: 970px; margin: 0 auto; /*Center container on page*/ background: white; }
#contentwrapper { padding: 0 10 0 10; float: left; }
.contentleft { margin-left: 10px; margin-right: 10px; width: 500px; }
.contentright { float: left; width: 440px; top: 250px; }
#leftnav { float: left; /*width: 50%;*/ margin: 0 420 0 20; /*padding: 0 20px 0 50px;*/ }
#content { /*margin-left: 50%;*/ padding: 0 10px 0 10px; /*max-width: 45%;*/ /*float: right;     width: 420px;*/ float: left; width: 420px; /*Width of right column*/ margin-left: -420px; /*Set left margin to -(RightColumnWidth) */ }
.no_heading { margin-top: 15px; }
#top p { padding: 10px; margin: 0; }
#footer { clear: both; margin: 0; text-align: center; }
#footer p { padding: 20px 50px; margin: 0; border: none; font-size: 11px; font-weight: bold; color: #999999; }
#footer div { padding: 10px 30px 10px 30px; }
.to-right { float: right; padding-left: 10px; text-align: left; }
.to-left { float: left; padding-right: 10px; text-align: left; }
#to-center { text-align: center; margin-left: 15%; margin-right: auto; }
.big { font-size: 14px; }
.button-g { height: 21px; width: 140px; padding: 3px 0 0 20px; background: url(images/green-button.gif) no-repeat left top; margin: 0 0 50px 16px; }
.button-g a { color: #fff; font-weight: bold; font-size: 140%; text-decoration: none; }
.button-b { height: 21px; width: 140px; padding: 3px 0 0 20px; background: url(images/blue-button.gif) no-repeat left top; margin: 0 0 50px 16px; }
.button-b a { color: #fff; font-weight: bold; font-size: 140%; text-decoration: none; }

/* Tables */
tr.odd { background-color: #f4f4f4; height: 40px; }
tr.even { background-color: #e8e8e8; height: 40px; }
tr.odd td.yes { background: #f4f4f4 url(images/yes.png) no-repeat center center; }
tr.even td.yes { background: #e8e8e8 url(images/yes.png) no-repeat center center; }
tr.empty { width: 100%; }
tr.odd td.no { background: #f4f4f4 url(images/no.png) no-repeat center center; }
tr.even td.no { background: #e8e8e8 url(images/no.png) no-repeat center center; }
th { background-color: #1387C4; color: White; height: 30px; }
tr a { font-weight: bold; text-decoration: none; }
tr a:hover { color: Gray; }
th a { color: White; }
tr.odd a { color: #1387C4; }
tr.even a { color: #1387C4; }
tr.odd a:hover { color: Green; }
tr.even a:hover { color: Green; }

/* common classes */
.sep { background: url(images/sep.png) repeat-x; height: 19px; width: 100%; display: block; }
.clnr { clear: both; height: 0px; font-size: 0px; border: none; background: none; }
.left { float: left; }
.right { float: right; }
ul.col { /*padding: 0 5px 10px 5px;*/ max-width: 330px; }
li.gdot, li.bdot { list-style: square; margin-left: 15px; padding-bottom: 5px; }
li.gdot { color: #2D7F35; }
li.bdot { color: #1387C4; }
li span { color: Black; }
.border { border: 1px solid #999; display: block; margin: 4px 0; }
.data { color: #333333; width: 350px; }
.tagline { text-align: center; font-weight: bold; color: #2D7F35; }
.halfleft { width: 48%; float: left; }
.halfright { width: 48%; float: right; }
.logo { width: 270px; height: 200px; text-align: center; margin: 20px; display: inline-block; vertical-align: middle; }
.halflogo { width: 135px; height: 200px; text-align: center; margin: 20px; display: inline-block; vertical-align: middle; }
.block { width: 650px; display: inline-block; }
.screenshot { width: 300px; height: 200px; }
.ui-accordion-content { height: 1%; }

.button { }
.pics { height: 232px; width: 302px; padding: 0; margin: 0; float: left; }
.pics img { padding: 15px; border: 0; background-color: #fff; width: 270px; height: 200px; top: 0; left: 0; }

#products a img { border-width: 0px; }
#products p { padding: 5px; }
.nav { margin: 5px 0; }
.nav li { float: left; list-style: none; }
.nav a, #s7 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #1387C4; background: #2D7F35; text-decoration: none; color: White; }
.nav a.activeSlide { background: #1387C4; }
.nav a:focus { outline: none; }
#controls a { float: left; }
#products div { display: none; }