@charset "utf-8";

html, body {
	background: url(images/main_bg.png) 0 0 repeat;
	background-color: #e6e6e6;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

a {
	color:#3366FF;
	text-decoration:none;
}

a:Hover {
	color:#FF9900;
	text-decoration:underline;
}

.content {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
}

.content td, th {
	text-align: justify;
	font-size: 11px;
}

.content_title {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding-bottom: 20px;
	display: block;
}


.bottom_content_title {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 5px;
	display: inline-block;
	border-bottom: 1px dotted #9CC6EF;
	width: 90%;
}

.bottom_content_title .bold {
	font-size: 13px;
	font-weight: bold;
	display: inline;
}


.footer {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	text-align: right;
}

.foot_menu {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	text-align: left;
}

.foot_menu a {
	color: #545454;
	text-decoration: none;
}

.foot_menu a:Hover {
	text-decoration: underline;
}



.pembatas {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	text-align:right;
	height: 37px;
	vertical-align:middle;
}


/*
.menu {
	font-family:Arial;
	font-size:11px;
	text-transform:uppercase;
	height: 37px;
	text-align:right;
	vertical-align:middle;
	padding-right:5px;
}

.menu a {
	font-family:Arial;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	vertical-align:middle;
	height: 37px;
	padding-left:10px;
	padding-right:10px;
	padding-top: 12px;
	padding-bottom: 11px;
	cursor: hand;
}

.menu a:Hover {
	color:#000000;
	text-decoration:none;
	background-image:url(images/bg_mn_active.png);
	background-position:top;
	background-repeat: repeat-x;
}
.sub_mn {
	display: block;
	padding-top: 7px;
}

.sub_mn:hover {
	color: #000000;
}

*/



/* Searching */
.search {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	padding-left:5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight:bold;
}

.search a {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF8204;
	text-decoration:underline;
}

.search a:Hover {
	color:#0099FF;
	text-decoration:none;
}

.search_input {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0066FF;
	height: 20px;
	background-color: #F7F8F9;
	border:1px solid #cccccc;
	width: 120px;
}

.search_input_ad {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #0066FF;
	height: 20px;
	background-color: #F7F8F9;
	border:1px solid #cccccc;
	width: 200px;
}

.search_title {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px dotted #00AAFF;
	padding-bottom: 5px;
	padding-top: 10px;
	display: block;
}
/* End Searching */

.side_content_box {
	padding-left:15px;
	padding-bottom:5px;
	padding-right:15px;
	padding-top:10px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.icon {
	border-style: none;
	padding-right: 10px;
}

.mtr_link {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-bottom: 10px;
	display: block;
	color: black;
	padding-left: 10px;
}

.mtr_link:Hover {
	color: #2AAAFF;
	text-decoration: underline;
}

/* News Style */
.side_content_title {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: Bold;
	color: Black;
	padding-bottom: 5px;
	display: block;
	border-bottom: 1px dotted #9CC6EF;
}

.news_title {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999;
	text-decoration: none;
	display: block;
	padding-top: 10px;
}

.news_title:Hover {
	color: #2AAAFF;
	text-decoration: underline;
}

.news_sub_title {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-bottom: 10px;
}


.news_date {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	display: block;
}

.news_ref {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-bottom: 10px;
}

.news_content {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	padding-bottom: 15px;
	display: block;
}


.statistics {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
}

.head_menu{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	text-decoration:none;
}

.head_menu a{
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#666666;
	text-decoration:none;
}

.head_menu a:hover {
	color:#000000;
}

.default {
	color:#000000;
	text-decoration:none;
	padding-left: 10px;
	display:block;
}

.default:Hover {
	text-decoration:underline;
}


/* ------- Product Style ----------------------- */
#product_box {
	padding-bottom: 50px;
}

#product_box .product_img {
	border: 2px solid;
	border-color: #0099FF;
	border-collapse: separate;
	width: 100px;
}

#product_box .product_price {
	font-size: 14px;
	font-weight: bold;
	color: #009900;
	padding-bottom: 5px;
	padding-top: 5px;
}

#product_box .product_btn_buy {
	position: absolute;
}

#product_box .product_btn_buy img {
	border: none;
}

#product_box .product_btn_detail {
	padding-top: 10px;
	padding-left: 18px;
	position: absolute;
}

#product_box .product_btn_detail img {
	border: none;
}





#product_det_box {
	padding-bottom: 50px;
}

#product_det_box .product_img {
	border: 2px solid;
	border-color: #0099FF;
	border-collapse: separate;
	width: 100px;
}

#product_det_box .product_name {
	font-size: 12px;
	font-weight: bold;
	color: #0066FF;
	margin-top: -150px;
	margin-left: 120px;
	position: absolute;
}

#product_det_box .product_price {
	font-size: 14px;
	font-weight: bold;
	color: #009900;
	margin-top: -130px;
	margin-left: 120px;
	position: absolute;
}

#product_det_box .product_btn_buy {
	position: absolute;
	margin-top: -105px;
	margin-left: 120px;
}

#product_det_box .product_btn_buy img {
	border: none;
}

#product_det_box .product_btn_detail {
	margin-top: -95px;
	margin-left: 140px;
	position: absolute;
}

#product_det_box .product_btn_detail img {
	border: none;
}






/* ----- MEMBER STYLE --------------------------- */
#member_main_box {
	padding: 10px;
}

#member_main_box:Hover {
	background: #CFEBF3;
}

#member_main_box .mm_title {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
}

#member_main_box .prd_promote_link {
	padding-top: 2px;
	padding-bottom: 4px;
}
/* ----- END ------------------------------------ */






/* ----- HIGHTSLIDE ----------------------------- */
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid #CCCCCC;
}
.highslide:hover img {
	border: 2px solid #EEEEEE;
}

.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}


.highslide-html {
    background-color: white;
}
.highslide-html-blur {
    border: 2px solid gray;
}
.highslide-html-content {
	font-size: 11px;
	position: absolute;
    display: none;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}
/* ----- END ------------------------------------ */
/* ------- End Product Style ------------------- */




/* ------- Button Style ------------------------- */
.button_vote {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(images/btn-vote.png) no-repeat;
	border: none;
	width: 68px;
	height: 31px;
}

.button_result {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(images/btn-result.png) no-repeat;
	border: none;
	width: 85px;
	height: 31px;
}
.button_login {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: url(images/btn-vote.png) no-repeat;
	border: none;
	width: 68px;
	height: 31px;
}
/* ------- End Button Style -------------------- */

/* ------- Input Style ------------------------- */
.m_log_usr {
	border: 1px solid #009900;
	width: 100px;
}
.m_log_pwd {
	border: 1px solid #009900;
	width: 100px;
}
/* ------- End Input Style --------------------- */



/* ------- Drop Down Menu ---------------------- */
.menulist, .menulist  ul {
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	list-style: none;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.menulist ul {
	display: none;
	position: absolute;
	top: 1.0em; 
	margin-top: 15px; /* I'm using ems and px to allow people to zoom their font */
	left: -1px;
	width: 160px;
}

.menulist ul ul {
 top: -1px; 
 margin-top: 0;
 left: 162px;
}

.menulist li {
 float: left;
 display: block;
 position: relative;
 background: #FFF; /* #FED */
/* border: 1px solid #330; */
 border: 1px solid #CCC;
 margin-right: -1px;
}

.menulist ul li {
/*	margin: 0; */
	margin-bottom: -1px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: opx;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	float: none;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

.menulist a {
 display: block;
 padding: 3px;
 color: #000;
 text-decoration: none;
}

.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color: #1A98C8;
 text-decoration: none;
}
.menulist a.highlighted {
 color: #FFF;
 background-color: #4DB9E1;
}


.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
.menulist a {
 float: none;
}

.menulist .main_menu {
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}


*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* ----------------------------------------------- */



#result { 
	background-color: #F0FFED; 
	border: 1px solid #215800; 
	padding: 10px; 
	width: 400px; 
	margin-bottom: 20px; 
}


#result_log { 
	background-color: #F0FFED; 
	border: 1px solid #215800; 
	padding: 5px; 
	width: 180px; 
	margin-bottom: 20px; 
}




/* --------- Shoping Cart ------------------------ */
.sc_total {
	text-align: right;
	font-weight:bold;
}

#check_out {
padding-top: 10px;
}

#check_out .left {
	float: left;
	padding-left: 85px;
}

#check_out .right {
	padding-right: 85px;
	float: right;
}

.sc_table table {
	background: #EDEDED;
}

.sc_table td {
}

.sc_table .td_white {
	background: #FFFFFF;
}
/* --------- End --------------------------------- */