html { height: 100%; background-color: #3e2a12; /*background: #3e2a13 url('/image/html_storeBG.gif') 50% 0 repeat-x;*/ }
body { margin: 0; padding: 0; font: 11px Arial, Helvetica, sans-serif; color: #ffffff; background: url('/image/store_bodyBG.gif') 50% 0 repeat-y; font: 11px Arial, Helvetica, sans-serif; color: #CCCCCC; text-align: center; }
html>body { min-height: 100%; height: auto; }

/* Top Nav */
#top_nav { margin: 0 auto; padding: 0; width: 1002px; height: 211px; background: url('/image/store_headerBG.jpg') 0 0 no-repeat; text-align: left; }
#top_nav img { border: 0; } 

/* Main Menu */
#top_nav .main_menu { position: absolute; margin: 11px 0 0 11px; height: 20px; width: 668px; }
#top_nav .main_menu ul { margin: 0; padding: 0; list-style: none; border: 0; }
#top_nav .main_menu ul li { float: left; display: inline; margin: 0; padding: 0; }

/* Newsletter */
#top_nav .player_popup { position: absolute; margin: 13px 0 0 750px; width: 207px; height: 14px; }


/*
  $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
*/

/*Standard text that appears in the infoboxes navigation*/

.boxText {
	font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 7pt;
	color: #cccccc;
}

/*Error's with the shop setup*/

.errorBox {
	font-family : Arial, Helvetica, Verdana, sans-serif;
	font-size : 8pt;
	background: #ff9900;
	font-weight: bold;
	color: #000000;
}

/*Warning for low stock*/

.stockWarning { font-family :Arial, Helvetica, Verdana, sans-serif; font-size : 8pt; color: #00FF00; }

/*Product notifications bar*/

.productsNotifications {
	background: #FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

/*Editing your order title and confirmation text*/

.orderEdit { font-family : Arial, Helvetica, Verdana, sans-serif; font-size : 8pt; color: #ff9900; }

/*This controls the central page, it's width etc*/

.fixcenter {
margin: 0 auto;
  width: 1002px;
  border: 0;
  background: #302d29;
  color: #000000;
  
  text-align: left;
}

/*This links*/

a { color: #FF9900; text-decoration : none; }
a:hover { color: #F6B325; text-decoration : none; }

/*This controls the styles for forms*/
form { display: inline; }

/*This controls the area that holds the top image, the header*/
TR.header {
	background: #333333;
	text-align: center;
	border: 0px;
	margin: 0px;
	padding: 0px;

  }

/*This controls the text just below the main navigation*/
TD.headerNavigation {
  background: #333333;
  font-family: Arial, Verdana, sans-serif;
  font-size: 8pt;
  color: #ffffff;
}

/*This controls the links just below the main navigation*/
A.headerNavigation { 
  font-family: Arial, Verdana, sans-serif;
  font-size: 8pt;
  color: #ff9900;
}

/*This controls the links hover just below the main navigation*/
A.headerNavigation:hover {
  font-family: Arial, Verdana, sans-serif;
  font-size: 8pt;
  color: #F6B325;
}

/*This controls how errors appear in the header*/
TD.headerError {
  font-family: Arial, Verdana, sans-serif;
  font-size: 8pt;
  background: #ff9900;
  color: #000000;
  font-weight : bold;
  text-align : center;
}

/*This controls information bars appear in the header*/
TR.headerInfo {
  background: #F6B325;
}

TD.headerInfo {
  font-family:Arial, Verdana, sans-serif;
  font-size: 8pt;
  background: ##F6B325;
  color: #333333;
  text-align: center;
}

/*This controls how footer information cells appear*/

TR.footer { background: #0F0F0F; }

/*This controls how footer information bar appears - it's currently set so that the text and bar are invisible*/
TD.footer {
  font-family: Arial, Verdana, sans-serif;
  font-size: 8pt;
  background: #333333;
  color: #333333;
  font-weight: bold;
}

/*Infoboxes are the the boxes in the left and right columns this controls the background for the whole box including header*/

.infoBox {
  background: #484848;
}

/*This controls style of the contents - below the header*/

.infoBoxContents {
  background: #484848;
  font-family: Arial, Verdana, sans-serif;
  font-size: 7pt;
}

/*Don't know what this does so its set to merge into the background*/

.infoBoxNotice {
  background: #333333;
}

/*Don't know what this does so its set to merge into the background*/

.infoBoxNoticeContents {
  background: #cccccc;
  font-family: Arial, Verdana, sans-serif;
}

/*This controls the text in the headings of info boxes - it can be ignored cos we use images for twisted*/

TD.infoBoxHeading {
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  background: #484848;
  color: #cccccc;
}

/*No idea what this does.*/

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

/*This controls ever other background colour.*/

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

/*So does this. They're currently set to the same cos i reckon there's enough grays going on*/

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

/*This is the border that surrounds product listings - currently invisible*/

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #333333;
  border-spacing: 1px;
}

/*This is the border that surrounds product listings - currently invisible*/

.productListing-heading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 8pt;
  background: #333333;
  color: #cccccc;
  font-weight: bold;
}

/*This is the bar that appears at the top of product listings*/

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

/*product listings link colours*/

A.pageResults {
  color: #FF9900;
  text-decoration: none;
}

/*product listings link hover colours*/

A.pageResults:hover {
  color: #F6B325;
  text-decoration: none;
}

/*Titles of pages and products*/

TD.pageHeading, DIV.pageHeading {
	color: #FFFFFF;
	font-size: 12pt;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: -0.03em;}

/*colour of the background for the highlight bar*/

TR.subBar {
  background: #FF9900;
}

/*colour of the background for the highlight bar's text*/

TD.subBar {
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #000000;
}

/*style of text within product listings*/

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

/*style of  text in the site like product categories and Twisted Records at the bottom of the page*/

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

/*style of  text in the site like product categories and Twisted Records at the bottom of the page*/

TD.accountCategory {
  font-family: Arial, Verdana, sans-serif;
  font-size: 8pt;
  color: #ff9900;
}

/*Appears behind text when updating account information and selecting deliver addresses*/

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

/*Appears behind text when updating account information and selecting deliver addresses*/

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

TD.tableHeading {
  font-family: Arial, Verdana, sans-serif;
  font-size: 8pt;
  font-weight: normal;
}

SPAN.newItemInCart {
  font-family: Arial, Verdana, sans-serif;
  font-size: 7pt;
  color: #F6B325;
}

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

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

SPAN.greetUser {
  font-family: Arial, Verdana, sans-serif;
  font-size: 8pt;
  color: #ff9900;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Arial, Verdana, sans-serif;
  font-size: 8pt;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Arial, Verdana, sans-serif;
  font-size: 8pt;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Arial, Verdana, sans-serif;
  color: #22FF4E;
}

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


.moduleRow { font-family: Arial, Verdana, sans-serif; font-size: 8pt; color: #cccccc; background-color: #484848;  }


.moduleRowOver { font-family: Arial, Verdana, sans-serif; font-size: 8pt; color: #333333; background-color: #ff9900;  }

.moduleRowSelected { background-color: #E9F4FC; }

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

/* message box */

.messageBox { font-family: Arial, Verdana, sans-serif; font-size: 8pt; }
.messageStackError, .messageStackWarning { font-family: Arial, Verdana, sans-serif; font-size: 8pt; color: #333333; background-color: #ff9900; font-weight: bold; }
.messageStackSuccess { font-family: Arial, Verdana, sans-serif; font-size: 8pt; color: #333333; background-color: #ff9900; font-weight: bold; }

/* input requirement */

.inputRequirement { font-family: Arial, Verdana, sans-serif; font-size: 8pt; color: #22FF4E; }
a:visited {
	text-decoration: none;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #333333;
	margin: 0;
	padding: 0;
	border: 0}
}

select {
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FF9900;}
	
	.infoBoxBorder {
  background: #333333;
}