/*
  $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
*/
* { padding:0; margin:0;} /* put here instead of in thickbox.css, stops the nav bar from "shrinking" */

a.map img { float:left; margin:0 5px 5px 0; }

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 0.8em; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 0.8em; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 0.8em; color: #cc0033; }
.productsNotifications { background: #990000; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 0.8em; color: #FF0000; text-decoration: underline; }

BODY {
  background: #FFFFFF;
  color: #FFFFFF;
  margin: 0px;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:80%;
  background-image:url(images/bg.gif); 
  	background-repeat:repeat-y;
	background-position:center;
}

h2 { font-size:1.5em; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; margin-bottom:0.25em; }
h3 { font-size:1.0em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:0.20em; color:#ff0000; }

A {
  color: #ffffff;
}

A:link, A:visited {
	text-decoration: underline;
}

A:active, A:focus, A:hover {
  text-decoration: none;
}

FORM {
	display: inline;
}

div#container {
	
}

table { width:957px; background-color:#000000; margin:0px auto; text-align:left; }
table table { width:auto; text-align:left; margin:0px 0px; background-color:transparent; }
table table td{ text-align:left; }

div#header {
	background-color:transparent;
	width:957px;
	height:210px;
	margin: 0px auto;
}
div#logo { text-align:left; position:relative; }

div#menu { height:25px; font-weight:bold; width:957px; margin: 10px auto 5px auto; position:relative; }
div#menu li { float:left; text-align:center; position:relative; list-style:none; }
div#menu li a:link, div#menu li a:active, div#menu li a:visited{ color:#000000; text-decoration:none; text-transform:uppercase; padding-right:35px; }
div#menu li a:hover{ color:#CCFFFF; text-decoration:none; }
div#breadcrumbs {

}

TR.headerNavigation {
  background-color: #FFFFFF;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.7em;
  background-color: #FFFFFF;
  color: #000000;
  font-weight : normal;
  padding:4px 0px;
}

A.headerNavigation { 
  color: #000000; 
}

A.headerNavigation:hover {
  color: #000000;
}

TR.headerError {
  background: #ff0000;
}

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

TABLE.footer {
  background-color:#000000;
  font-size:1.1em;
  margin-top:-3px;
  padding:6px 6px 0px 3px;
  height:20px;
  text-align:center;
  width:957px;
}

TABLE.footer td.footerCol {
	/*background: url(images/leftpanel-bg.gif) top right repeat-y #990000;
	#padding-left:3px;*/
}

TABLE.footer a:link, TABLE.footer a:visited, TABLE.footer a:active {
	text-decoration:underline;
	color:#FFFFFF;
}

TABLE.footer a:hover {
	text-decoration:none;
	color:#FFFFFF;
}

.infoBox {
	background:transparent;
}

.infoBoxContents {
  font-size: 0.8em;
  background:transparent;
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 1.3em;
  color: #FFFFFF;
}
/* left and right sidebars */
TD.leftpanel { /* repeated on TR.menu */
	background-color:#990000; 
	background-image:url(images/leftpanel-bg.gif);
	background-position:right;
	background-repeat:repeat-y;
}

TABLE.page {
	padding:10px 10px 10px 0px;
	margin-left:30px;
}

/* right grey round box */
.t {background: url(images/dot-white.gif) 0 0 repeat-x; width: 100%; background-color:#333333; }
.b {background: url(images/dot-white.gif) 0 100% repeat-x}
.l {background: url(images/dot-white.gif) 0 0 repeat-y}
.r {background: url(images/dot-white.gif) 100% 0 repeat-y}
.bl {background: url(images/bl-grey.gif) 0 100% no-repeat}
.br {background: url(images/br-grey.gif) 100% 100% no-repeat}
.tl {background: url(images/tl-grey.gif) 0 0 no-repeat}
.tr {background: url(images/tr-grey.gif) 100% 0 no-repeat; padding:10px}
/* red box */
.t-red {background: url(images/dot-white.gif) 0 0 repeat-x; width: 100%; background-color:#FF0000; }
.bl-red {background: url(images/bl-red.gif) 0 100% no-repeat}
.br-red {background: url(images/br-red.gif) 100% 100% no-repeat}
.tl-red {background: url(images/tl-red.gif) 0 0 no-repeat}
.tr-red {background: url(images/tr-red.gif) 100% 0 no-repeat; padding:10px}
/* maroon box */
.bl-maroon {background: url(images/bl.gif) 0 100% no-repeat; background-color:#990000; margin-top:10px;}
.br-maroon {background: url(images/br.gif) 100% 100% no-repeat}
.tl-maroon {background: url(images/tl.gif) 0 0 no-repeat}
.tr-maroon {background: url(images/tr.gif) 100% 0 no-repeat; padding:10px}
/* end round boxes */
TR.leftbox h1, TR.rightbox h1 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 1.4em;
	font-weight:bold;
	text-transform:uppercase;
  	color: #FFFFFF;
	background-color:transparent;
	margin-bottom:12px;
	margin-top:5px;
}
TR.leftbox h2, TR.rightbox h2 { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size: 1.4em;
  	color: #FF0000;
	margin-bottom:3px;
	margin-top:0px;
}
TR.leftbox h1 { 
	width:150px;
}

TR.rightbox h1 { 
	width:190px;
}

TR.leftbox li { 
	list-style-image:url(images/arrow-list.gif);
}

/*TR.menu {
	background-image:url(images/leftpanel-bg.gif);
	background-position:right;
	background-repeat:repeat-y;
	background-color:#990000;
}*/

TR.menu li { 
	list-style:none;
	text-transform:uppercase;
	line-height:220%;
	font-size:1.0em;
	font-weight:normal;
}

TR.menu h1 {
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	font-weight:normal;
	padding:0px; 
	margin:0px;
}

TR.menu td.boxText {
	line-height:220%;
	font-size:1.1em;
}

TR.menu ul {
padding: 0em;
margin: 0em;
}

TR.menu li a {
	padding-left:1em;
	#padding-left:1.2em;
}

TR.menu ul.subnav {
	padding:0px 0px 4px 0px; 
	margin:0px;
}

TR.menu ul.subnav li {
	text-transform:capitalize;
	padding-left: 1.5em;
	#padding-left:1em;
	margin:0px 0px 4px 0px;
	background-image:none;
}

TR.menu li a:link,
TR.menu li a:visited,
TR.menu li.current ul li a:link,
TR.menu li.current ul li a:visited,
TR.menu td.boxText a:link,
TR.menu td.boxText a:visited,
TR.menu li{
	text-decoration:none;
	color:#FFFFFF;
	background-image:none;
	font-weight:normal;
}

TR.menu li a:hover,
TR.menu li a:active,
TR.menu li.current ul li a:hover,
TR.menu li.current ul li a:active,
TR.menu td.boxText a:hover,
TR.menu td.boxText a:active {
	text-decoration:none;
	color:#FF0000;
	background-image:none;
	font-weight:normal;
}

TR.menu li.current a:link, TR.menu li.current a:visited, TR.menu li.current a:active, TR.menu li.current a:hover {
	text-decoration:none;
	color:#FF0000;
	font-weight:bold;
	background: url(images/menu-arrow.gif) left no-repeat;
}
 
/*TR.menu li.current a:active, TR.menu li.current a:hover {
	text-decoration:none;
	color:#FF0000;
	font-weight:bold;
}*/

TR.news { 
	/*background-color:#990000;*/
}
.dashed {
	border-bottom:1px dashed #FFFFFF;
	background:transparent;
	border-top:transparent;
	border-left:transparent;
	border-right:transparent;
	height:1px;
}
TR.cart { 
	/*background-color:#333333;*/
	border-color:1px solid #FFFFFF;
}

tr.cart td.boxText { padding:2px; }

TR.search a { 
	color:#FFFFFF;
}
TR.cart h1, TR.search h1 {
	text-transform:capitalize;
	font-weight:normal;
	font-size: 1.4em;
	padding-top:0px;
	margin-top:0px;
}

/* end left and right sidebars */
.border-right { 
	border-right:1px solid #cccccc; 
	border-left:1px solid #cccccc; 
	margin-top:-30px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

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: #000000;
}

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: #000000;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #000000;
  border-spacing: 1px;
  width:470px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.9em;
  background: #000000;
  color: #FFFFFF;
  font-weight: bold;
  padding-right:5px;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.8em;
  padding-top:5px; 
  padding-bottom:5px;
}

A.pageResults {
  color: #FFFFFF;
}

A.pageResults:hover {
  color: #990000;
}

TD.pageHeading, DIV.pageHeading, h1 {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 1.6em;
  font-weight: bold;
  color: #FFFFFF;
  padding-top:10px;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.8em;
  line-height: 1.5;
}

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

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

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

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

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

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.8em;
  color: #FFFFFF;
  text-decoration:none;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.9em;
  margin:0 0 4px 3px;
  vertical-align:middle;
}

TEXTAREA {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.8em;
}

.inputbox { 
	width:250px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.0em;
  color: #FF6666;
  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: 1.0em;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.0em;
  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: #990000; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #666666; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #CCCCCC; padding:2px; text-align:center }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #CCCCCC; padding:2px; text-align:center }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 0.8em; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FF0000; font-weight:bold; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #FF0000; font-weight:bold; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 0.8em; color: #ff0000; }
.inputBorder { border:1px solid #000000; background-color:#FFFFFF; }

.indent { padding-left:20px; }
.productimage { border:1px solid #FFFFFF; margin:5px; }
.imgpadding { margin:5px; }


div.stockists { width:470px; margin:15px 0; }
div.stockists img { float:right; }

table#tblGallery td { font-size:0.9em; text-align:center; padding:5px 15px 10px; }
table#tblGallery td a img { border:4px solid #666; }