/* Manet CSS */
html, body {margin:0; padding:0; text-align:center; font-family:tahoma; font-size:12px; color:#333}
h1 {font-size:16px;	margin:0 0 4px 0}
h5 {font-size:13px; line-height:12px; padding:2px 0 6px 0px; margin:0}
a {color: #005CAA; text-decoration: none}
a:hover {color:#fff; text-decoration:none}
.wht a {color: #005CAA; text-decoration: none}
.wht a:hover {color:#777; text-decoration:underline}
#hdr {width:972px !important; margin:0 auto; text-align:center}
#hdr .top {height:50px; text-align:right; margin-top:8px; font-size:11px}
#hdr a {color: #444}
#hdr a:hover {color:#005CAA; text-decoration:underline}
#cntn {clear:both; background-color:#66CC33; margin:0 auto; padding:8px 0 8px 0;  width:990px; text-align:center}
#cntn .cntr {border:#eee 1px solid; width:972px !important; margin:0 auto; text-align:center}
#ftr {clear:both; width:972px !important; margin:14px auto; text-align:center}
#ftr a {color: #444}
#tnav {text-align:left; height:34px; position:relative; /* fix ie peekaboo bug */}
#tnav ul {margin:0; padding:0; list-style-type:none; line-height:34px; z-index:20000; position:relative; /* fix ie peekaboo bug */}
#tnav ul li {display:block;	margin:0; padding:0; float: left; /* fix for opera */ text-align: left;	position: relative;	color:#0066ff}
#tnav ul li a {display:block; margin:0; padding:0 18px 0 18px; text-decoration:none !important; color:#444; font-size:12px !important; line-height:34px; font-weight:normal; white-space:nowrap !important}
#tnav ul li a:hover{color:#333; background-color:#eeffaa; text-decoration:none !important}
#tnav .clicked {padding:0 18px 0 18px; color:#fff; background-color:#66CC33}
#infh .st {float:left; width:68%}
#infh .nd {float:right; width:28%; text-align:right; line-height:14px; font-size:12px}
#dv4c {padding:16px 0 0 17px; float:left; width:920px}
#dv4c .prd {float:left; margin-right:2px; text-align:center; width:180px; background-color:#ddffaa; border:#eee 1px solid}
#dv4c .txt {margin:6px; height:42px}
#dv4c a:hover {color:#66CC33}

.clr {clear:both; height:17px}

#dtl {margin:16px; float:left; width:600px; background-color:#fcfcfc; padding:16px; text-align:left}
#dtl .left {float:left; width:241px; border:#ddd 1px solid}
#dtl .right {float:right; width:324px; margin-right:8px}
#dtl .infdtl {margin:12px 0 13px 0}
#dtl select {font-size:11px}

#inf {float:left; width:679px; padding:18px 0 20px 22px; text-align:left; color:#222; line-height:16px}
#inf h1 {margin:24px 0 4px 0; color:#fff; line-height:28px}
#inf h2 {font-size:28px; margin:0 0 4px 0; color:#fff; font-weight:normal; line-height:28px}
#inf h3 {font-size:18px; margin:0 0 4px 0; color:#fff; font-weight:normal; line-height:28px}
#prdtl td {border-bottom:#ccc 1px dotted; line-height:18px}

.grey {color:#bbb}
.ornge {color:#FF6600}
.green {color:#009900}
.red {color:#FF0000}
.blue {color:#000099}
.white {color:#fff}

.price {font-size:11px; font-weight:bold}
.price2 {color:#ff6600; font-weight:normal}
.price3 {color:#444; font-weight:normal}
.price, .price2, .price3 {line-height:14px}

#tbtn {float:left; display:block; width:156px; margin:0px 2px 2px 0px; padding:0; text-align:center; position:relative; color:#0066ff; background-color:#e1e1e1}
#tbtn a {display:block; padding:0 12px 0 12px; border-color:#eaeaea #dadada #dadada #eaeaea; border-style:solid; border-width:2px; color:#444; text-decoration:none !important; font-size:11px !important; line-height:28px}
#tbtn a:hover {color:#444; background-color:#eeffaa; text-decoration:none !important}
#tbtn .cart{font-weight:bold}

/* tombol submit */
#cbbtn {display:block; position:relative; width:120px; float:left; text-align:center; margin-right:4px; margin-top:16px; border:#fff 1px solid}
#cbbtn a {background-color:#fff; border:#eeffaa 2px solid; color:#222}
#cbbtn a:hover {background-color:#efefef; border:#fff 2px solid; color:#333; text-decoration:none}
#cbbtn a, #cbbtn a:hover {display:block; padding:3px}

/* tombol kecil hijau */
.sbtn {border:#333 1px solid; background-color:#ddffaa; color:#222; font-size:13px; margin-right:4px}

/* table list product */
.listp thead {background:#ddffaa; text-align:left}
.listp tbody td {border-bottom:#ddffaa 1px dotted}
.listp .red {background:#ff1133; color:#fff}

/* rate of product */
#rate span {font-size:14px; font-weight:bold}
#rate .on {color:#FF3300}
#rate .off {color:#bbb}

.small { font-size:11px }