/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText 
{ 	
  font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px; 
}
.errorBox { 		
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
 font-size : 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { 		font-family: verdana, sans-serif;
 font-size : 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { 		
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size : 12px; color: #70d250; text-decoration: underline; }

/* Normal, standard links. */
a:link
{
	color: #476C8E;
	text-decoration: none;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size : 12px;
}
a:visited
{
	color: #476C8E;
	text-decoration: none;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size : 12px;
}
a:hover
{
	text-decoration: underline;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size : 12px;
}

/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
	color: #000000;
	text-decoration: none;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}
a.nav:hover
{
	color: #cc3333;
	text-decoration: underline;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

/* Tables should show empty cells. */
table
{
	empty-cells: show;
/*    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 12px; */
}

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
	color: #000000;
}

/* The main body of the entire forum. */
body
{
	background-color: #E5E5E8;
	margin: 0px;
	padding: 12px 30px 4px 30px;
	
	font-size: 62.5%; /* Resets 1em to 10px */
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	text-align: left;
	border: none;
}

/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	color: #000000;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}
input, button
{
	font-size: 90%;
}

textarea
{
	font-size: 100%;
	color: #000000;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 90%;
	font-weight: normal;
	color: #000000;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
}

/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #666666;
	background-color: #666666;
}

/* No image should have a border when linked */
a img
{
	border: 0;
}
/* A quote, perhaps from another post. */
.quote
{
	color: #000000;
	background-color: #D7DAEC;
	border: 1px solid #000000;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
	line-height: 1.4em;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}


TD.headerError {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #000000;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #996600;
}

TD.footer {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 10px;
  background: #996600;
  color: #000000;
  font-weight: bold;
}

.infoBox {
  background: #CCCC99;
  color: #CCCC99;

}

.infoBoxContents {
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 10px;
}


TD.infoBoxHeading {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: url(/images/catbg.jpg) #88A6C0 repeat-x;  color: #000000;
  height: 25px;
  text-align: center;
}

a.infoBoxHeading
{
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  decoration: none;
  text-align: center

}
a.infoBoxHeading:hover
{
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  decoration: underline;
  text-align: center
}


TD.infoBox, SPAN.infoBox {
    font-family: "Lucida Grande", Helvetica, 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: #f8f8f9;
}

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: #f8f8f9;
}

TABLE.productListing {
  border-style: solid;
  border-color: #000000;
  border-spacing: 0px;
  border-width: 1px;
}

.productListing-heading {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #000000;
  font-weight: bold;
}

TD.productListing-data {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

A.mainBody {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

A.mainBody:hover {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

TD.pageHeading, DIV.pageHeading {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #000000;
  border-style: solid;
  border-width: 0px;
}

TD.formAreaTitle {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo {   	
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
 font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent {   	
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
 font-size: 10px; color: #000000; }

/* message box */

.messageBox {   	
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
 font-size: 10px; }
.messageStackError, .messageStackWarning {   	
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
 font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess {  	
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
 font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement {  	
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
 font-size: 10px; color: #ff0000; }
 
 div.left-portlet-box
 {
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
  width: 200px;
 }
 /* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: #ADADAD;
	padding: 0px;
}
.windowbg
{
	color: #000000;
	background-color: #F6F6F6;
	font-size: 12px;
}

.catbg , tr.catbg td , .catbg3 , tr.catbg3 td
{
	background: url('http://tirechaindealer.com/images/catbg.jpg') #88A6C0 repeat-x; 
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

td.catbg, .catbg2, .catbg3
{
	font-size: 11px;
	border-bottom: solid 1px #375576;
}
.catbg, .catbg2
{
	font-weight: bold;
	font-size: 11px;
}
.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited
{
	color: white;
	text-decoration: none;
}
.catbg a:link, .catbg a:visited , .catbg2 a:link, .catbg2 a:visited
{
	color: white;
	text-decoration: none;
}
.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover
{
	color: #e0e0ff;
}

.catbgssl , tr.catbgssl td , .catbg3ssl , tr.catbg3ssl td
{
	background: url('https://tirechaindealer.com/images/catbg.jpg') #88A6C0 repeat-x;
    font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
}

td.catbgssl, .catbg2ssl, .catbg3ssl
{
	font-size: 11px;
	border-bottom: solid 1px #375576;
}
.catbgssl, .catbg2ssl
{
	font-weight: bold;
	font-size: 11px;
}
.catbg3ssl, tr.catbg3ssl td, .catbg3ssl a:link, .catbg3ssl a:visited
{
	color: white;
	text-decoration: none;
}
.catbgssl a:link, .catbgssl a:visited , .catbg2ssl a:link, .catbg2ssl a:visited
{
	color: white;
	text-decoration: none;
}
.catbgssl a:hover, .catbg2ssl a:hover, .catbg3ssl a:hover
{
	color: #e0e0ff;
}


.mycatbg, tr.mycatbg td ,
{
	background: url('http://tirechaindealer.com/images/catbg.jpg');
    /*font-family: "Lucida Grande", Helvetica, Arial, sans-serif;*/
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0cm 0cm 0cm 0cm; 
}

.mycatbg a:link, .mycatbg a:visited
{
	font-size: 13px;
	color: white;
	text-decoration: none;
}
.mycatbg a:hover
{
	font-size: 13px;
	color: #e0e0ff;
}

.mycatbgssl, tr.mycatbgssl td ,
{
	background: url('https://tirechaindealer.com/images/catbg.jpg');
    /*font-family: "Lucida Grande", Helvetica, Arial, sans-serif;*/
	color: #ffffff;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 13px;
	font-weight: bold;
	margin: 0px;
	padding: 0cm 0cm 0cm 0cm; 
}

.mycatbgssl a:link, .mycatbgssl a:visited
{
	font-size: 13px;
	color: white;
	text-decoration: none;
}
.mycatbgssl a:hover
{
	font-size: 13px;
	color: #e0e0ff;
}



.toptext
{
	font-size: 12px;
}
ul.columnleft
{
  margin-top:0em; 
  margin-bottom:1.3em; 
  margin-left:1.3em; 
  margin-right:0em;
}


