body
{
    margin: 0;
    color: #2a2a2a;
    font: 12px Arial, Helvetica, sans-serif;
    background: #fff url(/Common/images/bg-body.gif) repeat-x;
}
img
{
    border-style: none;
}
a
{
    text-decoration: none;
    color: #db7516;
}
a:hover
{
    text-decoration: underline;
}
h5
{
   font: 13px Arial, Helvetica, sans-serif;
   font-weight: bold;
}
input, textarea, select
{
    font: 100% arial,sans-serif;
    vertical-align: middle;
}
form, fieldset
{
    margin: 0;
    padding: 0;
    border-style: none;
}

.headers
{
    margin: -4px 0 7px;
    font-size: 20px;
    color: #1b63b3;
    text-transform: uppercase;
    font-weight: normal;

}

/*container style*/
#container
{
    margin: 0 auto;
    width: 814px;
    padding: 0 0 10px;
    background: url(/Common/images/bg-container.jpg) no-repeat;
}
/*main-navigation style*/
#main-navigation
{
    width: 787px;
    height: 75px;
    overflow: hidden;
    padding: 0 0 0 27px;
    background: url(/Common/images/bg-nav.gif) no-repeat;
}
.logo
{
    background: url(/Common/images/logo.gif) no-repeat;
    width: 167px;
    height: 41px;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    margin: 10px 35px 0 0;
}
.logo a
{
    height: 100%;
    display: block;
}
#main-navigation ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 578px;
    overflow: hidden;
    overflow: hidden;
}
#main-navigation ul li
{
    float: left;
    background: url(/Common/images/sep-nav.gif) no-repeat 0 13px;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0 1px 0 -1px;
    display: inline;
}
#main-navigation ul li a
{
    float: left;
    color: #1d2121;
    height: 64px;
    line-height: 63px;
    padding: 0 13px 0 12px;
    margin: 0 -1px 0 0;
    position: relative;
}
#main-navigation ul li a:hover, #main-navigation ul li.active a
{
    color: #fff;
    background: url(/Common/images/bg-rollover.gif) repeat-x;
    text-decoration: none;
}
/*marketing-area style*/
.marketing-area
{
    background: url(/Common/images/bg-marketing.jpg) no-repeat 100% 0;
    width: 800px;
    height: 360px;
    padding: 46px 7px 0;
}
.marketing-area h1
{
    margin: 0 0 0 20px;
    font-size: 28px;
    line-height: 33px;
    color: #1b62b3;
    font-weight: normal;
    margin-bottom: 152px;
}
.marketing-area h1 span
{
    display: block;
}
.marketing-info
{
    width: 230px;
    padding: 22px 26px 25px 544px;
    background: #1b62b3;
    font-size: 12px;
    color: #b3b4b4;
    line-height: 14px;
    position: relative;
    height: 95px;
}
.marketing-info h2
{
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    margin: 0 0 4px;
}
.marketing-info p
{
    margin: 0 0 2px;
}
.marketing-info a
{
    text-decoration: underline;
    color: #fff;
}
.marketing-info a:hover
{
    text-decoration: none;
}
.marketing-content
{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 120px;
    width: 455px;
    padding: 135px 0 0 280px;
    background: url(/Common/images/quotes.gif) no-repeat 400px 119px;
    font-size: 21px;
    color: #d0d9e1;
    line-height: 25px;
}
.marketing-content img
{
    position: absolute;
    bottom: 0;
    left: 0;
}
* html .marketing-content img
{
    bottom: -2px;
}
.marketing-content strong
{
    display: block;
    font-weight: normal;
    vertical-align: middle;
    margin-top: 15px;
}
/*main style*/
#main
{
    width: 729px;
    padding: 30px 37px 39px 34px;
    margin: 0 7px 0;
    background: #fff;
}
/*content style*/
.content
{
    float: left;
    width: 471px;
    line-height: 17px;
    padding: 3px 0 5px;
}
.content p
{
    margin: 0 0 10px;
}
#main .holder
{
    width: 100%;
    overflow: hidden;
    background: url(/Common/images/sep.gif) repeat-y 484px 0;
}
ul.list
{
    list-style: none;
    padding: 0;
    margin: 0 0 19px;
}
ul.list li
{
    background: url(/Common/images/bullet.gif) no-repeat 0 8px;
    padding: 0 0 0 11px;
    margin: 0 0 5px;
   
}

.press-release
{
    border-bottom: solid 1px #aaa;
    padding: 10px 0px;
    width: 100%;
}

.press-release a img
{
    width: 125px;
    border: solid 1px #ccc;
    margin: 10px 10px;
}

.press-release p
{
    color: #000;
    margin-bottom: 4px;
}

.press-release p.wp-title
{
    color: inherit;
    font-size: 110%;
    font-weight: bold;
    font-style: italic;
}

.press-release p.cs-title
{
    color: inherit;
    font-size: 110%;
    font-weight: bold;
    font-style: italic;
    margin-top: 30px;
}

.press-release ul, .press-release li
{
    color: #000;
}

.bottom-info
{
    padding: 14px 0 0 49px;
    height: 1%;
    overflow: hidden;
    text-transform: uppercase;
}
.bottom-info strong
{
    float: left;
    color: #1b63b3;
    font-weight: normal;
    margin: 13px 13px 0 0;
}
.demo
{
    background: url(/Common/images/btn-demo.gif) no-repeat;
    width: 111px;
    height: 43px;
    float: left;
    line-height: 43px;
    color: #1d2121;
    padding: 0 0 0 13px;
}


.homepagecontent
{
    float: left;
    width: 350px;
    line-height: 17px;
    padding: 3px 0 5px;
}
.homepagecontent p
{
    margin: 0 0 10px;
}
/*sidebar style*/
.sidebar
{
    float: right;
    width: 220px;
}
.sidebar h3
{
    margin: -4px 0 7px;
    font-size: 20px;
    color: #1b63b3;
    text-transform: uppercase;
    font-weight: normal;
}
.sidebar ul
{
    list-style: none;
    padding: 0;
    margin: 0 0 25px;
    line-height: 21px;
    border-top: 1px solid #c2c2c2;
}
.sidebar ul li
{
    border-bottom: 1px solid #c2c2c2;
}
.sidebar ul li a
{
    color: #ff5a20;
}
.buttons
{
    width: 100%;
    overflow: hidden;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.call
{
    float: left;
    width: 71px;
    padding: 8px 0 0 35px;
    height: 35px;
    font-size: 10px;
    color: #1d2121;
    background: url(/Common/images/btn-call.gif) no-repeat;
    line-height: 14px;
}
.chat
{
    float: right;
    width: 59px;
    padding: 8px 0 0 47px;
    height: 35px;
    font-size: 10px;
    color: #1d2121;
    background: url(/Common/images/btn-chat.gif) no-repeat;
    line-height: 14px;
}

.video
{
    float: left;
    width: 59px;
    padding: 8px 0 0 47px;
    height: 35px;
    font-size: 10px;
    color: #1d2121;
    background: url(/Common/images/btn-video.jpg) no-repeat;
    line-height: 14px;
}
/*footer style*/
#footer
{
    background: #c5c6c6;
    width: 766px;
    overflow: hidden;
    padding: 13px 0 12px 34px;
    margin: 0 7px;
    font-size: 12px;
    color: #595959;
    text-align: center;
}
#footer address
{
    font-style: normal;
    width: 179px;
    line-height: 15px;
    margin: 0 94px 0 0;
    float: left;
}
#footer address span
{
    display: block;
}
#footer address p
{
    margin: 0;
    font-size: 11px;
    color: #191919;
}
#footer address strong
{
    display: block;
    font-weight: normal;
    color: #191919;
}
ul.phone
{
    list-style: none;
    padding: 0;
    margin: 0 107px 0 0;
    float: left;
    width: 130px;
    line-height: 15px;
}
ul.phone strong
{
    font-weight: normal;
    color: #191919;
}
ul.footer-nav
{
    list-style: none;
    padding: 0;
    margin: -6px 32px 0 0;
    line-height: 18px;
}
ul.footer-nav a
{
    color: #474747;
    text-decoration: underline;
}
ul.footer-nav a:hover
{
    text-decoration: none;
}
/*interior page*/
.interior-area
{
    width: 767px;
    padding: 47px 10px 83px 25px;
    margin: 20px 5px 0 7px;
    overflow: hidden;
    background: #fff url(/Common/images/bg-interior.gif) no-repeat;
}

ul.footer-nav li
{
    display: inline;
    margin-right: 10px;
    padding-right: 10px;
    border-right: solid 1px #595959;
}
ul.footer-nav li.last
{
    border-right: 0;
}
/*interior-content style*/
/*interior-content style*/
.pageTitle
{
    margin: 0 0 18px;
    font-size: 24px;
    line-height: 28px;
    color: #db7516;
    font-weight:bold;
}

.interior-content
{
    float: right;
    width: 495px;
    line-height: 17px;
}
.interior-content h1
{
    margin: 0 0 18px;
    font-size: 24px;
    line-height: 28px;
    color: #db7516;
}
.interior-content img
{
    float: right;
    margin: -16px 0 0 5px;
}

.interior-content img.interior
{
    float: left;
}
.interior-content p
{
    margin: 0 0 13px;
}
.system
{
    display: block;
    padding: 2px 0 0;
}
.interior-content ul.list li
{
    margin: 0 0 2px;
}
.view
{
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 2px 0 0;
}
.view a
{
    color: #db7516;
    float: left;
    background: url(/Common/images/view.gif) no-repeat;
    padding: 1px 0 2px 22px;
    margin: 0 0 0 7px;
    display: inline;
}
/*side-nav style*/
.side-nav
{
    float: left;
    width: 225px;
    min-height: 500px;
    padding: 30px 0 0;
    margin: -1px 0 0;
    background: url(/Common/images/bg-side-nav.gif) no-repeat 100% 0;
}
ul.nav
{
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    line-height: 18px;
    width: 205px;
}
ul.nav li
{
    border-bottom: 1px solid #cecece;
    background: url(/Common/images/arrow.gif) no-repeat 0 9px;
    padding: 7px 0 8px 31px;
    font-weight: bold;
}
ul.nav li a
{
    color: #6381a6;
}
ul.nav li a:hover, ul.nav li.active a
{
    text-decoration: none;
    color: #db7516;
}
/*demo page*/
/*demo-area style*/
.demo-area
{
    width: 780px;
    overflow: hidden;
    margin: 20px 5px 0 7px;
    padding: 47px 11px 80px 7px;
    background: #fff url(/Common/images/bg-demo.gif) no-repeat;
}
.demo-area h1
{
    margin: 0 0 14px;
    font-size: 24px;
    line-height: 26px;
    color: #db7516;
    padding-left: 20px;
}

.demo-area h3
{
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 16px;
    color: #db7516;
    padding-left: 20px;
}
.demo-area p
{
    margin: 0 0 15px;
    width: 600px;
    padding-left: 20px;
}


/*demo-content style*/
.demo-content
{
    float: left;
    width: 343px;
    padding: 23px 0 0;
    line-height: 17px;
}
.demo-content h1
{
    margin: 0 0 14px;
    font-size: 24px;
    line-height: 26px;
    color: #db7516;
}

.demo-content h3
{
    margin: 0 0 14px;
    font-size: 14px;
    line-height: 16px;
    color: #db7516;
}
.demo-content p
{
    margin: 0 0 15px;
}
/*column style*/
.column
{
    float: right;
    width: 382px;
    background: url(/Common/images/bg-side-nav.gif) no-repeat 0 11px;
    padding: 0 0 0 21px;
    min-height: 537px;
}
* html .column
{
    height: 537px;
}
.column img
{
    display: block;
}
.info-box
{
    padding: 23px 0 0 29px;
}
.info-box h2
{
    margin: 0;
    font-size: 20px;
    color: #db7516;
    border-bottom: 1px solid #cecece;
    width: 203px;
    padding: 0 0 4px 3px;
}
.info-box ul.nav
{
    width: 210px;
}
.info-box ul.nav li
{
    padding: 9px 0 8px 31px;
    background-position: 0 12px;
}

.formlabel
{
    text-align: right;
    font-style: italic;
}

.formlabel.stretch
{
    text-align: left;
}

.formfield.stretch
{
    text-align: left;
    padding-left: 93px;
}

.requiredfield
{
    font-weight: bold;
}

.informationbox
{
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    width: 100%;
    background-color: #F6F6F0;
    font-weight: bold;
    color: #0B4597;
}

.warningbox
{
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    width: 100%;
    background: #FFFFCC;
    font-weight: bold;
    color: #000000;
}

.errorbox
{
    padding: 5px 10px 5px 10px;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    width: 100%;
    background-color: #F6F6F0;
    font-weight: bold;
    color: #DD0000;
}

.formfield
{
    vertical-align: middle;
}

.formfield img
{
    float: none;
    margin-top: 5px;
}

.clientimages img
{
    float: none;
    margin: 0;
    padding: 0;
}

.teampic img
{
    padding: 5px;
    margin: 0;
}

/*SFDC styles*/
.table_title
{
    background-color: #1B62B3;
    color: #fff;
    padding: 5px;
    font-style: italic;
    font-size: 130%;
    margin: 0;
}

table.pricing_table
{
    width: 100%;
    margin-bottom: 10px;
}

table.pricing_table td
{
    border-bottom: solid 1px #000;
}

td.pricing_header
{
    font-weight: bold;
    font-style: italic;
    font-size: 14px;
    background-color: #ddd;
}

td.increment
{
    text-align: center;
}


.clearfix:after
{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix
{
    display: inline-block;
}

.demo-request-header
{
    background-color: #fff;
    color: #000;
    font-size: 150%;
    text-indent: 170px;
    line-height: 70px;
    background-image: url(/Common/images/ace_logo1.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
}

.demo-request-content
{
    background-color: #fff;
    color: #000;
    padding: 1em;
}

.white-paper-link
{
    text-align: center;
    padding: 10px 0;
}

.white-paper-link a, .white-paper-link a:active, .white-paper-link a:link, .white-paper-link a:visited
{
    padding: 5px 10px;
    background-color: #bbb;
    color: #000;
    border: solid 1px #000;
}

.wp-detail img
{
    border: solid 2px #ccc;
}

.leakage-test li
{
    margin-bottom: 20px;
}

.touchpoint-recorder img
{
    margin-top: 5px;
}

.app_messages
{
    padding: 5px;
    text-align: center;
    font-weight: bold;
}

.app_messages.error
{
    border: 1px solid #900;
    background-color: #fbb;
}

.app_messages.validation
{
    border: 1px solid #009;
    background-color: #bbf;
}

.app_messages.information
{
    border: 1px solid #090;
    background-color: #bfb;
}