@font-face {
font-family: 'dinnext-regular ';
src:url( '../fonts/dinnext-regular/DINNextLTPro-Regular.eot ');
src:url( '../fonts/dinnext-regular/DINNextLTPro-Regular.woff ') format( 'woff '),url( '../fonts/dinnext-regular/DINNextLTPro-Regular.ttf ') format( 'truetype '),url( '../fonts/dinnext-regular/DINNextLTPro-Regular.svg ') format( 'svg ');
font-weight:normal;
font-style:normal;
}

* {
padding:0;
margin:0
}

a {
color:#1F7913;
}

a:hover {
text-decoration:none !important;
border: none;
}
/* Useful */
.align_center {
text-align:center
}

.align_right {
text-align:right
}

.middle {
vertical-align:middle
}

.align_justify {
text-align:justify
}

.uppercase {
text-transform:uppercase
}

.hidden,.collapsed,.block_hidden_only_for_screen {
display:none
}

.wrap {
white-space:normal
}

.bold {
font-weight:bold
}

.strike {
text-decoration:line-through
}

.italic {
font-style:italic
}

.top {
vertical-align:top
}

.span_link {
cursor:pointer
}

.span_link:hover {
text-decoration:underline
}

.clear {
clear:both
}

br.clear {
clear:both;
line-height:0;
font-size:0;
height:0
}

noscript ul {
list-style-type:none;
background:black;
color:white;
padding:10px;
border:1px solid gray
}
/* new clearfix */
.clearfix:after {
clear:both;
display:block;
height:0;
font-size:0;
visibility:hidden;
content: ". ";
}

* html .clearfix {
zoom:1;
}

*:first-child+html .clearfix {
zoom:1;
}

.spar {
float:left;
width:100%;
}

a img {
border:none;
}

h2,h3,h1 {
margin:0;
padding:0;
font-weight:normal;
}

table {
border-collapse:collapse;
}

body {
font-size:12px;
font-family:Arial,Helvetica,Sans-Serif;
color:#333;
margin:0;
padding:0;
}
/*

body.homepage {

	background:url(../images/material/bg-body-home.jpg) repeat-x top center;

}

*/
#container {
width:980px;
margin:0 auto 0 auto;
dborder:1px solid #000;
}
/**** Top Panel ***/
#search-box {
float:right;
width:315px;
height:30px;
position:relative;
margin:15px 10px 0 0;
padding-top:5px;
background:url(../images/material/bg-search.png) no-repeat;
}

#search-box input.input-search {
background:url(../images/material/input-search.jpg) no-repeat;
width:190px;
height:25px;
border:none;
padding:0 5px;
margin:0 0 0 40px;
font-size:11px;
color:#666;
line-height:10px;
float:left;
}

#search-box input.button-search {
background:url(../images/material/button-search.jpg) no-repeat;
width:49px;
height:25px;
border:none;
cursor:pointer;
float:left;
}

#result_q_search {
position:absolute;
background:white;
margin:20px 0 0 41px;
padding:5px;
max-height:386px;
overflow:hidden;
display:none;
z-index:99999;
width:262px;
}

#result_q_search tr {
border-bottom:1px dashed #f2f2f2;
}

#result_q_search tr:hover {
background:#f2f2f2;
}

#menu-box {
float:left;
width:100%;
height:75px;
padding-left:6px;
background:url(../images/material/bg-menu-left.png) no-repeat top left;
}

#menu-box .mid-menu {
float:left;
width:974px;
height:75px;
background:url(../images/material/bg-menu-middle.jpg) repeat-x top left;
}

#menu-box .right-menu {
float:right;
width:6px;
height:75px;
background:url(../images/material/bg-menu-right.png) no-repeat top right;
}

#menu-box .mid-menu img.logo {
margin:2px 0 0 15px;
float:left;
}

#menu-box .mid-menu ul.main-menu {
float:right;
margin:22px 0 0 0;
padding:0 0 0 0;
}

#menu-box .mid-menu ul.main-menu li {
float:left;
list-style:none;
font-size:16px;
font-family:trebuchet ms;
padding-top:5px;
text-align:center;
}

#menu-box .mid-menu ul.main-menu li a {
text-decoration:none;
color:#333;
padding:4px 25px;
*padding:6px 25px;
width:190px;
}

#menu-box .mid-menu ul.main-menu li a.active,#menu-box .mid-menu ul.main-menu li a:hover {
background:url(../images/material/bg-hover-menu.png) no-repeat top center;
}

#menu-box .mid-menu ul.main-menu li a.active#hov2,#menu-box .mid-menu ul.main-menu li a#hov2:hover {
background:url(../images/material/bg-hover-menu.png) no-repeat bottom center;
*padding:6px 25px 3px 25px;
}

#menu-box .mid-menu ul.main-menu li .sub {
	display: none;
}
#menu-box .mid-menu ul.main-menu li:hover .sub {
	display: block;
	position: absolute;
	/*background: url(../images/material/bg-search.png)  #92bc46 center bottom no-repeat;
	background: #1f7913;*/
	max-width: 200px;
	padding:5px 0 10px 0;
	z-index: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #3ca12d;
	background: -moz-linear-gradient(top, #3ca12d 0%, #1f7913 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #3ca12d), color-stop(100%, #1f7913));
	background: -webkit-linear-gradient(top, #3ca12d 0%, #1f7913 100%);
	background: -o-linear-gradient(top, #3ca12d 0%, #1f7913 100%);
	background: -ms-linear-gradient(top, #3ca12d 0%, #1f7913 100%);
	background: linear-gradient(to bottom, #3ca12d 0%, #1f7913 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ca12d', endColorstr='#1f7913', GradientType=0 );
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}
#menu-box .mid-menu ul.main-menu .sub li {
	float: left;
    display: block;
    width: 100%;
    text-align: left;
    padding-top: 0
}
#menu-box .mid-menu ul.main-menu .sub li a {
	font-size: 12px;
    color: #fff;
    width: auto;
    margin: 0px 15px;
    display: block;
    padding: 10px 0 5px 0;
    border-bottom: 1px solid #1d7711;
    border-top: 1px solid #4ca740;
}
#menu-box .mid-menu ul.main-menu .sub li:first-child a {
	border-top:none;
	}
#menu-box .mid-menu ul.main-menu .sub li:last-child a {
	border-bottom:none;
	}
#menu-box .mid-menu ul.main-menu .sub li a:hover  {
	background: none;
	color:#f1da19;
}

#regis-box {
background:url(../images/material/bg-menu-regis.png?new) no-repeat;
width:930px;
height:38px;
float:left;
margin:0 0 0 35px;
}

#regis-box ul.regis-menu {
float:left;
margin:12px 0 0 20px;
}

#regis-box ul.regis-menu li {
float:left;
list-style:none;
padding:0 8px;
border-right:1px solid #333;
}

#regis-box ul.regis-menu li a {
text-decoration:none;
color:#333;
}

#regis-box ul.regis-menu li a:hover {
text-decoration:underline;
}

#regis-box img.fb-ico,img.fb-ico {
float:left;
margin:7px 0 0 10px;
border-radius:0;
-moz-border-radius-topright:0;
-moz-border-radius-topleft:0;
-moz-border-radius-bottomleft:0;
-moz-border-radius-bottomright:0;
}

#regis-box img#fb-ico-hide {
display:none;
border:1px solid #000;
}

#regis-box .login-box {
float:right;
width:365px;
margin:5px 0 0 0;
}

#regis-box .login-box input.input-login {
/*background:url(../images/material/bg-login.png) no-repeat;*/
width:120px;
height:26px;
border:none;
font-size:11px;
color:#666;
padding:0 5px;
float:left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-right: 5px;
}

#regis-box .login-box input.button-login {
background:url(../images/material/bg-button-login.png) no-repeat;
width:59px;
height:26px;
border:none;
cursor:pointer;
float:left;
margin-left:3px;
}

#regis-box .login-box .name-user {
float:left;
font-weight:bold;
color:#fff;
margin-top:5px;
}

#regis-box .login-box .saldo {
float:right;
color:#fff;
margin:5px 50px 0 0;
}

#regis-box .login-box .saldo span {
font-weight:bold;
color:#fff;
width:130px;
dfloat:right;
text-align:right;
background:#1f7913;
padding:3px 5px 3px 30px;
}

#bg-top-content {
background:url(../images/material/bg-top-content.png) no-repeat;
width:100%;
height:5px;
float:left;
margin-top:20px;
}

#content-wrp {
width:980px;
float:left;
background:#fff;
position:relative;
padding-bottom:15px;
}

#content-wrp .content-inside {
width:945px;
margin:0 auto;
position:relative;
}

#left-wrp {
width:685px;
float:left;
margin-top:15px;
}

#right-wrp {
dborder:1px solid #000;
width:245px;
float:right;
margin-top:15px;
}

.right-title {
float:left;
height:34px;
background:url(../images/material/box-right.jpg) no-repeat;
cursor:pointer;
}

.left-title {
float:right;
height:34px;
width:4px;
background:url(../images/material/box-left.jpg) no-repeat;
}

.left-title.arrow {
background:url(../images/material/bg-menu_arrow.png) no-repeat;
width:31px;
}

.right-title h2 {
font-size:14px;
font-family:verdana;
font-weight:bold;
float:left;
margin:8px 0 0 15px;
}

.right-title span.view-all a {
font-size:11px;
font-family:verdana;
color:#333;
float:left;
margin:5px 0 0 140px;
padding:0 25px 0 0;
text-decoration:none;
line-height:23px;
background:url(../images/material/list-viewall.jpg) no-repeat center right;
}

.right-title span.view-all a:hover {
text-decoration:underline;
}

.right-title h2.ttl {
min-width:400px;
}

#box-topgames {
width:678px;
float:left;
padding:15px 0;
border:1px solid #c2c2c2;
}

ul.list-procduct {
float:left;
margin:0 0 0 8px;
}

ul.list-procduct li {
list-style:none;
margin:0 6px 0 6px;
float:left;
width:120px;
height:115px;
text-align:center;
background:url(../images/material/bg-product-list.jpg) no-repeat;
}

ul.list-procduct li a {
color:#666;
font-family:verdana;
font-size:11px;
text-decoration:none;
}

ul.list-procduct li a:hover {
text-decoration:underline;
}

ul.list-procduct li img {
margin:4px 0 0 0;
margin-bottom:8px;
border:1px solid #ccc;
border-radius:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
}

img {
border-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
}

#box-left {
float:left;
width:332px;
margin:15px 0;
}

#box-right {
float:right;
width:332px;
margin:15px 0;
}

#box-recomendasi-game {
width:330px;
float:left;
padding:10px 0;
border:1px solid #c2c2c2;
}

ul.list-highlight {
width:290px;
float:left;
margin:0 0 0 20px;
}

ul.list-highlight li {
border-bottom:1px dotted #aeaeae;
font-family:verdana;
font-size:12px;
list-style:none;
width:290px;
float:left;
padding:10px 0;
}

ul.list-highlight li div {
background:url(../images/material/bg-image-rec2.jpg) no-repeat;
width:120px;
height:78px;
float:left;
margin-right:10px;
margin-bottom:10px;
}

ul.list-highlight li div img {
margin:6px 0 0 5px;
}

ul.list-highlight li span.game-name a {
font-size:14px;
font-weight:bold;
text-decoration:none;
color:#333;
line-height:22px;
}

ul.list-highlight li span.game-name a:hover {
text-decoration:underline;
}

ul.list-highlight li a.read-more {
text-decoration:none;
color:#367934;
font-size:11px;
line-height:26px;
}

ul.list-highlight li a.read-more:hover {
text-decoration:underline;
}

ul.list-highlight li span.game-name2 a {
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#357833;
line-height:17px;
}

ul.list-highlight li span.game-name2 a:hover {
text-decoration:underline;
}

span.date {
font-size:11px;
font-family:verdana;
color:#999;
}

span.title-cat {
font-size:14px;
font-family:verdana;
font-weight:bold;
color:#333;
line-height:26px;
}

span.name-site {
font-size:18px;
font-family:verdana;
font-weight:bold;
color:#1f7913;
line-height:26px;
}

a.linksite {
color:#1f7913;
text-decoration:none;
}

a.linksite:hover {
text-decoration:underline;
}
/*** Poduct */
.right-title span.share-page a {
color:#FFFFFF;
float:left;
font-family:verdana;
font-size:11px;
font-weight:bold;
line-height:23px;
margin:5px 0 0 -34px;
padding:0 25px 0 0;
text-decoration:none;
}

.right-title span.share-page a:hover {
text-decoration:underline;
}

.pathway {
font-size:10px;
font-family:verdana;
font-weight:bold;
color:#999;
float:left;
margin:0 0 20px 15px;
padding-bottom:5px;
text-transform:capitalize;
width:650px;
border-bottom:1px solid #c2c2c2;
}

.pathway span {
color:#1f7913;
}

.pathway span a {
color:#1f7913;
font-weight:normal;
text-decoration:none;
}

.pathway span a:hover {
text-decoration:underline;
}

.paging {
width:640px;
float:left;
margin:0 0 20px 15px;
padding-top:10px;
border-top:1px solid #c2c2c2;
}

.paging a.page-previos {
float:left;
font-size:11px;
font-family:verdana;
color:#666;
text-decoration:none;
padding-left:11px;
background:url(../images/material/page-arrow.jpg) no-repeat top left;
}

.paging a.page-next {
float:right;
font-size:11px;
font-family:verdana;
color:#666;
text-decoration:none;
padding-left:11px;
background:url(../images/material/page-arrow.jpg) no-repeat bottom left;
}

.paging a.page-previos:hover,.paging a.page-next:hover {
text-decoration:underline;
}

.page-number {
float:left;
width:400px;
margin-left:80px;
}

.page-number ul {
margin:0px auto;
width:30%;
}

.page-number ul li {
list-style:none;
float:left;
background:#b0b0b0;
margin:0 1px;
}

.page-number ul li a {
text-decoration:none;
color:#fff;
padding:0 3px;
}

.page-number ul li:hover,.page-number ul li.act {
background:#1b7511;
}

ul.categori {
margin:0 0 0 10px;
padding-bottom:15px;
}

ul.categori.show {
display:block;
}

.out_of_stock {
color:#C00;
font-size:10px;
line-height:11px;
}

ul.categori li.category_list ul {
display:none;
}

ul.categori li {
list-style:none;
}

ul.categori li ul {
padding-left:10px;
}

ul.categori li li a {
width:205px;
}

ul.categori li li ul {
padding-left:10px;
}

ul.categori li li li a {
width:195px;
border-bottom:1px dotted #aeaeae;
}

ul.categori li li li li a {
width:185px;
}

ul.categori li a {
text-decoration:none;
color:#666;
display:block;
width:215px;
font-size:11px;
font-family:verdana;
display:block;
padding:5px 0;
border-bottom:1px dotted #aeaeae;
}

ul.categori li.has_child >a {
background:url(../images/material/has_child.png) center right no-repeat;
}

ul.categori li a:hover,ul.categori li a.active {
color:#1b7511;
}

.box-rounded {
float:left;
width:640px;
padding:5px 5px;
border:1px solid #ddd;
border-radius:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
}

.box-rounded2 {
float:left;
width:620px;
padding:10px 15px;
margin-top:15px;
border:1px solid #ddd;
border-radius:6px;
-moz-border-radius-topright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
font-family:verdana;
color:#666;
line-height:18px;
position:relative;
}

.box-rounded2 ul {
margin-left:20px;
}

.box-rounded2 ul.list_games li {
float:left;
width:275px;
margin-right:20px;
}

.box-rounded2 ul li {
list-style-image:url(../images/material/bullet.jpg);
}

ul.sitemap {
text-transform:capitalize;
font-size:11px;
}

ul.sitemap li a {
color:#1F7913;
text-decoration:none;
}

ul.sitemap li a:hover {
text-decoration:underline;
}

#inside-page {
float:left;
width:650px;
margin:0 0 0 15px;
line-height:18px;
font-family:verdana;
}

#inside-page ul,#inside-page ol {
margin-left:30px;
}

#inside-page p {
margin:0 0 20px 0;
}

#inside-page ul.list-category li {
float:left;
width:150px;
margin:5px;
list-style:none;
}

#inside-page ul.list-category li a {
color:#333;
text-decoration:none;
}

#inside-page ul.list-category li a:hover {
color:#1B7511;
}
/*table.voucher{

	margin-top:15px;

	font-family:verdana;

	font-size:11px;

}

table.voucher tr.tr1{

	background:#efefef;

	text-align:center;

}

table.voucher tr.tr1 td{

	padding:10px 0;

	font-size:12px;



}

table.voucher tr td{

	padding:5px 10px;

}

table.voucher td{

	border:1px solid #ddd;

}

table.voucher td select{

	border:1px solid #ddd;

	width:50px;

	padding:2px 2px;

	font-family:verdana;

}*/
.bg-saldo {
background:url(../images/material/bg-saldo.png) no-repeat;
width:122px;
height:61px;
position:absolute;
right:10px;
top:-7px;
}

.bg-saldo span {
border:1px solid #fff;
width:100px;
float:left;
margin:35px 0 0 5px;
text-align:center;
color:#1f7913;
font-weight:bold;
}

ul.account-bank {
float:left;
margin-top:15px;
width:95%;
}

ul.account-bank li {
list-style:none;
border-bottom:1px dotted #aeaeae;
float:left;
width:100%;
padding:10px 0;
}

ul.account-bank li img {
border:1px solid #aeaeae;
padding:2px;
}

ul.account-bank li table {
margin:0 0 0 20px;
float:left;
}

ul.account-bank li table td {
padding:2px 0;
}
/* ***** Right ***/
.box-newgame {
background:url(../images/material/bg-newgame.jpg) no-repeat;
width:242px;
height:200px;
position:relative;
float:left;
overflow:hidden;
}

.box-newgame .ws_images {
margin:6px 0 0 5px;
position:absolute;
overflow:hidden;
width:230px;
height:189px;
}

.box-newgame .ribon {
background:url(../images/material/ribon.png) no-repeat;
width:103px;
height:90px;
position:absolute;
top:2px;
left:1px;
z-index:99;
}

.ym-chat {
width:241px;
float:left;
padding-top:15px;
margin-bottom:20px;
border:1px solid #c2c2c2;
}

.ym-chat .live-support {
width:195px;
float:left;
padding-top:15px;
padding-left:20px;
margin:15px 0 20px 12px;
border-top:1px solid #c2c2c2;
}
/*** Partnerrr ***/
ul.list-partner {
float:left;
margin:20px 0 0 8px;
}

ul.list-partner li {
list-style:none;
margin:0 6px 0 6px;
float:left;
width:152px;
height:130px;
text-align:center;
background:url(../images/material/bg-partner-list.jpg) no-repeat;
}

ul.list-partner li a {
color:#666;
font-family:verdana;
font-size:11px;
text-decoration:none;
}

ul.list-partner li a:hover {
text-decoration:underline;
}

ul.list-partner li img {
margin:15px 0 0 0;
margin-bottom:15px;
}
/*** Contact ****/
.box-rounded2#left-box-contact {
width:285px !important;
float:left;
}

.box-rounded2#right-box-contact {
width:285px !important;
float:right;
}

.box-rounded2#left-box-contact b {
line-height:24px;
}

input.inp-contact {
font-family:verdana;
font-size:11px;
color:#666;
width:235px;
height:15px;
padding:4px 5px;
border:1px solid #ddd;
border-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
}

input.btn-tampilkan {
background:url(../images/material/btn-tampilkan.jpg) no-repeat;
width:91px;
height:23px;
border:none;
cursor:pointer;
}

table.contact {
margin:10px auto;
font-family:verdana;
}

table.contact td {
padding:5px 0;
vertical-align:top;
}

table.contact input.inp-contact {
font-family:verdana;
font-size:11px;
color:#666;
width:235px;
height:15px;
padding:4px 5px;
border:1px solid #ddd;
border-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
}

table.contact input.inp-code {
font-family:verdana;
font-size:11px;
color:#666;
width:85px;
height:15px;
padding:5px 5px;
margin-left:10px;
border:1px solid #ddd;
float:left;
clear:right;
border-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
}

input.inp-date {
font-family:verdana;
font-size:11px;
color:#666;
width:125px;
height:15px;
padding:5px 5px;
margin-left:10px;
border:1px solid #ddd;
border-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
}

table.contact select {
font-family:verdana;
font-size:11px;
color:#666;
width:245px;
padding:5px 5px;
}

table.contact textarea {
font-family:verdana;
font-size:11px;
color:#666;
width:300px;
height:75px;
padding:5px 5px;
border:1px solid #ddd;
border-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
}

table.contact .captha {
font-family:verdana;
font-size:18px;
color:#1f7913;
float:left;
width:80px;
height:20px;
padding:2px 3px;
text-align:center;
border-radius:4px;
-moz-border-radius-topright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
}

table.contact td.code {
font-family:verdana;
font-size:10px;
color:#999;
float:left;
}

table.contact td input.btn-kirim,.btn-kirim {
background:url(../images/material/btn-medium.png) no-repeat;
width:100px;
height:26px;
color:#fff;
border:none;
cursor:pointer;
}

table.contact td input.btn-cancel,.btn-cancel {
background:url(../images/material/btn-batal.jpg) no-repeat;
width:71px;
height:32px;
border:none;
cursor:pointer;
}

table.contact td input.btn-sign {
background:url(../images/material/btn-signin.jpg) no-repeat;
width:95px;
height:35px;
border:none;
cursor:pointer;
}

.btn-mini {
width:60px;
background:url(../images/material/btn-mini.png) no-repeat;
height:25px;
border:none;
cursor:pointer;
color:#fff;
font-size:12px;
}

.btn-mini.off {
background:url(../images/material/btn-mini-off.png) no-repeat;
color:#333;
}

.btn-medium {
width:100px;
background:url(../images/material/btn-medium.png) no-repeat;
height:25px;
border:none;
cursor:pointer;
color:#fff;
font-size:12px;
}

.btn-medium.off {
background:url(../images/material/btn-medium-off.png) no-repeat;
color:#333;
}

.btn-large {
width:150px;
background:url(../images/material/btn-large.png) no-repeat;
height:25px;
border:none;
cursor:pointer;
color:#fff;
font-size:12px;
}

.btn-large.off {
background:url(../images/material/btn-large-off.png) no-repeat;
color:#333;
}

table.contact td a {
color:#1f7913;
}
/*** Footer Style ***/
#footer-box {
height:65px;
float:left;
width:100%;
margin-bottom:0px;
background:url(../images/material/bg-footer.png) no-repeat;
}

.footer-text {
float:left;
font-size:11px;
font-family:verdana;
color:#dedede;
margin:25px 0 0 25px;
}

.footer-text a {
color:#dedede;
text-decoration:none;
}

ul.footer-menu {
float:right;
margin:25px 15px 0 0;
}

ul.footer-menu li {
float:left;
font-size:11px;
font-family:verdana;
list-style:none;
border-right:1px solid #dedede;
padding:0 5px;
}

ul.footer-menu li a {
text-decoration:none;
color:#dedede;
}

ul.footer-menu li a:hover {
text-decoration:underline;
}

label.error {
color:#C00;
font-size:10px;
clear:both;
float:left;
display:block;
width:100%;
}

ltable td {
vertical-align:top;
}

.red {
color:#C00;
font-size:smaller;
}

#popup_ok {
background:url(../images/material/btn-mini.png) no-repeat;
width:59px;
height:25px;
font-size:12px;
border:none;
color:#fff;
cursor:pointer;
}

#popup_cancel {
background:url(../images/material/btn-mini-off.png) no-repeat;
width:59px;
height:25px;
font-size:12px;
border:none;
color:#333;
cursor:pointer;
}

.buy_vo {
display:none;
}

input:-webkit-autofill {
color:#fff !important;
}

table.formprofile td {
padding:5px;
}

input::-moz-focus-inner /*Remove button padding in FF*/ {
border:0;
padding:0;
}

.facebook-connect {
cursor:pointer;
}
/* ===================================== Tabing ================================================= */
.tabWRp {
float:left;
width:100%;
margin-top:20px;
}

ul.tabs {
margin:0 !important;
padding:0 0 0 13px;
float:left;
list-style:none;
border-bottom:1px solid #ddd;
width:98%;
}

ul.tabs li {
float:left;
margin:0;
padding:0;
height:25px;
line-height:25px;
border:1px solid #ddd;
margin:0 1px -1px 1px;
background:#f0f0f0;
overflow:hidden;
position:relative;
border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-khtml-border-radius:5px 5px 0 0;
}

ul.tabs li a {
text-decoration:none;
color:#666;
display:block;
font-size:12px;
font-family:arial;
padding:0 30px;
outline:none;
}

ul.tabs li a:hover {
background:#ccc;
}

html ul.tabs li.active,html ul.tabs li.active a:hover {
background:#fff;
border-bottom:1px solid #fff;
}

html ul.tabs li.active a {
color:#1b7511;
}

.tab_container {
border:1px solid #ddd;
border-top:none;
clear:both;
float:left;
width:100%;
background:#fff;
-moz-border-radius-bottomright:5px;
-khtml-border-radius-bottomright:5px;
-webkit-border-bottom-right-radius:5px;
-moz-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-webkit-border-bottom-left-radius:5px;
}

.tab_content {
padding:5px;
font-size:1.2em;
}

.tab_content h2 {
font-weight:normal;
padding-bottom:10px;
border-bottom:1px dashed #ddd;
font-size:1.8em;
}

.tab_content h3 a {
color:#254588;
}

.tab_contentfd img {
float:left;
margin:0 20px 20px 0;
border:1px solid #ddd;
padding:5px;
}

table.voucher {
margin-top:15px;
margin-bottom:15px;
font-family:verdana;
}

table.voucher tr.tr1 {
background:#efefef;
text-align:center;
}

table.voucher tr.tr1 td {
padding:10px 0;
font-size:12px;
}

table.voucher tr td {
padding:5px 10px;
font-size:11px;
}

table.voucher td {
border:1px solid #ddd;
vertical-align:top;
}

table.voucher td select {
border:1px solid #ddd;
width:50px;
padding:2px 2px;
font-size:11px;
}

#inline_content,#inline_content_dvd {
padding:0 !important;
font-family:verdana;
font-size:12px;
width:644px;
}

.topTittle {
float:left;
width:100%;
background:url(../images/bg_top.jpg) repeat-x;
height:28px;
font-weight:bold;
text-align:center;
color:#666;
padding-top:5px;
}

.insider {
margin:0 auto;
width:95%;
}

.wrpDesc {
float:left;
width:100%;
margin-top:15px;
padding-top:15px;
border-top:1px solid #ccc;
}

.wrpDesc .leftDesc {
float:left;
width:190px;
}

.wrpDesc .leftDesc ul {
margin-top:10px;
}

.wrpDesc .leftDesc ul li {
list-style:none;
padding:3px 0;
}

.wrpDesc .rightDesc {
float:right;
width:380px;
}

.wrpDesc .rightDesc .rounded {
float:left;
width:95%;
padding:8px;
border:1px solid #ccc;
background:#f5f5f5;
font-size:11px;
border-radius:3px !important;
-moz-border-radius:3px !important;
-webkit-border-radius:3px !important;
-khtml-border-radius:3px !important;
}

.wrpDesc .rightDesc .rounded p {
margin:15px 0;
}

.wrpDesc .rightDesc table {
margin-top:15px;
}

.wrpDesc .rightDesc table td {
padding:5px 0;
}

.wrpDesc .rightDesc table input {
width:185px;
padding:3px;
font-size:11px;
border:1px solid #ccc;
border-radius:3px !important;
-moz-border-radius:3px !important;
-webkit-border-radius:3px !important;
-khtml-border-radius:3px !important;
}

.wrpDesc .rightDesc table select {
border:1px solid #ccc;
padding:2px;
font-size:11px;
width:75px;
}

.wrpDesc .botWrp input.addCart {
border:none;
background:url(../images/material/btnCart.jpg) no-repeat;
width:121px;
height:32px;
float:right;
cursor:pointer;
margin-right:95px;
}

.wrpDesc .rightDesc textarea#ket {
width:323px;
height:80px;
padding:3px;
margin-top:5px;
font-size:11px;
border:1px solid #ccc;
border-radius:3px !important;
-moz-border-radius:3px !important;
-webkit-border-radius:3px !important;
-khtml-border-radius:3px !important;
}

.botWrp {
background:#f5f5f5;
float:left;
width:100%;
padding:8px 0;
margin-top:15px;
}
/*

    ColorBox Core Style:

    The following CSS is consistent between example themes and should not be altered.

	*/
#colorbox,#cboxOverlay,#cboxWrapper {
position:absolute;
top:0;
left:0;
z-index:9999;
overflow:hidden;
}

#cboxOverlay {
position:fixed;
width:100%;
height:100%;
}

#cboxMiddleLeft,#cboxBottomLeft {
clear:left;
}

#cboxContent {
position:relative;
}

#cboxLoadedContent {
overflow:auto;
}

#cboxTitle {
margin:0;
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
position:absolute;
top:0;
left:0;
width:100%;
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
cursor:pointer;
}

.cboxPhoto {
float:left;
margin:auto;
border:0;
display:block;
}

.cboxIframe {
width:100%;
height:100%;
display:block;
border:0;
}
/* 

		User Style:

		Change the following styles to modify the appearance of ColorBox.  They are

		ordered & tabbed in a way that represents the nesting of the generated HTML.

	*/
#cboxOverlay {
background:url(../images/overlay.png) repeat 0 0;
}

#colorbox {
}

#cboxTopLeft {
width:14px;
height:14px;
background:url(../images/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
width:21px;
height:14px;
background:url(../images/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
width:14px;
height:21px;
background:url(../images/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
width:21px;
height:21px;
background:url(../images/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
width:14px;
background:url(../images/controls.png) left top repeat-y;
}

#cboxMiddleRight {
width:14px;
background:url(../images/controls.png) right top repeat-y;
}

#cboxTopCenter {
height:14px;
background:url(../images/border.png) 0 0 repeat-x;
width:637px !important;
}

#cboxBottomCenter {
height:21px;
background:url(../images/border.png) 0 -29px repeat-x;
width:637px !important;
}

#cboxContent {
background:#fff;
overflow:hidden;
}

.cboxIframe {
background:#fff;
}

#cboxError {
padding:50px;
border:1px solid #ccc;
}

#cboxLoadedContent {
margin-bottom:28px;
}

#cboxTitle {
position:absolute;
bottom:4px;
left:0;
text-align:center;
width:100%;
color:#949494;
}

#cboxCurrent {
position:absolute;
bottom:4px;
left:58px;
color:#949494;
}

#cboxSlideshow {
position:absolute;
bottom:4px;
right:30px;
color:#0092ef;
}

#cboxPrevious {
position:absolute;
bottom:0;
left:0;
background:url(../images/controls.png) no-repeat -75px 0;
width:25px;
height:25px;
text-indent:-9999px;
}

#cboxPrevious:hover {
background-position:-75px -25px;
}

#cboxNext {
position:absolute;
bottom:0;
left:27px;
background:url(../images/controls.png) no-repeat -50px 0;
width:25px;
height:25px;
text-indent:-9999px;
}

#cboxNext:hover {
background-position:-50px -25px;
}

#cboxLoadingOverlay {
background:url(../images/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
background:url(../images/loading.gif) no-repeat center center;
}

#cboxClose {
display: none !important;
position:absolute;
bottom:45px;
right:30px;
background:url(../images/material/btn-batal.jpg) no-repeat;
width:71px;
height:32px;
text-indent:-9999px;
}
/*#cboxClose:hover{background-position:-25px -25px;}*/
/*

	  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill

	  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.

	  See: http://jacklmoore.com/notes/ie-transparency-problems/

	*/
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
/*

	  The following provides PNG transparency support for IE6

	  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.

	*/
.cboxIE6 #cboxTopLeft {
background:url(../images/ie6/borderTopLeft.png);
}

.cboxIE6 #cboxTopCenter {
background:url(../images/ie6/borderTopCenter.png);
}

.cboxIE6 #cboxTopRight {
background:url(../images/ie6/borderTopRight.png);
}

.cboxIE6 #cboxBottomLeft {
background:url(../images/ie6/borderBottomLeft.png);
}

.cboxIE6 #cboxBottomCenter {
background:url(../images/ie6/borderBottomCenter.png);
}

.cboxIE6 #cboxBottomRight {
background:url(../images/ie6/borderBottomRight.png);
}

.cboxIE6 #cboxMiddleLeft {
background:url(../images/ie6/borderMiddleLeft.png);
}

.cboxIE6 #cboxMiddleRight {
background:url(../images/ie6/borderMiddleRight.png);
}

.cboxIE6 #cboxTopLeft,.cboxIE6 #cboxTopCenter,.cboxIE6 #cboxTopRight,.cboxIE6 #cboxBottomLeft,.cboxIE6 #cboxBottomCenter,.cboxIE6 #cboxBottomRight,.cboxIE6 #cboxMiddleLeft,.cboxIE6 #cboxMiddleRight {
_behavior:expression(this.src = this.src ?this.src:this.currentStyle.backgroundImage.split( ' " ') [1 ],this.style.background = "none ",this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src= "+ this.src + ",sizingMethod= 'scale ') ");
}

.comment_area {
height:100px;
width:600px;
padding:5px;
border:1px solid #d8d8d8;
margin-top:15px;
color:#333;
font-size:12px;
font-family:arial;
}

#livechat-full {
width:430px !important;
}

#livechat-compact-container {
width:300px !important;
height:70px !important;
}

#livechat-badge {
top:14px !important;
left:4px !important;
height:30px !important;
line-height:30px !important;
padding:0 11px !important;
font-size:14px !important;
border:0 !important;
-moz-border-radius:30px !important;
-webkit-border-radius:30px !important;
border-radius:30px !important;
-moz-background-clip:padding !important;
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important;
background-color:#de3625 !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
box-shadow:none !important;
}
.green {
	color: green;
}
#loadingScreen {
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	opacity: 0.5;
	background: url(../images/loading.gif) 50% 50% no-repeat #fff;
}