body {
	color: #53534e;
	margin: 0px;
	padding: 0px;
	background: url(../images/bgBody.gif) top left repeat-x #fff;
	
}

body, p, h1,h2,h3,h4,h5,h6,div,ol,li,td,th,a,form,input,select,textarea,option,label {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

a {
	color: #3479a2;
	text-decoration: underline;
}
a:hover {
	color: #ff6c00;
	text-decoration: underline;
}

form {
	margin: 0px;
}
select{
}
textarea {
	overflow: auto;
	font-size: 12px;
	font-family: arial;
}

td, th {
}

img, object {
	border: 0px;
}

.floatRight{
 	float: right !important;
}
.floatLeft{
 	float: left !important;
	margin: 0px 10px 0px 0px;
}

.center{
	text-align: center;
}
.left{
	text-align:left;
}
.right{
	text-align: right;
}
.justify{
	text-align:justify;
}
.clear{
	clear: both;
	margin: 0px !important;
	padding: 0px !important;
	height: 0px;
	overflow: hidden;
}
/* ------------------------------------------------------------------------------------- */
.body {
	margin: 0px;
	padding: 0px;
	background: url(../images/bgFloral.png) top center no-repeat;
}
.container {
	padding: 0px;
	text-align: center;
}
.mainPage {
	width: 980px;
	margin: 0px auto !important;
	padding: 0px;
	text-align: left;
	background:#fff;
}
.header {
	padding: 0px;
}
.headerCell {
	height: 201px;
	padding: 0 4px 5px;
	background: url(../images/bgHeader.png) top left no-repeat;
}
a.siteLogo {
	float: left;
	margin-top: 25px;
	margin-left: 34px;
}
.header .tips {
	float: right;
	width: 290px;
	padding: 0px;
	background: url(../images/bgTips-base.gif) top right no-repeat;
}
.header .tipsCell {
	height: 20px;
	padding: 8px 0px 5px 0px;
	text-align: center;
	overflow: hidden;
	background: url(../images/bgTips-mask.gif) top left no-repeat;
}
.header .tipsCell a {
	padding-bottom: 5px;
	color: #456300;
	text-decoration: none;
	background: url(../images/arrow-blue-down.gif) bottom center no-repeat;
}
.header .tipsCell a:hover {
	color: #ff6c00;
	text-decoration: none;
}
#tooltips {
	display:none;
	position: absolute;
	z-index: 999;
	margin-top: -9px;
	margin-left: 1px;
	overflow:hidden;
}
#tooltipsCont {
	width: 270px;
	padding: 10px 10px 5px 10px;
	background: url(../images/bgTips-info.gif) bottom left no-repeat;
}
.tipsInfo {
	padding: 12px 10px;
	text-align: center;
	color: #557700;
	line-height: 130%;
	background: url(../images/bgTips-grad.gif) bottom left repeat-x #cdeb9b;
}
.tipsButton {
	text-align: center;
}

.siteInfo {
	float: right;
	width: 510px;
	height: 80px;
	padding: 28px 15px 2px 15px;
	overflow: hidden;
	text-align: right;
	color: #fff;
	line-height: 150%;
}
.cart-menu {
	float: left;
    margin-left: 36px;
    margin-top: 5px;
}
.cart-menu span {
	padding: 0px 5px;
}
/* choose language */
.cart-menu {
	float: left;
    margin-left: 36px;
    margin-top: 5px;
	overflow: hidden;
	color: #fff;
}
.cart-menu span {
	padding: 0px 5px;
}

/*
#langindonesia{ background: no-repeat left url(../images/indonesia.gif); }
#langmalaysia{ background: no-repeat left url(../images/malaysia.gif); }
*/
.langtipsInfo a:hover {
	color: #456300;
	text-decoration: underline;
}
.pilihbahasa a {
	padding-right:15px; padding-top:2px; padding-left:5px;
	text-decoration: none;
	background: url(../images/arrow-blue-down.gif) right no-repeat;
	font-size:11px;
	font-weight:arial;
	color:#5f3e01;
	font-weight:bold;
	text-shadow: #fee6a8 1px 1px 1px;
}

.langtipsInfo a {
	text-decoration: none;
	font-size:11px;
	font-weight:arial;
	color:#5f3e01;
	text-shadow: #fee6a8 1px 1px 1px;
}
.pilihbahasa a:hover {
	color: #fff;
	text-decoration: none;
	text-shadow:none;
}
#langtooltips {
	position: absolute;
	z-index: 1999;
	margin-top: 9px;
	margin-left: -33px;
	overflow:hidden;
	display:none;
}
#langtooltipsCont {
	width: 126px;
	padding: 2px 2px 2px 2px;
	background: url(../images/pilihbahasa-bg.gif) bottom left no-repeat;
}
.langtipsInfo {
	padding: 5px 0px 0 5px;
	text-align: left;
	color: #557700;
	line-height: 130%;
}
.langtipsInfo:hover {
	background: #FFE772;
}
.langtipsButton {
	text-align: center;
}




#custtooltips {
	position: absolute;
	z-index: 2999;
	margin-top: -1px;
	margin-left: -47px;
	overflow:hidden;
	display:none;
	border:#C0DB70 solid 7px;
	font-size:12px;
	background-color:#fff;
}
#custtooltips b{ color:#3C0 }
#custtooltips ul{ padding-left:37px; margin-bottom:10px; list-style-image: url('/images/bullet_green2.gif') }
#custtooltips  ul li{ line-height:17px; padding-bottom:2px; font-size:14px; }
#custtooltips  ul li a:hover{ text-decoration:none }
#custtooltips  ul li.logout a{ color:#F00 }

#custtooltipsCont {
	width: 170px;
	padding: 10px 15px 10px 15px;
	background: #fff;
}
.custtipsInfo {
	padding-bottom:2px;
}
.ingatsaya{ float:left }
.labelingatsaya{ padding-left:20px }
.custtipsinput{ margin-bottom:12px;
	border:1px solid #666; 
	padding-top:3px;padding-bottom:3px;padding-left:5px;padding-right:3px;
	font-size:12px; color:#666; width:160px;
}
.custtipsbiasa{ margin-top:10px; }
.custtipsButton {
	text-align: center;
}



.headerWrap {
	padding:4px; z-index:100;
}

.cs {
	float:right;
	width:424px;
	overflow:hidden;
}
.csCell {
	display: table-cell;
    float: left;
    padding: 0 0 3px;
    vertical-align: middle;
    width: 285px;
}
.csCell table td{
	padding: 4px 5px; color: #547703; font-weight: bold; font-size: 12px;
}
.csCell table .custname{ font-weight:normal }

.cs h2.title {
}
.csCell h5 {
}
.csCell h5 strong {
}
.csCell p {
	margin:0;
	padding:8px 0 0;
	vertical-align:middle;
}
.csCell p span {
	padding-bottom:10px;
}
.csCell p img  {
}
.cs-report {
	padding:0;
	margin:0;
	float:right;
	width:127px;
}
.cs-report p{
	margin:0;
	padding:2px 3px 0 3px;
	font-size:10px;
	color:#fff;
	line-height:95%;
	text-align:center
}
.cs-report a {
	color: #ff0;
	text-decoration: none; font-size:10px;
}
.cs-report a:hover {
	color: #fff;
	text-decoration: none;
}

.promo {
	margin-bottom:8px;
}
.sparkle {
}
.promoCell {
}
.promoCell h3 {
	margin: 8px 0px !important;
	padding: 0px !important;
	font-family: arial;
	font-size: 14px;
	line-height: 110%;
}
.promoCell a {
	font-family: arial;
	color: #fff;
	text-decoration: none;
}
.promoCell a:hover {
	font-family: arial;
	color: #fff;
	text-decoration: none;
}
.promoCell a:hover h3 {
	text-decoration: underline;
}

/* WRAP */
.wrapperTop {
	padding: 0px;
	overflow: hidden;
}
.wrapper {	
	min-height: 200px;
	padding: 0px 4px;
}
*html .wrapper {
	height: 200px;
	overflow: visible;
}
.wrapperBot {
}

.sidebar {
	float: left;
	width: 210px;
	padding: 0px;
	overflow: hidden;
}
.sidebar .cellTitle{
	background:url(../images/green-top.gif) no-repeat left top;
	height:31px;
	width:193px;
	padding:12px 0 0 17px;
	font-weight:bold;
	text-shadow: #d4ef87 1px 1px 1px;
	color:#2a3b00;
}

.page {
	float: right;
	padding: 0px;
}
.main {
	float: right;
	width: 755px;
	padding: 0px;
}
.main.full {
	float: none;
	width: 723px;
	padding: 0px;
	overflow: hidden;
}
.rightbar {
	float: right;
	width: 206px;
	padding: 0px;
	overflow: hidden;
}
.mainBlock {
	padding: 2px;
}
*html .mainBlock {
	height: 550px;
	overflow: visible;
}
.full .mainBlock {
}
.mainBlockBottom {
}
.full .mainBlockBottom {
	background: url(../images/mainBlockBot-full.gif) top left no-repeat;
}

.flowNav {
	padding: 10px 13px;
	background:#def49b;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	margin-bottom:5px;
}
.flowNav p {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 12px;
	font-family: arial;
	color: #5e8300;
}
.flowNav p a, .flowNav p a:hover {
	color: #ff6c00;
	text-decoration: none;
	font-size: 12px;
}

.mainContent .genericcontent{
	padding-left:30px; font-size:14px; line-height:21px;
}
.mainContent .genericcontent p{
	font-size:14px; line-height:21px;
}
.mainContent .genericcontent h1.pageTitle{
	color:orange; font-size:27px; margin:20px 0 25px 0; line-height:28px;
}
.mainContent .genericcontent h2.pageSubTitle{
	margin:15px 0 -15px 0; font-size:12px; color:#666
}
.mainContent .genericcontent .newsItem{
	border-bottom:#CCC dashed 1px; padding-bottom:15px; margin-bottom:5px;
}
.mainContent .genericcontent h5{
	line-height:12px; margin-bottom:-5px
}
.mainContent .genericcontent .newsItem h2 a, .mainContent .genericcontent h2{
	color:orange; text-decoration:none; font-size:20px; line-height:20px;
}
.mainContent .genericcontent .newsItem .newsDate{
	float:right;
}
.mainContent .genericcontent .newsItem h2 a:hover{
	color:green; text-decoration:underline;
}
.mainContent .genericcontent ul{
	padding-left:30px; font-size:14px; line-height:18px;
}
.mainContent .genericcontent  ul{ margin-bottom:20px; margin-top:8px; padding-left:35px; list-style-image: url('/images/bullet_green2.gif') }
.mainContent .genericcontent  ul li{ line-height:24px; padding-bottom:3px; font-size:14px; }
.mainContent .genericcontent  ul li a:hover{ text-decoration:none }


.mainContent .genericcontent ol{
	padding-left:15px; font-size:14px; line-height:18px;
}
.mainContent .genericcontent  ol{ margin-bottom:20px; margin-top:8px; padding-left:35px; }
.mainContent .genericcontent  ol li{ line-height:24px; padding-bottom:3px; font-size:14px; }
.mainContent .genericcontent  ol li a:hover{ text-decoration:none }


.content {
	color: #353535;
}
.content p {
	margin: 10px 0px !important;
	line-height: 150%;
}

h1.pageTitle {
	font-size:18px; margin:6px 0 10px 0;
}
h2.subTitle {
	margin: 5px 0px !important;
	padding: 9px 15px 0px 15px !important;
	height: 21px;
	font-size: 12px;
	color: #3479a2;
	background: url(../images/bgSubTitle.gif) top left no-repeat;
}
h1.pageTitleMember {
	margin: 0px !important;
	padding: 15px 25px 9px 25px !important;
	height: 21px;
	font-size: 12px;
	color: #3479a2;
	background: url(../images/bgPageTitle-orange.gif) top left no-repeat;
}
h1.pageTitleMember .pageTitleUser a {
	color:#F60;
	text-decoration:none;
	font-size:15px;
	font-weight:200
}
h1.pageTitleMember .pageTitleLogout a {
	color:#C00;
	text-decoration:none;
	font-size:12px;
	font-weight:200;
	float:right
}
h1.pageTitleMember a:hover {
	text-decoration:underline;
	color:#2A6689;
}

.content h2.subTitle {
	margin-left: -15px !important;
	margin-right: -15px !important;
	margin-top: 25px !important;
	margin-bottom: 15px !important;
}
.main.full h2.subTitle {
	background: url(../images/bgSubTitle-full.gif) top left no-repeat;
}

ul.productList {
	margin: 0px !important;
	margin-right: -5px !important;
	padding: 0px !important;
	list-style: none;
}
.content ul.productList {
	margin-left: -4px !important;
	margin-right: -20px !important;
}
.full ul.productList {
	padding-left: 10px !important;
}
ul.productList li {
	float: left;
	width: 224px;
	height: 340px;
	/*margin: 14px 24px 14px 4px;*/
	/*background: url(../images/product-bg.gif) top left no-repeat;*/
}
.tab_container ul.productList li{
	margin:0 0px;
}
.full ul.productList li {
	margin-right: 5px;
	margin-bottom: 5px;
}
ul.productList li .productTitle {
	height: 41px;
	padding: 4px 2px 2px 5px;
	overflow: hidden;
	text-align: left;
	font-size: 13px;
	color:#fff;
	margin:-47px 0 0 0;
	z-index:100;
	background-color:#333;
	position:relative;
	opacity:0.7;
  	filter:alpha(opacity=70);
}
ul.productList li .productTitle h5 {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 13px;
	line-height: 130%;
	height: 18px; overflow:hidden;
}

ul.productList li .productTitle h5 a {
	/*color: #84ac1d;*/
	color:#fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: normal;
}
ul.productList li .productTitle h5 a:hover {
	text-decoration: underline;
}
ul.productList li .productTitle .cat{ display:none }
ul.productList li .productImg .thumb {
	padding: 0px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	position: relative;
	border: solid 1px #CCC;
}
ul.productList li .productImg .thumb div img {
	vertical-align: middle; width: 224px; height: 340px;
}
ul.productList li .productPrice {
	padding: 0px;
}
ul.productList li .productPrice .mainprice {
	margin: 0px !important;
	padding: 0px 0 5px 0!important;
	font-size: 16px;
	line-height: 150%;
	color: #fff; font-weight:bold; text-align:right; float:right;
}
ul.productList li .productPrice .mainprice span {
	font-size: 11px; font-weight: normal;
}
ul.productList li .productPrice label { padding-left:10px; color:#6EA117}
ul.productList li .productPrice s {
	font-size: 11px;
	color: #ddd;
	line-height: 100%;
	text-decoration: line-through;
}
ul.productList li .productPrice .markupprice {
	float:left;
}
ul.productList li .productBtn {
	height: 22px; padding-top:5px;
	text-align: center;
}
.linkMore {
	clear: both;
	padding: 10px 0px 5px 0px;
	text-align: right;
	font-size: 10px;
}
.linkMore a, .linkMore a:hover {
	text-decoration: none;
}

.category {
	background:url(../images/brown-body.gif) repeat-y;
	width:210px;
	margin:0 auto;
	color:#3c2201;
	
}
.categoryCell{
	background:url(../images/brown-bottom.gif) no-repeat left bottom;
}
.itsme a{
	font-weight:bold;
}
.category .cellTitle{
	background:url(../images/brown-top.gif) no-repeat left top;
	color:#3c2201;
	text-shadow: #fcba59 1px 1px 1px;
}
*html .category {
}
.category h2.title {
	
}
.categoryCell ul {
	min-height: 95px;
	margin: 0px !important;
	padding: 10px 15px 20px 22px !important;
	list-style: none;
}
*html .categoryCell ul {
	height: 95px;
	overflow: visible;
}
.categoryCell ul li {margin-bottom:8px;}
.categoryCell ul li span{ display:none; font-size:11px; color:#999 }
.categoryCell ul li a {
	font-size: 12px;
	color: #4f6d03;
	text-decoration: none;
	padding:4px;
	padding-left:10px;
	background:url(../images/bullet4.gif) no-repeat left center;
}
.categoryCell ul li a:hover {
	color: #ff6600;
	text-decoration: none;
	background:url(../images/bullet5.gif) no-repeat left center;
}

.blockBox {
	width:222px;
	float:left;
	margin-top:7px;
	margin-left:18px;
	
}
.blockBox h4.title{
	color: #FFFFFF;
    font-size: 12px;
    height: 44px;
    margin: 0;
    padding: 15px 0 0 75px;
}
.blockBox .testimoni h4.title{
	background: url(../images/h-testi1.gif) no-repeat left top;
}
.blockBox .fanpage h4.title{
	background: url(../images/h-fb-1.gif) no-repeat left top;
}
.blockBox .twit h4.title{
	background: url(../images/h-tw-1.gif) no-repeat left top;
}
.blockBoxCell {
	background:url(../images/bg-blockBoxCell.gif) repeat-y;
	height:315px;
	position: relative;
}

.blockBoxBot {
	background:url(../images/bg-blockBoxBot.gif) no-repeat left bottom;
	height:13px;
}
.sidebar .blockBox{
	width:210px;
	float:none;
	margin:5px 0;
	padding:0;
}
.sidebar .blockBoxCell{
	height:auto;
	background:url(../images/green-body.gif) repeat-y;
	padding:10px 20px;
}
.sidebar .blockBoxCell .productImg{
	width:70px;
	height:105px;
	float:left;
	border:1px solid #cecece;
	margin:6px; background-color:#FFF; text-align:center
}
.blockBoxCell .productImg .thumb a img{
	max-width: 70px;
	max-height: 105px;
	width: expression(this.height > 70 ? "70px" : true);
	height: expression(this.height > 105 ? "105px" : true);
	padding-right:4px;
	margin-bottom:10px;
	border:0;
    top:50%;
}

.sidebar .blockBoxBot{
	background:url(../images/green-bottom.gif) no-repeat left top;
	height:13px;
}
.sidebar .orange .cellTitle{
	background:url(../images/orange-top.gif) no-repeat left top;
	color:#e7570d;
	text-shadow: 1px 1px 1px #ffeb81;
}
.sidebar .orange .blockBoxCell{
	background:url(../images/orange-body.gif) repeat-y;
}
.sidebar .orange .blockBoxBot{
	background:url(../images/orange-bottom.gif) no-repeat left bottom;
	height:13px;
}
.login p a{
	font-size:11px;
}
.loginCell {
	padding: 10px 18px;
	color: #3479a2;
}
.loginCell label {
	display: block;
}
.loginCell input {
	margin: 3px 0px 5px 0px;
	width: 160px;
	height: 15px;
	padding: 2px 3px;
	font-size: 12px;
	color: #333;
	background: url(../images/bgTeksInput.gif) top left no-repeat;
	border: 1px solid #d6d6d6;
}
.loginCell p {
	margin: 0px !important;
	padding: 0px !important;
}
.loginCell p input {
	width: 82px;
	height: 27px;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/loginBtn.gif) top left no-repeat;
	border: none;
	cursor: pointer;
}
.loginCell p a {
	margin-top: -24px;
	font-size: 10px;
	float: right;
	color: #3479a2;
	text-decoration: none;
}
.loginCell p a:hover {
	color: #ff6c00;
	text-decoration: underline;
}

.menuLink {
	padding: 10px 15px;
	text-align: center;
}
.menuLink ul {
	margin: 0px !important;
	padding: 0px !important;
	list-style: none;
}
.menuLink ul li {
	
}
*html .menuLink ul li {
	height: 10px;
	overflow: visible;
}
.menuLink ul li a {
	display: block;
	padding: 5px 0px;
	color: #2b688c;
	text-decoration: underline;
}
.menuLink ul li a:hover {
	color: #ff6c00;
	text-decoration: underline;
}

.searchTag {
	
}
.searchTagCell {
	padding: 15px;
}
.searchTagCell a {
	color: #3479a2;
	text-decoration: none;
}
.searchTagCell a:hover {
	color: #156392;
	text-decoration: underline;
}

.header .search {
	float: right;
    margin: -29px 10px 0;
		
}
.header .login {
	float: right;
    margin: -29px 265px 0;
	width: 113px;
	height: 25px;
	z-index: 1000;
}
.header .login p {
	margin: 0; padding: 0;
}
.header .login p a {
	margin: 0; padding: 5px 0 0 8px; background: url(../images/cust-login.gif) no-repeat; width: 105px; height: 20px; display: block; color: #000; text-decoration: none; text-align: left;
}
.header .login p a:hover {
	color: #3d5603;
}
.header .search input.text{
	background:url(../images/bg-input-search.gif) no-repeat left top;
	height:21px;
	width:184px;
	border:none;
	padding:3px 6px;
	margin-top:-1px;
	float:left;
	color: #555;
}
.header .search input.btn{
	background:url(../images/btn-search.gif) no-repeat left top;
	height:27px;
	width:31px;
	border:none;
	text-indent:-9999px;
	margin:-1px 0 0 -3px;
	cursor:pointer;
	float:left;
}
.search {
}
.searchCell {
	padding: 10px 15px 5px 15px;
}
*html .searchCell {
	height: 30px;
	overflow: visible;
}
.searchCell label {
	display: block;
	padding: 5px 2px;
	font-weight: bold;
	color: #84ac1d;
}
input.searchTxt {
	float: left;
	margin: 3px 0px 5px 0px;
	width: 135px;
	height: 15px;
	padding: 2px 0px 2px 3px;
	font-size: 12px;
	color: #999;
	background: url(../images/bgTeksInput.gif) top left no-repeat;
	border: 1px solid #d6d6d6;
}
*html input.searchTxt {
	width: 133px;
}
input.searchTxt:focus {
	color: #333;
}
input.searchBtn {	
	float: right;
	padding-left: 0px;
	padding-right: 0px;
	width: 28px;
	height: 24px;
	font-size: 11px;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	background: url(../images/searchBtn.gif) top left no-repeat;
	border: none;
	cursor: pointer;
}
.searchCell p {
	clear: both;
	margin: 0px !important;
	padding: 5px 0px 0px 0px !important;
	text-align: center;
}
.searchCell p a, .searchCell p a:hover {
	text-decoration: none;
	font-size: 11px;
	
}

.productBox {
	
}
.productBoxCell {
	padding: 10px 10px;
	text-align: right;
	line-height: 130%;
	color: #3479a2;
}
*html .productBoxCell {
	height: 30px;
	overflow: visible;
}
.productBoxCell h3 {
	margin: 0px !important;
	padding: 5px 0px 10px 0px !important;
	font-size: 12px;
	text-align: center;
}
.productBoxCell h3 a {
	color: #84ac1d;
	text-decoration: none;
}
.productBoxCell h3 a:hover {
	color: #84ac1d;
	text-decoration: underline;
}
.productBoxCell img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.productBoxCell .rate {
	clear: both;
	text-align: left;
	padding: 10px 0px 0px 0px;
}
.productBoxCell .rate img {
	float: none;
	margin-left: 3px;
	margin-bottom: -3px;
}

.testimoni {
	
}
.testimoniCell, .fanpageCell, .twitCell {
	padding: 15px 15px 10px 15px;
	color:#000; text-align:center
}
.fanpageCell{width:180px;height:230px;overflow:hidden;}
.fanpageCell iframe{margin:-1px;margin-top:-20px;margin-left:-9px;}
.twitCell a {
	text-align: right; color: #e54b05; font-weight: bold; float: right; margin-right: 10px; text-decoration: none;
}
.twitCell a:hover {
	color: #f9763e;
}
.twitCell ul {
	margin: 0; padding: 0;
	min-height: 225px;
}
.twitCell li {
	margin: 0; padding: 0 10px 10px 0; list-style: none; color: #344801; font-weight: normal; font-size:11px;
	text-align:left; border-bottom:1px dashed #eee; margin-bottom:7px
}
.twitCell li .time{
	color:#999; font-size:10px; float:right;
}
.twitCell li a {
	color: orange; text-decoration: none; text-align: left; float: none; margin-right: 0; font-weight:normal;
	font-size:10px
}
.twitCell li a:hover {
	color: #536b14;
}
.testimoniCell p {
	margin: 0px !important;
	padding: 0px 0px 0px 0px !important;
	font-size: 11px;
	color: #000;
	line-height: 150%;
	background:url(../images/icon-quote.gif) no-repeat top left
}
.testimoniCell h4 {
	margin: 10px 0px 0px 0px !important;
	padding: 0px !important;
	font-size: 11px;
	color: #000;
	line-height: 130%;
}
.testimoniCell h5 {
	margin: 0px !important;
	padding: 0px !important;
	font-size: 11px;
	font-weight: lighter;
	color: #3479a2;
	line-height: 130%;
}
.testimoniCell h5 a {
	color: #76a539;
	text-decoration: none;
}
.testimoniCell h5 a:hover {
	color: #76a539;
	text-decoration: underline;
}
.testilinks {
	padding: 30px 0px 0px 0px;
	text-align: center;
	font-size: 10px;
	color: #ccc; 
	text-align: center;
}
.testilinks a {
	text-decoration: none; color: #fff; background: #ff5152; padding: 1px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.testilinks a:hover {
	text-decoration: none; color: #fff; background: #c92a2b; padding: 1px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}	
.newsletter {
	margin-bottom: 3px;
}
.newsletter p {
	margin: 0px 0px 3px 0px !important;
	padding: 0px !important;
	text-align: center;
}

.sidebar .banner, .rightbar .banner {
	
}
.sidebar .banner p, .rightbar .banner p {
	margin: 0px 0px 3px 0px !important;
	text-align: center;
}

a.banner img{
	border:1px solid #333;
}
table.contactTbl {
	width: 100%;
	margin: 10px 0px 15px 0px;
	border: none;
}
table.contactTbl tr td {
	padding: 4px 5px;
	vertical-align: top;
}
table.contactTbl tr td span {
	display: block;
	padding: 5px 0px;
	font-size: 11px;
	line-height: 110%;
	font-family: arial;
}
table.contactTbl tr td input.text {
	font-size: 12px;
	padding: 2px;
	font-family: arial;
	border: 1px solid #aac37f;
}
table.contactTbl tr td textarea {
	border: 1px solid #aac37f;
	overflow: auto;
}
input.contactButton {
	margin-top: 25px;
	margin-right: 5px;
	width: 82px;
	height: 27px;
	text-transform: uppercase;
	color: #586f1e;
	font-size: 11px;
	background: url(../images/loginBtn.gif) top left no-repeat;
	border: none;
	cursor: pointer;
}
input.contactButton:hover {
	color: #fff;
}

ul.faqList {
	margin: 10px 0px 0 30px !important;
	padding: 0px !important;
	list-style: none;
}
ul.faqList li.faqItem {
	font-size: 11px;
}
ul.faqList li.faqItem p {
	margin: 15px 0px 5px 0px !important;
	font-weight: bold;
}
ul.faqList li.faqItem p a {
	color: #4d771c;
	text-decoration: none;
}
ul.faqList li.faqItem p a:hover {
	color: #ff6c00;
	text-decoration: none;
}
.faqBox {
	padding: 8px 10px;
	color: #333;
	background-color: #f3fce1;
	border: 1px solid #c5da9f;
}
ul.faqList li.faqItem .faqBox p {
	margin: 10px 0px !important;
	font-weight: normal;
}
ul.faqList li.faqItem .faqBox ul {
	margin: 10px 0px 10px 0px !important;
	padding: 0px 0px 0px 10px !important;
}
ul.faqList li.faqItem .faqBox ol {
	margin: 10px 0px 10px 10px !important;
	padding: 0px 0px 0px 10px !important;
}
ul.faqList li.faqItem .faqBox ul li, ul.faqList li.faqItem .faqBox ol li {
	margin: 5px 0px 10px 0px;
}

.tableContainer {
	margin: 10px 0px 20px 0px;
}
.tableCellHeader {
	height: 8px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/roundTable-top.gif) top left no-repeat;
}
.tableCell {
	padding: 20px;
	text-align: center;
	background: url(../images/roundTable-bg.gif) top left repeat-y #fff;
}
.tableCellBottom {
	height: 8px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/roundTable-bot.gif) top left no-repeat;
}

.tableCell table {
	width: 300px;
	margin: 0px auto;
}
.tableCell table.searchTbl {
	width: 400px;
	margin: 0px auto;
}
.tableCell table.searchTbl .text{
	width:96%; height:40px; font-size:25px; padding-left:5px;
}
.tableCell table.searchTbl td {
	padding: 4px 5px;
	text-align: left;
	color: #3479a2;
}
.tableCell table.testimoniTbl {
	width: 95%;
	margin: 0px auto;
}
.tableCell table.testimoniTbl td {
	padding: 6px 5px;
	text-align: left;
	color: #3479a2;
	vertical-align: top;
}

table.loginTbl td {
	padding: 4px 10px;
	text-align: left;
	color: #3479a2;
}

input.loginText {
	margin: 3px 0px 5px 0px;
	width: 160px;
	height: 15px;
	padding: 2px 3px;
	font-size: 12px;
	color: #333;
	background: url(../images/bgTeksInput.gif) top left no-repeat;
	border: 1px solid #d6d6d6;
}
input.loginButton {
	width: 82px;
	height: 27px;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/loginBtn.gif) top left no-repeat;
	border: none;
	cursor: pointer;
}

table.searchTbl td input.text {
	margin: 0px 0px 0px 0px;
	width: 150px;
	height: 15px;
	padding: 2px 3px;
	font-size: 12px;
	color: #333;
	background: url(../images/bgTeksInput.gif) top left no-repeat;
	border: 1px solid #d6d6d6;
}
table.testimoniTbl td input.text {
	margin: 0px 0px 0px 0px;
	width: 240px;
	height: 15px;
	padding: 2px 3px;
	font-size: 12px;
	color: #333;
	background: url(../images/bgTeksInput.gif) top left no-repeat;
	border: 1px solid #d6d6d6;
}
table.testimoniTbl td textarea {
	margin: 0px 0px 0px 0px;
	width: 300px;
	height: 140px;
	padding: 2px 3px;
	font-size: 12px;
	color: #333;
	background: url(../images/bgTeksInput.gif) top left no-repeat;
	border: 1px solid #d6d6d6;
	overflow: auto;
}
table.searchTbl td select {
	margin: 0px 0px 0px 0px;
	height: 19px;
	font-size: 12px;
	color: #333;
	background: url(../images/bgTeksInput.gif) top left no-repeat #fff;
	border: 1px solid #d6d6d6;
}
table.searchTbl td input.button, table.testimoniTbl td input.button {
	width: 82px;
	height: 27px;
	text-transform: uppercase;
	color: #fff;
	background: url(../images/loginBtn.gif) top left no-repeat;
	border: none;
	cursor: pointer;
}

p.errormsg {
	padding: 4px 10px 6px 10px !important;
	text-align: center;
	color: #ff6c00;
	font-family: arial;
	background-color: #f5fbeb;
}

.sortir {
}
.sortir a{
	color:orange;
}
.sortir a:hover{
	color:#000;
}
.sortir span {
	float:right; margin-right: 6px;
}
.last-visit{
	padding:15px 0;
}
.last-visit h3{
	display: table-cell;
    float: left;
    margin: 0;
    padding-top: 40px;
    text-align: center;
    width: 222px;
}
.last-visit p{
	float:left;
	width:100px;
	text-align:center;
}
.last-visit a img{
	max-width: 75px;
	max-height: 75px;
	width: expression(this.width > 75 ? "75px" : true);
	height: expression(this.height > 75 ? "75px" : true);
	padding-right:4px;
	margin-bottom:10px;
	border:0;
    top:50%;
}
.last-visit a{
	text-decoration:none;
}
.last-visit p div{ height:75px; float:left; }
.productDetil {
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: -15px;
	margin-left: -15px;
	padding: 10px 20px 20px 25px;
	background-color: #fff;
}
.productDetil .detImage {
	float: left;
	margin-right: 25px;
}
.productDetil .detImage .image, .imageBox2 img{ border:#CCC 1px solid; }
.productDetil .detImage .buttons {
	padding: 8px 5px 5px 5px;
	text-align: right;
	border-top: 1px solid #eee;
}
.productDetil .detImage .buttons span {
	padding-right: 5px;
}
.productDetil .detImage .buttons p {
	display: inline;
}
*html .productDetil .detImage .buttons p {
	margin: 0px 1px !important;
}
*:first-child+html .productDetil .detImage .buttons p {
	margin: 0px 1px !important;
}
.productDetil .detImage .buttons p a {
	padding: 2px 6px;
	color: #fff;
	text-decoration: none;
	background-color: #4998c4;
	border: 1px solid #b6d6e7;
}
.productDetil .detImage .buttons p a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #9dbf4a;
	border: 1px solid #b1cc6e;
}
.productDetil .det-thumb{
	padding:0 2px;
}
.productDetil .det-thumb a{
	margin:0 2px;
}
.productDetil .det-thumb a img{
	width:70px;
	height:80px;
	border:1px solid #ccc;
}

.productDetil .detBrief {
	display: table;
	height: 1%;
}
.productDetil .detBrief h1 {
	margin: -10px 0px !important;
	padding: 10px 0px !important;
	font-size: 16px;
	color:orange;
}
.productDetil .detBrief table {
	margin: 10px 0px;
	width: 100%;
	border: none;
}
.productDetil .detBrief table td {
	padding: 5px 10px 5px 5px;
	vertical-align: top;
	line-height: 150%;
	border-bottom: 1px solid #eee;
}
.productDetil .detBrief form {
	padding: 10px 0px 20px 0px;
}
.productDetil .detBrief .moreInfo {
	margin: 10px 0px 0 5px;
}
.productDetil .detBrief .moreInfo h2 {
	margin: 5px 0px !important;
	padding: 5px 0px !important;
	font-size: 12px;
	color:orange;
}
.productDetil .detBrief .moreInfo p b{
	font-size:14px;
	color:#3479A2;
}
.productDetil .detBrief .moreInfo p b span{
	border-bottom:2px solid #333;
	padding:6px;
	display:block;
}
.productDetil .detBrief .moreInfo a{
	text-decoration:none;
}

input.buttonLink {
	width:100%;
	background:url(../images/btn-orange.gif) repeat-x;
	height:30px;
	border:1px solid #f67f47;
	cursor:pointer;
	font-weight:bold;
	color:#fff;
	text-transform:;
}
input.buttonLink:hover {
	color: #fff;
}

.testimoniItem {
	margin: 5px 0px;
	margin-right: -10px;
	margin-left: -10px;
	padding: 10px;
	font-size: 11px;
	background-color: #fff;
	border: 1px solid #e9f1d7;
}
.testimoniItem p {
	margin: 5px 0px 10px 0px !important;
	padding: 0px !important;
}
.testimoniItem span.date {
	color: #888;
}
.testimoniItem i {
	color: #1a7bb1;
	font-size: 12px;
}
.testimoniItem a {
	color: #557700;
	text-decoration: none;
}
.testimoniItem a:hover {
	color: #69992a;
	text-decoration: underline;
}

table.shoppingTable {
	margin: 20px 0px;
	width: 100%;
	background-color: #fff;
	border: none;
	border-top: 1px solid #cdeb9a;
}
table.shoppingTable th, table.shoppingTable td {
	padding: 6px 10px;
	text-align: left;
	font-size: 11px;
	vertical-align: top;
	border-bottom: 1px solid #eaf2dd;
}
table.shoppingTable th {
	padding: 8px 10px;
	color: #3479a2;
	background: url(../images/bgCartHead.gif) top left repeat-x #f4fee3;
	border-bottom: 1px solid #cdeb9a;
}
table.shoppingTable td a {	
	color: #648b00;
	text-decoration: none;
}
table.shoppingTable td a:hover {	
	color: #ff6c00;
	text-decoration: none;
}
table.shoppingTable td input.text, table.shoppingTable td input.trolyValue2 {
	height: 15px;
	padding: 2px 3px;
	font-size: 12px;
	color: #333;
	background: url(../images/bgTeksInput.gif) top left no-repeat;
	border: 1px solid #d6d6d6;
}
table.shoppingTable td input.totalValue {
text-align:right; border:none; font-size:14px; background-color:#FFC; font-weight:bold	
}
table.shoppingTable td select {
	padding: 2px 2px 2px 4px;
	font-size: 12px;
	color: #333;
	background: url(../images/bgTeksInput.gif) top left no-repeat #fff;
	border: 1px solid #d6d6d6;
}
input.backButton {
	width: 200px;
	height: 50px;
	padding-bottom: 1px;
	padding-right: 0;
	padding-left: 0;
	color: #fff;
	font-size: 22px;
	background: url(../images/blue-button.gif) top left no-repeat;
	border: none;
	cursor: pointer;
	margin-right:30px;
}
input.checkoutBtn {
	width: 200px;
	height: 50px;
	padding-bottom: 1px;
	padding-right: 0;
	padding-left: 0;
	color: #fff;
	font-size: 22px;
	background: url(../images/green-button.gif) top left no-repeat;
	border: none;
	cursor: pointer;
	margin-right:30px;
}

/* PAGE NAV */
.pageNav,.statusNav {
	clear: both;
	margin-top: 10px !important;
	margin-bottom: 15px !important;
	padding: 5px 0px;
	text-align: right;
	border-top:2px solid #eee;
	margin-right: 7px;
}

.pageNav p {
	display: inline;
	margin: 0px !important;
}
.pageNav span.left{
	float:left;
}
.pageNav a,.pageNav span.right {
	padding: 0px;
	overflow: hidden;
	display: inline;
	padding: 6px 6px 7px 6px;
	font-size: 11px;
	text-decoration: none;
}
.pageNav p.first a, .pageNav p.last a {
	padding: 6px 6px 7px 6px;
}
.pageNav p a.active {
	color: #ff6c00;
	text-decoration: underline;
}

/* FOOTER */
.footer {
	padding: 20px 0px;
	text-align: left;
}

.bottomMenu {
	background:url(../images/bg-footer.gif) repeat-x;
	height:257px;
}
.bottomMenu a{ font-size:11px; }
.bottomMenuCell{
	width:980px;
	margin:0 auto;
}
ul.bot-feature{
	list-style:none;
	margin:0;
	padding:20px 0;
}
ul.bot-feature h3{
	text-transform:uppercase;
	font-size:14px;
	padding:4px;
	padding-left:35px;
	color:#000;
	margin-bottom:10px;
}
ul.bot-feature li{
	width:23%;
	float:left;
	margin-left:1%;
	border-right:1px dashed #999;
}
ul.bot-feature li.bj-baru {
	width:230px;
	float:left;
	margin-left:17px;
	border-right:1px dashed #999;
}
ul.bot-feature li.new-search {
	width:198px;
	float:left;
	margin-left:20px;
	border-right:1px dashed #999;
	padding-right: 20px;
}
ul.bot-feature li.unique {
	width:200px;
	float:left;
	margin-left:25px;
	border-right:1px dashed #999;
	padding-right: 20px;
}
ul.bot-feature li.payment {
	width:192px;
	float:left;
	margin-left:25px;
	border-right:1px dashed #999;
	padding-right: 20px;
}
ul.bot-feature li:last-child{
	border:none;
}
ul.bot-feature li a{
	text-decoration:none;
	color:#333;
	line-height:180%;
}
ul.bot-feature li a:hover{
	color:#f00;
}
ul.bot-feature ul li{
	float:none;
	display:block;
	width:100%;
	white-space:nowrap;
	border:none;
}
.bot-feature ul{
	list-style:none;
	margin:0;
	padding:0;
}
.bj-baru h3{
	background:url(../images/icon-bj.gif) no-repeat left center;
}
.new-search h3{
	background:url(../images/icon-src.gif) no-repeat left center;
}
.unique li a{
	background:url(../images/bullet2.gif) no-repeat left center;
	padding:3px;
	padding-left:15px;
}
.unique li a:hover{
	background:url(../images/bullet3.gif) no-repeat left center;
}
.unique h3{
	background:url(../images/icon-info.gif) no-repeat left center;
}
.payment h3{
	background:url(../images/icon-dlr.gif) no-repeat left center;
}

.new-search a{
}
.footerCell {
	color: #436f12;
	padding: 10px 20px;
	font-size: 11px;
	line-height: 150%;
	text-align:center;
}
.footerCell a, .footerCell a:hover {
	color: #d5b419;
}
.copyright {
	padding: 10px 0px;
	text-align:center;
}

/*featured*/
.hot{
	background:url(../images/hot.gif) no-repeat left top;
	height:64px;
	width:64px;
	display:block;
	z-index:1;
	position:absolute;
	margin:-33px 0 0 -1px;
}
.promo .top{
	background:url(../images/h-promo-green.gif) repeat-x left top;
	height:32px;
	position:relative;
	margin:0;
	padding:0;
}
.promo .top h1{
	margin:0;
	padding:10px 0 0;
	color:#fff;
	float:left;
}
.promo .top span{
	padding:10px 0 0 60px;
	float:left;
	display: block;
	color:#fff;
}
.promo .top span.y{
	background:url(../images/h-promo-kuning.gif) no-repeat left top;
	width:237px;
	height:22px;
	color:#685200;
	font-weight:bold;
}
#featured{ 
	width:962px; 
	position:relative; 
	border:5px solid #cde783; 
	height:354px; 
	background:#fff;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; 
	left:0; 
	list-style:none; 
	padding:0; margin:0; 
	width:233px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; 
	font-size:11px; 
	color:#666;
	height:70px;
	padding:0 0;
	border-bottom:1px dashed #cecece;
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
	height:50px;
	width:60px;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana;
	line-height:100%;
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px;
	padding:5px;
	color:#ff0000;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#ffe795; 
}
#featured li.ui-tabs-selected{ 
	background:url('images/selected-item.gif') top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background:url(../images/arrow1.gif) no-repeat right center #c7fb94;
}
#featured .ui-tabs-panel{ 
	width:720px;
	right:0;
	height:354px; 
	background:#999; 
	position: absolute;
}
#featured .ui-tabs-panel img{
	border-left:#eee solid 1px;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/*tab content*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border:1px solid #668E09;
	background:url(../images/bg-menu.gif) repeat-x left top;
	width: 100%;
}
ul.tabs h2{
	color:red;
	text-transform:uppercase;
	float:right;
	padding-right:20px; padding-top:10px;
}
ul.tabs h2 a {
	color: red; text-decoration: none;
}
ul.tabs h2 a:hover {
	color: #cd0202; text-decoration: none;
}
ul.tabs span{
	background:url(../images/new.gif) no-repeat left top;
	height:43px;
	width:24px;
	position:relative;
	display:block;
	float:right;
	margin-right:20px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 32px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 32px; /*--Vertically aligns the text within the tab--*/
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #374C01;
	display: block;
	font-size:12px;
	padding: 0 20px;
	outline: none;
	font-weight:bold;
}
ul.tabs li.active a, ul.tabs li a:hover{
	color:#683301;
	background:url(../images/bg-a-hover.gif) repeat-x;
}
html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
	color: #683301;
	background:url(../images/bg-a-hover.gif) repeat-x;
}
.tab_container {
	border: 1px solid #d8e8b1;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
	margin-bottom:8px;
	padding-bottom: 8px;
}
.tab_content {
	padding: 10px;
	padding-bottom:20px;
}
.tab_container a.moreInfo{
	float:right;
	background:url(../images/bullet1.gif) no-repeat left center;
	font-size:11px;
	text-decoration:none;
	color:#f00;
	padding-left:15px;
	margin: 7px 13px 0 0;
}
.tab_container a.moreInfo:hover {
	color: #CD0202; background:url(../images/bullet1_hover.gif) no-repeat left center;
}
ul.bot-container{
	list-style:none;
	margin:0;
	padding:10px 0; border-top:1px #ddd dashed; margin-top:25px;
}
ul.bot-container h3{
	text-transform:uppercase; font-size:14px; color:#666; padding-bottom:15px; padding-top:10px
}
ul.bot-container li{
	width:216px;
	float:left;
	margin-left: 25px;
}
ul.bot-container li:first-child {
	width:227px;
	float:left;
	margin-left: 15px;
}
ul.bot-container li li{
	width: auto;
	float: none;
	margin-left: 2px;
}
ul.bot-container li li:first-child{
	width: auto;
	float: none;
	margin-left: 2px;
}
ul.bot-container li a{
	text-decoration:none;
	color:#666;
}
ul.bot-container li a:hover{
	color:#f00;
}
ul.bot-container ul li{
	float:none;
	display:block;
	width:100%;
	padding:4px 0;
}
.bot-container ul{
	list-style:none;
	margin:0;
	padding:0;
}
.commentouter{ padding-left:10px; }
.productcomment form{
	margin:10px 0;
}
.productcomment form textarea{
	width:90%;
	padding:10px;
}
.commententry{
}
.commententry .top{
	width:50%;
	background:#fad508;
	-moz-border-radius-bottomright:30px;
	-moz-border-radius-topleft:30px;
	padding:8px 20px;
	position:relative;
}
.commententry .name{
	float:right;
}
.commententry .time{
	font-weight:bold; text-transform:uppercase
}
.commententry .comment{
	-moz-border-radius-bottomright: 30px;
    -moz-border-radius-topleft: 30px;
    background: none repeat scroll 0 0 #FFF09C;
    margin-top: -30px;
    padding: 40px 20px 10px;
	margin-bottom:10px;
}
.reply {
	width:80%;
	float:right;
}
.reply .top{
	width:50%;
	background:#a5cd3e;
	-moz-border-radius-bottomright:30px;
	-moz-border-radius-topleft:30px;
	padding:8px 20px;
	position:relative;
}
.reply .replycomment{
	-moz-border-radius-bottomright: 30px;
    -moz-border-radius-topleft: 30px;
    background:#d6f489;
    margin-top: -30px;
    padding: 40px 20px 10px;
	margin-bottom:10px;
}
.sb{
	text-align:right;
}
/* === added 27 mei 2011 */
span.floatright {
	float: right;
	margin: 7px 5px 12px 0;
}
#panel {
	background: #83a724;
	height: 130px; width: 200px;
	display: none;
	padding: 0;
	z-index: 999999;
	margin-top: -1px;
}
#panel form {
	padding: 20px;
}
#panel li {
	list-style: none; margin: 0 0 0 -40px; padding: 0; float: none;
}
#panel ul.linked li {
	list-style: none; margin: 0 0 0 -40px; padding: 0; width: 90px; float: right; margin-top: -30px;
}
#panel ul.linked li a {
	color: #fff; text-decoration: none;
}
#panel ul.linked li a:hover {
	color: #ffd98f; text-decoration: none;
}
#panel p {
	padding: 0 0 10px; color: #fff;
}
input.loginBtn {
	background: #fdab0a;
	width: 50px;
	font-weight: bold;
	color: #000;
	border: 1px solid #da9307;
	padding: 3px 5px;
	cursor: pointer;
}
input.loginBtn:hover {
	background: #da9307;
}
.slide {
	margin: 0;
	padding: 0;
	text-align: left;
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	padding: 10px 0 0 10px;
	display: block;
	font: normal 11px/100% Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}

.menu{
	display:block;
	float: left;
	width: 978px;
	height: 32px;
	margin:2px 0 0 -5px;
	background:url(../images/bg-menu.gif) repeat-x;
	border:1px solid #668e09;
}
ul.ldd_menu{
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
}
ul.ldd_menu a{
	text-decoration:none; 
	display:inline-block;
}
ul.ldd_menu a:hover{
	display:inline-block;
}
ul.ldd_menu > li{
	float:left;
	background:url(../images/menu-line.gif) repeat-y right top;
}
ul.ldd_menu > li > span > a{
	color: #374c01;
	display:inline-block;
	text-decoration: none;
	padding:9px;
	font-weight:bold;
	font-size:11px;
	text-shadow: #dbecb5 1px 1px 1px;
	text-transform:capitalize;
}
ul.ldd_menu .ahover{
	color: #683301;
	background:url(../images/bg-a-hover.gif) repeat-x;
	display: inline-block !important;
}
ul.ldd_menu .ldd_submenu{
	position:absolute;
	top:30px;
	width:600px;
	left:0px;
	font-size:12px;
	background: #fff;
	border:#FFAF4D 4px solid;
	border-top:#FFAF4D 7px solid;
	z-index:100000; display:none
}
a.ldd_subfoot{
	color:#444;
	display:block;
	clear:both;
	padding:15px 20px;
	text-transform:uppercase;
	font-family: Arial, serif;
	font-size:10px;
}
ul.ldd_menu ul{
	list-style:none;
	float:left;
	margin:2px 0px 0px 10px;
	padding:10px; width:160px;
}
ul.ldd_menu .break{
	float:none;
}
li.ldd_heading a{
	color:#333;
	padding:0 0 3px 0; margin-bottom:4px;
	font-size:12px;
	font-weight:bold;
	
}
li.ldd_heading{ border-bottom:#CCC 1px dashed; padding:0 0 3px 0; margin-bottom:4px;}
ul.ldd_menu ul li a{
	font-family: Arial, serif;
	font-size:13px;
	line-height:20px;
	color:#333;
	padding:1px 3px;
}
ul.ldd_menu ul li a:hover{
	text-decoration:underline
}
#ldd_menu li span{
	width:auto !important;
	display:inline !important;
}
/* custom main menu */
ul.ldd_menu #supersub_0{ width:950px; left:-30px; }
ul.ldd_menu #supersub_branded{ width:950px; left:-500px; }
ul.ldd_menu #supersub_5{ left:-200px; }
ul.ldd_menu #supersub_3{ left:-100px; }
ul.ldd_menu #supersub_6{ width:200px;}
ul.ldd_menu #supersub_2{ width:950px; left:-175px; } /* baju anak diperbesar */
ul.ldd_menu #supersub_1{ width:780px; left:-100px; } /* baju pria diperbesar */
/*ul.ldd_menu #parmenu_113 { width:170px; clear:both} /* baju anak cow cew gedein kolomnya */
ul.ldd_menu #parmenu_8 { clear: both } /* stlh bigsize ganti baris */

ul.ldd_menu .tdktampil, ul.ldd_menu .cat_jumlah{ display:none }
ul.ldd_menu .lihatsemua{ font-style:italic; margin-top:5px; font-size:11px }





/* filterbutton */
.buttonfilter{ font-family:Arial; font-size:11px; width:200px; margin-top:5px}
.buttonfilter div{background:url(../images/buttonfilterleft.png) left top no-repeat; height:23px; float:left; margin-right:7px; display:block; padding-left:7px; margin-bottom:3px}
.buttonfilter a{background:url(../images/buttonfilterright.png) right top no-repeat; height:23px; display:block; padding-right:7px; padding-top:3px; text-decoration:none; font-family:Arial}
.buttonfilter a:hover, .activelink{ text-decoration:underline; color:#F90}
.buttonfilter span{ font-size:9px; text-decoration:none; color:#F96}

.buttonfilter .active{ background-position:0 -200px}
.buttonfilter .active a{background-position:right -200px; font-weight:bold}


/*
.listfilter{ font-family:Arial; font-size:12px; width:200px; margin-top:5px}
.listfilter a{display:block; padding-right:7px; padding-top:3px; text-decoration:none}
.listfilter a:hover, .activelink{ text-decoration:underline; color:#CC662E; background-color:#F5F5DE}
.listfilter .active a{ font-weight:bold}
.listfilter div{ margin-bottom:1px}
*/

/* filterbutton */
.listfilter{ font-family:Arial; font-size:11px; margin-top:5px}
.listfilter div{background:url(../images/listfilterleft.png) left top no-repeat; height:25px; float:left; margin-right:5px; display:block; padding-left:25px; margin-bottom:3px; width:140px}
.listfilter a{background:url(../images/buttonfilterright.png) right top no-repeat; height:23px; display:block; padding-right:7px; padding-top:3px; text-decoration:none; font-family:Arial}
.listfilter a:hover, .activelink{ text-decoration:underline; color:#F90}
.listfilter span{ font-size:10px; text-decoration:none; color:#F96}

.listfilter .active{ background-position:0 -200px}
.listfilter .active a{background-position:right -200px; font-weight:bold}

/* color filter */
.colorfilter{ width:200px; margin-top:5px}
.colorfilter a{background:url(../images/colorsprite/colorsprite1.png) left top no-repeat; height:21px; float:left; display:block; margin-bottom:3px; width:24px; font-size:9px; text-decoration:none; padding-top:2px; padding-right:4px; text-align:right; margin-right:2px; color:#fff;font-family:Arial; font-weight:normal}

.colorfilter #color1{ background:url(../images/colorsprite/colorsprite1.png) left top no-repeat}
.colorfilter #color2{ background:url(../images/colorsprite/colorsprite2.png) left top no-repeat}
.colorfilter #color3{ background:url(../images/colorsprite/colorsprite3.png) left top no-repeat}
.colorfilter #color4{ background:url(../images/colorsprite/colorsprite4.png) left top no-repeat}
.colorfilter #color5{ background:url(../images/colorsprite/colorsprite5.png) left top no-repeat}
.colorfilter #color6{ background:url(../images/colorsprite/colorsprite6.png) left top no-repeat}
.colorfilter #color7{ background:url(../images/colorsprite/colorsprite7.png) left top no-repeat}
.colorfilter #color8{ background:url(../images/colorsprite/colorsprite8.png) left top no-repeat; color:#CCC}
.colorfilter #color9{ background:url(../images/colorsprite/colorsprite9.png) left top no-repeat}
.colorfilter #color10{ background:url(../images/colorsprite/colorsprite10.png) left top no-repeat}
.colorfilter #color11{ background:url(../images/colorsprite/colorsprite11.png) left top no-repeat}
.colorfilter #color12{ background:url(../images/colorsprite/colorsprite12.png) left top no-repeat}
.colorfilter #color13{ background:url(../images/colorsprite/colorsprite13.png) left top no-repeat; color:#CCC}
.colorfilter #color14{ background:url(../images/colorsprite/colorsprite14.png) left top no-repeat}
.colorfilter #color15{ background:url(../images/colorsprite/colorsprite15.png) left top no-repeat}
.colorfilter #color16{ background:url(../images/colorsprite/colorsprite16.png) left top no-repeat}

.colorfilter .active{ background-position:0 -200px !important} 
.colorfilter .active div{background-position:right -200px !important}


/* filterbutton */
.statusfilter{ font-size:13px; float:left }
.statusfilter div{ float:left; font-family:Arial}
.statusfilter .text{ margin-top:10px; height:27px}
.statusfilter .button{background:url(../images/statusfilterleft.png) 0 -198px no-repeat; height:29px;margin-right:7px; display:block; padding-left:7px; margin-bottom:3px; margin-left:7px;}
.statusfilter a{background:url(../images/statusfilterright.png) right -198px no-repeat; height:27px; display:block; padding-right:13px; padding-top:10px; text-decoration:none; font-family:Arial; font-size:12px}
.statusfilter a:hover, .activelink{ text-decoration:underline; color:#F90}


/** KOMENTAR **/
.productcomment textarea, .productcomment .comm{
	font-size: 12px;
	color: #333;
	background: url(../images/bgTeksInput.gif) top left no-repeat;
	border: 1px solid #d6d6d6;
	padding-left:5px;
}
.productcomment textarea{
	padding: 8px 5px 5px 8px;
	width:100%;
	height:80px;
}
.productcomment .comm{
	width:100%;
	height:20px;
}
.productcomment .inputtag{
	float:left;
	text-align:right;
	height:20px;
	padding-right:5px;
	color:#999;
	font-size:10px;
	margin-top:4px;
	padding-top:5px;width:100px
}
.productcomment .inputcomm{
	margin-top:4px;float:left; width:300px
}
.productcomment .commentheader{
	font-size:16px;
	margin-bottom:10px;
	font-weight:bold;
	margin-top:25px;
	clear:both;
}
.productcomment  #hiddenform{ display:none }
#commentbutton{
	padding:7px 0 0 105px;
}
#commentbutton input{
	margin-right:0; font-weight:bold; width:100px; height:30px; cursor:pointer; font-size:13px;
}
#preparefornew{
	display:none
}

.productNotification{ background-color:#FFFFFF; padding:18px; border:2px #FF9900 dashed; margin:18px 0 10px}


input.contactButton {
	margin-top: 25px;
	margin-right: 5px;
	width: 82px;
	height: 27px;
	text-transform: uppercase;
	color: #586f1e;
	font-size: 11px;
	background: url(../images/loginBtn.gif) top left no-repeat;
	border: none;
	cursor: pointer;
}
input.contactButton:hover {
	color: #fff;
}
input.text {
	margin: 0px 0px 0px 0px;
	height: 15px;
	padding: 6px;
	font-size: 13px;
	color: #333;
	background: url(../images/bgTeksInput.gif) top left no-repeat;
	border: 1px solid #d6d6d6;
}

/* arrow button */
a.button:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 



span.navbutton {
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */
	background: transparent url('../images/bg_nav.gif') no-repeat bottom right;
    display: block;
    line-height: 14px;
    padding: 5px 20px 5px 18px;
	float:left;
    font: normal 12px arial, sans-serif;
    margin-right: 6px;
	height:14px;
	margin-top:15px;
}

span.navbutton.active {
	background: transparent url('../images/bg_nav.gif') no-repeat top right;
}

.langkahorder{ float:left; font: bold 12px arial, sans-serif; padding:5px 10px 0 0; margin-top:15px}

.add2cartmessageinside{
	margin-top:20px; vertical-align:middle; text-align:center; color:#F90; font-size:16px; font-family:Arial, Helvetica, sans-serif;	
}



/* JGROWL */

.jGrowl a, .orangelink a{
	color:#F90;
	text-decoration:none
}
.jGrowl a:hover, .orangelink a:hover{
	color:#FFF;
	text-decoration:underline
}

div.jGrowl {
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
div.jGrowl {
	position:			absolute;
}

body > div.jGrowl {
	position:			fixed;
}

div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#000;
	opacity: 				.85;
    -ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
    filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85); 
	zoom: 					1;
	width: 					160px;
	padding: 				5px;
	margin-top: 			1px;
	margin-bottom: 			1px;
	font-family: 			Tahoma, Arial, Helvetica, sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
	-moz-border-radius: 	5px;
	-webkit-border-radius:	5px;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}


#checkouttoolspace{
margin-bottom:-1px; background:no-repeat right url(http://store.co.id/images/keranjang.png); width:170px; height:105px}

.selectBig{
	font-size:15px;
	color:#fff;
	background-color:#9DBF4A;
}

.productbadge {
	position: relative; bottom: 42px;left: 40px;
}

/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn { 
	padding: 0 15px 0 0; 
	margin-right:5px; 
	font-size:2em; 
	text-align: center; 
	background: transparent url(../images/btn_blue_sprite.gif) no-repeat right -140px; 
}
	
button.submitBtn span {
	padding: 13px 0 0 15px; 
	height:37px; 
	background: transparent url(../images/btn_blue_sprite.gif) no-repeat left top; 
	color:#fff; 
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -210px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -70px;
}

.carasearch{ margin:0 0 0 10px}
.carasearch input.text{
	background:url(../images/bg-input-search.gif) no-repeat left top;
	height:21px;
	width:184px;
	border:none;
	padding:3px 6px;
	margin-top: 0px;
	float:left;
	color: #555;
}
.carasearch input.btn{
	background:url(../images/btn-search.gif) no-repeat left top;
	height:27px;
	width:31px;
	border:none;
	text-indent:-9999px;
	margin:-0px 0 0 -3px;
	cursor:pointer;
	float:left;
}

.blockBoxCell ul.simple { margin:0; padding:0; padding-left:10px}

.videotitle{ margin:50px 0 20px 0; border-bottom:dashed 1px #CCC; padding-bottom:20px}
.videotitle h2{ border-top:dashed 1px #CCC; border-bottom:dashed 1px #CCC; padding:15px 0 15px 10px; background-color:#eee }