/* order grid */

.thickBlueText {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #02339C;
	font-weight: bold;
}

.thickOrangeText {
	font-family: arial, helvetica, sans-serif;
	font-size: 14pt;
	text-decoration: none;
	color: #f78333;
}

.smallBlueText {
	font-size: 11px;
	font-weight: bold;
	/*color: #144bb7;*/
	color: #2252B0;
}

a.medBlueLink:link,
a.medBlueLink:active,
a.medBlueLink:visited{
	color: #1141A0;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

a.medBlueLink:hover{
	color: #333333;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
}

.enterStyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
}

.darkBorder {
	border: 1px solid #666666;
}

.sizeText {
	font-family: Verdana, Helvetica, Arial;
	font-size: 14px;
	color: #003399;
	font-weight: bold;
}

.inputGrid {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	border: 1pt inset #ccd6eb;
	width: 30px; 
	font-weight: normal;
}

.gridBorder {
	border: 1pt solid #d3d3de;
	margin-left: -1px;
}

.outsideBorder {
	border: 1pt solid #ccd6eb;
	border-bottom: none;
	border-right: none;
	border-top: none;
}

.rightBorder {
	border: 1pt solid #ccd6eb;
	border-bottom: none;
	border-left: none;
	border-top: none;
	background-color: #EDF3FF;
}

.closeOut {
	font-family: Arial Narrow, Helvetica, sans-serif;
	font-size: 11px;
	color: #F71D10;
	font-weight: bold;
}

.rightPadding {
	padding-right: 5px;
}

/*.popUp {
	background-color: #EDF3FF;
	margin-top: 4px;
	border: 1px solid #003094;
	border-left: none;
	border-right: none;
	border-top: none;
}*/

.altGridBGColor {
	background-color: #f6f6f6;
}

.darkBold {
 font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4c4c62;
	font-weight: bold;
}

.imgDesc {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #4c4c62;
	font-weight: bold;
}

/* pop up */

.leftFrameMargin {
	margin-left: -2px;
}

.popUpMargin {
	/*margin: 0px;*/
	margin-left: -2px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.swatchBox {
	height: 19px;
	border: 1px solid #c0c0c0;
}

.swatchText, {
color: #000000;
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: normal;
padding-top: 1px;
}

.swatchText a {
color: #000000;
font-family: Arial, sans-serif;
font-size: 10px;
text-decoration: none;
}

.swatchText a:hover {
color: #000000;
font-family: Arial, sans-serif;
font-size: 10px;
text-decoration: underline;
}

.topBarColor {
	position: absolute;
	top: 7px;
	left: 290px;
	
}

.topBarSize {
	position: absolute;
	top: 7px;
	left: 430px;
}

.styleAlign {
	padding-left: 24px;
	padding-bottom: 0px;
}

.styleBlue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #02339C;
	font-weight: bold;
}

.styleOrange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13pt;
	color: #f78333;
	font-weight: bold;
}

.topImgSpace {
	padding-top: 3px;
}

.swatchCellPadding {
	padding-top: 5px;
	padding-left: 15px;
}

/*** New Styles ***/
.style2 {
 font-size: 10px;
	font-weight: bold;
}

.style3 {
	color: #000099;
	font-size: 11px;
}

.style5 {
 font-size: 11px; 
	color: #cc0000; 
}

b {
	font-weight: bold;
	color: #003399;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

.styleDesc {
 font-size: 10px;
 color: #4c4c62
}

.imgBorder {
border: 1px solid #d7d7d7;
}

.orangeText {
	color:#f56400; 
	font-size: 11px; 
	font-family: verdana; 
	font-weight: bold;
}

li {
	line-height: 15px;
	color: #2252B0;
}

.tddata{
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #4c4c62; /* details */
}

.newDesc
{
 color: #cc0000;
 font-weight: bold;
 font-size: 11px;
}

.colorDispMsg
{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000099;
}