/*
  $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
  f8f8f9 -> ffffe8
  996633 -> 996633
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #333333; }
.priceText { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000; font-weight: bold;}
.priceTextHeading { font-family: Verdana, Arial, sans-serif; font-size: 14px; color: #000; font-weight: bold;}
.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: 0px;
  background: #ffffff;
  background-image: url('/images/gradient.jpg');
  background-repeat:repeat-x;
  }

#root {
  position: relative;
  width: 1020px;
  margin: 0px auto;
  background: #ffffff;
  min-height: 500px;
  }

H1 {
  color: #006600;
  text-decoration: none;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 14px;
  margin: 6px 0px 6px 0px;
  padding: 3px 0px 3px 0px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

H2 {
  color: #006600;
  text-decoration: none;
  font-family: Verdana, Arial, sans-serif; 
  font-size: 12px;
  margin: 6px 0px 6px 0px;
  padding: 3px 0px 3px 0px;
  border-top: 0px solid #e2e2e2;
  border-bottom: 0px solid #e2e2e2;
}

A {
  color: #006600;
  text-decoration: none;
  font-weight : bold;
}

A:hover {
  color: #FF0000;
  text-decoration: none;
}

img {
  border-width: 0px;
}

FORM {
  display: inline;
}
/* CEMLI
TR.header {
  background: #ffffff;
} 
TR.headerNavigation {
  background: #996633;
}
TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #996633;
  color: #ffffff;
  font-weight: bold;
  padding: 2px;
}
*/

TR.header {
  background: #FFFFFF;
}

TR.header2 {
  background: #FFFFFF;
  height: 140px;
}

TR.header3 {
  background: #FFFFFF;
  height: 30px;
}

TR.headerNavigation {
  background: #FFFFFF;
  text-transform: uppercase;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #006600;
  color: #ffffff;
  font-weight: bold;
}

A.headerNavigation { 
  color: #ffffff; 
}

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

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: #006600;
}
/* CEMLI
TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #996633;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #996633;
}
*/
TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #004400;
  color: #ffffff;
  font-weight: bold;
}

TD.footerText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ffffff;
  color: #666666;
}

.infoBox {
  background: #dddddd;
}

.infoBoxClear {
  background: #dddddd;
}

.infoBoxContents {
  background: #ffffe8;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #990000;
}

.infoBoxContentsClear {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #990000;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

/* CEMLI
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #996633;
  color: #ffffff;
}
*/
TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #ff0000;
  color: #ffffff;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  border-bottom-color: #ff0000;
  text-transform: uppercase;
}

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: #ffffe8; */
  background: #ffffff;
}

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: #ffffe8;  */
  background: #ffffff;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #e2e2e2;
  border-spacing: 0px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #FF0000;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TD.boxOutline {
  background: #ffffe8;
  border: 1px;
  border-style: solid;
  border-color: #e2e2e2;
  border-spacing: 0px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  color: #006600;
}

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

TD.mainJustify, P.mainJustify {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #994400;
  text-align: justify;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #666666;
}

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: 99%;
  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;
  font-size: 14px;
  font-weight: bold;
}

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

.prod_name { font-family : Verdana, Arial, sans-serif; font-size : 110%; color: #006600; font-weight: bold;}
.prod_general { font-family : Verdana, Arial, sans-serif; font-size : 100%; color: #994400; font-weight: normal; }
.prod_warranty { font-family : Verdana, Arial, sans-serif; font-size : 100%; color: #00ff00; }
.prod_notes { font-family : Verdana, Arial, sans-serif; font-size : 100%; color: #000088; }
.prod_usa { font-family : Verdana, Arial, sans-serif; font-size : 90%; color: #ff0000; font-weight: bold}
.prod_ship { font-family : Verdana, Arial, sans-serif; font-size : 100%; color: #ff0000; }

.fa_h { font-family : Verdana, Arial, sans-serif; font-size : 110%; color: #994400; font-weight: bold; }
.fa_use { font-family : Verdana, Arial, sans-serif; font-size : 100%; color: #994400; text-align: justify; }

/* container for RSS Feeds like from the Elephant Sanctuary */
#container-rss { 
	margin:0px;
	padding:9px 60px;
	border:1px solid #e2e2e2;
}

#container-rss h2 a{
	font:normal 17px Tahoma,Verdana;
	color:#6699cc;
	text-transform:uppercase;
	border-bottom:1px solid #6699cc;
}

#container-rss h3 a{
	font:normal 14px Tahoma,Verdana;
	color:#6699cc;
}

#container-rss p{
	margin-top:3px;
	margin-bottom:3px;
}

/*  Footpanel Code credited to 'http://www.sohtanaka.com/web-design/examples/footer-panel/' */

#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 94%;
	min-width:980px;
	margin: 0 3%;
	font: 10px normal Verdana, Arial, Helvetica, sans-serif;
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px;
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when subpanel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to subpanel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active area on top of the subpanel--*/
	position: relative;
}

#footpanel a.home{	
	background: url(home.png) no-repeat 15px center;
	width: 50px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent--*/
}
a.facebook{	background: url(/icons/facebook_16x16.png) no-repeat center center;  }
a.twitter{ background: url(/icons/twitter_16x16.gif) no-repeat center center; }
a.rssfeed{ background: url(/icons/rss_icon_16x16.gif) no-repeat center center; }
a.zoonatics{ background: url(/icons/zoonatics_16x16.png) no-repeat center center; }
#footpanel a.chat{	
	background: url(/icons/icon_chat.gif) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent--*/
}
a.alerts{ background: url(/icons/giraffe.png) no-repeat center center; }

#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/

#footpanel a small {  /*--panel tool tip styles--*/
	text-align: center;
	width: 70px;
	background: url(/icons/pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%; 
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}

#footpanel ul li div a { /*--Reset link style for subpanel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset link style for subpanel links--*/

#footpanel .subpanel {
	position: absolute;
	left: 0; bottom: 27px;
	display: none;	/*--Hide by default--*/
	width: 198px;
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
	padding-bottom: 2px;
}
#footpanel h3 {
	background: #526ea6;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { 
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;	
	font-weight: normal;
}
#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
}
#footpanel .subpanel li{ 
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}

#chatpanel .subpanel li { background: url(dash.gif) repeat-x left center; } 
#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#chatpanel .subpanel li a:hover {
	background: #3b5998;
	color: #fff;
	text-decoration: none;
}
#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background: url(/icons/icon_delete_x.gif) no-repeat;
	float: right;
	width: 14px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}