body { padding:0px; margin:0px; background:url(../images/bg.jpg) repeat;}
table { border-collapse:collapse; border:0px; }
table {	height:100%; border:0px; }
td { vertical-align:top; padding:0px;}
.strong {color:#7E8080;}
img { border:0px;}
.utama{	font-family:Tahoma;	font-size:9px; color:#000000; }
.utama { width:835px; background-color:#6d741d;	}
.utama .main {width:760px; background-color:#FFFFFF;}
.header {height:300px; }
.middle { height: auto;}
.middle .main{font-family:Tahoma; font-size:11px; color:#000000; height: auto; }
.footer {height:65px; }
.footer .main { width:760px; font-family: Tahoma; font-size: 10px; }
.footer td {text-align:center; padding:7px 0 0 7px; color:#5A5B5C;}
.footer a { font-family: Tahoma;font-size: 11px; font-weight: bold; color:#663318;}
.footer a:visited{ font-family: Tahoma;	font-size: 10px;}
.footer a:hover{ font-family: Tahoma;font-size: 10px; font-weight: bold; }
.contact { font-family: Tahoma;font-size: 12px; font-weight: bold; padding: 20px 0 20px 0;}
.tablecontact {width:600px; font-family: Tahoma;font-size: 11px; font-weight: bold; margin-top:20px;}
.tablecontact tr {height:32px;}

.menubawah {display:inline; padding:0; margin:0; list-style-type:none; white-space:nowrap; }
.menubawah li { display:inline; border:2px solid #000000; margin: 0; padding: 0; width:90px; margin-right: 6px; }
.menubawah a:link {font-family: Tahoma; width:90px; padding:0px 5px 0px 5px; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; background-color:#acb350;  }
.menubawah a:visited {font-family: Tahoma; width:90px;padding:0px 5px 0px 5px; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; background-color:#acb350; }
.menubawah a:hover{ font-family: Tahoma; width:90px;padding:0px 5px 0px 5px; font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; background-color:#6d741d;  }

#wrapper {margin:0 auto 0 auto;padding:0 0 15px 0;width:650px;}
h4 { margin:0px; padding:0px; }
/* Template */
#content_area { width:760px; height:auto; padding:0px; background:white; }
#column_bg { float:left; width:100%; height:auto; /*background:url(../images/column-bg.jpg) repeat-y;*/ }
#module_area { float:left; width:140px; height:auto; background:#acb350; color:#FFFFFF; }
#component_area { float:right; width:600px; height:auto; padding:0px 0px; }
/*#component_area .js_component h3 { width:140px; text-align:center; font-size:14px; background-color: #acb350; border: 2px solid #000000;}*/

#module_area ul { list-style:none; }
#module_area ul a { color:white; text-decoration:none; font-size: 14px;}

/* Content */
.js_module { float:left; width:100%; height:auto; text-align:center; margin-top: 10px;}
.js_module ul { float:left; width:100%; height:auto; padding:0px; margin:0px; }
.js_module ul li { float:left; width:100%; height:auto; padding:0px 0px 5px 0px; margin:0px 0px 7px 0px;}
.js_module ul li { font-family: Tahoma; font-fize: 12px; font-weight:bold;}
.js_component { float:left; width:100%; height:auto; position:static; z-index:0; }
.js_component h3 { font-family: Tahoma; font-fize: 20px; font-weight:bold; }

.js_table_product { width:737px; height: 400px; margin: 20px 0 0 10px; background-color: #a3ac4c; }

/* Product Detail CSS*/
tr td.image { width:50%; height:auto; text-align:center; padding-top:15px; }
tr td.image img { padding: 5px; background: #f0f0f0; margin: 10px 10px 0px 18px;}
tr td.detail { width:50%; height:auto; text-align:left; padding-top:25px; }
tr td.detail h3 { padding:0px 0px; font-size: 24px; margin: 0px; font-family: arial;}
tr td.detail h2 { font-size: 19px; text-decoration: underline; font-style:italic; margin: 0; padding: 0; float: left; width:200px;}
tr td.detail p.back {  text-align: center; }
tr td.detail p { font-weight: bold; font-size: 13px; font-family:arial;}
.js_component_detail { float:left; width:96%; height:auto; padding:20px 10%; }
input.bck { color:#fff;  font: bold 84% 'trebuchet ms',helvetica,sans-serif; background-color:#6d741d; border:none; margin: 5px 0 0 70px; }
.detail_scroll { overflow-y: scroll; background-attachment:scroll; height: 315px;}

/* Sparepart Listing */
table.sparepart {height:50px; }
table.sparepart td { vertical-align: middle; text-align:center; }
table.sparepart td a{ text-align:center; font-size:12px; color: black; font-weight: bold; text-decoration:none;}
table.sparepart td span{ text-align:center; font-size:12px; color: black; font-weight: bold; text-decoration:none;}
div.listing_sparepart h3 { border:0px; padding:0px; margin:0px; text-align: center; }
div.listing_sparepart { float:left; width:140px; height:215px; margin: 0 5px 5px 0px; background-color: #acb350; border: 2px solid #000000; }
div.listing_sparepart h3 a { width:140px; text-align:center; font-size:12px; color: black; text-decoration:none; line-height:25px; height:25px; border:0px; }
div.listing_sparepart h3 span { width:140px; text-align:center; font-size:12px; color: black; text-decoration:none; line-height:25px; height:25px; border:0px; }
div.listing_sparepart h4 a { float:left; width:140px; text-align:center; font-size:12px; color: black; text-decoration:none; line-height:20px; height:50px; margin-top: 5px;}
div.listing_sparepart p.image { float:left; width:140px; height:140px; text-align:center; margin:0px; background:white; overflow:hidden;}
div.listing_sparepart p.image img { float:left; width:100%; }


/* GuestBook CSS */
.js_component_guestbook { float:left; width:650px; height:auto; margin: 25px 50px 50px; background-color:#CED4A4;}
.js_component_guestbook p { margin:0px; padding:4px; font-size:13px; ; font-weight:bold;}
.js_component_guestbook h3 { margin:15px 0 0 25px; line-height:25px; color: #ADB663; font-size: 20px; letter-spacing: 3px; font-weight: normal; }
.js_component_guestbook p.write { float:left; text-align:left; width:595px; background-color:#CED4A4; margin: 5px 0px 0px 25px; padding-bottom: 5px; font-weight: normal; font-size: 11px; }
.js_component_guestbook p.write a:link { color:#FF0000; text-decoration:none;}
.js_component_guestbook p.write a:visited { color:#FF0000; text-decoration:none;}
.js_component_guestbook p.write a:hover { color:#FF0000; text-decoration:underline;}
.js_component_guestbook p.title {font-weight:normal; font-size:13px; margin: 4px 4px 10px 4px;}
.js_component_guestbook p.content { margin:0px;margin: 4px 4px 10px 4px; font-size:13px; color:#000; font-style:italic; font-weight:normal; }
.js_component_guestbook p.note { margin:0px; margin: 4px 4px 10px 4px; font-size:13px; font-weight:normal;}
.js_component_guestbook p.pagination {background-color:#fff}
.listing_guestbook {border: 1px solid #000000 }
.listing_guestbook td {border: 3px solid #737A25; width: 600px; background:url(../images/bgguestbook.jpg) repeat;}

.write_guestbook { float:left; width:96%; padding:2%; height:auto; line-height:20px; }
.write_guestbook tr td { padding:5px; }
.write_guestbook tr td textarea { width:60%; height:100px; }
.write_guestbook tr td input { width:60%; }
.write_guestbook tr td label { font-size:medium; font-weight:bold; }

/* Live validation*/
.LV_validation_message{ font-weight:bold; margin:0 0 0 5px; vertical-align:top; }
.LV_valid { color:#00CC00; }
.LV_invalid { color:#CC0000; }
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

/* Home */
.home {width: 695px; height: 424px; background:url(../images/bghome.jpg) no-repeat; margin-left: 20px;}
.homeisi {margin-left: 220px; margin-right:20px; font-family: Tahoma; font-size: 14px; line-height: 25px;}
.homeisi a {font-family: Tahoma; font-size: 14px; font-weight: bold; text-decoration:underline; color: #000;}
.newarrival {margin: 26px 20px 30px 20px; width: 657px; height: 166px; background:url(../images/newarrival.jpg) no-repeat; }
.tablehome1 {width: 120px;}

.middle .main p.pagination1 {float:right; padding:10px; text-align:right;}
.middle .main p.pagination1 span{ background-color:#a1ab4b; margin: 2px; padding: 3px; }
.middle .main p.pagination1 span a{ background-color:#a1ab4b; color: #000; text-decoration:none; font-weight:bold;}
.middle .main p.pagination1 span a:hover { text-decoration:underline; font-weight:bold; }
.middle .main p.pagination1 span.pagination2{background-color:#515817; color: #fff; text-decoration:none; font-weight:bold; padding: 3px; margin: 2px; }