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


/* Alternative Emporium Styles */

/* html { overflow: -moz-scrollbars-vertical; } */

#mainContainer {
	background-color: #111111;
	border-left: 5px solid #AAAAAA;
	border-right: 5px solid #AAAAAA;
	width: 940px;
	position:relative;
	left: 50%;
	margin-left: -470px;
}

#footer { 
	font-size: 10px;
	color: #666666;
	text-align:center;
	padding-bottom: 30px;
	padding-top: 10px;
	background-color: #111111;
	border-left: 5px solid #AAAAAA;
	border-right: 5px solid #AAAAAA;
	border-bottom: 5px solid #AAAAAA;
	width: 940px;
	position:relative;
	left: 50%;
	margin-left: -470px;
}

#outerContainer{
	background-color: #111111;
	width: 900px;
	position:relative;
	left: 50%;
	margin-left: -450px;
	border-top: 0px;
	border-bottom: 1px dashed #666666;
	padding-bottom: 5px;
}

#borderedContainer {
	border: 1px solid #666666;
	margin: 5px;
	padding: 5px;
	text-align: left;
}

#header {
	background-image:url(images/layout/ae/TITLEv2.jpg);
	background-repeat: no-repeat;
	background-color: #111111;
	background-position: center;
	width: 900px;
	position:relative;
	left: 50%;
	margin-left: -450px;
	height: 120px;
}
#topMenu {
	background-image: url('images/layout/ae/menu_bg.jpg');
	background-repeat:repeat-x;
	border: 1px solid #555555;
	border-bottom: 0px;
	height:30px;
}
#subCategoryMenu {
	background-color: #767676;
	border: 0px;
	text-align:left;
}
#accountMenu {
	position: relative;
	bottom: -67px;
	right: -287px;
	text-align:center;
	font-weight:bold;
	border: 1px solid #555555;
	width: 36%;
	line-height: 25px;
	height: 25px;
	background-color: #303030;
}
#cardIcons {
	border: 1px solid #555555;
	margin: 3px;
}

#welcome {
	text-align:left;
	font-weight: normal;
	margin: 2px;
	background-color:#222222; 
	border: 1px solid #775511;
	padding: 3px;
}

#breadcrumb {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}
#breadcrumb a { font-size:14px }

#menuContainer { vertical-align:middle; text-align: center;}

#rightMenu { width: 170px; float: right; margin-top: 10px;}

#contentAreaContainer { float:left; width: 713px; margin-top: 10px; }

#cartBoxTotal { text-align:right; font-weight:bold; }

#productInfoContainer { text-align: left; }
#prodInfoLeft { float:left; width: 245px; }
#prodInfoRight { float: right; width:450px; padding: 0px; border-left: 1px solid #333333; }
#prodInfoHeader { font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 18px; text-transform:uppercase; padding-bottom: 5px; margin: 0px; }
#prodInfoOptions, #prodInfoDescription  {
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 5px;
	padding-left: 0px;
}
#prodInfoOptions { border-top: 1px dashed #333333 }
#clickEnlarge { font-size: 10px; font-weight:bold; text-align: center; }
#mainImage { width: 240px; height: 240px; margin-bottom: 5px}
.productsExtraImages { border: 1px solid #555555;}

.cartIcon{ position: relative; top: 3px; left: -2px; border: 0px; }

#featuredProducts { float: left; margin-top:5px; }
.featuredProductsImage {
	border: 1px solid #666666;
	margin: 3px;
}

.subCategoryItemContainer { float:left; margin: 6px; border:1px solid #dddddd;}
.subCategoryImage img { border: 0px; width: 166px; height: 166px; }
.subcategoryItemText {
	text-align:center;
	font-weight:bold; 
	background-color: #555555;
	font-size: 12px;
	border-top: 1px solid #dddddd; 
	padding-bottom:5px;
	padding-top:5px;
}
.subCategoryItemText a { color: #FFFFFF; }

.shoppingCartItemHeader{ 
	padding: 5px; 
	clear: both; 
	border: 1px solid #555555; 
	background-color: #444444; 
	border-bottom: 0px;
	margin-top: 10px;
}
.shoppingCartItemContainer{ margin-bottom: 10px; border: 1px solid #555555; background-color: #222222; padding: 5px}
.shoppingCartEntryItem { display: table-cell; text-align:left; width: 300px}
.shoppingCartEntryLast { display: table-cell; text-align:right; width: 100px}

.productListingItemContainer {  float: left; border: 0px; margin: 3px; width: 135px; }
.productListingName { height: 35px;  border: 0px; padding: 2px; line-height: 15px; }
.productListingName a { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif }
.productListingPrice {  
	border-bottom: 1px solid #666666;
	font-weight:bold; 
	line-height: 20px; 
	width: 135px;
}
.productListing-heading {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  background: #444444;
  color: #FFFFFF;
  font-weight: bold;
}
.productListingImage { width: 135px; height: 135px; border:1px solid #666666 }

UL { padding: 0px; margin: 0px; }
#manufacturersBox, #infoMenu { margin-top: 10px }
LI.manufacturersMenuItemActive { background-color: #333333 }
LI.infoMenuItem, LI.manufacturersMenuItem, LI.manufacturersMenuItemActive, LI.manufacturersMenuHeader {
	margin: 2px;
	margin-right: 0px;
	margin-left: 0px;
	padding: 3px;
	list-style:none;
	border: 1px solid #555555; 
	background-color: #222222;
	font-weight:bold;
}
LI.manufacturersMenuHeader, DIV.infoBoxHeading { background-color: #444444 }

DIV.categoryListItem, DIV.categoryListItemActive {
	font-size: 14px;
	font-weight:bold;
	padding: 0px 10px 0px 10px;
	display:inline-block;
	line-height: 30px;
	margin:0px;
	vertical-align: middle;
	height: 30px;
}
DIV.subCategoryListItem, DIV.subCategoryListItemActive, DIV.subCategoryListSeparator { 
	color: #FFFFFF; 
	font-size: 11px; 
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	line-height:22px;
	display:inline;
	font-weight: bold;
	text-transform:uppercase;
}
DIV.subCategoryListSeparator {padding:0px}
DIV.categoryListItem:hover  { 
	background-image: url('images/layout/ae/arrow_up.jpg');
	background-repeat:no-repeat;
	background-position:bottom;	
}
DIV.categoryListItem a, DIV.categoryListItemActive a { text-transform:uppercase; }
DIV.categoryListItemActive a { color: FFFFFF; }
DIV.categoryListItemActive { background-color: #767676; height: 30px; }

TABLE.listingSplit { margin: 0px; padding: 5px 0px 5px 0px; width: 100%; clear:both }

#emptySubCatMenu { height: 4px; background-color: #767676; border: 0px; padding: 0px; margin: 0px; font-size: 2px; line-height: 5px;}

.tc_header { font-family:  Arial, sans-serif; font-size:12px; font-weight:bold; }
.normal { font-family:  Arial, sans-serif; font-size:12px; }

/*This is the Infobox text style*/
.boxText { font-family:  Arial, sans-serif; font-size: 12px; }
/*This is the Error Messages style with pink background*/
.errorBox { font-family:  Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold;}
/*This is the Warning Messages red font style*/
.stockWarning { font-family:  Arial, sans-serif; font-size : 10px; color: #cc0033;}
/*This is the Product Notifications green background stylet*/
.productsNotifications { background: #333333; }
/*This is the Order Edit style with green underline*/
.orderEdit { font-family:  Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #666666;
  color: #FFFFFF;
  margin: 0px;
}

A { font-size: 12px; color: #D5D5D5; text-decoration: none; }
A:hover { color: #FFFFFF; }
FORM { display: inline; }
TABLE { font-size: 12px; }

TR.headerError { background: #ff0000; }
/*This is the ERROR Background style for a cell with a red background*/
TD.headerError {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
/*This is a ROW Background style with a neon green background*/
TR.headerInfo { background: #00ff00; }
/*This is a CELL Background style with a neon green background*/
TD.headerInfo {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
/*This is the GRAY BOTTOM BAR Row background*/
TR.footer {
  background: #bbc3d3;
}
/*This is the GRAY BOTTOM BAR Cell background*/
TD.footer {
  font-family:  Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}
/*This is the INFOBOX Background Style, one shade darker than the Infobox Header color*/
.infoBox { }
/*Infobox Template for STS-This is the INFOBOX Contents Style, one shade lighter than the Infobox Header color*/
.infoBoxContents {
	margin: 0px;
	margin-bottom:2px;
	font-size: 12px;
	border: 1px solid #555555;
	background-color: #222222;
	padding: 3px;
}
/*This is the INFOBOX Notice Style, a pale salmon color*/
.infoBoxNotice {
  background: #FF8E90;
}
/*This is the INFOBOX Notice Contents Style, a very pale salmon color*/
.infoBoxNoticeContents {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  padding: 4px;
}

/*Infobox Templates for STS-This is the INFOBOX Heading Style, SAME AS HEADER AND FOOTER GRAY BARS*/
.infoBoxHeading {
	margin: 0px;
	padding: 3px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #555555;
	background-color: #222222;
	border-bottom: 0px;
}

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

/*This is a GENERAL ROW Style for every other line of noted pages, a palest gray color*/
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
}

/*This is a GENERAL ROW Style for every other line of noted pages, the same palest gray color but allows you to alternate 2 colors if you wish*/
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
}

/*This is a GENERAL TABLE Style for product listing pages, a deeper gray color*/
TABLE.productListing {
}

.informationPopupWindowHeader {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight:bold;
	text-decoration:underline;
}
TABLE.informationPopupWindow {
	background-color:#111111;
	border:1px solid #CCCCCC;
	font-size:12px;
}
.informationPopupWindow {
	border:1px solid #CCCCCC;
	font-size:12px;
}

/*This is the GRAY BAR Style for product listing pages, same deeper gray color as previous item*/

/*This is the FONT Style for product listing pages*/
TD.productListing-data {
  font-family:  Arial, sans-serif;
  font-size: 12px;
}

/*This is the HYPERLINK Style for Results pages*/

A.pageResults {
  text-decoration:none;
  font-weight: bold;
  color: #FFFFFF;
  border: 1px solid #666666;
  background-color:#000000;
  padding: 1px 3px 1px 3px;
  margin: 2px;
}

/*This is the HYPERLINK Style for Results pages when the mouse is hovering over it*/
A.pageResults:hover {
  background-color: #666666;
}

/*This is the MAIN TEXT Style, a deeper gray*/
TD.pageHeading, DIV.pageHeading {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #9a9a9a;
}

/*This is a Row Sub-bar Style, a very pale gray*/
TR.subBar {
  background: #f4f7fd;
}

/*This is a Cell Sub-bar Style, black default text*/
TD.subBar {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

/*This is a Cell and Paragraph Main Style*/
TD.main, P.main {
  font-family:  Arial, sans-serif;
  font-size: 12px;
}

/*This is a Cell, Span, and Paragraph Font Style*/
TD.smallText, SPAN.smallText, P.smallText {
  font-family:  Arial, sans-serif;
  font-size: 11px;
	line-height: 1.0;
}

/*This is a Cell Font Style in larger size with medium dusty blue font*/
TD.accountCategory {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  color: #aabbdd;
}

/*This is a Cell Font Style in a bold larger size*/
TD.fieldKey {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a Cell Font Style in a bold larger size*/
TD.fieldValue {
  font-family:  Arial, sans-serif;
  font-size: 12px;
}

/*This is a Table Heading Style in a bold larger size*/
TD.tableHeading {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a Span Font Style used for New Items in Cart in a BRIGHT RED FONT*/
SPAN.newItemInCart {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  color: #ff0000;
}

/*This is a FORM STYLE used for checkboxes, input text, radio buttons, and drop-down boxes*/
CHECKBOX, RADIO, SELECT {
  font-family:  Arial, sans-serif;
  font-size: 12px;
}

INPUT {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  /* background-color:#222222;
  color:#FFFFFF;
  padding: 0px 5px 0px 5px;
  font-weight:normal;
  /* border: 1px solid #555555; */
}

SELECT {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  /* background-color:#222222;
  color:#FFFFFF; */
  padding: 0px;
  margin:2px;
  font-weight:normal;
  /* border: 1px solid #555555; */
}

A.buttonLink, DIV.submit {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  line-height: 25px;
  background-color:#333333;
  color:#FFFFFF;
  padding: 2px;
  margin: 5px;
  font-weight:normal;
  border: 1px solid #AAAAAA;
  display: inline;
}

A.buttonLink:hover, DIV.submit:hover {
	background-color:#555555;
}
INPUT.submit {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  background-color:#333333;
  color:#FFFFFF;
  padding: 1px;
  margin: 0px;
  font-weight:normal;
  border: 1px solid #AAAAAA;
}

A.submit:hover, INPUT.submit:hover {
	background-color: #555;
	text-decoration: none;
}

/*This is a FORM STYLE used for text boxes where visitor enters free-form text*/
TEXTAREA {
  width: 100%;
  font-family:  Arial, sans-serif;
  font-size: 12px;
  /* color: #FFFFFF;
  background-color: #222222;
  border: 1px solid #55555;*/ 
}

/*This is a TEXT STYLE used for the "Greetings, Username! in a funny orange-salmon color*/
SPAN.greetUser {
  font-family:  Arial, sans-serif;
  font-size: 10px;
  color: #f0a480;
  font-weight: bold;
}

/*This is a FORM BACKGROUND AND BORDER STYLE with a very pale dusty blue background and deep dusty blue border*/
TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

/*This is a FORM TEXT STYLE with slightly larger bold text*/
TD.formAreaTitle {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

/*This is a SPAN PRODUCTS PAGE STYLE with a pale burgundy color font*/
SPAN.markProductOutOfStock {
  font-family:  Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

/*This is a SPAN PRODUCT SPECIAL FONT STYLE in a bright red color*/
SPAN.productSpecialPrice {
  font-family:  Arial, sans-serif;
  font-size:12px;
  color: #ff0000;
  font-weight:bold;
}

/*This is a SPAN ERROR TEXT STYLE in a bright red color*/
SPAN.errorText {
  font-family:  Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { height: 23px}
.moduleRowOver { height: 23px; background-color: #333333; cursor: pointer; }
.moduleRowSelected { height: 23px; background-color: #333333; }

.checkoutBar { background-color: #AAAAAA; height: 25px; }
.checkoutBarFrom, .checkoutBarTo { font-family:  Arial, sans-serif; font-size: 11px; color: #8c8c8c; background-color: #000000 }
.checkoutBarCurrent { font-family:  Arial, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #333333 }

/* message box */

.messageBox { font-family:  Arial, sans-serif; font-size: 12px;  border:1px solid #CCCCCC }
.messageStackError, .messageStackWarning { 
	font-family:  Arial, sans-serif; font-size: 12px; background-color: #660000; border:1px solid #AA0000; margin-bottom: 10px; padding: 3px;
}
.messageStackSuccess { font-family:  Arial, sans-serif; font-size: 12px; background-color: #006600;  border:1px solid #00AA00;}

/* input requirement */

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

/* These are standard sIFR styles... do not modify */

DIV.contactInfo{
	line-height: 0.5;
}