/* ---- Globals -------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */
html {width:100%; height:100%; margin:0; padding:0;}
body {width:100%; height:100%; margin:0; padding:0; color:#666666; font-size:12px; font-family:arial,helvetica,verdana,sans-serif; background:url(../images/bg-site.gif) 0 103px repeat-x #fff;}
h1, h2, h3, h4, h5, table, td, ul, li, p, form {list-style:none; margin:0; padding:0;}
h1 {font-size:30px; font-weight:normal;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:13px;}
h5 {font-size:12px;}
img {border:0;}
p, li {line-height:1.4em;}
a {color:#3366cc; text-decoration:none;}
a:hover {text-decoration:underline;}
table {border-collapse:collapse;}
td {vertical-align:top;}
th {text-align:left;}
sup {font-size:smaller; vertical-align:baseline; position: relative; bottom: 0.33em;}
ol li { list-style-type: decimal; }
ol li ul li {list-style-type:none !important;}
input, select, textarea {padding:1px; font-size:12px; color:#666666; font-family:arial,helvetica,verdana,sans-serif;}

.site-wrap {width:870px; margin:0 auto; padding:0 15px;}
.site-wrap {}

.top-wrap {height:93px; padding-top:10px;}
.top-wrap .lgo-zvents {margin-top:10px; float:left;}
.top-wrap .login {display:none;}

.nav-main {font-weight:bold;}
.nav-main ul {padding-top:6px;}
.nav-main li {float:left; line-height:1.5em;}
.nav-main a {padding:1px 10px 6px; color:#fff; display:block; border-top:1px solid #c5c4c4;}
.nav-main li.on a {color:#333 !important; background:#ff9933; border:1px solid #626262; border-width:1px 1px 0;}
.nav-main li.lnk-contact {}

/* for animation in mainnav */
#navmain {position:relative; overflow:hidden;}
#navmain li {position:relative;}
#navmain li a {overflow:hidden; text-decoration:none !important;}
#navmain li.on a {z-index:500;}
#navmain li.hide {border:0; height:1px; width:1px; margin:0 0 0 -1px; padding:0; *display:none;}
#navmain li.background {padding:0; margin-top:18px; *margin-top:19px; z-index:10; position:absolute; visibility:hidden;}
#navmain li.background div {padding:0; font-size:.1em; z-index:10; margin:0 10px; height:2px; background:#ddd;}
#navmain {}

.nav-sub {border-top:1px solid #ff9933;}
.nav-sub ul {padding-top:4px;}
.nav-sub li {padding:0 22px; float:left; line-height:1.5em; position:relative;}
.nav-sub li.first {padding-left:10px; border:0;}
.nav-sub li.on a {background:url(../images/bg-subnav_on.gif) left bottom repeat-x;}
.nav-sub a {color:#fff; display:block; text-decoration:none !important;}
.nav-sub a:hover {background:url(../images/bg-subnav_on.gif) left bottom repeat-x;}

/* for animation in subnav */
#navsub {margin-left:-20px; position:relative; overflow:hidden;}
#navsub li {padding:0 0 0 0px; margin:0 0 0 15px; text-indent:15px;  float:left; border-left:1px solid #af680f; line-height:1.5em; display:inline;}
#navsub li.first {border:0;}
#navsub li.hide {border:0; height:1px; width:1px; margin:0 0 0 -1px; padding:0; *display:none;}
#navsub ul li a  {z-index:100; float:left; height:18px; display:block; position:relative; overflow:hidden; background:none !important;}
#navsub li.background {border:0; padding:0; z-index:1; position:absolute; visibility:hidden;}
#navsub li.background div {z-index:1; padding:0; border-bottom:2px solid #ffcc99; height:16px; *height:17px; margin-right:15px; line-height:1em;}
*html #navsub li.first {margin-left:10px}
*html #navsub li.background div {margin-left:5px; margin-right:10px;}
*+html #navsub ul {margin-left:15px;}
*+html #navsub li {margin:0;}
*+html #navsub li.background div {margin-left:15px;}
html[xmlns*=""] body:last-child  #navsub ul {margin-left:15px;}
html[xmlns*=""] body:last-child  #navsub li {margin:0;}
html[xmlns*=""] body:last-child li.background div {margin-left:15px;}

.content {padding:45px 0px 25px 0px;}
.content h1 {color:#333333;}
.content h1 .grey {color:#959595;}
.content h1, .content h2, .content h3, .content h4, .content ul, .content p {margin-bottom:18px;}
.content h1.sub {font-size:24px;}
.content h3 {font-weight:normal; color:#333; margin-bottom:5px;}

.foot-wrap {padding-bottom:10px; font-size:11px; color:#acacac; text-align:center;}
.foot-wrap div.links {margin:0 0 10px; padding:10px 0; background:#ebebeb; border:1px solid #c5c4c4; border-width:1px 0;}
.foot-wrap p {line-height:1.5em;}
.foot-wrap a {color:#626262;}

/* ---- Home ----------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

.mod-network_sm {width:350px; height:85px; margin:0 10px 0 15px; padding:8px 15px 0px; border:1px solid #9fa6b1; background: #ffffff url(../images/bg-mod_network_sm.gif) left bottom no-repeat; float:right; display:inline;}
.mod-network_sm h3 {margin-bottom:5px; color:#333; font-weight:bold;}
.mod-network_sm p {font-size:11px; line-height:1.3em;}
.mod-network-left {width:175px;float:left;}
.mod-network-right {width:150px;float:right;border:solid 1px #666; background:#fff; height:70px; margin:2px 0px 0px 0px;}




/* ---- Section -------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------- */

/* company - main */
#cont-companymain {}
#cont-companymain #lgo-zonly {margin:0 15px 0 0; float:left;}
#cont-companymain .col_lt {width:335px; font-size:14px; float:left;}
#cont-companymain .col_lt div {width:245px; float:left;}
#cont-companymain .col_lt ul {margin-top:20px;}
#cont-companymain .col_lt {}
#cont-companymain .col_rt {width:475px; float:right;}
#cont-companymain .col_rt h3 {color:#333333; font-weight:normal;}
#cont-companymain .col_rt .boxes {margin:25px 0;}
#cont-companymain .col_rt .boxes li {width:119px; height:136px; margin-left:15px; padding:6px 12px 0px; border:1px solid #9fa6b1; float:left; background:url(../images/bg-company_li.gif) left bottom no-repeat;}
#cont-companymain .col_rt .boxes h3 {margin-bottom:5px;}
#cont-companymain .col_rt .boxes p {margin:0; font-size:11px; line-height:1.3em;}
#cont-companymain #div-companymain {margin-left:25px; float:left;}

/* company - management */
.management-table {margin:10px 0 20px;}
.management-table td {padding:5px 40px 5px 0px;}
.management-table td a {font-size:14px;}

.management-list li {padding:15px;}
.management-list div.bio {width:530px; float:left;}
.management-list div.bio h2 {margin:0 0 3px; font-size:18px; font-weight:normal;}
.management-list div.bio h5 {font-weight:normal; font-style:italic;}
.management-list div.profile {width:271px; height:163px; margin-top:35px; padding:8px; border:1px solid #9fa6b1; background:url(../images/bg-profile.gif) left bottom no-repeat; float:right;}
.management-list div.profile p {margin-bottom:10px; font-size:10px !important; line-height:1.2em;}
.management-list div.profile p strong {color:#464646; font-style:normal;}
.management-list div.profile img {margin:0 8px 0 0; float:left;}
.management-list .bul-orange li {padding:0 0 0 10px;}

/* company - press center */
#cont-companypress {}
#cont-companypress h2 {margin-bottom:7px; color:#333;}
#cont-companypress .col_lt {width:457px; float:left;}
#cont-companypress .col_lt td {padding:8px 20px 8px 0; border:1px solid #e0e0e0; border-width:1px 0; line-height:1.3em;}
#cont-companypress .col_lt td.date {width:90px;}
#cont-companypress .col_rt {width:353px; float:right;}

.mod-pressfeatured {margin-bottom:30px; padding:10px 15px; border:1px solid #9fa6b1; background:url(../images/bg-mod_pressfeatured.gif) left bottom no-repeat;}
.mod-pressfeatured h3 {margin-bottom:7px;}
.mod-pressfeatured p {margin:0; line-height:1.3em;}

.mod-presscontact {margin:30px 0; padding:10px 15px; border:1px solid #9fa6b1; background:url(../images/bg-mod_presscontact.gif) left bottom no-repeat;}
.mod-presscontact h3 {width:110px; color:#333; float:left;}
.mod-presscontact p {width:200px; margin:0; float:left;}

.news-list {}
.news-list li {margin-bottom:10px;}
.news-list p {width:205px; float:left;}
.news-list img {margin-top:15px; border:1px solid #9fa6b1; float:right;}
.news-list img.icn-offsite {margin:0 0 0 2px; border:0; float:none;}

/* company - press release */
#cont-pressrelease {}
#cont-pressrelease h2 {margin-bottom:7px; color:#333;}
#cont-pressrelease .col {width:600px;}
#cont-pressrelease .col h2 {margin-bottom:10px;}
#cont-pressrelease .col h3 {margin-bottom:20px; color:#666;}
#cont-pressrelease .col div.promo {margin-top:5px; padding-top:10px; border-top:1px solid #ddd;}

/* company - jobs */
#cont-companyjobs {}
#cont-companyjobs h2 {margin-bottom:7px; color:#333;}
#cont-companyjobs .col_lt {width:400px; float:left;}
#cont-companyjobs .col_lt td {padding:8px 20px 8px 0; border:1px solid #e0e0e0; border-width:1px 0; line-height:1.3em;}
#cont-companyjobs .col_lt h1 {font-size:24px; color:#a0a0a0;}
#cont-companyjobs .col_rt {width:438px; float:right;}
#cont-companyjobs .col {width:500px;}
#cont-companyjobs .col h2 {font-size:18px; color:#a0a0a0; font-weight:normal;}
#cont-companyjobs .col {}
#cont-companyjobs .col {}

.mod-benefits {margin:30px 0; padding:10px 15px; border:1px solid #9fa6b1; background:url(../images/bg-mod_benefits.gif) left bottom no-repeat;}
.mod-benefits h3 {font-weight:normal; color:#333;}
.mod-benefits .bul-blue li {margin-bottom:0;}
.mod-benefits .bul-blue ul {margin-bottom:0;}

/* company - history */
#cont-companyhistory {}
#cont-companyhistory .col_lt {width:297px; float:left;}
#cont-companyhistory .col_lt p {margin-top:7px; line-height:1.3em; font-style:italic;}
#cont-companyhistory .col_rt {width:535px; float:right;}
#cont-companyhistory .col_rt h2 {font-size:18px; font-weight:normal; margin:0; color:#333;}
#cont-companyhistory .col_rt h5 {margin-bottom:10px; font-weight:normal; font-style:italic; color:#333;}

/* company - media */
#cont-companymedia {}
#cont-companymedia h2 {color:#333;}
#cont-companymedia .col_lt {}

.mod-partnering {margin:0; padding:10px 15px; border:1px solid #9fa6b1; background:url(../images/bg-mod_partnering.gif) left bottom no-repeat;}
.mod-partnering h3 {margin-bottom:6px;}
.mod-partnering p {margin:0;}

.partner-logos {width:170px;}
.partner-logos img {border:1px solid #9fa6b1;}
.partner-logos li {margin-bottom:12px;}

#cont-companymedia p.state {font-weight:bold; font-size:13px; color:#333; margin:14px 0px 2px -14px;}
#cont-companymedia .networkList_left {width:330px; float:left;}
#cont-companymedia .networkList_right {width:180px; float:right;}
#cont-companymedia .networkList_left ul {margin-left:14px;}
#cont-companymedia .networkList_left li {margin-left:-14px; margin-top:4px;}
#cont-companymedia .networkList_left ul,li {list-style:none; color:#666;}


/* developers - main */
#cont-developersmain {}
#cont-developersmain h3.subtitle {width:390px; font-weight:normal; float:left; line-height:1.4em;}

.mod-developers_sm {width:159px; height:72px; margin:0 10px 0 15px; padding:8px 20px 0px; border:1px solid #9fa6b1; background:url(../images/bg-mod_developers_sm.gif) left bottom no-repeat; float:right; display:inline;}
.mod-developers_sm {}
.mod-developers_sm h3 {margin-bottom:5px; color:#333; font-weight:normal;}
.mod-developers_sm p {font-size:11px; line-height:1.3em;}

.mod-developers {width:860px; height:263px; margin:25px 0; background:url(../images/bg-mod_developers.gif) left bottom no-repeat;}
.mod-developers li {width:370px; padding:18px 25px 0 25px; float:left;}
.mod-developers li h1 {font-size:24px;}
.mod-developers li p {margin-left:125px; }
.mod-developers li.doc {margin-left:10px;}
.mod-developers li.doc h1 {margin-bottom:22px;}
.mod-developers li.doc p {margin-left:145px;}
.mod-developers li.doc p.align-ct {margin-top:16px;}
.mod-developers li strong {padding:0 20px 0 10px; font-weight:normal; color:#333333; background:url(../images/bul-orange.gif) 0 7px no-repeat;}
.mod-developers .gra-dev {float:left;}

.devmain-list li {width:165px; margin-top:25px; padding:0 25px; background:url(../images/bg-devmain_list.gif) 0 0 no-repeat; float:left;}
.devmain-list li p {font-size:11px;}
.devmain-list li h3 {margin-bottom:7px; font-weight:normal; color:#333;}
.devmain-list li.first {background:none;}
.devmain-list li h1 {font-size:24px;}

/* developers - the lab */
#cont-developerslab {}
#cont-developerslab h3 {margin-bottom:20px; font-weight:normal; color:#666;}
#cont-developerslab .col {width:396px; float:left;}
#cont-developerslab #gra-thelab {margin-left:70px; float:left;}

.mod-thelab {margin:30px 0; padding:20px; border:1px solid #9fa6b1;background:#eeeeee;}
.mod-thelab h3 {margin-bottom:10px !important;}
.mod-thelab .bul-orange {margin-bottom:0;}
.mod-thelab .bul-orange li {margin-bottom:2px;}

/* developers - documentation */
#cont-developersdoc {}
#cont-developersdoc .col {width:642px;}
#cont-developersdoc .col h3 {margin-bottom:5px !important;}
#cont-developersdoc #gra-documentation {margin-left:80px; float:right;}
#cont-developersdoc ol {margin:0;}
#cont-developersdoc ol li {margin-bottom:15px;}
#cont-developersdoc ol li ul {margin-top:10px;}
#cont-developersdoc ol li ul li {margin-bottom:10px;}
#cont-developersdoc ol li p {margin-top:10px;}

.mod-documentation {margin:20px 0; padding:20px; border:1px solid #9fa6b1; background:url(../images/bg-mod_documentation.gif) left bottom no-repeat;}
.mod-documentation h2 {font-weight:normal; color:#333;}
.mod-documentation ul {margin:0;}

#cont-documentation {}
#cont-documentation {}
#cont-documentation .col h2 {margin-top:20px;}
#cont-documentation .col h3 {text-transform:uppercase; margin-top:35px; margin-bottom:10px;}
#cont-documentation .col table {background:#f7f7f7; border:1px dashed #9fa6b1;}
#cont-documentation .col td {padding:5px 10px;}
#cont-documentation .col tr.underline {border-bottom:1px solid #e0e0e0;}
#cont-documentation .col pre {padding:20px; background:#f4f8fe; border:1px dashed #9fa6b1;}
#cont-documentation .col {}

/* developers - api key */
#cont-apikey {}
#cont-apikey .col {width:645px;}
#cont-apikey .col h2 {font-size:18px; font-weight:normal; color:#333;}
#cont-apikey .col h3 {font-weight:normal; color:#333;}
#cont-apikey .col h5 {margin-bottom:5px; font-weight:normal; color:#333;}
#cont-apikey #gra-apikey {margin-left:20px; float:right;}
#cont-apikey p.align-ct {width:480px;}
#cont-apikey p.srccode {padding:20px; background:#f7f7f7; border:1px dashed #9fa6b1;}

.mod-apikey1 {width:380px; margin:20px 0; padding:20px; border:1px solid #9fa6b1; background:url(../images/bg-mod_apikey1.gif) left bottom no-repeat;}
.mod-apikey1 h2 {font-weight:normal; color:#333;}
.mod-apikey1 ul {margin:0;}
.mod-apikey1 li {margin-bottom:3px;}
.mod-apikey1 li .num {padding-right:3px; font-size:18px; color:#333333;}

.mod-apikey2 {width:515px; margin:20px 0; padding:20px; border:1px solid #9fa6b1; background:url(../images/bg-mod_apikey2.gif) left bottom no-repeat;}
.mod-apikey2 h3 {font-weight:normal; color:#333;}
.mod-apikey2 ul {margin:0;}
.mod-apikey2 li {margin-bottom:5px;}
.mod-apikey2 li .num {padding-right:3px; font-size:18px; color:#333333;}

/* products - main */
#cont-productsmain {}
#cont-productsmain h3.subtitle {width:450px; font-weight:normal; float:left; line-height:1.4em;}

.mod-products_sm {width:169px; height:72px; margin:0 10px 0 15px; padding:8px 15px 0px; border:1px solid #9fa6b1; background:url(../images/bg-mod_developers_sm.gif) left bottom no-repeat; float:right; display:inline;}
.mod-products_sm h3 {margin-bottom:5px; color:#333; font-weight:normal;}
.mod-products_sm p {font-size:11px; line-height:1.3em;}

.mod-products {width:860px; height:263px; margin:25px 0px 0px 0px; background:url(../images/bg-mod_products.gif) left bottom no-repeat;}
.mod-products li {width:390px; padding:16px; float:left;}
.mod-products li h1 {margin-bottom:20px; font-size:24px;}
.mod-products li p {width:240px;}
.mod-products p.align-ct {width:127px; margin-top:15px;}
.mod-products li.doc {margin-left:10px;}
.mod-products li strong {font-weight:normal; color:#333;}
.mod-products li h3 {font-weight:bold; color:#333;}
.mod-products .img-cap {float:right;}

ul.prodmain-list {margin-bottom:0px;}
.prodmain-list li {width:160px; margin-top:25px; padding:0 22px; background:url(../images/bg-devmain_list.gif) 0 0 no-repeat; float:left;}
.prodmain-list li p {font-size:11px;}
.prodmain-list li h3 {margin-bottom:7px; font-weight:normal; color:#333;}
.prodmain-list li.first {background:none;}
.prodmain-list li h1 {font-size:24px;}

/* products - zmp */
#cont-productszmp {}
#cont-productszmp h3 {font-weight:normal;}
#cont-productszmp p {color:#333333;}
#cont-productszmp ul {color:#333333;}
#cont-productszmp li {margin-bottom:5px;}

.mod-zmp {width:336px; height:254px; margin:20px 0 50px; padding:20px; border:1px solid #9fa6b1; background:url(../images/bg-mod_zmp.gif) 0 0 no-repeat; float:left;}
.mod-zmp h3 {color:#666; margin-bottom:10px;}

.zmp-screens {width:465px; height:297px; margin-top:20px; float:right; position:relative; background:url(../images/gra-zmpsamples.jpg) 0 0 no-repeat;}
.zmp-screens p {width:150px; margin:0 0 0 70px; position:absolute; bottom:0; font-size:11px; color:#666666 !important; line-height:1.3em;}

.mobile-screens {width:465px; height:376px; margin-top:-20px; float:right; position:relative; background:url(../images/gra-mobilesamples.png) 0 0 no-repeat;}
.mobile-screens p {width:150px; margin:0 0 0 70px; position:absolute; bottom:0; font-size:11px; color:#666666 !important; line-height:1.3em;}

.toggle-prod {}
.toggle-prod ul.tabs {height:34px; margin-left:-45px; padding-left:45px; background:url(../images/bg-toggle.gif) left bottom no-repeat; position:relative;}
.toggle-prod ul.tabs2 {height:34px; margin-left:-45px; padding-left:45px; background:url(../images/bg-toggle.gif) left bottom no-repeat; position:relative;}
.toggle-prod ul.tabs li {height:26px; margin:0 15px 0 0px; padding:6px 15px 0; float:left; border:1px solid #8e97a3; background:url(../images/bg-toggle_tab.gif) left bottom repeat-x; position:relative;}
.toggle-prod ul.tabs2 li {font-size:21px; color:#9cc930; height:26px; margin:0 15px 0 0px; padding:6px 15px 0; float:left; border:1px solid #8e97a3; background:url(../images/bg-toggle_tab.gif) left bottom repeat-x; position:relative;}
.toggle-prod ul.tabs a {font-size:21px; color:#3366cc;}
.toggle-prod ul.tabs li.on {border-bottom:1px solid #fff; background:#fff;}
.toggle-prod ul.tabs2 li.on {border-bottom:1px solid #fff; background:#fff;}
.toggle-prod ul.tabs li.on a {color:#333333;}
.toggle-prod .toggle-content {margin-top:25px;}
.toggle-prod .toggle-content .screenshot {border:1px solid #9fa6b1; float:right;}

.toggle-prod .toggle-content .inner {width:870px;}
.toggle-prod .toggle-content .inner h3 {margin:0 0 5px 0; color:#333;}
.toggle-prod .toggle-content .inner p {color:#666 !important;}

/* products - content feeds */
#cont-contentfeeds {}
#cont-contentfeeds .col_lt {width:425px; float:left;}
#cont-contentfeeds .col_lt ul {margin-bottom:5px;}
#cont-contentfeeds .col_rt {width:395px; float:right;}

.mod-contentfeeds {width:383px; height:195px; margin:20px 0; padding:20px; border:1px solid #9fa6b1; background:url(../images/bg-mod_contentfeeds.gif) 0 0 no-repeat;}
.mod-contentfeeds h3 {margin-bottom:15px; color:#666;}
.mod-contentfeeds h3.dkgrey {margin:0 !important;}

.mod-prodcontact {width:321px; margin:30px 0; padding:12px 15px 0; border:1px solid #9fa6b1; background:url(../images/bg-mod_presscontact.gif) left bottom no-repeat;}
.mod-prodcontact h3 {margin-bottom:5px; font-weight:normal;}

/* products - widgets */
#cont-widgets {}
#cont-widgets .intro {width:415px; float:left;}
#cont-widgets .intro h3 {margin-bottom:10px; font-weight:bold; color:#666;}

.mod-widgets {width:360px; height:220px; float:right; background:url(../images/gra-widgetgears.gif) 0 0 no-repeat; position:relative;}
.mod-widgets p {width:130px; margin-top:170px; position:absolute; right:0;}

.col-widgets {width:412px; float:left;}
#col-widgets_lt {margin-right:25px;}

.col-widgets .quickshot {margin-right:20px; float:left;}
.col-widgets .quickshot img {border:2px solid #f1f1f1;}
.col-widgets .descrip {width:200px; float:left;}
.col-widgets .descrip .bul-orange li {margin-bottom:5px;}

.mod-widgets1 {height:238px; margin:25px 0; padding:15px; border:1px solid #9fa6b1; background:url(../images/bg-mod_widgets1.gif) 0 0 no-repeat;}
.mod-widgets2 {height:137px; margin:25px 0; padding:15px; border:1px solid #9fa6b1; background:url(../images/bg-mod_widgets2.gif) 0 0 no-repeat;}

/* products - znc */
#cont-productsznc {}
#cont-productsznc .col_lt {width:413px; float:left;}
#cont-productsznc .col_lt h3 {margin:0;}
#cont-productsznc .col_rt {width:457px; float:right;}

.mod-znc1 {height:110px; margin:20px 0; padding:20px; border:1px solid #9fa6b1; background:url(../images/bg-mod_znc1.gif) 0 0 no-repeat;}
.mod-znc1 h3 {margin:9px 0 !important;}
.mod-znc2 {width:380px; height:105px; margin:20px 0 0 50px; padding:20px; border:1px solid #9fa6b1; background:url(../images/bg-mod_znc2.gif) 0 0 no-repeat;}
.mod-znc2 h2 {font-size:18px; font-weight:normal; color:#333;}
.mod-znc2 ul {margin:0;}
.mod-znc2 li .num {padding-right:3px; font-size:18px; color:#333333;}

.znc-screenshots {width:457px; height:273px; margin:0 0 45px 0; background:url(../images/img-znc.jpg) 0 0 no-repeat; position:relative;}
.znc-screenshots p {width:120px; margin:0 0 -10px 72px; font-size:10px; position:absolute; bottom:0;}

/* products - content */
.content-cats {float:right;margin-top:18px;width:447px;text-align:justify;color:#aaa;line-height:16px;}
.content-cats span.large {font-size:14px; font-weight:bold; color:#9CC930;}


/* products - faq */
#cont-faq {}
#cont-faq #lgo-zbot_yo {float:right;}

.faq-list {width:570px; margin-top:20px;}
.faq-list li {padding:20px 0; border-bottom:1px solid #e0e0e0;}
.faq-list img.ltr {margin-right:5px;}
.faq-list p.answer {margin:0; color:#333;}
.faq-list p.callout {margin:15px 35px 0; padding:15px 20px; background:#f7f7f7; border:1px dashed #9fa6b1;}

/* marketing - main */
#cont-marketingmain {}
#cont-marketingmain {}
#cont-marketingmain {}

#cont-marketingmain .col_lt {width:400px; margin-top:35px; float:left;}
#cont-marketingmain .col_lt #lgo-zvents_tower {margin:-10px 20px 0px -20px; float:left;}
#cont-marketingmain .col_lt {}
#cont-marketingmain .col_rt {width:430px; float:right;}
#cont-marketingmain .col_rt {}

.mod-marketing_sm {width:180px; height:91px; margin:0 -8px 0 25px; padding:8px 15px 0px;background:url(../images/bg-mod_marketing_sm_gr_icon.png) left bottom no-repeat; float:right; display:inline;}
.mod-marketing_sm h3 {margin-bottom:5px;padding-top:18px; color:#333; font-weight:normal;}
.mod-marketing_sm p {font-size:11px; line-height:1.3em;}

.mod-marketing_wide {width:408px; height:91px; margin:0 -8px 0 25px; padding:8px 15px 0px;background:url(../images/bg-mod_marketing_wide_gr_icon.png) left bottom no-repeat; float:right; display:inline;}
.mod-marketing_wide h3 {margin-bottom:5px;padding-top:18px; color:#333; font-weight:normal;}
.mod-marketing_wide p {font-size:11px; line-height:1.3em;}

.mod-marketing {width:388px; height:300px; margin:22px 0 50px; padding:20px;  border:1px solid #9fa6b1; background:url(../images/bg-mod_marketing.gif) 0 0 no-repeat; float:right;}
.mod-marketing ul {}
.mod-marketing li {margin-bottom:25px;_margin-bottom:0;}
.mod-marketing li h1 {font-size:24px;}
.mod-marketing li p {width:212px;}
.mod-marketing .btn-findoutmore {margin:-40px 15px 0 0; float:right;}

.markmain-list li {width:165px; height:80px; margin-top:25px; padding:0 25px; background:url(../images/bg-markmain_list.gif) 0 0 no-repeat; float:left;}
.markmain-list li p {font-size:11px;}
.markmain-list li h3 {margin-bottom:7px; font-weight:normal; color:#333;}
.markmain-list li.first {background:none;}
.markmain-list li h1 {font-size:24px;}

/* marketing - business promotion */
#cont-marketingbus {}
#cont-marketingbus .col_lt {width:396px; float:left;}
#cont-marketingbus .col_lt h3 {font-weight:normal;}
#cont-marketingbus .col_rt {width:443px; float:right;}

.mod-bus1 {height:117px; margin:25px 0; padding:15px 20px;  border:1px solid #9fa6b1; background:url(../images/bg-mod_bus1.gif) 0 0 no-repeat;}
.mod-bus1 h3 {margin-bottom:7px; color:#333;}
.mod-bus1 ul {margin-bottom:0;}
.mod-bus1 li {margin-bottom:0px !important;}

.mod-bus2 {width:333px; height:79px; margin:25px 6px 0 0; padding:15px 20px;  border:1px solid #9fa6b1; background:url(../images/bg-mod_bus2.gif) 0 0 no-repeat; float:right; display:inline;}
.mod-bus2 h3 {margin-bottom:5px; color:#333; font-weight:normal;}
.mod-bus2 p {margin:0;}



/* marketing - advertise */
#cont-advertise {}
#cont-advertise .col_lt {width:376px; float:left;}
#cont-advertise .col_lt h3 {font-weight:normal;}
#cont-advertise .col_rt {width:443px; float:right; margin-top:-20px; }

.mod-advertise {
	height:173px; 
	margin:25px 0; 
	padding:15px 20px; 
	 border:1px solid #9fa6b1; 
	 background:url(../images/bg-mod_advertise.gif) 0 0 no-repeat;}
.mod-advertise h3 {margin-bottom:7px; color:#333;}
.mod-advertise ul {margin-bottom:0;}
.mod-advertise li {margin-bottom:0px !important;}

.callout-bus {font-size:16px; padding:0 0 0 44px;color:#666}

#tabs-audience{ overflow:auto; _height:415px; margin-top:40px; }

#tabs-audience div h2{
	display:block; 
	background:#ff9933 url(../images/bg-tit-advertisiment.gif); 
	float:left; 
	width:748px;
	border:1px solid #8e97a3;
	border-width:1px 0;
	color:#fff;
	padding:10px 27px;
	font:100 arial 18px;
	margin:0;
 }
#tabs-audience ul{	_margin-bottom:-1px;  
	z-index:100; 
	position:relative; 
	}
 
#tabs-audience li{ 
	float:left; margin:0; 
	margin-right:12px; 
	height:33px; 
	display:block;
	width:147px;
	height:34px;
	margin-bottom:-1px;
	position:relative;
	
	}
	
#cont-advertise	.bul-orange li {
	margin:15px 0 0 0
}

#downloadAdSpecs {margin:-10px 0 0 23px}
	
#tabs-audience li#tabAudience{ background:url(../images/bt-audience-off.gif); cursor:pointer;}
#tabs-audience li#tabAudience.off{ background:url(../images/bt-audience-on.gif); cursor:pointer;}
#tabs-audience li#tabTargeting{ background:url(../images/bt-targeting-off.gif); cursor:pointer;}
#tabs-audience li#tabTargeting.off {background:url(../images/bt-targeting-on.gif); cursor:pointer;}
#tabs-audience li#tabPlacements{ background:url(../images/bt-placements-off.gif); cursor:pointer;}
#tabs-audience li#tabPlacements.off{ background:url(../images/bt-placements-on.gif); cursor:pointer;}

	#tabAudience.on{ background:url(/images/bt-audience-on.gif); float:left; }
#tabs-audience li img{}
#tabs-audience div h3{font:100 18px arial; padding:25px; display:block; float:left; }
#tabs-audience .tabContent{
	float:left; 
	width:802px; 
	border:solid 1px #8e97a3; 
	border-top:0; 
	height:307px; 
	display:none;
}
#tabs-audience .tabContent table { width:748px; margin-left:25px; _margin-left:12px; float:left; }
#tabs-audience .tabContent table td{border:solid 1px #c5c4c4; border-right:0px; padding:5px; }
#tabs-audience .tabContent table td.first{border-left:0; }
#tabs-audience .tabContent table tbody td.first{ color:#3366cc; }
#tabs-audience .tabContent table thead td{ background:#ecedf0; font-weight:700; border-top:0; }
#tabs-audience .tabContent p{ margin-top:25px; margin-left:25px; _margin-left:12px; float:left; }

/* tab audience */
#tabs-audience #audience{}
#tabs-audience #audience h3{ padding-left:0!important; padding-bottom:15px!important}

#tabs-audience #audience .left{ float:left; display:block; width:300px; margin-left:40px; _margin-left:20px; }
#tabs-audience #audience ul{ 
	background:url(../images/bg-audience-tab1-left.gif); 
	width:293px; 
	height:147px; 
	border:1px solid #8e97a3;
	float:left;
	padding:15px 0 0 15px;
}
#tabs-audience #audience ul li{ 
	display:block; 
	width:280px;
	border-bottom:solid 1px #c5c4c4; 
	padding:4px 0!important;
	height:auto;
	margin:0} 
#tabs-audience #audience ul li.last{ border-bottom:0!important; } 
#tabs-audience #audience ul li span{ color:#ff9900; } 
#tabs-audience #audience .right{ margin-left:50px; float:left; width:300px;}
#tabs-audience #audience .right ul{ background:url(../images/bg-audience-tab1-right.gif); }

/* tab targeting */
#tabs-audience #targeting{height:380px; }
#tabs-audience #targeting h3{ padding-bottom:10px; }
#tabs-audience #targeting dl{ 
	float:left; 
	display:block; 
	width:277px; 
	margin-top:0px;
	margin-left:25px; 
	_margin-left:12px;
}
#tabs-audience #targeting dl dt, #tabs-audience #targeting dl dd{ padding:0; margin:0; }
#tabs-audience #targeting dl dt{ color:#ff9933; font:700 16px arial; margin-top:7px; }
#tabs-audience #targeting dl dd{ color:#333; border-bottom:solid 1px #c5c4c4; padding-bottom:7px; }
#tabs-audience #targeting p{ float:right; margin-right:46px; _margin-right:23px; }


/* marketing - event promotion */
#cont-marketingevent {}
#cont-marketingevent .col_lt {width:356px; float:left;}
#cont-marketingevent .col_lt h3 {font-weight:normal;}
#cont-marketingevent .col_rt {width:443px; float:right;}

.mod-event {height:78px; margin:25px 0; padding:15px 20px; border:1px solid #9fa6b1; background:url(../images/bg-mod_event.gif) 0 0 no-repeat;}
.mod-event h3 {margin-bottom:6px; color:#333;}
.mod-event p {margin:0;}

.callout-event {font-size:16px;padding:0 0 0 40px;font-weight:bold;color:#666}
.callout-event a{font-size:12px;color:#3366cc;font-weight:normal}

/* marketing - advertising with us */
.mod-marketing-advert_sm {width:169px; height:72px; margin:20px 0 0 0; padding:8px 15px 0px; border:1px solid #9fa6b1; background:url(../images/bg-mod_marketing_sm.gif) left bottom no-repeat; float:left; display:inline;}
.mod-marketing-advert_sm h3 {margin-bottom:5px; color:#333; font-weight:normal;}
.mod-marketing-advert_sm p {font-size:11px; line-height:1.3em;}

/* developers - main */
#cont-contact {}
#cont-contact h1 {margin-bottom:30px;}
#cont-contact .col {width:475px;}
#cont-contact #lgo-zonly {margin:0 0 15px 500px; position:absolute;}
#cont-contact {}

#cont-contact form {margin:10px 0 20px; padding:0;}
#cont-contact form label {width:130px; margin:5px 0; float:left; vertical-align:middle;}
#cont-contact form .inp-field, #cont-contact form select, #cont-contact form textarea {width:320px; margin:5px 0; padding:3px 5px; background:#f6f6f6; border:0; border-bottom:1px dashed #ccc !important; float:left; vertical-align:middle;}
#cont-contact form textarea {height:100px; border:1px dashed #ccc;}
#cont-contact form br {clear:both;}
#cont-contact form hr {clear:both; border:1px solid #eee; height:1px;}
#cont-contact form .br_fix {height:1px; margin:0; padding:0; line-height:.1em; }
#cont-contact form { position:relative; }
#cont-contact form div.buttons {float:left;}
#cont-contact form div.buttons input {margin-right:5px;}
#cont-contact form {}

/* Advertise Main */

#cont-advertise-main div.col_lt,#cont-advertise-main div.col_rt{
	position:relative; 
	width:428px; 
	height:260px; 
	background:url(/images/gra-enhance.gif) no-repeat 0 bottom; 
	border:1px solid #9ea7b0;
	float:left;
}
#cont-advertise-main div.col_rt{ margin-right:-200px; margin-left:-1px; background:url(/images/gra-distribution.jpg) no-repeat 0 bottom}
#cont-advertise-main div.col_lt h3, #cont-advertise-main div.col_rt h3{ 
	color:#3465cc; 
	font-size:24px; 
	line-height:26px; 
	padding:13px 0 0 22px;  
}
#cont-advertise-main div.col_lt p, #cont-advertise-main div.col_rt p{ padding:0 0 0 22px; width:215px; }

#cont-advertise-main div.col_lt a.button, #cont-advertise-main div.col_rt a.button{ 
 position:absolute;
 top:183px;
 left:45px;
}
#cont-advertise-main #properties {width:860px; float:left }
#cont-advertise-main #properties dl,
#cont-advertise-main #properties dt,
#cont-advertise-main #properties dd{
	border:0;
	margin:0;
	padding:0;
}

#cont-advertise-main #properties dl{
	width:390px;
	margin-top:35px;
	margin-left:20px;
}
#cont-advertise-main #properties dt{ color:#333333; font:100 14px arial; margin-bottom:5px }
#cont-advertise-main #properties dd{ 
	color:#656565; 
	font-size:12px; 
	background: url(/images/bg-list-advise-main.gif) bottom no-repeat !important;
	padding-bottom:20px;
	 }
#cont-advertise-main{position:relative; }
#cont-advertise-main .getStartedButton{ position:absolute; top:45px; left:520px;  }

/* cont-advertise-enhanced */
#cont-advertise-enhanced .box1 .left form,
#cont-advertise-enhanced .box1 .left fieldset,
#cont-advertise-enhanced .box1 .left legend,
#cont-advertise-enhanced .box1 .left p,
#cont-advertise-enhanced .box1 .left dl,
#cont-advertise-enhanced .box1 .left dd,
#cont-advertise-enhanced .box1 .left dt{ padding:0; border:0; margin:0; }
#cont-advertise-enhanced h1{ background:url(/images/icn-new.gif) no-repeat; padding:3px 0 20px 50px }
#cont-advertise-enhanced .box1{ height:525px; }
#cont-advertise-enhanced .box1 .left{ width:379px; float:left; margin-right:40px; }
#cont-advertise-enhanced .box1 .left div{ background:url(../images/bg-form-enhanced.gif) no-repeat; height:165px; }
#cont-advertise-enhanced .box1 .left fieldset{ padding:0 0 0 30px;}
#cont-advertise-enhanced .box1 .left legend{ font:100 18px arial; color:#9cc932; padding-top:10px; }
#cont-advertise-enhanced .box1 .left dl{ margin-top:5px;}
#cont-advertise-enhanced .box1 .left dd{ float:left; }
#cont-advertise-enhanced .box1 .left dd input{ 
	height:14px;
	width:124px; 
	background:#ebebeb; 
	border:0; 
	border-bottom:1px dashed #989898;
	margin-right:10px; 
	padding:3px;
	}
#cont-advertise-enhanced .box1 .left dd input.submit{ width:50px; border:0!important; padding:0; margin-top:-6px; height:35px; position:relative }
#cont-advertise-enhanced .box1 .left dt{clear:both; padding:4px 0!important;}
#cont-advertise-enhanced .box1 .left h2{ font-size:20px; font-weight:100; padding-top:20px; }
#cont-advertise-enhanced .box1 .left p{font-size:14px; }
#cont-advertise-enhanced .box1 .left p.getStarted{ display:block; text-align:center; margin-top:15px; }
#cont-advertise-enhanced .box1 .left div.imagePanel{ background:url(../images/gra-catch-the-eye.jpg); width:378px; height:213px; }
#cont-advertise-enhanced .box1 .left div.imagePanel h2{
	font:700 36px arial; 
	color:#323232; 
	padding-left:27px;
	padding-top:25px;
	padding-bottom:0px;
	margin:0;
}
#cont-advertise-enhanced .box1 .left div.imagePanel h3{
	font:100 30px arial; 
	color:#323232; 
	padding-left:27px;
	padding-top:0px;
	margin-top:-8px;
}
#cont-advertise-enhanced .box1 .left div.imagePanel h4{
	font:100 18px arial; 
	color:#323232; 
	padding-left:27px;
	padding-top:0px;
}


#cont-advertise-enhanced .box1 .right{ float:right; width:471px; margin-right:-40px; margin-top:-13px; position:relative }
#cont-advertise-enhanced .box1 .right p{ text-align:center; }

#cont-advertise-enhanced .box2{ margin-top:20px; }
#cont-advertise-enhanced .box2 .left { width:636px; float:left; }
#cont-advertise-enhanced .box2 .left h2{ 
	background:url(../images/bg-enhanced-features-tit.jpg); 
	height:25px; 
	border:solid 1px #8f97a4;  
	padding:7px 0 0 30px;
	margin-bottom:0;}
#cont-advertise-enhanced .box2 .left .containerTable{ border:solid 1px #8f97a2; padding:21px; border-top:0; height:510px; }
#cont-advertise-enhanced .box2 .left .containerTable table{ width:584px; }
#cont-advertise-enhanced .box2 .left .containerTable table td{ 
	background:#fbfbfd;
	border:solid 1px #c4c4c4; 
	border-width:0 1px 1px 0; 
	padding:7px 0;
	line-height:18px;
	text-align:center;  }
#cont-advertise-enhanced .box2 .left .containerTable table td.first{ width:353px; border-right-color:#fff; text-align:left; background:#fff }
#cont-advertise-enhanced .box2 .left .containerTable table td.second{ width:90px; background:#fff; }
#cont-advertise-enhanced .box2 .left .containerTable table td.last{ background:#e3f0c4; width:68px; }
#cont-advertise-enhanced .box2 .left .containerTable table td img{ margin-bottom:5px;}
#cont-advertise-enhanced .box2 .left .containerTable table td img.sample2{ margin-left:-38px; position:relative	}

#cont-advertise-enhanced .box2 .left .containerTable table thead td.last{ 
	border-top:solid 1px #c4c4c4; background:#9cc930; font-weight:bold; font-size:11px; }
#cont-advertise-enhanced .box2 .left .containerTable table thead td.basic{ 
	border-top:solid 1px #c4c4c4; background:#ecedf1; font-weight:bold; font-size:11px }

#cont-advertise-enhanced .box2 .right{
	width:215px;
	border:solid 1px #8f97a2;
	float:left;
	margin-left:-1px;
	background:#86b221;
	padding:4px;
	height:577px;
}
#cont-advertise-enhanced .box2 .right dl,
#cont-advertise-enhanced .box2 .right dt,
#cont-advertise-enhanced .box2 .right dd{ padding:0; border:0; margin:0; }
#cont-advertise-enhanced .box2 .right dt{ background:#9dbe49; font-size:16px; color:#fff; padding:10px 20px; }
#cont-advertise-enhanced .box2 .right dd{ color:#000; padding:20px 20px;}
#cont-advertise-enhanced .box2 .right dt.first{ height:40px; }
/* ---- Etc ------------------------------------------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------- */
br.spacer {line-height:.5em !important;}
.dkgrey {color:#333333 !important;}
.ltblue {color:#6699ff !important;}
.orange {color:#ff9933 !important;}
.bul-blue {margin-left:10px;}
.bul-blue li {margin-bottom:10px; padding-left:10px; background:url(../images/bul-blue.gif) 0 7px no-repeat;}
.bul-blue li ul {}
.bul-blue li li {background:url(../images/bul-blue_dash.gif) 0 7px no-repeat;}
.bul-orange {margin-left:10px;}
.bul-orange li {margin-bottom:10px; padding-left:10px; background:url(../images/bul-orange.gif) 0 7px no-repeat;}
.allcaps {text-transform:uppercase;}
.nobord-top {border-top:0 !important;}
.nomargin {margin:0 !important;}
.nomargin-top {margin-top:0 !important;}
.nomargin-bot {margin-bottom:0 !important;}
.nopadding {padding:0 !important;}
.align-rt {text-align:right;}
.align-lt {text-align:left;}
.align-ct {text-align:center;}
.align-mid {vertical-align:middle;}
.align-bot {vertical-align:bottom;}
.small {font-size:.9em;}
.clearout {clear:both; font-size:.1em;}