/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight:bold }

.judulBerita { font-family: Georgia, "Times New Roman"; font-size: 12px; }
.judulBerita2 { font-family: Georgia, "Times New Roman"; font-size: 11px; }

.judulTabContent { font-family: Georgia, "Times New Roman"; font-size: 18px; font-weight:bold; color:#FFCC00; font-stretch:extra-condensed}
.judulTabContent_baru { font-family: Georgia, "Times New Roman"; font-size: 18px; font-weight:bold; color:#FFCC00 ; font-stretch:extra-condensed}

.judulUmum { font-family: Georgia, "Times New Roman"; font-size: 20px; font-weight:bold; color:#ffffff}

.judulUmum2 { font-family: Georgia, "Times New Roman"; font-size: 20px; font-weight:bold; color:#146634}
.judulUmumAdmin { font-family: Georgia, "Times New Roman"; font-size: 20px; font-weight:bold; color:#ffffff}

.judulEtalase { font-family: Georgia, "Times New Roman"; font-size: 20px; font-weight:bold; color:#FF0000}

.komentarArtikel { font-family: Georgia, "Times New Roman"; font-size: 18px; font-weight:bold; color:#fbab00}

.judul { font-family: Georgia, "Times New Roman"; font-size: 16px; font-weight:bold; color:#CC0000; font-stretch:extra-condensed}
.judulPutih { font-family: Georgia, "Times New Roman"; font-size: 16px; font-weight:bold; color:#ffffff; font-stretch:extra-condensed}

.isiBerita { font-family: Verdana, Arial, sans-serif; font-size: 10px; line-height: 150%}

.isiBerita2 { font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 180%}
.isiBerita1 { font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 140%}

.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }

.errorBox2 { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #FFFFFF; background: #FF0000; font-weight: bold; }

.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }
.boxTextSpesial { font-family: Verdana, Arial, sans-serif; font-size: 11px; }

.garis_bawah_orange {border-bottom:#FF9900 dashed thin;}
.garis_bawah_hijau {border-bottom:#65B52A dashed thin;}

.imagesBoxContents {
      font-family: Verdana, Arial, sans-serif;
      font-size: 10px;
    }
BODY {
  background: #2B7A26;
  color: #000000;
  margin: 0px;
}

A {
	color: #006600;
	text-decoration: none;
}

A:hover {
	color: #000;
	text-decoration: underline;
}
 
FORM {
	display: inline;
}

TR.header {
  background: #2B7A26;
}

TR.headerNavigationGreen {
  background: #66cc00;
}

TR.headerNavigation {
  background: #cc2229;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #cc2229;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #cc2229;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #cc2229;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #65B52A;
}

.infoBoxContents {
  background: #C2E478;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.infoBoxCategories {
  background: #EDA635;
}
.infoBoxContentsCategories {
  background: #FCF3D7;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading,
/* BOF: Added for Links in Infobox Headings */
TD.infoBoxHeading A,
TD.infoBoxHeading A:hover {
/* EOF: Added for Links in Infobox Headings */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #65B52A;
  color: #ffffff;
}

/* untuk infoBoxHeadingGeneral */
TD.infoBoxHeadingGeneral,
/* BOF: Added for Links in Infobox Headings */
TD.infoBoxHeadingGeneral A,
TD.infoBoxHeadingGeneral A:hover {
/* EOF: Added for Links in Infobox Headings */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;

  color: #ffffff;
}
/* end */


/* untuk infoBoxHeadingCategories */
TD.infoBoxHeadingCategories,
/* BOF: Added for Links in Infobox Headings */
TD.infoBoxHeadingCategories A,
TD.infoBoxHeadingCategories A:hover {
/* EOF: Added for Links in Infobox Headings */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
}
/* end */

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxPolos {
}

.infoBoxPolosContents {
  font-family: Verdana, Arial, sans-serif;
  font-weight:bold;
  font-size: 10px;
  text-align:left;
}

TD.infoBoxPolos, SPAN.infoBoxPolos {
  font-family: Verdana, Arial, sans-serif;
  font-size: 18px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #efa735;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #efa735;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Georgia, "Times New Roman";
  font-size: 20px;
  font-weight: bold;
  color: #336633;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  line-height: 1.5;
}
TD.detail_ekspedisi, P.main 
{
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  line-height: 1.5;
}
TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.smallText2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.smallTextColor, SPAN.smallTextColor, P.smallTextColor {
  font-family: Verdana, Arial, sans-serif;
  color:#2b7a26;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

TD.productDesc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #808080;
  padding: 1px 7px 1px 7px;
}

TD.productheadDesc {
 font-family: Verdana, Arial, sans-serif;
 font-size: 10px;
 font-weight: normal;
 color: #000000;
 padding: 4px 0px 0px 10px;
}

/* ----------------- coolMenu ----------------- */

.clCMEvent{
	position:absolute;
	width:100%; height:100%;
	clip:rect(0,100%,100%,0);
	left:10; 
	top:10;
	visibility:visible
}


.clCMAbs{
	position:absolute;
	visibility:hidden;
	left:10;
	top:10;
}

.clBar{
	position:absolute;
	width:1;
	height:1;
	background-color:#fcf3d7;
	layer-background-color:#fcf3d7;
	visibility:hidden;
}

.clLevel0,.clLevel0over{
	position:absolute;
	padding:1px;
	font-family:Verdana,arial,helvetica;
	font-size:10px;
}

.clLevel0{
	background-color:#ffffff;
	layer-background-color:#ffffff;
	color:#000000;
}

.clLevel0over{
	background-color:#65B52A;
	layer-background-color:#65B52A;
	color:#fcf3d7;
	cursor:pointer;
	cursor:hand;
}

.clLevel0border{
	position:absolute;
	visibility:hidden;
	background-color:#65B52A;
	layer-background-color:white;
}

.clLevel1, .clLevel1over{
	position:absolute;
	padding:2px;
	font-family:Verdana,arial,helvetica;
	font-size:10px;
}

.clLevel1{
	background-color:#ffffff;
	layer-background-color:#ffffff;
	color:#000000;
}

.clLevel1over{
	background-color:#65B52A;
	layer-background-color:#65B52A;
	color:#fcf3d7;
	cursor:pointer;
	cursor:hand;
}

.clLevel1border{
	position:absolute;
	visibility:hidden;
	background-color:#65B52A;
	layer-background-color:white;
}

TD.compareListing-image {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: fcf3d7;
  border: 1px;
  border-style:solid
  border-color: #AAAA91;
}
TD.compareListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: white;
  border: 1px;
  border-style:solid
  border-color: #AAAA91;
}

  TD.productListing-data {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
  }

.headerproduk {	font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 14px;}
.price1 {color: #FFFFFF; }
.price2 {color: #FF0000; font-size: 18px;}
.frontpage {color: #339900 ;}

.extrafield {font-family: Verdana, Arial, sans-serif; font-size: 11; color:#ffffff; }
.extrafield_baru {font-family: Verdana, Arial, sans-serif; font-size: 11; color:#10550c; }
.extrafield2 {font-family: Verdana, Arial, sans-serif; font-size: 10; color: #666666; }

.extrafield3 {font-family: Verdana, Arial, sans-serif; font-size: 9; color: #666600; }

.extrafieldRed {font-family: Verdana, Arial, sans-serif; font-size: 12; color: #FF0000; font-weight: bold; }
.extrafieldkuning {font-family: Verdana, Arial, sans-serif; font-size: 10; color:#FFCC00}


.salesinfo {color: #CC00CC; font-size:11px; font-weight: bold; font-family: Verdana, Arial, sans-serif;}
.isi {color: #FF0000;}
.frontpage {font-size:13px;}

.simulasi {color:#990099; font-size:11px; font-weight: bold; font-family: Verdana, Arial, sans-serif;}

.smallgrey {font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 9px; color: #666666;}
.smallgrey2 {font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #666666;}

.smallgreythin {font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #ffffff;}

.salesbottom {font-family: Verdana, Arial, sans-serif; font-size: 8px; color: #FFFF00; }

.keterangan {font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #999999; }
.keteranganRed {font-family: Verdana, Arial, sans-serif; font-size: 9px; color: #f90f0a; font-weight: bold;}

.keteranganGreen {font-family: Verdana, Arial, sans-serif; font-size: 11px; color: #2B7A26; font-weight: bold;}

.salesbottom2 {color: #FFFFFF}
.green {color:#006600}

.tulisan:link,.tulisan:visited
{ color: #FF0000 ; text-decoration: none; font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.tulisan:hover,.tulisan:active
{ color: #000; text-decoration: underline;}

TD.tabelTextColor, SPAN.tabelTextColor, P.tabelTextColor {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  align: center;
  background: #8CC945;
  color: #2B7A26;
}

TD.tabelTextColor2, SPAN.tabelTextColor2, P.tabelTextColor2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  align: center;
  background: #C2E478;
  color: #2B7A26;
}

TD.tabelBoxHeading,
/* BOF: Added for Links in Infobox Headings */
TD.tabelBoxHeading A,
TD.tabelBoxHeading A:hover {
/* EOF: Added for Links in Infobox Headings */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  align: center;
  background: #E3F3B0;
  color: #2B7A26;
}

.produkPonselBlue {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	color:#660099
}

.tokoPonselBlue {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #660099;
}
.tokoPonselRed {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color:#CC0000;
}
.produkPonselRed {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	color: #FF0000;
}
.netralWhite {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
}
.netralYellow {
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color:#FFFF00;
}
/*tambahan


/*NOTE: anything not specified for the #(menu id's) a selector and its pseudo classes
may be inherited in some browsers from other 'a' element styles (if any) on the page*/

#menu1 a {color:black;background-color:white;text-decoration:none;text-indent:1ex;}
#menu1 a:active {color:black;text-decoration:none;}
#menu1 a:hover {color:black;background-color:#FFFF99}
#menu1 a:visited {color:black;text-decoration:none;}

#menu2 a {color:navy;background-color:white;text-decoration:none;text-indent:1ex;}
#menu2 a:active	{color:blue;text-decoration:none;}
#menu2 a:visited {color:blue;text-decoration:none;}
#menu2 a:hover {color:navy;background-color:#f0fea8}

#menu3 a { /*Menu3 Links*/
color:black;
background-color:white;
text-decoration:none;
text-indent:1ex;
}
#menu3 a:hover {
color:black;background-color:#FFFF99;
}
#menu3 a:active	{color:black;text-decoration:none;}
#menu3 a:visited	{color:black;text-decoration:none;}

/*CSS untuk status*/
.greenStatus {font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; color: #2B7A26;}
.purpleStatus {font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; color: #A7027E;}
.smallStatus {font-family: Verdana, Arial, sans-serif; font-size: 10; color: #666666; }
.isiStatus {font-family: Verdana, Arial, sans-serif; font-size: 12; color: #2B7A26; }
.purpleNamaStatus {font-family: Verdana, Arial, sans-serif; font-weight: bold; font-size: 9px; color: #A7027E;}

.smallTextWhite {font-family: Verdana, Arial, sans-serif; font-size: 10; color: #ffffff; line-height: 140% }
/*End Menu Links*/

/* ----------------- coolMenu_eof ----------------- */

/* untuk komentar*/


.arrowlistmenu{
width:100%; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;

margin-bottom: 2px; /*bottom spacing between header and rest of content*/
padding: 1px 0 1px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 1px; /*bottom spacing between menu items*/
}


.arrowlistmenu ul li a{
color: #A70303;
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #F3F3F3;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}

/* untuk komentar*/



/*  ----------------------|  LOGIN  |----------------------  */

.register .login_sector {
    width: 320px;
}

.register .login_sector_fb {
    width: 400px;
}

/*  ----------------------|  SWEET BLESSED CLEARFIX  |----------------------  */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; }

.clearfix {
    display: inline-block; }

html[xmlns] .clearfix {
    display: block; }

* html .clearfix {
    height: 1%; }

.fbc_loginstate_top 
{ 
	position:absolute;
	right:5;
	top:5;
}
.fbc_profile_header 
{
	background:white none repeat scroll 0 0;
	border:1px dotted gray;
	padding:10px 5px 5px;
	text-align:right;
	width:175px;
}
.fbc_profile_pic 
{
 float: right;
 padding: 0 5px 5px 5px;
}

TD.pollBoxRow {   
font-family: Verdana, Arial, sans-serif;   
font-size: 10px;   border-color: #eeeeee;   
border-style: solid;   border-width: 1px;
} 

TD.pollBoxText {   
font-family: Verdana, Arial, sans-serif;   
font-size: 10px;   border-color: #eeeeee;   
border-style: solid;   
border-width: 1px;
} 

TR.pollOptRow {   
background: #f1f9fe; 
} 
TR.pollFooter { 
  background: #f1f9fe;
}