@CHARSET "UTF-8";


HTML { height: 100%; }
BODY { background-color: white; height: 100%; position: relative; font-family: arial; font-size: 11px; background-image: url('/images/bodyBack.gif'); background-repeat: repeat-x; background-position: top left;}
BODY * { font-size: 100%; font-family: arial; color: black; }
BODY, P, FORM, H1, H2, H3, H4 { padding: 0; margin: 0; }
BODY a {color: #5f8f5f; font-family: arial;}
DIV#page { position: relative; min-height: 100%; width: 100%; zoom: 1; }
* html DIV#page { height: 100%; }

.fix {position: absolute; left: 525px; top: 255px;}
.service {position: absolute; left: 700px; top: 205px; }
.fuel {position: absolute; left: 900px; top: 250px;}

.success {display: block; border: 1px solid #2a7913; background: #d5f2c6; color: #2a7913; padding: 5px;}

DIV#footer { position: absolute; bottom: 0px; height: 288px; margin-top: -288px;  width: 100%;}
DIV#footer .gallery { background: url('../images/lent.png'); background-position: center; height: 157px;  }
DIV#footer .gallery .image_holder {width: 980px; padding-top: 30px;}
DIV#footer .foot_part { background: url('../images/footer.jpg'); background-position: center; height: 130px;}

.form { background-color: #e7e3e1; background-image: url('../images/form-gradient.gif'); background-repeat: repeat-x; backgorund-position: top left; padding-left: 15px; padding-right: 20px; padding-top: 20px; padding-bottom: 3px; position: relative;}
.form table {width: 100%;}
.form table th {text-align: left; font-weight: normal; padding-right: 10px; vertical-align: top; padding-top: 2px; width: 115px;}
.form table td {padding-bottom: 12px;}
.form table td .long {width: 171px; font: normal 12px Arial; padding-top: 4px; padding-bottom: 4px; padding-left: 2px;}
.form table td .text {border: 1px solid #a5acb2; font: normal 12px Arial; padding-top: 4px; padding-bottom: 4px; padding-left: 2px;}
.form table td .v {width: 63px;}
.form table td TEXTAREA {height: 82px;}
.form table td .bttn { background: url('../images/bttn.gif'); border: 0px; width: 75px; height: 24px; color: white; }
.form table td.error .text {border: 1px solid #d92b2b;}
.form table td.error {background: url('../images/error.gif'); background-repeat: no-repeat; background-position: 182px 4px;}

.clb, .crb, .clt, .crt {position: absolute; }
.clb {bottom: 0px; left: 0px;}
.crb {bottom: 0px; right: 0px;}
.crt {top: 0px; right: 0px;}
.clt {top: 0px; left: 0px;}


.clb {_bottom: 107px; _left: -15px;}
.crb {_bottom: 107px; _right: 29px;}
.crt {top: 0px; _right: 29px;}
.clt {top: 0; _left: -15px;}

.form-description {color: #7f7f7f; padding-left: 15px; padding-right: 20px; margin-top: 25px;}

div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 780px; 
    height: 105px; 
    float: left;
} 
 
 .prevPage , .nextPage {float :left; cursor: pointer; width: 57px; height: 57px;}
 .prevPage {margin-right: 40px; margin-top: 25px; background: url('../images/btn-left.gif'); }
 .nextPage {margin-left: 40px; margin-top: 25px;  background: url('../images/btn-right.gif'); }
 .prevPage:hover { background: url('../images/btn-left-act.gif'); }
 .nextPage:hover {  background: url('../images/btn-right-act.gif'); }
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items a { 
    float:left; 
    display: block;
    margin-right: 30px; 
    padding: 1px; border: 1px solid #bababa;
    background: white;
    line-height: 2px;
}
div.scrollable div.items a img{ 
    border: 0px;
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
.copyright { position: absolute; color:white; top: 30px; left: 0px;}
.warranty {position: absolute; color: white; width: 280px; text-align: left; top: 30px; left: 334px;}
.certificates {position: absolute; color: white; display:block; border-bottom: 1px dotted white;  top: 30px; left: 732px; text-decoration: none;}