/*
  $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 	{color: #636369; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 0px;}
TD		{color: #636369; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
INPUT,
TEXTAREA,
SELECT	{border: solid 1px #d5d5dd; color: #636369; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 2;}
INPUT.chkbox	{border: none;}
INPUT.radbtn	{border: none;}
A 		{color: #cc0000; text-decoration: none;}
A:hover {color: #cc0000; text-decoration: underline;}
FORM 	{display: inline;}
LI		{margin-bottom: 4;}

.ctr	{text-align: center;}
.right	{text-align: right;}

DIV.cleardiv			{clear: both; height: 0; font-size: 0px; position: relative;}
DIV.container			{clear: both; position: relative; text-align: center;}
DIV.containertop		{border-top: solid 1px #d5d5dd; clear: both; position: relative; text-align: center;}
DIV.containerinfo		{clear: both; margin: 4 0 4 0; position: relative; text-align: center;}

DIV.section				{clear: both; margin: 0px auto; position: relative; text-align: left; width: 760px;}
DIV.inner				{}

DIV.logobar			{clear: both; height: 80px; position: relative;}
DIV.logo			{float: left; position: relative; width: 100px;}
DIV.topnav			{float: left; height: 14px; position: relative; text-align: right; top: 5px; vertical-align: bottom; width: 660px;}
DIV.search			{clear: both; height: 30px;}
DIV.topnavitems		{clear: both; position: relative; top: 30px;}
DIV.topnavitem		{float: right; position: relative;}

DIV#hdr						{height: 24px;}
DIV#hdr DIV.nav				{clear: both; position: relative;}
DIV#hdr DIV.navitem			{border-bottom: solid 2px #FFFFFF; float: left; position: relative;}
DIV#hdr DIV.navitemselected	{border-bottom: solid 2px #CC0000; float: left; position: relative;}

DIV#subnav			{border-top: dotted 1px #CCCCCC; border-bottom: solid 1px #CCCCCC; clear: both; height: 58px; position: relative; text-align: center;}
DIV#subnav DIV.subcatitem				{border: solid 1px #FFFFFF; float: left; position: relative; top: 4px;}
DIV#subnav DIV.subcatitemselected		{border: solid 1px #afafaf; float: left; position: relative; top: 4px;}

DIV#pagehdr			{background: url(images/pagehdrbg.gif) repeat-x; border-top: solid 1px #d5d5dd; border-bottom: solid 1px #d5d5dd; clear: both; height: 58px; position: relative; text-align: center;}
DIV#pagehdr DIV.header	{left: 10px; position: relative; top: 24px;}

DIV#cart		{margin-top: 20px;}
DIV#cart TABLE	{}
DIV#cart TH		{background: #cdcdcf; color: #6f6f6f; font-size: 9px; padding: 3px; text-transform: uppercase;}
DIV#cart TD		{border-bottom: solid 1px #d5d5dd; font-size: 10px; padding: 3px;}

DIV.ftr		{margin-top: 20;}
DIV.ftrbar	{border-top: solid 1px #d5d5dd; clear: both; font-size: 0px; height: 1px; position: relative; top: 2px;}
DIV.ftrnav	{color: #99999F; font-size: 9px; margin: 4 0 10 0; text-align: center; text-transform: uppercase;}
A.ftrnav	{color: #99999F; padding: 0px 8px 0px 8px;}

DIV#containerHomeImg		{background: #d6d6e7 url(images/homebg.gif) top center; clear: both; height: 300px; position: relative; text-align: center;}
DIV#containerHomeBnrs		{clear: both; height: 100px; position: relative; text-align: center;}
DIV#containerHomeBnrs DIV.banner	{float: left; height: 120px; position: relative; top: 10px;}
DIV#containerHomeBnrs DIV.bnr2		{left: 5px;}
DIV#containerHomeBnrs DIV.bnr3		{left: 10px;}

DIV.paginate		{clear: both; height: 40px; position: relative; text-align: center;}
DIV.paginatetop		{position: relative; top: 10px;}
DIV.paginatebtm		{position: relative; top: 10px;}
A.pageResults			{border: solid 1px #CCCCCC; color: #666666; padding: 4px 6px 4px 6px;}
A.pageResults:hover		{border: solid 1px #66666F; color: #333333; padding: 4px 6px 4px 6px; text-decoration: none;}
SPAN.pageResultsCurrent	{border: solid 1px #cc0000; color: #cc0000; padding: 4px 6px 4px 6px;}

DIV.productlist				{clear: both; position: relative;}
DIV.productlistitem			{float: left; height: 280px; position: relative; text-align: center; width: 200px;}
DIV.productlistitemspacer 	{float: left; height: 280px; position: relative; width: 70px;}
A.productlistname			{font-size: 12px; font-weight: bold;}
SPAN.productlistclearance	{color: #FFcc00; font-family: verdana, arial, helvetica, system; padding: 2px;}

SPAN.prodname		{color: #69696f; font-size: 18px; font-weight: bold;}
SPAN.prodsku		{color: #FFCC00; font-size: 9px;}
SPAN.prodprice		{font-size: 14px;}
SPAN.prodSalePrice	{font-size: 14px;}
SPAN.prodDate		{color: 9c9c9f; font-size: 10px;}

DIV.heading			{margin-top: 20;}
DIV.fieldtitle		{color: #66666f; font-size: 11px; margin-top: 10;}
DIV.field			{}
DIV.fieldnote		{font-size: 11px; margin-top: 10;}
DIV.fieldbtn		{margin-top: 10;}

INPUT.search		{font-size: 11px; width: 150px;}
INPUT.signin		{width: 200px;}
INPUT.btn			{border: none;}
DIV.infodivider		{border-bottom: dotted 1px #d6d6e7; height: 20px;}
DIV.infoimgcol		{float: left; left: 4px; position: relative; vertical-align: top; width: 400px;}
DIV.infotextcol		{border: dotted 1px #d6d6e7; float: left; left: 8px; position: relative; vertical-align: top; width: 348px;}
DIV.infotextinner	{padding: 0 10 10 10;}
DIV.infotext		{margin-top: 10;}

DIV.orderhistoryitem	{clear: both; border: dotted 1px #CCCCCC; margin-top: 4px; position: relative; }
SPAN.thankyou		{font-size: 14px;}
DIV.alsopurchased	{clear: both; margin-top: 10px; position: relative; text-align: center;}
A.alsopurchased		{font-size: 11px; font-weight: bold;}

DIV.invoicerow1	{clear: both; height: 60px; position: relative;}
DIV.invoicerow2	{clear: both; height: 110px; position: relative;}
DIV.invoicerow3	{clear: both; height: 60px; position: relative;}

/* message box */
DIV.errmsg			{border: solid 1px #d5d5dd; clear: both; position: relative; margin-top: 10; width: 338px;}
.messageBox 		{font-family: Verdana, Arial, sans-serif; font-size: 11px; }
.messageStackError		{color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 11px; padding: 4px; background-color: #ffb3b5; }
.messageStackWarning 	{color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 11px; padding: 4px; background-color: #fffea0; }
.messageStackSuccess 	{color: #000000; font-family: Verdana, Arial, sans-serif; font-size: 11px; padding: 4px; background-color: #8def8d; }

/*  */
.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; }
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }