/*
  $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
*/
/* BOF outside store */
body { min-width: 550px; color: white; font-family: Arial; background-color: #333; margin: 0; padding: 0; border: 0; }
html, body { height: 100%; }
td { font-size: 10pt; }
.theRed { color: #d10707 }
.header { color: white; font-size: 18pt; font-weight:bold; letter-spacing:5px; }
a { color: #ccc; text-decoration: none; font-size: 9pt; }
a:hover { color: white; text-decoration: underline }
.lastUpdate { font-size: 10px; letter-spacing: 4px }
.things {font-weight: bold; text-decoration: underline; color:#FF6600; }
p.about{ text-align: left; }
.aboutAccent{ font-weight: bold;}
a.inlineLinks{ color:#FF6600; }
.makeBlack { background-color:#000000; }
.innerTableCells, p.about{ padding-left:20px; padding-right:20px;}
.innerTableTopLeft{ background-image:url(../images/table-corner-inner-top-left.gif); background-position:top left; background-repeat:no-repeat; }
.innerTableTopRight{ background-image:url(../images/table-corner-inner-top-right.gif); background-position:top right; background-repeat:no-repeat; }
.innerTableBotLeft{ background-image:url(../images/table-corner-inner-bot-left.gif); background-position:bottom left; background-repeat:no-repeat; }
.innerTableBotRight{ background-image:url(../images/table-corner-inner-bot-right.gif); background-position:bottom right; background-repeat:no-repeat; }
.sideColumnImages{cursor: pointer; padding-top: 15px;}
.thumbsSightings {
	border: 2px solid #000000;
}
#thumbsContainerSightings {
	height: 406px;
	width: 186px;
	overflow: scroll;
}
.thumbsOverSightings {
	border: 2px solid red;
	cursor: pointer;
	cursor: hand;
}
#guestbookEntries{
	background-color: black;
	width: 300px;
	height: 400px;
	overflow: scroll;
}
.rules{ font-size: 8pt; font-weight: bold; }
.btns{ border: 1px solid black; color: #000000; background-color: #CCCCCC; height: auto; width: auto; }
.pollPopImg{ cursor: pointer; }
.gbComments{ font-weight: bold; color:#FFFFFF; }
.gbDate{ font-style: italic; color: #666666; }
.gbTitle{ font-weight: bold; color: #999999; }

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	/* holy grail 3 column settings */
    .holygrail .colmid {
        float:left;
        width:200%;
        margin-left:-150px; 	/* References the width of right column */
        position:relative;
        right:100%;
    }
    .holygrail .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:350px;         	/* Left column width + right column width */
    }
    .holygrail .col1wrap {
        float:left;
	    width:50%;
	    position:relative;
	    right:200px;        	/* Width of left column */
		padding-bottom:10px;	/* Centre column bottom padding. Leave it out if it's zero */
	}
	.holygrail .col1 {
        margin:0px 165px 10px 215px;/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		padding-bottom: 10px;
	}
    .holygrail .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:200px;        	/* Width of left column content (left column width minus left and right padding) */
        position:relative;
        right:0px;       	  	/* Width of the left-had side padding on the left column */
    }
    .holygrail .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:150px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  		/* Width of right column right-hand padding + left column left and right padding */
        position:relative;
        left:50%;
    }
	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		border-top:1px solid #000000;
		border-bottom:1px solid #000000;
		background-color:#000000;
		margin-top: 10px;
    }
/* EOF outside store */

.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  { color: orange; font-size: 10px; font-family: Verdana, Arial, sans-serif }
.productsNotifications   { background: #000; padding: 2px }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

/*
BODY    { color: white; font-family: Arial; background: #333333; margin: 0 }

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

A:hover  { color: white; text-decoration: underline }
*/
FORM {
	display: inline;
}

TR.header  { background: #666 }

TR.headerNavigation  { background: #bbc3d3 }

TD.headerNavigation   { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; background-color: #aa2022; background-image: none; background-attachment: scroll; background-position: 0 50%; padding: 3px }
.storeBanner { background-image: url(http://www.iloveninja.com/images/i_love_ninja_girls.jpg); background-repeat: repeat-x; background-position: 50% 0; padding: 0 }
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  { color: #ffffff; font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; font-weight: bold; background: #00ff00; text-align: center }

TR.footer  { background: #bbc3d3 }

TD.footer  { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; background: black }
p.footer  { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; padding: 0px; margin: 0px; }

.infoBox  { background: black }

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

.infoBoxNotice {
  background: #FF8E90;
}

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

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

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

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

A.pageResults  { color: silver }

A.pageResults:hover  { color: white; background: black }

TD.pageHeading, DIV.pageHeading   { color: silver; font-size: 20px; font-family: Verdana, Arial, sans-serif; font-weight: bold; background-repeat: no-repeat }
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-size: 12px; font-family: Verdana, Arial, sans-serif; font-weight: bold }

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

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

SPAN.markProductOutOfStock   { color: #ff0; font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; font-weight: bold }

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

TABLE.popup {
  border-width: 1px;
  border-style: dotted;
  /*border-color*/
}

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

.moduleRow { }
.moduleRowOver  { background-color: olive; cursor: hand }
.moduleRowSelected  { background-color: black }

.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; }

TD.pollBoxRow {   
font-family: Verdana, Arial, sans-serif;   
font-size: 10px;   border-color: #eeeeee;   
border-style: solid;   border-width: 1px;
} 

TD.pollBoxText {   
font-family: Verdana, Arial, sans-serif;   
font-size: 10px;   border-color: #eeeeee;   
border-style: solid;   
border-width: 1px;
} 

TR.pollOptRow  { background: #666 } 
TR.pollFooter   { background: #999 }  

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning  { color: black; font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #ffb3b5 }
.messageStackSuccess  { color: black; font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #99ff00 }

/* input requirement */

.inputRequirement  { color: yellow; font-size: 10px; font-family: Verdana, Arial, sans-serif }
.myFooter { color: white; font-size: 9px; font-family: Arial; text-decoration: none; letter-spacing: 5px }