/* Cascade DTP V4 - Style Sheet */

#wrapper {width:300px; margin:50px auto}

.content_light
{
 color: rgb(255, 221, 170);
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9pt;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}

.field_text 
{
 background:#ffffff;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 9pt;
 color: rgb(153,35,35);
 width: 300px;
}

.field_textarea 
{
 background: rgb(255, 245, 235);
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 10pt;  color: rgb(153,35,35);
}

.ajxbtn
{
 background: url(images/bg_btn.jpg) repeat-y;
 color: rgb(255, 221, 170);
 font-family: Arial, Helvetica, sans-serif;
 font-size: 9pt;
 font-style: normal;
 font-weight: bold;
 text-decoration: none;
}


a:link.ajaxified
{
 color: rgb(0, 51, 102);
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 10pt;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}

a:visited.ajaxified
{
 color: rgb(0, 51, 102);
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 10pt;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}

a:hover.ajaxified
{
 color: rgb(29, 82, 134);
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 10pt;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}

.menu_shadow_text
{
 color: rgb(240, 240, 240);
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 10pt;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}

a:link.dark
{
 color: rgb(0, 51, 102);
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 9pt;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}

a:visited.dark
{
 color: rgb(0, 51, 102);
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 9pt;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}

a:hover.dark
{
 color: rgb(0, 51, 102);
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 9pt;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}

.content_text
{
 color: rgb(0, 51, 102);
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 9pt;
 font-style: normal;
 font-weight: normal;
 text-decoration: none;
}

.content {position: absolute;
    top: 0px;
    left: 50%;
    height: 615px;
    width: 965px;
    margin-left:-482px;
    z-index: 3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0pt;
    line-height: 120%;
    background-color: transparent;
    overflow: hidden}

.logo {position: absolute;
    top: 38px;
    left: 54px;
    height: 97px;
    width: 193px;
    z-index: 3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0pt;
    line-height: 120%;
    background-color: transparent;
    overflow: hidden;
    background-image: url("../images/logo_tombouctou.jpg");
    background-repeat: no-repeat}

.middle_left {position: absolute;
    top: 156px;
    left: 0px;
    height: 292px;
    width: 265px;
    z-index: 3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0pt;
    line-height: 120%;
    background-color: transparent;
    overflow: hidden;
    background-image: url("../images/middle_left.jpg");
    background-repeat: no-repeat}

.header {position: absolute;
    top: 0px;
    left: 0px;
    height: 156px;
    width: 965px;
    z-index: 3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0pt;
    line-height: 120%;
    background-color: transparent;
    overflow: hidden;
    background-image: url("../images/header.jpg");
    background-repeat: no-repeat}


.bottom {position: absolute;
    top: 448px;
    left: 0px;
    height: 166px;
    width: 965px;
    z-index: 3;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0pt;
    line-height: 120%;
    background-color: transparent;
    overflow: hidden;
    background-image: url("../images/footer.jpg");
    background-repeat: no-repeat}

.middle_right {position: absolute;
    top: 156px;
    left: 265px;
    height: 292px;
    width: 700px;
    z-index: 2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0pt;
    line-height: 120%;
    background-color: transparent;
    overflow: hidden;
    background-image: url("../images/middle_right.jpg");
    background-repeat: no-repeat}



.main_text {position: absolute;
    top: 190px;
    left: 300px;
    height: 310px;
    width: 600px;
    text-align: justify;
    z-index: 10;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: rgb(0, 51, 102);
    padding: 0px;
    line-height: 120%;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: rgb(0, 51, 102);
    overflow-x: hidden;
    overflow-y: auto}

.form_client {position: absolute;
    top: 180px;
    left: 250px;
    height: 255px;
    width: 480px;
    text-align: justify;
    z-index: 20;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: rgb(153, 35, 35);
    padding: 10px;
    line-height: 120%;
    background-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 1px;
    border-color: rgb(153, 35, 35);
    display: none;
    overflow-x: hidden;
    overflow-y: auto}

.copyright_text {position: absolute;
    top: 535px;
    left: 370px;
    height: 30px;
    width: 500px;
    text-align: center;
    z-index: 9;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    color: rgb(0, 51, 102);
    padding: 0px;
    line-height: 150%;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: rgb(153, 35, 35);
    overflow: hidden}

.copyright_shadow {position: absolute;
    top: 536px;
    left: 371px;
    height: 30px;
    width: 500px;
    text-align: center;
    z-index: 8;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    color: rgb(240, 240, 240);
    padding: 0px;
    line-height: 155%;
    background-color: transparent;
    border-style: solid;
    border-width: 0px;
    border-color: rgb(153, 35, 35);
    overflow: hidden}

.tabs {position: absolute;
    z-index: 4;
    height: 24px;
    width: 72px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: rgb(153, 35, 35);
    line-height: 120%;
    background-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 0px;
    border-color: rgb(153, 35, 35);
    overflow: hidden;
    background-image: url("/images/top_tabs.jpg");
    background-repeat: no-repeat}

.active_tabs {position: absolute;
    z-index: 4;
    height: 24px;
    width: 72px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: rgb(153, 35, 35);
    line-height: 120%;
    background-color: rgb(255, 255, 255);
    border-style: solid;
    border-width: 0px;
    border-color: rgb(153, 35, 35);
    overflow: hidden;
    background-image: url("/images/top_tabs.jpg");
    background-repeat: no-repeat}

.tabs#acasa {top: 135px;
    left: 243px}

.active_tabs#acasa_activ {top: 135px;
    left: 243px;
    display: none;
    background-position:0px -26px;
}

a:hover.tabs#acasa {
    background-position:0px -26px;
}

.tabs#catalog {
    top: 135px;
    left: 316px;
    background-position:-73px 0px}

.active_tabs#catalog_activ {
    top: 135px;
    left: 316px;
    display: none;
    background-position:-73px -26px}

a:hover.tabs#catalog {
    background-position:-73px -26px;
}

.tabs#despre_noi {
    top: 135px;
    left: 389px;
    background-position:-146px 0px}

.active_tabs#despre_noi_activ {
    top: 135px;
    left: 389px;
    display: none;
    background-position:-146px -26px}

a:hover.tabs#despre_noi {
    background-position:-146px -26px;
}

.tabs#despre_noi_activ {
    top: 135px;
    left: 389px;
    background-position:-146px -26px;
}


.tabs#comanda {
    top: 135px;
    left: 462px;
    background-position:-218px 0px}

.active_tabs#comanda_activ {
    top: 135px;
    left: 462px;
    display: none;
    background-position:-218px -26px}


a:hover.tabs#comanda {
    background-position:-218px -26px;
}

.tabs#contact {
    top: 135px;
    left: 534px;
    background-position:-292px 0px;
}

.active_tabs#contact_activ {
    top: 135px;
    left: 534px;
    display: none;
    background-position:-292px -26px}

a:hover.tabs#contact {
    background-position:-292px -26px;
}


.menu {position: absolute;
    top: 190px;
    left: 80px;
    height: 250px;
    width: 140px;
    z-index: 15;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 300%;
    border-style: solid;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    background-color: transparent;
    overflow: hidden}

.menu_shadow {position: absolute;
    top: 191px;
    left: 81px;
    height: 250px;
    width: 140px;
    z-index: 12;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    color: rgb(240, 240, 240);
    line-height: 300%;
    border-style: solid;
    border-width: 0px;
    border-color: rgb(0, 0, 0);
    background-color: transparent;
    overflow: hidden}

body {background-color: rgb(48,74,102)}

html, body {scrollbar-face-color: rgb(222, 223, 225);
scrollbar-arrow-color: rgb(51, 102, 153);
scrollbar-highlight-color: rgb(222, 223, 225);
scrollbar-3dlight-color: rgb(0, 51, 102);
scrollbar-shadow-color: rgb(222, 223, 225);
scrollbar-darkshadow-color: rgb(0, 51, 102);
scrollbar-track-color: rgb(222, 223, 225)}

body {background-image: url("../images/page_bg.jpg"); background-repeat: repeat-x}