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: 18px;
  line-height: 1.6em;
}

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

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

#prod2 {
  float: left;
  background: #F8F8F9;
  padding: 0px;
  width: 661px;
  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: 563px;}
.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: 623px;
}

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/getbutton2.png) no-repeat scroll 0 0;
width: 158px;
height: 26px;
margin-top: 6px;
float: left;
display: block;
font-family:Verdana;
font-size:12px;
font-weight:bold;
line-height:26px;
cursor:default;
color:#FFFFFF;
text-decoration:none;
padding-left: 32px;
}

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