body,div,p,h1,h2,h3,h4,h5,h6,ul,li,table,td,strong,label,img {margin:0; padding:0; border:0}
table, td {border-collapse:collapse;}
.tb_prices {margin-bottom:20px}
.tb_prices  td{ padding:10px 0 10px 0; width:110px;text-align:center;  border:1px solid #dddddd;}
.tb_prices thead td {background:url(../images/bgtheader.gif) bottom left repeat-x; font-size:12px; line-height:18px; padding:5px 0 5px 0}
.tb_contact thead strong {color:#000}
ul,li {list-style:none}
p {line-height:150%; padding-bottom:10px}
input,select,textarea {background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
body {background:#f5f5f5; font-family:"Lucida Sans","Trebuchet MS",Arial, Helvetica, sans-serif; font-size:12px;color:#41474d;}
blockquote {padding-left:60px; background:url(../images/quotes.gif) no-repeat left top; margin-left:10px}
small {font-family:Arial, Helvetica, sans-serif; font-size:11px}
a {color:#006699; text-decoration:none;}
h2 {font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#36383b; margin-bottom:10px}
.alert {color:#F30C7A}
.left {float:left; display:inline}
.right {float:right; display:inline}
.clear {clear:both; height:0}
.center {text-align:center}
.wrapperhead {width:890px; margin:auto;}
.bg_home {background:url(../images/mainbg.png) repeat-x top left #fff}
.bg_inside {background:url(../images/innerbg.png) repeat-x top left #fff}
.head {height:128px; position:relative;z-index: 100;}
.logo {background:url(../images/officevp_logo.png) top left no-repeat; position:absolute; width:225px; height:91px; margin:26px 0 0 26px}
.logo a {display: block; text-indent: -900%;position: relative;outline: none;width:225px; height:91px;}
.banner {height:387px; position:relative;z-index:5;}
/*.banner h1, .banner h2 {display:none}*/
.last {border:none !important}
/*LOGIN-MENU*/
.login-menu{position:absolute; top:33px; right:17px}
.login-menu li {float:left; font-size:12px; border-right:1px solid #ccc; padding:0 8px 0 8px}
.login-menu a:hover {text-decoration:underline}
/*TAB-MENU*/
#tab-menu {position:absolute; bottom:5px; right:8px}
#tab-menu li {float:left; font-size:12px; font-family:Tahoma,Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; margin-left:1px}
#tab-menu a{color:#fff;background:url(../images/bgtab.gif) repeat-x; line-height:35px; height:35px; float:left; padding:0 15px 0 15px}
#tab-menu a:hover, #tab-menu a.opactive {background:#1b2025}
#tab-menu a.signup {background:url(../images/bgsignup.gif)}





/*ACTION-MENU*/
.action-menu {position:absolute;top:89px; left:285px}
.action-menu li {float:left; padding:0 16px 0 16px}
.action-menu a{float:left; width:128px; height:32px; line-height:32px; text-indent:-9000px; }
.signup a{background:url(../images/btn_signup.png)}
.signup a:hover{background-position:0px -32px;}
.tour a{background:url(../images/btn_tour.png)}
.tour a:hover{background-position:0px -32px;}
.content {margin-top:30px; padding-bottom:50px;}

.content a:hover {color:#1E90FF; text-decoration:underline}
.indexfooter {border-top:1px solid #eee; padding-top:35px; color:#666; font-size:12px}
.indexfooter .left {margin-left:30px; padding-bottom:35px}
.indexfooter .right {margin-right:30px; padding-bottom:35px}
.indexfooter li {float:left; border-right: 1px dotted #999; padding: 0 10px 0 10px}
.indexfooter a{color:#187bd9}
.indexfooter a:hover {text-decoration:underline}
/*TOOLTIP*/
.box {position:absolute;width:55px; height:55px}
.tip-calendar {top:147px; left:202px;}
.tip-stats {top:167px; left:78px;}
.tip-contacts {top:221px; left:154px;}
.tip-mail {top:255px; left:52px;}
.tip-tasks {top:147px; right:202px;}
.tip-design {top:167px; right:78px;}
.tip-video {top:221px; right:154px;}
.tip-alerts {top:255px; right:52px;}
.trigger {width:55px; height:55px; float:left}
.hover {background:url(../images/tooltip.gif);width:266px; height:152px; position:absolute;padding:15px;color:#fff; top:147px; left:299px;display:none; }
.hover h3 {color:#9fd4ff; margin-bottom:10px; font-weight:normal; font-size:14px; font-weight:bold}
.hover p{margin-right:10px; float:left;background-position:left 10px; background-repeat:no-repeat; height:120px; padding-left:55px; display:inline}
.ic_contacts{background-image:url(../images/ic_contacts.png)}
.ic_calendar{background-image:url(../images/ic_vcalendar.png)}
.ic_stats{background-image:url(../images/ic_stats.png)}
.ic_mail{background-image:url(../images/ic_mail.png)}
.ic_tasks{background-image:url(../images/ic_tasks.png)}
.ic_design{background-image:url(../images/ic_color.png)}
.ic_video{background-image:url(../images/ic_video.png)}
.ic_alerts{background-image:url(../images/ic_alert.png)}
/*SECTORS*/
.sector {width:203px; float:left; font-size:12px; padding:0 5px 0 12px;}
.vline { background:#ccc; width:1px; margin:0 1px 0 1px; float:left; height:110px; margin-top:10px}
.sector p {line-height:120%; height:90px;background-position:right top; background-repeat:no-repeat; padding-right:60px}
.ic_brief{ height:100px;background-image:url(../images/zl.gif);background-position:right top; background-repeat:no-repeat;padding-right:60px}


.ic_emailsoft{background-image:url(../images/it.jpg)}
.ic_crm{background-image:url(../images/ic_crm.gif)}
.ic_aff{background-image:url(../images/tg.jpg)}
.learn {background:url(../images/btn_learnmore.png) no-repeat; width:100px; height:47px; float:left; text-indent:-9000%; margin-left:60px}

.bg_feat {background:url(../images/features.jpg) no-repeat top right}
.bg_price {background:url(../images/pricing.jpg) no-repeat top right}
.bg_aff {background:url(../images/piggy.jpg) no-repeat top right}
.bg_lock {background:url(../images/lock.jpg) no-repeat top right; min-height:300px}
.top_sector {float:left; margin-left:20px; width:340px; font-size:14px; margin-bottom:10px; display:inline}
.h1_features {background:url(../images/titles/features_tour.gif) no-repeat; width:217px; height:37px; text-indent:-9000%; padding-bottom:17px}
.h1_pricing {background:url(../images/titles/pricing.gif) no-repeat; width:488px; height:76px; text-indent:-9000px; padding-bottom:17px}
.h2_pricing {background:url(../images/titles/pricing.gif) no-repeat; width:488px; height:76px; text-indent:-9000px; padding-bottom:17px}
.h1_affiliates {background:url(../images/titles/affiliates.gif) no-repeat; width:297px; height:37px; text-indent:-9000%; padding-bottom:17px}
.h1_aff-login {background:url(../images/titles/aff-login.gif) no-repeat; width:297px; height:37px; text-indent:-9000%; padding-bottom:17px}
.h1_forgot {background:url(../images/titles/forgot.gif) no-repeat; width:270px; height:37px; text-indent:-9000px; padding-bottom:17px}
.h1_special {background:url(../images/titles/special_comm.gif) no-repeat; width:429px; height:37px; text-indent:-9000px; padding-bottom:17px}
.h1_contact {background:url(../images/titles/contact.gif) no-repeat; width:177px; height:37px; text-indent:-9000%; padding-bottom:17px}
a.btn_signup{float:left; width:128px; height:32px; line-height:32px; text-indent:-9000px;background:url(../images/btn_signup.png); margin-top:15px}
a.btn_signup:hover {background-position:0px -32px;}
a.btn_join{float:left; width:154px; height:32px; line-height:32px; text-indent:-9000px;background:url(../images/btn_join.gif); margin-top:15px}
a.btn_join:hover {background-position:0px -32px;}

a.btn_send{float:left; width:124px; height:32px; line-height:32px; text-indent:-9000px;background:url(../images/btn_send.gif); margin-top:15px}
a.btn_send:hover {background-position:0px -32px;}

a.btn_login{float:left; width:77px; height:32px; line-height:32px; text-indent:-9000px;background:url(../images/btn_login.gif); margin-top:15px}
a.btn_login:hover {background-position:0px -32px;}

a.btn_sendpass{float:left; width:147px; height:32px; line-height:32px; text-indent:-9000px;background:url(../images/btn_sendpass.gif); margin-top:15px}
a.btn_sendpass:hover {background-position:0px -32px;}
.strike  { text-decoration: line-through ; color:#FF0000}

.feat_box {float:left; width:220px; background-repeat:no-repeat; font-size:11px; margin-top:40px; padding-left:60px; margin-right:6px; margin-left:10px; display:inline; min-height:120px}
.feat_box h2 {color:#181818; font-size:12px; font-weight:bold}
.feat_box h2 a {color:#181818;}
.feat_box h2 a:hover {color:#187bd9}
.feat_box a{color:#187bd9}
.feat_box em {color:#ee6699; font-style:normal}
.contact_manager {background-image:url(../images/ic_contact_manager.gif);}
.beautiful_email {background-image:url(../images/ic_beauty_email.gif);}
.tracking_report {background-image:url(../images/ic_tracking.gif);}
.email_software {background-image:url(../images/ic_mail_software.gif);}
.deliverability {background-image:url(../images/ic_mail_scan.gif);}
.video_vault {background-image:url(../images/ic_video.gif);}
.audio_vault {background-image:url(../images/ic_audio.gif);}
.conference_software {background-image:url(../images/ic_slideshow.gif);}
.website_builder {background-image:url(../images/ic_drill.gif);}
.crm_calendar {background-image:url(../images/ic_calendar.gif);}
.crm_task {background-image:url(../images/ic_task.gif);}
.crm_mail {background-image:url(../images/ic_mail.gif);}
.host_html {background-image:url(../images/ic_html.gif);}
.add_website {background-image:url(../images/ic_plug.gif);}
.sms_email_alerts {background-image:url(../images/ic_alerts.gif);}
.service_support {background-image:url(../images/ic_help.gif);}
.hosted_solution {background-image:url(../images/ic_hosted.gif);}
.data_security {background-image:url(../images/ic_secure.gif);}

.sec02 {font-size:11px; margin-left:20px; margin-top:30px; width:345px}
.sec02 h2 {font-size:22px}
.sec03 {font-size:11px; margin-left:20px; margin-top:30px;}
.sec03 h3 {color:#999; font-weight:normal; font-size:14px; padding-bottom:20px}
.req {color:#999; margin-left:30px; margin-bottom:30px}
.req li{list-style-type:disc;}
.hline { background:#ccc; height:1px; margin-top:30px; margin-left:20px; }

.sec04 {font-size:12px; margin-left:20px; margin-top:30px; width:500px}
.sec04 h2 {font-size:22px}
.sec04 label {color:#F30C7A; font-weight:bold}
.sec04 strong {color:#1F1F1F}
.sec_img {margin:30px 20px 0 20px}

.checklist {margin-top:20px; margin-left:20px}
.checklist li{ background:url(../images/ic_bullet.gif) no-repeat top left; padding-left:20px; margin-bottom:8px}

.orange {color:#F30C7A; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle}

.button {background:#3399CC !important; color:#fff; font-weight:bold; width:auto !important; height:auto !important; border:1px outset #3366CC !important;}

.feat_menu {margin-left:30px; float:left; width:250px; display:inline}
.feat_menu h1 {font-size:22px; font-weight:normal;font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; margin-bottom:20px}
.feat_menu img {vertical-align:middle; margin-right:5px}
.feat_menu ul {border-right:1px solid #ccc; font-size:11px; color:#999; float:left; width:249px}
.feat_menu li {width:239px; height:35px; float:left }
/*.feat_menu li:hover {background:#eff4f8}*/
.feat_menu a,.feat_menu p {float:left; width:239px; height:25px; padding:5px;}
.feat_menu a:hover {color:#000;background: url(../images/arrow.gif) right center no-repeat #eff4f8; }
.feat_menu .active,.feat_menu .active:hover{background:url(../images/bgmeta.gif) repeat-x bottom left;color:#000000}

.feat_content { margin-right:10px; float:right; width:570px; display:inline;}
.feat_content h1{font-size:24px;font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;font-weight:normal; color:#333; margin-bottom:20px}
.feat_content h2{margin:0;margin-bottom:5px; font-size:12px; /*padding-bottom:5px; border-bottom:1px solid #ccc;*/ color:#333; font-weight:bold; font-family:"Lucida Sans","Trebuchet MS",Arial, Helvetica, sans-serif; margin-top:15px}
/*.feat_content .btn_signup {position:absolute; right:0; margin-top:0}*/
.feat_content {line-height:20px}

.feature {font-size:11px;line-height:20px}
.feature p {color:#79797a; line-height:20px}
/*.feature img{float:left; border:5px solid #bfe0ff; background:#fff; margin-right:10px}
.feature a:hover img {border:5px solid #FFCC99;}*/
#large-screenshots { margin-top:0px;padding-right: 0px; padding-left: 7px; padding-bottom: 9px; padding-top:0px;}

.testi {margin-top:30px}
.testi em{font-size:14px; color:#FF3C9D; font-style:normal; font-weight:bold}

/*From this point down, additions to this file by Jesse M*/
.chart_box {float:left; width:335px; background-repeat:no-repeat; font-size:11px; margin-top:0px; padding-left:0px; margin-right:0px; margin-left:0px; display:inline; min-height:20px}
.chart_box h2 {color:#181818; font-size:12px; font-weight:bold}
.chart_box h2 a {color:#181818;}
.chart_box h2 a:hover {color:#187bd9}
.chart_box a{color:#187bd9}
.chart_box em {color:#ee6699; font-style:normal}
.chart_box2 {float:left; width:70px; background-repeat:no-repeat; font-size:11px; margin-top:0px; padding-left:0px; margin-right:0px; margin-left:0px; display:inline; min-height:20px}
.chart_box2 h2 {color:#181818; font-size:12px; font-weight:bold}
.chart_box2 h2 a {color:#181818;}
.chart_box2 h2 a:hover {color:#187bd9}
.chart_box2 a{color:#187bd9}
.chart_box2 em {color:#ee6699; font-style:normal}
.chart_boxtitle {float:left; width:760px; height:50px; display:inline}
.chart_box3a {float:left; width:300px; height:28px; font-size:11px; margin-right:10px; display:inline}
.chart_box3b {float:left; width:760px; height:10px; background-color:#EFEFEF; display:inline}
.chart_box3a h2 {color:#005893; font-size:12px; font-weight:bold; margin-top:6px;}
.chart_box3 {float:left; width:335px; font-size:11px; display:inline}
.chart_box4 {float:left; width:70px; font-size:11px; display:inline; BORDER-RIGHT: #E5E5E5 1px dotted}
.chart_box4b {float:left; width:25px; height:28px; display:inline}
.chart_box4a h2 {color:#005893; font-size:12px; font-weight:bold; margin-top:12px;}
.chart_box5 {float:left; width:70px; display:inline; BORDER-RIGHT: #E5E5E5 1px dotted}
.chartblue {color:#3F8BBC; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle}

.bg_price2 {background:url(../images/pricing-back.jpg) no-repeat top right}
.vidprice_sector {float:left; margin-left:20px; width:440px; height:535px; font-size:14px; margin-bottom:10px; display:inline}
.vidprice_sector2 {float:left; margin-left:20px; width:800px; height:245px; font-size:14px; margin-bottom:10px; display:inline}
.h1_pricing2 {background:url(../images/titles/pricing-title.gif) no-repeat; width:455px; height:76px; text-indent:-9000px; padding-bottom:17px}
.vid_sector {float:left; margin-left:525px; width:200px; font-size:14px; margin-bottom:10px; display:inline}
.h1_pricing3 {background:url(../images/titles/pricing.gif) no-repeat; width:320px; height:76px; text-indent:-9000px; padding-bottom:17px}
.vidsec02 {float:right; font-size:11px; margin-right:65px; margin-top:88px; width:320px}
.pricesec02 {font-size:11px; margin-left:20px; margin-top:0px; width:800px}
.pricesec02 h2 {font-size:22px}
.pricesec03 {float:left; font-size:11px; margin-left:20px; margin-top:30px; width:850px}
.pricesec03 h2 {font-size:22px}
.pricesec04 {float:left; font-size:11px; margin-left:110px; margin-top:84px; width:295px; height:182px;}
.h1_pricesec04 {width:295x; height:182px; text-indent:-9000px; padding-bottom:17px}
.price-orange {color:#FF3C3C; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle}
.price-orange a {color:#FF3C3C; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle}
.big-red {color:#FF0000; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle}
.price-regular {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle}
.mainprice_sector {float:left; margin-left:20px; width:346px; font-size:14px; margin-bottom:10px; display:inline}
.h1_mainpricing {background:url(../images/titles/pricing-title1.gif) no-repeat; width:445px; height:76px; text-indent:-9000px; padding-bottom:17px}
.price-white {color:#FFFFFF; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle}
.pricehline { background:#ccc; height:1px; margin-top:0px; margin-left:20px; }
.pricereq {color:#999; margin-left:30px; margin-bottom:30px}
.pricereq li{list-style-type:disc;}

.freetrail_bg {color:#F30C7A; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle}
.freetrail_bg a {color:#F30C7A; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; vertical-align:middle}

.features_bg {background:url(../images/features3.jpg) no-repeat top right}
.features_bgtemp {background:url(../images/features5.jpg) no-repeat top right}
.top_sectorfeatures {float:left; margin-left:20px; width:800px; font-size:14px; margin-bottom:10px; display:inline}
.features_sector {background:url(../images/feat_vidback.jpg) no-repeat top right; float:left; margin-left:20px; width:324px; font-size:14px; margin-bottom:10px; display:inline}
.features_vidsec1 {float:left; font-size:11px; margin-left:60px; margin-top:5px; width:19px; display:inline}
.features_vidsec2 {float:left; font-size:11px; margin-left:5px; margin-top:5px; width:200px; display:inline}
.features_vidsec2temp {float:left; font-size:11px; margin-left:5px; margin-top:5px; width:300px; display:inline}
.features_trialsec0 {float:left; font-size:11px; margin-left:2px; margin-top:2px; width:320px; display:inline}
.features_trialsec1 {float:left; font-size:11px; margin-left:100px; margin-top:65px; width:380px; display:inline}
.features_trialsec1top {float:left; font-size:11px; margin-left:0px; margin-top:0px; width:380px; display:inline}
.features_trialsec1bottom {float:left; font-size:11px; margin-left:0px; margin-top:0px; width:140px; display:inline}

.features_trialsec1temp {float:left; font-size:11px; margin-left:100px; margin-top:65px; width:300px; display:inline}
.features_trialsec2 {float:right; font-size:11px; margin-bottom:5px; margin-top:5px; width:194px; display:inline}
.homelink {float:left; margin-left:525px; width:395px; font-size:14px; margin-bottom:10px; display:inline}
.homesec0 {float:left; font-size:11px; margin-left:300px; margin-top:148px; width:295px; height:182px;}
.h1_homesec0 {width:295x; height:182px; text-indent:-9000px; padding-bottom:17px}

.menu {
font-family: verdana, sans-serif,Arial, Helvetica, sans-serif;; 
position:absolute; 
width:640px;
top:88px; right:-20px;
z-index:10;
}
.menu a.opactive{background:#1b2025}
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
.menu ul li {
font-size:12px;
color:#fff;
float:left;
position:relative;
font-weight:bold;
margin-left:1px;
}
.menu ul li a, .menu ul li a:visited {

text-decoration:none; 
line-height:35px;
height:35px; 
color:#fff; 
border-width:1px 1px 0 0; 
background:url(../images/bgtab.gif) repeat-x;
padding:0 15px 0 15px;
float:left;

}
* html .menu ul li a, .menu ul li a:visited {
/*width:149px;
w\idth:139px;*/
}
.menu ul li ul {
display: none;
}
table {
margin:-1px; 
border-collapse:collapse;
font-size:12px;
}

/* specific to non IE browsers */
.menu ul li:hover a {
color:#fff; 
background:#1b2025;
}
.menu ul li a.opactive {background:#1b2025;}

.menu ul li:hover ul {
display:block; 
position:absolute; 
top:34px;             /*35px 可能无法碰到*/
margin-top:1px;
left:0; 
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block; 
background:#7d848c;    /*下拉菜单颜色*/
color:#fff; 
height:auto; 
line-height:35px;
padding:0 10px 1px 10px; 
border-width:1px 1px 0 0; 
width:89px
}
.menu ul li:hover ul li a.drop {
background:#1b2025;
}
.menu ul li:hover ul li a:hover {
background:#1b2025; 
color:#fff;
}
.menu ul li:hover ul li:hover ul a.opactive{
display:block; 
position:absolute; 
left:150px; 
top:0;
width:150px;
}
.menu ul li:hover ul li:hover ul.left {
left:-150px;
}
#flashcontent
{
	z-index:5;
}