/*
  $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: #000; text-decoration: underline; }

FORM {
	display: inline;
}

.infoBox {
/*  background: #A2D0D6; */
	border:0px solid #B6B7CB;
}

.infoBoxContents {
/*  background: #f8f8f9; */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  }









TR.headerNavigation {
  background: #A2D0D6;
}

TD.headerNavigation {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #A2D0D6;
  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;
}





.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  background: #A2D0D6;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Tahoma, 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: #FFFFFF;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
}

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;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
}

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

.productListing-heading {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #FFFFFF;
  color: #566268;
  
}

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

A.pageResults {
  color: #566268;

}

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

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

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #566268;
  
}

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

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

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

TD.tableHeading {
  font-family:Tahoma,verdana,arial;
  font-size: 12px;
  font-weight: bold;
}

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

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

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

SPAN.greetUser {
  font-family: Tahoma, 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 */
#manu * {background:none;border:none;}
#manu select {background-color:#fff;border:1px solid #4a4a4a;}
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

body {padding:0; margin:0;}
body, td {font-family:Tahoma,verdana,arial; font-size:11px; color: #566268;}


.bg	 {background: url(images/m09.gif); background-repeat:repeat-x;}
.bg1 {background: url(images/m16.gif); background-repeat:no-repeat;}
.bg2 {background: url(images/m17.gif); background-repeat:repeat-y;}
.bg3 {background: url(images/m21.gif); background-repeat:no-repeat;}
.bg4 {background: url(images/m37.gif); background-repeat:repeat-y;}
.bg5 {background: url(images/m39.gif); background-repeat:repeat-x;}
.bg6 {background: url(images/m43.gif); background-repeat:repeat-x;}
.bg7 {background: url(images/m55.gif); background-repeat:repeat-x;}
.bg8 {background: url(images/m57.gif); background-repeat:repeat-y;}
.bg9 {background: url(images/m64.gif); background-repeat:no-repeat;}
.bg10 {background: url(images/m72.gif); background-repeat:no-repeat;}


li.ExtraCaregories {
background-color:#FFFFFF;
display:block;
font-family:Perpetua, Arial, sans-serif;
margin-left:-4px;

overflow:hidden;
padding:1px 0 3px 10px;
width:140px;
}



li.catalogbox_Text {
border-bottom:1px solid #918F8F;
color:#566268;
font-family:Perpetua,Arial,sans-serif;
font-size:18px;
}

SPAN.catalogbox_Text {
font-family:Perpetua,Arial,sans-serif;
  color: #CC3366;
  font-size:14px;
}


SPAN.catalogbox_TextSelected {
font-family:Perpetua,Arial,sans-serif;
  color: #CC3366;
  font-size:14px;
}

SPAN.SeasonalBoxHeadder {
font-family:Perpetua,Arial,sans-serif;
  color: #000000;
  font-size:16px;
  font-weight:bold;
}


SPAN.SeasonalBoxItem {
font-family:Perpetua,Arial,sans-serif;
  color: #000000;
  font-size:16px;
}


ul{
   margin:0px;
   padding:0px;
   list-style:none;
 
}
ul li{		
    margin:0;	
	padding:0 0 0 5px;
		
}
ul a{
	color:#393939;
	text-decoration:none;
    font-size:15px;	
	line-height:10px;
}

ul a:hover{
	 color:#6FABBC;	
}

.el{		
    background:url(images/m19.gif) left top no-repeat; margin:0;	
	padding:0 0 0 18px;
}

.el_2	{ background:url(images/m18.gif) left top no-repeat;}

.al li	{
	background:url(images/m22.gif) center left no-repeat; margin:0; 	
	padding: 0 0 0 18px;
	list-style:none;			
}
.al li a	{
	color:#000000;
	text-decoration:none;
    font-size:11px;	
	line-height:20px;
	}
	
.al li a:hover	{
	color:#99B138;	
}


ol{
   margin:0px;
   padding:0px;
   list-style:none;
}
ol li{		
	margin:0 0 0 12px;  
	padding:0px;
}
ol a{
	color:#7B7B7B;
	text-decoration:none;
    font-size:10px;
	line-height:15px; 
}
ol a:hover{
	text-decoration:underline;
}

.yl li	{
	background:url(images/m61.gif) center left no-repeat; margin:0; 	
	padding: 0 0 0 12px;
	list-style:none;			
}
.yl li a	{
	color:#566268;
	text-decoration:none;
    font-size:11px;	
	line-height:18px;
	}
	
.yl li a:hover	{
	text-decoration:underline;	
}


.bd  {border: solid 1px #D6EDA6;}
.se  {width:109px; height:17px; color:#282E3E; font-family:tahoma,verdana,arial; font-size:10px; padding-left:2px;}
.go  {height:17px; width:176px; font-family:tahoma,verdana,arial; color:#7C7C7C; font-size:10px; padding-left:4px; border: solid 1px #A8A8A8;}
.go1 {height:17px; width:37px; font-family:tahoma,verdana,arial; color:#282E3E; font-size:10px; padding-left:4px; border: solid 1px #818181;}
.ab { vertical-align: middle;}
.bd  {border:#C9C9C8 solid 1px;}

.tx   {font-size:11px; color:#606060;}
.tx1  {font-size:13px; color:#FFFFFF; font-weight:bold; font-family:arial;}
.tx1 a {font-size:13px; color:#FFFFFF; font-weight:bold; font-family:arial;text-decoration:none;}
.tx2  {font-size:14px; color:#BA5984; font-weight:bold; text-decoration:none}
.tx2:hover {text-decoration:underline;}
.tx3  {font-size:13px; color:#909191; font-weight:bold; font-family:arial;}
.tx4  {font-size:10px; color:#707173;}
.tx5  {font-size:13px; color:#566268;}
.tx6  {font-size:12px; color:#BA5984; font-weight:bold; text-decoration:none}
.tx6:hover {text-decoration:underline;}
.tx7  {font-size:11px; color:#566268; font-weight:bold;}
.tx8  {font-size:13px; color:#666666; font-weight:bold; font-family:arial;}
.tx8 a {font-size:13px; color:#666666; font-weight:bold; font-family:arial;text-decoration:none;}
.tx9  {font-size:13px; color:#666666; font-weight:bold; font-family:arial;}

.ml {color:#858585;	font-size:10px; text-decoration:none; font-weight:bold;}
.ml:hover {text-decoration:underline;}
.ml1 {font-size:11px; color:#CB4D51; font-weight:bold; text-decoration:none;}
.ml1:hover {text-decoration:underline;}
.ml2 {font-size:13px; color:#566268; text-decoration:none; line-height:12px;}
.ml2:hover {text-decoration:underline;}
.ml3 {font-size:10px; color:#707173; text-decoration:none;}
.ml3:hover {text-decoration:underline;}
.ml4 {font-size:11px; color:#BA5984; text-decoration:none;}
.ml4:hover {text-decoration:underline;}


#zxc1 a {color:#707173; font-size:10px; text-decoration:underline;}
#zxc1 a:hover {text-decoration:none;}


.smallText_1 a {
	color:#000;
	text-decoration:underline;
}

.smallText_1 a:hover {
	color:#000;
	text-decoration:none;
}

#myse select {
	width:90%;
}

.main a {
	color:#000;
	text-decoration:none;
}

.main a:hover {
	color:#000;
	text-decoration:underline;
}

#zxc2 * {
	padding:0;
	margin:0;
}

#zxc2 option {
	padding:0 5px;
}




li.menusub {
	background-color:#EFF7F8;
	border-bottom:1px dashed #A2CED5;
	display:block;
	font-family:  Arial, sans-serif;
	font-size:9px;
	margin-left:-8px;
	padding:1px 0 3px 10px;
	width:157px;
}

li.menusubsub {
	background-color:#DAEDEF;
	border-bottom:1px dashed #68AFBA;
	display:block;
	font-family:  Arial, sans-serif;
	font-size:9px;
	margin-left:-8px;
	padding:1px 0 3px 10px;
	width:157px;
}


li.menu {
background-color:#FFFFFF;
display:block;
font-family: Arial, sans-serif;
font-size:9px;
min-height:10px;
line-height:90%;
margin-left:-4px;

overflow:hidden;
padding:1px 0 3px 10px;
width:157px;
}

.gofield{
display:inline;
}
.gobutton{
display:inline;
position:relative;
top:5px;
}



/*---------------------------------*/
/*   Vertical Fly-Out Menu Style   */
/*---------------------------------*/
img
{  border-style: none;
}

.verbar	{   /* Color of main vertical menubar and border */
	color: black;
	background-color: #ffffff;
margin:-9px 0px 0px 0px;
}

.vertitem	{          /* Behaviour of main vertical menu items, leave as is for proper operation */
	text-align: left;
	white-space: nowrap;
;

}

.vertitemline  {   /* Font style, size of main menu items */
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 	
}

.vertitembottom  {   /* Font style, size of main menu items */
	position: relative;
left:3px;
margin:2px 0px 0px -5px;
padding:0px -2px 0px -2px; 	
}

.vertitem	a {   /* Font style, size of main menu items */
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	position: relative;
	display: block;
	
}

.vertitem a:link, .vertitem a:visited	{   /* Default font style & color of main menu items */
	color: #333;
	text-decoration: none;
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 2px;
}

.vertitem a:hover	{   /* Font style & color, background menu color of main menu item when hovered over */
	color: #6FABBC;
	background-color: #fff0f8;
	text-decoration: none;
;
}

.vertitem a:active	{   /* Font style & color, background menu color of main menu item when clicked */
	color: #66B5BD;
	background-color: #ffffff;	
	text-decoration: none;
	
}

.vertsubmenu	{   /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.vertsubframe	{   /* Color of submenu item and border */
	background-color: #ffffff;
	border: 2px outset #fdfefd;

	position: relative;
	display: block;	
}

.vertsubitem	{     /* Behaviour of sub-menu  - leave as is for proper operation of submenus */
	text-align: left;
	white-space: nowrap;
}

.vertsubitem a	{   /* Font style, size of submenu items */
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	position: relative;
	display: block;
}

.vertsubitem a:link, .vertsubitem a:visited	{   /* Default font style & color of submenu items */
	color: #333;
	text-decoration: none;
	margin:0px 0px 0px 0px;
	padding:3px 0px 3px 2px;
}

.vertsubitem a:hover	{   /* Font style & color, background submenu color of submenu item when hovered over */
	color: #6FABBC;
	background-color: #FFF4FA;
	text-decoration: none;
}

.vertsubitem a:active	{   /* Font style & color, background submenu color of submenu item when clicked */
	color: #66B5BD;
	background-color: #ffffff;	
	text-decoration: none;			
}

.vertsubitem .vertfwdarr, .vertitem .vertfwdarr	{   /* Positioning of right arrow for submenus */
	position: absolute;
	top: 5px;
	right: 8px;
}

.dmselected {   /* Style override for selected category tree */
    background-color: #ffffff;
		font-weight: bold;
}

.verbar .dmselected {   /* Style override for selected root category */
    background-color: #ffffff;
}