﻿html, body
{
	background-image: none;
	font-family: Verdana, Arial;
	font-size: 10pt;
	color: #3c3c3c;
	background-color: white;
	vertical-align: top;
	text-align: center;
}

p
{
	font-size: 10pt;
	color: #3c3c3c;
}

A:link, A:visited
{
	color: #4169e1;
	cursor: pointer;
}

h1
{
	font-size: 10pt;
	font-weight: normal;
	color: #3c3c3c;
	margin: 0px;
}

.HideColumn
{
	display:none;	
}

.MasterOuterTable
{
	background-color: #FFFFFF;
}

.FooterCompanyName
{
	color: #4169e1;
}

.TableLablel
{
	vertical-align:text-top;
	text-align:right;
}
.TableControl
{
	vertical-align:text-top;
	text-align: left;
}

.Button
{
	border: #404040 0px solid !important;	
	background-image: url(../../App_Themes/Eclipse/Images/btnTemplate.jpg);
	cursor: pointer;
	width: 55px;
	height: 20px;
}

.ButtonLarge
{
	border: #404040 0px solid !important;
	background-image: url(../../App_Themes/Eclipse/Images/btnTemplateLarge.jpg);
	cursor: pointer;
	width: 100px;
	height: 20px;
}

.ButtonCheckout
{
	border: #404040 0px solid !important;
	background-image: url(../../App_Themes/Eclipse/Images/btnCheckout.jpg);
	cursor: pointer;
	width: 100px;
	height: 20px;
}

.NotificationMsg
{
	font-weight: normal;
	vertical-align: middle;
	color: #4169e1;
	background-color: transparent;
	text-align: left;
}

.WarningMsg
{
	font-weight: normal;
	vertical-align: middle;
	color: #b22222;
	background-color: transparent;
	text-align: left;
}

.Panel
{ 
	border: #a3a3a3 1px solid;
}

.LeftPanelCell
{
	background-color: #DDDDDD;
	font-weight: bold;
}

.RightPanelCell
{
	background-color: #DDDDDD;
	font-weight: normal;
}

/* ~~~~~~~~~~~~~~~ START: ErrorDisplay User Control ~~~~~~~~~~~~~~~ */
.ErrorTitle
{
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	color: black;
	background-color: transparent;

}
.ErrorMsg
{
	font-weight: normal;
	vertical-align: middle;
	background-color: transparent;
	text-align: left;
}
/* ~~~~~~~~~~~~~~~ End: ErrorDisplay User Control ~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~ Start: ContentHeader User Control ~~~~~~~~~~~~~~~ */
.ContentHeader
{
	background-image: url(../../App_Themes/Eclipse/Images/300.gif);
	background-repeat: repeat-x;
	color: #dc143c;
	font-size: 8pt;
	text-align: left;
	line-height: 32px;
}

.ContentHeader A:link, .ContentHeader A:visited
{
	color: #dc143c;
	text-decoration: none;
}
/* ~~~~~~~~~~~~~~~ End: ContentHeader User Control ~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~ START: Form Styles (for pages that are fillable forms ~~~~~~~~~~~~~~~ */
.FormTableHeader
{
	border: black 1px solid;
	color: white;
	background-color: gray;
	font-weight: bold;
}

.TextBox
{
	border: #696969 1px solid;
	color: #3c3c3c;
	padding-left: 2px;
}


.TextBoxReadOnly
{
	border: #696969 1px solid;
	color: #3c3c3c;
	background-color: #ffffcc;
}
/* ~~~~~~~~~~~~~~~ END: Form Styles (for pages that are fillable forms ~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~ START: Sub Menu Product Categories ~~~~~~~~~~~~~~~ */
.SubMenuDefaultNormalStyle
{
	padding: 2px;
	font-size: 8pt;
	cursor: pointer;
}

.SubMenuDefaultSelectedStyle
{
	padding: 2px;
	font-size: 8pt;
	cursor: pointer;
	background-color: #7a7a7a;
	color: #FFFFFF;
	width: 100%;
}

.SubMenuTableTitle
{
	background: url(../../App_Themes/Eclipse/Images/ProductCategoriesSubMenu_top.gif);
	height: 31px;
}

.SubMenuTableFill
{
	background: url(../../App_Themes/Eclipse/Images/ProductCategoriesSubMenu_fill.gif);
}

.SubMenuTableFooter
{
	background: url(../../App_Themes/Eclipse/Images/ProductCategoriesSubMenu_bottom.gif);
	height: 22px;
}

.CartTableTitle
{
	background: url(../../App_Themes/Eclipse/Images/CartSubMenu_top.gif);
	height: 24px;
}

.CartTableFill
{
	background: url(../../App_Themes/Eclipse/Images/CartSubMenu_fill.gif);
}
.CartTableFooter
{
	background: url(../../App_Themes/Eclipse/Images/CartSubMenu_bottom.gif);
	height: 15px;
}
/* ~~~~~~~~~~~~~~~ END: Sub Menu Product Categories ~~~~~~~~~~~~~~~ */




/* ~~~~~~~~~~~~~~~ START: Products ~~~~~~~~~~~~~~~ */
.ProductsTitle
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.ProductsDescFrame
{
	border: #d3d3d3 1px solid;
	border-left: none;
}

.ProductsDescFrame A:link, .ProductsDescFrame A:visited
{
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

.ProductsImage
{
	padding: 0px;
	border: #d3d3d3 1px solid;
	width: 96px;
}
/* ~~~~~~~~~~~~~~~ END: Products ~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~ START: GridView ~~~~~~~~~~~~~~~ */
.HeaderStyle
{
	font-size: 8pt;
	font-weight:bold;
	text-align: left;
	vertical-align: middle;
	color: #000000;
	background-color: #DDDDDD;
}

.RowStyle
{
	font-weight:normal;
	text-align: left;
	vertical-align: middle;
	background-color: #ffffff;
}

.AlternatingRowStyle
{
	text-align: left;
	vertical-align: middle;
	background-color: #f5f5f5;
}
/* ~~~~~~~~~~~~~~~ END: GridView ~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~ START: Main Benu Bar ~~~~~~~~~~~~~~~ */
.MenuFill
{
	background-image: url(Images/300.gif);
	background-repeat: repeat-x;
	width: 100%;
	vertical-align: middle;
	text-align: right;
}

.MenuFill A:link, .MenuFill A:visited
{
	font-size: 8pt;
	color: #dc143c;
	text-decoration: none;
}
/* ~~~~~~~~~~~~~~~ END: Main Benu Bar ~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~ START: Frame Widths ~~~~~~~~~~~~~~~ */
.InnerFrameSmall
{
	width:580px;
}
.InnerFrameMedium
{
	width:720px;
}
.InnerFrameLarge
{
	width:980px;
}
.LoginFrame
{
	width:400px;
}
.FindStoreFrame
{
	width:400px;
}
.PromoWidth
{
	width:182px;
}
/* ~~~~~~~~~~~~~~~ END: Frame Widths ~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~ START: Footer Bar ~~~~~~~~~~~~~~~ */
.FooterBar
{
	font-size: 8pt;
	color: #4169e1;
	background-color: #dcdcdc;
	text-decoration: none;
	height: 20px;
}

.FooterBar A:link, .FooterBar A:visited
{
	text-decoration: none;
}
/* ~~~~~~~~~~~~~~~ END: Footer Bar ~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~ START: Filler Bars ~~~~~~~~~~~~~~~ */
.FillerBar
{
	width:100%;
	background-color: white;
	height:5px;
}
/* ~~~~~~~~~~~~~~~ END: Filler Bars ~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~ START: Promo Panel ~~~~~~~~~~~~~~~ */
.PromoPanelTopLeftCorner
{
	background-image: url(Images/promo_left_top.gif);
	background-repeat: no-repeat;
}

.PromoPanelTopRightCorner
{
	background-image: url(Images/promo_right_top.gif);
	background-repeat: no-repeat;
}

.PromoPanelBottomLeftCorner
{
	background-image: url(Images/promo_left_bottom.gif);
	background-repeat: no-repeat;
}

.PromoPanelBottomRightCorner
{
	background-image: url(Images/promo_right_bottom.gif);
	background-repeat: no-repeat;
}

.PromoPanelTopCentre
{
	background-image: url(Images/promo_centre_top.gif);
	background-repeat: repeat;
	height: 18px;
}
.PromoPanelBottomCentre
{
	background-image: url(Images/promo_centre_bottom.gif);
	background-repeat: repeat;
	height: 18px;
}
.PromoPanelLeftSide
{
	background-image: url(Images/promo_left_side.gif);
	background-repeat: repeat-y;
	width: 12px;
}
.PromoPanelRightSide
{
	background-image: url(Images/promo_right_side.gif);
	background-repeat: repeat-y;
	background-color: transparent;
	width: 20px;
}
.PromoPanelFill
{
	background-color: #e0e0e0;
	vertical-align: top;
	text-align: center;
}
.PromoPanelInner
{
	width: 150px;
	padding-bottom: 10px;
}
/* ~~~~~~~~~~~~~~~ END: Promo Panel ~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~ START: Cart Page ~~~~~~~~~~~~~~~ */
.CartSubTotal
{
	border: #a3a3a3 1px solid;
	border-top: #a3a3a3 0px solid;
	text-align: right;
}

.CartTotal
{
	border: #a3a3a3 1px solid;
	text-align: right;
	color: #FFFFFF;
	background-color: #B22222;
	font-weight: bold;
}
/* ~~~~~~~~~~~~~~~ END: Cart Page ~~~~~~~~~~~~~~~ */



/* ~~~~~~~~~~~~~~~ START: Checkout Page ~~~~~~~~~~~~~~~ */
.AddressTable
{
	border: #a3a3a3 1px solid;
	cursor: pointer;
}

.AddressTableSelected
{
	background-color: #999999;
	color: #000000;
	border: #a3a3a3 1px solid;
	cursor: pointer;
}
/* ~~~~~~~~~~~~~~~ END: Checkout Page ~~~~~~~~~~~~~~~ */





