body 
{
	background: #67696D;
}

a
{
	color: #747474;
	text-decoration: none;
}

a:hover 
{
	color: #888888;
	text-decoration: underline;
}

#container
{
	width:800px;
	height:100%;
	margin-left:120px;
}

/*banner*/
#banner
{
	width:730px;
}

#ban_atas
{
	width:726px;
	height:17px;
	background:url(../images/m01.gif) no-repeat;
	margin-bottom:-2px;
	margin-top:2px;
}

#ban_tengah
{
	background:#6D7174;
	border-left:#919498 solid 1px;
	border-right:#919498 solid 1px;
	width:724px;
	height:100px;
	padding-top:10px;
	padding-bottom:30px;
}

*html #ban_tengah
{
	width:726px;
}

#ban_tengah_text
{
	width:710px;
	margin-left:10px;
	margin-top:-30px;
}

#ban_tengah p
{
	margin-left:30px;
	padding-top:20px;
	color:#CDCECF;
	font-family:verdana;
	font-size:9px;
}

#ban_tengah a
{
	color:#3A3A3A;
	font-family:verdana;
	font-size:10px;
}

#ban_tengah a:hover
{
	color:#FDB926;
	text-decoration:underline;
}

#repeat_ban
{
	background:url('../images/ban_01.gif') repeat-x;
	margin-left:5px;
	height:80px;
	width:700px;
	margin-top:-10px;
}

#logo_ban
{
	background:url('../images/online_logo2.gif') no-repeat;
	height:80px;
	width:400px;
}

#ban_tutup
{
	width:726px;
	height:17px;
	background:url(../images/m01-1.gif) no-repeat;
	margin-top:0px;
}

#logo_ban_tutup
{
	background:url('../images/online_logo_01.gif') no-repeat;
	width:27px;
	height:80px;
	margin-left:685px;
}

#basic
{
	width:800px;
	float:left;
	margin-top:5px;
}

#menu
{
	width: 219px;
	float:left;
}

#header_menu
{
	background:url('../images/m15.gif') no-repeat;
	width:219px;
	height:44px;
	float:left;
}

#header_kotak
{
	background:url('../images/header_menu.gif')no-repeat;
	width:219px;
	height:13px;
	float:left;
}

#menu_tengah
{
	width:217px;
	background:#4E5257;
	border-left:#919498 solid 1px;
	border-right:#919498 solid 1px;
	float:left;
}

*html #menu_tengah
{
	width:219px;
}

#menu_tengah p
{
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:white;
	margin-top: 0px;
	margin-bottom:0px;
	padding-left:20px;
}

#list_menu
{
	width:160px;
	background:url('../images/m16.gif') 0 50% no-repeat;
	margin-left:20px;
	border-bottom:#7B7D81 solid 1px;
	padding-top:2px;
	padding-bottom:4px;
	padding-left:20px;
}

#list_menu a
{
	color:white;
	font-family:Tahoma;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}

#list_menu a:hover
{
	text-decoration:underline;
}

#footer_menu
{
	background:url('../images/m18.gif')no-repeat;
	width:219px;
	height:13px;
	float:left;
	margin-bottom:5px;
}

#content
{
	width:504px;
	margin-left:3px;
	float:left;
}

#header_content
{
	width:504px;
	height:44px;
	background:url('../images/m20.gif') no-repeat;
	float:left;
	margin-top:5px;
}

#header_content2
{
	width:504px;
	height:13px;
	background:url('../images/header_content.gif') no-repeat;
	float:left;
}

#header_special_content
{
	width:504px;
	height:44px;
	background:url('../images/special_promo.gif') no-repeat;
	float:left;
}

#content_tengah
{
	width:497px;
	background:#4E5257;
	border-left:#919498 solid 1px;
	border-right:#919498 solid 1px;
	padding-top:15px;
	float:left;
	padding-left:5px;
}

*html #content_tengah
{
	width:504px;
}

#content_isi
{
	width:470px;
	background:white;
	border:#8C8FA6 solid 1px;
	padding: 5 5 5 5;
	margin-left:5px;
	float:left;
}

#content_isi h1
{
	font-size:12px;
	font-family:Trebuchet MS;
	color:#E0A109;
	font-weight:bold;
	letter-spacing:3px;
	margin-bottom:10px;
	padding-left:10px;
	width:100%;
}

#content_isi p
{
	color:#414243;
	font-family:verdana;
	font-size:10px;
	padding: 10 10 10 10;
	margin:0 0 0 0;
}

#content_isi li
{
	color:#414243;
	font-family:verdana;
	font-size:10px;
}

#content_isi a
{
	color:#414243;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
}

#content_isi a:hover
{
	text-decoration:underline;
}

#content_isi table
{
	float:left;
	width:100%;
}

#footer_content
{
	background:url('../images/footer_content.gif') no-repeat;
	width:504px;
	height:15px;
	float:left;
}

#footer
{
	margin-top:5px;
	width:730px;
	float:left;
}

#footer_tengah
{
	background:#6D7174;
	border-left:#919498 solid 1px;
	border-right:#919498 solid 1px;
	width:724px;
	height:20px;
	padding-top:10px;
}

*html #footer_tengah
{
	width:726px;
}

#footer_tengah p
{
	margin-top:-10px;
	text-align:center;
	font-family:Verdana;
	font-size:11px;
	color:#F0F0F0;
}

#footer_footer
{
	background:url('../images/m01-1.gif') no-repeat;
	width:730px;
	height:17px;
	float:left;
	margin-bottom:20px;
}

/**/
/*
  $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; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; 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; }


FORM {
 display: inline;
}

/*
TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  color: #FFFFFF;
  font-size: 13px;  
  font-weight: bold;
  text-decoration: none;
}

A.headerNavigation:hover {
  color: #FFFFFF;
  font-size: 13px;  
  font-weight: bold;
  text-decoration: underline;
}

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: #bbc3d3;
}

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

.infoBoxContents {
  background: #FFFFFF;
  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 {
  background-image: url('images/infobox/corner_center.gif');
  font-family: Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #000000;
  display: none;
}

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

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: #32363C;
  //shopping-cart content color
}

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: #32363C;
  //shopping-cart content color
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #272A32;
  //shopping-cart header/footer color
  border-spacing: 1px;
  
}

.productListing-heading {

border-right:2px solid  #4E5257; 
border-bottom:3px solid  #4E5257; 
border-top:0px solid #FFFFFF;  
text-align:center;
 

  color: #FFFFFF;
  font-weight: bold;
  padding: 13px;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #272A32;
  //shopping-cart header/footer color
}

TD.productListing-data {
border-right:2px solid  #4E5257; 
border-bottom:2px solid  #4E5257;  
text-align:center;
vertical-align:top; 
padding:10 15 10 15;


  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #FFFFFF;
}

A.pageResults {
  color: #747474;
}

A.pageResults:hover {
  color: #747474;
}

A.pageResults:visited {
  color: #747474;
}


TD.pageHeading, DIV.pageHeading {
 font-size: 11px;
 color: #E6E6E7;
 font-weight: bold;
 text-transform: uppercase;
  text-decoration: sharp;
  height: 51px;
  width: 504px;
  background: url('images/m99.gif');
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-left: 20px;

}


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: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  padding-left: 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
{
	 font-family: verdana;
	 font-size: 10px;
	 color: #383838;
}

 .bg1
 {
	 background: url(images/m02.gif);
	 background-repeat: repeat-x; 
	 border-left: #919498 1px solid;
	 border-right: #919498 1px solid;
 }

 .bg2
 {
	 background-image: url(images/m05.gif);
	 background-repeat: repeat-x; 
 }            

 .bg3
 {
	 background-image: url(images/m26.gif);
	 background-repeat: repeat-y; 
 }            

 .bg4
 {
	 background-image: url(images/m28.gif);
	 background-repeat: repeat-y; 
 }            

 .bg5
 {
	 background-image: url(images/m50.gif);
	 background-repeat: repeat-x; 
 }            

 .bg6
 {
	background: #32363C;
 }            


 .ch1
 {
	 font-size: 11px;
	 color: #EAEBEC;
 }
 
 .ch2
 {
	 border-left: #919498 1px solid;
	 border-right: #919498 1px solid;
 }

 .ch3
 {
	padding-left: 18px;
 }

 .ch4
 {
	padding-left: 15px;
 }
 
 .ch5
 {
	font-size: 10px;
	color: #959595;
 }

 .ch6
 {
	 font-size: 16px;
	 color: #FFF002;
	 font-weight: bold;
 }

 .ch7
 {
	 font-size: 16px;
	 color: #D0D0D2;
	 font-weight: bold;
 }

 .ch8
 {
	 font-size: 11px;
	 color: #D0D0D2;
 }

 .ch9
 {
	padding-left: 21px;
 }

 .ch10
 {
	font-size: 11px;
	color: #DEDFDF;
 }

 .ch11
 {
	 padding-left: 15px;
	 padding-right: 10px;
 }

 .ch12
 {
	 font-size: 11px;
	 color: #E6E6E7;
	 text-transform: uppercase;
 }

 .ch13
 {
	 font-size: 11px;
	 color: #FFFFFF;
 }

 .ch14
 {
	 padding-top: 32px;
	 padding-left: 43px;
 }

 .ch15
 {
	 font-size: 13px;
	 color: #FFFFFF;
 }


 .ml1
 {
	 font-size: 10px;
	 color: #FFFFFF;
 }

 .ml2
 {
	 font-size: 11px;
	 color: #EBFF02;
	 font-weight: bold;
	 text-decoration: none; 
 }

 .ml3
 {
	 font-size: 11px;
	 color: #FFFFFF;
	 text-decoration: none; 
	 font-weight:bold;
 }

 .ml33
 {
	 font-size: 11px;
	 color: #FFFFFF;
	 text-decoration: none; 
 }


 .ml4{
 font-size: 11px;
 color: #959595;
 text-decoration: none; 
 }

 .ml5{
 font-size: 11px;
 color: #FFFFFF;
 text-decoration: none; 
 }

 .se{            
 width: 100px;
 font-size: 9px;
 color: #282E3E
 }

 .se2{            
 width: 110px;
 font-size: 8px;
 color: #282E3E
 }


 .se3{            
 width: 50px;
 font-size: 8px;
 color: #282E3E
 }


 




 .image_border_{
  border:1px solid #737D88; 
 }


 .currency_symbol{
 font-size: 16px;
 color: #D0D0D2;
 font-weight: bold;
 padding-right:6px;
 }