
BODY {
	font-family : Tahoma;
	font-size : 11px;
}

a:hover {
	color: red;
	text-decoration: none;
	cursor: nw-resize;
	}

TD {
	font-family : Tahoma;
	font-size : 11px;
}

H2 {
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	color : #666666;
	margin-bottom : 6px;
	text-decoration : none;
}

H3 {
	font-family : Arial;
	font-size : 18px;
	font-weight : bold;
	color : #666666;
	margin-bottom : 6px
}

H4 {
	font-family : Arial;
	font-size : 16px;
	font-weight : bold;
	color : 666666;
	margin : 0px;
	padding : 0px;
}

INPUT {
	font-family : Tahoma;
	font-size : 11px;
}

.sP {
	font-family : Arial;
	font-size : 10px;
	margin-top : 4px;
	margin-bottom : 8px;
	width : 400px;
}

.coRow1 {
	padding : 4px;
	background-color : #EEEEEE;
}

.coRow2 {
	padding : 4px;
	background-color : #DDDDDD;
}

.coRow3 {
	padding : 4px;
	background-color : #778899;
	color : white;
}

.coRow4 {
	padding : 4px;
	background-color : #B0C4DE;
}

.coRowPromo {
	padding : 4px;
	background-color : #90EE90;
}

.inputPromo {
	background-color : #B0C4DE;
}

.inputQty {
	font-family : Tahoma;
	font-size : 11px;
	text-align : center;
}

.inputSelect {
	font-family : tahoma;
	font-size : 11px;
}

.inputButton {
	font-family : tahoma;
	font-size : 11px;
	background-color : #225588;
	border-left : 1 solid #E0E0E0;
	border-right : 1 solid #E0E0E0;
	border-top : 1 solid #E0E0E0;
	border-bottom : 1 solid #E0E0E0;
	padding : 2px;
	padding-left : 8px;
	padding-right : 8px;
	text-decoration : none;
	font-weight : bold;
	color : white;
}

.inputError {
	font-family : Tahoma;
	font-size : 11px;
	background-color : #FFDDDD;	
}

.inputButtonFinish {
	font-family : tahoma;
	font-size : 11px;
	font-weight : bold;
	background-color : red;
	color : white;
	border-top-color : lightred;
	border-left-color : #FFCCCC;
	border-right-color : darkred;
	border-bottom-color : darkred;
}

.inputSearch {
	font-family : Tahoma;
	font-size : 11px;
}

.searchGo {
	background-color : #666666;
	padding-left : 3px;
	font-family : Tahoma;
	font-size : 9px;
	color : white;
	border : 1 solid;
	border-top-color : #EEEEEE;
	border-left-color : #EEEEEE;
	border-right-color : #333333;
	border-bottom-color : #333333;
	margin-right : 20px;
	text-decoration : none;
}

.headTitle {
	padding-left : 10px;
	color : black;
	font-family : Verdana;
	font-size : 18px;
	font-weight : bold;
	letter-spacing : -2;
}

.headTitleSmall {
	color : black;
	font-family : Arial;
	font-size : 9px;
	font-weight : normal;
	letter-spacing : normal;
}

.subTitle {
	padding-left : 10px;
	color : black;
	font-family : Tahoma;
	font-size : 11px;
}

.SpecialTitle {
	padding-left : 0px;
	color : #0000EE;
	font-family : Verdana;
	font-size : 24px;
	font-weight : bold;
	letter-spacing : 8;
}

.topRight {
	text-align: right;
	background-color : black;
	color : white;
	padding : 3px;
	padding-right : 20px;
}

.grayBarLink {
	background-color : #225588;
	border-left : 1 solid #E0E0E0;
	padding : 2px;
	padding-left : 8px;
	padding-right : 8px;
	text-decoration : none;
	font-weight : bold;
}

.grayBarLinkFinal {
	background-color : #225588;
	border-left : 1 solid #E0E0E0;
	border-right : 1 solid #E0E0E0;
	padding : 2px;
	padding-left : 8px;
	padding-right : 8px;
	text-decoration : none;
	font-weight : bold;
}

.grayBar {
	background-color : #003366;
	border-top : 1 solid #AAAAAA;
	border-bottom : 1 solid #AAAAAA;
	color : E0E0E0;
	font-family : Verdana;
	font-weight : bold;
	font-size : 10px;
}
	
.navBar {
	width : 150px;
	padding-top : 10px;
	padding-left : 10px;
	padding-bottom : 10px;
	color : #333333;
	font-family : Arial;
	font-size : 12px;
}

.uifPane {
	position : absolute;
	left : 160;
	top : 130;
	background-color : white;
	visibility : hidden;
}

.bodyPane {
	padding-top : 10px;
	padding-left : 10px;
	height : 400px;
}

.footPane {
	padding-top : 10px;
	padding-bottom : 10px;
	padding-left : 10px;
}

.tableBorder {
	border : 1 solid black;
}

/*.scrollCart {
	overflow-y : scroll;
	height : 150px;
}

.scrollText {
	overflow-y : scroll;
	height : 300px;
}
*/
.headerRow {
	font-family : Arial;
	background-color : #225588;
	color : white;
	font-weight : bold;
}

.totalRow {
	font-family : Arial;
	color : black;
	font-weight : bold;
}

.editRow1 {
	padding : 4px;
	background-color : #EEEEEE;
}

.editRow2 {
	padding : 4px;
	background-color : #DDDDDD;
}

.editRow3 {
	padding : 4px;
	background-color : #666666;
	color : white;
}

.editRow4 {
	padding : 4px;
	background-color : #B0C4DE;
}

.textDetailBold {
	color : #000000;
	font-family : Arial;
	font-size : 12px;
	text-decoration : none;
	font-weight : bold;
	}

.textDetail {
	color : #000000;
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
	}
	.textDetail:link {
	color : #333333;
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
	}
	.textDetail:hover {
	color : red;
	font-family : Arial;
	font-size : 11px;
	text-decoration : underline;
	}
	
.textDarkGray {
	color : #333333;
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
	}
	.textDarkGray:link {
	color : #333333;
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
	}
	.textDarkGray:hover {
	color : red;
	font-family : Arial;
	font-size : 11px;
	text-decoration : underline;
	}


.textDarkGraySmall {
	color : #333333;
	font-family : tahoma;
	font-size : 9px;
}

.textStrike {
	text-decoration : line-through;
}

.textWhite {
	color : #FFFFFF;
}

.textNav {
	color : #000000;	
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
	}
	.textNav:link {
	color : #000000;
	font-family : Arial;
	font-size : 11px;
	text-decoration : none;
	}
	.textNav:hover {
	color : red;
	font-family : Arial;
	font-size : 11px;
	text-decoration : underline;
	}
	
	
	
.textGray {
	color : #E0E0E0;
}

.textGray1 {
	color : #E0E0E0;
	text-decoration : none;
}

.textRed {
	color : Red;
}

.textBlue {
	color : Blue;
}

.textBlack {
	color : #000000;
}

.textSmall {
	font-size : 9px;
	color : #333333;
	font-family : Arial;
	text-decoration : none;
}
.textSmall:link {
	color : #333333;
	font-family : Arial;
	font-size : 9px;
	text-decoration : none;
}
.textSmall:hover {
	color : red;
	font-family : Arial;
	font-size : 9px;
	text-decoration : underline;
}

.textNoPic {
	padding : 12px;
	background-color : #EEEEEE;
	color : #BBBBBB;
	text-align : center;
	border : 1 solid #E0E0E0;
}

.textMed {
	font-size : 12px;
}

.uifIndex {
	padding : 2px;
	padding-left : 8px;
	padding-right : 8px;
	border : 1 solid #666666;
	background-color : #EEEEEE;
}

.prodSumm {
	margin-top : 2px;
	margin-bottom : 6px;
	color : black;
	width : 200px;
}

.prodTitle {
	color : #4169E1;
}

.ftpText {
	margin-top : 2px;
	margin-bottom : 6px;
	color : black;
	font-weight : bold;
}

/* 	***********************************************

	Styles for the details page  
	
	*********************************************** */


.detBorder {
	border-top : 1 solid #333333;
	border-bottom : 1 solid #333333;
}

.detRow1 {
	padding : 6px;
	background-color : #EEEEEE;
	color : #333333;
}

.detRow2 {
	padding : 6px;
	background-color : DDDDDD;
	color : #333333;
}

.detPaneHead {
	font-family : Tahoma;
	font-size : 11px;
	font-weight : bold;
	color : #3A6EA5;
}

.detPaneTop {
	padding : 3px;
	padding-left : 8px;
	font-family : Arial;
	font-weight : bold;
	font-size : 12px;
	color : white;
	background-color : #3A6EA5;
	border-bottom : 1 solid black;
}

.detPaneRight {
	font-family : Tahoma;
	font-size : 11px;
	position : absolute;
	left : 154px;
	top : 23px;
	visibility: visible;
}

/* 	***********************************************

	Styles for the main nav drop downs  
	
	*********************************************** */

.menuStyle  {
	background-color : #FFFFCC;
	border-left : 1 solid #E0E0E0;
	border-right : 1 solid #E0E0E0;
	padding : 2px;
	padding-left : 8px;
	padding-right : 8px;
	text-decoration : none;
	font-weight : bold;
	color: #000000;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	width: 550
	}

#menuHead   {
	background-color: #FFFFCC;
	position: absolute;
	z-index: 50;
	top: 90px;
	left: 150px;
	border-left : 1 solid #E0E0E0;
	border-right : 1 solid #E0E0E0;
	padding : 2px;
	padding-left : 8px;
	padding-right : 8px;
	text-decoration : none;
	font-weight : bold;
	color: #003366;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif
	}

		
#menuHead1  {
	position: relative;
	}

#menu1 {
	position: absolute;
	z-index: 100;
	visibility: hidden;
	width: 200px;
	}

#menuHead2  {
	position: relative;
	}

#menu2 {
	position: absolute;
	z-index: 100;
	visibility: hidden;
	width: 200px;
	}
	
#menuHead3  {
	position: relative;
	}

#menu3 {
	position: absolute;
	z-index: 0;
	visibility: hidden;
	width: 200px;
	}

#menuHead4  {
	position: relative;
	}

#menu4 {
	position: absolute;
	z-index: 0;
	visibility: hidden;
	width: 200px;
	}
	
#menuHead5  {
	position: relative;
	}

#menu5 {
	position: absolute;
	z-index: 0;
	visibility: hidden;
	width: 200px;
	}
	
#menuHead6  {
	position: relative;
	}

#menu6 {
	position: absolute;
	z-index: 0;
	visibility: hidden;
	width: 200px;
	}
	
#menuHead7  {
	position: relative;
	}

#menu7 {
	position: absolute;
	z-index: 0;
	visibility: hidden;
	width: 200px;
	}
#menuHead8  {
	position: relative;
	}

#menu8 {
	position: absolute;
	z-index: 0;
	visibility: hidden;
	width: 200px;
	}
#menuHead9  {
	position: relative;
	}

#menu9 {
	position: absolute;
	z-index: 0;
	visibility: hidden;
	width: 200px;
	}
a.menulink:link {
	color: #000000;
	font-weight: bold;
	text-decoration: none
	}
	a.menulink:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none
	}
	a.menulink:hover {
	color: red;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	cursor: ne-resize;
	}
	a.ff.menulink: {
	color: #000000;
	font-weight: bold;
	text-decoration: none
	}
	a.ff.menulink:visited {
	color: #000000;
	font-weight: bold;
	text-decoration: none
	}
	a.ff.menulink:hover {
	color: red;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  
	font-weight: bold;
	text-decoration: none;
	cursor: ne-resize;
	}


