body {margin: 0 auto; text-align: center; background: url(images/body_bg.png) top center #1A1A1A; font-family: Helvetica, Arial, Verdana, sans-serif; color: #FFF; font-size: 12px;}
a {text-decoration:none; color: #0000FF; outline:none;}
button {cursor:pointer;}

#header_wrapper {background: url(images/header_wrapper_bg.png) top center repeat-x; width: 100%; height: 165px; margin: 0 0 5px 0; min-width: 1000px;}
#header_wrapper #header {width:1000px; height: 85px; margin: 0 auto; background: url(images/header_bg.png) top center no-repeat;}

#header_wrapper.home {background: url(images/header_wrapper_bg_home.png) top center repeat-x; height: 365px; margin: 365px auto; position: absolute; top: 50%; margin-top: -182px;}
#header_wrapper.home #header {height: 310px; background: url(images/header_bg_home.png) top center no-repeat;}

#header_wrapper #header h1 a#logo {display:block; height: 55px; width: 180px; float:left; position:relative; top: 10px; left: 100px; background: none; margin: 0; padding: 0; font-size: 14px;}
#header_wrapper #header h1 a#logo span {display: none;}

#header_wrapper.home #header h1 a#logo {top: 100px; left: 420px; height: 110px; width: 160px;}

#header_wrapper a.madeForMac {display: block; position: relative; float: right; top: 40px; right: 100px; height: 25px; width: 117px; background: url(images/madeForMac.png) top left no-repeat;}
#header_wrapper a.madeForMac:hover {background-position: 0 -25px;}
#header_wrapper a.madeForMac span {display: none;}
#header_wrapper.home a.madeForMac {top: 260px; right: 0px;}

#header_wrapper #nav_wrapper {background: url(images/nav_wrapper_bg.png) top center repeat-x; width: 100%; height: 55px; text-align: center;}
#header_wrapper #nav_wrapper #nav {background: url(images/nav_bg.png) top center repeat-x; margin: 0 auto; padding: 0; width:900px; height: 55px; text-align: center;}
#header_wrapper #nav_wrapper #nav ul {margin: 0 auto; padding: 0; width:263px; text-align: center;}
#header_wrapper #nav_wrapper #nav ul li {display: inline; list-style:none; margin: 0; padding: 0; float: left;}
#header_wrapper #nav_wrapper #nav ul li a {display:block; padding:0; height: 50px; background: url(images/nav_links.png) no-repeat top left;}
#header_wrapper #nav_wrapper #nav ul li a span {display:none;}

#header_wrapper #nav_wrapper #nav ul li.theCompany a {width: 134px; background-position: 0 0;}
#header_wrapper #nav_wrapper #nav ul li.theSoftware a {width: 129px; background-position: -134px 0;}

#header_wrapper #nav_wrapper #nav ul li.theCompany a:hover {width: 134px; background-position: 0 -55px;}
#header_wrapper #nav_wrapper #nav ul li.theSoftware a:hover {width: 129px; background-position: -134px -55px;}

#header_wrapper #nav_wrapper #nav ul li.theCompany a:active {width: 134px; background-position: 0 -110px;}
#header_wrapper #nav_wrapper #nav ul li.theSoftware a:active {width: 129px; background-position: -134px -110px;}

#header_wrapper #nav_wrapper #nav ul li.theCompany a.active {width: 134px; background-position: 0 -110px;}
#header_wrapper #nav_wrapper #nav ul li.theSoftware a.active {width: 129px; background-position: -134px -110px;}

#header_wrapper #nav_wrapper #nav ul li.theCompany a.active:hover {width: 134px; background-position: 0 -55px;}
#header_wrapper #nav_wrapper #nav ul li.theSoftware a.active:hover {width: 129px; background-position: -134px -55px;}

/* --------------------------- */
/* --------- Content --------- */
/* --------------------------- */

#content_wrapper {width: 830px; margin: 0 auto; padding: 5px 0 5px 0; background: url(images/content_wrapper_bg.gif) top center repeat-y;}

#content_wrapper a {color: #daffc8;}

#banner.espionage {background: url(images/banner_espionage.png) top center no-repeat; width: 800px; height: 300px; margin: 0 15px 5px 15px; padding: 0; position: relative;}

#banner.espionage ul.options {position: relative; right: 15px; top:245px; width: 300px; float: right;}
#banner.espionage ul.options li {display: inline; float: right;}
#banner.espionage ul.options li a {display: block; background: url(images/banner_options_bg.png) top left no-repeat; height: 41px; width: 50px;}
#banner.espionage ul.options li a span {display: none;}

#banner.espionage ul.options li.buyNow a {width: 84px; background-position: -98px 0;}
#banner.espionage ul.options li.downloadDemo a {width: 93px; background-position: 0 0; margin: 0 5px 0 0;}

#banner.espionage ul.options li.buyNow a:hover {background-position: -98px -41px;}
#banner.espionage ul.options li.downloadDemo a:hover {background-position: 0 -41px;}

#banner.espionage ul.options li.buyNow a:active {background-position: -98px -82px;}
#banner.espionage ul.options li.downloadDemo a:active {background-position: 0 -82px;}

#banner.espionage ul.options li.buyNow input.buy {display: block; background: url(images/banner_options_bg.png) top left no-repeat; border: none; height: 41px; width: 84px; background-position: -98px 0; margin: 0; padding: 0;}
#banner.espionage ul.options li.buyNow input.buy:hover {background-position: -98px -41px; cursor: pointer;}
#banner.espionage ul.options li.buyNow input.buy:active {background-position: -98px -82px;}

#banner.espionage h2.logo {display: block; width: 398px; height: 322px; background: url(images/banner_espionage_h2_bg.png) top left no-repeat; position: relative; top: 0px; left: -50px;}
#banner.espionage h2.logo span {display: none;}

#banner .ribbon {display: block; width: 66px; height: 75px; background: url(images/ribbon_version_1_1_2.png) top left no-repeat; position: relative; top: -327px; right: -720px;}
#banner .ribbon span {display: none;}

#banner.espionage2 {background: url(images/banner_espionage2.png) top left no-repeat; width: 800px; height: 415px; margin: 0 15px 5px 15px; padding: 0; position: relative;}

.popup {display: block; width: 220px; position: absolute; z-index: 1; opacity: 0; display: none; -moz-opacity: 0; filter: alpha(opacity=0);}
.popup .top {background: url(images/popup.png) top center no-repeat;}
.popup .bottom {background: url(images/popup.png) bottom center no-repeat; height: 23px;}
.popup .top ul {width: 170px; padding: 25px 25px 9px 25px;}
.popup .top ul li {display: block; list-style: none; margin: 0; padding: 7px 0 10px 0; height: 12px; color: #273e53; clear: left; font-size: 12px; line-height: 12px; background: url(images/popup_hr.png) bottom left repeat-x;}
.popup .top ul li label {width: 45px; float: left; margin: 0 10px 0 0; color: #59758f; font-style: italic;}
.popup .top ul li span {font-weight: bold; text-align: right; width: 115px; display: block; float: left;}
.popup .top ul li span a {color: #1785cd !important;}
.popup .top ul li.first {padding-top: 0;}
.popup .top ul li.last {padding-bottom: 0; background: none;}
.popup .top .inner {width: 170px; padding: 25px 25px 10px 25px; display: block; margin: 0 !important;}
.popup .top .inner h5 {margin: 0 !important; color: #333 !important; text-align: center; font-family: Georgia !important; font-size: 30px!important; padding:  0 0 15px 0; background: url(images/popup_hr.png) bottom left repeat-x;}
.popup .top .inner .small {font-size: 11px !important; color: #676767 !important; font-family: Helvetica, Arial !important; text-align: center; line-height: 11px !important; margin: 0 !important;}
.popup .top .inner form {padding: 10px 0 0 0;}
.popup .top .inner form .input_wrapper {padding: 10px 5px 5px 5px; margin: 0 0 5px 0; height: 21px; width: 160px; background: url(images/popup_input.png) top left no-repeat; overflow: hidden;}
.popup .top .inner form .input_wrapper input {padding: 0; margin: 0; font-size: 17px; color: #999; text-align: center; line-height: 17px; border: none; background: none; width: 100%; font-family: Helvetica, Arial, Verdana, sans-serif;}
.popup .top .inner form .input_wrapper input:active, .popup .top .inner form .input_wrapper input:focus {outline: none;}
.popup .top .inner form button.redeem {background: url(images/popup_redeem_bg.png) top left no-repeat; width: 170px; height: 20px; margin: 0; padding: 0;}
.popup .top .inner form button.redeem:hover {background-position: 0 -20px;}
.popup .top .inner form button.redeem:active {background-position: 0 -40px;}

.popup_wrapper_alt {position: relative;}

.playScreencast {display: block; width: 60px; height: 46px; background: url(images/banner_play.png) 0px 0px no-repeat; position: relative; top: 345px; left: 370px;}
.playScreencast:hover {background-position: 0 -46px;}
.playScreencast span {display: none;}

#mainScreencast {display:none; padding: 5px 0 0 5px;}

#content_wrapper #content .block ul.options_alt {position: relative; right: -15px; top:-16px; width: 300px; float: right; height: 41px;}
#content_wrapper #content .block ul.options_alt li {display: inline; float: right; margin: 0; padding: 0;}
#content_wrapper #content .block ul.options_alt li a {display: block; background: url(images/banner_options_bg_alt.png) top left no-repeat; height: 41px; width: 50px;}
#content_wrapper #content .block ul.options_alt li a span {display: none;}

#content_wrapper #content .block ul.options_alt li.downloadDemo a {width: 93px; background-position: 0 0; margin: 0 5px 0 0;}
#content_wrapper #content .block ul.options_alt li.buyNow a {width: 80px; background-position: -98px 0;}
#content_wrapper #content .block ul.options_alt li.upgrade a {width: 79px; background-position: -178px 0;}

#content_wrapper #content .block ul.options_alt li.downloadDemo a:hover {background-position: 0 -41px;}
#content_wrapper #content .block ul.options_alt li.buyNow a:hover {background-position: -98px -41px;}
#content_wrapper #content .block ul.options_alt li.upgrade a:hover {background-position: -178px -41px;}

#content_wrapper #content .block ul.options_alt li.downloadDemo a:active {background-position: 0 -82px;}
#content_wrapper #content .block ul.options_alt li.buyNow a:active {background-position: -98px -82px;}
#content_wrapper #content .block ul.options_alt li.upgrade a:active {background-position: -178px -82px;}

#content_wrapper #content .block ul.options_alt input.buy {display: block; background: url(images/banner_options_bg_alt.png) top left no-repeat; border: none; height: 41px; width: 80px; background-position: -98px 0; margin: 0; padding: 0;}
#content_wrapper #content .block ul.options_alt input.buy:hover {background-position: -98px -41px; cursor: pointer;}
#content_wrapper #content .block ul.options_alt input.buy:active {background-position: -98px -82px;}



#content_wrapper #subnav {padding-bottom: 0 !important;}
#content_wrapper #subnav ul.nav {height: 40px;}
#content_wrapper #subnav ul.nav li {display: inline; list-style: none; margin: 0; padding: 0 25px 0 0; float: left;}
#content_wrapper #subnav ul.nav li a {color: #777; font-size: 14px; font-weight: normal; display: block;  height: 40px; float: left;}
#content_wrapper #subnav ul.nav li a:hover {color:#DAFFC8;}
#content_wrapper #subnav ul.nav li a.active {color: #EEE; background: url(images/subnav_li_bg.png) bottom center no-repeat;}

#content_wrapper #content {margin: 0 15px 0 15px; background: url(images/content_bg.png) top left;}
#content_wrapper #content .block {padding: 30px;}
#content_wrapper #content .block.dark {background:url(images/content_black_dark_bg.png) top left;}
#content_wrapper #content .block.black {background: #000000;}
#content_wrapper #content .block.empty {padding: 5px;}
#content_wrapper #content .block h3 {font-size: 22px; font-weight: normal; margin: 0 0 20px 0;}
#content_wrapper #content .block h4 {font-size: 18px; font-weight: normal; margin: 0 0 10px 0;}
#content_wrapper #content .block h5 {font-size: 14px; font-weight: normal; font-style: normal;  font-weight: bold; color: #FFF; margin: 0 0 5px 0;}
#content_wrapper #content .block p {font-size: 14px; line-height: 30px; margin: 0 0 20px 0; color: #AAA;}
#content_wrapper #content .block p.last {margin: 0;}
#content_wrapper #content .block p.long {margin: 0 0 40px 0;}
#content_wrapper #content .block p a:hover {border-bottom: 1px dotted #daffc8;}
#content_wrapper #content .block span a:hover {border-bottom: 1px dotted #daffc8;}
#content_wrapper #content .block a.screencast.espionage {float: right; margin: 0 0 0 50px; display: block; background: url(images/screencast_espionage_bg.png) top right no-repeat; width: 250px; height: 183px;}
#content_wrapper #content .block a.screencast.espionage:hover {background-position: 0 -183px; border: none;}
#content_wrapper #content .block a.screencast span {display: none;}
#content_wrapper #content .block p em, #content_wrapper #content .block p i {font-style: italic; color: #FFF; line-height: 30px;}
#content_wrapper #content .block p strong, #content_wrapper #content .block p b {font-weight: bold; color: #FFF; line-height: 30px;}
#content_wrapper #content .red {color: #FF0000;}
#content_wrapper #content .blue {color: #1785CD;}
#content_wrapper #content .box {border: 1px dashed #000; padding: 15px; background:url(images/content_black_dark_bg.png) top left; color: #EEE !important;}
#content_wrapper #content .code {font-family: Courier,"Courier New",Monaco,Tahoma; font-size: 12px !important;}
#content_wrapper #content .block blockquote {padding: 0 20px 0 60px; background: url(/includes/css/images/blockquote_bg.png) top left no-repeat;}

#content_wrapper #content .block p.message {text-align: center; font-size: 20px; color: #DAFFC8; line-height: 34px; font-family: Georgia;}
#content_wrapper #content .block .icon {display: block; width: 50px; height: 50px; float: left; margin: 0 25px 20px 0;}
#content_wrapper #content .block .icon.folder {background: url(images/icon_folder.png) top left no-repeat;}
#content_wrapper #content .block .icon.lock {background: url(images/icon_lock.png) top left no-repeat;}
#content_wrapper #content .block .icon.backup {background: url(images/icon_backup.png) top left no-repeat;}
#content_wrapper #content .block .icon.group {background: url(images/icon_group.png) top left no-repeat;}
#content_wrapper #content .block .icon.growl {background: url(images/icon_growl.png) top left no-repeat;}
#content_wrapper #content .block .icon.spotlight {background: url(images/icon_spotlight.png) top left no-repeat;}
#content_wrapper #content .block .icon.yingyang {background: url(images/icon_yingyang.png) top left no-repeat;}
#content_wrapper #content .block .icon.finder {background: url(images/icon_finder.png) top left no-repeat;}
#content_wrapper #content .block .icon.application {background: url(images/icon_application.png) top left no-repeat;}
#content_wrapper #content .block .icon.keychain {background: url(images/icon_keychain.png) top left no-repeat;}
#content_wrapper #content .block .icon.clock {background: url(images/icon_clock.png) top left no-repeat;}
#content_wrapper #content .block .icon.bundle {background: url(images/icon_bundle.png) top left no-repeat;}

#content_wrapper #content .block .wide .icon {margin: 0; height: 24px; width: 24px;}
#content_wrapper #content .block .wide .icon.folder {background: url(images/icon_folder_small.png) top left no-repeat;}
#content_wrapper #content .block .wide .icon.lock {background: url(images/icon_lock_small.png) top left no-repeat;}
/*#content_wrapper #content .block .wide .icon.backup {background: url(images/icon_backup_small.png) top left no-repeat;}*/
/*#content_wrapper #content .block .wide .icon.group {background: url(images/icon_group_small.png) top left no-repeat;}*/
#content_wrapper #content .block .wide .icon.growl {background: url(images/icon_growl_small.png) top left no-repeat;}
#content_wrapper #content .block .wide .icon.spotlight {background: url(images/icon_spotlight_small.png) top left no-repeat;}
#content_wrapper #content .block .wide .icon.yingyang {background: url(images/icon_yingyang_small.png) top left no-repeat;}
#content_wrapper #content .block .wide .icon.finder {background: url(images/icon_finder_small.png) top left no-repeat;}
#content_wrapper #content .block .wide .icon.keychain {background: url(images/icon_keychain_small.png) top left no-repeat;}
#content_wrapper #content .block .wide .icon.clock {background: url(images/icon_clock_small.png) top left no-repeat;}
#content_wrapper #content .block .wide .icon.bundle {background: url(images/icon_bundle_small.png) top left no-repeat;}
#content_wrapper #content .block .wide .icon.backup {background: url(images/icon_backup_small.png) top left no-repeat;}

#content_wrapper #content .block table {margin: 0 0 30px 0; width: 100%;}
#content_wrapper #content .block table tr {}
#content_wrapper #content .block table tr th {background:url(images/content_black_dark_bg.png) top left; padding: 10px 7px 10px 7px; font-size: 12px; text-align: center; font-weight: bold;}
#content_wrapper #content .block table tr th.nobg {background: none; font-size: 12px; text-align: left; color: #999;}
#content_wrapper #content .block table tr th.sub {text-align: left; font-size: 12px; padding: 7px; color: #999; font-weight: normal; width: 100px; font-style: italic;}
#content_wrapper #content .block table tr td {padding: 5px 14px 5px 7px; font-size: 11px; line-height: 16px;}
#content_wrapper #content .block table tr.alt th {font-weight: bold; background: #222222;}
#content_wrapper #content .block table tr.alt td {background: #333;}
#content_wrapper #content .block table tr.selected th {background: #1373b1; color: #FFF; font-weight: bold; border-top: 1px solid #7bbcff;}
#content_wrapper #content .block table tr.selected td {background: #1785cd; border-top: 1px solid #7bbcff;}
#content_wrapper #content .block table caption {text-align: right; font-size: 11px; font-style: italic; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; margin: 0 0 10px 0; padding: 0;}

.newin2 {background: url(images/newBadge.gif) top left no-repeat; display: block; height: 11px; width: 24px; float:  left; margin: 2px 13px 0 0;}
.newin2 span {display: none;}
.wide .newin2 {margin: 4px 13px 0 0;}

.clear {clear: both;}

#content_wrapper #content ul.screencasts {}
#content_wrapper #content ul.screencasts li {float: left; margin: 0 20px 0 0 !important; text-align: center;}
#content_wrapper #content ul.screencasts li.last {margin: 0 40px 0 0 !important;}
#content_wrapper #content ul.screencasts li.end {margin: 0 !important;}
#content_wrapper #content ul.screencasts li a {display: block; background: url(images/screencast.png) top left no-repeat; width: 140px; height: 131px;}
#content_wrapper #content ul.screencasts li a:hover {background-position: 0 -131px;}
#content_wrapper #content ul.screencasts li img {margin: 5px 0 0 1px;}
#content_wrapper #content ul.screencasts li span {display: none;}

#content_wrapper #content a.watchScreencast {display: block; background: url(images/watchScreencast_bg.png) top left no-repeat; width: 138px; height: 41px; margin: 20px 0 0 0;}
#content_wrapper #content a.watchScreencast:hover {background-position: 0 -41px; border: none;}
#content_wrapper #content a.watchScreencast:active {background-position: 0 -82px;}
#content_wrapper #content a.watchScreencast span {display: none;}

#content_wrapper #content ul.featureList {}
#content_wrapper #content ul.featureList li {font-size: 14px; width: 350px; float: left; margin: 0 40px 40px 0;}
#content_wrapper #content ul.featureList li h4 {font-size: 16px; margin: 0 0 10px 0;}
#content_wrapper #content ul.featureList li p {font-size: 12px; line-height: 25px; color: #AAA;}
#content_wrapper #content ul.featureList li.right {margin-right: 0;}
#content_wrapper #content ul.featureList li.bottom {margin-bottom: 0;}
#content_wrapper #content ul.featureList li p em, #content_wrapper #content ul.featureList li p i {line-height: 25px;}
#content_wrapper #content ul.featureList li p b, #content_wrapper #content ul.featureList li p strong {line-height: 25px;}

#content_wrapper #content ul.featureList li.wide {width: 100%; margin-bottom: 25px;}
#content_wrapper #content ul.featureList li.wide.bottom {margin-bottom: 0}
#content_wrapper #content ul.featureList li.wide h4 {margin: 0 10px 0 40px;}
#content_wrapper #content ul.featureList li.wide h4 span {font-size: 12px; line-height: 22px; color: #AAA; margin-left: 10px;}
#content_wrapper #content ul.featureList li.wide p {margin: 0 0 0 75px;}

#content_wrapper #content .magnifyingGlass {background: url(images/magnifyingGlass.png) top left no-repeat; display: block; width: 14px; height: 14px; float:  left; margin: 1px 12px 0 0;}
#content_wrapper #content .magnifyingGlass span {display: none;}
#content_wrapper #content .magnifyingGlass:hover {background-position: 0 -14px;}
#content_wrapper #content .magnifyingGlass:active {background-position: 0 -28px;}
#content_wrapper #content .wide .magnifyingGlass {margin-top: 2px;}

#content_wrapper #content ul.imageList {}
#content_wrapper #content ul.imageList li {display: inline; float: left;}
#content_wrapper #content ul.imageList li a {display: block; background: url(images/imageList_bg.png) top left no-repeat; width: 155px; height: 116px; margin: 0 40px 0 0; border-bottom: 2px solid #000;}
#content_wrapper #content ul.imageList li.right a {margin-right: 0;}
#content_wrapper #content ul.imageList li a img {margin: 5px 5px 0 5px;}

#content_wrapper #content .appBlock {padding: 0;}
#content_wrapper #content .appBlock h4 {font-size: 18px; margin: 0 0 10px 0;}
#content_wrapper #content .appBlock h4 span {font-size: 14px; color: #999;}
#content_wrapper #content .appBlock a {font-size: 14px;}

#content_wrapper #content .buyBlock {float: right; text-align: right; width: 250px;}
#content_wrapper #content .buyBlock h4 {font-size: 30px; text-align: right; font-family: Georgia; margin: -10px 0 8px 0;}
#content_wrapper #content .buyBlock h4 a {color: #FFF; font-size: 30px;}
#content_wrapper #content .buyBlock a {font-size: 14px;}
#content_wrapper #content .buyBlock h4 span.small {font-size: 11px; color: #999; font-family: Helvetica, Arial;}


#content_wrapper #content form {}

#content_wrapper #content form ul.left {float: left; width: 350px;}
#content_wrapper #content form ul.right {float: right; width: 350px;}
#content_wrapper #content form ul li {float: left; display: inline !important; list-style: none !important; margin: 0 0 15px 0 !important; padding: 0 0 15px 0 !important; background: none !important;}
#content_wrapper #content form ul li label {float: left; width: 100%; margin: 0 0 10px 0; font-size: 14px; color: #999;}
#content_wrapper #content form ul li .input_wrapper {float: left; width: 740px; height: 56px; margin: 0; padding: 0; background: url(images/form_input_bg.png) top left no-repeat; text-align: center;}
#content_wrapper #content form ul li .input_wrapper.active {background-position: 0 -56px !important;}
#content_wrapper #content form ul li .input_wrapper.active input {color: #FFF; outline: none;}
#content_wrapper #content form ul li .input_wrapper.small {background: url(images/form_input_bg_small.png) top left no-repeat; width: 350px;}
#content_wrapper #content form ul li input {width: 320px; border: none; line-height: 20px; font-size: 20px; color: #999; text-align: center; margin: 17px 0 0 0; background: none; font-family: Helvetica, Arial, Verdana, sans-serif; outline: none;}
#content_wrapper #content form ul li.last {margin-bottom: 0 !important; padding-bottom: 0 !important;}

#content_wrapper #content form ul li .input_wrapper.tiny {background: url(images/form_input_bg_tiny.png) top left no-repeat; width: 350px; height: 36px;}
#content_wrapper #content form ul li .input_wrapper.tiny.active {background-position: 0 -36px !important;}
#content_wrapper #content form ul li .input_wrapper.tiny input {font-size: 14px; line-height: 14px; margin: 10px 0 0 0;}
#content_wrapper #content form ul li .input_wrapper.tiny.half {width: 180px; background-position: 0 -71px;}
#content_wrapper #content form ul li .input_wrapper.tiny.half.active {background-position: 0 -107px !important;}
#content_wrapper #content form ul li .input_wrapper.tiny.half input {width: 150px;}

#content_wrapper #content form ul li .input_wrapper.selectbox {position: relative; background: url(images/form_selectbox_bg_small.png) top left no-repeat;}
#content_wrapper #content form ul li .input_wrapper.selectbox:hover {background-position: 0 -56px;}
#content_wrapper #content form ul li .input_wrapper.selectbox span {display: block; width: 320px; border: none; line-height: 20px; font-size: 20px; color: #999; text-align: center; margin: 17px 0 0 0; background: none; font-family: Helvetica, Arial, Verdana, sans-serif; outline: none;}
#content_wrapper #content form ul li .input_wrapper.selectbox select {width: 350px; height: 56px; opacity: 0; font-size: 20px; color: #999; text-align: center; position: absolute; top: 0px; left: 0px; float: left; border: none;}
#content_wrapper #content form ul li .input_wrapper.selectbox select option {background: #060606; border: none; padding: 0; margin: 0; padding: 10px;}
#content_wrapper #content form ul li .input_wrapper.selectbox select option.alt {background: url(images/content_black_dark_bg.png) top left;}
#content_wrapper #content form ul li .input_wrapper.selectbox select option:hover {background: #DAFFC8; color: #FFF;}

#content_wrapper #content form ul li .textarea_wrapper {float: left; width: 740px; margin: 0; padding: 0; background: url(images/form_textarea_bg.png) top left repeat-y; text-align: center;}
#content_wrapper #content form ul li .textarea_wrapper .top {height: 17px; width: 740px; background: url(images/form_textarea_top_bg.png) top left no-repeat;}
#content_wrapper #content form ul li .textarea_wrapper .bottom {height: 17px; width: 740px; background: url(images/form_textarea_bottom_bg.png) bottom left no-repeat;}
#content_wrapper #content form ul li .textarea_wrapper.active {background: url(images/form_textarea_bg_active.png) top left repeat-y !important;}
#content_wrapper #content form ul li .textarea_wrapper.active .top {background-position: bottom left !important;}
#content_wrapper #content form ul li .textarea_wrapper.active .bottom {background-position: bottom left !important;}
#content_wrapper #content form ul li .textarea_wrapper.active textarea {color: #FFF; outline: none;}
#content_wrapper #content form ul li .textarea_wrapper.small {background: url(images/form_textarea_bg_small.png) top left repeat-y; width: 350px;}
#content_wrapper #content form ul li .textarea_wrapper.small .top {height: 17px; width: 350px; background: url(images/form_textarea_top_bg_small.png) top left no-repeat;}
#content_wrapper #content form ul li .textarea_wrapper.small .bottom {height: 17px; width: 350px; background: url(images/form_textarea_bottom_bg_small.png) top left no-repeat;}
#content_wrapper #content form ul li .textarea_wrapper.small.active {background: url(images/form_textarea_bg_small_active.png) top left repeat-y !important;}
#content_wrapper #content form ul li textarea {width: 320px; height: 241px; margin: 0 15px 0 15px; padding: 0; border: none; font-size: 16px; line-height: 22px; font-family: Helvetica, Arial, Verdana, sans-serif; background: none; color: #999; outline: none;}

#content_wrapper #content form ul li .textarea_wrapper.wide {background: url(images/form_textarea_bg_wide.png) top left repeat-y; width: 740px;}
#content_wrapper #content form ul li .textarea_wrapper.wide .top {height: 17px; width: 740px; background: url(images/form_textarea_top_bg_wide.png) top left no-repeat;}
#content_wrapper #content form ul li .textarea_wrapper.wide .bottom {height: 17px; width: 740px; background: url(images/form_textarea_bottom_bg_wide.png) top left no-repeat;}
#content_wrapper #content form ul li .textarea_wrapper.wide.active {background: url(images/form_textarea_bg_wide_active.png) top left repeat-y !important;}
#content_wrapper #content form ul li .textarea_wrapper.wide textarea {width: 710px; height: 241px; margin: 0 15px 0 15px; padding: 0; border: none; font-size: 16px; line-height: 22px; font-family: Helvetica, Arial, Verdana, sans-serif; background: none; color: #999; outline: none;}

#content_wrapper #content form ul li p.subtext {clear: left; font-size: 10px; color: #999; margin: 0; padding: 10px 0 0 0; line-height: 10px;}

#content_wrapper #content form .buttons {height: 56px; clear: both;}
#content_wrapper #content form .buttons button.submit {background: url(images/form_button_submit.png) top left no-repeat; width: 105px; height: 56px; margin: 0 0 0 0; padding: 0; float: right;}
#content_wrapper #content form .buttons button.submit:hover {background-position: 0 -56px; border: none;}
#content_wrapper #content form .buttons button.submit:active, #content_wrapper #content form .buttons button.submit:focus {background-position: 0 -112px; border: none;}

#content_wrapper #content form .buttons .submit {background: url(images/form_button_submit.png) top left no-repeat; width: 105px; height: 56px; margin: 0 0 0 0; padding: 0; float: right; border: none;}
#content_wrapper #content form .buttons .submit:hover {background-position: 0 -56px; border: none;}
#content_wrapper #content form .buttons .submit:active, #content_wrapper #content form .buttons button.submit:focus {background-position: 0 -112px; border: none;}

#content_wrapper #content form .buttons .skip {background: url(images/form_button_skip.png) top left no-repeat; width: 96px; height: 56px; margin: 0 0 0 0; padding: 0; float: right; border: none;}
#content_wrapper #content form .buttons .skip:hover {background-position: 0 -56px; border: none;}
#content_wrapper #content form .buttons .skip:active, #content_wrapper #content form .buttons button.submit:focus {background-position: 0 -112px; border: none;}

#content_wrapper #content form .buttons .buy {background: url(images/form_button_buy.png) top left no-repeat; width: 143px; height: 56px; margin: 0 0 0 0; padding: 0; float: right; border: none;}
#content_wrapper #content form .buttons .buy:hover {background-position: 0 -56px; border: none;}
#content_wrapper #content form .buttons .buy:active, #content_wrapper #content form .buttons button.submit:focus {background-position: 0 -112px; border: none;}

#content_wrapper #content form .buttons.center {text-align: center;}
#content_wrapper #content form .buttons.center .submit {margin: 0 auto; float: none;}
#content_wrapper #content form .buttons.center .skip {margin: 0 auto; float: none;}
#content_wrapper #content form .buttons.center .buy {margin: 0 auto; float: none;}

#content_wrapper #content form input.discount {background: url(images/form_button_discount.png) top left no-repeat; width: 165px; height: 56px; margin: 0 0 0 0; padding: 0; float: left; border: none;}
#content_wrapper #content form input.discount:hover {background-position: 0 -56px; border: none; cursor: pointer;}
#content_wrapper #content form input.discount:active, #content_wrapper #content form input.submit:focus {background-position: 0 -112px; border: none;}
#content_wrapper #content form input.discount.inline {margin-left: 10px;}#content_wrapper #content form ul li p.subtext {}

#content_wrapper #content form span.error { font-style: italic; color: #970000;}
#content_wrapper #content form span.success { font-style: italic; color: #81c934;}

#content_wrapper #content form.lightboxForm label {width: 100%;}
#content_wrapper #content form.lightboxForm input {}
#content_wrapper #content form.lightboxForm .buttons {clear: none; float: left; margin: 0 0 0 20px;}
#content_wrapper #content form.lightboxForm ul li {margin: 0; padding: 0;}

#content_wrapper #content form.lightboxForm label {color: #FFF; font-weight: bold; font-size: 14px; line-height: 25px; width: 100%; margin: 0 0 0 0;}
#content_wrapper #content form.lightboxForm .input_wrapper {background: #FFF; display: block; height: 30px; width: 340px; margin: 0 0 15px 0;}
#content_wrapper #content form.lightboxForm input.textbox {background: none; display: block; width: 330px; border: none; font-size: 18px; line-height: 18px; padding: 7px 0 0 5px; font-family: Helvetica, Arial, Verdana, sans-serif;}
#content_wrapper #content form.lightboxForm input.submit {float: left; display: block; height: 25px; width: 60px; font-family: Helvetica, Arial, Verdana, sans-serif; font-weight: bold;}

#content_wrapper #content ul.faq {width: 360px; float: left; margin: 10px 20px 0 0;}
#content_wrapper #content ul.faq.left {}
#content_wrapper #content ul.faq.right {margin-right: 0px;}
#content_wrapper #content ul.faq li {margin: 0; padding: 0 0 0 30px; color: #999; background: url(images/li_circle_bg.gif) 0px 1px no-repeat;}
#content_wrapper #content ul.faq li.first {margin-top: 40px;}
#content_wrapper #content ul.faq li.last {margin-bottom: 0;}
#content_wrapper #content ul.faq li h4 {font-size: 14px; margin: 0 0 20px 0; line-height: 20px;}
/* #content_wrapper #content ul.faq li .answer {background: url(images/content_black_dark_bg.png) top left; border: 1px dashed #000; color: #EEE; padding: 15px;} */
#content_wrapper #content ul.faq li p {font-size: 12px; line-height: 18px; color: #999;}
#content_wrapper #content ul.faq li .box {margin: 0 0 30px 0;}

#content_wrapper #content .screencast {text-align: center;}
#content_wrapper #content .screencast .video {margin: 0 auto; margin-bottom: 40px; width: 640px; height: 495px; display: block; z-index: 0;}
#content_wrapper #content .screencast h3 {text-align: center;}
#content_wrapper #content .screencast p {text-align: center;}
#content_wrapper #content .screencast ul.screencasts {text-align: center; margin: 0 auto; padding: 40px 0 20px 0; width: 305px; height: 131px;}
#content_wrapper #content .screencast ul.screencasts li {margin: 0;}
#content_wrapper #content .screencast ul.screencasts li.last {padding-right: 0 !important;}

#content_wrapper #content #contact {float: right; width: 250px; background:url(images/content_black_dark_bg.png) top left; margin: -30px -30px 40px 40px; padding: 30px 0px 0px 20px;}
#content_wrapper #content #contact h3 {background: url(images/icon_mail.png) top left no-repeat; padding: -80px 0px 0px 70px; margin-top: -3px;}
#content_wrapper #content #contact ul {margin: 0 0 20px 0;}
#content_wrapper #content #contact ul li {font-size: 12px; line-height: 18px;}
#content_wrapper #content #contact ul li h4 {font-size: 12px; font-weight: bold; line-height: 18px;}
#content_wrapper #content #contact p {font-size: 12px; line-height: 18px; margin: 0 0 0 0;}

#content_wrapper #content #aboutus {float: right; width: 250px; background:url(images/content_black_dark_bg.png) top left; margin: -30px -30px 0px 40px; padding: 20px 0px 0px 20px;}
#content_wrapper #content #aboutus h3 {background: url(images/overview_icon.png) top left no-repeat; padding: -80px 0px 0px 70px; margin-top: 0px;}
#content_wrapper #content #aboutus ul {margin: 0 0 20px 0;}
#content_wrapper #content #aboutus ul li {font-size: 12px; line-height: 18px;}
#content_wrapper #content #aboutus ul li h4 {font-size: 12px; font-weight: bold; line-height: 18px;}
#content_wrapper #content #aboutus p {font-size: 12px; line-height: 18px; margin: 0 0 0 0;}

#content_wrapper #content ul.company_listing {}
#content_wrapper #content ul.company_listing li {font-size: 14px; width: 350px; float: left; margin: 0 40px 40px 0;}
#content_wrapper #content ul.company_listing li h4 {font-size: 16px; margin: 0 0 10px 120px;}
#content_wrapper #content ul.company_listing li h5 {font-size: 14px; margin: 0 0 15px 120px; color: #999;}
#content_wrapper #content ul.company_listing li p {font-size: 12px; line-height: 25px; color: #AAA; margin-left: 120px !important;}
#content_wrapper #content ul.company_listing li.right {margin-right: 0;}
#content_wrapper #content ul.company_listing li.bottom {margin-bottom: 0;}
#content_wrapper #content ul.company_listing li .profile_picture {background: url(images/profile_bg.png) top left no-repeat; width: 100px; height: 100px; float: left;}
#content_wrapper #content ul.company_listing li .profile_picture img {margin: 2px 0 0 2px;}

#content_wrapper #content .forgotSerial {padding: 0; margin: 0;}
#content_wrapper #content .forgotSerial input.findSerial {background: url(images/form_button_serial.png) top left no-repeat; width: 101px; height: 36px; margin: 0 0 0 0; padding: 0; float: left; border: none;}
#content_wrapper #content .forgotSerial input.findSerial:hover {background-position: 0 -36px; border: none; cursor: pointer;}
#content_wrapper #content .forgotSerial input.findSerial:active, #content_wrapper #content form input.submit:focus {background-position: 0 -72px; border: none;}
#content_wrapper #content .forgotSerial input.findSerial.inline {margin-left: 10px;}

#content_wrapper #content .forgotSerial input.getLicense {background: url(images/form_button_license.png) top left no-repeat; width: 106px; height: 36px; margin: 0 0 0 0; padding: 0; float: left; border: none;}
#content_wrapper #content .forgotSerial input.getLicense:hover {background-position: 0 -36px; border: none; cursor: pointer;}
#content_wrapper #content .forgotSerial input.getLicense:active, #content_wrapper #content form input.submit:focus {background-position: 0 -72px; border: none;}
#content_wrapper #content .forgotSerial input.getLicense.inline {margin-left: 10px;}

#content_wrapper #content .forgotSerial input.resend {background: url(images/form_button_resend.png) top left no-repeat; width: 82px; height: 36px; margin: 0 0 0 0; padding: 0; float: left; border: none;}
#content_wrapper #content .forgotSerial input.resend:hover {background-position: 0 -36px; border: none; cursor: pointer;}
#content_wrapper #content .forgotSerial input.resend:active, #content_wrapper #content form input.submit:focus {background-position: 0 -72px; border: none;}
#content_wrapper #content .forgotSerial input.resend.inline {margin-left: 10px;}

#content_wrapper #content .newsletter {padding: 0; margin: 0;}
#content_wrapper #content .newsletter input.signup {background: url(images/form_button_signup.png) top left no-repeat; width: 86px; height: 36px; margin: 0 0 0 0; padding: 0; float: left; border: none;}
#content_wrapper #content .newsletter input.signup:hover {background-position: 0 -36px; border: none; cursor: pointer;}
#content_wrapper #content .newsletter input.signup:active, #content_wrapper #content form input.submit:focus {background-position: 0 -72px; border: none;}
#content_wrapper #content .newsletter input.signup.inline {margin-left: 10px;}

#content_wrapper #content .newsletterIcon {background: url(images/icon_newsletter.png) top left no-repeat; display: block; width: 44px; height: 35px; float: left; margin: 88px 0 0 -79px;}

#content_wrapper.popup {width:400px; padding: 5px;}
#content_wrapper.popup #content {margin: 0; }

/* ------------------------------------------ */
/* -------------- TESTIMONIALS -------------- */
/* ------------------------------------------ */

ul.testimonials {margin: 0;}
ul.testimonials li.testimony {margin: 0 0 70px 0;}
ul.testimonials li.testimony .quote {font-style: italic;  line-height: 24px !important; color: #AAA; padding: 0 10px 0 10px !important; background: url(images/testismony_top.png) top left repeat-x; margin: 0  !important;}
ul.testimonials li.testimony .quote b {line-height: 24px !important;}
ul.testimonials li.testimony .person {font-size: 14px; margin: 20px 0 5px 0 !important; line-height: 14px !important; padding: 15px 0 0 45px; color: #FFF !important; font-weight: bold; background: url(images/testimony_bottom.png) top left no-repeat;}
ul.testimonials li.testimony .company {font-size: 14px; margin: 0 !important; line-height: 14px !important; padding: 0 0 0 45px; color: #FFF;}
ul.testimonials li.testimony .company a {font-style: italic;}
ul.testimonials li.testimony .title {font-size: 12px; font-style: italic; color: #999; font-weight: normal;}

/* --------------------------- */
/* ----------- News ---------- */
/* --------------------------- */

#newsBar {background: url(images/newsBar_bg_alt.png) top left no-repeat; width: 800px; height: 31px; margin: 0 auto; margin-bottom: 20px; padding: 5px;}
#newsBar h2 {display: block; float: left; height: 20px; width: 92px; line-height: 20px; padding: 0 10px 0 10px; color: #3f4e2d; font-weight: bold; background: #a3da52; border-top: 1px solid #d6f5be;}
#newsBar .news {display: block; float: left; height: 20px; width: 655px; line-height: 20px; padding: 0 10px 0 10px; color: #FFF; font-weight: normal; text-align: center; border-top: 1px solid #000;}
#newsBar .news a {color: #FFF; line-height: 20px;}

#headline {width: 790px; height: 21px; margin: 0 auto; margin-bottom: 20px; padding: 5px; border-top: 1px solid #333; border-bottom: 1px solid #333; background:url(images/content_black_dark_bg.png) top left;}

/* --------------------------- */
/* ---------- Footer --------- */
/* --------------------------- */

#footer {width: 800px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; text-align: center; color: #333;}
#footer a {color: #333;}
#footer a:hover {color: #DAFFC8; border-bottom: 1px dotted #daffc8;}
#footer h4.logo a {display: block; height: 30px; width: 88px; margin: 0 auto; margin-bottom: 5px; background: url(images/footer_taoEffect.png) top center no-repeat;}
#footer h4.logo a:hover {background-position: 0 -30px; border: none;}
#footer h4.logo a span {display: none;}

#jwah a {background: url(images/jwah.png) top right no-repeat; position: fixed; bottom: 0; right: 0; height: 50px; width: 50px;}
#jwah a:hover {border: none; background-position: 0 -50px;}
#jwah a span {display: none;}