/* ============================================================
    CSS STYLES FOR THE Penelope Marie Commerce site
    v1.0, 7/2004
   ============================================================
*/   

/* General Page Stuff! */
.HomeHead
{
    color: #330033;
    font-family: Verdana, Arial;
    font-size: 20px;
    font-weight: bold;
    HEIGHT: 35px
}
.SubHead
{
    color: #504f50;
    font-family: Arial;
    font-size: 26px;
    font-weight: bold;
}
.ErrorText
{
    color: red;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px    
}
.NotificationText
{
    color: #504f50;
    font-family: Arial;
    /*font-weight: bold;*/
}
.Marked
{
    color: red;
    font-family: Verdana, Arial;
    font-size: 8pt;
}
.OverviewSubHeading
{
    color: #504f50;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
}
.EmbeddedPicture
{
    border-color:#330033;
    border-style:solid;
    border-width:2px;
    margin:25px;
}
.smallprint
{
    color: #2C3128;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px    
}

/* MENU Items on Left Side */
.LeftMenuTable
{
	width:158;
}

A.MenuUnselected, A.MenuUnselected:link, A.MenuUnselected:visited
{
    color: #2C3128;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  12px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}

A.MenuUnselected:hover
{
    color: #330033;
    text-decoration: underline;
    padding-left: 10px
}

A.MenuSelected
{
    color: maroon;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  12px;
    font-weight: normal;
    line-height: 16px;
    padding-left: 10px
}
A.MenuSelected:hover
{
    color: #330033;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 10px
}

A.MenuSub
{
    color: #4E5649;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  11px;
    font-weight: normal;
    line-height: 16px;
    padding-left: 10px
}
A.MenuSub:hover
{
    color: #330033;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 10px
}
A.MenuSubSmaller
{
    color: #4E5649;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  9px;
    font-weight: normal;
    line-height: 16px;
    padding-left: 10px
}
A.MenuSubSmaller:hover
{
    color: #330033;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 10px
}
A.MenuSubSelected
{
    color: #330033;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  11px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}
A.MenuSubSelected:hover
{
    color: #4E5649;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 10px
}
A.MenuSubSelectedSmaller
{
    color: #330033;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  9px;
    font-weight: bold;
    line-height: 16px;
    padding-left: 10px
}
A.MenuSubSelectedSmaller:hover
{
    color: #4E5649;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    padding-left: 10px
}

A.MenuLink, A.MenuLink:link, A.MenuLink:visited
{
    color: #4E5649;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
	font-weight: bold;
    font-size:  12px;
    line-height: 20px;
    padding-left: 10px;
}

A.MenuLink:hover
{
    color: maroon;
    text-decoration: underline;
    padding-left: 10px
}


/* Product Images */
.ProductImages
{
    border-color:#330033;
	border-style:solid;
	border-width:thin;
}

/* ProductListControls */
.ProdListCtlTitle
{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color:#330033;
	font-size:10pt;	
	font-weight:normal;
	background-color:#F1F3EB;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	padding:2px;
}
.ProdListCtlFooter
{
	border-top-color: #cccccc;
	border-top-style: solid;
	border-top-width: 1px;
}
.ProdListCtlContainer
{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color:#555555;
	font-size:8pt;	
	font-weight:normal;
	background-color:#ffffff;
	border-right-color: #cccccc;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #cccccc;
	border-left-style: solid;
	border-left-width: 1px;
	padding:2px;
}
.ProdListCtlText
{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color:#4E5649;
	font-size:8pt;	
	font-weight:bold;
	text-decoration:none;
}
.ProdListCtlText:hover
{
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color:maroon;
	text-decoration:underline;
}
.ProductListHead
{
    color: #330033;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14pt;
    text-decoration: underline;
}
.ProductListItem
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 10px
}
.PriceLabel
{
    color: #4E5649;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14pt;
}
.UnitPrice
{
    color: #550033;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14pt;
}
.UnitProductNumber
{
    color: #666666;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
    line-height: 14pt;
}

/* Product BreadCrumb */
.BreadCrumb
{
    color: #330033;
    font-family: Verdana, Helvetica, sans-serif;
    text-decoration: none;
    font-size:  10px;
    font-weight: normal;
    line-height: 12px;
    padding-left: 10px;
}
a.BreadCrumb:Hover
{
    color: #990033;
    text-decoration: underline;
}

/* Maintenance Functions */
.maintTitle
{
    color: #330033;
    font-family: Verdana, Arial;
    font-size: 20px;
    font-weight: bold;
    HEIGHT: 30px
}
.maintSubTitle
{
    color: #330033;
    font-family: Verdana, Arial;
    font-size: 12px;
    font-weight: bold;
}
.maintLabel
{
    color: #330033;
    font-family: Verdana, Arial;
    font-size: 10px;
    line-height: 12pt;
    text-decoration: none;
}
.maintTextbox
{
    color: #000000;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: normal;
}
.maintCreateText
{
    color: black;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: bold;
}
.maintMenuItem
{
    color: #ffffff;
    background-color:#330033;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
.maintMenuItem:Hover
{
    color: goldenrod;
    background-color:#330033;
    font-family: Verdana, Arial;
    font-size: 10px;
    font-weight: normal;
    text-decoration: Underline;
}



/* ORDER/INVOICE Area */
.OrderSectionHeading
{
    background-color: #4f4f4f;
	color:#ffffff;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 4px;
}
.OrderAmounts
{
    font-family: Verdana, Helvetica, sans-serif;
    color: #330033;
    font-size: 10px;
    font-weight: bold;
    padding: 4px    
}
.OrderDataProblem
{
    background-color: lemonchiffon;
    color: #330033;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

/* Account Detail area of invoice */
.ADLabel
{
    background-color: #E2E6D8;
	color:#330033;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
}
.ADData
{
    background-color:#F1F3EB;
    color: #330033;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

/* text style used for most text rendered by modules */
.SectionHeading
{
    background-color:#E2E6D8;
    color: #2C3128;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 10px;
    padding:5;
    vertical-align: middle;    
}
.Normal
{
    color: #330033;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px    
}
.NormalBold
{
    font-family: Verdana, Helvetica, sans-serif;
    color: #330033;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px    
}

.NormalDouble
{
    color: #330033;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 18px    
}
.UrgentNotice
{
    color: #550033;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 18px    
}

/* ADMINISTRATION Menu */
.AdminHeading
{
    font-family: Verdana, Helvetica, sans-serif;
    color: #330033;
    font-size: 13px;
    font-weight: bold;
    line-height: 12px    
}
.AdminLink
{
    font-family: Verdana, Helvetica, sans-serif;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
	text-decoration:none;
}
.AdminLink:Hover
{
    font-family: Verdana, Helvetica, sans-serif;
    color: #ff0000;
    font-size: 11px;
    font-weight: normal;
	text-decoration:underline;
}
.FormError
{
    font-family: Verdana, Helvetica, sans-serif;
    color: #ff0000;
    font-size: 10px;
    font-weight: normal;
}

/* Copyright and Designed By */
.Copyright
{
    font-family: Verdana, Helvetica, sans-serif;
    color: #4E5649;
    font-size: 10px;
    font-weight: normal;
    line-height: 10px    
}
.Designer
{
    font-family: Verdana, Helvetica, sans-serif;
    color: #4E5649;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    text-decoration:none;    
}
.Designer:Hover
{
    color: #4E5649;
	text-decoration:underline;
}

/*Datagrid Styles*/
.datagrid  {
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	/*border-right:  1px #1d4568 solid; */
	/*border-left:  1px #1d4568 solid; */
	border-bottom:  1px #ccccc2 solid;
	width:100%;
	margin :10px 0px  10px 0px;
}
.datagrid td,th {
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	text-align :left;

}

.datagrid td a{
	color:#1D2F68;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.datagrid td a:hover{
	color: #CC9900;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

.datagrid .dghdr{
	font:  9px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #000; /* #fff; */
	background:#ccccc2;	/*#8a8ac0;*/
	padding: 0px 0px 0px 0px;
	text-decoration: none;
	font-weight :bold;
}

.datagrid .dghdr a{
	color:#000;
	font: 9px/17px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	font-weight :bold ;
}

.datagrid .dghdr a:hover{
	color: #1D2F68;
	font: 9px/17px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	font-weight :bold ;
}

.dgitem{
	color: #000000;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	padding: 2px 2px 2px 2px;
}
.dgitem a{
	color: #1D2F68;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	padding: 2px 2px 2px 2px;
}
.dgitem a:hover{
	color: #CC9900;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	padding: 2px 2px 2px 2px;
}
.dgaltitem {
	color: #000000;
	font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
	text-transform:capitalize;
	padding: 2px 2px 2px 2px;
	background:#ffffb5;
}

/* 02.21.2008 - Michael Arnold - Teknarus.com */
.RepHeader {
    font: 9px/17px Verdana, Arial, Helvetica, sans-serif; 
    color: #FFFFFF; 
    background: #4f4f4f;
    text-decoration: none; 
    font-weight: bold; 
    border: 1px #FFFFF solid;
}
.RepItem {
    background-color:#F1F3EB;
    color: #330033
}

.RepAltItem {
    background-color:#E2E6D8;
    color: #330033
}