/* GOPD Standard Style Sheet */

/* ----------------- LAYOUT -------------------- */
/* The layout of this style sheet uses the following pattern: */
/* A section will begin with a document element. */
/* The document element will be followed by various classes of the element */
/* The last section will contain various classes that can be assigned to more than one element */

/* Body style used for background color, image - text style and colors */
body
{
	font-size: 10pt;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Standard Form Element */
form         
{ 
	padding: 0; 
	margin: 0px 0px 
}
/*******************************************************************************************/
/* Various LINK Classes	********************************************************************/
/*******************************************************************************************/
/* Standard Link */
a
{
	font-size: 10pt;
	color: blue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:visited	{ color: #585858; }
a:hover		{ color: red; }

/* Secondary Link */
.a2
{
	font-weight: bold;
	font-size: 10pt;
	cursor: hand;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
.a2:visited		{ color: white }
.a2:hover    	{ color: black }

/* Small Text Link */
.a3
{
	font-size: 8pt;
	cursor: hand;
	color: blue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.a3:visited		{ color: blue }
.a3:hover    	{ color: red }

/* Medium Black Text Link */
.a4
{
	font-weight: bold;
	font-size: 10pt;
	cursor: hand;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.a4:visited		{ color: Black }
.a4:hover		{ color: Blue }

/* Small Black Text Link */
.a5
{
	font-weight: bold;
	font-size: 8pt;
	cursor: hand;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.a5:visited		{ color: black }
.a5:hover		{ color: blue }

/* Item Search Results Link */
.aItm           
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: blue 
}
.aItm:visited	{ color: gray }
.aItm:hover     { color: red }
.aItm:active	{ color: black; font-weight: bold; background-color: yellow }

/* Link for new GOPD web site design */
.aLogin
{
	font-size: 9px;
	color: #666CA3;
	text-decoration: none;
}
.aLogin:visited	{ color: #666CA3; text-decoration: none; }
.aLogin:active	{ color: #666CA3; text-decoration: none; }
.aLogin:hover	{ color: #A6A9C9; text-decoration: none; }

/* Link for new GOPD web site design */
.aMenu		
{ 
	color: #F5F5F5; 
	text-decoration: none; 
}
.aMenu:visited	{ color: #F5F5F5; text-decoration: none; }
.aMenu:active	{ color: #F7DDE0; text-decoration: none; }
.aMenu:hover	{ color: #DCDCDC; text-decoration: none; }

/* Option Description Link */
.aOpt
{
	font-size: 8pt;
	cursor: hand;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.aOpt:visited	{ color: gray }
.aOpt:hover    	{ color: red }

/* Calendar page links */
.calA
{
	font-size: 8pt;
	color: Black;
	text-decoration: none;
}
.calA:visited	{ color: Black }
.calA:hover		{ color: Black; text-decoration: underline; }

/* Calendar Gray Link */
.calG
{
	font-size: 8pt;
	color: Gray;
	text-decoration: none;
}
.calG:visited	{ color: Gray }
.calG:hover		{ color: Gray; text-decoration: underline; }

/* Same as a5 except with hover */
.catA
{
	font-weight: bold;
	font-size: 8pt;
	cursor: hand;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.catA:visited	{ color: black }
.catA:hover  	{ color: yellow }

/* White Bold text link with no underline */
.navA		
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: white;
	text-decoration: none; 
	font-weight: bold; 
	cursor: hand 
}
.navA:visited	{ color: white; }
.navA:hover		{ color: black; }

/* Text links for MaxPro user menu */
.navMP			
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #7e92c8;
	text-decoration: none; 
	font-weight: bold; 
	cursor: hand; 
}
.navMP:visited	{ color: #7e92c8; }
.navMP:hover	{ color: Silver; }

/* Small Link */
.SmA
{
	font-size: 8pt;
	color: blue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.SmA:visited	{ color: gray }
.SmA:hover		{ color: red }

/* Small BoldLink */
.SmAB			
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	color: blue 
}
.SmAB:visited	{ color: gray }
.SmAB:hover		{ color: red }

/* Another link variation */
.TblHeaderA			
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	color: blue; 
	text-decoration: none 
}
.TblHeaderA:visited	{ color: blue }
.TblHeaderA:hover   { color: red }
/* End of Link Classes	********************************************************************/

/*******************************************************************************************/
/* Various PARAGRAPH Classes	************************************************************/
/*******************************************************************************************/
/* Standard Paragraph Element */
p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

/* Page header text style - Shown in upper right of page */
.PageHdr     
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18pt; 
	font-weight: bold 
}

/* Page title text style - Shown in top middle of page */
.PageTitle   
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold 
}

/* Table standard header text style */
.TblHdrText
{
	font-size: 8pt;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* End of Paragraph Classes	****************************************************************/

/*******************************************************************************************/
/* Various TABLE Classes	****************************************************************/
/*******************************************************************************************/
/* Standard Table style */
table
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

/* Cart cell properties */
.cartCell
{
	border-right: gray 1px outset;
	border-top: gray 1px outset;
	font-size: 10pt;
	border-left: gray 1px outset;
	border-bottom: gray 1px outset;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F5F5F5;
}

/* Menu Table for MaxPro */
.navTblMP
{
	border-bottom: solid 3px silver;
	border-top: solid 3px silver;
	background-color: White;
}

/* New Table classes */
.TblOutline			
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	border: 1px solid #0000FF;  
}

/* Page top classes */
.topTbl			
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: white; 
	background-color: white 
}

/* Tables with three borders for graphical checkout */
.st
{
	width: 300px;
	border-right: #7e92c8 solid 1px; 
	border-left: #7e92c8 solid 1px;
	border-bottom: #7e92c8 solid 1px
}

.med
{
	width: 450px;
	border-right: #7e92c8 solid 1px;
	border-left: #7e92c8 solid 1px;
	border-bottom: #7e92c8 solid 1px
}

.lrg
{
	width: 640px;
	border-right: #7e92c8 solid 1px inset;
	border-left: #7e92c8 solid 1px;
	border-bottom: #7e92c8 solid 1px;
	padding: 2px
}

.xlrg
{
	width: 780px;
	border-right: #7e92c8 solid 1px;
	border-left: #7e92c8 solid 1px;
	border-bottom: #7e92c8 solid 1px;
	padding: 4px
}
/* End of Table Classes	********************************************************************/

/*******************************************************************************************/
/* Various TR and TD Classes	************************************************************/
/*******************************************************************************************/
/* Standard cell class element */
td
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

/* Catalog Class Classes */
.catTbl
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: LightSteelBlue;
}

/* Stock Inquiry Table Text Style for Detail Cells */
.InqTblText
{
	font-size: 10pt;
	color: navy;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Enhanced cart item number display */
.ItemNumber
{
	font-size: 12px;
	color: Gray;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Shared Left Border Classes */
.navTbl
{
	font-size: 10pt;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #7e92c8;
}

/* Common header for ink & toner pages */
.navTbl2
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: DarkSeaGreen;
}

/* Common header for order history pages */
.navTbl3
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #5F9EA0;
}

/* Alternate text used primarally with navTbl */
.navText
{
	font-weight: bold;
	font-size: 10pt;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Bad item table cell */
.TblBadItem
{
	font-size: 8pt;
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #DCDCDC;
}

/* Secondary table standard header row style */
.TblHdr
{
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: LightSteelBlue;
}

/* Class used in Lib/Itm_Custom.asp */
.TblHeader
{
	font-weight: bold;
	font-size: 10pt;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
}

/* Secondary table standard header with bold text */
.TblInfoHeader
{
	font-weight: bold;
	font-size: 8pt;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: LightSteelBlue;
}

/* Table outer item enclose style (puts border around item group) */
.TblItem
{
	border-right: #ff0000 2px solid;
	border-top: #ff0000 2px solid;
	margin-bottom: 6px;
	border-left: #ff0000 2px solid;
	border-bottom: #ff0000 2px solid;
}

/* Table Item header row style - used for item headers only */
.TblItemHdr
{
	font-size: 8pt;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: LightSteelBlue;
}

/* Option Table Header Row Only Style */
.TblOpt
{
	font-weight: bold;
	font-size: 8pt;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: LightSteelBlue;
}

/* Table Substitute item header row style - used for substitute items only */
.TblSubHdr
{
	font-size: 8pt;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFE0;
}
/* End of TR and TD Classes	****************************************************************/

/*******************************************************************************************/
/* Various Input and Select Classes	********************************************************/
/*******************************************************************************************/
/* Input boxes for graphical checkout */
.tb
{
	width: 120px;
	border-width: 1px;
	font-size: 10px;
	border-bottom-color: gray;
	border-right-color: gray;
}

.tbl
{
	width: 300px;
	border-width: 1px;
	font-size: 10px;
	border-bottom-color: gray;
	border-right-color: gray;
}

.tbm
{
	width: 150px;
	border-width: 1px;
	font-size: 10px;
	border-bottom-color: gray;
	border-right-color: gray;
}

.tbs
{
	width: 25px;
	border-width: 1px;
	font-size: 10px;
	border-bottom-color: gray;
	border-right-color: gray;
}

.tbsm
{
	width: 30px;
	border-width: 1px;
	font-size: 10px;
	border-bottom-color: gray;
	border-right-color: gray;
}

.tb60
{
	width: 60px;
	border-width: 1px;
	font-size: 10px;
	border-bottom-color: gray;
	border-right-color: gray;
}

.tb85
{
	width: 85px;
	border-width: 1px;
	font-size: 10px;
	border-bottom-color: gray;
	border-right-color: gray;
}

/* Slim Select boxes for graphical checkout */
.Select150
{
	width: 150px;
	border-width: 1px;
	font-size: 10px;
	border-bottom-color: gray;
	border-right-color: gray;
}

.Select80
{
	width: 80px;
	border-width: 1px;
	font-size: 10px;
	border-bottom-color: gray;
	border-right-color: gray;
}

.Std
{
	border-width: 1px;
	font-size: 10px;
	border-bottom-color: gray;
	border-right-color: gray;
}

/* Form Check box style */
.frmCheck    {  }

/* Form Text input box style */
.frmInput    
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
}

/* Form Text input box with red bold text */
.frmInputE   
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: red; 
	font-weight: bold; 
}

/* Form Option (drop-down list) style */
.frmOption   
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt 
}

/* Form Button styles */
.frmButton
{
	border-right: #5a5a5a 1px solid;
	border-top: #5a5a5a 1px solid;
	font-weight: bold;
	font-size: 8pt;
	margin-left: 0px;
	border-left: gray 2px solid;
	cursor: hand;
	color: #464646;
	border-bottom: #5a5a5a 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffe68c;
}

/* Form Button highlight style */
.frmButtonH
{
	border-right: #5a5a5a 1px solid;
	border-top: #5a5a5a 1px solid;
	font-weight: bold;
	font-size: 8pt;
	border-left: #5a5a5a 1px solid;
	cursor: hand;
	color: blue;
	border-bottom: #5a5a5a 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffe68c;
}

/* Form Button dealer top menu style */
.frmButtonM
{
	border-right: #5a5a5a 1px solid;
	border-top: #5a5a5a 1px solid;
	font-weight: bold;
	font-size: 8pt;
	border-left: #5a5a5a 1px solid;
	cursor: hand;
	color: white;
	border-bottom: #5a5a5a 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #7e92c8;
}

/* Form Button dealer bottom menu style */
.frmButtonMB
{
	border-right: #5a5a5a 1px solid;
	border-top: #5a5a5a 1px solid;
	font-weight: bold;
	font-size: 8pt;
	border-left: #5a5a5a 1px solid;
	cursor: hand;
	color: black;
	border-bottom: #5a5a5a 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffe68c;
}

/* Form Button dealer menu Logout style */
.frmButtonML
{
	border-right: #5a5a5a 1px solid;
	border-top: #5a5a5a 1px solid;
	font-weight: bold;
	font-size: 8pt;
	border-left: #5a5a5a 1px solid;
	cursor: hand;
	color: black;
	border-bottom: #5a5a5a 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffcc00;
}

/* Form Button dealer top menu Selected style */
.frmButtonMS
{
	border-right: #5a5a5a 1px solid;
	border-top: #5a5a5a 1px solid;
	font-weight: bold;
	font-size: 8pt;
	border-left: #5a5a5a 1px solid;
	cursor: hand;
	color: #ffe68c;
	border-bottom: #5a5a5a 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #7e92c8;
}
/* End of Input and Select Classes	********************************************************/

/*******************************************************************************************/
/* Various Text Classes	********************************************************************/
/*******************************************************************************************/
/* Big numbers used for Internal system status display */
.BigNo
{
	font-weight: bold;
	font-size: 26pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.BigNoB
{
	font-weight: bold;
	font-size: 26pt;
	color: blue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.BigNoE
{
	font-weight: bold;
	font-size: 26pt;
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.BigNoY
{
	font-weight: bold;
	font-size: 26pt;
	color: #DAA520;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Standard chain store text style */
.ChiTxt	
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 0pt; 
	color: white; 
	letter-spacing: 0pt; 
}

/* Input prompt text style - shown in front of form input boxes */
.InputPrompt 
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
    font-weight: bold; 
}

/* Medium text styles */
.MeTxtB	
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold 
}

.MeTxtE	
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold; 
	color: red 
}

.MeTxtN	
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10pt 
}

/* Large text styles */
.LgTxtB	
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold 
}

.LgTxtE	
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold; 
	color: red 
}

.LgTxtN	
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt 
}

/* Buy more and save text style */
.PriBuyMore
{
	font-weight: bold;
	font-size: 8pt;
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: yellow;
}

/* Contract item text style used for OP-BA-ConText */
.PriConText
{
	font-weight: bold;
	font-size: 8pt;
	color: blue;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Non-Contract item text style used for OP-BA-NonConText */
.PriNonConText
{
	font-weight: bold;
	font-size: 8pt;
	color: coral;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Small bold text */
.SmTxtB
{
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Small bold red text */
.SmTxtE
{
	font-weight: bold;
	font-size: 8pt;
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Small red text */
.SmTxtEN
{
	font-size: 8pt;
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Small gray text */
.SmTxtG
{
	font-size: 8pt;
	color: Gray;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Highlighted cell Even */
.SmTxtH
{
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: whitesmoke;
}

/* Small bold text with different background color */
.SmTxtHB
{
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: aliceblue;
}

/* Small bold red text with different background color */
.SmTxtHE
{
	font-weight: bold;
	font-size: 8pt;
	color: red;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: aliceblue;
}

/* Small text */
.SmTxtN
{
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Times New Roman";
}

/* Highlighted cell Odd */
.SmTxtY
{
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: white;
}

/* Small bold text with different background color */
.SmTxtZ
{
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffcc;
}
/* End of text Classes	********************************************************************/

/*******************************************************************************************/
/* Various Line Classes	********************************************************************/
/*******************************************************************************************/
/* Standard horizontal line style */
.StdLine     
{ 
	color: navy 
}

/* Gray horizontal line style */
.StdLineG
{
	color: Gray;
	height: 1px;
}

/* Line with a background image */
.line 
{ 
	background: #fff url('../images/borderLine.gif') no-repeat center center; 
	margin: 4px auto;
	height: 1px
}
/*******************************************************************************************/
/* More Various Classes	********************************************************************/
/*******************************************************************************************/
/* Table header for graphical checkout */
.thdr
{
	background-color: #7e92c8;
	font-size: 12px;
	color: white;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

/* Web Front End Styles */
.aTxt
{
	font-size: 10px;
	color: #F5F5F5;
	text-decoration: none;
}

/* Class for new GOPD web site design */
.phonetitle
{
	font-size: 10px;
	font-weight: bold;
	color: #666CA3;
}

/* Class for new GOPD web site design */
.contacttitle
{
	font-size: 10px;
	color: #666CA3;
}