body
{

background-image:url('images/garis_pinggir.jpg');
background-repeat:repeat-y;
background-position:center;
text-align:center;
}

div.front_top
{
margin: 0 auto;
width:900px;
text-align:center;

}
div.front_middle
{
margin: 0 auto;  
width:900px;

}

div.front_bottom
{
margin:20 auto;  
width:900px;
height:40px;
background-color:#f90;
text-align:center;
clear:both;
}

/*div.top_link
{
display:inline-table;
visibility:hidden;
margin: 0px 0px 0px -18%;
position:absolute;
font-size:small;
font-family:tahoma;
color:#930;
}
div.top_link2
{
display:inline-table;
visibility:hidden;
margin: 0px 0px 0px -20%;
position:absolute;
font-size:small;
font-family:tahoma;
color:#930; 
}   */

ul.front_top
{
display:inline-table;
margin:0;
padding:0;
border:0;
width:900px;
list-style-type: none;
text-align:left;      
}

li.front_top
{
display:inline-table;
margin:0;
padding:0;
border:0;
}

div.middle_left
{
display:inline;
float:left;
width:200px;
}

div.middle_right
{
display:inline;
width:690px;
}

div.middle
{
display:inline-table;
width:900px;

}

<!-- LINK IMAGES YANG ADA DIATAS -->
/*a.front_top:link
{
border:0;
color:#ffffff;
}
a.front_top:visited
{
border:0;
color:#ffffff;
}
a.front_top:hover
{
border:0;
color:#ffffff;
}         */
<!-- ----------------------------- -->
<!-- TOP LINK MENU                 -->
/*a.top_link:link
{
color:#930;
font-style:normal;
text-decoration:none;
}
a.top_link:visited
{
color:#930;
font-style:normal;
text-decoration:none;
}
a.top_link:hover
{
color:#930;
font-weight:bold;
text-decoration:none;
}  */
<!-- ----------------------------- -->
<!-- TOP LINK MENU                 -->


a.image:link
{
color:#FFFFFF;
font-style:normal;
text-decoration:none;
border:0;
}
a.image:visited
{
color:#FFFFFF;
font-style:normal;
text-decoration:none;
}
a.image:hover
{
color:#FFFFFF;
font-style:normal;
text-decoration:none;
}
a.image:active
{
color:#FFFFFF;
font-style:normal;
text-decoration:none;
}

 
img.image
{
display: inline-table;
vertical-align: left;
border:0;   
margin:0;
padding:0;
}


font.top
{
    font-family:tahoma;
    color:#ff9600;    
    font-size:16; 
}

font.normal
{
    font-family:tahoma;
    color:#25221e;    
    font-size:12; 
}   

/*UNTUK BAGIAN PRODUCT*/

div.left
{
display: block;
border: 1px solid;
border-color:bbbbbb;
/*border-color: #aaa #000 #000 #aaa;*/
width: 200;
height:30;
background: #eeeeee;
font-family:tahoma;
font-size:13;
padding:5 0;
color:#25221e;
text-decoration:none;
margin:0 0 -1 0;
}

a.left {
display: block;
border: 1px solid;
border-color:bbbbbb;
/*border-color: #aaa #000 #000 #aaa;*/
width: 200;
height:30;
background: #eeeeee;
font-family:tahoma;
font-size:13;
padding:5 0;
color:#25221e;
text-decoration:none;
margin:0 0 -1 0;  
}

a.left:hover
{
position: relative;
/*top: 1px;*/
/*left: 1px;*/
/*border-color: #000 #aaa #aaa #000;*/
background: #ffffff;
margin:0 0 -1 0;    
} 

table.product
{
font-size:12;
color:grey;
font-family:tahoma;
border: 1px solid;
border-color:bbbbbb;
border-collapse:collapse;
}

th.product
{
width:100px;
height:50px;
border: 1px solid;
border-color:bbbbbb;
text-align:center;
font-weight:bold;
}
td.product
{
border: 1px solid;
border-color:bbbbbb;
height:25px;
padding: 0 0 0 5;
}
                

/*FOR IMAGES*/

div.img
  {
  margin:2px;
  border:1px solid #0000ff;
  height:auto;
  width:auto;
  float:left;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  }
div.img a:hover img
  {
  border:1px solid #0000ff;
  }
div.desc
  {
  text-align:center;
  font-weight:normal;
  font-family:tahoma;
  font-size:12px;
  width:200px;
  height:20;
  }