/*
  $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 A,A:hover,A:visited { font-family: Tahoma; font-weight:700; color:#1F5A76; font-size: 11px;}
.menubg {
	background-image:url(images/template/menu_bg.jpg); background-position:bottom; background-repeat:repeat-x;
}
.boxText { font-family: Tahoma; font-weight:700; color:#1F5A76; font-size: 11px; }
.norText { font-family: Verdana; color:#444444; font-size: 12px; }
.tahoma18pt { font-family:Tahoma; font-size:18px; color:#049ac5 }
.tahoma18ptbold { font-weight:700; font-family:Tahoma; font-size:18px; color:#16856d}

.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 {
  background: #DDDDDD;
  background-image:url(images/template/body_bg.gif);
  background-repeat:repeat-x;
  color: #000000;
  margin: 0px;
}

A {
 font-family: Tahoma; font-weight:700; color:#1F5A76; font-size: 11px; text-decoration:none
}

A:hover {
 font-family: Tahoma; font-weight:700; color:#1F5A76; font-size: 11px; text-decoration:none;
}

FORM {
	display: inline;
}

TR.header {
  background-image:url(images/template/header_back.gif);
  background-repeat:repeat-x;
}

.middle_top_main {
  background-image:url(images/template/top_main_bg.jpg);
  background-repeat:no-repeat;
}

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

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: #0e9ec8;
  height:20px;
  font-family: Tahoma;
  font-size: 11px;
  color: #ffffff;
  font-weight: bold;
}

.copyright {
	color:#737373;
	font-family: Tahoma;
	font-size: 11px;
}

TD.footer {
  font-family: Tahoma;
  font-size: 11px;
  color: #162302;
}

.infoBox {
  background: #edfaf6;
  border:1px solid #3bbb91;
}

.infoBoxContents {
  background: #edfaf6;
  font-family: Tahoma;
  font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana;
  font-size: 13px;
  text-align:center;
  height:30px;
  font-weight: bold;
  background: #3bbb91;
  text-transform:uppercase;
  color: #ffffff;
}

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

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

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

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

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

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

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;
  color:#1F5A76; 
  font-weight: bold;
}

TD.tableData {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color:#1F5A76; 
  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;
  font-size:11px;
  font-weight:bold;
  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; }



.topmenuhover {
	padding-left:10px;
	padding-right:10px;
	font-family:Tahoma;
	font-size:13px;
	font-weight:700;
	background:url(images/template/menu_hover_middle.gif);
	background-repeat:repeat-x;	
}

.topmenu {
	padding-left:10px;
	padding-right:10px;
	font-family:Tahoma;
	font-size:13px;
	font-weight:700;
	background:url(images/template/menu_middle.gif);
	background-repeat:repeat-x;	
}
.bl12px {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#0b4e62;
}
.bl11px {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0b4e62;
}
.bl12px a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0b4e62;
}
.bl12px a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0b4e62;
}
.bl12px a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0b4e62;
}
input {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	border:1px solid #118db0;
}
.wh11px{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
.wh11px a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
.wh11px a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
.wh11px a:visited {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}

#swatches {
	width: 395px;
	border: 1px solid #DDDDDD;
	padding: 6px;
	text-align:center;
}

/* 64px = 6 columns */
/* 77px = 5 columns */
/* 96px = 4 columns */

#swatches .swatch {
	width: 64px;
	height: 72px;
	float: left;
        text-align:center;
}
#swatches .vinhphswatch {
	width: 70px;
	height: 70px;
	float: left;
	
        text-align:center;
}
#swatches .swatchName {
	font-size: 9px;
        text-align:center;
	padding: 1px 2px 0 0;
	color: #666666;
}
#swatches .vinhphswatchName {
	font-size: 12px;
        text-align:center;
	padding: 1px 2px 0 0;
	color: #666666;
}

#swatches img {
	height: 25px;
	width: 25px;
	padding: 0;
	border: 1px solid #999999;
	margin: 0 3px 0 0;
}

.swatchHelper {
	font-size: 9px;
	color: #999999;
	font-weight: normal;
}

.bigSwatch {
	width: 145px;
}
div.swatchBlock {
width:130;
height:130;
border:1px solid gray;
text-align:center;
}

div.swatchTitle{
font-family:verdana;
font-size:10pt;
font-weight:bold;
}
table.sizeChartTable {
border-width: 1;
border-style: solid;
border-color: #dddddd;
cellpadding: 6;
}

table.sizeTable {
border-width: 1;
border-style: solid;
border-color: #86aad3;
cellpadding: 5;
}

table.sizeTable td {
border-width: 1;
border-style: solid;
border-color: #86aad3;
cellpadding: 5;
}

tr.sizeTableHeader {
font-size:12pt;
background:#c2ddf8;
}

tr.sizeTableSubHeader {
font-size:10pt;
font-weight:bold;
text-align:center
}

tr.sizeTableSizes {
border-width: 1;
border-style: solid;
border-color: #86aad3;
font-size:9pt;
}

a.linkmenu:link
{

	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#1d5a77;
	text-decoration:none;
	font-weight:bold;
}
a.linkmenu:active
{

	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#1d5a77;
	font-weight:bold;
	text-decoration:none;

}
a.linkmenu:visited
{

	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#1d5a77;
	text-decoration:none;
	font-weight:bold;
}
a.linkmenu:hover
{
	
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:blue;
	text-decoration:none;
	font-weight:bold;
}
a.linksubmenu:link
{

	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#1d5a77;
	text-decoration:none;

}
a.linksubmenu:active
{

	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#1d5a77;
	text-decoration:none;

}
a.linksubmenu:visited
{

	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#1d5a77;
	text-decoration:none;

}
a.linksubmenu:hover
{

	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:blue;
	text-decoration:none;

}
a.login:link
{
	
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#003e98;
	text-decoration:none;
	font-weight:bold;
}
a.login:active
{
	
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#003e98;
	text-decoration:none;
	font-weight:bold;
}
a.login:visited
{	
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#003e98;
	text-decoration:none;
	font-weight:bolder;
}
a.login:hover
{	
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:red;
	text-decoration:none;
	font-weight:bold;
}
p.description
{	
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#d9d9d9;
	text-decoration:none;
	font-weight:bold;
}

table.nen
{	
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	background:#09a5ce;		
	text-decoration:none;
	font-weight:bold;
}
a.product:link
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
a.product:active
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
a.product:visited
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
a.product:hover
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#0686ab;
	text-decoration:none;
	font-weight:bold;
}
TD.thanginfoBoxHeading {
  font-family: Verdana;
  font-size: 14px;
  text-align:left;
  height:30px;
  font-weight: bold;
  /*background: #3bbb91;*/
  /*text-transform:uppercase;*/
  color: #44a0b9;
}
a.ngoac:link
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:14px;
	color:#b3b8bc;
	text-decoration:none;
	font-weight:normal;
}
a.ngoac:active
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:14px;
	color:#b3b8bc;
	text-decoration:none;
	font-weight:normal;
}	
a.ngoac:visited
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:14px;
	color:#b3b8bc;
	text-decoration:none;
	font-weight:normal;
}
a.ngoac:hover
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:14px;
	color:#b3b8bc;
	text-decoration:none;
	font-weight:normal;
}
a.ngoac1:link
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:14px;
	color:#1b3a70;
	text-decoration:none;
	font-weight:bold;
}
a.ngoac1:active
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:14px;
	color:#1b3a70;
	text-decoration:none;
	font-weight:bold;
}	
a.ngoac1:visited
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:14px;
	color:#1b3a70;
	text-decoration:none;
	font-weight:bold;
}
a.ngoac1:hover
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:14px;
	color:#1b3a70;
	text-decoration:none;
	font-weight:bold;
}
a.ngoac2:link
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:14px;
	color:#44a0b9;
	text-decoration:none;
	font-weight:bold;
}
a.ngoac2:active
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:14px;
	color:#44a0b9;
	text-decoration:none;
	font-weight:bold;
}
a.ngoac2:visited
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:14px;
	color:#44a0b9;
	text-decoration:none;
	font-weight:bold;
}
a.ngoac2:hover
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:14px;
	color:#44a0b9;
	text-decoration:none;
	font-weight:bold;
}
a.toplink:link
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#1d5a77;	
	text-decoration:none;
	font-weight:bold;
}
a.toplink:active
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#1d5a77;	
	text-decoration:none;
	font-weight:bold;
}
a.toplink:visited
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#1d5a77;	
	text-decoration:none;
	font-weight:bold;
}
a.toplink:hover
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:Red;	
	text-decoration:none;
	font-weight:bold;
}

a.image:link
{
	background-image:url(images/khung.jpg);
	background-repeat:repeat-x;
}
a.image:active
{
	background-image:url(images/khung.jpg);
	background-repeat:repeat-x;
}
a.image:visited
{
	background-image:url(images/khung.jpg);
	background-repeat:repeat-x;
}
a.image:hover
{
	background-image:url(images/khung.jpg);
	background-repeat:repeat-x;
}
a.click:link
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0b4e62;
}
a.click:active
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0b4e62;
}
a.click:visited
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#0b4e62;
}
a.click:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:red;
}
span.price
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:black;
	text-decoration:none;
	font-weight:bold;
	width:80px;
}
span.price1
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:black;
	text-decoration:none;
	font-weight:bold;
}
h1 { 
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
}

h2 {
 font-family: Verdana, Arial, sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
}
TD.pageHeadingNew, DIV.pageHeadingNew {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #1d5a77;
}
p.description
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:12px;
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}
td.titleProducts
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:14px;
	color:#1d5a77;	
	text-decoration:none;
	font-weight:bold;
}
td.category
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:14px;
	color:#44a0b9;
	text-decoration:none;
	font-weight:bold;
}
td.productname
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#1d5a77;
	text-decoration:none;
	font-weight:bold;
}
td.productcontent
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:normal;
}
d.price
{
	font-family:Tahoma,Arial,Times New Roman;
	font-size:11px;
	color:red;
	text-decoration:none;
	font-weight:bold;
	width:80px;
}
TD.main, P.main, SPAN.pricesavings, SPAN.pricesavingstext, SPAN.priceinsteadfeatured, SPAN.pricenormalfeatured {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

a.footerlink:link
{

  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #162302;
}
a.footerlink:active
{
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #162302;
}
a.footerlink:visited
{

  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #162302;
}
a.footerlink:hover
{
  font-family: Tahoma;
  font-size: 11px;
  font-weight: bold;
  color: #162302;
  text-decoration: underline;
}