/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { padding: 20px 18px; }
.errorBox { font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size : 10px; color: #70d250; text-decoration: underline; }

FORM {
	display: inline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.infoBox {
  background: #A9D969;
}

.infoBoxContents {
  background: #EAF4DC;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}

TD.infoBoxHeading {
	background: url(images/infobox/c_bg.gif) left top repeat-x;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

TD.infoBox, SPAN.infoBox {
  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: #EAF4DC;
}

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: #EAF4DC;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #A9D969;
  border-spacing: 1px;
}

.productListing-heading {
  background: url(images/infobox/c_bg.gif) left top repeat-x;
  color: #FFFFFF;
  font-weight: bold;
	height: 21px;
}
.productListing-heading a { color: #FFFFFF; }

TD.productListing-data {
}

A.pageResults {
  color: #EF1B3E;
}

A.pageResults:hover {
  color: #EF1B3E;
}

TD.pageHeading, DIV.pageHeading {
	background: url(images/ctbg.jpg) left top no-repeat;
	color: #EF1B3E;
	font-family: "Times New Roman";
  font-size: 24px;
	padding: 16px 0 0 0;
	text-align: center;
}
TD.pageHeading {
	height: 60px;
	vertical-align: top;
}
DIV.pageHeading {
	height: 60px;
}
html>body DIV.pageHeading {
	height: 44px;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 10px;
  color: #000000;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 10px;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-size: 11px;
}

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #F10F35;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

SPAN.errorText {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-size: 10px; color: #ff0000; }



body { background: #F1F7ED url(images/mt.gif) left top repeat-x; margin: 0; padding: 0; }
body, td { color: #0B1317; font-family: Tahoma; font-size: 11px; }
a { color: #EF1B3E; text-decoration: underline; }
a:hover { text-decoration: none; }
p { margin: 0 0 1em 0; }

#main { margin: 20px auto 0 auto; width: 797px; }

	#header { height: 225px; }
		
		.hbg { background: url(images/hbg.jpg) left top no-repeat; }
		
		.hbg_h { background: url(images/hbg_h.jpg) left top no-repeat; }
	
	#menu { margin: 0; padding: 193px 0 0 258px; }
	#menu li { display: inline; float: left; list-style: none; padding: 0 25px 0 0; }
	
	#left { background: url(images/lt2.gif) left top repeat-y; vertical-align: top; width: 212px; }
	
		.l_bg { background: url(images/l_bg.gif) left top no-repeat; padding: 42px 10px 5px 29px; }
		.l_bg ul { margin: 0; padding: 0; }
		.l_bg li { font-family: "Times New Roman"; list-style: none; }
		.l_bg li a { background: url(images/li.gif) 4px 4px no-repeat; color: #000000; display: block; font-size: 13px; font-weight: bold; line-height: 18px; padding: 0 0 0 22px; text-decoration: none; }
		.l_bg li a:hover { background: #FAA9AD url(images/li2.gif) 4px 4px no-repeat; color: #EF1B3E; }
		
	#center { padding: 10px 5px 0 0; vertical-align: top; }
	
	#footer { background: url(images/fbg.gif) left top no-repeat; padding: 24px 0 0 0; margin: 0 0 1em 0; text-align: center; }	



.b { font-weight: bold; }

.block { background: #FACED0; display: table; padding: 4px 10px 4px 5px; }
.block img { margin: 0 8px 0 0; vertical-align: middle; }

.bottom_corners { margin: 0 -1px -1px -1px; position: relative; }

.c_form td { vertical-align: top; }
.c_form input { width: 196px; }
.c_form input, .c_form textarea { background: #F7FBF1; border: 1px solid #94D243; font-family: Tahoma; font-size: 11px; margin: 0 0 8px 0; }
.c_form span { color: #EF1B3E; }
.c_form textarea { height: 98px; overflow: auto; width: 210px; }
.c_form .button { border: 0 none; height: 21px; width: 71px; }

.f14 { font-size: 14px; }

.fh { height: 100%; }

.fw { width: 100%; }

.list { margin: 0; padding: 0; }
.list li { background: url(images/li3.gif) left top no-repeat; list-style: none; padding: 0 0 1em 25px; }

.product { text-align: center; vertical-align: top; }
.product .box { background: #FFFFFF; display: table; height: 149px; margin: 2px auto; padding: 1px; width: 115px; }
.product .box .productName { font-size: 11px; }

.productPic { background: #FFFFFF; border: 1px solid #94D243; height: 132px; padding: 6px 0 0 0; width: 166px; }

.productName { font-size: 12px; }

.productName a { color: #F10F35; text-decoration: none; }

.productPrice { color: #629F3D; font-size: 12px; font-weight: bold; }

.txt {
 padding: 18px 18px 18px 10px;
}



/* bg */

.lbg, .rbg { vertical-align: top; }
.lbg { background: #FFFFFF url(images/lt.gif) left top repeat-y; width: 9px; }
.rbg { background: #FFFFFF url(images/rt.gif) right top repeat-y; text-align: right; width: 14px; }

.cbg { background: #FFFFFF url(images/cbg.gif) left top repeat-x; height: 100%; vertical-align: top; }

.lmbg { background: url(images/lmbg.gif) left top repeat-y; display: table; margin: 2px 0 0 0; width: 172px; }
.ltbg { background: url(images/ltbg.gif) left top no-repeat; }
.lbbg { background: url(images/lbbg.gif) left bottom no-repeat; height: auto!important; height: 180px; min-height: 180px; padding: 10px 7px; }

.lmbg2 { background: url(images/lmbg2.gif) left top repeat-y; margin: 10px 0 5px 8px; width: 140px; }
.ltbg2 { background: url(images/ltbg2.gif) left top no-repeat; }
.lbbg2 { background: url(images/lbbg2.gif) left bottom no-repeat; padding: 5px 0; text-align: center; }

.ctbg { background: url(images/ctbg.gif) left top no-repeat; }
.cmbg { background: url(images/cmbg.gif) left top repeat-y; vertical-align: top; }
.cmbg2 { background: url(images/cmbg2.gif) left top repeat-x; margin: 0 1px; display: table; width: 555px; }
html>body .cmbg2 { width: 527px; }
.cmbg2_h { background: url(images/cmbg2_h.gif) left top repeat-x; margin: 0 1px; }
.cbbg { background: url(images/cbbg.gif) left bottom no-repeat; }

.r_img { margin: 182px 0 0 730px; position: absolute; z-index: 5; }
.r_img_h { margin: 237px 0 0 778px; position: absolute; z-index: 5; }