/* --------------------------------------------   
      Sub styles                                  
----------------------------------------------- */

/* @ROOT */
.us .root {padding-top: 25px;}

    /* logo */
    .us .root .header {height: 155px;}

    .us .root .logo {float: left; padding-top: 5px; }
    .us .root .logo a {display: inline-block;}
    .us .root .logo p {font-size: 12px; line-height: 16px; padding-top: 7px;}
    .us .root .logo .l {margin-left: -12px; position: relative;}
    .us .root .logo .l img {}

    /* presentation */
    .us .presentation {padding-top: 15px; font-size: 12px; }
    .us .presentation a {font-weight: bold;}
    .us .presentation .l {margin-right: 12px;}
    .us .presentation div {padding-top: 4px;}
    .us .presentation span {display: block; padding-top: 6px;}
    
    .us .rightcol {}
    .us .rightcol address {font-size: 12px; padding-top: 32px; line-height: 15px;}


/* @BOX */
.us .box {
    padding: 33px 0 35px;
    background: url('../images/usability/bg/box.png') repeat-x left top; 
}

.us .box.bott {padding-bottom: 15px;}

.us .box .hem,
.us .root .header {
    width: 880px;
    margin: 0 auto;
    text-align: left;
}

.us .box.simple {background-image: none;}


/* @INFO */
.us ul.special {padding-top: 9px;}
.us ul.special li {overflow: hidden; padding-bottom: 18px;  margin-top:0;}
.us ul.special li.last_point {padding-bottom: 0;}
.us ul.special li h4 {margin: 0; padding: 5px 0 0;}
.us ul.special li img {float: left; margin-right: 8px;}
.us ul.special li div {overflow: hidden;}

    .us ul.special li.money img {}
    .us ul.special li.plate img {}
    .us ul.special li.diagram img {}
    
    /* order */
    .us .order {margin-top: -7px; position: relative;}
    .us .order h1 {line-height: 34px; font-size: 30px;}
    .us .order div {font-family: Arial, Helvetica, sans-serif; padding-bottom: 38px;}
    .us .order dfn {display: block; font-size: 16px;}

    
    
/* @QUESTION-ANSWER */
#faq a.ok {color: black; cursor: default; text-decoration: none;}
#faq li {padding-bottom: 0;}
#faqimg {margin-top: 18px;}
#faq.answer {padding: 0 0 4px;}
#faq h3 {margin-bottom: 10px;}
#faq a.switch:visited span {border-bottom-color: #9A80E3;}
#faq-2, #faq-3, #faq-4 {width: 610px;}



/* @EXAAAAAAAAAAAAAMPLE */
ol.special {
    color: black;
    font-size: 18px; 
    padding-top: 9px;
    padding-bottom: 13px;
    font-family: Arial, Helvetica, sans-serif; 
    list-style: none;
}

ol.special li {overflow: hidden; padding-bottom: 20px;}
ol.special li span {
    float: left; 
    width: 30px;
    color: white;
    height: 25px; 
    padding-top: 5px; 
    font-weight: bold;
    text-align: center; 
    margin-right: 10px;
    background: url('../images/usability/bullet.png') no-repeat left top !important; 
}

ol.special li div {overflow: hidden; padding-top: 5px;}

div#report {padding-bottom: 0;}



/* @LAST_PROJECT */
#last_project img {margin-top: 8px;}



/* @RELEASED_PROJECTS */
.us dl {font-size: 12px;}
.us dl dt {}
.us dl dd {
    padding-bottom: 18px; 
    line-height: normal; 
    margin-bottom: 0;
}

.us dl em.important {
    font-style: normal; 
    font-size: 16px; 
    font-family: "Trebuchet MS", serif;
    display: block;
    line-height: 20px;
    padding: 0 !important;
}

.us .w50 h3 {}




/* @COLS */
.us .rightcol {width: 270px !important; float: right; margin: 0;}
.us .w50 {max-width: none;}

    .us .col {float: left; width: 305px;}
    .us .col.last {width: 270px;}
    .us .col .in {padding-right: 35px;}

.order_header {}
.order_header img {float: left; margin-right: 8px; margin-top: 3px;}
.order_header.active_header {}
.order_header.active_header a {color: black; cursor: default; outline: 0; text-decoration: none;}
.order_header.active_header a span {border: 0;}

#order_header, #form_messages h1 {padding-top: 8px;}
#order_header2 {line-height: 30px;}

#form_messages h1 {padding-bottom: 10px;}
#form_messages p {padding: 0; margin: 0;}

    #order_header span,
    #order_header2 span {line-height: 30px; display: inline-block; cursor: pointer; position: relative;}
    
    #order_header a.switch:hover span,
    #order_header2 a.switch:hover span,
    #faq a.switch:hover span {border-bottom-color: white;}

.us .root .header .rightcol {font-size: 12px !important;}




    /* @COMMON */
    
        /* headers */
        .us h1 {padding-top: 0; padding-bottom: 30px; margin-bottom: 0; overflow: hidden;}
        .us h1 a {color: #1193de; float: left; padding-top: 2px;}
    
        .us h2 {font-size: 26px; padding-top: 0; margin-top: 0; margin-bottom: 15px;}
        .us h2 span {font-size: 18px; display: inline-block; padding-top: 8px;}
    
        .us h3 {padding-top: 8px; margin-top: 0; margin-bottom: 20px}
        
        .us h5 {margin-top: 5px;}


    .us a.switch:hover span,
    .us a.anchor:hover em {/*border-bottom-width: 1px;*/}

    em.caption {
        font-size: 14px; 
        line-height: 20px; 
        color: #999999; 
        display: block; 
        padding-bottom: 20px; 
        font-family: Arial, Helvetica, sans-serif;
    }

    .notice {
        font-style: italic; 
        color: #3F3F43; 
        font-size: 11px; 
        font-family: Arial, Helvetica, sans-serif;
        display: block;
    }
    
    .link_panel .notice {padding-top: 5px;}

    div.incol {margin-top: 0; padding-right: 35px;}

        .us .colorized {
            padding-left: 2px;
            padding-right: 2px;
            display: inline-block;
            background-color: #FFEE78;
            background-image: url('../images/usability/bg/colorized.png');
        }
    
    #top_anchor {background-image: url('../images/usability/bg/anchor_up.png'); background-position: right 7px; margin-top: 13px;}
    
    .us .switch.ok span {border-bottom-width: 0;}
    
    /* form */
    .us .form {border-width: 0; position: relative; background-image: none !important}
    .us .form .note {margin-top: 0; position: absolute; right: 0; top: 0;}
    
    .us .form .row label {width: auto; float: none; display: block; text-align: left; padding-bottom: 5px;}
    .us .field {overflow: hidden; }
    .us .field .text {width: 98%;}
    .us .field.w50 {width: 440px;}
    .us .field.w70 {width: 600px;}
    .us .form .footer {margin-left: 0 !important}

    
    
.us #foot .in {width: 880px;}
.us #foot .l {width: 305px;}

    .us #foot .l, 
    .us #foot .r {margin: 0;}