/*
  $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
*/

BODY {
  background: #1E1500 url('images/layout/bodybg.jpg') repeat-x top left;
  color: #B79840;
  font: 0.8em/1.6em arial, verdana, georgia; 
  margin: 0px;
  border: 0px;
  padding: 0px;
  text-align: left; 
}

/** { padding: 0; margin: 0; }*/

.clear { clear: both; }

/* AG ADDITIONS */


h3.error { background: #BD3C13; color: #fff; font-weight: bold;}

IMG.point {
cursor: pointer; 
}
TD.abox {
border: 1px dashed #cccccc;
background: #ffffff;
}
TD.pbox_container {
border: 1px solid #cccccc;
background: #e6e6e6;
padding: 10px 10px 10px 10px;
font: 12px/18px Arial, Verdana, Georgia;
}

#pbox {
width: 164px;
height: 160px;
border: 1px solid #cccccc;
background: #ffffff;
float: left;
margin: 0px 10px 20px 10px;
text-align: center;
font: 11px/14px Arial, Verdana, Georgia;
position: relative;
}
#leftfloat {
float: left;
text-align: left;
}
#pbox h3{
color: #881411;
font: 14px/18px Arial, Verdana, Georgia;
font-weight: bold;
text-transform: capitalize;
margin-top: 10px;
}
.subcat {
color: #881411;
font: 12px/18px Arial, Verdana, Georgia;
font-weight: bold;
text-transform: capitalize;
}
.fleft {
float: left;
margin: 1.0em;
}
.fright {
float: right;
margin: 1.0em;
}
.clearboth {
clear: both;
}
.agnotice {
color: #CC6600;
}

#catlinks {
position: absolute;
bottom: 6px;
left: 4px;
z-index: 20;
}
#catlinks a {
padding-left: 4px;
padding-right: 4px;
}

.categoryheader { float: right; padding: 4px; background: #000; }
.productBox { float: left; margin: 0; padding:1.0em 0; text-align: center; width: 150px; height: 200px; border-left: 1px solid #241A00; border-bottom: 1px solid #241A00;}
.first { border-left: none; }
.productBox a.preview { height: 100px; display: block; }

.featurebox { margin: 0.5em; float: left;}

.large { font-size: 1.3em; font-weight: bold;}
.blockquote { font-size: 1.2em; line-height: 1.6em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin-left: 2.0em; margin-right: 2.0em;}

.contactfield { display: none; }

.prodimage { float: right; background: #241A00; padding: 1.0em; margin: 1.0em;}

/*STOCK TAGS*/

h1, h2 { margin: 0; padding: 0;  }
h1 span, h2 span, h3 span { display: none; }
h2 { color: #B79840; font: 1.2em/1.8em arial, verdana, georgia; text-transform: uppercase; font-weight: bold; margin-top: 2.0em;  }
h3 { font: 1.1em/2.0em arial, verdana, georgia; font-weight: normal; color: #644800; padding: 0 1.0em; margin: 0; background: #241A00; }
h3.vivid { color: #B79840; }
h3 a {color: #644800; }
h3 a:hover { color: #B79840; }
h4 { color: #B79840; font: 1.0em/1.5em arial, verdana, georgia; text-transform: uppercase; font-weight: bold; margin-top: 2.0em; }

p { margin: 0.5em 0.5em 1.5em 0.5em;}

img, div { border: 0; behavior:url("iepngfix.htc"); }

A {
	color: #B79840;
  text-decoration: underline;
}

A:hover {
  color: #ffffff;
  text-decoration: underline;
}

FORM {
	display: inline;
}

FORM.contactform input.text, FORM.contactform textarea { border-left: 1px solid #333; border-top: 1px solid #333; border-bottom: 1px solid #555; border-right: 1px solid #555; background: #B79840;   padding-top: 0.4em; padding-bottom: 0.4em;}



label { font-weight: bold; }

input.button { padding: 0.4em 4px; background: #546123 url('images/layout/button_bg.jpg') repeat-x top left; border: 3px double #546123; border-top-color: #BDC52E; border-left-color: #BDC52E; font-size: 1.2em; cursor: pointer; }
input.button:focus { border: 3px double #BDC52E; border-top-color: #546123; border-left-color: #546123; }

TABLE {
	font-size: 1.0em;
}

.error { background: #241A00; padding: 1.0em; color: #fff;}
tr.error { background: none; padding: none; }


#signature { position: absolute; top: 0; left: 0; z-index: 1;}
#outer-container { position: absolute; top: 0px; left: 400px; background: url('images/layout/outerbg.jpg') no-repeat top left; width: 655px; height: 400px;}
#container { position: relative; left: 60px; width: 830px; z-index: 10;}

#left-column { width: 480px; float: left; }
#header {margin-top: 30px;}
#menu { font-size: 1.3em; margin-top: 1.5em; float: right;}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	
}

#nav a {
	display: block;
	padding: 0 1.0em 0.5em 1.0em;
	color: #C1A045;
	font-weight: normal;
	text-decoration: none;
}
#nav a:hover { text-decoration: none; color: #fff;}

#nav li { /* all list items */
	float: left;
	/*width: 10em;  width needed or else Opera goes nuts */
}

#content { background: #000000; padding: 30px 10px 30px 10px; }



#footer { background: url('images/layout/content_bg.gif') no-repeat top right; width: 100%; padding-top: 30px; color: #644800; margin-bottom: 30px; font-size: 0.9em; line-height: 1.3em;}


#right-column { width: 325px; margin-left: 10px; float: left; position: relative; top: 15px; }
.collage { position: absolute; top: 0; left: 0; }
.collage1 { position: absolute; top: 60px; left: 0;}
.collage-shadows { position: absolute; top: 300px; left: 0; background: url('images/layout/collage_shadows.png'); width: 335px; height: 379px;}
.signature { position: absolute; top: 124px; right: 0px; }
#right-column-content {position: relative; top: 640px; padding: 0 10px 10px 10px;}

#myaccount { color: #C1A045; position: absolute; top: -15px; left: 25px; width: 276px; height: 75px; background: url('images/layout/myaccountbg.gif') no-repeat top left; font-size: 0.8em; z-index: 100;}
#myaccount a { color: #fff; text-decoration: none;}
#myaccount a:hover { color: #C1A045; text-decoration: underline; }
#myaccount #account { padding: 2px 10px; } 
#myaccount #cart { border-top: 1px solid #503A00; padding: 2px 10px; }
#myaccount #cart .smallcheckout { float: right; margin-top: 3px; }

/* END AG ADDITIONS */
.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; }





TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

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 {
  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: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  border: 1px solid #241A00;
}

.infoBoxContents {
  
 
  
}

.infoBoxNotice {
  background: #BD3C13;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000;
 
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  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 {

}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  
}

TABLE.productListing {
  /*border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;*/
   background: #241A00;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background:#5D6924 url('images/layout/thbg.jpg') repeat-x top left;
 
 border-right: 1px solid #000;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.5em;
  color: #000;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
 border-right: 1px solid #000;
    border-bottom: 1px solid #556123;
  
}

A.pageResults {
  color: #BCC52E;
}

A.pageResults:hover {
  color: #B79840;
  background: #241A00;
}

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;
}

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-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: #241A00; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #191200; }

.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 {  }
.messageStackError, .messageStackWarning { color: #000; background-color: #ffb3b5; font-weight: bold;}
.messageStackSuccess { color: #000; background-color: #BCC52E; font-weight: bold; }

/* input requirement */

.inputRequirement { color: #FFCC00; }

/* 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/layout/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/layout/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: #1E1500; }


#galnav { list-style: none; margin: 0; padding: 0;}
#galnav li { float: left; margin: 0.5em; }
#galnav ul { position: absolute; left: -999em;}
#galnav li a { text-decoration: none; padding: 0.25em; background: #241A00;}
#galnav li a:hover { background: #644800;}

#content h2.notop { margin-top: 0; padding-top: 0;}

.indented {margin: 0 0.5em 0 0.5em;}

#foot_menu {float:right;}
#foot_menu ul {margin-top:0;}
#foot_menu li {float:left;
	list-style:none;
	margin:0 .75em;
	color: #644800;}
#foot_menu li a {color: #644800;}
#foot_menu li a:hover {	color: #B79840;}

#ag_credit {float:right;}