body 
{
	font-family: Calibri, Verdana, Arial, Sans-Serif ;
	font-size: 12px;
	padding-bottom: 15px;
}

h2 {
	color: #3B2415;	
	display: block;
	font-size: 1.3em;
	font-weight: bold;
	padding-bottom: 5px;
	-webkit-margin-before: 0.83em;
	-webkit-margin-after: 0.83em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

h3
{
	color: #3B2415;
	font-size: 14px;
}

input
{
	font-family: Calibri, Verdana, Arial, Sans-Serif;
}

#popupdiv
{
	position: absolute;
	top: -190px;
	width: 325px;
	height: 90px;
	z-index: 5;
	cursor: pointer;
}

.center
{
	text-align: center;
}

.loadingGears
{
	background-color: #FFF;
	border: 0px;
	height: 1500px;
	left: 0px;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 100%;
	z-index: 100;
}

.logoutBox
{
	float: right;
	padding-right: 10px;	
}

/* GRID
----------------------------------------------------------*/
div.grid
{
	float: left;
}

div.gridCell
{
	border-right: 1px solid #d9d9d9;
	float: left;
	height: 17px;
	margin-left: 4px;
	padding: 3px 1px 0px 0px;
	text-align: right;
}

input.gridCell
{
	float: left;
}

div.gridCellNoBorder
{
	float: left;
	height: 20px;
	margin-left: 4px;
	padding: 0px 2px 0px 0px;
	text-align: center;
}

div.gridCellLeftBorder
{
	border-left: 1px solid #d9d9d9;
	float: left;
	height: 20px;
}

div.gridHeader
{
	background-image: url('../Images/expand_2.png');
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: 2px solid #3B2415;
	border-top: 2px solid #3B2415;
	background-color: #C8E8F5;
	color: #3B2415;
	font-size: 14px;
	cursor: pointer;
	height: 20px;
	margin-left: 6px;
	margin-top: 5px;
	padding: 8px 0px 5px 25px;
	width: 1020px;
}

div.gridRow
{
	height: 20px;
	width: 1105px;
}

div.gridRowListView
{
	height: 20px;
	margin-left: 6px;
	width: 1045px;
}

div.gridRowWarningPage
{
	margin-left: 6px;
	height: 20px;
}

div.gridRowSmall
{
	margin-left: 6px;
	height: 20px;
	width: 1043px;
}

div.gridRowMedium
{
	margin-left: 6px;
	height: 30px;
	width: 1043px;
}

div.gridRowError
{
	color: #F00;
	border: 1px solid #CCC; 
	padding: 2px 0px 2px 5px;
	width: 1090px;
}

div.gridRowWarningHeader
{
	margin-left: 6px;
	height: 30px;
	background-color: #C8E8F5;
	border: 1px solid #d9d9d9;
	color: #3B2415;
	padding: 5px;
}

div.gridRowWarning
{
	color: #00F;
	border: 1px solid #CCC; 
	padding: 2px 0px 2px 5px;
	width: 1090px;
}

div.gridRowOk
{
	color: Green;
	border: 1px solid #CCC; 
	padding: 2px 0px 2px 5px;
	width: 1090px;
}

div.gridRowMediumNoMargin
{
	height: 30px;
	width: 1050px;	
}

div.gridRowTall
{
	float: left;
	height: 40px;
	margin-left: 6px;
	width: 1043px;
}

div.gridRowOdd
{
	background-color: #EEEEEE;
}

div.gridRowEven
{
	background-color: #FFFFFF;
}

/* ITEM STATUS
--------------------------------------------------------------------*/
.activeAvailable
{
	background-color: #00B050;
}
.newAvailable
{
	background-color: #FF00FF;
}
.notAvailable
{
	background-color: #FF0000;
}
.discontinuedAvailable
{
	background-color: #FFFF00;
}
.corporateInactive
{
	background-color: #E46D0A;
}
.inactiveAvailable
{
	background-color: #8DB4E3;
}

/* DATA COLUMNS
--------------------------------------------------------------------*/
.columnHeader
{
	border-bottom: 1px solid #444;
	height: 20px;
	margin: 10px 0px 0px 5px;
	width: 228px;
}

div.gridSummary
{
	border: none;	
	width: 70px;
	padding-right: 5px;
}

div.gridItemNumber
{
	margin: 0px 0px 0px 0px;
	width: 95px;
}

div.gridDescription
{
	border: none;
	text-align: center;
	width: 195px;
}

div.gridDescriptionLong
{
	text-align: left;
	width: 300px;
}

div.gridNameDropBox
{
	border: 0px;
	padding-top: 0px;
	width: 173px;
}

div.gridNameDrop
{
	width: 173px;
}

div.gridPrice
{
	width: 52px;
}

div.gridNDFee
{
    color: #FF0000;
	width: 30px;	
}

div.gridOnOrder
{
	width: 30px;
}

div.gridDesignOnOrder
{
	width: 45px;
}

div.gridNameDropOnOrder
{
	width: 45px;
}

div.gridPrintSchedule
{
	width: 72px;
    text-align:center;
}

div.gridDesignCode
{
	width: 65px;	
}

div.GridColumnSkinny
{
	float: left;
    height: 30px;
	width: 100px;
}

div.GridColumn 
{
    clear: right;
    float: left;
    height: 30px;
    width: 200px;
}

div.gridColumnWide
{
	float: left;
	width: 150px;	
}

div.gridColumnDoubleWide
{
	float: left;
	width: 350px;
}

div.gridColumnExtraWide
{
	float: left;
	width: 450px;	
}

.gridHoverColor
{
	color: #444444;	
}

.gridHoverColor:hover
{
	text-decoration: none;
	color: Orange;
	cursor: pointer;
}

.gridHoverNone
{
	color: #444444;
}

.gridHoverNone:hover
{
	color: #444444;
	cursor: default;
}

div.topLeftCustomerSummary
{
	float: left;
	height: 70px;
	position: relative;
	top: 0px;
	width: 375px;
}

div.topLeftCustomerSummaryCart
{
	float: left;
	height: 40px;
	position: relative;
	top: 0px;
	width: 450px;
}

div.topMiddleFilter
{
	float: left;
	height: 70px;
	position: relative;	
	top: 0px;
	width: 400px;
    margin-left:30px;
}

div.topMiddleFilterCart
{
	float: left;
	height: 40px;
	position: relative;	
	top: 0px;
	width: 330px;
}

div.topRightOrderSummary
{
	float: left;
	height: 70px;
	position: relative;	
	top: 0px;
	width: 230px;
}

div.topRightOrderSummaryCart
{
	float: left;
	height: 40px;
	position: relative;	
	top: 0px;
	width: 250px;
}

.departmentFilterText
{
	font-size: 10px;
	left: 5px;
	position: absolute;
	text-align: center;
	top: 70px;
	width: 90px;
	z-index: 2;
}

.lineGroupFilterText
{
	font-size: 10px;
	left: 5px;
	position: absolute;
	text-align: center;
	top: 70px;
	width: 85px;
	z-index: 2;
}

.styleFilterText
{
	font-size: 10px;
	left: 90px;
	position: absolute;
	text-align: center;
	top: 70px;
	width: 55px;
	z-index: 2;
}

.colorFilterText
{
	font-size: 10px;
	left: 230px;
	position: absolute;
	text-align: center;
	top: 70px;
	width: 55px;
	z-index: 2;
}

div.oldIEAddBoxCart
{
	background-color: #FFF;
	height: 80px;
    top: 350px;
}

div.absoluteAddBoxCart
{
	background-color: #FFF;
	height: 92px;
    position: absolute;
    top: 245px;
}

div.fixedAddBoxCart
{
	background-color: #FFF;
	height: 92px;
    position: fixed;
    top: 0px;
    width: 1098px;
}

div.cartItemSpacer
{
	float: none; 
	width: 100%; 
	height: 155px;
}

div.oldIEAddBoxListView
{
	background-color: #FFF;
	height: 65px;
    margin-left: 6px;
    top: 360px;
    width: 1062px;
}

div.oldIEAdjustMarginUp
{
	margin-top: -17px;	
}

div.oldIEWarning
{
	background-color: #FFF;
	border: 1px solid #000;
	color: #F00;	
	display: none;
	left: 10px;
	padding: 5px;
	position: absolute;
	top: 60px;
	width: 200px;
}

div.compatibilityModeWarning
{
	background-color: #FFF;
	border: 1px solid #000;
	color: #F00;	
	display: none;
	left: 10px;
	padding: 5px;
	position: absolute;
	top: 50px;
	width: 200px;
}

div.absoluteAddBoxListView
{
	background-color: #FFF;
	color: #3B2415;
	height: 62px;
	padding: 8px 0px 10px 0px;
    position: absolute;
    top: 230px;
    width: 1045px;
    margin-left: 6px;
}

div.fixedAddBoxListView
{
	background-color: #FFF;
	height: 42px;
    margin-left: 6px;
    position: fixed;
    top: 0px;
    width: 1045px;
}

div.listViewItemSpacer
{
	float: none; 
	width: 100%; 
	height: 151px;
}

.listColumnHeader
{
	background-color: #FFF;
	border: 1px solid #3B2415;
	color: #3B2415;
	font-size: 11px;
	font-weight: bold;
	height: 20px;
	padding: 8px 0px 10px 0px;
    width: 1043px;
}

div.cartViewAddColumn
{
	float: left;
	padding-left: 5px;	
}

span.smallSaveMessage
{
	background-color: White;
	padding: 0px 0px 0px 5px;
	color: #3B2415;
}

select
{
	height: 21px;
}

input.gridItemNumber
{
	background-color: #FFFFFF;
	float: left;
	height: 24px;
	width: 93px;
}

input.gridQuantity
{
	font-size: 11px;
	height: 15px;
	text-align: right;
	width: 38px;
}

div.gridQuantity
{
	width: 40px;
}

div.gridDesignQuantity
{
	width: 30px;
}

div.gridQuantityBox
{
	padding-top: 0px;
	width: 40px;
}

div.gridStatus
{
	width: 12px;
}

div.gridDelete
{
	border-left: 1px solid #d9d9d9;
	cursor: pointer;
	float: left;
	margin-top: -3px;
	margin-left: 0px;
	width: 21px;
}

div.gridUm
{
	width: 34px;
}

div.gridTotal
{
	border: 0px;
	width: 36px;
}

div.gridFunction
{
	width: 55px;
}

div.gridLocation
{
	width: 23px;
}

.itemNumberColumn
{
	float: left;
	width: 120px;
	padding-right: 10px;
	text-align: center;
}

.qtyColumn
{
	float: left;
	width: 20px;
	padding-right: 10px;
	text-align: center;
}

.umColumn
{
	float: left;
	width: 20px;	
	padding-right: 10px;
	text-align: center;
}

.totalColumn
{
	float: left;
	width: 20px;	
	padding-right: 10px;
	text-align: center;
}


/* GENERAL LAYOUT
--------------------------------------------------------------------*/
div.cartViewTabChooser
{
	background-image: url('../Images/cartViewTab.png');
	height: 30px;
	margin: 8px 10px 0px 5px;
	width: 1090px;
}

div.listViewTabChooser
{
	background-image: url('../Images/listViewTab.png');
	height: 30px;
	margin: 8px 0px 0px 5px;
	width: 1050px;
}

div.orderingVerticalTabChooser
{
	border: 1px solid #CCCCCC;
	float: left;
	height: 145px;
	padding: 10px;
	margin: 10px 10px 10px 0px;
	width: 150px;
}

div.orderingTabChooser
{
	background-image: url('../Images/orderingTab.png');
	background-repeat: no-repeat;
	height: 30px;
	margin: 18px 0px 10px 5px;
	width: 764px;
}

#selectCartView
{
	background-repeat: no-repeat;
	color: #3B2415;
	cursor: pointer;
	float: left;
	font-size: 16px;
	height: 18px;
	margin-left: 11px;		
	padding: 2px 2px 5px 20px;
	width: 80px;
}

#selectListView
{
	background-repeat: no-repeat;
	color: #3B2415;
	cursor: pointer;
	float: left;
	font-size: 16px;
	height: 17px;
	margin-left: 110px;		
	padding: 3px 2px 5px 23px;
	width: 80px;
}

.selectOrderingMenuMain
{
	color: #3B2415;
	cursor: pointer;
	float: left;
	font-size: 13px;
	height: 15px;
	padding: 5px 4px 5px 5px;
	text-align: center;
	width: 118px;
}

.selectOrderingMenu
{
	background-repeat: no-repeat;
	color: #3B2415;
	cursor: pointer;
	float: right;
	font-size: 13px;
	height: 15px;
	padding: 5px 4px 5px 5px;
	text-align: center;
	width: 113px;
}

.selectOrderingMenuPadding
{
	float: right;
	width: 14px;
}

.selectOrderingMenuVertical
{
	color: #3B2415;
	cursor: pointer;
	float: none;
	font-size: 15px;
	height: 25px;	
}

#selectCartView:hover
{
	font-weight: bold;
	margin-left: 10px;		
}

#selectListView:hover
{
	font-weight: bold;
}

.selectOrderingMenuMain:hover
{
	font-weight: bold;
}

.selectOrderingMenu:hover
{
	font-weight: bold;
}

.selectOrderingMenuVertical:hover
{
	font-weight: bold;
}

.listHeader
{
	color: #3B2415;
	font-size: 11px;
	font-weight: bold;
	padding-bottom: 15px;
	text-align: center;
	width: 975px;
}

.cartViewListHeader
{
	background-color: #C8E8F5;
	border: 1px solid #d9d9d9;
	color: #3B2415;
	float: left;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	margin-left: 0px;
	padding: 5px 0px 5px 0px;
	text-align: center;
	width: 1102px;	
}

.listViewHeader
{
	float: left;
	padding-left: 5px;
	padding-bottom: 10px;
	width: 1050px;
}

.itemListView
{
	margin-bottom: 10px;
	width: 1098px;
    margin-top:30px;
}

.itemListViewWarning
{
	padding-bottom: 20px;
	text-align: center;
	width: 800px;
}

.filterBy
{
	border: 2px solid #C8E8F5;
	border-left: 1px solid #C8E8F5;
	border-right: 1px solid #C8E8F5;
	cursor: pointer;
	float: left;
	height: 20px;
	text-align: center;
	padding-top: 7px;
	vertical-align: middle;
	width: 80px;
}

.orderSummary
{
	float: left;
	height: 200px;
	width: 600px;
}

/* PWHUB - VERTICAL NAV 
--------------------------------------------------------------------*/
.topVerticalNav
{
	width: 200px; 
	height: 18px; 
	background-image: url('../Images/vertical-nav-top.png');
}

.contentVerticalNav
{
	width: 200px;
	background-image: url('../Images/vertical-nav-middle.png');
}

.bottomVerticalNav
{
	width: 200px;
	height: 18px;
	background-image: url('../Images/vertical-nav-bottom.png');	
}

/* OLD - ONLINE ORDERING
--------------------------------------------------------------------*/
.VerticalMenuItem
{
	font-size: 12px;
	font-family: verdana;
	cursor: pointer;
	color: #3B2415;
	padding-right: 6px;
	padding-left: 6px;
	text-decoration: none;
	padding-top:2px;
	padding-bottom:2px;
}
.VerticalMenuItem A
{
	font-size: 12px;
	font-family: verdana;
	cursor: pointer;
	color: black;
	padding-right: 6px;
	padding-left: 6px;
	text-decoration: none;
}
.VerticalMenuItemOver
{
	font-size: 12px;
	font-family: verdana;
	cursor: pointer;
	color: #C8E8F5;
	padding-right: 6px;
	padding-left: 6px;
	text-decoration: none;	
	padding-top:2px;
	padding-bottom:2px;	
}

.VerticalMenuItemOver A
{
	font-size: 8pt;
	font-family: verdana;
	font-weight: bold;
	cursor: pointer;
	color: black;
	padding-right: 6px;
	padding-left: 6px;
	text-decoration: none;
	background-color: #dfe1f6;
}
.SelectedVerticalMenuItem
{
	font-size: 10px;
	font-family: verdana;
	font-weight: normal;
	cursor: pointer;
	color: #FFF;
	padding-right: 6px;
	padding-left: 6px;
	text-decoration: none;
	padding-top:2px;
	padding-bottom:2px;
}
.SelectedVerticalMenuItemMouseOver
{	
	font-size: 10px;
	font-family: verdana;
	font-weight: normal;
	cursor: pointer;
	color: #FFF;
	padding-right: 6px;
	padding-left: 6px;
	text-decoration: none;
	padding-top:2px;
	padding-bottom:2px;
}

.RolloverButton
{
	cursor: pointer;
}

.OverLines
{
	font-size: 10px;
	font-family: Verdana;
	height: 20px;
	background-color: #dfe1f6;
}

.Error
{
	font-size: 15px;
	font-family: Calibri, Verdana, Arial;
	color: red;
}

.LargeError
{
	font-size: 20pt;
	font-family: Verdana;
	color: red;
}

.ErrorWindow 
{
    border: 1px solid #C8E8F5;
    padding: 30px;
    position: fixed;
    background-color: #FFF;
    z-index: 1000;
}

.Warning
{
	font-size: 8pt;
	font-family: Verdana;
	height: 15px;
	color: blue;
}

.ShipWarning
{
	font-size: 8pt;
	font-family: Verdana;
	height: 15px;
	color: Green;
}

.PaymentError
{
	color: Red;
	font-size: 15px;
	margin: auto;
	width: 650px;
}

.TableHeader 
{ 
	BORDER-RIGHT: black 1px; 
	PADDING-RIGHT: 5px; 
	BORDER-TOP: black thin;
	PADDING-LEFT: 2px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 1px; 
	VERTICAL-ALIGN: bottom; 
	COLOR: white; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: black 1px solid; 
	FONT-FAMILY: Verdana; 
	BACKGROUND-COLOR: #3B2415; 
	TEXT-ALIGN: center 
}

.TableHeaderWithoutText 
{ 
	BORDER-RIGHT: black 1px; 
	PADDING-RIGHT: 2px; 
	BORDER-TOP: black thin; 
	PADDING-LEFT: 2px; 
	PADDING-BOTTOM: 2px; 
	MARGIN: 1px; 
	COLOR: #FFF; 
	PADDING-TOP: 2px; 
	BORDER-BOTTOM: black 1px solid; 
	BACKGROUND-COLOR: #3B2415 
}
.DesignSizeGrid
{
	font-family: verdana;
	font-size: 8pt;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
}
.DesignSizeGrid th
{
	font-family: verdana;
	font-size: 8pt;
	text-align: center;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-bottom: gray 1px solid;
	margin-left: 5px;
	margin-right: 5px;
}
.DesignSizeGridItem
{
	cursor: pointer;
	text-align: center;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	border-right: gray 1px solid;
	border-bottom: gray 1px solid;
}
.DesignSizeGridDesign
{
	cursor: pointer;
	color: blue;
	text-align: center;
	text-decoration: underline;
	border-right: gray 1px solid;
	border-left: gray 1px solid;
}
.HeaderTop
{
    background-color: #C8E8F5;
    color: #3B2415;
    font-size: 10px;
    padding: 3px 3px 3px 3px;
    font-family: Verdana
}
.TopTitles
{
	background-color: #C8E6F3;
	color: #3B2415;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
    padding: 5px;
	text-align: left;
	white-space: nowrap;
}
.TextBoxCSSClass2 
{ 
	COLOR: #000000; 
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	FONT-SIZE: 12px;
	BORDER-BOTTOM-WIDTH: 0px; 
	WIDTH: 80px; 
	CURSOR: pointer; 	
	FONT-FAMILY: Verdana; 
	HEIGHT: 21px; 
	TEXT-ALIGN: right; 
	BORDER-RIGHT-WIDTH: 0px 
}
.NonEditableTextBoxCSSClass 
{ 
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	FONT-SIZE: 12px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	WIDTH: 55px; 
	CURSOR: default; 
	COLOR: #a9a9a9; 
	FONT-FAMILY: Verdana; 
	HEIGHT: 20px; 
	TEXT-ALIGN: right; 
	BORDER-RIGHT-WIDTH: 0px 
}
.TextBoxCSSClass 
{ 
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	FONT-SIZE: 12px;
	BORDER-BOTTOM-WIDTH: 0px; 
	WIDTH: 80px; 	
	FONT-FAMILY: Verdana; 
	HEIGHT: 21px; 
	TEXT-ALIGN: right; 
	BORDER-RIGHT-WIDTH: 0px;
	padding-left:5px; 
}
.TextBoxCSSClassFuture 
{ 
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	FONT-SIZE: 12px;
	BORDER-BOTTOM-WIDTH: 0px; 
	WIDTH: 80px; 	
	FONT-FAMILY: Verdana; 
	HEIGHT: 25px; 
	TEXT-ALIGN: right; 
	BORDER-RIGHT-WIDTH: 0px;
	padding-right:5px; 
}
.EditableTextBoxCSSClass 
{ 
	COLOR: #ff0000; 
	FONT-SIZE: 12px;
	BORDER-BOTTOM-WIDTH: 0px; 
	WIDTH: 80px; 	
	FONT-FAMILY: Verdana; 
	HEIGHT: 20px; 
	TEXT-ALIGN: right; 
	CURSOR: pointer; 	
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px 
}
.EditableTextBox 
{ 
	BORDER-RIGHT: #c0c0c0 1px solid; 
	BORDER-TOP: #c0c0c0 1px solid; 
	BORDER-LEFT: #c0c0c0 1px solid; 
	BORDER-BOTTOM: #c0c0c0 0px solid; 
}

.TableBorder 
{ 
	BORDER-RIGHT: black 1px solid; 
	BORDER-TOP: black 1px solid; 
	BORDER-LEFT: black 1px solid; 
	BORDER-BOTTOM: black 1px solid ;
}

.EditableTextBox3 
{ 
	BORDER-RIGHT: #c0c0c0 0px solid; 
	BORDER-TOP: #c0c0c0 1px solid; 
	BORDER-LEFT: #c0c0c0 1px solid; 
	BORDER-BOTTOM: #c0c0c0 0px solid 
}

.DescriptionColumn 
{ 
	FONT-SIZE: 12px; 
	FONT-FAMILY: Verdana 
}
.moduleRowEven
{
	font-size: x-small;
	font-family: Verdana;
	padding:3px 15px 3px 0px;
    HEIGHT: 20px;
    BACKGROUND-COLOR: #efefef;
}
.moduleRowOdd
{
	font-size: x-small;
	font-family: Verdana;
	padding:3px 15px 3px 0px;
    HEIGHT: 20px;
}
.TableHeader2 
{ 
	TEXT-ALIGN: left ;
	padding:2px 2px 2px 2px;
	BORDER-RIGHT: black 1px; 
	BORDER-TOP: black thin; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	MARGIN: 1px; 
	VERTICAL-ALIGN: bottom; 
	COLOR: white; 
	BORDER-BOTTOM: black 1px solid; 
	FONT-FAMILY: Verdana; 
	BACKGROUND-COLOR: #3B2415; 
}
.ViewPOLabel
{
    TEXT-ALIGN: left ;
    padding:2px 2px 2px 2px;	
	FONT-WEIGHT: bold; 
	FONT-SIZE: 11px; 	
	MARGIN: 1px; 
	VERTICAL-ALIGN: bottom; 
	COLOR: white; 	
	FONT-FAMILY: Verdana; 
	BACKGROUND-COLOR: #3B2415; 
}
.ViewBarCode
{
	color: Black;
	Font-family: Verdana, Arial, Microsoft Sans Serif;
	font-size: xx-small;
	padding: 2px;
	text-align: center;
}
table.ViewBarCode
{
	width: 250px;	
}

.Text
{
    font-size: 12px;
    font-family: Verdana
}

.Padded
{
	padding: 20px;
}

.Right
{
	text-align: right;	
}

#SavePurchaseOrder
{
	font-size: 12px;
	font-family: Verdana;
	padding: 20px;
	text-align: right;
	width: 420px;
}

TABLE.DynamicsOrder
{
    FONT-SIZE: 12px;
    WIDTH: 587px;
    FONT-FAMILY: Verdana
}
TABLE.DynamicsOrder TH
{
    FONT-SIZE: 10px;
    COLOR: white;
    FONT-FAMILY: Verdana;
    BACKGROUND-COLOR: #3B2415;
}
.HyperLinkSubMenu
{
	height: 15px;
    padding-top: 3px;
}

.HyperLinkSubMenuItem
{
	font-family:Verdana;
	font-size:10px;
	color: #3B2415;
	text-decoration:none;
	font-weight:normal;
	background-color:Transparent;
	height: 1px;
	padding-top:4px; 
	padding-bottom:4px; 
	vertical-align:middle;
}
.HyperLinkSubMenuItemMouseOver
{
	font-family:Verdana;
	font-size:10px;
	color: #3B2415;
	text-decoration:none;
	font-weight:bold;
	background-color:Transparent;
	height: 1px;
	padding-top:4px; 
	padding-bottom:4px; 
	vertical-align:middle;
}
.HyperLinkSubMenuItemSelected
{
	font-family:Verdana;
	font-size:10px;
	color: #FFF;
	text-decoration:none;
	font-weight:normal;
	background-color:Transparent;
	height: 1px;
	padding-top:4px; 
	padding-bottom:4px; 
	vertical-align:middle;
}
.AutoCompleteDropDown
{
	margin : 0px!important;
    font-family: Verdana;
    font-size: x-small;
    border: solid 1px #868686;
    position: absolute;
    left: 100px;
}
#accountonhold
{
	position: absolute;
	top: 250px;
	width: 325px;
	height: 90px;
	z-index: 5;
	cursor: pointer;
}
#pendingorders
{
	position: absolute;
	top: 250px;
	width: 325px;
	height: 90px;
	z-index: 5;
	cursor: pointer;
}
#errors
{
	position: absolute;
	top: 250px;
	width: 325px;
	height: 90px;
	z-index: 5;
	cursor: pointer;
}
#blackout
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1600px;
	height: 1000px;
	z-index: 4;
	cursor: pointer;
	background-color: #000;
	opacity: .4;
	filter: alpha(opacity=40);
}
#boPendingOrders
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1800px;
	height: 1000px;
	z-index: 4;
	cursor: pointer;
	background-color: #600;
	opacity: .6;
	filter: alpha(opacity=60);
}
#boFilter
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1800px;
	height: 1800px;
	z-index: 5;
	background-color: #555;
	opacity: .4;
	filter: alpha(opacity=40);
}

.filterPopup
{
	background-color: #FFF;
	border: 2px solid #3B2415;
	padding: 20px 20px 40px 20px;
	position: absolute;
	top: 300px;
	width: 950px;
	z-index: 6;
}

.topCorner
{
	border: 1px solid #3F3F3F;
	cursor: pointer;
	color: #3F3F3F;
	font-weight: bold;
	padding: 0px 0px 5px 3px;
	position: absolute;
	right: 5px;
	text-decoration: none;
	top: 5px;
	height: 8px;
	width: 10px;
}

.savingChanges
{
	border: 1px solid #0F0;
	color: #3B2415;
	left: 665px;
	position: absolute;
	top: 18px;
}

.SaveMessage
{
	border: 1px solid #FFFFFF;
	background-color: #3B2415;
	color: #FFFFFF;	
	font-size: 20px;
	height: 25px;
	left: 0px;
	position: fixed;
	text-align: center;
	bottom: 5px;
	width: 100%;
}

.LoadingMessage 
{
	border: 1px solid #FFFFFF;
	background-color: #337ab7;
	color: #FFFFFF;	
	font-size: 20px;
	height: 33px;
	left: 0px;
	position: fixed;
	text-align: center;
	bottom: 50px;
	width: 100%;
}

#orderingContent
{
	 font-family: Calibri, Verdana, Sans-Serif, Arial;
}

td.Link
{
    cursor: pointer; 
    text-decoration: underline; 
    text-align: right; 
    color: #00F;
}

.ViewPurchaseOrderContent 
{
    font-family: Calibri, Verdana, Arial;
    font-size: 15px;
    margin: auto;
    color: black;
}

.OrderGroupHeader 
{
    width: 800px;
    height: 25px;
    clear: both;
    padding: 7px 0px 10px 0px;
    font-size: 25px;
    font-family: Calibri, Verdana, Arial;
    margin-bottom: 10px;
    border-bottom: 2px solid #EFEFEF;
}

.OrderGroupDetail 
{
    clear: both;
	font-size: 18px;
	font-family: Calibri, Verdana, Arial; 
}

table.ItemDetail 
{
    border-collapse: collapse;
    margin-top: 10px;
    width: 800px;
    border: 1px solid #EFEFEF;
}

.HeaderTitles
{
	font-family: Calibri, Verdana, Arial;
	font-size: 18px;
    font-weight: normal;
    padding: 5px;
	text-align: right;
	white-space: nowrap;
}

.OddRow
{
    font-family: Calibri, Verdana, Arial;
    font-weight: normal;
    padding: 5px 5px 5px 5px;
    text-align: right;
    white-space: nowrap;
}

.EvenRow
{
    background-color: #efefef;
    font-family: Calibri, Verdana, Arial;
    font-weight: normal;
    padding: 5px 5px 5px 5px;
    text-align: right;
    white-space: nowrap;
}

/* Credit Card Payment */
table.SalesOrderPaymentSummary 
{
    width: 100%;
}

td.SalesOrderPaymentSummary:hover
{
    background-color: aliceblue;
}

table.PaymentChargeList 
{
    border: none;
    border-spacing: 0px;
    border-collapse: separate;
}

th.ChargeHeader 
{
    background-color: #465C71;
    color: #FFFFFF;
    height: 20px;
    font-size: 14px;
    text-align: center;
}

td.AuthorizeContainer 
{
    border: solid 1px #08b800;
    width: 405px;
}

td.ChargeContainer 
{
    border: solid 1px #4B6C9E;
    width: 405px;
}

td.ChargeContainer:hover
{
    background-color: aliceblue;
}

th.ChargeContainer:hover
{
    background-color: aliceblue;
}

table.ChargeDetail 
{
    border-collapse: separate;
    border-spacing: 0px;
    width: 100%;
}

.PaymentHeaderButton
{
	cursor: pointer;
	padding: 10px;
}

.PaymentHeaderButton:hover
{
	background-color: #BFDAFF;
}

.PaymentAddCharge 
{
    border: 1px solid #efefef;
    width: 200px;
    padding: 0px 10px 10px 10px;
}

.PaymentCaptureCharge 
{
    border: 1px solid #efefef;
    width: 405px;
    padding: 0px 10px 10px 10px;
}

.Error 
{
    color: Red;
}

.OnHold 
{
    border: darkred 2px solid; 
    background-color: pink; 
    text-align: center; 
    font-size: 18px; 
    color: red; 
    padding: 10px;
}
/* End Credit Card Payment */