/********************************************************

 Colours used:
 Dark: 	#8080C0	'Main color - dark
 Light:	#ACACD7	'Main color - light
 Lighter:#CDCEE9
 Searchline: Silver
 
 Red:			red		'Red border
 Red light: #FF9F9F	'Red filling
 
 Green:		#7FFF00	'Green border
 Green light: #BEFF80	'Green filling
 
********************************************************/
body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%; /*13px;*/
	background-color: white; 
	color: black;
	margin: 4px 5px 5px;
}
a
{
	color: Navy;
	text-decoration: none;
}
a:hover 
{
	color: red;
	text-decoration: underline;
}
a:visited 
{
	color: Navy;
}
table
{
	margin: 0;
	/* Uncomment to see table layout 
	border: 1px solid red;
	margin: 3px; */
}
td
{
	font-size: 80%; /*13px;*/
	vertical-align: top;
	border-width: 0;
	padding: 0;
	/*border: 1px solid red; */
}
img
{
	border-width: 0;
}
form
{
	margin: 0px;
}
h1
{
	font-size: 140%;
	font-weight: bold;
}
h2
{
	font-size: 110%;
	font-weight:bold;
	margin-top: 10px;
}
h2 a
{
	font-size: 110%;
	color: Black;
}
h2 a:visited
{
	font-size: 110%;
	color: Black;
}
h2.SectionTitle
{
	font-size: 110%;
	font-weight:bold;
	margin-top: 15px;
	padding: 1px 5px;
	border: 1px solid #8080C0;
}
div.SorryMsg
{
	font-weight: bold;
}
div.InfoMsg
{
	background: #BEFF80;
	border: 1px solid #7FFF00;
	padding: 5px;
	margin: 10px 10%;
}
div.Notes
{
	background: #CDCEE9;
	border: 1px solid #8080C0;
	padding: 5px;
	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 #8080C0;
	margin-bottom: 5px;
}
.MenuBox td {
	padding: 4px;
}
.MenuBoxTitle th{
	text-align: left;
	margin-left: 0;
	font-weight: bold; 	
	background-color: #ACACD7;
	color: black;
	font-size: 80%; /*13px;*/
	padding: 2px;
	height: 20px;
/*	background: url(MenuGrad2.gif);*/
}
.MenuBoxContent td
{
	font-size: 80%; /*13px;*/
	background-color: white;
	color: black;
	border-top: 1px solid #8080C0;
}
.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 #8080C0;
	margin-bottom: 5px;
}
.FeatBox td {
	padding: 4px;
	text-align: center;
}
.FeatBoxTitle th{
	text-align: left;
	margin-left: 0;
	font-weight: bold; 	
	background-color: #ACACD7;
	color: black;
	font-size: 80%; /*13px;*/
	padding: 2px;
	height: 20px;
/*	background: url(MenuGrad2.gif);*/
}
.FeatBoxContent td
{
	font-size: 80%; /*13px;*/
	background-color: white;
	color: black;
	border-top: 1px solid #8080C0;
}
.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 #8080C0;
}
.ProductList td {
	padding: 1px;
}
.ProductListTitle th{
	text-align: left;
	margin-left: 0;
	font-weight: bold; 	
	background-color: #ACACD7;
	color: black;
	font-size: 80%; /*13px;*/
	padding: 2px;
	height: 20px;
	border-bottom: 1px solid #8080C0;
/*	background: url(MenuGrad2.gif);*/
}
.ProductListContent td
{
	font-size: 75%; /*13px;*/
	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 #8080C0;
}
.ProductTableTitle th{
	text-align: left;
	margin-left: 0;
	font-weight: bold; 	
	background-color: #ACACD7;
	color: black;
	font-size: 80%; /*13px;*/
	padding: 2px;
	height: 20px;
	border: 1px solid #8080C0;
/*	background: url(MenuGrad2.gif);*/
}
.ProductTableContent td
{
	vertical-align: bottom;
	text-align: center;
	font-size: 80%; /*13px;*/
	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 #8080C0;
	width: 200px;
}
.ProdDetBox td {
	padding: 1px;
}
.ProdDetBoxTitle th{
	text-align: left;
	margin-left: 0;
	font-weight: bold; 	
	background-color: #ACACD7;
	color: black;
	font-size: 80%; /*13px;*/
	padding: 2px 4px;
/*	background: url(MenuGrad2.gif);*/
}
.ProdDetBoxContent td
{
	font-size: 75%; /*13px;*/
	background-color: white;
	color: black;
	border-top: 1px solid #8080C0;
	padding: 5px 3px;
}
table.OptionsBox
{
	width: 100%;
	border: 1px solid #8080C0;
}
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 #8080C0;
	margin: 20px auto 20px; text-align: left; /* Used to center table in Mozilla */
}
table.MyAccLogin td {
	padding: 6px;
}
/********* End My Account Login Form *********/

/********* User Reviews *********/
p.ReviewText
{
	margin: 0px 10px;
}
span.ReviewTitle
{
	font-weight: bold;
}
span.ReviewerLbl
{
	font-weight: bold;
}
span.ReviewAvg
{
	font-weight: bold;
}
/********* End User Reviews *********/

/********* Navigation Tabs *********/
.TopMenuSel
{
	color: white;
	font-weight: bold;
	background-color: #8080C0; 
	text-align: center;
	vertical-align: middle;
}
.TopMenuSel a
{
	color: white;
}
.TopMenuSel a:visited
{
	color: white;
}
.TopMenuSelCorner
{
	color: white;
	font-weight: bold;
	background-color: #8080C0; 
	text-align: center;
	vertical-align: top;
}
.TopMenuUnSel
{
	color: black;
	font-weight: bold;
	background-color: #ACACD7;
	text-align: center;
	margin-left: 30px;
	margin-right: 30px;
	vertical-align: middle;
}
.TopMenuUnSel a
{
	color: black;
}
.TopMenuUnSel a:visited
{
	color: black;
}
.TopMenuUnSelCorner
{
	color: black;
	font-weight: bold;
	background-color: #ACACD7;
	text-align: center;
	vertical-align: top;
}
/********* End Navigation Tabs *********/

/********* 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: #ACACD7;
	font-size: 80%;
}
table.BrowseList td
{
	border-bottom: 1px solid #ACACD7;
	padding: 5px;
}
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 #8080C0;

}
table#Cart th
{
	vertical-align: middle;
	background-color: #ACACD7;
	font-size: 80%;
	font-weight: bold;
	border-bottom: 1px solid #8080C0;
}
table#Cart td
{
	padding: 2px 4px;
}
#Cart td.CartNotes
{
	font-size: 75%;
	border-top: 1px solid #8080C0;
}
.CartLinks
{
	text-align: center;
	margin-bottom: 20px;
}
span.CartTotal
{
	font-weight: bold;
}
td.CartTotal
{
	text-align: right;
	border-top: 1px solid #8080C0;
}
tr.CartLine td
{
	vertical-align: top;
}
span.CartOptions
{
	font-size: 80%;
	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 #8080C0;
	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 #8080C0;
}
div.CompProdTeaser h3
{
	font-weight: bold;
	font-size: 110%;
	margin: 0 0 5px 0;
}
div.CompProdTeaser table td
{
	padding: 5px;
}


/********* End Product Details *********/
h1.MainTitle
{
	font-size: 110%;
	font-weight:bold;
	margin-top: 0;
	margin-right: -10px;	/* remove the margin in the table cell */
	background: #ACACD7;
	border: 1px solid #8080C0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px; 
	height: 16px;	/* Size for all fully CSS compliant browsers (i.e. not IE!) */
/*		background: url(MenuGrad3.gif);
		border: 1px solid #AAA;*/
}
* html body h1.MainTitle
{	/* 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 */
	height: 20px;
}
div.SectionDesc
{
	text-align: center;
	margin-top: 10px;
}
table.SectionDesc
{
	width: 90%;
	border: 1px solid #8080C0;
}
.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: #ACACD7;
	border: 1px solid #8080C0;
	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 #8080C0;
	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 #8080C0;
}
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 #8080C0;
	width: 70%;
	border-collapse:collapse;
}
table.TableList th
{
	vertical-align: middle;
	background-color: #ACACD7;
	font-size: 80%;
	font-weight: bold;
	border-bottom: 1px solid #8080C0;
	padding: 5px 6px;
}
table.TableList td
{
	padding: 5px 8px;
	border-bottom: 1px solid #8080C0;
}
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: #8080C0;
	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;
}
.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 #8080C0;
}
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 */
}