/*
  $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; }

BODY {
	font-family:  Arial, Verdana, Helvetica, sans-serif;	
	color: #000000;
	margin: 0px;
	background-color:#415A61;
}
TABLE.white { background-color:#FFFFFF;}
td {vertical-align:top}

A {
	text-decoration: none;
	color:#FF6600;
	
}
A:visited { color:#FF6600}

A:hover {
  text-decoration: underline;
}


FORM {
 display: inline;
}
/**************** maskhead **********************/
#msbackground {background-image:url(../images/mh_nav.gif); background-repeat: no-repeat; height:89px;text-align:justify;}
.topNav{ font-size:11px;font-weight:bold; color:#FFFFFF;text-align:justify; padding-left:15px;  margin-top:50px;}
.topNav a{ text-decoration:none;  padding-left:10px; }
.topNav a:visited{ color:#FFFFFF; text-decoration:none; }
.topNav a:hover { text-decoration:underline;}

.lanNav{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#0099CC; font-weight:bold; text-align:right; padding-right:8px; padding-bottom:4px; margin-top:20px;}

/**************** shopping cart **********************/
#shoppingCart { margin-top:24px; padding-right:10px; color:#006699; font-weight:bold }
#shoppingCart a{ text-decoration:none; color:#FF3300}
#shoppingCart a:hover{ text-decoration:underline; color:#666666}



/************** header tag styles *************
h1 {
	font: bold 120% ;
	color: #CCCCCC;
	margin: 0px;
 	padding: 0px;
	}

h2 {
	font: bold 114% ;
	color: #FF9900;
	margin: 0px;
 	padding: 0px;
	}
h3 {	
	font-size: 1.15em;	
	background-color: #0099CC; 
	margin: 0px;
	padding:2px;
	color: #FFFFFF
	}
h4{
 font: bold 100%;
 color: #0099CC;
 margin: 0px;
 padding: 0px;
}
*/
/************** feature styles *****************/

.feature{
	padding: 0px 0px 0px 0px;
	background:#0099CC;
	text-align:left;
	color: #FFFFFF;
	font-size:13px;
}

.feature h1{
	font: 175% Verdana, sans-serif;
	color: #FFFFFF;
	margin-top:10px;
	margin-bottom:0px;
	padding:0px;
}

.feature img{
	float:left;
	padding: 0px 10px 0px 0px;
}
.feature a{ text-decoration:none; color:#FFFFFF; font-weight:bold; }
.feature a:visited{ text-decoration:none; color:#FFFFFF;}
.feature a:hover{ text-decoration:underline; color:#FFFFFF; }

/************** right-nav styles *****************/
.rightNav {
	font-size: 12px;
	padding: 5px 3px 5px 3px;
	color: #000000;
	padding-left:10px;
	padding-right:10px;
	background-color:#DEEEF7;
	width:155px;
}

.rightNav p{
	font-size: 12px;
	margin: 0px;
}

.rightNav h1{
	font: bold 110% Verdana, sans-serif;
	color: #333333;
	padding: 0px 0px 0px 0px;
}

.rightNav h2{
	font-size: 12px;
	font: bold 100% Verdana, sans-serif;
	color: #1F8DC8;
	padding: 0px;
}

.rightNav img{ 
	padding: 0px 0px 0px 0px;
}
.lineColor {background:#0099CC; height:1px;}
.divBody{background-image:url(../images/div.gif); background-repeat:repeat-x;}
.blueCopy { font-weight:bold; color:#1F8DC8;}

.whiteSpace { padding:2px;}
.rgtButton { padding-top:5px; font-size: 11px; font-weight: bold; color: #333333; text-align:right }
.rgtButton a{ text-decoration:none; color: #333333;}
.rgtButton a:hover{ text-decoration:underline ; color: #333333;}    

/************** content homepage ******/
#HmContent { text-align:left; font-size:13px; vertical-align:top; padding-right:5px;  padding-left:5px;}
#HmContent img{ padding-top:10px; padding-right:0px; padding-bottom: 0px; padding-left: 10px; float:left}

.contentMore { font-size: 12px; color:#333333; text-align:right; padding-right:5px; padding-top:5px; font-weight:bold; }
.contentMore a{ text-decoration:none ; color:#333333;}
.contentMore a:hover{ text-decoration:underline; color:#333333;}
.contentMore img { float:right; padding-left:3px; }

TD.greyBg { background-color:#E8E8E8}
.contentBlue { font-weight:bold; color:#1F8DC8;  padding-top:10px; font-size:12px;	}
.contentOrange { font-weight:bold; color:#FF9900; padding-top:10px;}

.yellowBg {background-color:#FFFFCC}

/************** Home Banner styles ****************/
#pannel img{ border:none;  padding-top:9px; padding-left:22px; padding-right:18px; }
#bn1 { background-image:url(../images/bn1.gif); background-repeat:no-repeat; background-position:top; height:180px; width:187px; text-align:left; font-size:12px; vertical-align:top; color:#FFFFFF}
#bn1 img{ border:none;}
#bn1 h1{ font-size:12px; font-weight:bold; margin:0px; padding-top:0px; padding-left:22px; padding-right:18px; }
#bn1 p{ margin:0px; color:#FFFFFF; text-align:right;  padding-top:0px; padding-left:3px; padding-right:10px}
#bn1 a{ text-decoration:none; font-weight:bold; color:#FFFFFF; }
#bn1 a:hover{ text-decoration:underline; color:#FFFFFF; }


#bn2 { background-image:url(../images/bn2.gif); background-repeat:no-repeat; height:110px; width:187px;  vertical-align:top;
text-align:left; font-size:12px;  color:#FFFFFF}
#bn2 img{ border:none;}
#bn2 h1{ font-size:12px; font-weight:bold; margin:0px; padding-top:0px; padding-left:22px; padding-right:18px; }
#bn2 p{ margin:0px; color:#FFFFFF; text-align:right; padding-top:0px; padding-left:3px; padding-right:18px}
#bn2 a{ text-decoration:none; font-weight:bold; color:#FFFFFF; }
#bn2 a:hover{ text-decoration:underline; color:#FFFFFF; }

#bn3 { background-image:url(../images/bn3.gif); background-repeat:no-repeat; height:110px; width:187px;  vertical-align:top;
text-align:left; font-size:12px;  color:#FFFFFF}
#bn3 img{ border:none;}
#bn3 h1{ font-size:12px; font-weight:bold; margin:0px; padding-top:0px; padding-left:22px; padding-right:18px; }
#bn3 p{ margin:0px; color:#FFFFFF; text-align:right; padding-top:0px; padding-left:3px; padding-right:18px}
#bn3 a{ text-decoration:none; font-weight:bold; color:#FFFFFF; }
#bn3 a:hover{ text-decoration:underline; color:#FFFFFF; }


/************** footer styles **************/
.footer {background-color:#0099CC; border-top:#FFFFFF solid 5px; color:#FFFFFF; 
text-align:center; padding:10px; font-size:8px; vertical-align:top; line-height:15px;}
.footer a{ text-decoration:none; color:#FFFFFF }
.footer a:hover {text-decoration:underline; }
.footer a:visited {color:#FFFFFF }

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


/************** end******/
.chinese{
  font-family:Verdana, Arial, sans-serif; 
  font-size: 13px;
}

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;
}



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

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

.productListing-heading {

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

  color: #414956;
  font-weight: bold;
  padding: 12px;
  font-family: Tahoma,Verdana, Arial, sans-serif; 
  text-transform:uppercase;
  font-size: 11px;
  background: #E1E1E1;
  //shopping-cart header/footer color
}

TD.productListing-data {
border-left:2px solid #FFFFFF; 
border-bottom:2px solid #FFFFFF; 
text-align:center;
vertical-align:top; 
padding:10 10 10 10;


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



A.pageResults {
  color: #747474;
}

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

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


TD.pageHeading, DIV.pageHeading {
 font-size: 14px;
 font-weight: bold;
 color: #252525;



  text-decoration: none;
  height:31px;
  width: 100%;
  background: url(../images/m99.gif);

  background-repeat: no-repeat;


  padding-bottom:0px;
  padding-left: 30px;

}

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;
}


.pr_category{
  font-size: 13px;
 color: #000000;
 text-decoration: none;
 text-transform: uppercase;
 font-weight: bold;
 }

.pr_name{
 font-size: 13px;
 font-weight: bold;
 color:#3399CC;
 text-decoration: none;
 text-transform: uppercase;

}


.pr_price{
 font-size: 13px;
 font-weight: bold;
 color: #333333;


 }

.pr_descr{
 font-family: tahoma, verdana, arial;
 font-size: 11px;
 color: #464646;

}

.pr_total{
 font-family: tahoma, verdana, arial;
 font-weight:bold;
 text-align:right;
 font-size: 11px;
 background: rgb(225, 225, 225);
 color: rgb(65, 73, 86);
 padding:5px;

}



.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: #FF9999; }
.messageStackSuccess { font-family:Verdana, Arial, sans-serif;  font-size: 10px; background-color: #66CCFF; }

/* input requirement */

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



 .ch1{
 font-size: 11px;
 font-weight: bold;
 color: #545454;
 }             

 .ch2{
 font-size: 14px;
 font-weight: bold;
 color: #252525;
 }             

 .ch3{
 font-size: 11px;
 font-weight: bold;
 color: #77804A;
 }             

 .ch4{
 font-size: 13px;
 font-weight: bold;
 color: #77804A;
 }             

 .ch5{
 font-size: 11px;
 font-weight: bold;
 color: #DC1400;
 }             

 .ch6{
 font-size: 13px;
 font-weight: bold;
 color: #DC1400;
 }             

 .ch7{
 font-size: 10px;
 color: #1F8DC8;
 }             

 .ch8{
 padding-left: 16px;
 }

 .ch11{
 font-size: 12px;
 font-weight: bold;
 color: #4C4C4C;
 }             

 .ch12{
 font-size: 11px;
 font-weight: bold;
 color: #565656;
 }             

 .ch13{
 font-size: 12px;
 color: #1F8DC8;
 }             

 .intro{
 font-size: 13px;
 color: #9900CC;
 }  

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

 .ml2{
 font-size: 11px;
 color: #676767;
 }             

 .ml3{
 font-size: 12px;
 font-weight: bold;
 color: #5C8E17;
 text-decoration: none;
 text-transform: uppercase;
 }             

 .ml4{
 font-size: 10px;
 color: #FF7612;
 text-decoration: none;
 }             

 .ml5{
 font-size: 10px;
 font-weight: bold;
 color: #404040;
 text-decoration: none;
 }             

 .ml6{
 font-size: 11px;
 color: #9F1A37;
 text-decoration: none;
 }             

 .ml7{
 font-size: 11px;
 color: #606060;
 text-decoration: none;
 }             


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

 .se2{            
 border: #AAAAAA 1px solid;
 width: 137px;
 font-size: 9px;
 color: #282E3E
 }
 
 .image_border{
  border:1px solid #888888; 
 }

 .cart_border_{
  border:1px solid #B5B5B5; background-color:rgb(225, 225, 225);
 }