/*
$Id: stylesheet.css 3 2006-05-27 04:59:07Z user $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright 2006 osCMax

  Released under the GNU General Public License
*/

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

.boxText a:hover{color:#ff0000;text-decoration:none;}


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

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

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

FORM {
	display: inline;
}

TR.header {
  background: #cccccc;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ab6e4a;
  color: #000000;
  font-weight : bold;
  background-image:url('http://www.tonebender.net/images/bck1.gif');
  background-repeat:repeat-x;
}

A.headerNavigation { 
  color: #000000; 
  tex-decoration:none;
}


A.headerNavigation:hover {
  color: #666666;

}

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: #ffffff;
  color: #000000;
  font-weight: bold;
  background-image:url('http://www.tonebender.net/images/bck1.gif');
  background-repeat:repeat-x;
}

.infoBox {
  background: #000000;
}

.infoBoxContents {
  background: #cccccc;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  border:4px ridge #ab6e4a;
  color:#000000;
}

.infoBoxContents_cart {
  background: #cccccc;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color:#000000;
}

.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: 12px;
  font-weight: bold;
 /* background: #ab6e4a; */
  background: #ffffff;
  color: #000000;
  background-image:url('http://www.tonebender.net/images/bck1.gif');
  background-repeat:repeat-x;
}

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:;
  color: #000000;
  font-weight: bold;

}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background:#cccccc;
  color:#000000;
    border:1px solid black;
}

A.pageResults {
  color: #ffffff;
}

A.pageResults:hover {
  color: #ff0000;

}

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;
  vertical-align:middle;
}

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



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


/*########################################begin dhtml window############################################*/
.dhtmlwindow{
position: absolute;
border:4px ridge #ab6e4a;
visibility: hidden;
background-color: #cccccc;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 3px 5px 2px 5px;
text-indent: 3px;
font-weight: bold;
background-color: #ffffff;
color:#000000;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
border-bottom:4px ridge #ab6e4a;
  background-image:url('http://www.tonebender.net/images/bck1.gif');
  background-repeat:repeat-x;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 0px solid red;
background-color: #cccccc;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 0px solid gray;
background-color: #cccccc;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}
/*########################################end dhtml window############################################*/


/*########################################scroll bars############################################*/

html{
scrollbar-3dlight-color:#000000; 
scrollbar-arrow-color:#000000; 
scrollbar-darkshadow-color:#000000; 
scrollbar-face-color:#ab6e4a; 
scrollbar-highlight-color:#000000; 
scrollbar-shadow-color:#000000;
scrollbar-track-color:#333333; 
}
/*########################################end scroll bars############################################*/

img{border:0px;}

.article_link a{color:#ffffff;}
.article_link a:visited{color:#ffffff;}
.article_link a:active{color:#ffffff;}
.article_link a:hover{color:#ff0000;text-decoration:none;}

.fs_link a{color:#ffffff;}
.fs_link a:visited{color:#ffffff;}
.fs_link a:active{color:#ffffff;}
.fs_link a:hover{color:#ff0000;text-decoration:none;}


.searchtext{font-family: lucida grande, tahoma, verdana, arial, sans_serif;background-image:url('http://www.tonebender.net/images/searcbck.png');background-repeat:no-repeat;background-position:center left;padding-left:18px;}
.mainsearchbox{}

.article_text{font-size:13px;}


/*#####################################begin of result boxes#######################################
.productbox {width:145px;height:200px;background-color:#cccccc;border:1px solid #7f93bc;float:left;padding:5px;margin:2px;overflow:hidden;}
.productboximage {border:0px;display:inline;}
.productboxinfo{height:15px;}
/*#####################################end of result boxes#######################################*/

.tdht{
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px; 
  background: #ffffff;
  color: #000000;
  font-weight: bold;
  background-image:url('http://www.tonebender.net/images/bck1.gif');
  background-repeat:repeat-x;
}
.subdiv{background-color:#ffffff;color:#000000;padding: 2px 8px 2px 8px;border-top: solid 1px #ccc;}
 
.currentPagespan a{color:#ffffff;}
.currentPagespan a:visited{color:#ffffff;}
.currentPagespan a:active{color:#ffffff;}
.currentPagespan a:hover{color:#ff0000;text-decoration:underline;}


/* SpryRating.css - version 0.1 - Spry Pre-Release 1.6.1 */

/* Copyright (c) 2007. Adobe Systems Incorporated. All rights reserved. */

/* 
 * Top-level container for rating wigdet 
 * The name of the class ("ratingContainer") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the rating container.
 * This container holds floated elements, so it should be floated itself in order 
 * for a border or background to display correctly
*/ 
.ratingContainer{
	float: left;	
}

/* This selector controls the initial appearance of a rating star inside the widget.
 * It will later be affected by the state of the rating container itself.
 * Display is set to none so that when JavaScript is disabled, it will not show.
 */
.ratingButton{
 	 background-repeat: no-repeat;
	 background-position: center center;
	 display: none;
}
  
/* Rating star appearance is affected by the state of the widget container.
 * Note that the width and height are required for Internet Explorer.
 */
.ratingInitialState .ratingButton,
.ratingReadOnlyState .ratingButton,
.ratingRatedState .ratingButton
{
	display: block;
	width: 32px;
	height: 32px;
	float: left;
}

/* Hide the input fields that are used for gracefull degradation when JavaScript is enabled. */
.ratingInitialState input,
.ratingReadOnlyState input,
.ratingRatedState input
{
	display: none;
}

/* These selectors control individual star states, which can be: 
* - full: the rating value exceds the current star
* - empty: the rating value is below the current star
* - half: the rating value is "inside" the current star  
* - hover: special state when the user selects the current star (mouse or keyboard)
*/
.ratingFull{
	 background-image: url('http://www.tonebender.net/images/spry/products-search/SpryStarFull.gif');
}
 
.ratingEmpty{
	 background-image: url('http://www.tonebender.net/images/spry/products-search/SpryStarEmpty.gif');
}
 
.ratingHalf{
	 background-image: url('http://www.tonebender.net/images/spry/products-search/SpryStarHalf.gif');
}

.ratingHover{
	 background-image: url('http://www.tonebender.net/images/spry/products-search/SpryStarHover.gif');
	 cursor: pointer;
}

/* Star state can be further modified by the state of the container widget */
.ratingReadOnlyState .ratingFull{
 	background-image: url('http://www.tonebender.net/images/spry/products-search/SpryStarFullRO.gif');
}

.ratingReadOnlyState .ratingHalf{
 	background-image: url('http://www.tonebender.net/images/spry/products-search/SpryStarHalfRO.gif');
}

/* These are the classes applied on the messages ("read only" and "thanks for voting")
 * which prevent them from being displayed by default 
 */ 
.ratingReadOnlyErrMsg, .ratingRatedMsg{	
	display: none;
}

/* This selector change the way messages look when the widget is in "read-only" state and user tries to rate.
 * This class sets a default red border and color for the error text.
 * An additional class is added on the top-level container (.ratingReadOnlyErrState) 
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.ratingReadOnlyErrState .ratingReadOnlyErrMsg{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;	
}

/* This selector change the way messages look when the widget is in "rated" state.
 * This class makes message visible and sets a green color on it.
 * The state class (.ratingRatedState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 * Note: set the display property below according to your needs, (e.g. inline, block, etc) depending on the container type
 */
.ratingRatedState .ratingRatedMsg{
	display: block;
	color: green;	
}

/* Customize the appearance of the rating counter */
.ratingCounter{
	color: green;
	display:none;
}