A:link {
	COLOR: #CC6666;
	text-decoration: underline;
} 
A:visited {
	COLOR: #CC6666;
	text-decoration: underline;
} 
A:active { } 
A:hover {
	COLOR: #333333;
	text-decoration: none;
} 

a.nav:link { color: #669933; text-decoration: none;}
a.nav:visited { text-decoration: none; color: #669933;}
a.nav:hover { color: #FF6600; text-decoration: underline;}

a.nav2:link { color: #FFFFFF; text-decoration: none}
a.nav2:visited { text-decoration: none; color: #FFFFFF}
a.nav2:hover { color: #FFFFFF; text-decoration: underline}

a.footer:link, a.footer:visited {
	font-weight      : normal;
	text-decoration: none;
	color: #98AF16;


}
a.footer:hover {
	color            : #FF9900;
	text-decoration: underline;

}

body {
	color: #5D6967;
	background-color: #FFFFFF;
	background-image: url(images/bg.jpg);
	margin: 0px;
	padding: 0px;




}
h1 {
	font-family: "Trebuchet MS", "Verdana";
	font-size: 18px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #6C9D31;
	text-transform: capitalize;
}
h2 {
	font-family: "Trebuchet MS", "Verdana";
	font-size: 17px;
	font-weight: bold;
	;
	margin-top: 10px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #6C9D31;

}
h3 {
	font-family: "Trebuchet MS", "Verdana";
	font-size: 16px;
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 6px;
	;
	letter-spacing: 1px;
	color: #6C9D31;
}
h4 {
	font-family: "Trebuchet MS", "Verdana";
	font-size: 13px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 6px;
	;
	margin-right: 0px;
	margin-left: 0px;
	color: #6C9D31;
}
h5 {
	font-family: "Trebuchet MS", "Verdana";
	font-size: 12px;
	margin-top: 3px;
	margin-bottom: 3px;
	;
	line-height: 17px;
	font-weight: bold;
	color: #6C9D31;

}
h6 {
	font-family: "Trebuchet MS", "Verdana";
	font-size: 12px;
	font-weight: bold;
	margin-top: 3px;
	margin-bottom: 6px;
	color: #666666;
}
hr {  color: #999999; height: 1px; margin-top: 3px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}.x { font-family: "Verdana", "Arial", "sans-serif"; font-size: 11px; font-weight: normal}

.footer {
	font-family: "Trebuchet MS", "Verdana";
	font-size: 11px;
	color: #98AF16;



}
li {
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 0px;

}
td {  font-family: "Verdana"; font-size: 11px}
.date {
	font-family: "Trebuchet MS", "Verdana";
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
}
.data {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
}
p {
	font-family: "Verdana";
	font-size: 11px;
	margin-top: 4px;
	margin-bottom: 7px;
	line-height: 15px;

}
ul {
	font-family: "Arial", "Helvetica", "sans-serif";
	margin-left: 6px;
	padding-left: 6px;
	padding-top: 2px;
	margin-top: 1px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
form {
	margin: 0px;
	padding: 0px;
}

select {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
}

.white {
	font-family: "Trebuchet MS", "Verdana";
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
}

table.mtable {
  border           : 1px solid #FFFFFF;
  padding          : 0px;
  margin-bottom    : 0px;
}

table.mtable td {
  font-size        : 11px;
  font-weight      : normal;
}
.menu {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	color: #003366;
	margin: 5px;
	padding: 5px;

}
.formtitle {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
.tik {
	font-family: "Trebuchet MS", "Verdana";
	font-size: 12px;
}

div.SorryMsg
{
	font-weight: bold;
}
.ad {
	border: 1px solid #6C9D3C;
}

div.InfoMsg
{
	border: 1px solid #999999;
	padding: 20px;
	margin: 10px 10%;
}
div.Notes
{
	background: #D0E8D0;
	border: 1px solid #999999;
	padding: 20px;
	margin: 10px 10%;
	text-align: justify;
}
div.ErrorMsg
{
	background-color: #FF9F9F;
	border: 1px solid red;
	padding: 5px 5px 5px 30px;
	background-image: url(exclamation-error-bg.gif);
	background-position: left;
	background-repeat: no-repeat;
	margin: 10px 10%;
}
div.OrderConfirmed
{
	font-size: 150%;
	font-weight: bold;
	color: red;
	text-align: center;
}
div.SSLMsg
{
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
	margin: 20px 10%;
	padding: 5px;
}
div.PageInst
{
	text-align: justify;
}
sup.RequiredField
{
	color: red;
}
ol
{
	margin-top: 5px;
	margin-bottom: 5px;
}
/********* Menu Table *********/
table.MenuBox { 
	width: 130px;
	border: 1px solid #999999;
	margin-bottom: 5px;
}
.MenuBox td {
	padding: 4px;
}
.MenuBoxTitle th{
	text-align: left;
	margin-left: 0;
	font-weight: bold; 	
	background-color: #EFEFEF;
	color: black;
	padding: 2px;
	height: 20px;
/*	background: url(MenuGrad2.gif);*/
}
.MenuBoxContent td
{
	background-color: white;
	color: black;
	border-top: 1px solid #999999;
}
.MenuBoxContent a
{
	color: navy;
	text-decoration: none;
}
.MenuBoxContent a:hover {
	color: red;
	text-decoration: underline;
}
.MenuBoxContent a:visited {
		color: navy;
}
.MenuBoxContent ul
{
	margin-left: 1.25em; 
	padding-left: 0;
	margin-top: 1px;
	margin-bottom: 4px;
}
.MenuBoxContent ul li
{
	padding-left: 0px;
	list-style: url(Menu_Bullet.gif) disc;
}
/********* End Menu Table *********/

div.MenuBoxFoot
{
	font-size: 80%;
	text-align: right;
	margin: 0px;
}

/********* Feat Box Table *********/
table.FeatBox { 
	width: 130px;
	border: 1px solid #999999;
	margin-bottom: 5px;
}
.FeatBox td {
	padding: 4px;
	text-align: center;
}
.FeatBoxTitle th{
	text-align: left;
	margin-left: 0;
	font-weight: bold; 	
	background-color: #EFEFEF;
	color: black;
	padding: 2px;
	height: 20px;
/*	background: url(MenuGrad2.gif);*/
}
.FeatBoxContent td
{
	background-color: white;
	color: black;
	border-top: 1px solid #999999;
}
.FeatBoxContent a
{
	color: navy;
	text-decoration: none;
}
.FeatBoxContent a:hover {
	color: red;
	text-decoration: underline;
}
.FeatBoxContent a:visited {
		color: navy;
}
/********* End FeatBox Table *********/

/********* Product List *********/
div.ProductList {
	text-align: center;
}
table.ProductList { 
	border: 1px solid #999999;
}
.ProductList td {
	padding: 1px;
}
.ProductListTitle th{
	text-align: left;
	margin-left: 0;
	font-weight: bold; 	
	background-color: #EFEFEF;
	color: black;
	padding: 2px;
	height: 20px;
	border-bottom: 1px solid #999999;
/*	background: url(MenuGrad2.gif);*/
}
.ProductListContent td
{
	background-color: white;
	color: black;
	padding: 2px 1px
}
/********* End Product Table *********/

/********* Product Table *********/
div.ProductTable {
	text-align: center;
	margin-top: 10px;
}
table.ProductTable { 
	width: 90%;
	border-collapse: collapse;
	text-align: center;
	margin-left:auto; 
	margin-right:auto;
	margin: 0 auto; text-align: left; /* Used to center table in Mozilla */
}
.ProductTable td {
	padding: 4px;
	border: 1px solid #999999;
}
.ProductTableTitle th{
	text-align: left;
	margin-left: 0;
	font-weight: bold; 	
	background-color: #EFEFEF;
	color: black;
	padding: 2px;
	height: 20px;
	border: 1px solid #999999;
/*	background: url(MenuGrad2.gif);*/
}
.ProductTableContent td
{
	vertical-align: bottom;
	text-align: center;
	background-color: white;
	color: black;
}
.ProdTableSale
{
	color: Red;
	font-weight: bold;
}
/********* End Product Table *********/

/********* Product Details Box *********/
div.ProdDetBox {
	text-align: center;
}
table.ProdDetBox { 
	border: 1px solid #999999;
	width: 200px;
}
.ProdDetBox td {
	padding: 1px;
}
.ProdDetBoxTitle th{
	text-align: left;
	margin-left: 0;
	font-weight: bold; 	
	background-color: #EFEFEF;
	color: black;
	padding: 2px 4px;
/*	background: url(MenuGrad2.gif);*/
}
.ProdDetBoxContent td
{
	background-color: white;
	color: black;
	border-top: 1px solid #999999;
	padding: 5px 3px;
}
table.OptionsBox
{
	width: 100%;
	border: 1px solid #999999;
}
table.OptionsBox td
{
	padding: 1px;
	vertical-align: middle;
}
/********* End Product Table *********/

/********* My Account Login Form *********/
div.MyAccLogin
{
	text-align: center;
}
table.MyAccLogin
{ 
	width: 400px;
	border: 1px solid #999999;
	margin: 20px auto 20px; text-align: left; /* Used to center table in Mozilla */
}
table.MyAccLogin td {
	padding: 6px;
}
/********* End My Account Login Form *********/

/********* Product Listing (browse) *********/
div.BrowseList
{
	text-align: center;
}
div.BrowseList table /* Used to center table in Mozilla */
{	
	margin: 0 auto;
	text-align: left;
} 
table.BrowseList
{
	width: 90%;
}
table.BrowseList th
{
	text-align: right;
	vertical-align: middle;
	background-color: #D0E8D0;
	font-size: 11px;
}
table.BrowseList td
{
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
td.OfferCell
{
	vertical-align: middle;
}
.PicCell
{
}
.DetailCell
{
	text-align: right;
}
/********* End Product Listing (browse) *********/

/********* Shopping Cart *********/
div.Cart
{
	text-align: center;
}
table#Cart
{
	margin: 0 auto;
	text-align: left;
	margin-bottom: 10px;
	border: 1px solid #999999;

}
table#Cart th
{
	vertical-align: middle;
	background-color: #DFDFCE;
	font-weight: bold;
	border-bottom: 1px solid #99999;
	font-size: 11px;
}
table#Cart td
{
	padding: 2px 4px;
}
#Cart td.CartNotes
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}
.CartLinks
{
	text-align: center;
	margin-bottom: 20px;
}
span.CartTotal
{
	font-weight: bold;
}
td.CartTotal
{
	text-align: right;
	border-top: 1px solid #99999;
}
tr.CartLine td
{
	vertical-align: top;
}
span.CartOptions
{
	margin-left: 20px;
}
div.RelProdsList
{
	margin: 20px 25px;
}
ul.RelProdsList li
{
	padding-left: 0px;
	list-style: url(Menu_Bullet.gif) disc;
}
/********* End Shopping Cart *********/

/********* Product Details *********/
.ProductDetails
{
	margin: 0px;
}
table.ProductDetails
{
	width: 100%;
}
.ProductDesc
{
}
div.ProdDetPriceCont /* This is to allow centering ProdDetPrice in IE by wrapping the div in another one */
{
	text-align: center;
}
div.ProdDetPrice
{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 5px;
	border: 1px solid #999999;
	width: 60%;
}
td.ProdDetImg
{
	text-align: center;
}
div.ProdToolbar
{
	font-size: 80%;
	margin: -5px 0px 5px 0px ;
	text-align: right;
}
* html div.ProdToolbar
{	/* Hack for IE. Only IE will interpret this. To make up for bugs in IE's box mode
	see http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html */
	margin: -15px 0px 5px 0px ;
}
div.CompProdTeaser
{
	padding: 5px;
	width: 100%;
	border: 1px solid #999999;
}
div.CompProdTeaser h3
{
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 5px 0;
}
div.CompProdTeaser table td
{
	padding: 5px;
}


/********* End Product Details *********/

div.SectionDesc
{
	text-align: center;
	margin-top: 10px;
}
table.SectionDesc
{
	width: 90%;
	border: 1px solid #999999;
}
.SectionDesc td
{
	vertical-align: middle;
}
.Centered
{
	text-align: center;
}
.SecCurPrice
{
	font-size: 0.8em;
}
.TaxInc
{
	font-size: 80%;
}
.SKU
{
	font-size: 0.8em;
}
.BeforePrice
{
	font-style: italic;
}
.OfferPrice
{
	font-weight: bold;
	text-decoration: underline;
	color: red;
}
.Price
{
	font-weight: bold;
}
.Strike
{
	text-decoration: line-through;
}
.SubmitBtn
{
	background-color: #C0C0C0;
	border: 1px solid #999999;
	font-weight: bold;
	padding: 0px 3px;
/*	background: url(MenuGrad3.gif);*/
}
.Add2Cart
{
	font-weight: bold;
	text-align: center;
}
.Paging
{
	float: right;
	margin-right: 3%;
	margin-top: 10px;
}
.Displaying
{
	float: left;
	margin-top: 10px;
}
.SearchForm
{
	text-align: center;
	clear: both;
	margin-top: 50px;
}
/********* Checkout *********/
div.COLoginForm
{
	text-align: center;
}
table.COLoginForm
{
	border: 1px solid #999999;
	margin: 20px auto 20px; 
	text-align: left; /* Used to center table in Mozilla */
}
table.COLoginForm td
{
	padding: 5px 10px 5px;
}
table.COLoginForm td.COLoginOption
{
	padding-top: 10px;
	font-weight: bold;
}
div.COSteps
{
	text-align: right;
	margin-top: 0px;
	margin-bottom: 10px;
}
* html div.COSteps
{	/* Hack for IE. Only IE will interpret this. To make up for bugs in IE's box mode
	see http://www.info.com.ph/~etan/w3pantheon/style/starhtmlbug.html */
	margin-top: -10px;
}

/********* User Area *********/
div.UsrAreaOption
{
	margin: 20px 0px 10px 20px;
	font-weight: bold;
}
div.UsrAreaOption a
{
	color: Navy;
}
div.UsrAreaOption a:visited
{
	color: Navy;
}
div.UsrAreaDesc
{
	margin-left: 30px;
}

/********* Help page *********/
td.HelpTitle
{
	font-size: 90%;
	font-weight: bold;
	margin-top: 15px;
	padding: 1px 5px;
	border: 1px solid #999999;
}
td.HelpDesc
{
	padding: 10px 0px 20px 40px;
}
/********* Table List *********/
div.TableList
{
	text-align: center;
	margin: 20px 0px;
}
table.TableList
{
	margin: 0 auto;
	text-align: left;
	margin-bottom: 10px;
	border: 1px solid #999999;
	width: 70%;
	border-collapse:collapse;
}
table.TableList th
{
	vertical-align: middle;
	background-color: #C0C0C0;
	font-size: 80%;
	font-weight: bold;
	border-bottom: 1px solid #999999;
	padding: 5px 6px;
}
table.TableList td
{
	padding: 5px 8px;
	border-bottom: 1px solid #999999;
}
th.TableListDel
{
	width: 60px;
}
td.TableListtDel
{
	text-align: center;
}
/********* End Table List *********/
.searchline
{
	vertical-align: middle;
	background-color: #C0C0C0;
	text-align: right;
/*	background: url(MenuGrad3.gif);*/
}
td.searchline
{
	height: 30px;
}
.searchbutton
{
	background-color: #999999;
	border: 0px solid black;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
}
.searchtext
{
	border: 1px solid #9C9CC7;
}
td.DarkBGBar
{
	background-color: #8080C0;
	height: 15px;
}
td.DarkBGFootBar
{
	background-color: #8384C2;
	height: 15px;
}
.PageTitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 140%; /*18px;*/
	font-weight: bold; 	
}
.Footer
{
	color: Gray;
	font-size: 70%; /*9px;*/
}
table.FullWidth 
{ 
	width: 100%; 
}
td.MenuSep
{
	width: 3px;
}
span.BreadCrumb
{
/*	margin: 0px 0px 0px 5px; */
	float: left; 
	font-size: 85%;
	position: relative; top: 3px; left: 5px;
}
td.FieldName
{
	font-weight: bold;
	padding-right: 10px;
}
table.OrderDetails td.FieldName
{
	width: 150px;
	padding-right: 10px;
	font-weight: bold;
	text-align: right;
}

div#LoginBox
{
	text-align: left;
	padding: 4px;
	margin: 0px 0px 5px;
	font-size: 80%;
	background-color: #CDCEE9;
	border: 1px solid #999999;
}
div#LoginBox input
{
	font-size: 100%;
}
table#TopNav, table#BottomNav, table#SearchBar, table#Footer, table#MainBody
{
	width: 100%;
}
table#BottomNav
{
	margin-top: 5px;
}
table.MenuTable
{
	width: 130px;
}
table#SearchBar
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
td#LeftNav
{
	padding-top: 10px;
	width: 130px;
}
td#BodyCell
{
/*	width: 610px; */
	padding: 10px 10px;
}
td#RightNav
{
	padding-top: 10px;
	text-align: center;
	width: 130px;
}
td#LogoCell
{
	vertical-align: bottom;
}
img.LogoImg {}
td#RHTop
{
	text-align: right;
	font-size: 70%;
	padding-bottom: 10px;
	vertical-align: bottom;
}
#RHTop a
{
	color: navy;
}
td#MainBodyCell
{
	padding: 0px 10px;
}
td#NavTabCell
{
	text-align: right;
	vertical-align: bottom;
}
table#NavTabs
{
	margin: 0;
	float: right;
}
form#quicksearch
{
	margin: 0;
}
#Footer a
{
		color: #555;
		text-decoration: none;
}
#Footer a:hover
{
	color: red;
	text-decoration: underline;	
}
#Footer a:visited
{
		color: #555;
}
#TopNav, #BottomNav, #LeftNav, #RightNav, #SearchBar, #Footer{
}


/********** print styles **********/
@media print {
	#TopNav, #BottomNav, #LeftNav, #RightNav, #SearchBar
	{
	display: none;
	}
   .hiddenOnPrint {display: none;}
   .PageBreak {page-break-before:  always;}		/* use on div to create print page break */
}


Table.infotable {
	border: 1px dotted #666666;
}
th.infotable {
	background-color:#EEDDDD;
	font-family: "Trebuchet MS", Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #3B835D;
}