﻿#tools { width: 325px; height: 240px; background: url(../images/t_tools.gif) no-repeat; margin: 0 10px 10px 260px; position: relative; float: left; }
#tools h2 { margin: 10px 10px 0 10px; padding: 10px 0 0 0; color: #1e3766; }

/* === tools form === */
form, fieldset, legend { border: 0; padding: 0; margin: 0; }
form div { display: inline; }
legend { font-size: 11px; color: #ffffff; line-height: 16px; padding: 10px 0 4px 15px; }
legend div.tranFrom { width: 50px; float: left;}
legend div.tranTo { width: 50px; float: left;}
form ol, form ul { list-style: none; margin: 0; padding: 0; }
form li { margin: 0 0 4px 0; padding: 0; }
label { display: block; float: left; font-size: 11px; line-height: 1.6em; margin-right: 5px; margin-left: 10px; text-align: right; width: 55px; color: #1e3766; }
select { background: #ffffff; width: 100px; font: 11px Arial, Helvetica, sans-serif; }
div.tranFuel { position: absolute; left: 180px; text-align: right; width: 70px; background-color: #ebf5e2; font-size: 11px; line-height: 1.7em; border: solid 1px #90cd59; }
div.tranTime { position: absolute; left: 255px; text-align: right; width: 55px; background-color: #ebf5e2; font-size: 11px; line-height: 1.7em; border: solid 1px #90cd59; }
.tranFuelH { color: #1e3766; font-weight: bold; }
button {
background: #1e3766;
border: 1px outset #ffffff;
color: #ffffff; cursor: pointer;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
letter-spacing: .3em;
margin-left: 70px;
padding: 3px;
}

/* === Order form === */
div#orderform { margin: 0 226px 0 260px; }
#orderform form { width: 500px; }
#orderform legend { font-size: 16px; color: #1e3766; line-height: 20px; padding: 10px 0 10px 0; }
#orderform label { display: block; float: left; font-size: 11px; line-height: 1.6em; margin-right: 5px; text-align: right; width: 160px; color: #1e3766; }
#orderform label .formNote { font-size: 11px; margin-right: 5px; text-align: right; color: #5c5759; }
#orderform input, textarea { font: 11px Arial, Helvetica, sans-serif; padding: 1px 3px; width: 150px; border: solid 1px #0e6628; }
#orderform textarea { line-height: 1.3em; padding: 0 3px; }

#orderform .radio { margin-left: 70px; position: relative; }
#orderform .radio legend { font-size: 11px; line-height: 1.6em; padding: 0; margin: 0; color: #1e3766; }
#orderform .radio legend span { display: block; line-height: 1.6em; text-align: right; width: 100px; position: absolute; top: 0; left: 0; }
#orderform .radio label { display: inline; width: auto; margin: 0 10px 0 0; }
#orderform .radio ul { font-size: 11px; margin: 4px 0 0 105px; }
#orderform .radio li { float: left; }
#orderform label input { background: transparent; width: auto; border: 0; }

#orderform .date { border: 0; padding: 0; position: relative; margin-left: 70px; }
#orderform .date select { margin: 0 .25em 0 0; width: auto; }
#orderform .date select option { padding: 0 5px 0 5px; }
#orderform .date ol { list-style: none; margin: 0 0 0 105px; }
#orderform .date li { float: left; }
#orderform .date label { position: absolute; left: -999em; }
#orderform .date legend { font-size: 11px; line-height: 1.6em; text-align: right; padding: 0;}
#orderform .date legend span { display: block; line-height: 1.6em; text-align: right; width: 100px; position: absolute; top: 0; left: 0; }

#orderform .dateL { border: 0; padding: 0; position: relative; margin-left: 175px; margin-bottom: 20px; }
#orderform .dateL select { margin: 0 .25em 0 0; width: auto; }
#orderform .dateL select option { padding: 0 5px 0 5px; }
#orderform .dateL ol { list-style: none; margin: 0; }
#orderform .dateL li { float: left; }
#orderform .dateL label { position: absolute; left: -999em; }
#orderform .dateL legend { font-size: 11px; line-height: 1.6em; padding: 0; }
#orderform .dateL .formNote { font-size: 11px; margin-right: 5px; text-align: right; color: #5c5759; }

#orderform button {
background: #1e3766;
border: 1px outset #5c5759;
color: #ffffff; cursor: pointer;
font: 11px Tahoma, Arial, Helvetica, sans-serif;
letter-spacing: .3em;
margin: 10px 0 30px 175px;
padding: 3px;
}
#orderform h2, #orderform h3 { margin: 0; padding: 0; }
#orderform h3 { border-bottom: solid 1px #90cd59; }

#orderform label.label-wide { display: block; float: left; font-size: 11px; line-height: 1.6em; margin-right: 5px; text-align: right; width: 250px; color: #1e3766; }
#orderform input.check-box { text-align:left; width:auto; border:0;}
#orderform li.wide { padding: 9px 0 9px 0;}
#orderform input.check-box-left { float: left; text-align:left; width:auto; margin-left: 175px; border:0;}
#orderform .label-right { display: block; float: left; font-size: 11px; line-height: 1.6em; margin-right: 5px; text-align: left; width: 250px; color: #1e3766; }

#formErr { width: 400px; }
#formErr h2 { font-size: 16px; color: #ffffff; line-height: 20px; padding: 10px 0 10px 20px; margin: 0; }
#formErr p { color: #ffffff; padding: 0 0 10px 20px; margin: 0; }

#extraInfo h2 { margin: 10px 8px 5px 8px; color: #ffffff; }
#extraInfo h3 { margin: 10px 8px 5px 0px; color: #ebf5e2; }
#extraInfo p { margin: 0 8px 5px 8px; color: #ffffff; line-height: 14px; }
#extraInfo ul { margin: 10px; }
.photoRgtL { border: solid 1px #5c5759; position: absolute; bottom: 20px; left: 4px; }
.photoRgtR { border: solid 1px #5c5759; position: absolute; bottom: 20px; right: 4px; }

a.linkItemSide { color: #0E6628; text-decoration: underline; font-weight: normal; background: url(../images/but_bulletG.gif) 0 0.15em no-repeat; padding-left: 12px; }
a:link.linkItemSide { color: #90CD59; text-decoration: underline; font-weight: normal; background: url(../images/but_bulletG.gif) 0 0.15em no-repeat; padding-left: 12px; }
a:active.linkItemSide { color: #90CD59; text-decoration: underline; font-weight: normal; background: url(../images/but_bulletG.gif) 0 0.15em no-repeat; padding-left: 12px; }
a:visited.linkItemSide { color: #90CD59; text-decoration: underline; font-weight: normal; background: url(../images/but_bulletG.gif) 0 0.15em no-repeat; padding-left: 12px; }
a:hover.linkItemSide { color: #ffffff; text-decoration: underline; font-weight: normal; background: url(../images/but_bulletG.gif) 0 0.15em no-repeat; padding-left: 12px; }

.note { font-size: 11px; color: #5c5759; }
#pagePad1 { padding-bottom: 50px; }
#pagePad2 { padding-bottom: 100px; }
#pagePad3 { padding-bottom: 200px; }
#pagePad4 { padding-bottom: 250px; }

#conditions { margin: 0 20px 36px 270px; }
#conditions h4 { font-weight: bold; font-size: 1.25em; line-height: 18px; margin: 18px 0 9px 0; padding: 0; }
#conditions p { margin: 0 0 9px 0; padding: 0; }
#conditions span { margin: 0; padding: 0; float:left; display:block; width: 40px; }
#conditions p.num-1 { clear:both; }
#conditions p.num-2 { margin-left: 20px; }
#conditions p.num-3 { margin-left: 40px; }
#conditions p.num-1 span { font-size:1.1em; color:#0e6628; }
#conditions p.num-2 span { font-size:1.1em; color:#0e6628; width: 25px; }
#conditions p.num-3 span { font-size:1.1em; color:#0e6628; width: 25px; }
#conditions h4 span { font-size:1.25em; color:#0e6628; line-height: 18px; }

#listNews { margin: 0 266px 0 260px; }
#listNews h3 { margin: 0 10px 6px 10px; padding-top: 8px; color: #0e6628; }
#listNews p { margin: 0 10px 10px 10px; }
#listNews li { clear: both; margin-bottom: 20px; width: 380px; height: 115px; background: url(../images/news_bg.gif) no-repeat; }
#listNews img.photo { float: left; border: solid 1px #5c5759; margin: 0 10px 10px 0; }
#listNews a { color: #0e6628; }
#listNews a:hover { color: #1e3766; }
