﻿/* reset styles for browser compatibility */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;
font-size:100%;font-family:inherit;vertical-align: baseline;}
/* remember to define focus styles! */
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
blockquote:before, blockquote:after,q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

body 
{
    font-family:Helvetica,Arial,sans-serif;
    font-size:12px;    
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.416;    
    color: #5C5C56;
    background-color:#f5f6f7;      
}
.clear {clear:both;line-height:1px;font-size:1px;height:1px;}
.hide {display: none;}
.full {text-align:justify;}
.spacer {font-size:1px;}
strong {font-weight:bold;}
.padded {padding:0 10px;}
.padded-full {padding:10px;}
.top {vertical-align:top;}
em {font-weight:bold;}
p {margin:0 0 1.416em 0;}
a {text-decoration:none;color:#6385a1;}
a:hover {text-decoration:underline;color:#6385a1;}
a:visited {color:#6385a1;}
.max-width {width:960px;margin:0 auto;}
.max-blockwidth {width:940px;margin:0 auto;}
.block, .block2, .block3, .block-nopadding {padding:10px;border:1px solid #d8d9da;margin-bottom:20px;
                -moz-border-radius:10px;
                -webkit-border-radius:10px;
                border-radius:10px;                                
                }
.block, .block-nopadding {background: #fff url('images/block-bg-bot.png') repeat-x bottom left;}
.block-nopadding {padding:0; background-color:#fff;}
.block2 {background: #fff url('images/block-bg.png') repeat-x top left;}
.block3 {background: #f0f4f9 url('images/block-bg-blue.png') repeat-x top left;}
                
#main-content {margin:0;}
#maintext-wrapper {width:960px;margin:0 auto;padding:0;  
                   /*background: url('http://localhost:1802/content/images/960grid.png') repeat-y;*/}
#maintext {margin:0 10px;}
#maintext p {}
#maintext a {text-decoration:underline;}
#maintext em {font-style:normal;color:#6385a1;font-weight:bold;}

/* columns */
.column-side {width:220px;float:left;}
.column-main {width:700px;float:right;}
.column-center {width:420px;padding-top:20px;margin:0 auto;}


h1, .trialform h5 {color:#000;margin:0px 0 15px 0;font-size:18pt;letter-spacing:-1px;font-weight:bold;}
h2 {font-weight:bold;color:#666;margin:0 0 0 0;font-size:16px;}
h3 {margin:0;padding:0;font-weight:bold;font-size:16px;}
h4 {}
h5 {font-weight:bold;}
img.callout {float:right;border:solid 5px #ccc;margin:5px;}

/* Header Tags */
#header {margin:0;padding:0;height:51px;}
#headerwrapper {height:51px;}
#header a {color:#666;}
#header a:visited {color:#666;}
#header a:hover {text-decoration:none;}                 
#header ul {margin:0;padding:0;list-style:none;}
#header li {display:block;float:left;margin:0;padding:0;}
#bv-logo {width:160px;height:51px;overflow:hidden;float:left;margin:0 0 0 10px;}
#action-links {width:560px;height:51px;overflow:hidden;float:left;margin:0 0 0 0;
               font-size:13px;}
#action-links li {margin:0;padding:0;}
#action-links li a {display:block;height:22px;margin:22px 0 0 0;width:80px;}
#action-links li a:hover {text-decoration:underline;}
#phone {float:right;text-align:right;width:220px;margin:0 10px 0 0;padding:0;}
#phone span {display:block;height:22px;margin:20px 0 0 0;color:#555;
             font-size:16px;font-weight:bold;}

/* Submenu */
.submenu {width:940px;margin:30px auto 0 auto;height:28px;}
.submenu a {color:#666;}
.submenu a:hover {color:#6385a1;text-decoration:none;}
.submenulogo {width:300px;float:left;margin:0;}
.submenulogo h1 {font-size:18px;color:#666;font-weight:bold;margin:0;}
.submenulinks {width:620px;float:right;}
.submenulinks ul {margin:0;padding:0;list-style:none;}
.submenulinks li {display:block;float:right;margin:0;padding:0;}
.submenulinks li a {display:block;height:20px;margin:5px 0 0 0;padding:0 0 0 20px;}
.submenulinks li a img {margin-top:-2px;}

/* Footer tags */
#footer{text-align:center;padding:0;line-height:1.6em;}
#footer-wrapper {width:940px;margin:0 auto;}
#footermenu {margin:0px auto; text-align:center;padding:0px 0 5px 0;}
#footermenu a {height:20px;margin:2px 10px; text-align:center;}

/* Hero Graphics */
#hero-home {width:940px;margin:10px auto 20px auto;height:300px;overflow:hidden; background: url('/content/homepage/Hero2009pci.jpg') no-repeat top left;}
#hero-home .block {height:198px;}

#hero-home-left{padding:0;margin:0;width:430px;float:left;height:170px;}
#hero-home h1 {margin:100px 0 0 20px;font-size:18pt;line-height:1em;letter-spacing:-0.05em;font-weight:bold;
               color:#555;}
#hero-home h1 strong {color:#33789C;}
#hero-home-right a {display:block;margin:0;padding:0;width:340px;height:200px;}

.freetrialbutton {padding:10px;}
.freetrialbutton a {display:block;height:70px;width:270px; background: url('/content/images/FreeTrialHuge.png') no-repeat top left;}
.freetrialbutton a span {display:none;}

#hero-home-left .freetrialbutton {margin:10px 0 0 60px;}

#hero-title {margin:10px auto; width:940px;height:30px;
             background: #b5ced2 url('images/titlebg.png') repeat-x top left;}
#hero-title h1 {font-size:18pt;line-height:1em;letter-spacing:-0.05em;font-weight:bold;color:#555;                
                height:30px;}
               
#hero-small-wrapper {width:950px;margin:0 auto;}

/* homepage */
.h-ad {display:block;margin:0 0 20px 0;}

/* column layouts */
.col-3-a,.col-3-b,.col-3-c {float:left;width:300px;margin:0 20px 0 0;}
.col-3-c {border:none;margin:0;padding:0;}

.col-2-a {float:left;width:460px;}
.col-2-b {float:right;width:460px;}

.col-2w-a {float:left;width:620px;margin:0 0 0 0px;}
.col-2w-b {float:right;width:300px;margin:0 0 0 0;}

.col-4-a,.col-4-b,.col-4-c,.col-4-d {float:left;width:220px;margin:0 20px 0 0;}
.col-4-a,.col-4-c {margin-right:19px; /* 1px less because of wrapper margin */}
.col-4-d {border:none;margin:0;padding:0;}


ul li {margin:0 0 9px 12px;}
.GraphicalList {margin-top:10px;}
.GraphicalList2 {font-size:13px;line-height:1.1em;margin:0 9px 9px 18px;}
.showbullets {list-style: disc;margin: 1em 0;}
.showbullets li {margin-left:3em;line-height:1.1em;}
                

.smallerText {text-align:left;font-size: 7pt;font-weight: normal;}
.smalltext {font-size:11px; color:#666;}
.tiny {font-size:9px;color:#666;}
.lightlabel {font-size:11px; color:#666;}
.stronglabel {font-size:12px; color:#666; font-weight:bold;}
.mediumtext {font-size:14px;}
.bigtext {font-size:18px;}
.watermark-active { color: #a1a1a1; font-style: italic; }

.errormessage {color: #f42828;}

/* control areas */
.controlarea1 {background-color:#F5F5F5;border:solid 1px #ccc;padding-top:5px;padding-bottom:5px;}
.controlarea2 {background-color: #ffc;border:solid 1px #ccc;padding-top:5px;padding-bottom:5px;}
.controlarea3 {background-color:#eee;border:solid 1px #ccc;padding-top:5px;padding-bottom:5px;}
#wait{ background: #FF0000; position: fixed; top: 15px; right: 15px; width: 100px; }

/* Flash Messages */
.flashmessageinfo, .flashmessagesuccess, .flashmessagefailure, .flashmessagewarning,
.flash-message-info, .flash-message-success, .flash-message-failure, .flash-message-warning
{border-style: solid;border-width: 1px 0px 1px 3px;padding: 0.5em 1em;font-size: 16px;
 margin:0.25em 0;color:#333;}
.flashmessageinfo,.flash-message-info {background-color: #d3e8e9;	border-color: #94aeb0; color:#555;}
.flashmessagesuccess,.flash-message-success {background-color: #DFFFDF;border-color: #3C3;} 
.flashmessagefailure,.flash-message-failure {background-color: #C10000;border-color: #C10000;color: #ff0;}
.flashmessagewarning,.flash-message-warning {background-color: #fffed7;border-color: #B3B300;}

.input-validation-error {border:solid 1px #f00;background-color: #fee;}
.validation-summary-errors {color:#333;}
.validation-summary-errors li {border-style: solid;border-width: 1px 0px 1px 3px;padding: 0.5em 1em;font-size: 16px;
 margin:0.25em 0;color: #333;background-color: #fee;border-color: #f00;list-style:none;}

/* editor styles */
.topmargin {margin-top:18px;}
.formlabel {text-align:right;vertical-align:middle;color:#666;}
.formfield {text-align:left;vertical-align:middle;}
.editorcontrols {padding:10px; vertical-align:middle;}
.editorpanel {background-color:#eee;border:solid 1px #ddd;
              padding:20px;font-size:13px;color:#333;}
.editorpanel .forminput {font-size:18px;}
.editorpanel h2 {font-weight:bold; color:#333; font-size:13px;border:none;}
.checkout-label {font-weight:bold; color:#333; text-align:right; padding:0 5px 0 0;}
th {font-weight:bold; text-decoration:underline;}

.formtable {margin:0.5em 0;}
.formtable td.formlabel {padding:0 5px 0 0;}

.leadform h4 {font-weight:bold;font-size:13px;color:#000;margin:0 0 0.5em 0;}
.leadform .formtable {margin:0;}
.leadform .editorpanel {padding:5px;}

a.bigaction
{
    border-style: solid;
    border-width: 3px;
    border-color: #CCCCCC #333333 #333333 #CCCCCC;
    font-size: 14px;
    background-color: #808080;
    color: #fff;
    padding: 5px;
    display:inline-block;    
}
a.g {border-color: #009B00 #004200 #004200 #009B00;
    background-color: #006600;}
a.bigaction:hover
{
    border-color: #009B00 #004200 #004200 #009B00;
    background-color: #006600;
    text-decoration:none;
}             
a.smallaction
{
    border-style: solid;
    border-width: 3px;
    border-color: #CCCCCC #333333 #333333 #CCCCCC;
    font-size: 14px;
    background-color: #808080;
    color: #fff;
    padding: 5px;
}
a.smallaction:hover
{
    border-color: #aac8ca #637476 #637476 #aac8ca;
    background-color: #778c8e;
    text-decoration:none;
}

ul.downloads li {margin:0 0 5px 0;}
ul.downloads li a {display:block;}


/* Features List */
.fv {vertical-align:top;}
.fv div{width: 70px;background-color: #E1FFE1;
        text-align:center;border:solid 1px #005300;
        font-weight:bold;margin:5px;}
.fv div a {display:block;width:100%;margin:0;padding:5px 0 0 0;color:#005300;height:60px;}
.fv div span {font-size:24px;}

.fd {vertical-align:top;}
.fd div {height:60px; 
         overflow:auto;
         background-color:#ffd;border:solid 1px #999;
         margin:5px;color:#666;padding:5px 5px 0 5px;}
.fd strong {color:#000;font-size:18px;}

/* floats */
.button {float:left; margin:0 20px 20px 0;clear:both;}
.newcallout
{
    border:3px solid #596266;    
    margin:18px 18px 0;
    vertical-align:top;
}
img.callout {float:right;border:solid 5px #ccc;margin:5px;}

/* Partners List */
.logolistlink {float:left;width:179px; overflow:hidden;
               border-top:solid 1px #333; border-left:solid 1px #333;
               border-bottom:solid 3px #666;border-right:solid 3px #333;
               padding:2px; text-align:center;
               margin:10px 30px 0 0;}
               
/*toolkit*/
#toolkithero {height:280px; background: url('/content/images/toolkithero.jpg') no-repeat top left;}
#toolkithero .herotitle {width:400px;margin:110px 0 0 30px;
                         font-size:18pt;line-height:1em;letter-spacing:-0.05em;
                         font-weight:bold;color:#555;}
                         
.feature_control, 
.feature_aspnet, 
.feature_modular, 
.feature_content {margin:20px 0;}

.featuretext {width:380px;margin:0 0 0 70px;}
.feature_aspnet .featuretext,  
.feature_content .featuretext {margin:0 0 0 470px;}

.feature_control {height:154px;background: url('/content/images/Toolkit_Control.jpg') no-repeat 510px 0;padding:0 0 20px 0;}
.feature_aspnet {background: url('/content/images/Toolkit_Aspnet.jpg') no-repeat 60px 5px;padding:10px 0;}
.feature_modular {height:208px;background: url('/content/images/Toolkit_Modular.gif') no-repeat 460px 0px;padding:0 0 20px 0;}
.feature_modular .featuretext{padding-top:35px;}
.feature_content {background: url('/content/images/Toolkit_Content.jpg') no-repeat 80px 0px;padding:0 0 40px 0;}


/* PayPal Page */
.feature_paypal1 {background: url('/content/images/paypal1.png') no-repeat 30px 30px;padding:10px 0;} 
.feature_paypal1 .featuretext {margin:0px 0 40px 470px;}
.feature_paypal2 {background: url('/content/images/paypal2.png') no-repeat 510px 25px;padding:10px 0;} 
.feature_paypal2 .featuretext {margin:0 0 40px 40px;}
.feature_paypal3 {background: url('/content/images/paypal3.gif') no-repeat 170px 55px;padding:10px 0;}
.feature_paypal3 .featuretext {margin:0 0 40px 470px;}
.feature_paypal4 {background: url('/content/images/paypal4.png') no-repeat 510px 10px;padding:10px 0;}
.feature_paypal4 .featuretext {margin:0 0 20px 40px;}

.logosbg {background: #fff url('/content/images/logos-background.jpg') no-repeat top left;}
.trialform {width:400px;margin:20px auto;}
.trialform .formtable {background: #fff; border-top:solid 1px #379200;padding:20px 0 0 0;}
.trialform table td {padding:3px;}
.trialform .formlabel {font-weight:bold;}
.trialform .formfield input {font-size:18px;font-weight:bold;
                                border-top:solid 1px #999;
                                border-left:solid 1px #999;
                                border-right:solid 1px #ccc;                 
                                border-bottom:solid 1px #ccc;}

                                
                                
/* Landing Pages */
.mediumtext h3 {color:#666; font-size:18pt; font-weight:bold;}
#landinghero-gp {height:280px; background: url('/content/images/landing/DynamicsGp.jpg') no-repeat top left;}
#landinghero-gp .herotitle {display:none;}
                                