/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { }
.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 {margin: 0;padding: 0;font-family: Helvetica;font-size: 13px;color: #333;background-color: #C96F0A;background-image: url(images/site-bg.jpg);text-align:center}
a  {color: #B35C00;text-decoration: none;}
a:hover  {color: #623702;text-decoration: underline;}
FORM {display: inline;}

TR.headerError { background: #ff0000;}
TD.headerError {font-family: Tahoma, Verdana, Arial, sans-serif;font-size: 12px;background: #ff0000;color: #fff;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: #fff;font-weight: bold;text-align: center;}
TR.footer {background: #bbc3d3;}
TD.footer {font-family: Verdana, Arial, sans-serif;font-size: 10px;background: #bbc3d3;color: #fff;font-weight: bold;}

.infoBox,.infoBoxContents {margin:0;padding:0;}
.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: #fff;}
TD.infoBox, SPAN.infoBox {}

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 solid #b6b7cb;border-spacing: 1px;}

.productListing-heading {font-family: Verdana, Arial, sans-serif;font-size: 10px;background: #b6b7cb;color: #FFF;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: #000;}
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: #7b9ebd solid 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;}

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

#header  {height: 115px;width: 900px;margin:0 auto;padding: 0;background-image: url(images/siteheader.png);background-repeat: no-repeat;}
.headerNavigation {font-size: 12px;font-weight:bold;color: #FFF;margin:94px 0 0 0}
A.headerNavigation { color: #FFF; }
A.headerNavigation:hover {color: #fff;}
#footer {margin: 10px 0 0 0;padding: 10px 0;border-top: 1px dotted #C16601;text-align: center;}
#navigation {background-color: #FFF;text-decoration: none;padding: 0;margin: 0 0 10px 0;}
#navigation h2 {background-color:#C2082B;font-size:16px;padding:6px;margin: 0 0 6px 0;color:#fff;width:200px;text-align:left}
#topnav {width: 920px;margin: 0 auto;padding:0;background-image: url(images/nav-bg.png);height: 40px;color: #FFF;text-transform: capitalize;font-weight:bold;}
#topnav ul {margin: 0;padding: 0 0 0 15px;list-style-type: none;float: left;width: 300px;}
#topnav li {display: inline;margin: 0;padding: 0;}
#topnav li a {padding: 7px;display: block;float: left;margin: 0;color: #FFF;text-decoration: none;border-right: 1px solid #4F3D22;}
#topnav li a:hover {padding: 7px;display: block;float: left;margin: 0;color: #FFF;text-decoration: none;border-right: 1px solid #4F3D22;background-color: #4F3D22;}
#topnav #right {margin: 0;float: right;padding: 4px 20px 3px 7px;border-left: 1px solid #4F3D22;font-size: 19px;}
#wrapper {padding: 0px;width: 920px;margin: 0 auto;background-image: url(images/contentbg.png);background-repeat: repeat-y;}
#wrapper #content {width: 675px;float: left;padding: 10px;margin: 0 5px;text-align:left}
#wrapper #content h1 {margin: 6px 0;padding: 0 0 10px 0;border-bottom: 1px dotted #F2D091;font-size: 25px;text-transform: capitalize;font-family: Helvetica;}
#wrapper #content h2 {margin: 10px 0;padding: 0 0 6px 0;border-bottom: 1px dotted #F2D091;font-size: 16px;text-transform: capitalize;font-family: Helvetica;}
#leftcol {float: left;width: 200px;padding: 0 0 0 10px;margin:0}
#content #fadeshow1 {padding: 0;height: 300px;width: 675px;margin: 0;}
#clear  {clear: both;margin: 0;padding: 0;}
#productwrapper{float:left;margin:0 0 10px 0;padding:0;width:675px;}
#productpic{float:left;margin:0;padding:0}
#productdesc{width:400px;float:right;margin:0;padding:10px}
#productwrapper #productdesc h1 {margin: 4px 0;padding: 0 0 4px 0;border-bottom: 1px dotted #F2D091;font-size: 20px;text-transform: capitalize;font-family: Helvetica;}
#productdesc h2 {font-size:16px;color:#ff0000;text-align:right}
#categories {margin: 0;clear: both;padding: 10px 0 0 0;}
#categories #box {width: 218px;float: left;padding: 0;margin:0;cursor: pointer;}
#categories   #box  h1, #categories #box1 h1 {background-color: #DA801F;margin: 0;padding: 10px;font-size: 14px;color: #FFFF;text-transform: uppercase;font-weight: bold;border: none;}
#categories #box h1:hover, #categories #box1 h1:hover {background-color: #885113;margin: 0;padding: 10px;font-size: 14px;color: #FFF;text-transform: uppercase;font-weight: bold;border: none;}

/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

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

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	font-weight:bold;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin: 0px;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 200px;
	padding: 0px;
cursor: default;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	margin: 0 0 0 210px;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 200px;
	left: -1000em;
	top: 0;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
	width: 200px;
}
ul.MenuBarVertical ul.MenuBarSubmenuVisible a
{
	background:#E68E0D;
	color:#FFFFFF;
	background-image:none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F4AF48;
	border-bottom-color: #B5710B;
}
ul.MenuBarVertical ul.MenuBarSubmenuVisible ul
{
	background:#E68E0D;
	background-image:none;
}
ul.MenuBarVertical ul.MenuBarSubmenuVisible a:hover
{
	color:#FFFFFF;
	background-image:none;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FB6431;
	border-bottom-color: #CE3704;
	background-color: #ED4005;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 200px;
}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{

}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{

}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	padding: 0.5em 0.75em;
	color: #333;
	text-decoration: none;
	text-transform:lowercase;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #E68E0D;
	color: #FFF;
	text-decoration:none;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #E68E0D;
	color: #FFF;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}
/* classes for lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
.cssproduct_listing_content{ width: 135px; padding: 2px 0; margin: 0 10px 0 0; } 
.cssproduct_listing_item{ float: left; width: 135px;height: 165px; border-right: 1px dotted #bbc3d3; font-family: Verdana, Arial, sans-serif; font-size: 10px; text-align: center; padding: 5px 0 5px 5px; margin: 5px; } 
.cssclear{clear: both;}
#cartheader {background-color:#000;color:#fff;padding:0;margin:0}
#cartwrapper {width:650px;margin:0;padding:0;float:left}
#cartheader ul,#cartwrapper ul {width:650px;display:block; list-style-type: none;margin:10px 0;}
#cartheader ul {padding: 4px}
#cartwrapper ul {padding: 0}
#cartheader li,#cartwrapper li {display:inline;float:left;padding:0;margin:0}
.subtotal {text-align:right;margin: 12px 0;padding:4px 0; border-top: 1px dotted #ccc;border-bottom: 1px dotted #ccc}