/*
  $Id: stylesheet.css,v 1.1.26.1 2004/06/20 08:48:04 esf Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License 
  
  configuration by esfbackground: #ffffff;
background-image: url(images/page/bg_header.gif);
 background-attachment: fixed;
 background-repeat: repeat;

*/

.boxText { font-family: Arial, Verdana, sans-serif; font-size: 12px; }
.errorBox { font-family: Arial, Verdana, sans-serif; font-size: 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #cc0033; }
.productsNotifications { background: #f2f2f2; }
.orderEdit { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #ff0000; text-decoration: underline; }

BODY {
  background: #eeeeee;
  color: #1056A0;
  margin: 10px;
}

A {
  color: #1056A0;
  text-decoration: none;
}

/*esf*/
A:hover {
  color: #04376E;
  text-decoration: underline;
}

FORM {
	display: inline;
}

h1 { 
 font-family: Arial,Verdana,  sans-serif;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #1056A0;
}

h2 {
 font-family: Arial, Verdana,  sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
 color: #1056A0;
}

/*esf*/
TD.header, TD.header A, TD.header A:hover{
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #0E8CA3;
}

TABLE.header {
 background: #ffffff;
}

TABLE.headerBar {
 background: #ffffff;
}

TD.headertop {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10px;
  color: #aaaaaa;
  font-weight : normal;
}

/*esf*/
TD.headerNavigation {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #ffffff;
  font-weight : normal;
  line-height: 20px;
  background: #EC611C;
}

TD.headerNavigationOver {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #04376E;
  font-weight : normal;
  line-height: 20px;
  background: #FFC2A3;
}
/*esf*/
TD.headerNavigation A { 
  color: #ffffff;
  font-weight : normal;
  text-decoration: underline;
}

TD.headerNavigation A:hover {
  color: #1358A0;
  text-decoration: underline;
}

TD.headerCategory, TD.headerCategory A, TD.headerCategory A:hover { 
  font-family: Arial, Verdana, sans-serif;
  color: #666666;
  font-weight : normal;
  font-size: 11px;
}

TD.headerSEARCH, TD.headerSEARCH A, TD.headerSEARCH A:hover {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #256FBD;  
  font-weight : normal;
  background: #ffffff;
}

TABLE.headerSEARCH  {
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
}

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

/*esf*/
TR.footer {
background: #ffffff;
}

/*esf*/
TD.footer, TD.footer A {
  background: #ffffff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #1056A0;
  font-weight: normal;
}

/*esf*/
TD.footer A:hover {
  color: #04376E;
  font-weight: normal; 
}

/*esf*/
TD.footerLower, TD.footerLower A {
  background: #ffffff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #84AAD5;
  font-weight: normal;
}

/*esf*/
TD.footerLower A:hover {
  color: #04376E;
  font-weight: normal; 
}



/*esf*/
TD.leftBorder {
background: #ffffff;
}

TD.rightBorder {
background: #ffffff;
}

TD.leftcolumnborder {
  border: 0px;
  border-left: 1px;
  border-style: dashed;
  border-color: #EC611C;
}

TD.rightcolumnborder {
  border: 0px;

  border-right: 1px;
  border-style: dashed;
  border-color: #EC611C;
}

/*esf*/
.columnLeft {
background: #ffffff;
}

/*esf*/
.infoBox {
  background: #dddddd;
}

.infoBoxBorder {

}

.infoBoxHeadingBorder {
  border: 0px;
  border-top: 1px;
  border-style: dashed;
  border-color: #EC611C;
}

.contentBoxBorder {
  background: #cccccc;
}

TABLE.relatedproducts {
  border: solid 1px #cccccc;
}

/*esf*/
.infoBoxContentsLeft {
  background: #ffffff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

/*esf*/
.infoBoxContentsLeftCategories, .infoBoxContentsLeftCategories A {
  background: #ffffff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}


/*esf*/
.infoBoxContentsRight {
  background: #ffffff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}



/*esf*/
.infoBoxContentsRightSpecials {
background: #ffffff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

/*esf*/
.copyrightBox {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  font-weight: normal;
  background: #ffffff;
  color: #006600;
}

/*esf*/
.copyrightBox a:hover {
  color: #ffffff;
  text-decoration: underline;
}

/*esf*/
.copyrightBox A {
  color: #ffffff;
  text-decoration: none;
}

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

/*esf*/
TD.infoBoxHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 14px;
  background: #ffffff;
  color: #1056A0;
  line-height: 20px;
  font-weight: bold;
}

/*esf*/
.contentBoxHeading, .contentBoxHeading A, .contentBoxHeading A:hover {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #EC611C;
  color: #ffffff;
  line-height: 20px;
}

/*esf*/
.contentBoxContents {
  background: #ffffff;
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}
/*esf*/
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;
}
/*esf*/
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;
}
/*esf*/
TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #cccccc;
  border-spacing: 2px;
}
/*esf*/
.productListing-heading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #ffffff;
  color: #256FBD;
  font-weight: normal;
  line-height: 20px;
  text-decoration: underline;
}

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

TD.productListing-data p {
          margin:2px;
          padding:0;
          text-align:center;
}

A.pageResults {
  color: #0000FF;
}

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

/*esf*/
TD.pageHeading, DIV.pageHeading {
  font-family:  Arial,Verdana,  sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #1056A0;
}

TR.subBar {
  background: #ccddee;
}

TD.subBar {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #666666;
}

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

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
}

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

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

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

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

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

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

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

/*esf*/
SPAN.greetUser {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  color: #3366cc;
  font-weight: bold;
}

/*esf*/
TABLE.formArea {
  background: #f6f6d4;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 0px;
}

.catalogImage {
  border-color: #666666;
  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: Arial, Verdana, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Arial, Verdana, sans-serif;
  color: #ff0000;
}

/* esf */
.moduleRow { }
.moduleRowOver { background-color:#f3f3f3 ; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #e3e3e3; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, Verdana, sans-serif; font-size: 12px; color: #000000; }

/* message box */

.messageBox { font-family: Arial, Verdana, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Arial, Verdana, sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, Verdana, sans-serif; font-size: 12px; background-color: #99ff00; }

/* input requirement */

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

TD.main_banner_bg {
  background: #D8EEFC;
}

TABLE.mainPage {
  background: #ffffff;
  border-color: #500404;
  border-style: solid;
  border-width: 0px;
}


/*change the menu hover color below*/
#thecategories a:hover {
	background-color: #FFC2A3;
	color: #04376E;
	text-decoration: none;
}

.catwithsubs, .catwithnosubs {
	padding-right: 5px;
}

#thecategories {
	position: relative;
	top: 5px;
	margin-bottom: 10px;
	width: 165px;
}

.activelink {
	display: block;
	font-weight: bold;
	background: #ffffff;
	text-decoration: underline;
}

#thecategories a {
	display: block;
	padding-bottom: 0px;
	padding-top: 0px;
	width: 100%;
}

/*mozilla fix*/
html>body #thecategories a {
	width: auto;
}
/*end of mozilla fix*/

#topcat a {
padding-left: 5px;
}

#secondcat a {
	padding-left: 15px; 
}

#thirdcat a {
	padding-left: 25px;
}

#fourthcat a {
	padding-left: 35px;
}

#fifthcat a {
	padding-left: 45px;
}

TD.vatText {
  font-family: Arial,Verdana, sans-serif;
  font-size: 14px;
  color: #EC611C;
  font-weight: bold;
  text-align: left;
}

/* OTF contrib begins */
/* DDB - 041031 - Form Field Progress Bar */
.progress{
  width: 1px;
  height: 14px;
  color: white;
  font-size: 12px;
  overflow: hidden;
  background-color: navy;
  padding-left: 5px;
}
/* OTF contrib ends */

TABLE.shoppingCartRelated {
  border: solid 2px #EC611C;
}

TD.shoppingCartRelatedHeader {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  background: #EC611C;
  color: #ffffff;
  line-height: 20px;
  padding-left: 5px;
}

TD.shoppingCartRelatedContent {
  font-family: Arial,Verdana,  sans-serif;
  font-size: 12px;
  color: #04376E;
  font-weight: normal;
  background: #ffffff;
  border-bottom: dashed 1px #EC611C;
}

TD.shoppingCartRelatedContentPrice {
  border-bottom: dashed 1px #EC611C;
}

TD.shoppingCartRelatedContentPrice A {
  font-family: Arial,Verdana,  sans-serif;
  font-size: 12px;
  color: #04376E;
  font-weight: bold;
}


.cartbar {
	border-top: dashed 1px #EC611C;
}

TABLE.PriceBox {
background: #EC611C; 
}

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

TD.PriceBoxContents {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #04376E;
  font-weight: bold;
  background: #ffffff;
}

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


SPAN.PriceBox {
  font-family: Arial, Verdana, sans-serif;
  font-size: 15px;
  color: #EC611C;
  font-weight: bold;
  line-height: 20px;
  text-transform: uppercase;
}