
#body {
    padding: 0 0 10em 0;
}
#body .iwrap {
    position: relative;
}

#display {
    height: 210px;
    text-align: left;
    position: relative;
    top: -44px;
    text-align: center;
}

#boxes {
    height: 420px;
    position: relative;
}

#boxes dt, #boxes dd {
    width: 264px;
    position: absolute;
    padding: 12px;
}

#boxes dd dt, #boxes dd dd { position: relative; width: auto }

#boxes dt {
    font-size: 1.5em;
    color: #4f658e;
    font-weight: bold;
    padding: 12px 0 12px 34px;
    background: #edf0f6 url('../images/arrow.gif') no-repeat scroll 10px 12px;
    
}

#boxes dd {
    background-color: #fff;
}

#t1 {top: 0; left: 0;}
#d1 {top: 3.1em; left: 0; height: 300px}
#t2 {top: 0; left: 620px;}
#d2 {top: 3.1em; left: 620px; height: 300px}
#t3 {top: 320px; left: 620px;}
#d3 {top: 355px; left: 620px; }
#t4 {top: 320px; left: 0;}
#d4 {top: 360px; left: 0; height: 200px; position: relative }

#t1, #t4 { width: 576px !important; }
#d1, #d4 { width: 586px !important; }
#t2, #t3 { width: 263px !important; }
#d2, #d3 { width: 273px !important; }

#d4 dd {
    width: 275px !important;
    float: left !important;
    margin: 30px 10px 0 0;
}
#d4 dt {
    position: absolute !important;
    top: 10px;
    left: 295px;
}
#d4 dt.first {
    left: 10px;
}

#t3 {
    font-size: 1em !important;
    background-image: none !important;
    padding: 10px 17px !important;
}

#d3 {
    background-color: #edf0f6 !important;
    height: 150px
}

#d3 .dtex {
    width: 218px;
    font-size: 1.5em;
    border: 1px solid #edf0f6;
}

#d3 label {
    display: block;
    font-weight: bold;
    margin: 0.5em 0 0.2em 0;
}

#d3 img {
    top: 5px;
    position: relative;
    left: 5px;
}

#boxes dd dt {
    padding: 0.5em 0;
    font-weight: bold;
}

#boxes dd dl a.oran {
    display: block;
    padding: 0.5em 0;
    font-weight: bold;
    color: #d38131;
}

#boxes dd dl dt {
    font-size: 1em !important;
    background: transparent none;
}

#boxes dd dl dd, #boxes dd dl dt {
    padding: 0.5em 0;
}
