/* CONTENTS

    MY ACCOUNT
    - my account dealer menu (shopcustadmin.asp)
    - my account login, regular or forced
    - general my account page, like update password or join mailing list

    SHOP
    - product page (main.asp, common, main_util.asp, main_template*.asp), 
    includes page header, brands table, category table and more

    ADMIN
    - admin login (al.asp)
    - typical admin page, like news

    UNIDENTIFIED STUFF

*/

/*****
* MY ACCOUNT
*   also used for admin->configuration (shopa_config.asp, etc.)
*****/

/* MY ACCOUNT DEALER MENU (shopcustadmin.asp) */
.AdminMenuTable 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: solid 1px #333333;
}
.AdminMenuTable th
{
	padding: 3px 5px 3px 5px;
	color: #000000;
	background-color: #c0c0c0;
	text-align: center;
}
.AdminMenuTable td
{
	padding: 3px 5px 3px 5px;
	background-color: #fffaf0;
	color: #000000;
	text-align: left;
}

/* MY ACCOUNT LOGIN (regular or forced) */
.TableDefLogin
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fffaf0;
    border: solid 1px #333333;
}
.TableDefLogin td
{
	padding: 3px 5px 3px 5px;
	color: #000000;
	text-align: left;
}

/* GENERAL MY ACCOUNT PAGE, LIKE UPDATE PASSWORD OR JOIN MAILING LIST */
.TableDef
{
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid 1px #333333;
}
.TableDef td
{
	background-color: #fffaf0;
	padding: 3px 5px 3px 5px;
	color: #000000;
	text-align: left;
}
.TableDef th
{
	background-color: #333333;
	color: #ffffff;
	padding: 3px 5px 3px 5px;
	font-size: smaller;
	font-weight: bold;
}
.TableColumn
{
	color: #000000;
	text-align: left;
}
.shopInfoMsg
{
    margin: 80px 20px;
    font-weight: bold;
    text-align: center;
}
.shopInfoMsg a { font-weight: normal; }


/*****
* SHOP
*****/

/* PRODUCT PAGE (main.asp, common, util_main.asp, util_template*.asp)
* (page title, brands table, specials table, category table, product table) 
*/

.ProdPageTitle /* indicates if page contains brand, category, search results */
{
    margin: 0px 20px;
	background-color: #c0c0c0;
	line-height: 1.3em;
    font-weight: bold;
    font-size: 18px;
    color: #000000;
    padding-left: 3px;
}
.BrandTitle /* brand portion of ProdPageTitle */
{
    color: #890b0b;
}
.allbrands, .allbrands a /* "see all brands", "see all products for this brand" */
{
    color: #990000;
    font-size: 14px;
    font-weight: bold;
}
.shopByLabel /* labels: by brand, by category, specials */
{
    line-height: 1.3em;
    font-weight: bolder;
	color: #282828;
}
.ErrorMessage
{
    color: #990000;
}

.BrandTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
    border: solid 1px #333333;
	background-color: #fffaf0;
}
.BrandTable td
{
	text-align: left;
	font-size: 12px;
	padding-bottom: 8px;
	padding: 5px;
}
td.BrandHighlight { background-color: #c0c0c0;}
td.BrandHighlight a { color: #890b0b;}

.SpecialsTable
{
	background-color: #333333;
}
.SpecialsTable td
{
    width: 20%;
	padding: 10px 5px 5px 5px;
	text-align: center;
	background-color: #ffffff;
}
.specialtitle 
{
	width: 100%;
    display: block;
    line-height: 1.3em;
	font-weight: bold;
	text-align: left;
	background-color: #c0c0c0;
	color: #000000;
}
.specialimage { margin: 3px 0px; }
.specialname { font-weight: bold; text-align: left;}
.specialtext { color: #282828; text-align: left;}

.CategoryTable
{
	background-color: #333333;
}
.CategoryTable td
{
	padding: 10px 5px 10px 5px;
	text-align: center;
	background-color: #ffffff;
}

.ProductTable 
{ 
    background-color: #282828;
}
.ProductTable td 
{
    padding: 10px;
    background-color: #fffaf0;
}
.ProductTable img 
{
    border: solid 1px #282828;
}
.ProductName, a:link.ProductName
{   
    font-weight: bold;
    font-size: 14px;
}
.ProductRetail 
{   
    font-size: 11px;
    font-style: italic;
}
.ProductPrice 
{   
    font-size: 12px;
}
.ProductUOM
{   
    font-size: 10px;
}
.PriceStrikeout 
{
    color: Red;
    text-decoration:line-through;
}
td.XSell 
{
    background-color: #F3F6E1;
}

/* SHOP: cross-sell pop-up box */
body.ProductInfo
{
    margin: 0px auto;
    padding: 10px;
    text-align: center;
    background-color: white;
    color: black;
}
body.ProductInfo table
{
    margin: 0px auto;
}

/***
* ADMIN
***/

/* ADMIN LOGIN (al.asp) */
.AdminTable 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.AdminTable th, .AdminTable th b
{
	padding: 3px 5px 3px 5px;
    color: #000000;
    background-color: #c0c0c0;
}
.AdminTable td, .AdminTable td b
{
	padding: 3px 5px 3px 5px;
	background-color: #fffaf0;
	color: #000000;
	text-align: left;
}

/* price sheets admin, bulk update admin */
#priceSheetResults, #bulkUpdate
{
    text-align: left;
    margin: 10px 40px; 
}

/* TYPICAL ADMIN PAGE, LIKE NEWS */
/* FOUR PARTS: EditDisplayHeader, DisplayHeaderMenu, ReportTable, PageNavTable */
.EditDisplayHeader 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fffaf0;
	color: #000000;
	border: solid 1px black;
}
.EditDisplayHeader th, .EditDisplayHeader th b
{
	padding: 3px 5px 3px 5px;
	font-size: medium;
	text-align: center;
    color: #000000;
    background-color: #c0c0c0;
    border-bottom: solid 1px black;
}
.EditDisplayHeader td, .EditDisplayHeader td b
{
	padding: 3px 5px 3px 5px;
	text-align: center;
}
.EditDisplayFooter td, .EditDisplayFooter td b
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

.DisplayHeaderMenu 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px black;
}
.DisplayHeaderMenu td, .DisplayHeaderMenu td b
{
	padding: 3px 5px 3px 5px;
	text-align: center;
	background-color: #fffaf0;
	color: #000000;
}

.ReportTable 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: solid 1px black;
}
.ReportTable th, .ReportTable th b
{
	padding: 3px 5px 3px 5px;
	font-size: smaller;
	font-weight: normal;
    color: #000000;
    background-color: #c0c0c0;
    border-bottom: solid 1px black;
}
.ReportTable td, .ReportTable td b
{
    text-align: left;
	background-color: #fffaf0;
	color: #000000;
	padding: 3px 5px 0px 5px;
}

.PageNavTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.PageNavTable td
{
	padding: 3px 5px 3px 5px;
}

/* ADMIN: Excel Download Menu */
#excelDownloadMenuContent 
{
    padding: 30px;
    width: 100%;
    text-align: left;
}
#excelDownloadMenuContent p { margin: 6px auto; padding: 0px; }
#excelDownloadMenuContent ul { margin-top: 3px; }
#excelDownloadMenuContent table.MenuGroup
{
    margin-left: 0px;
    margin-right: 0px;
    width: 90%;
}
#excelDownloadMenuContent input.excelDLButton
{
    display: inline-block;
    margin: 2px 3px 0px 0px;
    padding: 0px;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
    overflow: visible;
    color: #163f8f;
    background: transparent;
    border: none;
    cursor: pointer;
}

/* UNIDENTIFIED STUFF */
.CatHeader
{
	font: 16px Arial Black, Arial, Helvetica, sans-serif;
	color: #215B5A;
}
.SubCatHeader, .ProdHeader
{
	font: 14px Arial Black, Arial, Helvetica, sans-serif;
	color: #215B5A;
}

.CatTable
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    border: solid 1px #333333;
}
.CatTable td
{
	text-align: center;
	font-weight: bold;
	color: #333333;
}
.CatTable th
{
	text-align: center;
	font: normal 16px Arial Black, Arial, Helvetica, sans-serif;
	color: #ffffff;
	background-color: #333333;
}
.CatLayout td
{
	text-align: center;
}

.SpecialOffer
{
    font-weight: bold;
    color: #CC0000;
}