@charset "utf-8";
/* CSS Document */
body { background-color:#FFF; margin:0; padding:0; font-family:Arial; font-size:12px; }

.limefont{color:#E2FF58;}
.normalfont{font-family:Arial;font-size:12px;color:#000000;}
.whitefont{color:#FFFFFF;}
.bluefont{color:#039;}
.maroonfont{color:#990000;font-size:12px;}
.fuchiafont{font-size:16px;font-weight:bold;color:#AA004A;}
.fuchiafont2{font-size:12px;font-weight:bold;color:#AA004A;}
.fonterror{ font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#FF0000; }
.fontmerah{ font-family:Arial; font-size:12px; color:#FF0000; }
.fonthitam{ font-family:Arial; font-size:12px; color:#000000; }
.fontbiru{ font-family:Arial; font-size:12px; color:#0066CC; }
.yellowfont{ font-family:Arial; font-size:12px; color:#FFFF00;font-weight:bold;}
.fontsuccess{ font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#00CC33; }

A.whitelink{
 text-decoration: none;
 color: #FFFFFF;
}

A.whitelink:hover {
 color: #E2FF58;
}

A.yellowlink{
 text-decoration: none;
 color: #FFFF00;
}

A.yellowlink:hover {
 color: #E2FF58;
}

A.greenlink{
 text-decoration: none;
 color: #017975;
}

A.greenlink:hover {
 text-decoration:underline;
}

A.fuchialink{
 text-decoration: underline;
 color: #AA004A;
}

A.fuchialink:hover {
 color:#F00;
}
.searchbox{
	font-family:Arial;
	font-size:12px;
	color:#7E1624;
	background: url(../images/web/search-small.png) no-repeat 3px 3px;;
	background-color:#FFE1E6;
	padding-left:22px;
	border:solid 1px #F6D1D8;
	height:16px;
	width:250px;
}

.usernamebox{
	font-family:Arial;
	font-size:12px;
	color:#000000;
	background: url(../images/web/username.png) no-repeat 3px 3px;;
	background-color:#FFFFFF;
	padding-left:22px;
	border:solid 1px #000000;
	height:18px;
	width:150px;
}
.passwordbox{
	font-family:Arial;
	font-size:12px;
	color:#000000;
	background: url(../images/web/key.png) no-repeat 3px 3px;;
	background-color:#FFFFFF;
	padding-left:22px;
	border:solid 1px #000000;
	height:18px;
	width:150px;
}
.nivoSlider {
	background:#000000 url(../lib/nivoslider/loading.gif) no-repeat;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivoSlider a {
	border:0;
}
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../lib/nivoslider/arrows.png);
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:5px;
}
a.nivo-prevNav {
	left:5px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(../lib/nivoslider/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
	top:275px;
	left:550px;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}
.pagination_bar {
	background-color:#CCCCCC;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;	
}
.pagination_bar a:link, .pagination_bar a:visited {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	padding:2px 5px;
	background-color:#FFE1E6;
	border:1px solid #990000;
	color:#57361f;
}
.pagination_bar a:hover {
	background-color:#b5d953;
	border:1px solid #333;
	color:#000;
}
.current_page {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#fff;
	border:1px solid #8da83d;
	color:#000;
	padding:2px 5px;
}
.btn_save{	
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	background:url(../images/web/bg-btn-save.jpg) #FFFFFF repeat-x;
	border:1px solid #000000;
	cursor:pointer;
	height:20px;
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:100;
  width:600px;
  height:310px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:500px; 
  height:370px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #sameday {
  width:500px; 
  height:370px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #forget {
  width:500px; 
  height:380px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #international_delivery {
  width:500px; 
  height:370px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #chatbox {
  width:600px; 
  height:520px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #gomap {
  width:500px; 
  height:260px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:500px; 
  height:370px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog2 {
  width:600px; 
  height:450px;
  padding:10px;
  background-color:#ffffff;
}

A.close{
 text-decoration: none;
 color: #000000;
}

A.close:hover {
 color: #FF0000;
}

.btn_unselect_all{	
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	background:url(../images/web/bg-btn-unselect-all.jpg) #FFFFFF repeat-x;
	border:1px solid #000000;
	cursor:pointer;
	height:20px;
}