body {
        font-family: tahoma;
        font-size: 11px;
        color: #333333;
        margin: 0;
        background: #FFFFFF;
        text-align: justify;
        }
div#cont {
  position: relative;
  width: 985px;
	margin-left: auto;
	margin-right: auto;
    padding-bottom: 10px;
}
p {
  padding: 0 10px 0 10px;
}
img {
  border: 0;
}
img.logo {
  padding: 0 0 10px 0;
}
/*banner atas*/
#banner {
      float:right;
      margin: 10px 0 0 0;
}

/* menu */
#mn {
      float:left;
      width:100%;
      font: 12px/1em Verdana;
      font-weight: bold;
      line-height:normal;
      background: #999 url(../img/mnmid2.jpg) repeat-x;
      margin: 10px 0 20px 0;
      height: auto;
      }
#mn em#l{
      background: url(../img/mndpn2.jpg) no-repeat left top;
      float: left;
      display: block;
      width: 15px;
      height: 37px;
}
#mn em#r{
      background: url(../img/mnbck2.jpg) no-repeat right top;
      float: right;
      display: block;
      width: 15px;
      height:37px;
}
    #mn ul, .mki ul {
        margin:0;
        padding:0;
        list-style:none;
      }
    #mn li {
      display:inline;
      margin:0;
      padding:0;
      }
    #mn a {
      float:left;
      background:url("../img/kiri2.jpg") no-repeat left top;
      margin:0;
      padding:0 0 0 1px;
      text-decoration:none;
      }
    #mn a span {
      float:left;text-align: center;
      display:block;
      background:url("../img/kanan2.jpg") repeat-x right top;
      padding:11px 15px 10px 15px;
      color:#333;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #mn a span {float:none;}
    /* End IE5-Mac hack */
    #mn a:hover {
      background:url("../img/mnhvrkir2.jpg") no-repeat left top;
    }
    #mn a:hover span {
      color:#333;background:url("../img/mnhvrkan2.jpg") repeat-x right top;
      }
    #mn a:hover {
      background-position:0% -37px;
      }
    #mn a:hover span {
      background-position:100% -37px;

      }
        #mn #current a {
                background-position:0% -37px;
        }
        #mn #current a:hover {
               background:url("../img/kiri2.jpg") no-repeat left top;
        }
        #mn #current a:hover {
                background-position:0% -37px;
        }
        #mn #current a span {
                background-position:100% -37px;
                color: #FFF;
        }
        #mn #current a:hover span {
                background:url("../img/kanan2.jpg") repeat-x right top;
                color: #FFF;
        }
        #mn #current a:hover span {
                background-position:100% -37px;
                color: #FFF;
        }
#mn form {
      float:left;
      background:url("../img/kiri2.jpg") no-repeat left top;
      margin:0;
      padding: 6px 0 4px 15px;
    }
/*end menu*/
/*content*/
/*bagian kiri*/
#kiri {
  width: 172px;
  float: left;
}
/*end content*/
/*menukiri*/
.mki {
  border: 1px solid #CCCCCC;
}

.mki li{
  padding: 3px 10px 3px 10px;
  margin: 0;
}
.mki li.c{
  background: #E8E8E8;
}
.mki li.h{
  font-size: 17px;
  font-family: Trebuchet MS;
  color: #000;
  background: #EFEFEF;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
/*bagian tengah*/
#tengah{
  float: left;width: 585px;
}
#tengahsearch{
  float: left;
}
#container .column {
position: relative;
float: left;
}
#content{
padding:0px 12px 50px 21px;
float:center;
}
#content2{
padding-left:10px;
width: 795px;
float:center;
border: 1px solid #CCCCCC;
}
#content p{
padding:3px 0 0 5px;
margin:5px 10px 0 0;
}
#content2 p{
padding:3px 0 0 5px;
margin:5px 10px 0 0;
}
.header{
font-family: Calibri;
color:#666666;
font-size:20px;
display:block;
width:544px;
float:left;
padding:15px 0 0 0px;
border-bottom: 1px solid #CCCCCC;
}
.pad25{
padding-top:5px;
}
.stuff{
margin:5px 0 0 0;
float:center;

}
.item{
width:136px;
float:left;
margin:4px 0px 4px 2px
}
.closeup{
margin:10px 0px 4px 2px
}
.item2{
width:180px;
float:left;
margin:4px 0px 4px 2px
}
.item3{
width:268px;
float:left;
margin:4px 0px 4px 2px
}
.item img{
float:left;
border: 1px solid #CCCCCC;
}
.item2 img{
float:left;
border: 1px solid #CCCCCC;
}
.item3 img{
float:left;
border: 1px solid #CCCCCC;
}
.brosur{
width:180px;
float:left;
margin:4px 0px 4px 2px
}
.nama{
color:#333;
text-decoration: none;
float:center;
margin:0 10px 0 0;
}
.name{
font-family:Tahoma;
font-size:12px;
color:#4A4A4A;
text-decoration:underline;
font-weight:bold;
float:center;
margin:0 10px 0 0;
}
.name2{
font-family:Tahoma;
font-size:12px;
color:#4A4A4A;
text-decoration:underline;
font-weight:bold;
float:center;
margin:0 0 0 0;
}
.name3{
font-family:Tahoma;
font-size:12px;
color:#4A4A4A;
text-decoration:underline;
font-weight:bold;
float:center;
margin:0 0 0 0;
}
.item span{
color:#E27C0E;
font-weight:bold;
font-size:12px;
display:block;
width:124px;
float:left;
padding:5px 0 0 0;
}
.item2 span{
color:#E27C0E;
font-weight:bold;
font-size:12px;
display:block;
width:175px;
float:left;
padding:5px 0 0 0;
}
.item3 span{
color:#E27C0E;
font-weight:bold;
font-size:12px;
display:block;
width:268px;
float:left;
padding:5px 0 0 0;
}
.name:visited, .reg:visited, .more:visited{text-decoration:underline}
.name:hover, .reg:hover, .more:hover{text-decoration:none}
#about{
width:517px;
padding:8px 0 0 5px;
float:left;
margin:-10px 0 0 0;
}
.tree{
width:100%;
height:20px;
border-bottom:1px solid #BABABA;
padding:0 0 3px 0;
}
.tree a{
color:#4A4A4A;
text-decoration:underline
}
.tree a:visited{text-decoration:underline}
.tree a:hover{text-decoration:none}
.photos{
width:227px;
float:left;
padding:25px 17px 0 0
}
.moreph{
display:block;
background-image:url(../img/morebg.gif);
background-position:top left;
background-repeat:no-repeat;
width:92px;
line-height:17px;
color:#FFF;
text-decoration:none;
padding:0 0 0 14px;
margin:0 0 20px 18px
}
.comments{
background-image:url(../img/bulb.jpg);
background-position:top left;
background-repeat:no-repeat;
padding:0 0 5px 29px;
margin:0 0 0 18px;
color:#0283DD;
line-height:25px;
text-decoration:underline
}
.comments:visited{text-decoration:underline}
.comments:hover{text-decoration:none}
.description{
width:253px;
float:left;
padding:25px 0 0 17px;
position:relative
}
#about .description p{
padding:0 0 15px 0;
}
.description u{
font-size:12px;
color:#4A4A4A;
font-weight:bold
}
.header1{
font-size:20px;
font-family: Calibri;
color:#4A4A4A;

}
.header2{
font-size:20px;
font-family: Calibri;
color:#4A4A4A;
padding:0 0 0 8px;
}
.price{
position:absolute;
top:28px;
right:0px;
color:#E27C0E;
font-size:12px;
font-weight:bold
}
#features li{
list-style-type:none;
width:180px;
}
#features span{
width:150px;
float:left;
}
#about button{
background-image:url(../img/add.gif);
background-position:top left;
background-repeat:no-repeat;
border:0px;
float:left;
font-weight:bold;
width:104px;
font-family:Tahoma;
font-size:11px;
color:#5B5B5B;
margin:21px 3px 0 0;
padding:4px 0 6px 0
}
.carts{
padding:21px 0 0 0;
float:left
}
/*bagian kanan*/
#kanan{
width: 238px;
float: left;
margin-right: -230px;
}
#kanan2{
width: 172px;
float:right;
}
.mka {
padding-top:7px ;
  }
.mka li{
  padding: 3px 10px 3px 10px;
  margin: 0;}
.mka p{
  padding: 3px 10px 3px 8px;
  margin: 0;
}
.mka li.c{
  background: #E8E8E8;
}
.mka h{
  font-size:20px;
  font-family: Calibri;
  color:#4A4A4A;
  padding:0 0 0 8px;
  background: #EFEFEF;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}
.rightblock{
padding:0 0 0 0
}
.blocks{
width:228px;
margin:0 0 0 0
}
.blocks li{
  padding: 3px 0 3px 0;
  margin: 0;
  }
.payment{
color:#E27C0E;
/* color:#0283DD; */
width:224px;
}

#news{
padding:0px 0px 10px 5px;
float:left;
width:219px;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}
#news p{
display:block;
float:left;
width:199px;
}
.more{
display:block;
float:left;
color:#0283DD;
text-decoration:underline;
margin:5px 0 0 0
}

/*footer*/
#footer {
clear: both;
border-top: 2px solid #B7C1C4;
padding:5px 0 5px 0;
width:985px;
text-align:center;

color:#323232;
}
#footer a{
color:#323232;
text-decoration:none;
margin:0 3px;
}
#footer .terms{
color:#0283DD;
}
#footer .terms2{
color:#4A4A4A;
}
#footer p{
padding:10px 0 0 0
}
#footer #bft{
color:#8E190B;
text-decoration:underline;
margin:0px
}
#footer #bft:visited{text-decoration:underline}
#footer #bft:hover{text-decoration:none}