﻿body 
{
	font-family: Verdana;
	font-size: 8pt;
	line-height: 17px;
	padding: 0px;
	margin: 3px 0px 0px 0px;
	text-align:center;
}
div#Container
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 760px;
}
div#BannerArea
{
	height: 97px;
	width: 760px;
}
div#NavigationArea
{
	height: 30px;
	width: 756px;
	font-family: Verdana;
}
div#MainNavigation
{
	padding-left: 10px;
	line-height: 28px;
	color: black;
	float: left;
	width: 430px;
	text-align: left;
}
div#MainNavigation a:link
{
	color: #666699;
}
div#MainNavigation a:visited
{
	color: #666699;
}
div#MainNavigation a:hover
{
	color: #ffcc66;
}
div#HomeLinkArea
{
	float:left;
	width: 97px;
}
div#CartArea
{
	float:left;
	text-align: right;
	width: auto;
	line-height: 30px;
	color: #999999;
	width: 219px;
}
div#CartArea a:link
{
	color: #999999;
	text-decoration: none;
}
div#CartArea a:visited
{
	 color: #999999;
}
div#CartArea a:hover
{
	color:#ffcc66;
	text-decoration: underline;
}
div#LanguageArea
{
	text-align:right;
	width: 756px;
	color: #666666;
}
div#LanguageArea a:link
{
	color: #666666;
}
div#LanguageArea a:visited
{
	color: #666666;
}
div#LanguageArea a:hover
{
	color:#6666cc;
}
div#CatalogArea
{
	padding-top:20px;
	padding-left:10px;
	color: #99cc33;
	width: 150px;
	float:left;
	text-align: left;
}
div#CatalogArea a:link
{
	text-decoration: none;
	color: #99cc33;
}
div#CatalogArea a:visited
{
	text-decoration: none;
	color: #99cc33;
}
div#CatalogArea a:hover
{
	color: #cc0000;
	text-decoration: underline;
}
.ArrowArea
{
	float:left;
}
.LinkArea
{
	float:left;
}
div#ContentArea
{
	text-align:left;
	padding-top:20px;
	float:left;
	color:#666666;
	width: 590px;
}
div#ContentArea a:link
{
	color: #666666;
}
div#ContentArea a:visited
{
	color: #666666;
}
div#ContentArea a:hover
{
	color:#6666cc;
}
.PageHeading
{
	color:#666666;
	font-family:Times New Roman;
	line-height:28px;
	font-size: 22pt;
}
.BreadCrumbs
{
	color: #666666;
}
.BreadCrumbs a:link
{
	color: #666666;
}
.BreadCrumbs a:visited
{
	color: #666666;
}
.BreadCrumbs a:hover
{
	color:#6666cc;
}
div#SubCatArea
{
	padding: 2px 2px 2px 2px;
	
	border-top: solid 1px #99ccff;
	border-bottom: solid 2px white;
	background-color: #f4fafc;
}

.ProductOdd
{	
	padding: 6px 2px 12px 2px;
	background-color: #e6e6ed;
	background-position: bottom;
	border-bottom: dotted 1px black;
	height: 20px;
}
.ProductOdd a:link
{
	color: #6699FF;
	text-decoration: none;
}
.ProductOdd a:visited
{
	color: #6699FF;
	text-decoration: none;
}
.ProductOdd a:hover
{
	color: #99CCFF;
	text-decoration: underline;
}
.ProductEven
{
	padding: 6px 2px 12px 2px;
	background-color: White;
	border-bottom: dotted 1px black;
	height: 20px;
}
.ProductEven a:link
{
	color: #6699FF;
	text-decoration: none;
}
.ProductEven a:visited
{
	color: #6699FF;
	text-decoration: none;
}
.ProductEven a:hover
{
	color: #99CCFF;
	text-decoration: underline;
}
.ProductNameArea
{
	width: 70%;
	vertical-align: top;
	text-align: left;
	float: left;
}
.ProductPriceArea
{
	width: 30%;
	vertical-align: top;
	text-align: right;
	float: left;
}
div#TableHeader
{
	height: 19px;
	padding: 3px;
}
.ProductImage
{
	padding: 3px 3px 3px 3px;
	text-align: center;
	vertical-align: top;
}
div#ProductTextArea
{
	width: 70%;
	float:left;
}
div#ProductImageArea
{
	width: 30%;
	float:left;
	clear: right;
	text-align: center;
}
.FieldLabelArea
{
	width: 25%;
	clear:left;
}
.FieldArea
{
	width: 70%;
	float: left;
	clear: right;
}
.ClearDiv
{
	clear:both;
}
.SubProductOptions
{
	padding: 2px 2px 2px 2px;
	float: left;
	width: 40%;
}
.SubProductStock
{
	padding: 2px 2px 2px 2px;
	float: left;
	width: 20%;
	text-align: center;
}
.SubProductPrice
{
	padding: 2px 2px 2px 2px;
	float: left;
	width: 20%;
	text-align: center;
}
.SubProductLink
{
	padding: 2px 2px 2px 2px;
	float: left;
	width: 15%;
	text-align: right;
}
.EntryFieldLabelArea
{
	width: 23%;
	font-size: 8pt;
	float: left;
	padding: 3px 3px 3px 0px;
	text-align: right;
}
.EntryFieldArea
{
	width: 70%;
	float: left;
	font-size: 8pt;
	padding: 3px 0px 3px 0px;
}
.EntryFieldError
{
	clear:both;
	font-size: 8pt;
	padding: 3px 0px 3px 0px;
}
.EntryButtonArea
{
	clear:both;
	padding: 10px 0px 0px 143px;
}
div#ErrorPageDiv
{
	width: 750px;
	text-align: center;
	padding: 3px 3px 3px 3px;
	background: #eeeeee;
	border: solid 1px black;
	vertical-align: middle;
}
.CostField
{
	width: 120px;
	color:Black;
	float: right;
	text-align: right;
}
.CostLabelField
{
	text-align: right;
	color: Black;
	float: right;
}

.PreviewImage{
	width:130px;
	text-align:center;
	float:left;
}
.PreviewSection{
	font-family:Verdana;
	font-size: 8pt;
	width: 590px;
	
	clear: both;
}
.PreviewContent{
	float:left;
}
.PreviewText{
	width:450px;
	padding-bottom:3px;
}
.PreviewPrice{
	width:450px;
	padding-top:5px;
	padding-bottom: 8px;
	color:#cc3333;
	border-top: dotted 1px #cccccc;
}
