body 
{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color:#eadfbd;
}

/* LAYOUT */

/* Login */
#LoginSplashDiv
{
	position:absolute; 
	left:50px; 
	top:50px;
	width:223px;
	height:200px;
	background: url('images/LoginSplash.jpg') no-repeat;
}

 
/* Header */
#HeaderBackgroundDiv
{
	position:relative;
	width:100%;
	padding-top:10px;
	padding-bottom:5px;
	background-color:White;
}
#HeaderDiv
{
    position: relative;
    width:860px;
    background-color:Transparent;
    border-style:none;
    border-width: 0px;
    margin-left: auto;
    margin-right: auto;
}
#HeaderLogoDiv
{
	width:344px;
	height:30px;
	background: url('images/HeaderLogo.gif') no-repeat;
}
#MenuBarBackgroundDiv
{
    position: relative;
    width:810px;
    height:38px;
    background-color:Transparent;
    border-style:none;
    border-width: 0px;
    margin-top:5px;
    margin-left: auto;
    margin-right: auto;
}
#MenuLeftDiv
{
	position:absolute;
	left:0px;
	top:0px;
	width:18px;
	height:36px;
	background: url('images/MenuLeft.gif') no-repeat;
}
#MenuContentDiv
{
	position:absolute;
	left:18px;
	top:0px;
	width:774px;
	height:36px;
	background: url('images/MenuMiddle.gif');
}
#MenuRightDiv
{
	position:absolute;
	left:792px;
	top:0px;
	width:18px;
	height:36px;
	background: url('images/MenuRight.gif') no-repeat;
}

#HeaderContentDiv
{
    position: relative;
    width:810px;
    background-color:Transparent;
    border-style:none;
    border-width: 0px;
    margin-left: auto;
    margin-right: auto;
}

/* Menu */
.MenuBar
{
	padding-top:7px;
	padding-right:10px;
	color:#f0ead8;
}
.MenuLink
{
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	outline:0px;
	color:#eadfbd;
}
.MenuLink:hover
{
	text-decoration:underline;
	outline:0px;
}
.MenuLinkSelected
{
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	background-color:#eadfbd;
	padding: 2px 3px 3px 3px;
	outline:0px;
	color:#000000;
}

/* Header Content */
.HeaderContentText
{
	font-family:Arial, Verdana;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	color:#666666;
}
.HeaderContentTextSelected
{
	font-family:Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	background-color:#cd6601;
	padding: 5px 5px 5px 5px;
	color:#ffffff;
}
.HeaderContentLink
{
	font-family:Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#cd6601;
}
.HeaderContentLink:hover
{
	color:#000000;
}

/* Content */
#ContentTopDiv
{
	position:relative;
	width:100%;
	height:8px;
	background: url('images/ContentTop.gif');
}
#ContentBackgroundDiv
{
	position:relative;
	width:100%;
	padding-top:20px;
	background-color:#999968;
}
#ContentHeaderDiv
{
	position:relative;
	top:0px;
	left:0px;
	width:860px;
	height:46px;
}
#ContentHeaderLeftDiv
{
	position:absolute;
	left:0px;
	top:0px;
	width:4px;
	height:46px;
	background: url('images/ContentHeaderLeft.gif') no-repeat;
}
#ContentHeaderMiddleDiv
{
	position:absolute;
	left:4px;
	top:0px;
	width:852px;
	height:46px;
	text-align:center;	
	background: url('images/ContentHeaderMiddle.gif');
}
#ContentHeaderTextDiv
{
	font-family:Arial, Verdana;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	text-align:center;	
	margin-top:12px;
	color:#eadfbd;
}
#ContentHeaderRightDiv
{
	position:absolute;
	left:856px;
	top:0px;
	width:4px;
	height:46px;
	background: url('images/ContentHeaderRight.gif') no-repeat;
}

#ContentDiv
{
    position: relative;
    top: 0px;
    width:860px;
    background-color:White;    
    border-style:none;
    border-width: 0px;   
    margin-left: auto;
    margin-right: auto;
}
#ContentBottomDiv
{
	position:relative;
	width:100%;
	height:8px;
	background: url('images/ContentBottom.gif');
}

/* Order Screens */
#OrderStep1
{
	padding-bottom:5px;
	width:535px;
	height:42px;
	background: url('images/OrderStep1.gif') no-repeat;
}
#OrderStep2
{
	padding-bottom:5px;
	width:535px;
	height:42px;
	background: url('images/OrderStep2.gif') no-repeat;
}
#OrderStep3
{
	padding-bottom:5px;
	width:535px;
	height:42px;
	background: url('images/OrderStep3.gif') no-repeat;
}

/* Footer */
#FooterBackgroundDiv
{
	position:relative;
	width:100%;
	background-color:#eadfbd;
}
#FooterDiv
{
    position: relative;
    top: 0px;
    width:860px;
    background-color:#eadfbd;
    border-style:solid;
    border-width: 0px;   
    margin-left: auto;
    margin-right: auto;
    padding-bottom:10px;
	font-family:Arial, Verdana;
	font-size:10px;
	color:#9a9a68;    
}

/* CONTROLS */

.HeaderText
{
	font-family:Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#51523e;
}
.NormalText
{
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	color:#51523e;
}
.NormalText a
{
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
	color:#51523e;
}
.NormalText a:hover
{
	color:#000000;
}

.NormalLink
{
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	text-decoration:underline;
	color:#51523e;
}
.NormalLink:hover
{
	color:#000000;
}

.NormalTextBox
{
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	border-style:solid;
	border-width:1px;
	border-color:#bfbfbf;
	color:#333333;
}
.LargerText
{
	font-family:Arial, Verdana;
	font-size:12px;
	font-weight:Larger;
	font-style:Larger;
	color:#51523e;
}
.LargerText a
{
	font-family:Arial, Verdana;
	font-size:12px;
	font-weight:Larger;
	font-style:Larger;
	text-decoration:underline;
	color:#51523e;
}
.LargerText a:hover
{
	color:#000000;
}

.LargerLink
{
	font-family:Arial, Verdana;
	font-size:12px;
	font-weight:Larger;
	font-style:Larger;
	text-decoration:underline;
	color:#51523e;
}
.LargerLink:hover
{
	color:#000000;
}

.LargerTextBox
{
	font-family:Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	font-style:Larger;
	border-style:solid;
	border-width:1px;
	border-color:#bfbfbf;
	color:#333333;
}
.ErrorText
{
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	color:#FF4444;
}

.ContextHelpText
{
	font-family:Arial, Verdana;
	font-size:10px;
	font-weight:normal;
	font-style:italic;
	color:#666666;
}

/* BUTTONS */
.GenericButton
{
	width:151px;
	height:34px;
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	color:#3b382a;
	outline:0px;
	border-style:none;	
	background: url('images/GenericButtonUp2.png') no-repeat;
}
.GenericButton:hover
{
	color:#111111;
	background: url('images/GenericButtonOv2.png') no-repeat;
	outline:0px;
	cursor:pointer;
}
.GenericButtonLarge
{
	width:200px;
	height:34px;
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	color:#3b382a;
	outline:0px;
	border-style:none;	
	background: url('images/GenericButtonLargeUp2.png') no-repeat;
}
.GenericButtonLarge:hover
{
	color:#111111;
	background: url('images/GenericButtonLargeOv2.png') no-repeat;
	outline:0px;
	cursor:pointer;
}
.BulkButton
{
	width:152px;
	height:35px;
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	color:#3b382a;
	outline:0px;
	border-style:none;	
	background: url('images/BulkUp2.png') no-repeat;
}
.BulkButton:hover
{
	color:#111111;
	background: url('images/BulkOv2.png') no-repeat;
	outline:0px;
	cursor:pointer;
}
.InventoryReorderButton
{
	width:152px;
	height:35px;
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	color:#3b382a;
	outline:0px;
	border-style:none;	
	background: url('images/InventoryReorderUp2.png') no-repeat;
}
.InventoryReorderButton:hover
{
	color:#111111;
	background: url('images/InventoryReorderOv2.png') no-repeat;
	outline:0px;
	cursor:pointer;
}
.NextButton
{
	width:182px;
	height:35px;
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	color:#3b382a;
	outline:0px;
	border-style:none;	
	background: url('images/NextUp2.png') no-repeat;
}
.NextButton:hover
{
	color:#111111;
	background: url('images/NextOv2.png') no-repeat;
	outline:0px;
	cursor:pointer;
}
.BackButton
{
	width:182px;
	height:35px;
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	color:#3b382a;
	outline:0px;
	border-style:none;	
	background: url('images/BackUp2.png') no-repeat;
}
.BackButton:hover
{
	color:#111111;
	background: url('images/BackOv2.png') no-repeat;
	outline:0px;
	cursor:pointer;
}
.AddButton
{
	width:182px;
	height:35px;
	font-family:Arial, Verdana;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
	color:#3b382a;
	outline:0px;
	border-style:none;	
	background: url('images/AddUp2.png') no-repeat;	
}
.AddButton:hover
{
	color:#111111;
	background: url('images/AddOv2.png') no-repeat;
	outline:0px;
	cursor:pointer;
}
/* TABLES */
TABLE.eborder {
	BORDER-RIGHT: #797979 1px solid; BORDER-TOP: #797979 1px solid; BORDER-LEFT: #797979 1px solid; BORDER-BOTTOM: #797979 1px solid
}

/* GRID */
.PagingGrid
{
	background-color:#ffffff;  
    color:#666666;
    font-weight:normal;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
    border-top-style:none;
    border-top-width:0px;
    border-left-style:none;
    border-left-width:0px;
    border-right-style:none;
    border-right-width:0px;
    border-bottom-style:none;
    border-bottom-width:0px;
}
.PagingGrid TR
{
    border-top-style:none;
    border-top-width:0px;
    border-left-style:none;
    border-left-width:0px;
    border-right-style:none;
    border-right-width:0px;
    border-bottom-style:none;
    border-bottom-width:0px;
}
.PagingGrid TH
{
	font-family:Arial,Verdana; 
    font-size:11px;
    font-weight:bold;
    color: #666666;
    border-top-style:none;
    border-top-width:0px;
    border-left-style:none;
    border-left-width:0px;
    border-right-style:none;
    border-right-width:0px;
    border-bottom-style:none;
    border-bottom-width:0px;
    padding: 3px 3px 3px 3px;
}
.PagingGrid TH a
{
	font-family:Arial,Verdana; 
    font-size:11px;
    font-weight:bold;
    color: #666666;
    outline:0px;
}
.PagingGrid TD
{
    border-top-style:none;
    border-top-width:0px;
    border-left-style:none;
    border-left-width:0px;
    border-right-style:none;
    border-right-width:0px;
    border-bottom-style:none;
    border-bottom-width:0px;
    padding: 3px 3px 3px 3px;
}
.PagingGrid a
{
	font-family:Arial,Verdana; 
    font-size:11px;
    font-weight:normal; 
    color: #666666;
    background-color:Transparent;
    outline:0px;
}

.ContentGrid
{
	background-color:#ffffff;  
    color:#666666;
    font-weight:normal;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
    border-top-style:none;
    border-top-width:0px;
    border-left-style:none;
    border-left-width:0px;
    border-right-style:none;
    border-right-width:0px;
    border-bottom-style:none;
    border-bottom-width:0px;
}
.ContentGrid TR
{
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#999999;
}
.ContentGrid TH
{
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#999999;
}
.ContentGrid TD
{
    border-right-style:dotted;
    border-right-width:1px;
    border-right-color:#999999;
    border-bottom-style:solid;
    border-bottom-width:1px;
    border-bottom-color:#999999;
}
.ContentGrid a
{
	font-family:Arial,Verdana; 
    font-size:11px;
    font-weight:normal; 
    color: #333333;
    background-color:Transparent;
    text-decoration:none;
    outline:0px;
}
.ContentGrid a:hover
{
    text-decoration:underline;
    outline:0px;
}

.FastenerGrid
{
	background-color:#ffffff;  
    color:#666666;
    font-weight:normal;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
    border-top-style:none;
    border-top-width:0px;
    border-left-style:none;
    border-left-width:0px;
    border-right-style:none;
    border-right-width:0px;
    border-bottom-style:none;
    border-bottom-width:0px;
}
.FastenerGrid TR
{
    border-top-style:none;
    border-top-width:0px;
    border-left-style:none;
    border-left-width:0px;
    border-right-style:none;
    border-right-width:0px;
    border-bottom-style:none;
    border-bottom-width:0px;
}
.FastenerGrid TH
{
	font-family:Arial,Verdana; 
    font-size:12px;
    font-weight:bold;
    color: #51523e;
    border-top-style:none;
    border-top-width:0px;
    border-left-style:none;
    border-left-width:0px;
    border-right-style:none;
    border-right-width:0px;
    border-bottom-style:none;
    border-bottom-width:0px;
    padding: 3px 3px 3px 3px;
}
.FastenerGrid TH a
{
	font-family:Arial,Verdana; 
    font-size:12px;
    font-weight:bold;
    color: #51523e;
    outline:0px;
}
.FastenerGrid TD
{
    border-top-style:none;
    border-top-width:0px;
    border-left-style:none;
    border-left-width:0px;
    border-right-style:none;
    border-right-width:0px;
    border-bottom-style:none;
    border-bottom-width:0px;
    padding: 3px 3px 3px 3px;
}
.FastenerGrid a
{
	font-family:Arial,Verdana; 
    font-size:11px;
    font-weight:normal; 
    color: #666666;
    background-color:Transparent;
    outline:0px;
}

.GridTable
{
	background-color:Transparent; 
    color:#666666;
    font-weight:normal;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica;
    border-top-style:none;
    border-top-width:0px;
    border-left-style:none;
    border-left-width:0px;
    border-right-style:none;
    border-right-width:0px;
    border-bottom-style:none;
    border-bottom-width:0px;
}
.GridTable TR
{
    border-bottom-style:none;
    border-bottom-width:0px;
    border-bottom-color:#999999;
}
.GridTable TH
{
    border-bottom-style:none;
    border-bottom-width:0px;
    border-bottom-color:#999999;
}
.GridTable TD
{
    border-right-style:none;
    border-right-width:0px;
    border-right-color:#999999;
    border-bottom-style:none;
    border-bottom-width:0px;
    border-bottom-color:#999999;
}

.GridHeader
{
    font-family:Arial,Verdana; 
    font-size:12px;
    font-weight:normal; 
    color: #333333;
    background-color:Transparent;
    text-decoration:none;
}
.GridLabel
{
    font-family:Arial,Verdana; 
    font-size:11px;
    font-weight:normal; 
    color: #333333;
    background-color:Transparent;
    text-decoration:none;
}
.GridLink
{
    font-family:Arial,Verdana; 
    font-size:11px;
    font-weight:normal; 
    color: #333333;
    background-color:Transparent;
    text-decoration:none;
    outline:0px;
}
.GridLink:hover
{
	text-decoration:underline;
}
.GridDeleteLink
{
    font-family:Arial,Verdana; 
    font-size:10px;
    font-weight:normal; 
    color: #333333;
    background-color:Transparent;
    text-decoration:none;
}
.GridDeleteLink:hover
{
	text-decoration:underline;
}