body {
    margin: 0; /* to avoid margins */
    text-align: center; /* to correct the centering IE bug*/
    font-family: Tahoma;
    font-size: 14px;
    background-color: #FFFFFF;
    background-image: url('../assets/images/bg.jpg');
    background-repeat: repeat-x;
}

a:link {
    color: #4541ea;
    text-decoration: underline;
}

a:active {
    color: #AA0000;
    text-decoration: underline;
}

a:visited {
    color: #4541ea;
    text-decoration: underline;
}

a:hover {
    color: #AA0000;
    text-decoration: underline;
}

a img {
    border: none;
}

h1 {
    font-family: Tahoma;
    text-align: center;
    margin-left: 3%;
    margin-right: 3%;
    margin-top: 0px;
    font-size: 30px;
    letter-spacing: -1px;
    color: #990000;
}

ol {
    text-indent: 0em;
    font-family: Tahoma;
    font-size: 14px;
}

P {
    font-family: Tahoma;
    font-size: 14px;
}

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

#main-wrapper {
    width: 720px;
    margin: 0 auto;
    position: relative;
    top: 0px;
    left: 0px;
    top: 0px;
    bottom: 0px;
}

#mainBox {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 895px;
    text-align: left;
    background-image: url('../assets/images/bgSidebars.png');
}

#textInsideBox {
    margin-left: 8px;
    margin-top: 0px;
    width: 878px;
    text-align: left;
    background-image: url('../assets/images/bg_insideBox_small.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
}

/*
 * Support page styles
 */

div.logo {
    width: 200px;
    float: left;
}

.white-box-top {
    background: transparent url('../assets/images/support/box-top.png') no-repeat top center;
    height: 5px;
    width: 720px;
}

.white-box-middle {
    background: transparent url('../assets/images/support/box-mid.png') repeat-y;
    height: auto;
    width: 700px;
    padding: 10px;
}

.white-box-bottom {
    background: transparent url('../assets/images/support/box-bottom.png') no-repeat top center;
    height: 5px;
    width: 720px;
    margin-bottom: 20px;
}

    .white-box-inner {
        background: transparent;
        margin-left: -25px;
        float: left;
        text-align: left;
    }
    
    .white-box-inner p {
        margin-left: 60px;
    }

div.box-icon {
    float:right;
    position:relative;
    top:-35px;
    width:100px;
}

div.form-container {
    margin-left: 55px;
    display: none;
    position: relative;
    z-index: 999;
    width: 670px;
}
    
h1.contact-support {
    background: transparent url('../assets/images/support/contact-support.png') no-repeat top center;
    text-indent:-9999px;
    width: 227px;
    margin-left: 55px;
    margin-top: 50px;
    float: right;
} 
    
h1.search-faqs {
    background: transparent url('../assets/images/support/search-faqs.png') no-repeat top center;
    text-indent:-9999px;
    width: 471px;
    margin-left: 55px;
}   

h1.submit-ticket {
    background: transparent url('../assets/images/support/submit-ticket.png') no-repeat top center;
    text-indent:-9999px;
    width: 471px;
    margin-left: 55px;
} 

h1.contact-us {
    background: transparent url('../assets/images/support/contact-us.png') no-repeat top center;
    text-indent:-9999px;
    width: 150px;
    margin-left: 55px;
} 

h1.what-others-say {
    background: transparent url('../assets/images/support/what-others-say.png') no-repeat top center;
    text-indent:-9999px;
    width: 290px;
    margin-left: 55px;
} 
    
/*
 * Form styles
 */

.yellow-box {
    background-color:#FFF1CF; border: #FFCC00 1px solid; width: 550px; padding: 10px;
}

.icon-check{
    background:url("../assets/images/support/icon-check.png") no-repeat scroll 8px 1px #CEE6C3;
    border:1px solid #1B8D44;
    color:#1B8D44;
    margin-left:60px;
    padding:4px;
    text-align:center;
    width:627px;
}

ul.help-text {
    padding-left: 15px;
    margin-top: 2px;
}
    
div.form-intro {
    text-align: left;
} 

div.form-intro em {
    text-align: left;
    font-size: 12px;
}  

div.form-intro img {
    padding: 5px;
    border: 1px solid #e7e7e7;
    margin-right: 6px;
}
    

.testimonial {
    float:left;
    margin:15px 0 0 20px;
    width:710px;
}

    .testimonial p {
        margin-left: 5px !important;
    }

    .left-quote {
        float:left;
        background:url(../assets/images/support/quote-left.png) no-repeat top;
        width:68px;
        height:77px;
        margin-left: 35px;
    }
    
    .testi-text {
        float:left;
        text-align:justify;
        font-style: italic;
        width:470px;
        padding-right:65px;
        background:url(../assets/images/support/quote-right.png) no-repeat right bottom;
    }
    
    .testi-name {
        float:left;
        padding:30px 0 0 15px;
    }