﻿body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #000;
}
a
{
	text-decoration: none;
	color: #fff;
}
a:link
{
	text-decoration: none;
	color: #fff;
}
a:visited
{
	text-decoration: none;
	color: #fff;
}
a:hover
{
	text-decoration: none;
	color: #cc0000;
}
#mainContainer
{
	margin: 0 auto;
	width: 994px;
	height: 800px;
	background-color: #000; /*border: solid 1px #000;*/
}
.header
{
	width: 100%;
	height: 107px;
	background-color: Black;
}
.headerInternal
{
	width: 1024px;
	height: 107px;
	background-image: url('/images/Logo-Header.gif');
	background-repeat: no-repeat;
}
#menu
{
	background-color: #000000;
	width: 100%; /***border-top: solid 1px silver;***/
}
.mainContent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; /*border: solid 1px #444;*/ /*height: 606px;*/
	min-height: 606px;
	background-color: #000;
	background: url("/images/logos/background-s.gif") no-repeat top center;
	margin: 5px 0 auto;
	color: #fff;
}
.mainContentInternal
{
	border: 1px solid #000;
	height: 616px;
	background-color: #000;
	margin: 0 auto;
}
#footer
{
	clear: both;
	width: 100%;
	height: 30px;
	text-align: center;
	background-color: #000;
}
#footer2
{
	color: #fff;
	font-size: 10px;
	text-align: right;
	background-color: #000;
	float: right;
}
.required
{
	color: #cc0000;
}
.default
{
	color: Black;
}
select[disabled], input[disabled], select[readonly], select
{
	color: Black;
}
input, select
{
	font-size: 12px;
	font-family: Verdana;
}
.genWrapper
{
	margin: 0 auto;
	text-align: left;
	padding: 5px 5px 0px 10px;
	font-size: 12px;
	font-family: Verdana;
	position: relative;
}
.defaultFontSize
{
	font-size: 12px;
	font-family: Verdana;
}
#ResetPasswordControl
{
	margin: 0 auto;
	width: 500px;
	text-align: center;
	padding-top: 8px;
}
#ResetPasswordControl .tdErr
{
	padding-top: 20px;
}
.wizFieldSet
{
	padding-top: 10px;
	height: 150px;
}
#UserQuestionsControl
{
	margin: 0 auto;
	width: 600px;
	text-align: center;
	padding-top: 5px;
	font-family: Verdana;
	font-size: 12px;
}
/*Tables*/
#UserQuestionsControl .tdDataField
{
	text-align: left;
}
#UserQuestionsControl .tdTitleField
{
	text-align: right;
	padding-right: 5px;
}
#UserQuestionsControl .textbox
{
	width: 250px;
}
#UserQuestionsControl .dropdown
{
	width: 255px;
}
.AlignRight
{
	text-align: right;
}
.highlightLabel
{
	background-color: #DCDCDC;
	padding-left: 5px;
}
.highlightLabel2
{
	background-color: #fff;
	padding: 0px 5px 0px 5px;
	color: #000;
	font-size: 12px;
	font-family: Verdana;
}
.popupControl
{
	color: #000000;
	background-color: #CCFFFF;
	position: absolute;
	visibility: hidden;
	width: 230px;
	height: 135px;
}
/*Modal Popup*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.modalPopup
{
	background-color: #bbbbbb;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}
.welcome
{
	font-family: Arial;
	font-size: 22px;
	font-weight: bold;
	color: #666666;
}
.welcomeName
{
	font-family: Helvetica, Arial;
	font-size: 22px;
	font-weight: bold;
	color: #ffffff;
}
.whiteNormal
{
	font-family: Verdana;
	font-size: 12px;
	color: #ffffff;
}
.orderAssist
{
	background-color: #000000;
	/*position: relative;*/
	width: 490px;
	z-index: 20;
	/*top: -420px;*/
	/*left: 250px;*/
	padding: 2px 5px 2px 5px;
	border: solid 1px silver;
}
/*Drag Panel*/
.dragMe
{
	width: 100%;
	background-color: #000000;
	cursor: move;
}
/*Hover Menu*/
.popupMenu
{
	position: absolute;
	visibility: hidden;
	background-color: #ffffff;
}
.popupHover
{
	background-color: #FFFFFF;
}
.stockPopup
{
	background-color: #FFFFFF;
	border-width: 2px;
	border-style: solid;
	border-color: Gray;
	padding: 2px;
	z-index: 40;
	width: 500px;
	position: absolute;
	top: 0px;
	left: 0px;
}
.hiddenField
{
	display: none;
}
.visibleField
{
	display: block;
}
.itemSpec
{
	padding-bottom: 5px;
	font-weight: bold;
}
#progressBackgroundFilter
{
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 60;
}
#processMessage
{
	position: fixed;
	top: 27%;
	left: 43%;
	padding: 10px;
	width: 14%;
	z-index: 65;
	background-color: #fff;
	text-align: center;
	border: solid 1px #000;
	color: #cc0000;
}
div#tblTempHeader
{
	width: 995px;
}
div#tblTempHeader th
{
	background-color: #BBB;
	white-space: nowrap;
	text-align: center;
}
div#tblTempHeader tr
{
	color: #000000;
	background-color: #bbbbbb;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	height: 20px;
}
div.scrollDiv
{
	overflow-x: visible;
	overflow-y: auto;
	height: 535px;
	width: 995px;
	padding-top: 1px;
}
div.scrollDiv table.tableFix
{
	border-collapse: collapse;
}
div.scrollDiv table.tableFix td.Description
{
	width: 175px !important;
}
div.scrollDiv table.tableFix td
{
	vertical-align: top;
	padding: 1px;
}
.tableFix th
{
	text-align: center;
}
div.Clear
{
	clear: both;
	height: 1px;
}
.gridHeader
{
	/*position:absolute;     padding: 0px;     margin-top: -3px;*/
}
.paddingRight
{
	padding-right: 2px;
}
.menuItem
{
	height: 15px;
	padding: 0 10px 0 12px;
}
.menuItem a
{
	text-decoration: none;
	color: #fff;
	background: url("/images/bullet-small.png") no-repeat center left; /*     height: 20px;     padding-left:10px;     margin-left:10px;     */
	position: relative;
}
.menuItem a:link
{
	text-decoration: none;
	color: #fff;
}
.menuItem a:visited
{
	text-decoration: none;
	color: #fff;
}
.menuItem a:hover
{
	text-decoration: none;
	color: #ff0000;
}
.dynamicMenu
{
	background-color: #000000;
	border-color: Black;
	padding: 0px 5px 3px 12px;
	font-size: 8pt;
	z-index: 1000;
	position: relative;
}
.dynamicMenu a
{
	text-decoration: none;
	color: #fff;
	background: url("/images/bullet-small.png") no-repeat center left;
	z-index: 1000;
}
.dynamicMenu a:link
{
	text-decoration: none;
	color: #fff;
}
.dynamicMenu a:visited
{
	text-decoration: none;
	color: #fff;
}
.dynamicMenu a:hover
{
	text-decoration: none;
	color: #ff0000;
}
span.OrderTotal
{
	float: right;
	padding-right: 5px;
}
.product-logos img
{
	margin: 7px 4px 10px 0px;
	border: 0px;
}
div.TransparentPart, div.NewPart, div.SalePart, div.Closeout
{
	width: 13px;
	height: 14px;
	float: left;
}
div.NewPart
{
	background-color: SkyBlue;
}
div.SalePart
{
	background-color: #C00;
}
div.Closeout
{
	background-color: #C00;
}
td.ImageCell div
{
	margin: 2px;
	float: left;
}
fieldset legend
{
	color: #cc0000;
	padding: 0 8px 0 5px;
	font-weight: bold;
}
fieldset
{
	border: solid 3px #444; /*background-color:#000;*/
}
.marginButton
{
	margin: 5px 0 5px 0;
}
.padding5
{
	padding: 5px;
}
.padding10
{
	padding: 10px;
}
a.button,
.button
{
	background-color: #cc0000;
	border: solid 2px #444444;
	color: #ffffff;
	font-size: 12px;
	font-family: Verdana;
	text-transform: uppercase;
}
a.button { padding: 1px 14px; }
.title
{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding-top: 20px;
	color: #cc0000;
	text-transform: uppercase;
}
.hiddenColumn
{
	display: none;
}
.offerPanel
{
	position: absolute;
	width: 300;
	right: 10px;
	border: solid 2px red;
	text-align: center;
	top: -10px;
	padding: 0px 3px 0px 3px;
}
.product-left
{
	padding-bottom: 47px;
}
.product-right
{
	padding-bottom: 25px;
}
.dynamicMenuStyle
{
	padding-bottom: 2px;
	z-index: 1000;
	background-color: Black;
	top: 100px;
}
div.PurchaseHistory th.rgHeader a
{
	color: #0048ff !important;
	text-decoration:underline !important;	
}
.orderHeader
{
	background-color: #BBBBBB;
	white-space: nowrap;
}
.orderHeader th
{
	background-color: #BBBBBB;
}
.orderHeader td
{
	/*background-color: #BBBBBB;*/
}
.product-left img
{
	width: 447px;
}
.orderAltRow td
{
	background-color: #CCCCCC;
}
.whsDropDown
{
	z-index: -100;
}
.lastColumn
{
	padding-right: 4px;
}
.paging td
{
	background-color: Black;
}
.paging a
{
	padding-right: 5px;
}
.paging span
{
	color: red;
	padding-right: 5px;
}
div.Orders th,
div.Orders td
{
	padding:2px;	
}
span.PadRight
{
	padding-right: 10px;
}
div.CommandBar
{
	text-align: right;
	width: 100%;
	padding: 10px 0;
}
div.CommandBarTop
{
	padding-bottom: 5px;
}
div.Message
{
	text-align: center;
	width: 100%;
	padding: 20px 0;
	color: red;
}
div.Message h2
{
	padding: 10px 0;
}
div.Message div
{
	padding: 10px 0;
}
table.OrderDetails th,
table.OrderDetails td
{
	padding: 2px 4px;
}
.floatLeft { float: left; }
.floatRight { float: right; }
div.ISG { width:100%;text-align:right;padding-top:8px; }
div.OrderForm { width: 1000px; padding: 0px; }
div.OrderForm table { width: 100%; }
div.OrderForm th { text-align:center; }
div.OrderForm td.Status { width:30px; }
div.OrderForm td.Desc { width:200px; min-width: 200px; }
div.OrderForm td.Ware { width:170px; min-width: 170px; }
div.OrderForm td.Link { text-align:center; white-space:nowrap; }
div.OrderForm td { vertical-align: bottom; text-align: left; padding: 0px 5px; height: 28px; }
div.OrderForm div.AlignLeft { text-align: left; }
div.OrderForm td.Item_No input { width: 100px; }
div.OrderForm td.QTY input { width: 40px; }
div.OrderForm td.Price { white-space:nowrap; text-align: right; width: 60px; }
div.OrderForm div.Preloader { padding:0px; margin:0px; font-size: 1px; height:24px; background: #000 url('/images/preloader.gif') no-repeat top center; }
div.OrderForm div.Error { color: Red; display: inline; }
div.OrderForm div.OnHand { background-color: #FFF;border-width: 2px; border-style: solid; border-color: Gray; padding: 2px; z-index: 40; width: 500px; position: absolute; top: 0px; left: 0px;display:none; color:#000; }
div.OrderForm div.OnHand h3 { font-size: 110%;cursor: move; background-color: #BBB; text-align: center; font-weight: bold; padding: 5px 0; }
div.OrderForm div.Item { text-align: center; padding: 5px 0; }
div.OrderForm div.Stock { text-align: center; vertical-align: top; }
div.OrderForm div.Close { text-align: right; padding: 3px; }
div.OrderForm div.Close a { text-decoration: none; color: #cc0000; padding-right: 10px; }
div.OrderForm ul.ui-autocomplete
{
	overflow-y: auto !important;
	max-height: 260px !important;
	width: 400px !important;
	overflow-x: hidden;
}
div.OrderForm ul li { width: 400px !important; }
div.OrderForm div.SearchContainer fieldset
{
	color: #FFF;
	padding: 10px;
	margin-bottom: 10px;
}
div.OrderForm div.SearchContainer span { padding-right: 10px; }
div.OrderForm div.SearchContainer div
{
	margin: 0;
	padding: 0;
}
div.OrderForm div.Results { display: inline; }
div.OrderForm a.ItemSelect { text-decoration: underline; } 
div.OrderForm a.CloseLink { float:right;color:#FFF;padding:5px; }
table.Find td { height: 25px; }
div.BackOrdered td { padding: 5px 10px 5px 5px; }
div.Map { width: 100%; padding-top: 20px; }

.tooltip {
	display:none;
	background:transparent url('/js/tooltip/black_arrow.png');
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

.tooltipright {
	display:none;
	background:transparent url('/js/tooltip/black_arrow_right.png') no-repeat;
	font-size:12px;
	height:60px;
	width:166px;
	padding:25px;
	color:#fff;	
}
<!--[if lt IE 7]>
.tooltip {
	background:transparent url('js/tooltip/black_arrow.gif');
}
<![endif]-->

