/*
  $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: 11px; }
.errorBox { font-family: Arial, Verdana, sans-serif; font-size: 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #cc0033; }
.productsNotifications { background: #f2f2f2; }
.orderEdit { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #ff0000; text-decoration: underline; }

BODY {
  background: #eeeeee;
  color: #003300;
  margin: 0px;
}

A {
  color: #003300;
  text-decoration: none;
}

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

FORM {
	display: inline;
}

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

TABLE.header {
 background: url(images/page/header_tyre_tread.gif) top left repeat-x;
}

TD.headerBar {
 background: #006633;
}

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: 11px;
  color: #ffffff;
  font-weight : bold;
  line-height: 18px;
  background: #006633;
}

TD.headerNavigationOver {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  color: #003300;
  font-weight : bold;
  line-height: 18px;
  background: #99cc99;
}
/*esf*/
TD.headerNavigation A { 

}

TD.headerNavigation A:hover {
  color: #0E8CA3;
  text-decoration: none;
}

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: 11px;
  color: #ffffff;  
  font-weight : bold;
  background: #006633;
}

TABLE.headerSEARCH  {
  border-color: #0E8CA3;
  border-style: solid;
  border-width: 0px;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  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: 11px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

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

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

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


/*esf*/
TD.BorderB {
background: #99CC99;
}

TD.BorderA {
background: #99CC99;
}

TABLE.infoBoxHeadingBorder {
  background: #006633;
} 

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

TD.rightBorder {
background: #ffffff;
}

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

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

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

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

.infoBoxBorder {
 background: #ffffff;
}

.contentBoxBorder {
  background: #ffffff;
}

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

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


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



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

.infoBoxNotice {
  background: #FF8E90;
}

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

/*esf*/
.copyrightBox {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  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: 11px;
}

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

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

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

TD.infoBox, SPAN.infoBox {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
}
/*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: #eeeeee;
}
/*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: 1px;
  border-style: solid;
  border-color: #cccccc;
  border-spacing: 2px;
}
/*esf*/
.productListing-heading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #006633;
  color: #ffffff;
  font-weight: normal;
  line-height: 20px;
}

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

A.pageResults {
  color: #0000FF;
}

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

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

TR.subBar {
  background: #ccddee;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  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: 11px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, Verdana, sans-serif; font-size: 11px; color: #000000; }

/* message box */

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

/* input requirement */

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

TD.main_banner_bg {
  background: #D8EEFC;
}

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

.style1 {
	color: #737373;
	font-size: 9px;
	font-family: tahoma;
	text-decoration:none
}
.style2 {
	color: #7d7256;
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
}
.style3 {
	color: #FFFFFF;
	font-size: 9px;
	font-family: tahoma;
}
.style4 {
	color: #7d7256;
	font-size: 10px;
	font-family: tahoma;
}
.style5 {
	color: #ffffff;
	font-size: 11px;
	font-family: tahoma;
	font-weight: bold;
}
.style6 {
	color: #cc0001;
	font-size: 10px;
	font-family: tahoma;
	font-weight: bold;
}
.style7 {
	color: #7d7256;
	font-size: 11px;
	font-family: tahoma;
}


/*change the menu hover color below*/
#thecategories a:hover {
	background-color: #99cc99;
	color: #003300;
	text-decoration: none;
}

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

#thecategories {
	position: relative;
	top: 5px;
	margin-bottom: 10px;
	width: 145px;
	font-weight: bold;
}

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

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

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

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

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

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

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

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

.gog    { color: #003300; font-weight: bolder; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva; background-color: #ccffff; text-align: left; text-indent: 4px; word-spacing: normal; letter-spacing: normal; padding: 1px }
.yog    { color: yellow; font-weight: bolder; font-size: 11px; font-family: Verdana, Arial, Helvetica, Geneva; background-color: #003300; text-align: left; text-indent: 6px; word-spacing: normal; letter-spacing: normal; padding: 1px }
.redbox   { color: red; font-weight: bolder; font-size: 11px; font-family: Verdana, Arial, Helvetica; background-color: #ffffcc; text-align: center; padding: 4px; border: solid 1px red }
.greenbox { color: #030; font-weight: bolder; font-size: 11px; font-family: Verdana, Arial, Helvetica; background-color: #cff; text-align: center; padding: 4px; border: solid 1px #030 }
.bluebox { color: #006; font-weight: bolder; font-size: 11px; font-family: Verdana, Arial, Helvetica; background-color: #ccf; text-align: center; padding: 4px; border: solid 1px #006 }
.warning { color: #fff; font-weight: bolder; font-size: 11px; font-family: Verdana, Arial, Helvetica; background-color: #f00; text-align: center; padding: 4px }

.cat_info_box {background: #ffffff; border: solid 1px #cccccc; padding: 8px; margin-bottom: 10px; font-family: Verdana, Arial, sans-serif;
  font-size: 11px; font-weight: bold}
  
table.spec
{ width: 460px;
background-color: #ccffff;
border: 1px #003300 solid;
border-collapse: collapse;
border-spacing: 0px; }


td.spechead
{ background-color: #003300;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 11px;
color: #ffffff; }


td.specsubhead
{ border-bottom: 1px #003300 solid;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: bold;
font-size: 10px;
color: #000000;
background-color: #ffffff;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px; }

td.spec
{ border-bottom: 1px #003300 dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: 10px;
color: #000000;
background-color: #ffffff;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
padding-right: 2px; }