html {
height: 100%;
}
body {
margin: 0px;
padding: 0px;
height: 100%;
font: 10pt Arial, Helvetica, sans-serif;
color: #585752;
text-align: center;
background-color: #bfbebd;
}
a {
text-decoration: none;
}
#wrapper {
width: 700px;
min-height: 100%;
margin: 0px auto;
padding: 0px 37px;
text-align: left;
background: url(../images/bodybg.png) center top repeat-y;
}
#header {
position: relative;
width: 700px;
height: 176px;
background: #bab9b8 url(../images/headerbg.jpg) no-repeat;
}
#logo, #logoindex {
display: block;
position: absolute;
width: 342px;
height: 112px;
top: 63px;
left: 179px;
background: url(../images/logo.png);
}
#navmain, #navmain1, #navmain2 {
padding: 0px 30px 15px;
text-align: center;
color: #8d8c8b;
background-color: #bab9b8;
}
#navmain a:link, #navmain a:visited {
color: #fff;
padding: 0px 15px;
}
#navmain1 a:link, #navmain1 a:visited {
color: #fff;
padding: 0px 12px;
}
#navmain2 a:link, #navmain2 a:visited {
color: #fff;
padding: 0px 7px;
}
#navmain a:hover, #navmain a:active,
#navmain1 a:hover, #navmain1 a:active,
#navmain2 a:hover, #navmain2 a:active {
color: #C00101;
}
#navmain a.current:link, #navmain a.current:visited,
#navmain1 a.current:link, #navmain1 a.current:visited,
#navmain2 a.current:link, #navmain2 a.current:visited {
color: #000;
}
h1 {
margin: 0px;
padding: 40px 30px 10px 186px;
font-size: 17pt;
font-weight: normal;
color: #914F4F;
background-color: #f3f3f3;
}
h2 {
margin: 20px 0px 15px;
font-size: 13pt;
font-weight: normal;
color: #914F4F;
}
#content {
padding-bottom: 30px;
background-color: #f3f3f3;
}
#navlang {
width: 151px;
float: left;
font-size: 12pt;
}
#navlang a:link, #navlang a:visited {
display: block;
color: #616161;
padding: 7px 35px 5px 55px;
border-bottom: 1px solid #dad9d8;
}
#navlang a:hover, #navlang a:active {
color: #C00101;
}
#navlang a.current:link, #navlang a.current:visited {
color: #C00101;
}
#rightcol {
width: 434px;
margin-left: 186px;
padding-top: 7px;
line-height: 150%;
}
#rightcol a:link {
color: #669999;
text-decoration: underline;
}
#rightcol a:visited {
color: #585752;
text-decoration: underline;
}
#contentsub {
padding: 30px 55px 30px 186px;
background-color: #e5e4df;
}
#footer {
padding: 20px 55px 30px 55px;
color: #CDCDCD;
}
#footer .title {
padding-bottom: 10px;
font-size: 17pt;
color: #BFBFBF;
border-bottom: 1px solid #6c6c6c;
}
#footer .title1 {
font-size: 13pt;
padding-bottom: 10px;
color: #fff;
border-bottom: 1px solid #6c6c6c;
}
#footer td {
text-align: left;
vertical-align: top;
}
#footer .td1 {
width: 111px;
background: url(../images/phone.gif) left 15px no-repeat;
}
#footer .td2 {
width: 135px;
padding: 10px 0px;
border-bottom: 1px solid #6c6c6c;
line-height: 160%;
}
#footer .td3 {
width: 135px;
padding: 10px 0px;
line-height: 160%;
}
#footer a:link, #footer a:visited {
color: #BFBFBF;
}
#footer a:hover, #footer a:active {
color: #fff;
}
p {
margin: 0px 0px 10px;
}
img {
border: none;
}
form {
display: inline;
}
form p {
margin: 0px 0px 5px;
}
.inputfield, .selectfield {
width: 202px;
margin-bottom: 10px;
}
.inputfield1 {
width: 202px;
margin-left: 5px;
}
.inputfield2 {
width: 424px;
margin-bottom: 10px;
}
.selectfield1 {
width: 424px;
margin-top: 10px;
margin-bottom: 10px;
}
.mandatory {
color: #914F4F;
}
.clear {
display: block;
width: 100%;
height: 0px;
clear: both;
}
.box {
display: block;
float: left;
padding-right: 50px;
}
#sig {
font-size: 8pt;
border-top: 1px solid #6c6c6c;
padding: 15px 0px 0px 126px;
}
.listtable, .formtable {
margin-bottom: 10px;
}
.listtable td {
padding: 4px 5px;
}
.formtable {
width: 434px;
}
.formtable td {
padding: 5px;
vertical-align: top;
}
.coloured1 {
background-color: #e5e4df;
}
.coloured2 {
background-color: #EEEDEA;
}
.w1 {
width: 50%;
}
.w2 {
width: 80px;
}
.w3 {
width: 160px;
}
.w4 {
width: 100px;
}
.w5 {
width: 200px;
}
.title {
color: #333;
}
.underlined1 td {
border-bottom: 1px solid #BAB7A9;
}
.underlined2 td {
border-bottom: 1px solid #DDDCD5;
}
.underlined3 td {
border-bottom: 1px solid #dad9d8;
}
.border {
border-top: 1px solid #DDDCD5;
border-bottom: 1px solid #DDDCD5;
}
.bordertop {
border-top: 1px solid #DDDCD5;
}
.button1 {
font: 10pt Arial, Helvetica, sans-serif;
}

.margleft {
margin-left: 5px;
}
.topspace {
margin: 18px 0px 10px;
}
.item {
font-weight: bold;
color: #914F4F;
}
.frontimage {
display: block;
margin-bottom: 5px;
border: 5px solid #fff;
cursor: pointer;
}
.imgbox1 {
width: 120px;
float: left;
margin: 0px 37px 10px 0px;
font-size: 9pt;
}
.imgbox2 {
width: 120px;
float: left;
margin: 0px 0px 10px 0px;
font-size: 9pt;
}
.notice {
font-weight: bold;
margin: 50px 0px 200px;
}
/*qtip*/
div#qTip {
width: 220px;
text-align: left;
border: 10px solid #fff;
display: none;
position: absolute;
background-color: #fff;
z-index: 1000;
}
div#qTip p {
font: 9pt Arial, Helvetica, sans-serif;
margin: 5px 0px 0px;
}
div#qTip img {
display: block;
}