/* standard html components begin */
* {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing: border-box;
}
body{
    margin:0;
    padding:0;
    font-size:10pt;
    color:#666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color:#666666;
    padding-left:10px;
    line-height:200%\9; /* IE hack */
    font-size:.8em;
    background: transparent;
    border: none;
}
.mainLoginInput {
    width:213px;
    background-color: #FFFFFF;
}
.loginInput {
    background:url('/images/misc/login-input.png') no-repeat;
    width:200px;
    height:27px;
    margin-top:8px;
    margin-left:14px;
    background-color:transparent;

}
#saForm input, .getStarted input {
    background:url('/images/misc/formfill.png') no-repeat;
    height:31px;
    width:224px;
    margin-top:10px;
}
.mbox input {
    position:relative;
    top:5px;
    left:22px;
    width:169px;
    height:31px;
    border: solid 1px #BDBDBD;
    border-radius:9px;
    color:#666666;
}
#indexMboxTable .mbox {
    margin-top:19px;
}
.mboxLarge {
    position:relative;
    width:687px;
    height:835px;
    background:url('/images/misc/Large-Index-MBox.png');
}
h1, h2, h3, h4, h5, h6{
    margin:0;
    padding:0;
    display:block;
    line-height:normal;
    color:white;
}
.cufonPad {
    margin-top:3px;
    margin-bottom:31px;
}
select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    width:201px;
    height:21px;
    padding:2px 0 0 0;
}
textarea {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    width:202px;
    height:122px;
}
p {
    margin:9px 0 0 0;
}
a {
    color:#666666;
    text-decoration:none;
    outline: none;
}
a:hover {color:#333333;}
a:visited {text-decoration:none;}
a:focus { -moz-outline-style: none; }
img { border: none}
/* page layout begin */

#page_wrapper {
    width:961px;
    margin:0 auto 0 auto;
    padding:0;
}

#page_layout {
    text-align:left;
    background:url('/images/gradients/vertical-repeat.png') repeat-y;
    width:961px;
    padding-left:4px;
}

#page_content {
    width:961px;
}

/* shared components */

.white {
    line-height:140%;
    color:#CCCCFF;
    font-size:10pt;
}
.blue, #contacts div div, #contacts a, #contacts a:visited, #contacts a:hover {
    color:#000088 !important;
    font-size:10pt;
    font-weight:bold;
}
.blue2 {
    color:#064C9B;
    font-size:15pt;
    margin-bottom:14px;
    letter-spacing:-1.4px;
    font-weight:bold;
    white-space:nowrap;
}
.blueShadow {
    position:relative;
    top:0;
    font-size:10pt;
    color:#000099;
    font-weight:bold;
    text-shadow:white 0.1em 0.1em 0.1em;
    margin-top:20px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.blueShadow>* {
    color:inherit !important
}
.colTitle {
    letter-spacing:-1.5px;
    font-size:12pt !important;
    padding-bottom:4px;
}
.super {
    font-size:75%;
    position: relative;
    top: -0.7em;
}

/* index */

#main_option {
    position: relative;
    bottom: 250px;
    left: 111px;
    width: 710px;
    height: 140px;
    border: white;
}

#main_option img {
    float: left;
    top: 0px;
    left: 10px;
}

#slider img {
    position: relative;
}

#slider ul, #slider li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#slider, #slider li {
    width: 953px;
    height: 300px;
}

#slider {
    background: url('/images/SlideBackground.jpg');
    background-repeat: no-repeat;
    width:953px;
}

#slider article {
    width: 953px;
    height: 375px;
}

#slider article p {
    margin-top: 20px;
}

.slider-text {
    width: 100%;
    height: 100%;
}

#slider article div.slider-text {
    width: 470px;
    margin: 20px 0px 20px 20px;
    float: left;
}

#controls {
    position: relative;
    top: -40px;
    left: -24px;
    list-style: none;
}

#controls li {
    float: left;
    margin-left: 4px;
}
.current {
    background:url('/images/buttons/BTN-slide-over.png') no-repeat !important;
}
#controls1, #controls2, #controls3, #controls4 {
    background:url('/images/buttons/BTN-slide-off.png') no-repeat;
}
.mbox {
    width:215px;
    height:195px;
    background:url('/images/misc/mbox-bottom-index.png') no-repeat bottom;
    float:left;

    margin-right:18px;
    overflow:hidden;
}
.mbox_wrap {
    position:relative;
    top:-14px;
    clear:both;
    width:100%;
    height:299px;
    padding-left:18px;

}
.mbox_long {
    position:relative;
    line-height:110%;
    background:url('/images/misc/contentBox-index.png');
    width:687px;
    height:289px;
    float:left;
    margin-right:18px;
}
.mbox_long a, .mbox_long a:visited, .mbox_long a:hover {
    color:#1080BF;
}
.mbox_content {
    position:relative;
    top:-19px;
    font-size:9pt;
    padding:5px 10px 0px 18px;
    line-height:130%;
    letter-spacing:0px;
    color:#999;
    overflow:hidden;
    width:213px;
    height:104px

}
.mbox_header {
    font-weight:bold;

}
.ellipsis_text {
    white-space: normal;
    overflow: hidden;
    height:48px;
}

.indexList {
    position:relative;
    left:8px;
    font-size:11px;
    color:#256591;
    letter-spacing:-1px;
    font-weight:bold;
    list-style: none;
    padding:0;
    margin:0;
    white-space:nowrap;

}
.indexList li {
    background:url('/images/icons/check.png') no-repeat;
    padding:0 0 4px 23px;
}
.cufonMboxTitle cufon {
    position:relative;
    top:0;
    right:0;
    margin-top:3px;

}
/* index end, abandonment start */
#overlay{
    position:fixed;
    background: url(/images/overlay1.png);
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:19;
    display:none;
}
#silver-small {
    height:290px;
    width:954px;
    float:left;
    position:relative;
    top:4px;
    z-index:3;
    background:url('/images/gradients/silver-texture2.jpg') repeat-x bottom;
}
#silver-small>div:first-child {
    width:215px;
    height:260px;
    background:url('/images/misc/learnmore-Mbox.png') no-repeat;
    float:left;
    position:relative;
    left:26px;
    top:5px;
}
#silver-big {
    height:334px;
    width:954px;
    background:url('/images/gradients/silver-texture1.jpg') repeat-x;
    float:left;
    padding:44px 20px 0 22px;
    margin:-58px 0 0 0px;
    z-index:0;
}
#learnMores img {
    margin-right:120px;
}
#banner-solutions {
    background:url('/images/hero-BG.jpg') top;
    width:954px;
    height:207px;
}
#banner-solutions>div {
    position:relative;
    top:41px;
    left:16px;
    height:105px;
    width:616px;
    padding-left:136px;
}
.buttons-abandonment {
    width:700px;
    height:54px;
    margin-left:10px;
}
.buttons-abandonment img {
    float:left;
    margin:25px 4px 0 0;

}
#floatBullets {
    position:relative;
    top:20px;
    left:-10px;
    line-height:190% !important;
}
#floatBullets ul {
    float:left;
    list-style-type:none;
    margin-left:25px;
    padding:0;
}
.green {
    color:green;
}
#floatBullets ul:first-child {
    margin-left:7px;
}
.subheader-text {
    position:relative;
    top:4px;
    right:0;
    width:517px;
    height:50px;
    word-wrap:break-word;
}
.subheader-text cufon {
    margin-top:6px;
}
.mbox_title {
    position:relative;
    top:2px;
    padding:15px 4px 0 0;
    width:215px;
    height:42px;
    text-align:center;
    background:url('/images/mbox-head.png') no-repeat;
}

/* end abandonment, solutions start */


#heroBanner {
    width:955px;
    height:153px;
    background:url('/images/misc/solutionsOverview-heroBackground.jpg') top no-repeat;
    text-align:center;
    padding-top:40px;
}
#columns {
    margin: 19px 0 0 5px;
}
.column {
    position:relative;
    width:300px;
    height:577px;
    background:url('/images/misc/left-rightColumn_MID.png') center no-repeat;
    float:left;
    margin-left:12px

}
.smallCol {
    margin-top:24px;
}
.bigCol {
    height:599px;
    background:url('/images/misc/MiddleColumn_MID.png') center no-repeat;
}
.colContent {
    position:absolute;
    bottom:0;
    right:10px;
    width:300px;
    height:641px;
    padding-left:4px;
}
.icon {
    position:relative;
    top:5px;
    right:21px;
}
.colTop {
    width:300px;
    height:200px;
    margin-top:1px;
    display:block;
    vertical-align:top;
}
.colBottom {
    width:300px;
    height:200px;
    margin-top:175px;
    display:block;
    vertical-align:top;
}
.bigCol .colBottom {
    margin-top:198px
}
.percent {
    text-align:center;
    position:relative;
    bottom:33px;
    padding-left:18px;
}
.banner {
    position:relative;
    width:313px;
    height:74px;
    bottom:20px;
    padding-top:21px;
    background:url('/images/misc/TitleRibbon.png') no-repeat;
    font-size:15pt;
    text-align:center;
}
.blue {
    color:#000088;
    font-size:10pt;
    font-weight:bold;
}
.blurb {
    position:relative;
    bottom:16px;
    width:300px;
    height:100px;
    font-size:10pt;
    line-height:135%;
    text-indent: 0;
}
div.blurb {
    padding-left:24px;
    bottom:13px !important;
    line-height:150% !important;
}
.colBullets {
    width:303px;
    position:relative;
    right:15px;
    bottom:-43px;
    line-height:2em;
    list-style-position: inside;
    white-space: nowrap;
}
#learnMores {
    position:relative;
    bottom:84px;
    left:58px;
    width:100%;
    height:48px;
    z-index:10;
}
#learnMores img {
    margin-right:120px;
}
.georgiaBlue {
    font-style:italic;
    color:#064C9B;font-family:Georgia;
}
.closeBtn {
    position:relative;
    float:right;
    margin: -71px 25px 0 0;
    z-index:12;
}
#videoImg {
    position:relative;
    bottom:87px;
    left:671px;
}
/* contact */
#contacts {
    position:relative;
    height:550px;
    margin:13px 0 0 20px;
    background:url('/images/contact-box.png') no-repeat;
    float:left;
    z-index:10;
}
#contacts img {
    position:relative;
    left:3px;
}
.contact {
    margin-left:60px;
    padding-left:117px;
}



#message {
    width:441px;
    height:631px;
    background:url('/images/message-form.jpg') top no-repeat ;
    float:right;
    margin:3px 8px 0 0;
    padding:56px 0px 0px 56px;
    position:relative;
    z-index:10;
}
#message span {
    font-weight:normal;
}
#product_subheader {
    width:650px;
    height:265px;
    margin-top:38px;
    float:right;
    position:relative;
    right:58px;
}
#product_download_mbox {
    position: relative;
    background: url(/images/misc/download-Mbox.png) no-repeat;
    width: 215px;
    height:260px;
    float:right;
}
#longFormContainer {
    position:relative;
    width:820px;
    z-index:4;
    left:48px;
    top:13px;
}
#longFormTable {
    position:absolute;
    top:154px;
    left:220px;
}
.largeBanner {
    width:464px;
    height:74px;
    background:url('/images/misc/banner.png') no-repeat;
    margin:10px 0 0 -9px;
    padding:23px 117px;
}
#companyLeftCol {
    width:630px;
    float:left;
    height:100%;
    padding-left:20px;
}
#companyLeadershipTitle {
    white-space: nowrap;
    margin-left: 59px
}
#companyTomTable {
    position:relative;
    width:100%;
    height:230px;
    padding:0px 24px 0 35px;
    bottom:102px;
}
#iframeContainerChatskins, #iframeContainerReporting, #iframeContainerVideo, #iframeContainerSurveys, #iframeContainerCalculator {
    position:absolute;
    visibility:hidden;
    top:200px;
    margin-left:-23px;
    z-index:100
}
#iframeContainerCalculator {
    margin-left:300px;
}
.download_tout {
    position:relative;
    top:63px;
    right:15px;
    text-shadow:black 0.1em 0.1em 0em;
    font-size:11px;
    color:#DDDDDD;
    text-align:center;
}
#thanks_text {
    position:relative;
    top:-7px;
    right:15px;
    text-shadow:black 0.1em 0.1em 0em;
    font-size:11px;
    color:#DDDDDD;
    text-align:center;
}
/* footer */
#footer_container {
    position:relative;
    width:978px;
    height:145px;
    background:url('/images/misc/footer.png') no-repeat;
    left:50%;
    top:-5px;
    margin-left:-489px;
}