BODY { color: #204A91; font-family: arial; font-size: 9pt; }
H1 { font-size: 12pt; font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px; }
H2 { font-size: 11pt; font-weight: bold; margin: 0px 0px 1px 0px; padding: 0px; }
H3 { font-size: 10pt; font-weight: bold; margin: 0px 0px 1px 0px; padding: 0px; }
H4 { font-size: 9pt; font-weight: bold; margin: 0px 0px 1px 0px; padding: 0px; }
P { font-size: 9pt; margin: 0px 0px 10px 0px; padding: 0px; }
LI { font-size: 9pt; margin: 0px 0px 2px 0px; padding: 0px; }
A { color: #204A91; font-size: 9pt; text-decoration: none; }
IMG { border-width: 0px; }
#canvas { position:absolute; width:760px; left:50%; margin-left:-380px; }
#header { background-image: url(images/logoflag.gif); background-repeat: repeat-x; background-position: bottom; }
#footer-back { clear: both; padding-left: 5px; margin-bottom: 5px; }
#footer-back A { font-weight: bold; }
#footer { background-image: url(images/tiretrack1.gif); background-repeat: repeat-x; clear: both; color: White; font-size: 9pt; height: 35px; padding-top: 13px; text-align: center; }

#menu { background-image: url(images/menu-background.gif); background-repeat: repeat-x; height: 30px; list-style: none; margin: 0px; padding: 0px; }
#menu LI { float: left; margin: 0px; padding: 0px; }
#menu LI.item { background-image: url(images/menu-separator.gif); background-position: right; background-repeat: no-repeat; float: left; margin: 0px; padding: 0px 1px 0px 0px; }
#menu LI.item A { background-image: url(images/menu-background.gif); background-repeat: repeat-x; color: White; float: left; line-height: 30px; margin: 0px; padding: 0px 5px 0px 5px; vertical-align: middle; }
#menu LI.item A.selected { background-image: url(images/menu-background-selected.gif); background-repeat: repeat-x; color: White; float: left; line-height: 30px; margin: 0px; padding: 0px 5px 0px 5px; vertical-align: middle; }
#menu LI.item A:hover { background-image: url(images/menu-background-hover.gif); background-repeat: repeat-x; }

#news-list { float: left; width: 370px; margin: 10px 5px 10px 5px; clear: both; }
#news-list A { color: #204A91; }
#news-list TD.news-document { width: 10px; padding: 0px 5px 0px 10px; }
#news-list TD.news-link { width: 10px; padding: 0px 10px 0px 5px; }
#news-list TBODY TD { border-bottom: solid 1px #ebebeb; height: 29px; }
#news-list TFOOT TD { padding-top: 10px; }
#news-detail { float: right; padding: 10px 5px 10px 0px; width: 360px; }
#news-detail H1 { margin: 0px 0px 5px 0px; }
#news-detail LABEL { display: block; color: #999999; font-size: 9pt; margin: 0px 0px 10px 0px; }

#sub-menu { float: left; width: 210px; margin: 20px 5px 10px 0px; padding: 0px; clear: both; }
#sub-menu A { border-bottom: solid 1px #ebebeb; display: block; font-weight: bold; padding: 5px; }
#sub-menu A.selected { background-color: #204A91; border-bottom: solid 1px #ebebeb; color: White; display: block; font-weight: bold; padding: 5px; }
#sub-menu A:hover { background-color: #204A91; border-bottom: solid 1px #ebebeb; color: White; display: block; font-weight: bold; padding: 5px; }
#sub-menu A.selected:hover { background-color: #4D99E4; border-bottom: solid 1px #ebebeb; color: White; display: block; font-weight: bold; padding: 5px; }

#content-standard { float: right; width: 530px; margin: 23px 5px 10px 0px; padding: 0px; height: 400px; overflow: auto;  }
#content-standard A { text-decoration: underline; }
#content-standard A:hover { text-decoration: none; }
#content-standard TD { font-size: 9pt; padding-right: 20px; }
#content-full { width: 750px; margin: 23px 5px 10px 5px; padding: 0px; clear: both; height: 400px; overflow: auto; }
#content-full A { text-decoration: underline; }
#content-full A:hover { text-decoration: none; }
#content-full TD { font-size: 9pt; padding-right: 20px; }

#first-functions { float: right; margin: 10px 5px 10px 0px; padding: 0px; width: 360px; }
#freight-search { background-color: #F7DB00; margin: 0px 0px 10px 0px; padding: 5px 10px 5px 10px; }
INPUT.freight-search-data { border-color: #F6D200; margin: 0px 0px 6px 0px; padding: 0px; width: 250px; }
INPUT.freight-search-action { margin: 0px; padding: 0px; }

#member-link { background-image: url(images/member-link.jpg); background-repeat: no-repeat; float: right; height: 110px; width: 175px; cursor: pointer; }
#member-link H2 { color: White; font-size: 14pt; font-weight: normal; margin-top: 12px; width: 175px; text-align: center; }
#member-link P { color: White; font-weight: normal; width: 175px; text-align: center; }
#customer-link { background-image: url(images/customer-link.jpg); background-repeat: no-repeat; float: left; height: 110px; width: 175px; cursor: pointer; }
#customer-link H2 { color: White; font-size: 14pt; font-weight: normal; margin-top: 12px; text-align: center; width: 175px; }
#customer-link P { color: White; font-weight: normal; width: 175px; text-align: center; }

/* INPUT */
.input-validation { color: Red; font-size: 9pt; }
TD.buttons { padding: 10px 0px 0px 0px; }

TABLE.input TD { font-size: 9pt; }
TABLE.input TH { font-size: 9pt; font-weight: normal; padding: 5px 10px 0px 10px; text-align: right; vertical-align: top; white-space: nowrap; }

#contact-mail INPUT.name { width: 200px; }
#contact-mail INPUT.phone-number { width: 200px; }
#contact-mail INPUT.email-address { width: 300px; }
#contact-mail TEXTAREA.text { width: 375px; }

#notification-of-interest INPUT.name { width: 200px; }
#notification-of-interest INPUT.phone-number { width: 200px; }
#notification-of-interest INPUT.email-address { width: 300px; }
#notification-of-interest TEXTAREA.text { width: 375px; }

#job-opening-list { float: left; width: 520px; margin: 10px 5px 10px 5px; clear: both; }
#job-opening-list A { color: #204A91; }
#job-opening-list TD.list-icon { width: 10px; padding: 0px 5px 0px 10px; }
#job-opening-list TD.list-buttons { width: 10px; padding: 0px 10px 0px 5px; }
#job-opening-list TBODY TD { border-bottom: solid 1px #ebebeb; height: 29px; }
#job-opening-list TFOOT TD { padding-top: 10px; }
#job-opening-reply INPUT.name { width: 200px; }
#job-opening-reply INPUT.phone-number { width: 200px; }
#job-opening-reply INPUT.email-address { width: 300px; }
#job-opening-reply TEXTAREA.text { width: 375px; }

#member-list { float: left; width: 500px; margin: 10px 5px 10px 5px; clear: both; }
#member-list A { color: #204A91; }
#member-list TD.list-icon { width: 10px; padding: 0px 5px 0px 10px; }
#member-list TD.list-buttons { width: 10px; padding: 0px 10px 0px 5px; }
#member-list TBODY TD { border-bottom: solid 1px #ebebeb; height: 29px; }
#member-list TFOOT TD { padding-top: 10px; }
#member-detail .contact { margin-top: 10px; }

#staff-list { float: left; width: 500px; margin: 10px 5px 10px 5px; clear: both; }
#staff-list A { color: #204A91; }
#staff-list TD.list-icon { width: 10px; padding: 0px 5px 0px 10px; }
#staff-list TD.list-buttons { width: 10px; padding: 0px 10px 0px 5px; }
#staff-list TBODY TD { border-bottom: solid 1px #ebebeb; height: 29px; }
#staff-list TFOOT TD { padding-top: 10px; }
#staff-list .group-header TD { font-weight: bold; }
#staff-detail .phone { margin-bottom: 10px; }

#gallery-list table { margin: 0px; }
#gallery-list td { padding: 0px 8px 5px 0px; vertical-align: top; }
#gallery-list a { text-decoration: none; }

#gallery-folder table { margin: 0px; }
#gallery-folder td { padding: 0px 8px 5px 0px; vertical-align: top; }

#order-form input.name, #order-form input.phone-number, #order-form input.address, #order-form input.postal-address, #order-form input.delivery-address, #order-form input.email-address  { width: 200px; }
#order-form select.service-type { width: 200px; }
#order-form textarea.text { width: 200px; height: 50px; }

#shaft-calculator .input-table TD.label { width: 50px; }
#shaft-calculator .input-table SELECT { width: 250px; }
#shaft-calculator .input-table INPUT.length { width: 50px; }
#shaft-calculator .input-table INPUT.width { width: 50px; }
#shaft-calculator DIV.info { float: left; width: 250px; }
#shaft-calculator DIV.images { float: left; width: 250px; background-color: #fbf4e2;}
#shaft-calculator DIV.images .image { float: left; width: 125px; height: 150px; }
#shaft-calculator DIV.images a { font-weight: bold; }
#shaft-calculator DIV.main { float: right; width: 460px; }
#shaft-calculator .quoation-request input.name { width: 200px; }
#shaft-calculator .quoation-request input.address { width: 200px; }
#shaft-calculator .quoation-request input.postal-address { width: 200px; }
#shaft-calculator .quoation-request input.delivery-address { width: 200px; }
#shaft-calculator .quoation-request input.phone-number { width: 200px; }
#shaft-calculator .quoation-request input.email-address { width: 200px; }
#shaft-calculator .quoation-request td.label { width: 125px; }