/*
  $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
*/
html, body {
			text-align: left;
			background: #FFCC00;
			color: #000000;
			margin: 0px 0px 2px 0px;
			padding: 0;
			font-family: Verdana, Arial, sans-serif;
			font-size: small; 
}

.boxText { font-family: Verdana, Arial, sans-serif; font-size: small; }
.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; }

a:link {
	color: #001F53;
	}
a:visited {
	color: #001F53;
	}
a:hover {
	color: #9d1618;
	}
a:active {
	color: #001F53;
	}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
	background-color: transparent;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: transparent;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation:link, A.headerNavigation:visited, A.headerNavigation:hover, A.headerNavigation:active   { 
  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: #003399;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-size: 10px;
  color: #999999;
  font-weight: bold;
  height: 25px;
  padding-right: 25px;
}

.infoBox {
  background: #cccccc;
}

.infoBoxContents {
  background: #f8f8f9;
  font-size: small;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
	font: 13px Verdana, Arial, sans-serif;
	color: #eeeeee;
	font-weight: bold;
	letter-spacing: 0.08em;
  	background: #FF6600;
	padding: 3px;
}

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

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: 1px;
  border-style: solid;
  border-color: #cccccc;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #000000;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: large;
	color: #FF6600;
  font-weight: bold;
	letter-spacing: 0.12em;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

SPAN.greetUser {
  font-family: 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: #FFFF99; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #FFCC33; }

.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; }
.messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #FF6600; font-weight: bold;}
.messageStackError { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #CC0000; font-weight: bold;}
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #00CC00; font-weight: bold;}

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
/* TN custom styles */

/*//TN Layout */
#container {
	width: 770px;
	background: #ffffff;
	margin: 0px;
	/*width: 75em; //TN does not validate*/
	 /*max-width: 890px;*/
	margin: auto;
}

td.maincontent {border-left: 1px solid #000000; border-right: 1px solid #000000;
padding: 5px 15px 0px 15px;
}
#leftcolumn {vertical-align: top; border-left: 1px solid #000000; width: 150px;}
#leftcolumntable {width: 150px;}
table.helpnav {border-left: 1px solid #000000; border-right: 1px solid #000000;}
TD.paymentleft {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  border-color: #D4D4D4;
  border-left: 1px solid;
  border-top: 1px solid;
  border-bottom: 1px solid; 
}
TD.paymentmiddle {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  border-color: #D4D4D4;
  border-top: 1px solid;
  border-bottom: 1px solid; 
}
TD.paymentright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  border-color: #D4D4D4;
  border-right: 1px solid;
  border-top: 1px solid;
  border-bottom: 1px solid; 
}
h1 {
	margin: 0;
	padding: 0;
	}
.cssButtonSubmit {
	padding: 1px 5px 1px 5px;
    margin: 0;
	color: #000000;
	background: #eeeeee;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: 1px solid #000000;
}
.cssButton { 
    padding: 2px 8px 2px 8px;
	margin: 0;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    background-color: #eeeeee;
    border: 1px solid #000000;
    cursor: pointer;
	text-decoration: none;
	display: inline-block;
}

a.breadcrumbNavigation:link {
	color: #9d1618;
	text-decoration: none;
	}
a.breadcrumbNavigation:visited {
	color: #9d1618;
	text-decoration: none;
	}
a.breadcrumbNavigation:hover {
	color: #000000;
	text-decoration: none;
	}
a.breadcrumbNavigation:active {
	color: #000000;
	text-decoration: none;
}
a.footer:link {
	color: #999999;
	text-decoration: none;
	}
a.footer:visited {
	color: #999999;
	text-decoration: none;
	}
a.footer:hover {
	color: #999999;
	text-decoration: none;
	}
a.footer:active {
	color: #999999;
	text-decoration: none;
	}
.pricestrike { color: #999999;}
hr.styled {color: #000099; height: 1px;}
option.quickselect {color:#003399;}
option.alternative {color:#003399;}
option.selected {color:#fff; background: #4D89FF;}

img.productcatimg {float: left; margin-right: 5px;}
img.productsubcatimg {float: center;}
img.articlecatimg {float: right; border: 1px solid #cccccc; margin-left: 5px;}
img.articlesubcatimg {float: center; border: 1px solid #cccccc;}
img.articleimg {margin: 5px; border: 1px solid #cccccc;}
img.productimg {margin: 5px;}
img.productsmallimg {margin: 5px;}
.imageborder {border: 1px solid #cccccc;}
#printlogo {display : none;}
img.printlogo {display : none;}
.evenrow
{
	background-color: #eeeeee;
	font-size: small;
	padding: 2px;
}
.oddrow
{
	font-size: small;
	padding: 2px;
}
.rowover
{
	cursor: pointer;
	background-color: #BCDEDE;
	font-size: small;
	padding: 2px;
}

/*//TN menu */
#nav, #nav ul {
	float: left;
	width: 768px;
	list-style: none;
	line-height: 1;
	background: #eeeeee;
	font-weight: bold;
	padding: 0;
	border: solid #000000;
	border-width: 1px 1px;
	margin: 0 0 0em 0;
	z-index: 9999;
}
/*
#nav a {
	display: block;
	width: 10em;
	width: 6em;
	color: #001F53;
	text-decoration: none;
	padding: 0.25em 2em;
}
*/
#nav a:link {
	display: block;
	/*//TN removed width:
	width: 10em;
	width: 6em;
	*/
	color: #001F53;
	text-decoration: none;
	padding: 0.25em 2.3em;
}
#nav a:visited {
	display: block;
	color: #001F53;
	text-decoration: none;
	padding: 0.25em 2.3em;
}
#nav a:hover {
	display: block;
	color: #FF6600;
	text-decoration: none;
	padding: 0.25em 2.3em;
}
#nav a:active {
	display: block;
	color: #FF6600;
	text-decoration: none;
	padding: 0.25em 2.3em;
}

#nav a.arrow {
	background: url("images/rightarrow2.gif") center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	/*//TN removed width:
	width: 10em;
	*/
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	width: 13.9em;
	font-weight: normal;
	border-width: 0.05em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 13em;
	width: 9em;
}

#nav li ul ul {
	margin: -1.50em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
	color: #FF6600;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
	color: #FF6600;
}

#nav li:hover, #nav li.sfhover {
	
	/*//TN removed: background: #FFFF00;*/
}

/* Support for the "iehover-fix.js" */
/*//TN took from : http://tanny.ica.com/ica/tko/tkoblog.nsf/dx/select-tag-overlap-in-ie-part-ii */
* html ul.nav iframe {
	position: absolute;
	/* account for the border */
	left: -0.25em;
	top: -0.25em;
	z-index: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

/* this is for IE 5.0
select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */

/* Pop-up image slideshow home page styles*/
.balloon {
font-family: verdana, sans-serif; 
width:768px;
height: 102px;
margin:0px;
padding: 0px;
border-bottom: 2px solid #FF6600;
border-top: 1px solid #FF6600;
}
.balloon ul {
padding:0; 
margin:0;
border:0;
list-style-type: none;
}
.balloon ul li {
float:left;
margin:0px;
width:152px;
height:102px;
border-right: 1px solid #FF0000;
}
.balloon ul li a, .balloon ul li a:visited {
display:block;
text-decoration:none; 
color:#000; 
width:152px; 
height:102px; 
color:#000; 
background:#FF6600;
}
.balloon ul li a img, .balloon ul li a:visited img {
border:0;
}

.balloon ul li dl {
visibility:hidden;
position:absolute;
}

.balloon table {
margin:-2px;
border:0;
padding:0;
border-collapse:collapse;
font-size:1em;
}

.balloon dl {width:768px; height:250px; padding:0px; margin: 0px; background: #ffffff url(images/slideshow/exo_texture_footer.jpg) no-repeat bottom left; border-bottom: 1px solid #FF6600;}
.balloon dt {margin:0; padding:5px 0px 0px 15px; font-family: Verdana, Arial, sans-serif; font-size: 18px; font-weight:bold; color: #000000; letter-spacing: 0.12em; text-align:left; background:#ffffff url(images/slideshow/exo_texture_top.jpg) no-repeat top left; }
.balloon dd {margin:0; padding:5px 450px 0px 20px; color:#000; font-size:1em;}
.balloon dd p {line-height:1.5em;}


/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover,
.balloon ul li a:hover {
color:#000; 
position:relative;
cursor: pointer;
cursor:hand;
}

.balloon ul li:hover dl,
.balloon ul li a:hover dl {
visibility:visible;
color:#000;
cursor:default;
}

.balloon ul li:hover dl em,
.balloon ul li a:hover dl em {
display:block;
position:absolute;
width:36px; 
height:36px;
background:transparent url(images/slideshow/pointer.gif);
}

.balloon ul li:hover dl a,
.balloon ul li a:hover dl a {
height:0.8em;
color:#001F53;
background:transparent;
text-decoration:underline;
display:inline;
}

.balloon ul li:hover dl a:hover,
.balloon ul li a:hover dl a:hover {
text-decoration:underline;
color: #9d1618;
background:transparent;
}
/* EOF Pop-up image slideshow home page styles*/

/*Event calendar styles*/
TD.calendarinfoBoxHeading {font-family: Verdana, Arial, sans-serif; font-size: 11px; font-weight: bold; background: #D4D4D4; color: #333333;}
TD.calendaryearinfoBoxHeading {font-family: Verdana, Arial, sans-serif; font-size: 15px; font-weight: bold; color: #000000;}
.yearHeader      { font-family: Verdana, Arial, sans-serif; font-size: 16px; font-weight: bold; color: #000000; background-color: #FFFFFF; text-decoration: none;}
.calendarMonth   { background-color: #FFCC00; cursor: default; width: 100%;}
.calendarHeader  { font-family: Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #000000; background-color: #FFFFFF; text-decoration: none; height: 21px;}
.calendarToday   { font-family: Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold; color: #FFCC00; background-color: #000000; padding-left : 5px; text-decoration: none; border:1px solid #000000; }
.calendarWeekend { font-family: Verdana, Arial, sans-serif; font-size: 13px; color: #000000; background-color: #FFFF99; padding-left : 5px; line-height: 16px; text-decoration: none; border:1px solid #FFFFFF; height: 21px }
.calendar        { font-family: Verdana, Arial, sans-serif; font-size: 13px; font-weight: bold;color: #000000; background-color: #FFFFFF; padding-left : 5px; line-height: 16px; text-decoration: none; border:1px solid #FFFFFF; height: 21px }
.event           { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; text-decoration: none; border:1px solid #E6E6E6; }
.empty           { background-color: #FFFFCC; line-height: 17px; height: 22px}
.calendar A:hover, .calendar A:link, .calendar A:visited, .calendar A:visited:hover, .yearHeader A:hover {color: red; text-decoration: underline; font-weight: bold;}
.calendarWeekend A:hover, .calendarWeekend A:link, .calendarWeekend A:visited, .calendarWeekend A:visited:hover {color: red; text-decoration: underline; font-weight: bold;}
.calendarToday A:hover, .calendarToday A:link, .calendarToday A:visited, .calendarToday A:visited:hover {color: red; text-decoration: underline; font-weight: bold;}