/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:140px;	
	width: 560px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	top: 0px; right: 0px;
	width: 100px; height:40px;
	z-index: 100; 
	text-align: center;
	line-height: 30px;
	display: none;
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #f5c057;
	background: #e3f4fc; 
	outline:0;
}
.paging a.active {
	font-weight: bold; 
	background: #e3f4fc; 
	border: 1px solid #52a4f8;
}
.paging a:hover {text-decoration: underline;}

#popup{ background: #FFFFFF; display:none; min-height:200px; min-width:300px; }
#popup p{padding:5px;padding-top:30px; text-align:center;}
.bClose {cursor:pointer;font-weight:bold;position:absolute;right:7px;text-decoration:none;top:5px;}
.tip {
	color: #fff;
	background:#1d1d1d;
	display:none; /*--Hides by default--*/
	padding:10px;
	position:absolute;	z-index:1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.forLegend{
	color:#FFFFFF;
	padding:4px;
	font-size:14px;
	border:solid 1px #53A3F2;
	background: #5BC3FF url('../images/bg_tab_blue.png')50% 50% repeat-x;
}
.trBG{
	background:#F9FDFF;
}
.red{
	color:#FF0000;
}
.inputOrder{
	padding:4px 2px;
	border:solid 1px #6D6D6D;
	font-size:13px;
}
.buttonOrder{
	padding:4px 2px;
	width:60px;
	cursor:pointer;
}
.errorField {
	color:red;
	font-size:10px;
	display:none;
}
.needsfilled {
	background:#FF8484;
	color:white;
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #20AEDD;
	font-size: 11px;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #6DC067;
	font-size: 11px;
	text-decoration: none;
}
a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0E759C;
	text-decoration: underline;
}
a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.menu-kat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0665AE;
	font-weight: bold;
	text-decoration: none;
}
.menu-sub-kat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0665AE;
	text-decoration: none;
}

.menu-kat:hover {
	FONT-WEIGHT: none;
	FONT-SIZE: 10px;
	COLOR: #666666;
	TEXT-DECORATION: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu-kat:active {
	FONT-WEIGHT: none;
	FONT-SIZE: 10px;
	COLOR: #666666;
	TEXT-DECORATION: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #696969;
	margin: 0px 0px 0px 0px; 
	padding: 0px 2px 0px 2px ;
}
li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #696969;
	margin: 0px 0px 0px 0px; 
}
.body-tbl-info-iklan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	color: #164B72;
	margin: 0px 0px 0px 0px; 
}
.body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #696969;
	margin: 0px 0px 0px 0px; 
}
.searchbar {
	border: 1px solid #02A3E0;
	background-color:#FFFFFF;
}
.sign-up {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #003399;
	text-decoration: underline;
}

.tab-panah {
	font-size:10px;
	font-weight:bold;
	color:#003399;
}	
.judul-obat {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0665AE;
	text-decoration: underline;
}
.judul-obat:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0665AE;
	text-decoration: underline;
}
.judul-obat:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #0665AE;
	text-decoration: none;
}
.harga {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
.info-obt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #D14A29;
	text-decoration: none;
}



.searchbar {
	border: 1px solid #02A3E0;
	background-color:#FFFFFF;
}

hr {
	margin:0px 0px 0px 0px;
	color:#ddf1ff;
	width:100%;
	
}
td{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px; 
	color: #000;
	
}

.box{
	border: 1px solid #ddf1ff;
	padding: 2px 2px 2px 2px ;
}

.menubix{
	border: 1px solid #ddf1ff;
	padding: 3px 0px 3px 0px ;
	margin: 2px 2px 2px 2px ;
}

.v11px{
	font-size:11px;
	padding: 0px 5px 0px 5px ;
}

TEXTAREA {
FONT-FAMILY:  Tahoma, Verdana, sans-serif; 
FONT-SIZE: 10px;
background-color : White;
border-color : #000000;
border-style: solid; 
border-top-width: 1px; 
border-right-width: 1px; 
border-bottom-width: 1px; 
border-left-width: 1px; 
text-indent : 2px;
}
INPUT {
color : #000000; 
font-family : Tahoma, Verdana, sans-serif; 
font-size : 10px; 
font-weight : normal;
border-color : #000000;  
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px;
text-indent : 2px;  
}
INPUT.pn-text {
background-color : #B0CFEE;
color : #000000; 
font-family : Tahoma, Verdana, sans-serif; 
font-size : 10px; 
font-weight : normal;
border-color : #000000;  
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px;
text-indent : 2px;  
}
INPUT.pn-button {
background-color : #B0CFEE;
color : #000000; 
font-family : Tahoma, Verdana, sans-serif; 
font-size : 10px; 
font-weight : normal;
border-color : #000000;  
border-top-width : 1px; 
border-right-width : 1px; 
border-bottom-width : 1px; 
border-left-width : 1px;
text-indent : 2px;  
}
INPUT.r-button {
background-color : transparent; 
font-family : Tahoma, Verdana, sans-serif; 
}
SELECT {
COLOR: #000000;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
FONT-SIZE: 10px;
font-weight : bold;
background-color : #E8E8E8;
}
SELECT.pn-text {
COLOR: #000000;
FONT-FAMILY: Tahoma, Verdana, sans-serif;
FONT-SIZE: 10px;
font-weight : bold;
background-color : #B0CFEE;
}


h3 {
	padding: 3px 3px 3px 3px;
	font-size:16px;
	color:#0071BC;
	letter-spacing:2px;
	font-weight: bold;
} 

h4 {
	padding: 3px 3px 3px 3px;
	font-size:11px;
	color:#CC9900;
	letter-spacing:3px;
} 
.nama-obat {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #7EC144;
	text-decoration: underline;
}
.nama-obat:link {
	FONT-WEIGHT: none;
	FONT-SIZE: 14px;
	COLOR: #7EC144;
	TEXT-DECORATION: underline;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.nama-obat:hover {
	FONT-WEIGHT: none;
	FONT-SIZE: 14px;
	COLOR: #7EC144;
	TEXT-DECORATION: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.harga {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC0000;
}
.sale {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}
.judul-produk {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #0E558F;
	text-decoration: none;
}
.ket {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #696969;
	text-decoration: none;
}

.titleSearch{
	padding:10px; color:#BC4D1F; font-size:16px;
}
.wrapSearch{
	padding:10px; padding-left:25px; padding-top:0px;
}
.inpSearch{
	padding:4px 2px; width:280px; height:14px; font-size:11px; border:solid 1px #BC4D1F;
}
.inpSearch:focus{
	border:solid 1px #EFBA4A;
}
.optSearch{
	height:24px;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 12px;
	cursor:pointer;border:solid 1px #BC4D1F;
	width:160px;
}
.optSearch:focus{
	border:solid 1px #EFBA4A;
}
.btnSearch{
	font-size: 11px; width:50px; padding:3px; cursor:pointer; border:solid 1px #BC4D1F;
}
.btnSearch:hover{
	border:solid 1px #EFBA4A;
}

.headBlue{
	font-family: Tahoma, Verdana, sans-serif; font-size: 18px; color: #53B7F1; padding:10px; padding-left:0px; padding-bottom:0px;
}
.blue{
	color: #53B7F1;
}
.red{
	color:#BF0008;
}

/*Tabs*/
.inpText{
	padding:4px 2px; height:14px; font-size:11px; border:solid 1px #02A3E0;
}
.inpTextArea{
	padding:4px 2px; font-size:11px; border:solid 1px #02A3E0;
}
.inpText:focus{
	border:solid 1px #61BEDF;
}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #B6D770;
	/* border-left: 1px solid #BC4D1F; 
	width: 550px;*/
	
}
ul.tabs li {
	float: left;
	margin:0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #B6D770;
	/* border-left: none; */
	margin-bottom: -1px;
	/* background: #53B7F1; */
	overflow: hidden;
	position: relative;
	/*width:131px;*/
	font-size:10px;
}
ul.tabs li a {
	text-decoration: none;
	color: #FFF;
	display: block;
	/*font-size: 1.2em;*/
	font-size:10px;
	padding: 0 10px;
	border: 1px solid #fff;
	outline: none;
	font-weight:bold;
	text-shadow: 1px 1px 1px #666666;
}
ul.tabs li a:hover {
	background: #98DBF8;
}	
html ul.tabs li.active, html ul.tabs li.active a  {
	background: #EEF3DF;
	border-bottom: 1px solid #EEF3DF;
	color:#6F901C;
	font-weight:bold;
	text-shadow: 1px 1px 1px #FFF;
}
/*bg tab*/
ul.tabs #tab_obat  {
	/*background: #B6D770 url(../images/bg_tab_green.png) 50% 50% repeat-x;*/
	background: #B6D770 url(../images/bg_tab_orange.png) 50% 50% repeat-x;
}
ul.tabs #tab_suplemen  {
	margin-left:1px; background: #E85F2F url(../images/bg_tab_orange.png) 50% 50% repeat-x;
}
ul.tabs #tab_pb  {
	/*margin-left:10px; background: #5BC3FF url(../images/bg_tab_blue.png) 50% 50% repeat-x;*/
	margin-left:1px; background: #E85F2F url(../images/bg_tab_orange.png) 50% 50% repeat-x;
} 
ul.tabs #tab_alkes  {
	/*margin-left:10px; background: #CCCCCC url(../images/bg_tab_gray.png) 50% 50% repeat-x; width:134px;*/
	margin-left:1px; background: #E85F2F url(../images/bg_tab_orange.png) 50% 50% repeat-x;
}
ul.tabs #tab_kosmetik  {
	/*margin-left:10px; background: #CCCCCC url(../images/bg_tab_gray.png) 50% 50% repeat-x; width:134px;*/
	margin-left:1px; background: #E85F2F url(../images/bg_tab_orange.png) 50% 50% repeat-x;
}
ul.tabs #tab_tradisional  {
	/*margin-left:10px; background: #CCCCCC url(../images/bg_tab_gray.png) 50% 50% repeat-x; width:134px;*/
	margin-left:1px; background: #E85F2F url(../images/bg_tab_orange.png) 50% 50% repeat-x;
}


.tab_container {
	border: 1px solid #B6D770;
	border-top: none;
	border-bottom: none;
	clear: both;
	float: left;
	/*width: 548px;*/
	background: #EEF3DF;
	/* background: #EEF3DF url(../images/bg-apt.gif)50% 100% repeat-x;  */
}

.tab_content {
	padding: 5px;
	font-size: 1.2em;
	background: #background: #EEF3DF;;
}
.tab_content h2 {
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}
.tab_content h3 a{
	color: #254588;
}


/* small tabs */
ul.tabs_small {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 25px;
	border-bottom: 1px solid #B6D770;
	width: 550px;
}
ul.tabs_small li {
	float: left;
	margin:0;
	padding: 0;
	height: 24px;
	line-height: 24px;
	border: 1px solid #B6D770;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	width:100px;
}
ul.tabs_small li a {
	text-decoration: none;
	color: #333333;
	display: block;
	font-size: 13px;
	padding: 0 5px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs_small li a:hover {
	background: #98DBF8;
}	
html ul.tabs_small li.active, html ul.tabs_small li.active a  {
	background: #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
	color:#6F901C;
	text-shadow: 1px 1px 1px #FFF;
}
/*bg tab*/
ul.tabs_small #Jadetabek  {
	background: #B6D770 url(../images/bg_tab_green.png) 50% 50% repeat-x;
}
ul.tabs_small #Kota_Lain  {
	margin-left:5px; background: #E85F2F url(../images/bg_tab_orange.png) 50% 50% repeat-x;
}

.tab_container_2 {
	border: 1px solid #B6D770;
	border-top: none;
	clear: both;
	float: left; 
	width: 548px;
	background: #f5f5f5;
}

.tab_content_2 {
	padding: 5px;
	font-size: 1.2em;
	background: #f5f5f5;;
}
/* small tabs */



.wrapBoxList{
	width:540px;
}
.boxList{ position:relative;

	float: left;
	display:inline;
	margin: 0 3px 3px 0;
	border: 1px solid #D9E9B4;
	padding: 1px;
	width:171px;
	height:280px;
	background: #EEF3DF;
}
.imgList{
	float:left; clear:both;
}
.nameList{
	float:left; clear:both;
	margin-top:3px;
	font-weight: normal;
	padding-bottom: 2px;
	border-bottom: 1px dashed #ddd;
	font-size: 11px;
	width:100%;
	color: #53B7F1;
}
.isiList{
	float:left;
	display:inline;
	margin-top:5px;
	font-size: 10px;
	color:#222;
	width:168px;
	z-index:22;
}
.btnTrans{ 
	position:absolute;
	bottom:0;
	right:0;
	font-size: 10px;
	color:#222;
}
.lblDiskon{ 
	background: url(../images/label_1.gif) ; 
	position:absolute;
	top:0;
	right:0;
	font-size: 10px;
	color:#222;
	width:55px;
	height:55px;
}
.leftList{ float:left; width:70px;}
.midList{float:left; width:5px;}
.rightList{float:left; width:75px;}

.srchNameBot{
	float:left;
	margin-top:3px;
	font-weight: normal;
	padding-bottom: 2px;
	/* border-bottom: 1px dashed #ddd; */
	font-size: 11px;
	width:525px;
	color: #53B7F1;
}
.bot_search{
	padding:10px; 
	border:solid 1px #B6D770; 
	border-top:none; 
	background:#EEF3DF;
	/* background: #EEF3DF url(../images/bg-apt.gif)50% 100% repeat-x;  */
}
th{	color:#323232; background: #EEEEEE url(../images/bg_tab_EEE.png)50% 50% repeat-x;  }
.tbLeft{border-left:solid 1px #98DBF8}
.tbTop{border-top:solid 1px #98DBF8}
.tbRight{border-Right:solid 1px #98DBF8}
.tbBot{border-bottom:solid 1px #98DBF8}
.trHover:hover{  background: #f5f5f5; }
.trCheck{  background: #f5f5f5; }


/*Drop down vertical*/
.glossymenu, .glossymenu li ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 170px; /*WIDTH OF MAIN MENU ITEMS*/
	background:#fff;
}

.glossymenu li{
	position: relative;
}

.glossymenu li a{
	background: white url(glossyback.gif) repeat-x bottom left;
	font:  12px Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	width: auto;
	padding: 5px 0;
	padding-left: 10px;
	text-decoration: none;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
	position	: absolute;
	min-width	: 220px; /*WIDTH OF SUB MENU ITEMS*/
	left		: 0;
	top			: 0;
	display		: none;
	z-index		: 999999999;
	background	: #fcfcfc;
}

.glossymenu li ul li{
	float: left;
}

.glossymenu li ul a{
	min-width: 200px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
	color:#666;
}
.glossymenu li ul a:hover{
	background: #E3F4FC url(../images/arrow.gif) no-repeat center left; 
}

.glossymenu .arrowdiv{
	position: absolute;
	right: 5px;
 	/* background: transparent url(../images/arrow.gif) no-repeat center right;  */
}

.glossymenu li a:visited, .glossymenu li a:active{
	
}

/* .glossymenu li a:hover{
	background-image: url(glossyback2.gif);
} */

/* Holly Hack for IE \*/
	* html .glossymenu li { float: left; height: 1%; }
	* html .glossymenu li a { height: 1%; }
/* End */


/* pagination */
.next_page{
	margin-top:8px; margin-left:2px; height:12px; width:12px;
	background:url('../images/next_page.gif')no-repeat;
}
.next_page:hover{
	margin-top:8px; height:12px; width:12px;
	background:url('../images/next_page_h.gif')no-repeat;
}

/*dHan Artikel Sub Obat*/
.judulbesar {
	FONT-WEIGHT: bold;
	FONT-SIZE: 20px;
	COLOR: #0F6F97;
	TEXT-DECORATION: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}