BODY
{
	background-color: #E1E1E1;
	margin: 0px;
}

.Main
{
	background-color: White;
	padding: 10px;
	height: 400px;
	vertical-align: top;
	text-align: center;
}

.Footer
{
	background-color: #F0F0F0;
	border-top: solid 1px #898989;
	padding: 5px;
	font-family: Arial, Verdana;
	font-size: 10px;
	color: black;
}

.Footer A
{
	font-family: Arial, Verdana;
	font-size: 10px;
	color: black;
	text-decoration: none;
}

.PageTable
{
	width: 800px;
	border: solid 1px black;
}

.BannerStrip
{
	background-image: url(Image/Banner.jpg);
	background-repeat: no-repeat;
	width: 800px;
	height: 80px;
	text-align: right;
}

.NavigationStrip
{
	background-image: url(Image/NavBack.jpg);
	height: 43px;
	padding: 0px 0px 0px 8px;
	vertical-align: top;
}

.NavigationGutterStrip
{
	background-image: url(Image/NavGutterBack.jpg);
	background-repeat: repeat-y;
	height: 35px;
	text-align: right;
	padding: 0px 40px 0px 25px;	
}


.GutterCaption
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: White;
	text-align: left;
}

.GutterMenu, .GutterMenu A
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: Black;
	text-decoration: none;
}

.PageTitleCell
{
	width: 148px;
	height: 38px;
	color: #313950;
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.NavigationCellLeft
{
	width: 28px;
}

.NavigationCellCenter
{
	width: 585px;
}

.NavigationItem
{
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: White;
	text-decoration: none;
}

.Panel
{
	padding: 0px;
	border: solid 1px #898989;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: Black;
	background-color: #F5F6F7;
	filter:progid:DXImageTransform.Microsoft.Gradient(startcolorstr=white, endcolorstr=#B7BABF, gradienttype=0);
}

.Panel A
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: red;
	text-decoration: none;
}

.PanelTitleBar
{
	background-image: url(Image/gradient.darkblue.jpg);
	background-repeat: repeat-x;
	background-color: #252B3B;	
	padding: 6px;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: White;
	text-align: left;
}

.PanelTitleBar SELECT
{
	font-family: Arial, Verdana;
	font-size: 11px;
}

.PanelTitleBarLabel
{
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: White;
	padding-left: 10px;
	padding-right: 10px;
}

.PanelTitleBarButton
{
	cursor: hand;
}

.PanelCard
{
	background-color: #FFFFFF;
	border: solid 1px #898989;
	padding: 5px;
	text-align: left;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: black;
}

.PanelCard A
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: red;
	text-decoration: none;
}

.PanelHeader
{
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
	color: Black;
}

.PagerBar
{
	background-image: url(Image/gradient.red.jpg);
	background-repeat: repeat-x;
	background-color: #4D1414;
	padding: 6px;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: White;
}

/*===========================
	PRODUCT
=============================*/

.ProductBrowserItem
{
	background-color: White;
	border: solid 1px #898989;
	width: 275px;
	text-align: left;
}

.ProductBrowserItemHeader
{
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: Black;
}

.ProductBrowserItemText
{
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #898989;
	padding: 0px;
}

.ProductBrowserItemText A
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: red;
	text-decoration: none;
}

.ProductHeader
{
	font-family: Arial, Verdana;
	font-size: 24px;
	font-weight: bold;
}

.ProductDescription
{
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

.ProductPricePanel
{
	background-color: White;
	border: solid 1px #898989;
	width: 192px;
}

.ProductPriceHeader
{
	background-color: #838892;
	background-image: url(Image/gradient.lightgray.jpg);
	background-repeat: repeat-x;
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: White;
	text-align: center;
}

.ProductPriceContent
{
	font-family: Arial, Verdana;
	font-size: 11px;
	text-align: center;
}

.ProductPriceLabel
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #555555;
}

.ProductPrice
{
	font-family: Arial, Verdana;
	font-size: 20px;
	font-weight: bold;
	color: #D82A2A;
}

A.Video
{
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #D82A2A;
	text-decoration: none;
}

/*== PRODUCT SHELF ===========================================*/

.ProductShelf
{
	border: solid 1px #898989;
	border-left: none;
}

.ProductShelfHeader
{
	background-image: url(Image/gradient.darkblue.jpg);
	background-repeat: repeat-x;
	background-color: #252B3B;
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: White;
	padding: 8px 16px 8px 16px;
}

.ProductShelfContent
{
	background-color: #898989;
	text-align: right;
}

.ProductShelfContent TD
{
	background-color: White;
	border-top: solid 1px #898989;
}

.ProductShelfItem
{
	background-color: White;
	text-align: left;
	border-left: solid 1px #898989;
	border-top: solid 1px #898989;
}

.ProductShelfItem TD
{
	border: none;
}

.ProductShelfItem A
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: red;
	text-decoration: none;
}

.ProductShelfItemHeader
{
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: Black;
}

.ProductShelfItemText
{
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}

.CartButton, .CommandButton
{
	font-family: Arial, Verdana;
	font-size: 12px;
	border: solid 1px black;
	color: White;
	background-color: SlateGray;
	cursor: hand;	
}

.CartButton
{
	width: 96px;
}

.CommandButton
{
	width: 150px;
	font-weight: bold;
}

.CartItem
{
	background-color: White;
	text-align: left;
	border-left: solid 1px #898989;
	border-top: solid 1px #898989;
}

/*== SCREENSHOT ===========================================*/

.ScreenshotPanel
{
	border: solid 1px #898989;
}

.ScreenshotPanelHeader
{
	background-image: url(Image/gradient.darkblue.jpg);
	background-repeat: repeat-x;
	background-color: #252B3B;
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: White;
	padding: 8px 16px 8px 16px;
}

.ScreenshotPanelContent
{
	background-color: #E1E1E1;
	background-image: url(Image/inset.gray.jpg);
	text-align:center;
	padding: 0px 5px 0px 5px;
}

.SystemError
{
	background-color: Red;
	color: White;
	font-family: Arial, Verdana;
	font-size: 24px;
	font-weight: bold;
	text-align:center;
}

/*== FORMS ======================================================== */

.ModelForm
{
	background-color: White;
	border: solid 1px #898989;
	width: 275px;
	text-align: left;
}

.ModelFormHeader
{
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
	color: Black;
}

.ModelFormText
{
	font-family: Arial, Verdana;
	font-size: 12px;
	color: Black;
}

.ModelFormGuide
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #898989;
}

.FormLabel
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: Black;
	text-align: left;
	width: 100px;
}

.FormField
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: Black;
	text-align: left;
}

.FormHint
{
	font-family: Arial, Verdana;
	font-size: 10px;
	color: #88;
	text-align: left;
}

.FormFieldText
{
	width: 150px;
	font-family: Arial, Verdana;
	font-size: 11px;
}

.ValidationSummary
{
	text-align: left;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: Red;
	border: solid 1px red;
	background-color: White;
	padding: 5px;
}

.Error
{
	text-align: left;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: Red;
	border: solid 1px red;
	background-color: White;
	padding: 5px;
}

.InlineError
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: Red;
}

.Information
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: blue;
	border: solid 1px blue;
	background-color: White;
	padding: 5px;
}

.SpecificationGrid
{
	border: solid 1px black;
	margin: 0px 10px 6px 0px;
}

.SpecificationGrid TH
{
	background-color: SlateGray;
	color: White;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	padding: 3px;
}

.SpecificationGrid TD
{
	font-family: Arial, Verdana;
	font-size: 11px;
	padding: 3px;
}

.InvoiceGrid
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: Black;
	border: solid 1px black;
	border-collapse: collapse;
}

TH.InvoiceItem
{
	background-color: SlateGray;
	color: White;
	width: 250px;
	text-align: left;
}

TH.InvoicePrice
{
	background-color: SlateGray;
	color: White;
	width: 50px;
	text-align: center;
}

TD.InvoiceItem
{
	text-align: left;
}

TD.InvoicePrice
{
	text-align: right;
}

.OrderGrid
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: Black;
	border: solid 1px #898989;
	border-collapse: collapse;
	background-color: White;
}

.OrderGrid TH
{
	background-color: SlateGray;
	color: White;
}

.OrderDetailGrid
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: Black;
	border: solid 1px #898989;
	border-collapse: collapse;
}

TH.OrderDetailItem
{
	background-color: SlateGray;
	color: White;
	width: 200px;
	text-align: left;
}

TH.OrderDetailPrice
{
	background-color: SlateGray;
	color: White;
	width: 50px;
	text-align: center;
}

TD.OrderDetailItem
{
	text-align: left;
	background-color: White;
}

TD.OrderDetailPrice
{
	text-align: right;
	background-color: White;
}

H2
{
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
}

H3
{
	font-family: Arial, Verdana;
	font-size: 12px;
	font-weight: bold;
}

/*-------------------------------------------*/
/* FEATURE PANEL                             */
/*-------------------------------------------*/

.AddOnPanel
{
	font-family: Arial, Verdana;
	font-weight: bold;
	font-size: 12px;
	color: White;
	background-color: #384050;
	padding: 6px 10px 6px 10px;
}

.FeaturePanel
{
	background-image: url(Image/gradient.bigred.jpg);
	background-repeat: repeat-x;
	background-color: #882D2C;
	padding: 10px;
	text-align: left;
	color: White;
}

.FeaturePanel A
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: White;
	text-decoration: none;
}

.FeaturePanelHeader
{
	font-family: Arial, Verdana;
	font-size: 14px;
	font-weight: bold;
}

.FeaturePanelText
{
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: bold;
}

.PlaqueHeader
{
	background-image: url(Image/bar.slate.center.jpg);
	background-repeat: repeat-x;
	background-color: #4C5361;
	color: White;
	font-family: Arial, Verdana;	
	font-size: 14px;
	font-weight: bold;
	height: 24px;
}

.Plaque
{
	background-image: url(Image/plaque.blue.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Verdana;
	font-size: 11px;
	color: Black;
	padding: 10px;
	text-align: left;
}

.Plaque A
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: red;
	text-decoration: none;
}

.PlaqueFooter
{
	background-image: url(Image/bar.mist.center.jpg);
	background-repeat: repeat-x;
	background-color: #4C5361;
	height: 24px;
}

.NewsItem
{
	clear: both;
}

.NewsHeadline
{
	font-family: Arial, Verdana;
	font-size: 18px;
	font-weight: bold;
	color: #A42323;
}

.NewsDateline
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #808080;
}

.NewsBody
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: Black;
}

.NewsBody A
{
	font-family: Arial, Verdana;
	font-size: 11px;
	color: red;
	text-decoration: none;
}