/*
  $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, html {
  background: #ffffff url(templates/images/body_bg.gif) repeat-x top;
  color: #656565;
  margin: 0px;
  padding: 0px;
  font-family: Arial, sans-serif;
  font-size: 11px;
}

a {color: #000000; text-decoration: none;}
a:hover {color: #656565; text-decoration: underline;}

.white, a.white, a.white:hover {color: #ffffff;}
.green, a.green, a.green:hover {color: #68bd45;}
.red, a.red, a.red:hover {color: #fe0000;}

form  {display: inline; margin: 0px; padding: 0px;}
input {vertical-align: middle; font-size: 11px;}
input.box	 {width: 128px; border: 1px solid #505050; color: #505050;}
input.button {cursor: pointer; background: none; border-width: 0px; color: #ffffff; font-weight: bold;}

table.qSearch {background: url(templates/images/boxes/qSearch.gif) no-repeat; width: 153px; height: 74px;}
   td.qSearch {color: #ffffff; vertical-align: middle; text-align: center; padding: 15px 5px 5px 5px;}
   tr.qSearch {}

table.newsleter {background: url(templates/images/boxes/newsleter.gif) no-repeat; width: 156px; height: 116px;}
   td.newsleter {color: #ffffff; vertical-align: middle; text-align: center; padding: 15px 5px 5px 5px;}
   tr.newsleter {}

table.info {background: url(templates/images/boxes/info.gif) no-repeat; width: 156px; height: 116px;}
   td.info {color: #ffffff; vertical-align: middle; text-align: left; padding: 15px 15px 5px 15px;}
   tr.info {}
    a.info 		 {display: block; background: url(templates/images/point.gif) no-repeat left; padding-left: 12px; color: #ffffff; text-decoration: none;}
    a.info:hover {display: block; background: url(templates/images/point.gif) no-repeat left; padding-left: 12px; color: #ffffff; text-decoration: underline;}

table.account {background: url(templates/images/boxes/account.gif) no-repeat; width: 140px; height: 152px;}
   td.account {color: #ffffff; vertical-align: bottom; text-align: left; padding: 15px 5px 25px 35px;}
   tr.account {}

table.categories {width: 153px; background: url(templates/images/boxes/categories_bg.gif) repeat-y top;}
   td.categories {padding: 30px 10px 0px 10px; color: #ffffff; vertical-align: bottom; text-align: left; background: url(templates/images/boxes/categories_top.gif) no-repeat top;}
   tr.categories {}
	a.categories 		{display: block; color: #ffffff; font-size: 11px; padding: 3px 0px 3px 0px; text-decoration: none;}
	a.categories:hover 	{display: block; color: #d1ebc7; font-size: 11px; padding: 3px 0px 3px 0px; text-decoration: none;}

table.featured {width: 153px; background: url(templates/images/boxes/featured_bg.gif) repeat-y top;}
   td.featured {padding: 30px 10px 0px 10px; color: #ffffff; vertical-align: middle; text-align: left; background: url(templates/images/boxes/featured_top.gif) no-repeat top;}
   tr.featured {}
  div.featured {padding-bottom: 5px;}

td.frame_product {border: 2px solid #bdbdbd; border-width: 0px 2px 0px 2px;}

#navBar {height: 30px; padding: 0px 10px 0px 10px; background: url(templates/images/navbar_bg.gif) no-repeat; color: #ffffff;}
	#navBar a 		{color: #ffffff; font-weight: bold; text-decoration: none;}
    #navBar a:hover {color: #ffffff; font-weight: bold; text-decoration: underline;}

h2 {color: #5f503d; font-size: 16px; font-weight: bold; margin: 0px; padding: 5px 0px 5px 0px; font-style: italic; text-align: center;}

#headerError {width: 100%; margin: 0px auto; background: #ff0000;}
#headerError td {font-size: 12px; background: #ff0000; color: #ffffff; font-weight : bold; text-align : center;}

#headerInfo {width: 100%; margin: 0px auto; background: #00ff00;}
#headerInfo td {font-size: 11px; background: #00ff00; color: #ffffff; font-weight: bold; text-align: center;}

.content 	{width: 100%; margin: 0px;}
.colLeft 	{vertical-align: top; width: 156px; text-align: right;}
.colRight 	{vertical-align: top; width: 156px; text-align: left;}
.colMain	{vertical-align: top; width: 676px;}
.mainText 	{vertical-align: top; width: 656px;}

div.miniImgGreen {width: 61px; text-align: center; height: 62px; background: url(templates/images/miniImgGreen.gif) no-repeat;}
div.miniImgBrown {width: 61px; text-align: center; height: 62px; background: url(templates/images/miniImgBrown.gif) no-repeat;}
div.miniImg {padding: 5px 0px 8px 0px;}
td.miniImg	{width: 61px;}

#footer 		{width: 100%; margin: 0px auto; padding-top: 5px;}
#footer a { color: #5f503d; }
#footer td 		{color: #5f503d; font-weight: normal;}
#footer td.menu {height: 20px; padding-bottom: 5px; padding-top: 20px; background: url(templates/images/separator.gif) repeat-x bottom; color: #5f503d; font-weight: normal;}
#footer td.menu a { color: #5f503d; }
#footer td.menu a:hover { color: #5f503d; text-decoration: underline;}
.contentBox 		{border: 1px solid #bdbdbd; border-width: 0px 1px 1px 0px; background: #dfdfdf;}
.contentBoxContents {background: #e6ffdc; font-size: 11px;}
.contentBoxHeading 	{font-size: 12px; font-weight: bold; margin: 0px; color: #68bd45; text-align: left;}


.separator {background: url(templates/images/separator.gif) repeat-x bottom;}

.infoBox 			{background: none;}
.infoBoxContents 	{font-size: 11px;}
.infoBoxHeading 	{color: #5f503d; font-size: 16px; font-weight: bold; margin: 0px; padding: 5px 0px 5px 0px; font-style: italic; text-align: left;}

.infoBoxNotice 			{background: none;}
.infoBoxNoticeContents 	{font-size: 11px;}

td.fieldKey {background: #ffffff; font-size: 11px; font-weight: normal; width: 30%;}
td.fieldVal, td.fieldValue {background: #ffffff; font-size: 11px; font-weight: normal; width: 70%;}
input.fieldVal  {font-size: 11px; color: #6a6a6a; border: 1px solid #d8d8d8; background: #fffffff;}
select.fieldVal {font-size: 11px; color: #6a6a6a; border: 1px solid #d8d8d8; background: #fffffff; width: 80%;}

input.filterList  {font-size: 11px; color: #6a6a6a; border: 1px solid #d8d8d8; background: #fffffff;}
select.filterList {font-size: 11px; color: #6a6a6a; border: 1px solid #d8d8d8; background: #fffffff;}


td.pInfoH 		{font-size: 16px; vertical-align: top; line-height: 20px; font-weight: bold; color: #68bd45; background: url(templates/images/separator.gif) repeat-x bottom;}
td.pInfoH2 		{font-size: 16px; vertical-align: top; line-height: 20px; font-weight: bold; color: #68bd45;}
td.pInfoT 		{font-size: 12px; vertical-align: top; line-height: 18px; font-weight: normal; color: #5f503d;}
td.pInfoImage 	{text-align: center; border-bottom: 3px solid #4a7f36;}
td.pInfoTitle   {font-size: 12px; padding: 10px; vertical-align: top; line-height: 18px; background: #e6ffdc; border-top: 1px solid #bdbdbd;}

#productInformations 	{background: #bdbdbd;}
#productInformations th {background: #e6ffdc; color: #fe0002; text-align: center;}
#productInformations td {background: #ffffff; color: #3c3525; text-align: left;}

a.pSubMenu1 {display: inline-block; text-decoration: none; font-weight: bold; border-bottom: 0px solid #4a7f36; background: #ffffff;}
a.pSubMenu2 {display: inline-block; text-decoration: none; font-weight: bold; border-bottom: 0px solid #4a7f36; background: #ffffff;}
a.pSubMenu3 {display: inline-block; text-decoration: none; font-weight: bold; border-bottom: 0px solid #4a7f36; background: #ffffff;}
a.pSubMenu4 {display: inline-block; text-decoration: none; font-weight: bold; border-bottom: 0px solid #4a7f36; background: #ffffff;}

a.pSubMenu4:hover {display: inline-block; text-decoration: none; font-weight: bold; border-bottom: 20px solid #4a7f36;}
a.pSubMenu1:hover {display: inline-block; text-decoration: none; font-weight: bold; border-bottom: 30px solid #4a7f36;}
a.pSubMenu2:hover {display: inline-block; text-decoration: none; font-weight: bold; border-bottom: 40px solid #4a7f36;}
a.pSubMenu3:hover {display: inline-block; text-decoration: none; font-weight: bold; border-bottom: 50px solid #4a7f36;}

.show {}
.hide {display: none;}

TD.infoBox, SPAN.infoBox {
  font-size: 11px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

table.productListing {}
a.productListing-heading   		 {font-weight: bold;}
a.productListing-heading:hover   {font-weight: bold;}
td.productListing-heading 		 {font-weight: bold; background: #ffffff url(templates/images/separator.gif) repeat-x bottom;}
td.productListing-data 	  		 {background: #f5fff1; border: 1px solid #bdbdbd;}
tr.productListing-odd, tr.productListing-even {}


a.pageResults {line-height: 20px; padding: 5px; color: #787878; background: url(templates/images/navigationBg.gif) no-repeat center; text-align: center; text-decoration: none;}
a.pageResults:hover {line-height: 20px; padding: 5px; color: #df9018; background: url(templates/images/navigationBg.gif) no-repeat center; text-align: center; text-decoration: none;}
a.pageResultsButton {line-height: 20px; padding: 5px; color: #df9018; text-decoration: none;}
a.pageResultsButton:hover {line-height: 20px; padding: 5px; color: #df9018; text-decoration: underline;}
a.pageResultsSE, a.pageResultsSE:hover {line-height: 20px; padding: 5px; color: #df9018; background: url(templates/images/navigationBg.gif) no-repeat center; text-align: center; text-decoration: none;}


TD.pageHeading, DIV.pageHeading {
  font-size: 16px;
  font-weight: bold;
  color: #434343;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 11px;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}


TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 11px;
  color: #ff0000;
}


SPAN.greetUser {
  color: #fe0000;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

SPAN.errorText {
  color: #ff0000;
}

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

.checkoutBarFrom, .checkoutBarTo {  font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent {  font-size: 10px; color: #000000; }

/* message box */

.messageBox {  font-size: 10px; }
/* .messageStackError, .messageStackWarning {  font-size: 10px; background-color: #ffb3b5; } */
.messageStackError, .messageStackWarning {  
	font-size: 12px;
	font-family: arial;
	color: #ff8400; 
	background-image: url('templates/images/messageStackError_bg.gif');
	background-repeat: repeat-x;
}
.messageStackError img {
	vertical-align: top;
}



.messageStackSuccess {  
	font-size: 12px;
	font-family: arial;
	color: #398918; 
	background-image: url('templates/images/messageStackSuccess_bg.gif');
	background-repeat: repeat-x;
}

/* input requirement */

.inputRequirement {  font-size: 10px; color: #ff0000; }