/* THE STRUCTURE*/
html, body {
  padding: 0px;
  margin:0px;
}
body {
	font: 11px Tahoma, verdana, sans-serif;
	background: url(../images/bg.jpg);
	text-align: center;
}

img {
	border: 0px;
}
#wrapper {
	margin: 0px auto;
	padding: 0px;
	border:0px;
	width: 960px;
  text-align: left;	
}

#header {
	margin: 0px auto;
	padding: 0px;	
  text-align: left;
  width: 960px;	
}

#container {
	background: #F6F9EC;
	padding: 0px;
	margin: 0px auto;
}

#greenbar {
  background: #88b72d;
  height:25px;
  padding: 10px 0px 0px 50px;
  font: 14px Tahoma, verdana, sans-serif;
  font-weight: bold;
  text-align: center;
}

#leftside {
	float: left;
	width: 185px;
	background: #F6F9EC;
	padding: 0px;
}

#rightside {
	float: right;
	width: 185px;
	background: #F6F9EC;
	padding: 0px;
}

#content { 
	width: 590px;
  background: #F6F9EC;
  float:left;
  padding: 30px 0 0 0;
  margin: 0 auto;
  
}

#navi {
  margin-left: 18px;
  padding-bottom: 10px;
  font: 11px arial;
  color: #2B2b2b;
  font-weight: bold;
}

#footer {
	clear: both;
	width: 960px;
	padding-bottom: 20px;
}


#footer img{
  vertical-align: bottom;
}

hr{
  background-color: #606301;
  border-style: none;
  height: 1px;
}

#sepr{
  padding: 10px;
  border-bottom: 1px solid #a7a667;
  font: 12px Tahoma, verdana;
  font-weight: bold;
  color: #505901;
  width: 95%;
  vertical-align: bottom;
}

#sepr img{
  vertical-align: middle;
}
/*TOP PART*/
/*Top nav - green bar*/
#nav {
  background-color: #5F9A24;
  height:34px;
}

#nav-left {
background:url("../images/nav_left.jpg") no-repeat scroll 0 0 transparent;
height:100%;
}
#nav-right {
background:url("../images/nav_right.jpg") no-repeat scroll right top transparent;
height:100%;
  
}
#nav a {
  color: #d0d0d0;
  text-decoration: none;
  font: 11px arial, sans-serif;
}
#nav 
{
  color: white;
  margin-top:5px;
}
#nav ul {
padding-top:9px;
}
#nav li {
  display: inline;
  padding: 0px 15px;
}

/*HEADER - with login & slogan - STARTS*/
#header_wrap  {
  background-color: #EEEEEB;
  width: 960px;
  height: 332px;
}

#head {
	float: left;
  margin-left: 10px;
  width: 532px;
	height: 322px;
	background: url(../images/header.jpg) no-repeat;
	font-size: 2px;
	padding: 0px;
}
#head_left {
	background: bottom left url(../images/head_bot_left.jpg) no-repeat;
  height: 332px;
}
#head_right {
	background: bottom right url(../images/head_bot_right.jpg) no-repeat;
  height: 332px;
}
#welcome {
  float: left;
  top: 34px;
	width:407px;
	height:158px;
	color: #4E523F;
	background-color: #E1E1D5;
	padding: 0px;
}
#welcome div, login div {
  padding: 40px 23px 0px 20px;
  font-size: 11px;
}
#welcome h2 {
  color: #4E523F;
  font: 20px arial, sans-serif;
  margin-bottom: 0.3em;
  padding-bottom: 0px;
}
#welcome p {
  margin-top: 0px;
}
#login {
	background-color:#8E937C;
	color:#E1E1D5;
	float:left;
	font-weight:bold;
	top:190px;
	width:407px;
}
#login-bot {
background:url("../images/login_bottom.jpg") no-repeat scroll right bottom transparent;
height:164px;	
}
#login-box {
	padding:22px 30px 30px;
	position:relative;

}
#login h2 {
float:left;
line-height:20px;
}
#login a {
	color: #403228;
}
#login a:hover {
	color: #101010;
}

#login-username  {
float:left;
line-height:20px;
}
#login-username #user_email,#login-username #user_password{
	width:100px; float:left; display:inline; margin-left:5px;margin-right:5px;}
#userlogged  {
	clear: both;
  width: 325px;
	height: 110px;
	padding: 10px;
  line-height:20px;
  float: left;
  font: 11px Tahoma, verdana, sans-serif;
  border: #747867 solid 1px;

  
}
#userlogged div {}
#login-username, #login-username a  { 
	color: #fff;
}
#login-username label {
color:#E1E1D5;
display:inline
}
#userlogged a, #lastlog, #userlogged span{
  margin-left: 18px;

}


#lastlog, #userlogged a{
  font-size: 10px;
  color: #32342b;
  }

#login-username a:hover {
  color: #101010;
  background-color: #fff;
  text-decoration: none;
}


#login-tbox {
color:#303228;
float:left;
line-height:20px;
width:125px;
}

#login-tbox input {
	width: 120px;
	background: #FFFFFF;
	color: #303228;
	font-size: 10px;
	border: 1px solid #60654E;
}
#login-username div {
	padding-bottom: 1px;
}
#login-button {
float:left;
margin:2px 10px;
width:45px;
}
#login-box .reg {
font-size:10px;
padding:6px 27px 0 0;
}
#login-box .reg a{
}
#login-box .reg a:hover {
	color:#6DB200
}
/*HEADER ENDS*/

/*CONTAINER STARTS */
#cont-botleft {
	background: bottom left url(../images/body_botleft.gif) no-repeat;
	height: 100%;
}
#cont-botright {
	background: bottom right url(../images/body_botright.gif) no-repeat;
	height: 100%;
}
/*CONTAINER ENDS*/

#middle_tnt{
  background: url(../images/middletnt.gif) no-repeat;
  height: 160px; 
  font-size: 1px;
  font: 11px Tahoma;
  padding:5px 12px 15px 5px;
  float: left;
  line-height: 11pt;
  width: 260px;
  margin-left: 14px;;
}

#middle_hi{
  background: url(../images/middlehotitems.gif) no-repeat;
  height: 160px; 
  font-size: 1px;
  font: 11px Tahoma;
  padding:5px 12px 15px 5px;
  float: left;
  line-height: 11pt;
  width: 260px;
  margin-left: 14px;;
}

#middle_tnt_inner {
  color:#000000;
  padding-left:10px;
  padding-top:40px;
  width:240px;
}

#middle_tnt_inner .seemore {
  text-align: right;
}

#middle_tnt_inner p, #middle_tnt_inner ul {
  border-bottom:1px dashed #CDCDCD;
  margin-left:10px;
  padding-bottom:4px;
}

#middle_tnt_inner li {
  list-style-type:square;
  margin-left:10px;
  padding-bottom:4px;
  color: white;
}

#middle_tnt_inner a{
  color: #ffffff;
}

#middle_tnt_inner a:hover{
  color: #eaf1a1;
}



/*LEFT BOXES - STARTS*/
/*Leftside - ul*/
#leftside ul {
	margin: 7px 0px 8px 3px;
	padding: 0px;
	display: block;
	width: 150px;
  
}
#leftside li {
	list-style-type:none;
  background:url(../images/list-button.gif) no-repeat;
  background-position:0px 1px;;
  border-bottom:1px dashed #cdcdcd;
  margin: 0px;
	padding-left:18px;
	padding-bottom: 4px;
}

#leftside li.subcat {
  background:url(../images/list-button-subcat.gif) no-repeat;
	background-position:2px 1px;
  margin-left: 10px;
  font-size: 10px;
  position:relative;
}
#leftside li.subcat ul {
	position:absolute;
	right:-160px;
	top:-9px;
	z-index:999;
	background:#e6ebe7;
	padding:2px 5px 0px;
	border:1px solid #ccc;
	display:none;
}
#leftside li.subcat:hover ul {
	display:block
}
#leftside li.subcat ul li {
	padding-top:2px;
	 background-position:0 4px;
	 margin-bottom:-1px;
}
#leftside li.subcat ul li:last-child {border:none}
#leftside li.subcat ul li:hover{

}
.child_inc{float:right;margin-right:5px}
#leftside li.subcat a{
  color: #606211;
  width:100%;
  display:block
}


/*search*/
.search-button {
	margin: 4px 10px 20px 50px;
	font-size: 10px;
	}
.searchroundbox {background: url(../images/search_bg.gif) repeat-y;}
.searchtop div { background: url(../images/search_top.gif) no-repeat top left; }
.searchbot div { background: url(../images/search_bot.gif) no-repeat bottom left; }
.searchtop div {
  width: 100%;
  height: 42px;
  font-size: 1px;
}
.searchbot div {
  width: 100%;
  height: 15px;
  font-size: 1px;
}
.searchcontent { 
  margin: 0; 
  }

.searchroundbox { margin: 5px 5px 8px 8px;}

#searchbox{
  padding: 4px;
  height: 65px;
}

/*category*/
.catroundbox {background: url(../images/product_bg.gif)  repeat-y;}
.cattop div { background: url(../images/product_top.gif) no-repeat top left; }
.catbot div { background: url(../images/product_bot.gif) no-repeat bottom left; }
.cattop div {
  width: 100%;
  height: 41px;
  font-size: 1px;
}
.catbot div {
  width: 100%;
  height: 15px;
  font-size: 1px;
}
.catcontent { margin-left: 8px ; }
.catroundbox { margin: 5px 5px 8px 8px; position:relative;}

/*infoFAQ*/
.inforoundbox {background: url(../images/info_bg.gif) repeat-y;}
.infotop div { background: url(../images/info_top.gif) no-repeat top left; }
.infobot div { background: url(../images/info_bot.gif) no-repeat bottom left; }
.infotop div {
  width: 100%;
  height: 42px;
  font-size: 1px;
}
.infobot div {
  width: 100%;
  height: 15px;
  font-size: 1px;
}
.infocontent { margin-left: 8px;}
.infocontent p { margin: 5px 4px 3px 2px;}
.infocontent form {font-size: 9px;}
.inforoundbox { margin: 5px 5px 8px 8px;}

.infocontent_news a{color: #0879df;}
.infocontent_tips a{color: #f86500;}
.infocontent_info a{color: #5872b0;}
.infocontent_loca a{color: #3686d9;}
.infocontent_testi a{color: #008006;}

/*tipsntricks*/
.tnttop div { background: url(../images/tnt_top.gif) no-repeat top left; }
.tnttop div {
  width: 100%;
  height: 42px;
  font-size: 1px;
}

.tnttop div a {
  width: 100%;
  height: 42px;
  display: block;
  text-decoration: none;
}
.tnttop div a span {
visibility: hidden;
}

.tntcontent { margin-left: 8px; }
.tntroundbox { margin: 5px 5px 8px 8px;}

/*newsletter*/
.newslettertop div { background: url(../images/newsletter_top.gif) no-repeat top left; }
.newslettertop div {
  width: 100%;
  height: 42px;
  font-size: 1px;
}
.newslettertop div a {
  width: 100%;
  height: 42px;
  display: block;
  text-decoration: none;
}


/*news*/
.newstop div { background: url(../images/news_top.gif) no-repeat top left; }
.newstop div {
  width: 100%;
  height: 42px;
  font-size: 1px;
}
.newstop div a {
  width: 100%;
  height: 42px;
  display: block;
  text-decoration: none;
}
.newstop div a span {
visibility: hidden;
}



/*Support*/
.supportroundbox {background: url(../images/support_bg.gif) repeat-y;}
.supporttop div { background: url(../images/support_top.gif) no-repeat top left; }
.supportbot div { background: url(../images/support_bot.gif) no-repeat bottom left; }
.supporttop div {
  width: 100%;
  height: 42px;
  font-size: 1px;
}
.supportbot div {
  width: 100%;
  height: 15px;
  font-size: 1px;
}
.supportcontent { margin: 0px auto;}
.supportcontent p{ margin: 0px; text-align: center; }
.supportroundbox { margin: 5px 5px 8px 8px;}

/*BrandDisplayByCategory*/
.brandbycattop div { background: url(../images/bycat_top.gif) no-repeat top left; }
.brandbycattop div {
  width: 100%;
  height: 21px;
  font-size: 1px;
}
.brandbycatcontent { 
  margin-left: 10px;
  }

.brandbycatroundbox { background: url(../images/info_bg.gif) repeat-y; margin: 5px 5px 8px 10px;}

#cat-item {
background:white;
border-bottom:1px dashed #CCCCCC;
color:#606211;
margin-left:0px;
padding:1px;
width:145px;
}

#cat-item img{
 margin-left: 5px; 
}

#cat-title {
color:#575757;
font-size:13px;
font-weight:bold;
margin-bottom:5px;
margin-left:10px;
text-transform:uppercase;
}

/*Lef Boxes ENDS*/


/*RIGHT BOXES - STARTS*/

/*cart*/
.carttop div {
  width: 100%;
  height: 33px;
  font-size: 1px;
}
.cartbot div {
  width: 100%;
  height: 15px;
  font-size: 1px;
}
.cartcontent { 
 padding-left: 45px;
 padding-top: 8px; 
  }

.cartroundbox { margin: 5px 5px 8px 10px; height:55px; background:url(../images/shopcart_bg.gif) no-repeat; }
.cart{
  margin top: 25px;
  float:left;
  width:175px;
  background:url(../images/shopcart_bg.gif) no-repeat;
  height:60px;
}

/*storeloc*/
.storeloctop div { background: url(../images/storeloc_top.gif) no-repeat top left; }
.storeloctop div {
  width: 100%;
  height: 42px;
  font-size: 1px;
}

.storeloctop div a {
  width: 100%;
  height: 42px;
  display: block;
  text-decoration: none;
}
.storeloctop div a span {
  visibility: hidden;
}

.storelocroundbox { background: url(../images/info_bg.gif) repeat-y; margin: 5px 5px 8px 10px;}

/*testimonial*/
.testitop div { background: url(../images/testimonial.gif) no-repeat top left; }
.testitop div {
  width: 100%;
  height: 42px;
  font-size: 1px;
}

.testitop div a {
  width: 100%;
  height: 42px;
  display: block;

  text-decoration: none;
}
.testitop div a span {
  visibility: hidden;
}

.testiroundbox { background: url(../images/info_bg.gif) repeat-y; margin: 5px 5px 8px 10px;}

/*livechat*/
.livechattop div { background: url(../images/livechat_top.gif) no-repeat top left; }
.livechattop div {
  width: 100%;
  height: 42px;
  font-size: 1px;
}
.livecontent { 
  margin-left: 15px;
  }

.livechatroundbox { background: url(../images/info_bg.gif) repeat-y; margin: 5px 5px 8px 10px;}

/*resources*/
.restop div { background: url(../images/resource_top.gif) no-repeat top left; }
.restop div {
  width: 100%;
  height: 42px;
  font-size: 1px;
}

/*topsel*/
.topseltop div { background: url(../images/topsel_top.gif) no-repeat top left; }
.topseltop div {
  width: 100%;
  height: 42px;
  font-size: 1px;
}

/*review*/
.reviewtop div { background: url(../images/review_top.gif) no-repeat top left; }
.reviewtop div {
  width: 100%;
  height: 42px;
  font-size: 1px;
}

/*content STARTS*/

#the_title  {
  padding: 6px 6px;
  margin-top:15px;
  position:relative;
  height: 30px;
  text-align: left;
}

/* added by taufan */
#the_subtitle1  {
  background: url(../images/subcat/pda_line.gif) repeat-x center center;
  padding: 6px 0px;
  margin-top:15px;
  position:relative;
  text-align: left;
}

.span_subtitle1{	
  margin-left:0px;
  padding-left:20px;
  padding-right:6px;
  font-family: arial; 
  font-size: 16px; 
  font-weight:bold;
}

#the_subtitle24 {
  background: url(../images/subcat/ipod_line.gif) repeat-x bottom center;
  position:absolut;
}

.span_subtitle24{	
  margin-left:0px;
  padding-left:20px;
  padding-right:6px;
  font-family: arial; 
  font-size: 16px; 
  font-weight:bold;
}

#the_subtitle33  {
  background: url(../images/subcat/notebook_line.gif) repeat-x bottom center;
  position:absolut;  
}

.span_subtitle33{	
  margin-left:0px;
  padding-left:20px;
  padding-right:6px;
  font-family: arial; 
  font-size: 16px; 
  font-weight:bold;
}

#the_subtitle53  {
  background: url(../images/subcat/gps_line.gif) repeat-x bottom center;  
  position:absolut;
}

.span_subtitle53{	
  margin-left:0px;
  padding-left:20px;
  padding-right:6px;
  font-family: arial; 
  font-size: 16px; 
  font-weight:bold;
}

#the_subtitle46  {
  background: url(../images/subcat/second_line.gif) repeat-x bottom center;
  position:absolut;
}

.span_subtitle46{	
  margin-left:0px;
  padding-left:20px;
  padding-right:6px;
  font-family: arial; 
  font-size: 16px; 
  font-weight:bold;
}

#the_subtitle55 {
  background: url(../images/subcat/accessories_line.gif) repeat-x bottom center;
  position:absolut;
}

.span_subtitle55{	
  margin-left:0px;
  padding-left:20px;
  padding-right:6px;
  font-family: arial; 
  font-size: 16px; 
  font-weight:bold;
}
/* end added by taufan */

#banner_middle{
  font: 11px Tahoma;
  padding:5px 12px 15px 5px;
  position:relative;
  margin-left: 14px;
  line-height: 11pt;
}

#news_item{
  font: 11px Arial;
  padding:20px 30px 0px 0px;
  line-height: 11pt;  
  margin-left: 25px;
  margin-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  width: 85%;
}

#news_display{
  width: 90%;
  margin: 0 auto;
  margin-bottom: 20px;
}

#news_bottom{
  clear:both;
  border-bottom: 1px dashed;
}

#news_item h3{
  font: 12px Tahoma bold;
  color: #0a1a4a;
}

#news_item a{
  font: 11px Tahoma bold;
  color: #0a1a4a;
}

#news_item img{
  border-top: 1px solid #333333;
  border-bottom: 1px solid #888888;
  border-left: 1px solid #333333;
  border-right: 1px solid #888888;
  margin: 5px;
  
}

#news_item a:hover{
  border-top: 1px dashed #333333;
  border-bottom: 1px dashed #333333;
  text-decoration: none;
}

#news_item .more{
  font-size: 10px;
  color: #a92c00;
}

#news_item hr {
  border: none;
  background-color: #B4CBDF;
  color: #B4CBDF;
  height: 1px;
}

#newsnav img{
  border: 0px;
}

.newsdate{
  font: 10px Tahoma bold;
}

.newsimg{
  width: 80px;
  height: 60px;
}

#testi_item{
	font: 11px Arial;
	padding:20px 0px 0px 0px;
	line-height: 11pt;  
	margin-left: 5px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	width: 85%;
	color: #4f4f4f;
}

#testi_display{
	width: 90%;
	margin: 0 auto;
	margin-bottom: 20px;
}

#testi_bottom{
	clear:both;
	border-bottom: 1px dashed;
}

.testi_name {
	color: #ff4e00;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
}
.testi_location {
	color: #ff4e00;
	font-family: Verdana;
	font-size: 10px;
	font-weight: none;
}

#testinav img{
  border: 0px;
}
#gadgets  {
  background-color: white;
  float: left;
  width: 565px;
  margin-left: 14px;
  margin-bottom: 15px;
}
#gadgets_top {
	background: top url(../images/top.gif) no-repeat;
	float:left;
  width: 100%;
	height:100%;
	font-size: 2px;
}
#gadgets_bot {
	background: bottom url(../images/bottom.gif) no-repeat;
	float:left;
	width: 100%;
  font-size: 2px;
}

#searchpage {
  margin: auto;  
  width: 560px;
  background: white;
  border: 1px dashed #cdcdcd;
}

#searchpage img{
  vertical-align: bottom;
}

#searchresult{
  margin: auto;
  margin-bottom: 10px;
  width: 530px;
  color: #3c3e07;
  font-family:Tahoma;
  font-size:10px;
}
#searchresult h2{
  font-size:11px;
}

#searchresult div{
  border-bottom: 1px solid #cdcdcd;
  padding: 10px;
  margin-left:30px auto;
  margin-bottom: 10px;
}

#searchdetil{
  
}

/*content ENDS*/

/*item STARTS*/
.items{
  float:left;
  display:inline;
  width:555px;
  margin: 8px 5px 5px 25px;
  font-size:9px;
}

.item{
  float:left;
  border:1px dotted #c5c5c5;
  font-family:Tahoma;
  font-size:9px;
  color:#6E6E6E;
  font-weight:bold;
  margin:0 2px 3px 2px;
  height:125px;
  display:inline;
  width: 165px;
}

.item h3{
  display:block;
  font-family:Tahoma;
  font-size:10px;
  color:#fff;
  background-color:#e44933;
  padding:5px 0 5px 7px;
  line-height: 12px;
}

.itemimg{
  float:left;
  width: 60px;
  height: 80px;
  margin-left: 3px;
  margin-top: 5px;
  margin-right: 3px;
}

.item p{
  float:left;
  width:90px;
  margin:0;
  padding:0px 0 4px 3px;
  border-left:1px solid #E9DBDB;
  font-size: 8px;
}

.item font{
  border:1px solid;
  display:block;
  float:left;
  color:#6DB200;
  font-size:11px;
}

.item a {
  display:block;
  float:left;
  clear:both;
  width:60px;
  padding:0 0 2px 0;
  text-decoration:none;
  color:#6E6E6E;
}

.item a:hover {  
  text-decoration:none;
  color:#de5400;
}

.smallred {
	color: #e44933;
}

/*item ENDS*/


/* rounded box */
.rbroundbox { background: #e1e1d5; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
  width: 100%;
  height: 7px;
  font-size: 1px;
}
.rbcontent p{ margin: 0 10px; }
.rbroundbox { width: 100%; margin: 0 auto; }

/*multifunction*/
a {
	color: #575757;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #2B2B2B;
	text-decoration: underline;
}

.banner, .banner div  {
  width: 100%;
  margin: 5px 5px 8px 10px;
}
.rbcontent { margin: 0 20px; }
.rbroundbox { width: 90%; margin: 1em auto; }


.clear {
	clear: both;
}

#messages{
  margin-left: 10px;
  padding: 8px;
  height:25px;
  width:95%;
}

/*shoppingcart*/
#shopcart{
  margin: 0px auto;
	padding: 5px 8px;
	font: 10px bold Tahoma, verdana, sans-serif;
	line-height: 14pt;
	border: 1px solid #cccccc;
	width: 550px;
	background: #D2D3BF;
}

table#cart {
    background-color:#FFFFFF;
    border: 1px dashed #888888;  
    width: 520px;
    padding: 3px 5px;
     
}

table#cart td {
    padding: 2px;
}

.data {
    color: #000000;
    border-bottom:1px dashed #999999;
    padding:5px 5px 6px 0px;
}

.dataimg{
    width:50px;
    height:65px;
}

.detproduk a:hover{
    background: #222222;
    border:1px dashed #999999;
}
.toprow {
    text-align: center;
    background-color:#DADADA;
    border-bottom:1px solid #FF9900;
    border-top-color:#333333;
    border-width:1px;
    font-family:verdana;
    font-size:11px;
    font-weight:bold;
    padding:4px 4px 4px 2px;
}

.input_qty {
  border:1px solid #999999;
  font-size:10px;
  text-align:right;
  width: 50px;
}

.shopcart td {
  margin:0pt;
}

.shopcart label{
  font-weight: bold;
  color: #404717;
  float: left;
  width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.shopcart input{
  border: 1px solid #cbccb3;
}

.shopcart input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
  width: 180px;
}

.shopcart input[type="checbox"]{ /*width of text boxes. IE6 does not understand this attribute*/
  border: 1px solid #cbccb3;
}

.shopcart input[type="submit"], .shopcart input[type="button"]{ /*width of submit button. IE6 does not understand this attribute*/
  border: 3px double #cccccc;
  padding: 0.25em;
  background-color: #FFFFFF;
  color: #333333;
  font-size: 95%;
}

.shopcart textarea{
  width: 250px;
  height: 150px;
  border: 1px solid #cbccb3;
}  
  
/*forgot pass*/
.mydiv{
  font: 10px bold Tahoma, verdana, sans-serif;
	line-height: 14pt;
}


/*form*/
form {
	margin: 0px;
	padding: 7px 10px;
	font: 10px bold Tahoma, verdana, sans-serif;
	line-height: 14pt;
}



form img {
  margin: 0px;
}


form input{
  border: 1px solid #cbccb3;
}

form input[type="submit"]{ /*width of submit button. IE6 does not understand this attribute*/
  border: 3px double #cccccc;
  padding: 0.25em;
  background-color: #FFFFFF;
  color: #333333;
  font-size: 95%;
}

label{
float: left;
font-weight: bold;
}


fieldset{
  border: 1px solid #888888;
  background: #f2f3e5;
}

legend{
  border: 1px solid #888888;
  background: #606301;
}

.boxes{
width: 1em;
}

.tbox{
  line-height:20px;
	width: 80px;
	background: #FFFFFF;
	color: #303228;
	font-size: 10px;
	border: 1px solid #ADADAD;
	display: inline;
}

.content { margin: 5px 8px 5px 5px; }

.regform{
  width : 535px;
  border: 1px dashed gray;
  margin: auto;
  background: #d2d3bf;
}

.regform div{
  clear: left;
  margin: 0;
  padding: 5px 0 8px 0;
  padding-left: 155px; /*width of left column containing the label elements*/
  border-bottom: 1px solid #cecece;
  height: 1%;
}

.regform label{
  font-weight: bold;
  color: #404717;
  float: left;
  margin-left: -155px; /*width of left column*/
  width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.regform input{
  border: 1px solid #cbccb3;
}

.regform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
  width: 180px;
}

.regform input[type="checbox"]{ /*width of text boxes. IE6 does not understand this attribute*/
  border: 1px solid #cbccb3;
}

.regform input[type="submit"]{ /*width of submit button. IE6 does not understand this attribute*/
  border: 3px double #cccccc;
  padding: 0.25em;
  background-color: #FFFFFF;
  color: #333333;
  font-size: 95%;
}

.regform textarea{
  width: 250px;
  height: 150px;
  border: 1px solid #cbccb3;
}



/*function library*/
.green {
  font: 1.15em "arial narrow", arial;
  font-weight: bold;
  color: #5f9a24;
  text-align: center;
}



/*rightside - ul*/
#rightside ul {
	margin: 7px 0px 8px 3px;
	padding: 0px;
	display: block;
	width: 150px;
  
}
#rightside li {
	list-style-type:none;
  background:url(../images/list-button.gif) no-repeat;
  background-position:0px 1px;;
  border-bottom:1px dashed #cdcdcd;
  margin: 0px;
	padding-left:18px;
	padding-bottom: 4px;
}

#rightside li.subcat {
	background-position:2px 0px;
  margin-left: 5px;
  color: #abcdef;
  font-size: 10px;
}


/*store STARTS*/
#stores{
  float:left;
  display:inline;
  width:555px;
  margin: 8px 5px 5px 25px;
  font-size: 11px;
}

.store{
  text-align: left;
  float:left;
  border:1px dotted #c5c5c5;
  font-family:Tahoma;
  font-size:10px;
  color:#6E6E6E;
  font-weight:bold;
  display:inline;
  width:255px;
  margin:0 8px 8px 0;
  padding:0;
  height:200px;
}

#stores h3{
  display:block;
  font-family:Tahoma;
  font-size:11px;
  background:#7e845d;
  color:#fff;
  padding:5px 0 5px 7px
}

#stores table{
  margin: 0 auto;
  width: 255px;
}

.store img{
  float:left;
}

.storethumb{
  width:100px;
  height: 75px;
  margin-left: 3px;
}

.store p{
  float:left;
  margin:5px 0 0 0;
  padding:5px;
  border-left:1px solid #7e845d;
  line-height: 10pt;
}

.store font{
  border:1px solid;
  display:block;
  float:left;
  color:#6DB200;
  font-size:11px;
}

.store a{
  display:block;
  float:left;
  clear:both;
  width:60px;
  padding:0 0 6px 0;
  text-decoration:underline;
  color:#6E6E6E
}

/*store ENDS*/


/*product Detail*/
  #product_detail{
    font-size: 11px;
    margin-left: 7px;
    margin-right: 30px;
    display: block; 
    margin-bottom: 30px;
    color: #333;
}
  #product_detail h2{
  
  font-weight: bold;
  color: #606211;
  font-family:Tahoma,Helvetica,sans-serif;
  font-size:1.5em;
  font-size-adjust:none;  
  font-weight:bold;
  line-height:1.2em;
  padding-top:10px;
  
  }
  
  #product_detail h3{
    font: 1.25em Tahoma;  
    font-weight: bold;
    color: #606211;
  }
  
       
  #prodimg {
      float: left;
      width: 150px;
      padding:2px;
      }
   #prodimg-content {
      margin:0; padding: 0;
      font-size: 88%;
      }
      
   .prdim{
      width: 120px;
      height: 120px;
      }
      
   #proddisplay {
      margin:0 20px 0 0px; padding:0;
      }
   #proddisplay-content {
      margin-bottom:20px; padding: 0.5em 1em;
      font-size: 10px;
      font-family: Tahoma;
      padding: 2px;
      border: 1px solid #ccc;
      line-height: 15px;
      }
      
   #proddisplay-content h3{
    margin-left: 10px;
    color: #fff;
    height: 12px;
   }
    
    #proddisplay-content table{
    }
      
    #proddisplay-content .spectitle{
      background: #88b72d;      
      width: 80px;
      vertical-align: top;     
    }
    
    #proddisplay-content .spectitle span{
      color: #484943;
      font-weight: bold;
      height: 11px;
      margin-left: 5px;
    }
    
    #proddisplay-content .specdetail{
      background: #c7cdb0;
      color: #5e6251;
    }
    
    #proddisplay-content .specdetail span{
      font-family:Tahoma;
      font-size:10px;
    }
    
    /* bizcard box */
    #bizcardbox { 
      margin-top: 20px;
      }
    table#bizcard {
      	background-color: transparent;
      	width: 204px;
      }
    table#bizcard td#col1{
       background: url(../images/modules/contact_left.gif) no-repeat;
       width:44px;
       height:139px;
      } 
    table#bizcard td#col2{
       background: url(../images/modules/contact_right.gif) no-repeat;
       width:160px;
       height:139px;
       font-size:10px;
      }
      
   hr.cleaner {
      clear:both;
      height:1px;
      margin: -1px 0 0 0; padding:0;
      border:none;
      visibility: hidden;
      }

  /* faq */
  #belanja{
    line-height:16px;
    padding: 5px;
  }
  
  #shipping{
    line-height:16px;
    padding: 5px;
  }

  #warranty{
    line-height:16px;
    padding: 5px;
  }
  
  #faq{
    line-height:16px;
    padding: 5px;
  }
  
  #faq b{
    color: #053551;
  }
  
  .popupMessage{
        background-color:#FFFFFF;
        width:auto;
        height:auto;
        position:absolute;
        visibility:hidden;
        z-index:100;
        padding:5px;
        border:1px #88b72d solid;
    }


.price_block 
{
  /*color:#585B6A;*/
  font-size:14px;
  font-weight:bold;
  line-height:30px;
}

.price_list
{
  color:#e44933;
  font-size:12px;
  font-weight:bold;
  line-height:30px;
  text-align: center;
}
.productnotes {
  background:#F3F1E4 none repeat scroll 0%;
  font-size:1.17em;
  line-height:1.6em;
  padding:10px;
}

.productactions {
  float:right;
  padding-right:135px;
  text-align:right;
  width:200px;
}

.productactions_m {
  float:right;
  padding-right:105px;
  width:280px;
}

.productfeatures ul {
  list-style-position:outside;
  list-style-type:square;
}


.productfeatures {
border-top:1px solid #CCCCCC;
margin-top:10px;
padding-top:5px;
}

.productfeatures_m {
border-top:1px solid #CCCCCC;
margin-top:40px;
padding-top:15px;
}

.instock {
background:transparent url(../images/icon_instock.gif) no-repeat scroll right 1px;
font-size:11px;
padding:0pt 20px 10px 0pt;
}


#paging {
	margin-top: 30px;
	font-family: Verdana;
	font-size:10px;
	line-height: 6em;
	text-align: right;
	margin-right: 30px;
}

#paging a {	
	color: #6db200;
}

#paging a.active_number {	
	color: #123456;
}

#number {	
	position: relative;
	bottom: 10px;
}
#leftside li.cat {
	background:transparent url(../images/cat_list.jpg) 0 0 no-repeat;
	padding-left:20px;
	padding-right:7px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:-7px;
	margin-top:-2px;
	border:0;

}
#leftside li.cat a {	color:#467e0f;
}