/* CSS Document */

body{
	margin:0px;
	background-color: #FFF;
}

td {
	font-size: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;

}
a:hover {
	color: #F99A00;
	text-decoration: underline;
}
a:active {
	color: #000;
	text-decoration: none;
}

.title {font-size: 14px; color: #155579; font-weight:bold}
.title1 {font-size: 13px; color: #000; font-weight:bold}
.title2 {font-size: 12px; color: #EAFD1A; font-weight:none}

.white a:link {color: #000; text-decoration: none;}
.white a:visited {color: #000; text-decoration: none;}
.white a:hover {color: #FFFFFF; text-decoration: underline;}
.white a:active {color: #000; text-decoration: none;}

.black a:link {color: #000; text-decoration: none;}
.black a:visited {color: #000; text-decoration: none;}
.black a:hover {color: #000; text-decoration: underline;}
.black a:active {color: #000; text-decoration: none;}

.btd{ background-color: #639029;}

.headbg{ background:url(headbg_1.gif);height:26px;margin:0 auto; border-left:1px #e4e4e4 solid; border-right:1px #e4e4e4 solid;}
.headbg a:link { TEXT-DECORATION: none;; font-size: 12px; color: #3366CC; }
.headbg a:visited { TEXT-DECORATION: none; font-size: 12px; color: #3366CC; }
.headbg a:hover {  TEXT-DECORATION: none; font-size: 12px; color:#F99A00; }
.headbg a:active { text-decoration: none; font-size: 12px; color: #3366CC; }

.menu { TEXT-DECORATION: none;; font-size: 12px; color: #000;  }
.menu a:link { TEXT-DECORATION: none;; font-size: 14px; color: #000; font-weight:bold;}
.menu a:visited { TEXT-DECORATION: none; font-size: 14px; color: #000; font-weight:bold;}
.menu a:hover {  TEXT-DECORATION: underline;  font-size: 14px; color:#ffffff; font-weight:bold;}
.menu a:active { text-decoration: none; font-size: 14px; color: #000; font-weight:bold;}

.ltop {background:url(ltop.gif) no-repeat;width:9px;height:9px;}
.lmid {background:url(lmid.gif); margin:0 auto;}
.rtop {background:url(rtop.gif) no-repeat;width:9px;height:9px;}
.rmid {background:url(rmid.gif); margin:0 auto;}
.topmid {background:url(topmid.gif); margin:0 auto;}
.bottommid {background:url(bottommid.gif); margin:0 auto;}
.lbottom{*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lbottom.gif',sizingMethod='image');}
.rbottom{*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rbottom.gif',sizingMethod='image');}
.ltop{*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ltop.gif',sizingMethod='image');}
.rtop{*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rtop.gif',sizingMethod='image');}

.tdd1 {background:url(td1.gif) no-repeat;width:200px;height:6px;}
.tdd2 {background:url(tdbg.gif); margin:0 auto;}
.tdd3 {background:url(td2.gif) no-repeat;width:200px;height:8px;}


.kx1 {background:url(kx1.gif) no-repeat;width:235px;height:52px;}
.kxbg {background:url(kxbg.gif); margin:0 auto;}
.kx2 {background:url(kx2.gif) no-repeat;width:235px;height:37px;}


.lx1 {background:url(lx1.gif) no-repeat;width:200px;height:44px;}
.lxbg {background:url(lxbg.gif); margin:0 auto;}
.lx2 {background:url(lx2.gif) no-repeat;width:200px;height:23px;}

.sp{display:block}
.sp *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FFFFFF}
.sp1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #a6bf85;
  border-right:1px solid #a6bf85;
  background:#d8e3c9}
.sp2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #729b3e;
  border-right:1px solid #729b3e;
  background:#e1e9d6}
.sp3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e1e9d6;
  border-right:1px solid #e1e9d6;}
.sp4{
  border-left:1px solid #a6bf85;
  border-right:1px solid #a6bf85}
.sp5{
  border-left:1px solid #d8e3c9;
  border-right:1px solid #d8e3c9}
.spfg{
  background:#FFFFFF}

.price {color: #999999;font-size: 12px;}
.price0{color: #FD9C03;font-weight: bold;font-size: 16px;}
.price1{color: #FD9C03;font-weight: bold;font-size: 14px;}
.price2{color: #618F2C;font-size: 12px;}
.color1{color: #FD9C03;}

.td4 {border:1px solid #dddddd;}

.input1 { width:220px; padding:2px;BORDER-RIGHT: #ffffff 0px solid; FONT-SIZE: 13px; HEIGHT: 23px; color:#cccccc; }

.sec1  {
cursor:  hand;
color:  #000;
border-right:1px #DCDCDC solid;
}
.sec2  {
background:#fff;
font-size:13px;
font-weight:bold;
cursor:  hand;
border-top:1px #FAC128 solid;
border-left:1px #DCDCDC solid;
border-right:1px #DCDCDC solid;
}
Get the Code: HTML

<div>
  <b class="sp">
  <b class="sp1"><b></b></b>
  <b class="sp2"><b></b></b>
  <b class="sp3"></b>
  <b class="sp4"></b>
  <b class="sp5"></b></b>

  <div class="spfg">
    <!-- content goes here -->
  </div>

  <b class="sp">
  <b class="sp5"></b>
  <b class="sp4"></b>
  <b class="sp3"></b>
  <b class="sp2"><b></b></b>
  <b class="sp1"><b></b></b></b>
</div>