﻿/*

  $Id: stylesheet.css,v 1.1.1.1 2004/03/04 23:42:24 ccwjr Exp $



  osCommerce, Open Source E-Commerce Solutions

  http://www.oscommerce.com



  Copyright (c) 2003 osCommerce



  Released under the GNU General Public License

*/

.cat_description {  font-family : Tahoma, Arial, sans-serif; font-size : 10px; color: #800000; font-weight: bold }

.boxText { font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #f2f5f8; line-height: 150%;}

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

.stockWarning { font-family : Tahoma, Arial, sans-serif; font-size : 10px; color: #cc0033; }

.productsNotifications { background: #f2fff7; }

.orderEdit { font-family : Tahoma, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }



BODY {

  background-image: url(images/back_main.jpg);
  margin: 0px;

}

 	.main_text{

	font-family:arial, Tahoma; font-size:11px;  color:#7C7C7C; 

	}







A {
  font-family: Tahoma, Arial, sans-serif;
  color: #f2f5f8;
  text-decoration: none;
  font-size: 11px;
}
A:hover {
/* An change color from #9d03a0 */
  color: #f2f5f8;
  text-decoration: underline;
}



FORM {

	display: inline;

}



TR.header {

  background: #ffffff;

}



TR.headerNavigation {

  background: #2e343a;

  font-family: Arial, Tahoma, sans-serif;

  color: #000000;

  font-size: 10pt;

}



TD.headerNavigation {

  font-family: Arial, Tahoma, sans-serif;

  font-size: 11pt;

  background: #2e343a;

  color: #dadde0;

  font-weight : bold;
  
  height:50px;

}




A.headerNavigation { 
  color: #000; 
  font-size: 9pt;
  font-family: Arial, Tahoma, sans-serif;
  text-transform: capitalize;
  font-weight: bold;

}
a:hover.headerNavigation {
  color: #dadde0;
  text-decoration: underline;

}


A.newProdName { 
  font-family: Arial, sans-serif;
  color: #f2f5f8;
  font-size: 12px;
  font-weight : normal;

}
a:hover.newProdName {
  color: #f2f5f8;
  font-size: 12px;
  text-decoration: underline;
  font-weight : normal;

}


TR.headerError {

  background: #ff0000;

}



TD.headerError {

  font-family: Tahoma, Tahoma, 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, Tahoma, Arial, sans-serif;

  font-size: 12px;

  background: #00ff00;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



TR.footer {

  background: #bbc3d3;

}



TD.footer {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;

  background: #bbc3d3;

  color: #ffffff;

  font-weight: bold;

}

.infoBox {

  /*background: #2e343a;*/
  background-image: url(images/back_main.jpg);
  

}



.infoBoxContents {

  /*background: #2e343a;*/
  background-image: url(images/back_main.jpg);

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;
  
}

.thap {
	font-family: Tahoma, Arial, sans-serif;
	color: #32CBEE
}

.infoBoxNotice {

  background: #FF8E90;

}



.infoBoxNoticeContents {

  background: #FFE6E6;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;

}



TD.infoBoxHeading {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

/* An change color from #e4e4e4 */
  background: url('../images/center_heading_04.gif');
  
/* An change color from #ffffff*/
  color: #f2f5f8;

  padding-left: 10px

}
/* An add Center Box */
/***** BOF Center Box ******/

TD.centerBoxHeading {
	color: #dadde0; 
  	font-size: 9pt;
  	font-family: Arial, Tahoma, sans-serif;
  	font-weight:bold;
}
TD.centerBoxContent {
	background:#040404;
	color: #dadde0; 
  	font-size: 9pt;
  	font-family: Arial, Tahoma, sans-serif;
}

/***** EOF Center Box *****?


/*****BOF Categ Boxes*******/

.categinfoBox {

  background: url(images/categ_center.jpg);

}



.categinfoBoxContents {



  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;

  padding-left: 15px;

}



TD.categinfoBoxHeading {

background: url(images/categ_top.jpg) no-repeat left top;

height: 27px;

  font-family: Tahoma, Tahoma, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #2c2b2b;

padding-left: 28px;

}



A.categinfoBoxHeading {

  font-family: Tahoma, Tahoma, Arial, sans-serif;

  font-size: 10px;

  text-decoration: none; 

  color: #BE3800;

}



.infoBoxContentsText_categ {

  font-family: Tahoma, Tahoma, Arial, sans-serif;

  font-size: 10px;

  color: #2c2b2b;

  padding-left: 0px;

  padding-right: 0px;

  padding-top: 0px;

  vertical-align: middle;

}



A.infoBoxContentsText_categ {

  font-family: Tahoma, Tahoma, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

  text-decoration: none; 

  color: #2c2b2b;

  padding-left: 7px;

  padding-right: 5px;

  padding-top: 5px; 

  vertical-align: middle;

}


A.subcat {

  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none; 
  color: #ffffff;
}
A.subcat:hover {

  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline; 
  color: #ffffff;

}
a.subcat_subcategory {
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none; 
  color: #000;
}
a.subcat_subcategory:hover {
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline; 
  color: #000;
}
a.subcat_subcategory_level1 {
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none; 
  color: #fff;
}
a.subcat_subcategory_level1:hover {
  font-family: Arial;
  font-size: 13px;
  font-weight: bold;
  text-decoration: underline; 
  color: #fff;
}
td.box_introduce_getsubcategory{
	padding:10px 50px 30px 35px; 
	font-family:arial; 
	font-size:10pt;
}


/*****EOF Categ Boxes*******/



/*****BOF Side Boxes*******/

.SideinfoBox {

  border: 0px;

  border-style: solid;

  border-color: #FFFFFF;

  /* An hide background color
  background: #FFFFFF; */

  border-spacing: 1px;

}



.SideinfoBoxContents {

  /* An hide this 
  background: #e4e4e4; */

  font-family: Tahoma, Arial, sans-serif;
  
  font-size: 10px;
  
  padding-top: 0px;

}
.SideinfoBoxContents_text {

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

.SideinfoBoxContents2 {

  /* An hide this 
  background: #FFFFFF; */

  font-family: Tahoma, Arial, sans-serif;
  
  font-size: 10px;

}



TD.SideinfoBoxHeading {

background: url(images/boxtop.jpg) no-repeat left top;

height: 27px;

  font-family: Tahoma, Tahoma, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #2c2b2b;

padding-left: 28px;

}

/*****EOF Side Boxes*******/



/***** henry BOF Side Boxes2*******/

.SideinfoBox2 {

  background: url(images/boxcenter.jpg);

}



.SideinfoBoxContents2 {

background: url(images/boxcenter.jpg);

font-family: Tahoma, Arial, sans-serif;

font-size: 10px;

padding-left:10px;

padding-right:2px;

}



TD.SideinfoBoxHeading2 {

background: url(images/boxtop2.jpg) no-repeat left top;

height: 40px;

  font-family: Tahoma, Tahoma, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #2c2b2b;

padding-left: 28px;

}



/*****henry EOF Side Boxes2*******/







/*****BOF Center Boxes*******/

.centerinfoBox {

border-left: #666665 0px solid;

border-right: #666665 0px solid;

}



.centerinfoBoxContents {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;

  padding: 0px;



}



TD.centerinfoBoxHeading {

  background: url(images/product_top.jpg) no-repeat left top;

  height: 18px;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 11px;

  font-weight: bold;

  color: #ffffff;

  font-variant: small-caps;

  padding-left: 25px;

  padding-top: 0px;

}

/*****EOF Center Boxes*******/



TD.infoBox, SPAN.infoBox {

  font-family: Tahoma, 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: #262a2d;

}



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: #2e343a;

}



TABLE.productListing {

  border: 1px;

  border-style: solid;

/* An change color from #0569A9 */
  border-color: #aaa5a5;

  background: #2e343a;

  border-spacing: 1px;

}



.productListing-heading {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10px;
  /* An change bg color from e006b2 */
  background: #000000;
  color: #ffffff;
  font-weight: bold;
  line-height:200%;
  padding-left: 25px;
  padding-right: 10px;

}



.productlisting-headingPrice { 

  font-family: Tahoma, Arial, sans-serif;

  font-size: 20px;

  font-weight: bold;

  color: #9a9a9a;

}



TD.productListing-data {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;
  
}



A.pageResults {

  color: #0000FF;

}



a:hover.pageResults {

  color: #0000FF;

  background: #FFFF33;

}



TD.pageHeading, DIV.pageHeading {
  font-family: Arial, Tahoma, sans-serif;
  font-size: 24px;
  text-transform: capitalize;
  font-weight: bold; 
  color: #f2f5f8;
  padding-left: 10px;
  padding-right: 10px;
}

td.pageHeadingsub, div.pageHeadingsub#font-family {
  font-family: Arial, Tahoma, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #69696a;
  padding-left: 10px;
  padding-right: 10px;
  line-height:150%;
}

a.pageHeadingsub {
  font-family: Arial, Tahoma, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #69696a;
  padding-left: 15px;
  padding-right: 10px;
  line-height:150%;
}


TD.cat_box {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #660000;

  padding-left: 10px;

  padding-right: 10px;

  

}



TR.subBar {

  background: #f4f7fd;

}



TD.subBar {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;

  color: #000000;

}



TD.main, P.main {

  font-family: Tahoma, Arial, sans-serif;
  color: #f2f5f8;
  font-size: 11px;
  line-height: 1.5;
  
/* An add padding */  
  padding-left: 10px;

  padding-right: 10px;

}



td.smallText, span.smallText, p.smallText#font-family {

  font-family: Tahoma, Arial, sans-serif;
  color: #f2f5f8;
  font-size: 12px;
  /* An change border-bottom size from 2 px */
  border-bottom:0px solid #dcdbdb;

}



TD.accountCategory {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 12px;

  color: #aabbdd;

}



TD.fieldKey {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



TD.fieldValue {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 12px;

}



TD.tableHeading {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



TD.category_desc {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;

  line-height: 1.5;

}



SPAN.newItemInCart {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;

  color: #ff0000;

}



CHECKBOX, INPUT, RADIO, SELECT {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 11px;

}



TEXTAREA {

  width: 100%;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 11px;

}



SPAN.greetUser {

  font-family: Tahoma, 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, Tahoma, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



SPAN.markProductOutOfStock {

  font-family: Tahoma, Tahoma, Arial, sans-serif;

  font-size: 12px;

  color: #c76170;

  font-weight: bold;

}

.newprodprice {

font-family: Tahoma, Tahoma, Arial, sans-serif;

  font-size: 12px;

  color: #FF7F00;

  font-weight: bold;

}



.newprod{

font-family: Tahoma, Tahoma, Arial, sans-serif;

  font-size: 12px;

  color: #4DA8DB;

  font-weight: bold;

}



A.newprod {

font-family: Tahoma, Tahoma, Arial, sans-serif;

  font-size: 12px;

  color: #329CD6;

  font-weight: bold;

}

a:hover.newprod {

font-family: Tahoma, Tahoma, Arial, sans-serif;

  font-size: 12px;

color: #329CD6;

}



SPAN.productSpecialPrice {

  font-family: Tahoma, Arial, sans-serif;

  color: #ff0000;

}



SPAN.errorText {

  font-family: Tahoma, Arial, sans-serif;

  color: #ff0000;

}



.moduleRow { }

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

.moduleRowSelected { background-color: #E9F4FC; }



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

.checkoutBarCurrent { font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #000000; }



/* message box */



.messageBox { font-family: Tahoma, Arial, sans-serif; font-size: 10px; }

.messageStackError, .messageStackWarning { font-family: Tahoma, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }

.messageStackSuccess { font-family: Tahoma, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }



/* input requirement */



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



/* VJ Links Manager v1.00 begin */

TABLE.linkListing {

  border: 1px;

  border-style: solid;

  border-color: #828282;

  border-spacing: 1px;

}



.linkListing-heading {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

  background: #828282;

  color: #FFFFFF;

  text-align: center;

}



TD.linkListing-data {

  border-right: 1px solid #828282;

  border-bottom: 1px solid #828282;

  padding: 4px;

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;

}



TR.linkListing-odd {

  background: #FBFBFB;

}



TR.linkListing-even {

  background: #FBFBFB;

}

/* VJ Links Manager v1.00 end */

.content 	{BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Tahoma, Helvetica}



/* Show Cart Details */

TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {

/* <FONT COLOR="bbc3d3" FACE="Arial" SIZE="1"> */

  font-family: Tahoma, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

  color="#BDCAF0";

}



 /* Show Header Page Links */

TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {

  background-image: url('images/button_blank_left.gif');

}

TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {

  background-image: url('images/button_blank_right.gif');

}

TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {

  background-image: url('images/button_blank_middle.gif');

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

  color: #000000

}

A.HeaderPageLinks {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

  color: #000000;

}

a:hover.HeaderPageLinks {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

/*  background: #00FF00; */

  color: #00FF00;

}



TD.cookieUsage {

  font-family: Tahoma, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

  background: #000000;

  color: #FFFFFF;

}
.dataTableRowOn {
	BORDER-RIGHT: #2e343a 1px solid; BORDER-TOP: #2e343a 1px solid; BORDER-LEFT: #2e343a 1px solid; BORDER-BOTTOM: #2e343a 1px solid; BACKGROUND-COLOR: #2e343a; border-spacing: 0px
}
.dataTableRowOver {
	BORDER-RIGHT: #2e343a 1px solid; BORDER-TOP: #2e343a 1px solid; BORDER-LEFT: #2e343a 1px solid; BORDER-BOTTOM: #2e343a 1px solid; BACKGROUND-COLOR: #2e343a; border-spacing: 0px; CURSOR: hand
}

/* Pagination style by Hai */
.pag {
  border:0; margin:0px 0px 0px 10px; padding:0;
  font-family:Tahoma;
  font-size:11px; 
  float:right;
}

.pag a {
   display:block;float:left;
   text-align:center;
   margin:1px 1px 0px 0px; 
   color:#000000; 
   text-decoration:none; 
}

.pag a {
   border:1px solid #CCCCCC;
   width:15px; height:15px;
   text-align:center;
   margin:1px 1px 0px 0px; 
   cursor:hand;
/*   padding-top:0px; */
   color:#000000;
   background:#FFFFFF;  
   text-decoration:none; 
}
.pag a:hover {
   color:#000000;
   background:#ecfab4;   
}
.pag a span {
    display:block;width:100%;margin:0px 0px 0px 0px;
	text-decoration:none;
    padding-top: 0px;
}
.pag a.next-prev {
    width:50px;
	border:none;
	font-size:12px;
}
.pag a.next-prev:hover {
	background:#FFFFFF;
	text-decoration:underline;
}

.pag span.next-prev-off {
    float:left;
	color:#666666;
	margin:3px 2px;
	border:none;
	font-size:12px;
}

.pag span.active {
   display:block;float:left;
   border:1px solid #CCCCCC;
   width:15px; height:15px;
   text-align:center;
   margin:1px 1px 0px 0px; 
   background:#1a1b1d;  
}

.pag span.active span {
color: #f2f5f8;
display:block;
padding-top: 0px;
}
/* End Pagination style by Hai */