.menu{
  background-color:#a8a8a8;
  width:840px;
  height:60px;
  text-align:center;
}

.menu a,
.menu a:hover{
  color:black;
  font-size:9px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
}





body{
  text-align:center;
}

#pageContent{
  width:840px;
  text-align:left;
  margin:0 auto;
}

.categories{
  padding:8px 0 8px 8px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:12px;
  width:112px !important;
}

.categories a,
.categories a:hover{
  color:white;
  text-decoration:none;
  display:block;
  width:112px !important;
  overflow:hidden;
  margin-bottom:-16px;
}

.productTableTable{
  width:600px;
}

.productTableCell{
  vertical-align:top;
}

.productTable{
  margin-left:3px;
  border-collapse:collapse;
}

.productTable td{
  width:135px;
  border:1px solid #cccccc;
}

.productTable td.productName{
  text-align:center;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:13px;
  padding:3px;
  width:129px;
  height:80px;
}

.productName a,
.productName a:hover{
  color:white;
  text-decoration:none;
}

.productImage{
  vertical-align:center;
  height:155px;
}

.productPrice{
  text-align:center;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  padding:3px 0;
  background-color:#ffff99;
  font-size: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
*/

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

BODY {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

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

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

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

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  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: #00ff00;
}

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-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

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

.infoBoxNotice {
  background: #FF8E90;
}

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

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

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, 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: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

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

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

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

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

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  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;
}

TD.productPriceInListing {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #d2e9fb;
}

TD.productPriceInBox {
  font-family: Verdana, Arial, sans-serif;
  /*background: #eeeeee;*/
  font-size: 16px;
  font-weight: bold;
  color: #9a9a9a;
  padding:2px;
}

TD.productPriceInProdInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ccffcc;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.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; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

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


















































/*

style.css

Shared stylesheet for WebEdit.

(C) 2010 Spoton.net Limited - http://www.spoton.net/
Created by Stephen Morley - http://stephenmorley.org/

*/

/*

default-style.css

Default stylesheet for WebEdit.

(C) 2010 Spoton.net Limited - http://www.spoton.net/
Created by Stephen Morley - http://stephenmorley.org/

*/

/* centre the page */
body{
  margin:0;
  padding:0;
  font-size:0.75em;
  text-align:center; /* for non-standards-compliant browsers */
}
#webeditCorePage,
#webeditCoreEditModePage{
  text-align:left; /* for non-standards-compliant browsers */
  margin:0 auto; /* for standards-compliant browsers */
}

/* style the outer div to wrap the whole page*/
#webeditCorePageOuter{
  float:left;
  width:100%;
}

/* cover the page under the lightbox with a semi-transparent white */
#webeditCoreLightbox{
  background:url("../uploaded-files/../generator/images/semitransparent-black-block.png") repeat top right;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:100;
  cursor:pointer;
}
* html #webeditCoreLightbox{
  position:absolute; /* for Internet Explorer 6 */
}

/* style the lightbox to have a fixed position and a black and white border */
#webeditCoreLightbox div{
  position:fixed;
  padding:10px;
  background-color:white;
  border:1px solid black;
}
* html #webeditCoreLightbox div{
  position:absolute; /* for Internet Explorer 6 */
}

/* style the lightbox image to have a black border */
#webeditCoreLightbox img{
  border:1px solid black;
  margin-bottom:10px;
}

/* style the lightbox text */
#webeditCoreLightbox span{
  font-family:Verdana,Geneva,sans-serif;
  line-height:18px;
}

/* turn off borders on linked images */
a img{
  border:none;
}

/* position images and objects at the bottom of their containers */
img, object{
  vertical-align:bottom;
}

/* turn off margins and padding on forms */
form{
  margin:0;
  padding:0;
}

/* set column positioning */
.webeditCoreColumn{
  float:left;
  min-height:1px;
  width:100%;
}
* html .webeditCoreColumn{
  height:1px;
}

/* set row positioning */
.webeditCoreRow{
  float:left;
  clear:left;
  width:100%;
  line-height:normal; /* resets the value inherited from options components */
}

/* do not show the outline on active Flash objects */
.webeditFlashComponent object{
  outline:none;
}

/* formatting for the anchor displayed if the Flash plug-in is missing */
.webeditFlashMissingPlugin{
  display:block;
  background:white url('../uploaded-files/../generator/images/missing-flash-plugin.png') no-repeat center center;
}

/* correct the display of an empty options component - this affects IE < 8 */
.webeditOptionsComponent{
  line-height:1px;
}

/* correct for browsers' incorrect positioning of the search button */
.webeditSearchQueryBox input{
  margin:1px 0 0;
}

/* normalise the display of the input box so that its size can be set */
.webeditSearchQueryBoxSizeSet{
  padding:2px;
  border:1px solid rgb(170,170,170);
}

/* style the search submit button so that only the image shows */
.webeditSearchSubmitButton button{
  width:auto;
  overflow:visible;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
}

/* float left the elements of left-aligned search forms */
.webeditSearchFormLeft .webeditSearchQueryBox,
.webeditSearchFormLeft .webeditSearchSubmitButton{
  float:left;
  margin-right:5px;
}

/* float right the elements of right-aligned search forms */
.webeditSearchFormRight .webeditSearchQueryBox,
.webeditSearchFormRight .webeditSearchSubmitButton{
  float:right;
  margin-left:5px;
}

/* clear and add padding to the search results */
.webeditSearchResult{
  clear:left;
  padding-top:1.5em;
}

/* float and centre search result images */
.webeditSearchResultImage{
  float:left;
  text-align:center;
  margin-right:1.5em;
}

/* pad and centre the search footer */
.webeditSearchResultsFooter{
  padding-top:1.5em;
  text-align:center;
}

/* remove the extra space around small images */
.webeditImageComponent{
  line-height:1px;
}

/* display the required field asterisk in bold red text */
.webeditFormRequiredField{
  color:red;
  font-weight:bold;
}

/* display form error messages in bold red text */
.webeditFormError{
  color:red;
  font-weight:bold;
}

/* centre the form submit button */
.webeditFormSubmitButton{
  text-align:center;
}

/* display form radio buttons or checkboxes vertically */
.webeditChoiceChoice{
  display:block;
}

/* show the copyright link in the colour of the surrounding text */
.webeditCopyrightComponent a,
.webeditItseezeComponent a{
  color:inherit;
  text-decoration:none;
}

/* centre the edit button */
.webeditEditComponent{
  text-align:center;
}

/* set the default text colour in the map component to be black */
.webeditMapComponent .webeditText{
  color:black;
}

/* display table cell contents at the top of the cell */
.webeditTableComponent td{
  vertical-align:top;
}

/* centre the Entertonement and Houndbite players */
.webeditEntertonementComponent,
.webeditHoundbiteComponent{
  text-align:center;
}

/* style navigation menus with the 'display' parameter not set to 'list' */
.webeditNavigationBlock ul,
.webeditNavigationFloat ul,
.webeditNavigationInline ul{
  display:block;
  margin:0;
  padding:0;
}

/* style navigation menu items with the 'display' parameter set to 'block' */
.webeditNavigationBlock li{
  display:block;
}

/* style navigation menu items with the 'display' parameter set to 'float' */
.webeditNavigationFloat li{
  display:block;
  float:left;
}

/* style navigation menu items with the 'display' parameter set to 'inline' */
.webeditNavigationInline li{
  display:inline;
}

/* allow the text within text-on-image components to be positioned absolutely */
.webeditTextonimageComponent{
  position:relative;
}

/* fix an Internet Explorer 6 positioning bug */
.webeditTextonimageComponent .webeditImageComponent{
  float:none;
}

/* absolutely position the text within text-on-image components */
.webeditTextonimageText{
  position:absolute;
}

/* set the default light text colour to be white */
.webeditLightText{
  color:white;
}

/* set the default dark text colour to be black */
.webeditDarkText{
  color:black;
}

/* add the appropriate lines to formatted tables */
.webeditSuperoptionsTableFormatted .webeditTableFirstRow td{
  border-top:1px solid rgb(128,128,128);
  border-bottom:1px solid rgb(128,128,128);
}
.webeditSuperoptionsTableFormatted .webeditTableLastRow td{
  border-bottom:1px solid rgb(128,128,128);
}
.webeditSuperoptionsTableFormatted .webeditTableFirstColumn{
  border-left:1px solid rgb(128,128,128);
}
.webeditSuperoptionsTableFormatted .webeditTableLastColumn{
  border-right:1px solid rgb(128,128,128);
}

/* add a line above the divider option */
.webeditSuperoptionsDivider{
  border-top:1px solid rgb(128,128,128);
}

.webeditText .db, .webeditText{
  display:block;
}

.webeditText .dl{
  display:list-item;
  margin-left:18px;
}

.webeditText .al, .webeditText{
  text-align:left;
}

.webeditText .ar{
  text-align:right;
}

.webeditText .ac{
  text-align:center;
}

.webeditText .aj{
  text-align:justify;
}

.webeditText .i0, .webeditText{
  margin-left:0;
}

.webeditText .i18{
  margin-left:18px;
}

.webeditText .i36{
  margin-left:36px;
}

.webeditText .i54{
  margin-left:54px;
}

.webeditText .i72{
  margin-left:72px;
}

.webeditText .i90{
  margin-left:90px;
}

/* note: this must be applied to spans to avoid display issues */

.webeditText div.h75 span, .webeditText div.h75{
  line-height:0.75em;
}

.webeditText div.h100 span, .webeditText div.h100{
  line-height:1.00em;
}

.webeditText div.h125 span, .webeditText div.h125{
  line-height:1.25em;
}

.webeditText div.h150 span, .webeditText div.h150,
.webeditText span, .webeditText{
  line-height:1.50em;
}

.webeditText div.h200 span, .webeditText div.h200{
  line-height:2.00em;
}

.webeditText div.h250 span, .webeditText div.h250{
  line-height:2.50em;
}

.webeditText div.h300 span, .webeditText div.h300{
  line-height:3.00em;
}

.webeditText .lm10 *{
  letter-spacing:-0.10em;
}

.webeditText .lm5 *{
  letter-spacing:-0.05em;
}

.webeditText .l0 *, .webeditText *{
  letter-spacing:0;
}

.webeditText .l5 *{
  letter-spacing:0.05em;
}

.webeditText .l10 *{
  letter-spacing:0.10em;
}

.webeditText .l15 *{
  letter-spacing:0.15em;
}

.webeditText .l20 *{
  letter-spacing:0.20em;
}

.webeditText .lon{
  text-decoration:underline;
  color:#00f;
}

.webeditText .tm{
  font-family:'Courier New','Courier',monospace;
}

.webeditText .tws{
  font-family:'Palatino Linotype',Palatino,'Zapf Calligraphic','URW Palladio L','Book Antiqua',serif;
}

.webeditText .tns{
  font-family:'Times New Roman','Times',serif;
}

.webeditText .twss, .webeditText{
  font-family:Verdana,Geneva,sans-serif;
}

.webeditText .tnss{
  font-family:Arial,Helvetica,sans-serif;
}

.webeditText .s10{
  font-size:0.833em;
}

.webeditText .s12, .webeditText{
  font-size:1.000em;
}

.webeditText .s14{
  font-size:1.166em;
}

.webeditText .s16{
  font-size:1.333em;
}

.webeditText .s18{
  font-size:1.500em;
}

.webeditText .s20{
  font-size:1.666em;
}

.webeditText .s22{
  font-size:1.833em;
}

.webeditText .s24{
  font-size:2.000em;
}

.webeditText .s26{
  font-size:2.166em;
}

.webeditText .s28{
  font-size:2.333em;
}

.webeditText .s30{
  font-size:2.500em;
}

.webeditText .s32{
  font-size:2.666em;
}

.webeditText .s34{
  font-size:2.833em;
}

.webeditText .s36{
  font-size:3.000em;
}

.webeditText .s48{
  font-size:4.000em;
}

.webeditText .s60{
  font-size:5.000em;
}

.webeditText .s72{
  font-size:6.000em;
}

.webeditText .bon{
  font-weight:bold;
}

.webeditText .ion{
  font-style:italic;
}

.webeditText .du{
  text-decoration:underline;
}

.webeditText .ds{
  text-decoration:line-through;
}

.webeditText .do{
  text-decoration:overline;
}

.webeditText .con{
  font-variant:small-caps;
}

/*

generated-style.css

Site-specific stylesheet.

(C) 2010 Spoton.net Limited - http://www.spoton.net/
Created by Stephen Morley - http://stephenmorley.org/

*/



/*

style.css

Site-specific stylesheet.

(C) 2010 Spoton.net Limited - http://www.spoton.net/
Created by Stephen Morley - http://stephenmorley.org/

*/

body {
background:white;
color:#333333;
}

#webeditCoreEditModePage{
  margin-top:64px;
}

.webeditText a, .webeditText .lon {
text-decoration:none;
color:#DB0014;
}

.grey {
background:#929395;
}

.overlayContainer{
  position: relative;
}

.overlayImageT0L0{
  position: relative;
  top:0;
  left:0;
}

.overlayBoxT2R20{
  position: absolute;
  top: 0px;
  right: 20px;
}

.pagebuilder {
background:#DB0014;
}

.pagebuilder a, .pagebuilder a:hover {
color:white;
text-decoration:none;
}

.pagebuilder .webeditNavigationItem {
padding:0 0 15px 0; 
}

.pagebuilder .webeditNavigationLastItem {
padding:0 0 5px 0; 
}

.main {
background:url('../uploaded-files/main.png') repeat-x top;
}

.overlayBoxT2R20 .webeditText, .overlayBoxT2R20 .webeditText a {
color:white;
}

.overlayBoxT2R20 .webeditText .lon, #webeditCoreEditModePage .overlayBoxT2R20 .webeditText {
color:black;
}

.footer {
background:#A8A8A8;
color:#333333;
}

.webeditCopyrightComponent .webeditText {
font-size:0.833em;
margin:0 0 2px 0;
}

.webeditCopyrightComponent .webeditText a {
color:#333333;
}

.webeditEditComponent {
margin:0 0 3px 0;
}

.footerLinks .webeditText {
font-size:0.750em;
}

.footerLinks .webeditText a, .footerLinks .webeditText .lon {
color:#333333;
text-decoration:none;
}

.footerLinks .webeditText a:hover, .webeditCopyrightComponent .webeditText a:hover {
color:black;
}