/*
  $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 {
  text-align:center;
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

.body {
  width: 800px;
  border:0px;
  background: #ffffff;
  color: #000000;
  margin: auto;
  margin-top: 0px;
  text-align: left;
}

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

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

FORM {
	display: inline;
}
#heading
{
	/*position:relative;
	height:170px;
	background-image:url(images/topMiddleHeader.gif);
 	background-repeat:repeat-x;*/
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background:  #FFFFFF;

   /*#3B2313;*/   
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background:#FFFFFF; /*  #3B2313; */
  color: #751213;
  font-weight : bold;
}

A.headerNavigation { 
  color: #3B2313; 
}

A.headerNavigation:hover {
  color: #751213;
}

TR.headerError {
  background:  #3B2313;
}

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

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

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background:  #3B2313;
  color: #FFFFFF;
  font-weight: bold;
}

.infoBox {
  background: #DBDBDB;
}

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

}

.infoBoxNotice {
  background: #751213;
}

.infoBoxNoticeContents {
  background:  #3B2313;   /*       edited here   */
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #751213;
  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: #ffffff;  /*ljhvjksjavlsjad*/
}

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:  #3B2313;
  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: #452E26;
}

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

TD.pageSubHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-weight:normal;
  color: #9a9a9a;
}

TR.subBar {
  background:  #3B2313;
}

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

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer;  }
.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; }


/* CSS Document */

body
{
	background-color: white;
	/*
	Tan Color: 		#E7D9B9
	Maroon Color:	#923B02
	*/
}

#container
{
	width:1024px;
	height:auto;
	background-color:#C2A683;
	background-image:url(images/backSlice.jpg);
	background-repeat:repeat-y;
	margin:auto;
	border:0px;
	padding:0px;
}

#header
{
	width:1024px;
	height:110px;
	position:relative;
	background:url(images/topFullHeader.jpg) no-repeat;
	border:0px ;
	padding:0px 0px 0px 0px;
	margin:0px;
	text-align:left;
}

* html #header
{
	width:1024px;
	height:110px;
	w/idth:1024px;
}

#logo
{
	z-index:12;
	position:relative;
	left:382px;
	top:-100px;
	background:url(images/logo.png) no-repeat;
	width:250px; 
	height:164px;  
}


* html #logo
{
	z-index:12;
	position:relative;
	left:-2px;
	l/eft:382px; 
	top:-115px;
	t/op:-100px;
	background:url(images/logo.gif) no-repeat;
	width:250px;
	height:164px;
	clear:both; 
}



#logo2
{
	z-index:12;
	position:relative;
	left:382px;
	top:-115px;
	background:url(images/logo.png) no-repeat;
	width:250px;  /*243px;*/
	height:164px;  /*152px;*/
}

* html #logo2
{
	z-index:12;
	position:relative;
	left:-2px;
	l/eft:382px;
	top:-112px;
	background:url(images/logo.gif) no-repeat;
	width:250px;
	height:164px;
	clear:both;
}

#content2
{
	position:relative;
	display:block;
	margin:-164px 0px 0px 13px;
	
	background-color:#FFFFFF;
	text-align:left;
	color:#442D25;
	font-size:14px;
	width:998px;
	height:auto;
	overflow:visible;
	padding:0px;
	padding-top:30px;
}

/* another hack for IE5.5 */
* html #content2
{
		text-align:left;
	color:#442D25;
	font-size:14px;

	top:-153px;
	t/op:-143px;
	padding-top:50px;
	margin:0px;
	m\argin-left:13 px;
}

#content2 h4
{
	text-align:left;
	color:#751213;
	font-family:Arial, Helvetica, sans-serif;
	padding:70px 10px 0px 20px;
	font-weight:bold;
	font-size:16px;
	background-color:#FFFFFF;
}

*html #content2 h4
{
	text-align:left;
	color:#751213;
	font-family:Arial, Helvetica, sans-serif;
	padding:70px 10px 0px 20px;
	font-weight:bold;
	font-size:16px;
	background-color:#FFFFFF;
}
#content2 h1
{
	text-align:left;
	color:#442D25;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 10px 0px 20px;
	font-weight:bold;
	font-size:24px;
	background-color:#FFFFFF;
}

*html #content2 h1
{
	text-align:left;
	color:#442D25;
	font-family:Arial, Helvetica, sans-serif;
	padding:0px 10px 0px 20px;
	font-weight:bold;
	font-size:24px;
	background-color:#FFFFFF;
}

#content2 h3
{
	text-align:left;
	color:#751213;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 10px 0px 20px;
	font-weight:bold;
	font-size:16px;
}

* html #content2 h3
{
	text-align:left;
	color:#751213;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 10px 0px 20px;
	font-weight:bold;
	font-size:16px;
	padding-top:0px;
	p/adding-top:10px;
}

#content2 p
{
	margin:0px 20px 10px 20px;
	text-align:left;
	color:#442D25;
	font-size:14px;
	padding-bottom:10px;
	/*border-bottom:2px dotted #442D25;*/
}


#content
{
	position:relative;
	/*display:block;*/
	margin:-180px 12px 0px 12px;
	background-color:#FFFFFF;
	border-left:300px solid #452E26;
	border-right:200px solid #FFFFFF;
	border-top:0px solid #FFFFFF;
	overflow:visible;
	padding:0px;
}

* html #content
{
	top:0px;
	t/op:-180px;
	background:#FFFFFF;
	margin-top:-150px;
	m/argin-top:-30 px;
	
	margin-left:13px;
	m/argin-left:13 px;
}

#content h4
{
	text-align:left;
	color:#751213;
	font-family:Arial, Helvetica, sans-serif;
	padding:80px 10px 0px 20px;
	font-weight:bold;
	font-size:16px;
	background:#FFFFFF;
}

*html #content h4
{
	text-align:left;
	color:#751213;
	font-family:Arial, Helvetica, sans-serif;
	padding:80px 10px 0px 20px;
	font-weight:bold;
	font-size:16px;
	background:#FFFFFF;
}

#content h3
{
	text-align:left;
	color:#751213;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 10px 0px 20px;
	font-weight:bold;
	font-size:16px;
}

* html #content h3
{
	text-align:left;
	color:#751213;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px 10px 0px 20px;
	font-weight:bold;
	font-size:16px;
	padding-top:0px;
	p/adding-top:10px;
}

#content p
{
	margin:0px 20px 10px 20px;
	text-align:left;
	color:#442D25;
	font-size:14px;
	padding-bottom:10px;
	border-bottom:2px dotted #442D25;
}

#feature
{
	float:right;
	position:relative; 
	width:200px;
	margin-right:-199px;
	text-align:center;
	color:#442D25;
	padding:0px;
	padding-right:0px;
	display:inline;
	background-color:#FFFFFF;
	padding-top: 100px;
}

#feature h3
{
	text-align:center;
	color:#442D25;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px 0px 10px 0px;
	padding:0px;
	font-size:16px;
}

#feature h5
{
	text-align:center;
	color:#442D25;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0px 10px 0px;
	padding:0px;
	font-size:12px;
}

#feature p
{
	text-align:center;
	padding:10px;
	padding-top:10px;
	font-size:14px;
	border:none;
}

#feature img
{
	margin-top:15px;
}

#aboutUs
{
	float:left;
	position:relative;
	width:300px;
	margin:0px;
	padding:0px;
	margin-left:-300px; 
	display:inline;
	background-color: #442D25;
}

#aboutUs h2
{
	text-align: left;
	font-size: 16px;
	letter-spacing: 1.5px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; 
	padding: 20px;
	color: #EBF5F6;
	padding-top: 0px;
	padding-bottom: 0px;
}

#aboutUs p
{
	text-align: left;
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	font-size:.75em;
	color: #FFFFFF;
}

#footer
{
	position:relative;
	padding:0px;
	margin:0px;
	height:30px;
	width:1024px;
	background:url(images/bottom.jpg) no-repeat;
	clear:both;
}

* html #footer
{
	clear:both;
	top:0px;
	left:-30px;
	t/op:-143;
}

#footer2
{
	position:relative;
	padding:0px;
	margin:0px;
	height:30px;
	width:1024px;
	background:url(images/bottom.jpg) no-repeat;
	clear:both;
}

* html #footer2
{
	left:0px;
	top:0px;
	t/op:-143px;
}

#footerNav
{
	position:relative;
	width:1024px;
	background-image:url(images/backFooter.jpg);
	background-repeat:repeat-y;
	text-align:center;
	padding:5px 15px 15px 15px;
}


* html #footerNav
{
	position:relative;
	width:1024px;
	background-image:url(images/backFooter.jpg);
	background-repeat:repeat-y;
	text-align:center;
	padding:5px 15px 15px 15px;
	top:0px;
	left:0px;
}

#footerNav a
{
	text-decoration:none;
	color:#452E26;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}	

#footerNav2
{
	position:relative;
	width:1024px;
	background-image:url(images/backFooter.jpg);
	background-repeat:repeat-y;
	text-align:center;
	padding:5px 15px 15px 15px;
}


* html #footerNav2
{
	position:relative;
	width:1024px;
	background-image:url(images/backFooter.jpg);
	background-repeat:repeat-y;
	text-align:center;
	padding:5px 15px 15px 15px;
	top:0px;
	left:-15px;
}

#footerNav2 a
{
	text-decoration:none;
	color:#452E26;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}	

.menu 
{
	width:1024px; 
	height:36px; 
	font-size:0.80em; 
	position:relative; 
	margin:-26px 0px 0px 0px; 
	padding:0px;
	padding-left:0px;
	z-index:10;
	background-image:url(images/backSlice.jpg);
	background-repeat:repeat-y;
}

/* hack to correct IE5.5 faulty box model */
* html .menu 
{
	width:1001px; 
	w\idth:1024px;
	padding:0px;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul 
{
	padding:0px;
	padding-left:2px;
	margin:0px;
	list-style-type:none;
}

.menu ul ul
{
	width:204px;
	/*margin-top:-2px;*/
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li 
{
	float:left;
	width:204px;
	position:relative;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; 
}

/* style the links for the top level */
.menu a, .menu a:visited 
{
	display:block;
	font-size:14px;
	letter-spacing:2px;
	text-decoration:none; 
	color:#FFFFFF; 
	width:204px;
	height:26px;
	background:#751213;
	line-height:26px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited
{
	width:204px;
	w\idth:204px;
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited 
{
	background:#000000;
}

/* style the second level hover */
.menu ul ul a.drop:hover
{
	background:#000000;
}

.menu ul ul :hover > a.drop
{
	background:#C2A683;
}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited 
{
	background:#751213;
}

/* style the third level hover */
.menu ul ul ul a:hover
{
	background:#C2A683;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul 
{
	visibility:hidden;
	position:absolute;
	height:0px;
	top:26px;
	left:0px;
	width:204px;
}

/* another hack for IE5.5 */
* html .menu ul ul
{
	top:26px;
	t/op:26px;
}

/* position the third level flyout menu */
.menu ul ul ul
{
	left:204px;
	top:-1px;
	width:204px;
}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left
{
	left:-204px;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table 
{
	position:absolute;
	top:0px;
	left:0px;
	border:0px;
	border-collapse:collapse;
}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited 
{
	background:#751213;
	color:#FFFFFF;
	font-size:11px;
	height:auto;
	line-height:1em; 
	padding:5px 0px; 
	width:204px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited 
{
	width:204px;
}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover
{
	color:#751213;
	background:#C2A683;
	text-decoration:none; 
}

.menu :hover > a, .menu ul ul :hover > a 
{
	color:#751213;
	background:#C2A683;
	text-decoration:none; 
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul
{
	visibility:visible;
	text-decoration:none; 
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul
{
	visibility:hidden;
	text-decoration:none; 
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul
{
	visibility:visible;text-decoration:none; 
}

#divclearer
{
	clear:both;
}