@charset "utf-8";
/*
  $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
*/

div, 
h1, h2, h3, 
a,
ul, ol, dl, dt, dd, 
form, img, iframe { margin:0px; padding:0px; border: 0; }
img, form { display:inline; }
a { color: #333333; text-decoration: none; }
a:hover { color: #AABBDD; text-decoration: underline; }
table { border:none; }

header, section, footer, aside, nav, article, figure { display: block; }

body {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align:center;
	margin: 0; padding:0;
	background:url(../images/seal.png) bottom right no-repeat;
}

* {	font-size: 10px; font-family: Verdana, Geneva, sans-serif; }

h1 {
	font-family: Arial,Tahoma,Verdana; font-weight: bold; font-size: 16px; color: #660066;
	margin: 1px 0px 10px 0px; padding-bottom: 1px; 
	border-bottom: #c69  1px solid;
}
h1 a { 
	font-family: Arial,Tahoma,Verdana; font-weight: bold;
	font-size: 16px !important; color: #660066 !important; text-decoration:none !important;
}
h3 { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;	font-size: 11px; font-weight: bold; color: #606;
	line-height:normal; margin:.25em 0 0.5em 0; padding:2px 0; overflow:auto;
	border:1px solid #c69; border-width:0 0 1px 0;
}
h3 a, h3 a:visited { font-size:11px; color:#660066; text-decoration:none !important; 
}


/* container */
#container { margin:0px auto 0 auto; padding:22px 0 0 0; text-align:left; width:950px; position:relative; } 
/* header */
/* header */
#container header {	width:950px; height:90px; margin:0 auto; padding: 0px; text-align:left;
	 border-top:#940070 solid 1px; }
#container header h1 { float:left; width:365px; height:90px; margin:0px; background-image:url(../images/site-logo.jpg); border:none; }
#container header h1 a { width:365px; height:90px; display:block; text-indent: -9999px; }
#container header a#shipping { float:right; width:355px; height:60px; margin-top:10px;
 background:url(../images/banners/free-shipping-a.gif) right no-repeat;
 display:block; text-indent: -9999px; }
/* header */

/* system info & error messages */
#error_message { margin:5px 0; padding:1em; color:#F00; font-weight:bold; border:#F00 1px solid; }
#info_message  { margin:5px 0; padding:1em; color:#F60; font-weight:bold; border:#F60 1px solid; }

/* Main Navigation */

#nav-table { clear:both; margin:0; padding:0; height:25px; width:950px; 
	border-top:5px solid #990066; border-bottom:1px solid #990066;}

#container #main-navigation { position:absolute; width:950px; top:0px; left:0px; padding:0px; height:2em; }
#main-navigation * { margin:0px 0px; padding:0px 0px; }

#main-navigation ul {	position:absolute; right:5px; list-style:none; }
#main-navigation ul li { display:inline; }
#main-navigation ul li a { 
  display:inline-block;
	color: #333333; font-size:10px; font-weight:bold;
	margin:1px 4px;
	padding:4px 4px 4px 2px; 
}
#main-navigation ul li a:hover { font-size:10px; color:#F00; text-decoration:none; }
#main-navigation ul li a:visited { color: #333333; font-size:10px; }

#nav-table #breadcrumb { display:inline; padding:5px 10px; float:left; }
#nav-table #breadcrumb .headerNavigation { font-size: 1em; }
#nav-table #breadcrumb a.headerNavigation { color: #333333; font-size:1em; font-variant: small-caps; font-weight:bold; }
#nav-table #breadcrumb a.headerNavigation:hover { color:#FF0000; font-size:1em; text-decoration:underline; }

/* optional navigation */
#optional-nav ul { text-align:center; list-style-type: none; margin: 0px; padding: 10px 0px; }
#optional-nav ul li { display: inline; margin: 0px; padding: 0px; }
#optional-nav ul li a { padding: 0px 10px; }
#optional-nav ul li a { font: 10px Tahoma, Verdana, Helvetica, sans-serif; font-weight:bold; color: #870373; text-decoration: none; }
#optional-nav ul li a:hover { text-decoration:underline; color:#FF0000; }
#optional-nav ul li a:visited { color: #870373; }

/* Search Block */

#block_search { margin: 0 0; float:right; /* 50px; */}
#block_search p { padding: 0 0 0 0; margin: 0; float:right; }

/* Sidebar */
#container nav { float: left; width: 210px; padding: 0px 0px; margin: 10px 5px 10px 5px; }
#container nav .box-info { margin-bottom:15px; }
#container nav .side-item { margin-bottom:10px; }
#container nav h2 { font:1.5em Arial, Helvetica, sans-serif; margin:.2em 1em .4em 0; padding:0 .4em;
	color:#333366 /*870373*/; border-bottom:1px solid #870373; font-weight:bold; } 
#container nav ul { margin:.5em; /* border:#393 dotted 1px; */ }
#container nav li { font-size:1em;
		 margin:1px 0px; list-style:none; padding:.2em 0 .2em 1em; 
	   background:url(../images/icons/square_bullet.gif) left no-repeat; }
#container nav li a, #container nav li a:visited { text-decoration:none; color:#870373; }
#container nav li a:hover { text-decoration:underline; color:#F00; }

#container nav .box-cart li { background-image:none; margin-right:1em; padding:.2em 0 .2em 0em; }
#container nav .textBox { padding-left: 0px; }
#container nav * img { display:inline; }
/* sidebar */

/* Main Content */
#main-content { padding: 0px 0px 10px 0px; margin: 10px 5px 10px 0px; width:710px; position:relative; float:right; } 

/*
#main-content h1, #main-content h1 a {
	color: #660066; 
	margin: 1px 0px 10px 0px; 
	padding-bottom: 1px; 
	font-size: 16px; 
	font-family: Arial,Tahoma,Verdana;  font-weight: bold;
	border-bottom: #CCCCFF  1px solid;
}
#main-content h1 a, #main-content h1 a:visited { text-decoration:none; }

#main-content h3 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px;
	margin-bottom: 1px;
	font-weight: bold;
	color: #003366;
	line-height: 20px;
}
*/
/* contact page */

#container #main-content .section { float:left; width: 98%; padding-left:10px; }

dl#contact { margin:10px 0px; padding:0px 0px; }
dl#contact dt, dl#contact label {
	font-size:1em;
	color:#999999;
	width: 14em;
  float:left;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	clear:left;
}
dl#contact dd  { font-size:1em; margin: 0px 0px 10px 14em; padding: 0px 0px; }

label.contact {
	font-size:10px;
	color:#999999;
	width: 14em;
  float:left;
	margin: 0px 0px 10px 0px;
	padding: 2px 0px;
	clear:left;
}
input.contact {
	font-size:10px;
	margin: 0px 0px 10px 0em;
	padding: 2px 0px;
  float:left;
}

#container #main-content .section input[type="text"] { /*display:inline;*/ width:20em; }
#container #main-content .section textarea { display:inline; width:37em; }

/* contact page */

.subHeader {
  font-size:12px;
	font-weight: bold;
  font-variant:small-caps;
	color: #660033;
  display:inline;
}


.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.headerNavigation { background: #bbc3d3; }
td.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}
A.headerNavigation { color: #FFCC00; }
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.footer { background: #bbc3d3; }
TD.footer { 
	font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox { }
.infoBoxContents { font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px; }
/*.infoBoxContents p { margin: 0px 0px 2px 5px; padding: 0px 0px 0px 0px; }
.infoBoxContents p a { color:#660033; }
.infoBoxContents p a .selected { font-weight:bold; } */
.infoBoxNotice { background: #FF8E90; }
.infoBoxNoticeContents { background: #FFE6E6; font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.infoBoxHeading {
	font-size: 12px;
	font-weight: bold;
	color: #4635e3;
	padding: 2px 0px 2px 0px;
	font-variant: small-caps;
}

.boxText p {
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	padding: 0px 0px 0px 1em;
	margin: 0px 0px .5em 0px; 
}
.boxText p { line-height:1.2; }
.boxText p a { color:#660033; }
.boxText p a .selected { font-weight:bold; }

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; /* f8f8f9 */
}

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: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  background: #151116; /* #b6b7cb; */
  color: #FFFFFF;
  font-weight: bold;
}

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

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

.pageHeading, TD.pageHeading, DIV.pageHeading {
	color: #660066 /*  #4635e3 #DA0008*/; 
	margin-top: 1px; 
	padding-bottom: 1px; 
	margin-bottom: 0px;
  margin-left: 5px; 
	margin-right: 20px; 
	font-size: 16px; 
	font-family: Arial,Tahoma,Verdana;  font-weight: bold;
	border-bottom: #CCCCFF  1px solid;
}

td.smallText, SPAN.smallText, P.smallText { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 10px; line-height:1.2; }
td.main, p.main { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; line-height: 1.3; }

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: Arial, Verdana, 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.markProductOutOfStock { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; color: #c76170; font-weight: bold; }
SPAN.productSpecialPrice { color: #ff0000; font-weight:bold; }
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: #333333; }

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

/* account */

/* crate account and shipping address */
.formArea { background-color: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
.formAreaTitle { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; font-weight: bold; }
/* crate account and shipping address */

/* **************************************************************** */
name {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	color: #666666;
	display: block;
	padding: 5px;
}

.price, div.rice {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	font-weight: bold;
	color: #393939; /* 9a9a9a */
}

/* -- new---- */

.note-red 
{
	text-align:center;
	font-weight:bold;
	color:#FF0000;
	border:double 1px #CC0000;
	padding: 10px 10px;
	clear:both;
	font-variant: small-caps;
}

.visible-link { text-decoration: underline; }
.ingredients {
	color:  #9966CC;
	font-family: Verdana, Tahoma, Arial;
	/*	font-weight: bold; */
	font-size: 10px;

	margin: 20px 0px 10px 0px;
	padding: 0px 10px 0px 10px;
	border-left:solid 1px #FF99CC;
	border-right:solid 1px #FF99CC;
}

.headlines {
/*
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px; */
	font-weight:bold; 
	color:#000066; 
}

/* search blcock on the top of the page */
form { margin: 0; padding: 0; border: 0; display:inline; }
input, textarea, select {	
	border: 1px solid #000; color: #666666; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif; }
/* search blcock on the top of the page */

.fltrt { float: right; margin: 0px 0px 0px 8px; }
.fltlft { float: left; margin-right: 8px; }
.clearer { height:0px; display:block; clear:both; margin: 0 0; padding: 0 0; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

.prodlist { padding:2px; }
.note { color: red; font-weight:bold; }

/* ------------------------------------------------------------------------------- */

/* produc list */
/*
#main-content h3.list-prod-name {
	padding: 0px 0px;
	margin: 5px 0px;
  border:none; 
}
#main-content h3.list-prod-name a {
	font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
	font-weight:bold;
  color:#660066;
}
*/
/* categories style */
div#cat-description { margin:0px 0px 10px 0px; padding:0 0 10px 0; border-bottom:1px solid #CCC; }
div#cat-description p { font:1.1em/1.5 Tahoma, Geneva, sans-serif; text-align:justify; margin:5px 5px 5px 5px; padding:0px; }
div#cat-description p>strong { font-weight:bold; text-decoration:underline; }
div#cat-description ul { margin:5px 5px 5px 5px; padding:0px; }
div#cat-description ul li { font:1.1em/1.5 Tahoma, Geneva, sans-serif; text-align:justify; margin-left:2em; }
#cat-description img { margin:0px 0px 0px 10px; float:right; }
div#cat-description ul { list-style:square; list-style-position:outside; }

/*misc*/
.buttonRow { margin: 0.5em; padding:0.5em; border:1px solid #C6F; }
.forward { float: right; }
.back { float: left; }
.rounded { 
	border:1px solid #C6F; 
 	-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important;  border-radius: 4px !important;
}
.button-right { border:1px solid #C39; }

/* info page */
#info-page fieldset { margin:2em 0px; padding:0px 1em; border:1px solid #CCC; 
	-moz-border-radius: 4px !important; -webkit-border-radius: 4px !important;  border-radius: 4px !important;}
#info-page legend { font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold; color:#900; }
#info-page p { font-size:1em; line-height:1.5; text-align:justify; color:#666; }
#info-page p strong { /* text-transform:uppercase; */ font-weight:bold; color:#900; }
#info-page ul { margin:1em 0 1em 2em; padding:0px 0px; list-style:square; list-style-position:outside; }
#info-page ul li { font-size:1em; line-height:1.5; text-align:justify; color:#666; }
#info-page a, #main-content a:visited { text-decoration:underline; }


/* site map */
div#sitemap { }
div#sitemap ul.sitemap { margin:0; padding:0; }
div#sitemap ul.sitemap { color:#F00; margin:0 1em; padding:0; }
div#sitemap ul.sitemap li, 
div#sitemap li.product { width:100%; clear:both;border:none; margin:0 2em; padding:2px 0; /* list-style:none; */ color:#660066; }
div#sitemap li.product a, div#sitemap li.product a:visited { 
/*  background:url(../images/icons/pointer_blue_light.gif) left no-repeat;  */
	margin:0; padding:0; color:#666; text-decoration:none; }
div#sitemap li.category a, div#sitemap li.category a:visited { 
  background:url(../images/icons/pointer_blue.gif) left no-repeat; margin:0; padding:0 2em; color:#666; text-decoration:none; }

/* jQuery support */
.highlight, .highlight a { background-image:url(../images/icons/highlight.gif) !important; background-color:#FFF !important; }
.highlight-selected { background-image:url('../images/highlight-selected.gif') !important; }
.striped, .striped a { color:#006; /* background-image:url(images/highlight.gif); */ }
tr.striped { background-image:url(../images/item-background.jpg); /*border-bottom:1px solid #FEF; border-top:1px solid #FEF;*/ }
.striped a { color:#006; }
div.striped { background-image:url(../images/item-background.jpg);  }
div.striped img { border:1px solid #CCC; }

/* added sep 19, 2010 */
fieldset.products-group { 
	border:1px solid #c69; 
	margin:0 0 20px 0;
	padding:10px;
	border-radius:5px;
}
fieldset.products-group legend { 
	font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; font-style:italic;
	color:#936;
	padding:0px 0.5em;
}

#main-content article { 
	margin:0 0 20px 0;
/*	padding:10px; */
	border-radius:5px;
}
/* article h1 { 
	font-family:Georgia, "Times New Roman", Times, serif !important; 
	font-size:14px !important; 
	font-style:italic !important;
	font-weight:normal;
	border-bottom:1px solid #c69 !important; 
	color:#936;
	padding:0px 0.5em;
} */

article h1 { font-family:Georgia, "Times New Roman", Times, serif; color:#939; }
.prod-grid { }
.prod-grid ul, .prod-grid ul li ul { margin:0px; padding:0px; list-style:none; }
.prod-grid li.item { float: left; width:25% }
.prod-grid ul li ul {
 	margin:5px;
  padding:5px;
  text-align:center;
/*  height:150px; */
  position:relative;
	border:1px solid #C6F; 
 	border-radius: 2px !important; }
.prod-grid li.buy-now { margin-top:5px; }
.prod-grid ul li a, .prod-grid ul li a:visited { font-size:1.1em; text-decoration:none; color:#333; }
.prod-gridul li ul:hover { border-color:#F00; }

