body

 { background-color: #CCCCCC }



body, td, li, ol, input, textarea

{font-family: Verdana,Arial,Helvetica; font-size: 10pt; }



table

{ text-align: left }



a

{ color: #0099FF; text-decoration:underline }



a:hover

{ text-decoration:none }



.plain

{ text-decoration:none; color: #000000 }



.plain:hover

{ text-decoration:underline }



.small

{ font-family: Arial,Helvetica; font-size:8pt }



select

{ font-family: Trebuchet MS, Arial,Helvetica; font-size:10pt }



.smallgray

{ font-family: Arial,Helvetica; font-size:8pt; color: #888888}



.smallyellow

{ font-family: Arial,Helvetica; font-size:8pt; color: #FFCC00}



.account

  { color: #00ced1; font-weight: bold; font-size: 10pt; background-color: transparent }



.category

{ font:8pt Verdana,Arial,Helvetica; color: navy; text-decoration:none; padding-left: 5px;

  background: url('images/bullet.gif'); background-repeat:no-repeat; }



.category:hover

{ text-decoration: underline; }



.sub_category

{ font:8pt Verdana,Arial,Helvetica; color: black; text-decoration:none; padding-left: 5px }



.cur_category

{ font:8pt Verdana,Arial,Helvetica; ; color: black; font-weight: bold; text-decoration:none; padding-left: 5px; }



.category_box

{ font-size:10pt; color: #000000; background-color: green; color: white; font-weight: bold; text-align: center }



.listtitle

{ font-size:10pt; color: #3BB176; font-weight:bold; text-decoration:underline }



.listtitle:hover

{ text-decoration:underline }



.cat_box

{ font: 8pt Trebuchet MS, Arial, Helvetica; font-weight: bold; text-align: center; letter-spacing: 2px;

  color: white }



.payselect_box

{ background-color: navy; width: 100%; height: 50px; border: outset; float: left; text-align: center; font-size: 16pt;

  text-decoration: none }



.thumb_gallery

{ border-bottom: solid 3px white }



.thumb_gallery:hover

{ border-bottom: solid 3px red }



.cat_list_bg

{ background: url('images/but_mid.gif'); height: 17px; background-repeat: repeat-x }



.cat_list_bg a

{ font: 9pt Arial, Helvetica; font-weight: bold; color: white; text-decoration: none; }



.boxtitle

{ background-color: #8C8984; font-weight: bold; color: white; }



.boxtext

{ background-color: #FCFCFC; font: 9pt Tahoma, Arial, Helvetica;  }



.search_cat, .search_cat a

{ color: black; font: 10pt Arial, Helvetica; text-decoration: none; font-weight: bold }



.cat_list_all

{ margin-top: 5px; border: solid 1px #F5F5F5 }



.cat_list_all:hover

{ border: solid 1px lightgrey; background: #F0F0F0 }



.cat_list_all_item

{ text-decoration: none; font-size: 8pt; color: black; }



.cat_list_all_item:hover

{ text-decoration: underline; color: #3BB176 }



.cat_list_all_head

{ text-decoration: none; font-size: 8pt; color: black; font-weight: bold; }



.cat_list_all_head:hover

{ text-decoration: underline; color: #3BB176 }



.input110

{ height: 25px; width: 110px; background-image: url('images/input110.gif'); background-repeat: no-repeat; border: none;

  font: 12px Times, Arial, Helvetica; padding-top: 3px; padding-left: 3px; padding-top: 3px; background-color: white }



.input150

{ height: 25px; width: 150px; background-image: url('images/input150.gif'); background-repeat: no-repeat; border: none;

  font: 12px Times, Arial, Helvetica; padding-left: 3px; padding-top: 3px; padding-right: 3px; background-color: white }



.input250

{ height: 25px; width: 250px; background-image: url('images/input250.gif'); background-repeat: no-repeat; border: none;

  font: 12px Times, Arial, Helvetica; padding-left: 3px; padding-top: 3px; padding-right: 3px; background-color: white }



.area400

{ height: 150px; width: 400px; background-image: url('images/area400.gif'); background-repeat: no-repeat; border: none;

  font: 12px Times, Arial, Helvetica; padding-left: 3px; padding-top: 3px; padding-right: 3px; background-color: white }



.detailjudul

{ font-size:14pt; font-weight:bold; color: #3BB176; }



.promo, .promo a

{ font-size:8pt; color: black; text-decoration: none; font-weight: bold }



.discount

{ font: 12pt Georgia, Times; color: #CC0000; font-weight: bolder }



.detailsect

{ font-size:10pt; font-weight:bold; color: #777777; border-bottom: 1px solid #777777}



.checkoutjdl

{ font-family: Trebuchet MS, Verdana,Arial,Helvetica; font-size:10pt; font-weight: bold; color: white }



.checkoutspk

{ font-family: Trebuchet MS, Verdana,Arial,Helvetica; font-size:8pt; }



.checkouttxt

{ font-family: Trebuchet MS, Verdana,Arial,Helvetica; font-size:10pt; }



.checkoutdel

{ color: #FF0000; font-weight:bold; text-decoration:none; }



#tablist

{ padding: 3px 0; font: bold 12px Verdana; }



#tablist li

{ list-style: none; display: inline; }



#tablist li a

{ padding: 3px 0.5em; margin-left: 3px; border: 2px solid black; background: #EEEEEE; color: black; text-decoration: none }



#tablist li a.current

 { background-color: #3BB176 }



.tabcontent

{ display:block; }



.backlite

{ background-color: white }



.backlite_over

{ background-color: #D7E9F7; cursor: pointer; }



.backlite_select

{ background-color: #E9F4FC; }



.pagination

{ font: 9pt Tahoma, Arial, Helvetica; width: 15px; text-align: center; background: #F5F5FF }



.pagination2

{ font: 9pt Tahoma, Arial, Helvetica; text-align: center; color: white; background: #738FBF }



.pagination a

{ text-decoration: none; color: #22229C; float:left; width: 100% }



.pagination a:hover

{ color: 3BB176; }



.toolbox

{ font: 8pt Arial, Helvetica; }



.toolbox a

{ border-bottom: solid 2px white }



.toolbox a:hover

{ border-bottom: solid 2px black }



.best

{ font: 9pt Tahoma, Arial, Helvetica; text-decoration: none; color: blue; width:100%; float: left; border: solid 1px #F7F7F7 }



.best:hover

{ border: solid 1px darkgrey; background: #DDDDDD; -moz-border-radius: 4px 0px 4px 0px; }