html { height: 100%; }
body { height: 100%; font-family: Arial, Helvetica, San-Serif; font-size:12px; line-height: 16px; text-align: left; margin: 0; margin-top: 15px; background-color: #BBBAB9;}

#bodyback {
  background:url("../images/back.jpg") repeat-x scroll 0 0 transparent;
  height:600px;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}

#outer {
  width: 920px;
  margin: 0px auto;
  margin-top: 15px;
  text-align: left;
  background-color: #FFFFFF;
  border: none;
  color: #2E5068;
}

#header {
  position: relative;
  padding: 0px;
}

#header_left {
  background:transparent url(../images/left_top.jpg) no-repeat scroll left top;
  float: left;
  height: 105px;
  width: 238px;
}

#header_left .desc {
  position: absolute;
  float: left;
  top: 50px;
  left: 18px;
  font-size: 12px;
}

#header_center {
  background: #FFFFFF;
  float: left;
  height: 105px;
  width: 140px;
}
#header_center .content {
  margin-top: 68px;
  margin-left: 28px;
}

#header_center .login {
  position: relative;
  float: right;
  top: 60px;
  left: 528px;
  font-size: 10px;
}

#header_center .desc {
  position: relative;
  float: left;
  top: 76px;
  left: 24px;
  font-size: 12px;
}

#header_right {
  background:transparent url(../images/right_top.gif) no-repeat scroll right top;
  float: right;
  height: 105px;
  width: 542px;
}

#navigation {
  position: relative;
}

#content {
  float: left;
  background: #FFFFFF;
  padding: 0px;
  width: 920px;
}

#cont_inner {
  padding: 14px;
}

#topline {
  float: left;
  width: 100%;
  margin-left: 3px;
  margin-bottom: 14px;
  line-height: 1.6em;
}

#topline .ldesc {
  float: left;
}

#topline .rdesc {
  float: right;
  margin-right: 8px;
}

#products {
  float: left;
  background: #FFFFFF;
  padding: 0px;
  width: 100%;
  height: 536px;
  margin-left: 3px;
}

#prod1 {
  float: left;
  background: #F8F8F9;
  padding: 0px;
  width: 180px;
  height: 100%;
}

#prod2 {
  float: left;
  background: #F8F8F9;
  padding: 0px;
  width: 692px;
  height: 100%;
  margin-left: 14px;
}

#prod3 {
  float: left;
  background: #F8F8F9;
  padding: 0px;
  width: 211px;
  height: 100%;
  margin-left: 14px;
}

#prod4 {
  float: left;
  background: #F8F8F9;
  padding: 0px;
  width: 211px;
  height: 100%;
  margin-left: 14px;
}

.prodlink {
  float: right;
  position: relative;
  top: 338px;
  margin-right: 12px;
  color: #69779A;
  font-size: 11px;
}

.prodimg {
  margin-top: 16px;
  margin-bottom: 16px;
  margin-left: 0px;
}

#page1 .col1 {width: 100%; height: 100%; margin-right: 10px;}
.block .left_top {background:url(../images/pro_left_top.gif) left top no-repeat; width:100%; height: 536px;}
.block .right_top {background:url(../images/pro_right_top.gif) right top no-repeat;}
.block .right_bot {background:url(../images/pro_right_bot.gif) right bottom no-repeat;}
.block .left_bot {background:url(../images/pro_left_bot.gif) left bottom no-repeat;}
.block .left_bot_pro {background:url(../images/pro_left_bot_test.gif) left bottom no-repeat;}
.block .left {background:url(../images/pro_border.gif) repeat-y left}
.block .top {background:url(../images/pro_border.gif) repeat-x top}
.block .right {background:url(../images/pro_border.gif) repeat-y right}
.block .bot {background:url(../images/pro_border.gif) repeat-x bottom;}
.block .content {padding: 8px;}
.block .header {font-family: Verdana; font-size: 18px; line-height: 22px; text-align: left; color: #69779A; margin-top: 10px;}
.block .desc {margin-top: 18px; color: #69779A;}

.block .column1 {width: 190px; height: 100%; float: left; margin-top: 18px; overflow: hidden; font-size: 12px; text-align: left; color: #2E5068}
.block .column2 {width: 190px; height: 100%; float: left; padding-left: 29px; padding-right: 30px; margin-top: 18px; overflow: hidden; font-size: 12px; text-align: left; color: #2E5068}
.block .column3 {width: 190px; height: 100%; float: left; margin-top: 18px; overflow: hidden; font-size: 12px; text-align: left; color: #2E5068}

#bottom_block {float: left; width: 100%; margin-top: 24px;}
.bot_block .left { float: left; margin: 0px; width: 400px;}
.bot_block .right {float: right; margin-right: 6px; width: 436px;}
.bot_block .right_header { float: left; margin-bottom: 12px;}
.bot_block .pic1 {float: left;}
.bot_block .pic2 {float: right; margin-left: 8px;}

#copyright {float: left; width: 100%; margin-top: 24px; margin-bottom: 6px; margin-left: 14px; position: relative;}

#leftbotcorn {
  position: relative;
  background:transparent url(../images/left_bottom.gif) no-repeat scroll left bottom;
  float: left;
  height: 98px;
  width: 542px;
}

#bot_lef_cor {
  background:transparent url(../images/left_bottom.gif) no-repeat scroll left bottom;
  position: relative;  
  float: left;
  width: 920px;
  height: 596px;
}

a.getbutton {
background:transparent url(../images/getbutton1.png) no-repeat scroll 0 0;
display:block;
height:32px;
margin-top: 8px;
padding-top: 2px;
}

a.getbutton:hover {
background-position:-190px 0;
text-decoration:none;
}

#postbutton {
background:transparent url(../images/postbutton2.png) no-repeat scroll 0 0;
width: 148px;
height: 26px;
float: center;
display: block;
font-family:Verdana;
font-size:12px;
font-weight:bold;
line-height:26px;
cursor:default;
color:#FFFFFF;
text-decoration:none;
cursor: pointer;
}

#postbutton:hover {
background-position:-148px 0;
text-decoration:none;
}

#infoblock {
  margin-top: 40px;
  color: #2E5068;
  font-size: 12px;
  text-align: left;
  padding-left: 2px;
  padding-right: 2px;
  text-decoration: none;
}

#infoblock a, active, link, visited, hover {
  color: #2E5068;
  text-decoration: none;
}

/******************/
table.conttable {
   margin-top: 0px;
   border-collapse: collapse;
   height: 316px;
}

table.capttable {
   margin-top: 0px;
   border-collapse: collapse;
   height: 40px;
}

tbody.block {
   background-color: #f3f3f3;
   border-width: 1px;
   border-style: solid;
   border-color: #E3E3E3;
   border-width-bottom: 0px;
}

label {
   letter-spacing: 1px;
   font-size: 11px;
   vertical-align: top;
   text-align: right;
   padding-left: 3px;
   padding-bottom: 1px;
   margin-right: 10px;
   border-bottom: 1px dotted;
   border-bottom-color: #dadada;
}

label.marker {
background:url("../images/inmark.gif") no-repeat scroll right center transparent;
border-bottom-color:#BCC9E5;
padding-right:12px;
}

input, textarea, select {
border:1px inset #EAEAEA;
color:#333333;
font-size:12px;
padding:1px 2px;
}

#botarea {
  width: 24px;
  visibility: hidden;
}
