@charset "UTF-8";

@media print
{
 /*****v Confirmation Page/Email v*****/
 div#printM { color: #ffffff; display: none; }
 /*****^ Confirmation Page/Email ^*****/
} /* media print */
.fdm4Button a {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#B5121B;
border-color:#666666;
border-style:solid;
border-width:1px;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:9pt;
font-weight:bold;
padding:4px;
text-align:center;
vertical-align:middle;
white-space:nowrap;
}
.fdm4Button a:link, .fdm4Button a:visited, .fdm4Button a:hover {
color:#ffffff;
font-family:Arial,Helvetica,sans-serif;
font-size:9pt;
font-weight:bold;
text-decoration:none;
}
.fdm4Button a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#B5121B;
}

.fdm4ButtonTD { padding: 0px 0px 3px 0px; }

body {
	font-family:arial,tahoma,serif;
 	font-size: 12px;
 	text-align:center;
	background-color:#FFF;
	/* valentine's day */
	/* background : url('/trimarknew/images/bg-valentine.jpg') no-repeat 0 0; */
	/*background-position: top;*/ 
	/*background-attachment:fixed;*/
	/* holiday */
	/*background-image:url(http://www.trimarksportswear.com/trimarknew/images/background/HolidayBKG.png);
	background-repeat:repeat-x;
	background-position:top left;*/
}
img{
 border: 0;
 margin:0;
 padding:0;
}
.divAlign{  margin:0 auto; width:980px; }
.siteTable { width: 980px; text-align:left; background-color:#ffffff;}
.layoutMenu{ width: 155px; padding: 13px 10px 0 0; vertical-align: top; }
.layoutContent { width: 815px; }
.layoutHeader { height: 90px; width: 980px; position:relative; z-index:2;}

.gradient
{
/* background : url('/trimarknew/images/header/topgradient.png') repeat-x; */
 clear:both;
 width : 980px;
 height : 1px;
 float : left;
 padding : 0px;
 margin : 0px;
 position: absolute;
 top:130px;
 z-index:2;
}

/* IE hacks for relative positioning bugs */
*:first-child+html .gradient,
* html .gradient{
 left:0px;
}
/* header and menu */
#textsearch { border:0; line-height: 17px; height:17px; }
#welcome { font-size: 10px; font-family:Arial,Helvetica,sans-serif; margin-right:10px; width:121px; }
.headerLoggedIn { display: none; }

#menuListheader{ z-index: 9999; }
#menuListheader ul, ul#menuListheader { /* all lists */
 padding: 0;
 margin : 0;
 list-style: none;
 float:right;
 clear:none;
 z-index: 9999;
}

#menuListheader li { /* all list items */
 float: left;
 position: relative;
 height:32px;
 z-index:9999;
}

#menuListheader li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
 top: auto;
 left: auto;
}

#menuListheader li ul { /* second-level lists */
 display: none;
 position: absolute;
 top: 32px;
 left: 0;
 padding-top:2px;
 z-index:9999;
 /*opacity:0.9; filter:alpha(opacity=90);*/
 background-color:#262626; 
}

#menuListheader li ul li { /* second-level lists items */
  height: 15px;
  line-height:15px;
  text-align:left;
  clear:left;
  position:relative;
  z-index:9999;
}
#menuListheader li ul li a{
 display:block;
 padding:1px 0 1px 17px;
 color:#FFF;
 text-decoration:none;
 width:183px;
 height:13px;
 line-height:13px;
}
#menuListheader li ul li a:hover{
 background-color: #b5121b;
}
#menuListheader li ul li:hover{
 background-color: #b5121b;
}
/*
#menuListheader li:hover ul,#menuListheader li.over ul { /* lists nested under hovered list items */
 display: inline;
 background-color:#262626;
}
#menuListheader li:hover ul, #menuListheader li.over ul a { /* lists nested under hovered list items */
 background-color:#262626;
 color : #FFFFFF;
}
*/

#menuListheader li ul#menuList50 { left: -128px; }
/* product XML dropdown */
#hdrProducts { /* all lists */
 padding: 0;
 margin : 0;
 list-style: none;
 float:right;
 clear:none;
 z-index:9999;
 position:relative;
 right:93px;
}
#hdrProducts li { /* all list items */
 /*float: left;*/
 display:block ;
 position: absolute;
 list-style: none;
 height:32px;
 z-index:9999;
}

/*
#hdrProducts li:hover ul#hdrProductsSub,
#hdrProducts li.over ul#hdrProductsSub { *//* lists nested under hovered list items *//*
 display: inline; 
}
*/


#hdrProductsSub {
 display:none;
 /* width:300px; */
 position:absolute;
 left: -40px;
 top: 32px;
 z-index: 9999;

}
#hdrProductsSub li{
  background-color:#262626;
  padding:0 0 0 10px;
  height:30px;
  line-height:28px;
  font-weight:normal;
  text-align: left;
  font-size:12px;
  z-index:9999;
  position:relative;
}
#hdrProductsSub li a{
 display:block;
 padding:0;
 color:#FFF;
 text-decoration:none;
 width:100px;
 text-align:left;
 line-height:28px;
 font-weight: normal;
 text-transform: capitalize;
 font-size:12px;
 height:30px;
 z-index: 9999;
}
#hdrProductsSub li a:hover{
 background-color: #b5121b;
}
#hdrProductsSub li:hover{
 background-color: #b5121b;
}
#hdrProductsSub li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
 top: auto;
 left: auto;
}

#hdrProductsSub li ul { /* second-level lists */
 position: absolute;
 margin:0; 
 padding:0;
 top: 0px;
 left: 100px;
 padding-top:2px;
 background-color:#262626;
 height:auto;
 z-index: 9999;
 display: none;
}

#hdrProductsSub li ul li { /* second-level lists items */
  height: 15px;
  line-height:15px;
  text-align:left;
  /*opacity:0.9; filter:alpha(opacity=90); */
  font-weight:normal;
  line-height:normal;
  padding:0;
  clear:left;
}

#hdrProductsSub li ul li a{
 display:block;
 padding:1px 0 1px 17px;
 color:#FFF;
 text-decoration:none;
 width:133px;
 text-align:left;
 line-height: 13px;
 height:13px;
 font-weight:normal;
 z-index: 9999;
}
#hdrProductsSub li ul li a:hover{
 background-color: #b5121b;
}
#hdrProductsSub li ul li:hover{
 background-color: #b5121b;
}

/******************************************/
/***  Site Selector             ***********/
/******************************************/

#siteSelector
{
	float: right;
	position: relative;
	height: 20px;
	width: 300px;
	top: 10px;
	right: 28px;
	z-index: 10001;
}

.currentSite, .selectSite
{
	background-color: #282828;
	float: right;
	color: #FFF;
	text-align: right;
	font-family: arial,tahoma,serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.currentSite
{
	padding: 0 10px 0 0;
	width: 150px;
}

.selectArrow
{
	float: right;
	position: relative;
	left: 185px;
	top: -5px;
	cursor: pointer;
}

.selectSite
{
	position: relative;
	padding: 0 10px 0 0;
	top: -5px;
	width: 150px;
	z-index: 10000;
	display: none;
}

.selectSite a
{
	text-decoration: none;
	color: #FFF;
}

.selectSite span
{
	text-align: right;
	cursor: pointer;
}

.selectSite span:hover
{
	background-color: #000;
	color: #FFF;
}

/******************************************/
/***  End Site Selector         ***********/
/******************************************/

/*
#hdrProductsSub li:hover ul, 
#hdrProductsSub li.over ul{ *//* lists nested under hovered list items *//*
 display: block;
}*/

/******************************************/
/***  PCNA Nav Banner           ***********/
/******************************************/
.pcnabanner 
{
	height: 37px;
	margin: 0px 0px 2px 0px;
	text-align: center;
	background: url('images/header/PCNAbg.png')repeat-x;
}

.pcnawrap
{
	margin: 0 auto;
	width: 980px;
}

ul#pcnatabs 
{
	width: 670px;
	height: 37px;
	background-image: url('images/header/PCNABrandTab.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0 0 0 310px;
	overflow: hidden;
}

ul#pcnatabs li 
{
	float:left; 
	list-style:none; 
	margin:0; 
	padding:0; 
	overflow:hidden; 
	width:140px;
}

ul#pcnatabs li#lipcnatab
{
	width: 0px;
}

ul#pcnatabs li a 
{
    width: 0px;
    height: 37px; 
    display: inline-block;
    padding-left: 140px;
    overflow: hidden;
}

ul#pcnatabs li a#tabpcna:hover          
{
	background-image: url('images/header/PCNABrandTab.jpg');
	background-position: -120px -37px;
	background-repeat: no-repeat;
}

ul#pcnatabs li a#tableedsworld:hover    
{
	background-image: url('images/header/PCNABrandTab.jpg');
	background-position: -310px -37px;
	background-repeat: no-repeat;
}

ul#pcnatabs li a#tabbullet:hover        
{
	background-image: url('images/header/PCNABrandTab.jpg');
	background-position: -450px -37px;
	background-repeat: no-repeat;
}

ul#pcnatabs li a#tabjournalbooks:hover  
{
	background-image: url('images/header/PCNABrandTab.jpg');
	background-position: -590px -37px;
	background-repeat: no-repeat;
}

ul#pcnatabs li a#tabtrimark:hover       
{
	background-image: url('images/header/PCNABrandTab.jpg');
	background-position: -730PX -37px;
	background-repeat: no-repeat;
}


ul#pcnatabs li a#tabpcna:active         
{
	background-image: url('images/header/PCNABrandTab.jpg');
	background-position: -120px -37px;
	background-repeat: no-repeat;
}

ul#pcnatabs li a#tableedsworld.active   
{
	background-image: url('images/header/PCNABrandTab.jpg');
	background-position: -310px -37px;
	background-repeat: no-repeat;
}

ul#pcnatabs li a#tabbullet:active       
{
	background-image: url('images/header/PCNABrandTab.jpg');
	background-position: -450px -37px;
	background-repeat: no-repeat;
}

ul#pcnatabs li a#tabjournalbooks:active 
{
	background-image: url('images/header/PCNABrandTab.jpg');
	background-position: -590px -37px;
	background-repeat: no-repeat;
}

ul#pcnatabs li a#tabtrimark    
{
	background-image: url('images/header/PCNABrandTab.jpg');
	background-position: -730PX -37px;
	background-repeat: no-repeat;
}

/***  End PCNA Nav Banner       ***********/

/* footer vv */
#menuListfooter
{
 display : inline;
 padding:0;
 margin:0 20px 0 20px;
}
#menuListfooter li
{
 display : inline;
 list-style-type : none;
}

/*****v Shopping Cart Styles v*****/

.cartCopy { font-family: Arial, Helvetica, sans-serif;	font-size: 11px; font-weight: normal; color: #000000; }
.formNumbersRight { width: 18px; color:#000000; font-family: arial, helvetica sans-serif; font-size: 10px; text-align:right; }
.gridInput { border: 1px solid white; background-color: #E0E0E0; padding: 2px; }
.gridInputHidden { border: 1px solid white; background-color: #ffffff;}
.boText { border: 1px solid white; color: #B5121B; background-color: #ffcccc; text-align: center; font-family: arial, helvetica sans-serif; font-size: 10px; }
.swatchborder { border: 1px solid black; }
.price-strikeout { color:#CD120B; text-decoration:line-through; }

.sectionheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #B5121B;
	padding-top: 13px;
	padding-bottom: 5px;
}
.copy1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-top: 6px;
	padding-bottom: 3px;
	font-weight: bold;
	line-height: 10px;
}
.text-feilds {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	font-style: normal;
	font-weight: normal;
	line-height: 10px;
}
.whitecopy1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 2px;
	margin:4px;
}
.lineheight { line-height: 10px; }
.small-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: normal;
}
.whitecopy2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 15px;
	line-height: 12px;
}
.redtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #B5121B;
	padding-top: 5px;
	padding-bottom: 5px;
}
.left-padding {
	padding-left: 12px;
}
.copy-regular {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-top: 6px;
	padding-bottom: 3px;
	font-weight: normal;
	line-height: 10px;
}
.whitecopy-redbg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 12px;
	background-color: #8ca828;
}
.blackcopy-greenbg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 8px;
	background-color: #a7ccec;
}
.redcopy-whitebg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A20018;
	line-height: 8px;
	background-color: #FFFFFF;
}
.redtext-small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #B5121B;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 8px;
}
.bluecopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-top: 6px;
	padding-bottom: 3px;
	font-weight: bold;
	line-height: 10px;
}
.copy-regular-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0000D6;
	padding-top: 6px;
	padding-bottom: 3px;
	font-weight: normal;
	line-height: 10px;
}
.whitecopy-redbgCopy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 12px;
	background-color: #A20018;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	font-weight: normal;
}
.redtextLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #B5121B;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.copy1red {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B5121B;
	padding-top: 6px;
	padding-bottom: 3px;
	font-weight: bold;
	line-height: 10px;
}
.copy1large {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	padding-top: 6px;
	padding-bottom: 3px;
	font-weight: bold;
	line-height: 10px;
}
.copy1redlarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #B5121B;
	padding-top: 6px;
	padding-bottom: 3px;
	font-weight: bold;
	line-height: 10px;
}

/*****^ Shopping Cart Styles ^*****/

/*****v Checkout Page Classes v*****/

.deliveryInfo { color:#000000; font-family:arial,verdana,geneva,helvetica; font-size:9pt; }
.deliveryInfoDetail { color:#000000; font-weight: bold; }
.deliveryNote { color:#000000; font-family:arial,verdana,geneva,helvetica; font-size:9px; }

.poRequired { color:#000000; font-family:arial,verdana,geneva,helvetica; font-size:9px; }
.commentNote { color:#CC0000; font-family:verdana,arial,geneva,helvetica; font-size:10px; padding-bottom: 3px; }

.CSCHelpDefault { display:none; }
.CSCHelpDisplay { background-color:#FFFFFF; border:2px solid #CCCCCC; cursor:pointer; height:110px; top:715px; left:650px; overflow:auto; padding:4px; position:absolute; width:300px; z-index:10; }

.imgOverlay { z-index: 5; display: none; visibility: hidden; position: absolute; width: 1px; height: 1px; top: 0px; left: 0px; }
.processingDisplay { height: 200px; width: 750px; }
.processing { display: inline; width: 750px; }

/*****^ Checkout Page Classes ^*****/

/*****v Confirmation Page/Email v*****/

div#printM { color:#000000; font-family:verdana, arial, geneva, helvetica; font-size: 12px; font-weight: bold; height: 30px; }

/*****^ Confirmation Page/Email ^*****/

/*****v Catalog Side Menu Styles v*****/
.divisionSide,
.divisionSearch,
.menuHead{
 background-color: #4d4d4d;
 font-weight: bold;
 margin: 0 0 3px 0;
 text-transform: uppercase;
 color: #fff;
}
div.menuHead{ padding: 0 0 0 30px; }
a.divisionSide,
a.menuHead{
 padding: 0 0 0 30px;
 margin:0;
 color: #FFF;
 text-decoration: none;
 font-size: 12px;
 letter-spacing: 105%;
}
div.fdm4sidemenu{
 color: #444;
	width: 155px;
 margin:0;
 padding:0;
 line-height: 20px;
}
div.fdm4sidemenu a{
  text-decoration:none; font-family: arial,tahoma,serif;
}
ul.fdm4sidemenu{
	margin: 0 0 3px 0;
 padding:0;
 font-size: 12px;
 font-weight:bold;
 list-style-type:none;
 border:0;
}
/* IE override for UL auto expanding height */
* html ul.fdm4sidemenu{ height: 1px; }

ul.fdm4sidemenu li{
	display:block;
 position:normal;
	margin: 0 0 0 10px;
	padding: 0;
 border:0;
	width: 135px;
 list-style-type: none;
}
li.subContainer ul { margin:0 0 0 3px; padding:0; }

ul.fdm4sidemenu ul.menuProducts {
  height:150 px;
  max-height: 150px;
  overflow-y: auto;
  overflow-x: hidden;
  width:125px;
  margin-left: 10px;
}
ul.fdm4sidemenu li.subContainer { margin-left:22px; width: 133px; }
ul.fdm4sidemenu li.subContainer ul { margin: 0; }
ul.noscroll{ height: auto; }
ul.fdm4sidemenu li.menuSide{
  display:block;
  width:133px;
  line-height: 20px;
  background-color: #DDD;
  color: #444;
  margin: 0 0 3px 22px;
  zoom:1;
}
ul.fdm4sidemenu li.menuSideSelected{
  display:block;
  width:133px;
  line-height: 20px;
  background-color: #b5121b;
  color: #fff;
  margin: 0 0 3px 22px;
  zoom:1;
}
ul.fdm4sidemenu li.menuSide a{
  background-color: #DDD;
  display:block;
  line-height: 20px;
  color: #4d4d4d;
  margin: 0;
  padding: 0 0 0 18px;
}
ul.fdm4sidemenu li.menuSideSelected a{
  display:block;
  line-height: 20px;
  background-color: #b5121b;
  color: #FFF;
  margin: 0;
  padding: 0 0 0 18px;
}

ul.fdm4sidemenu li.menuSub{ margin: 0 0 0 20px; width: 115px; }
.saleHeading, .closeoutHeading { padding:0 0 0 30px; }
.catTitle
{ padding-left: 18px; }
.featTitle,
.featDetailTitle
{ padding-left: 8px; }

.catTitleSelected,
.featTitleSelected,
.featDetailTitleSelected
{ padding-left: 10px; color: #b5121b; }

a.catTitleSelected { color: #FFF; }
a.catTitle { color: #4d4d4d; }

a.featTitle,
a.featDetailTitle
{ color: #4d4d4d; }
a:hover.featTitle,
a:hover.featDetailTitle
{ color: #b5121b; }
a.menuProdLink { color: #4d4d4d; font-weight: normal; }
.menuCloseout,
.menuSpecial{
 display:none;
}
/*****^ Catalog Side Menu Styles ^*****/
.breadcrumbs {
background: url(/trimarknew/images/arrow-red.gif) 0px 15px no-repeat;
padding:13px 0 0 15px;
}

/*****v New/Edit Credit Card Check v*****/

#ccardDiv { padding: 10px 0px 10px 0px; }

.cardHeaderBig { color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold;  text-align: left; }
.cardHeaderSub { color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; text-align: left; padding-left: 15px; }

.cardFrmName  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 8pt;
color: #000000;
background-color: #cecece;
}

.cardFrmField {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 8pt;
color: #000000;
background-color: #cecece;
}

.cardDarkBorder { background-color: #EE0000; }

/*****^ New/Edit Credit Card Check ^*****/

/*****v My Account v*****/

.accountHeader	{ vertical-align:middle; font: 13px tahoma, verdana, arial; color: #EE0000;/* #BB5A25;*/	font-weight:bold; }
.accountSubHeader	{ vertical-align: middle; font-family : tahoma, verdana, Helvetica, sans-serif; font-size : 11px; font-weight:bold; color : #444444; /*#2C4184;*/ }
.accountCell { vertical-align:top; font-family : tahoma, verdana, Helvetica, sans-serif;	font-size : 11px;	color:#404040; }
.accountSpacer { width: 20px; }

.account     { vertical-align: middle; font-family : tahoma, verdana, Helvetica, sans-serif; font-size : 11px; font-weight:normal; color : #404040; }
.accountLink { vertical-align: middle; font-family : tahoma, verdana, Helvetica, sans-serif; font-size : 11px; font-weight:bold; color : #444444; /*#2C4184;*/ }
a.accountLink,
a.accountLink:active,
a.accountLink:link,
a.accountLink:visited {	text-decoration:underline; }
a.accountLink:hover {	color: #EE0000; /*#BB5A25;*/ }

.accountSectionHeader { font-family : Verdana; font-size : 11px; font-weight:bold; color : #000000; text-decoration:none; }
.accountSectionTable { border-collapse: collapse; }
.accountSectionTable th, .accountSectionTable td { padding: 3px; border: solid 1px #666; text-align: center; }

/*****^ My Account ^*****/

/*****v Password v*****/

div#passwordContainer { width: 350px; padding: 10px 0px 10px 0px; }
div#buttonContainer { width: 350px; margin-top: 10px; }
div#submitButton { float: left; margin-left: 10px; }
div#clearButton { float: right; margin-right: 10px; }
div#backToAccount { clear: both; float: left; margin: 25px 0px 0px 10px; }

.passwordHeaderBig { color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; text-align: left; }
.passwordHeaderSub { color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; text-align: left; padding-left: 15px; }

.passwordDarkBorder { background-color: #EE0000; }
.passwordHeader { color: #ffffff; background-color: #B5121B; vertical-align:middle; font: 13px tahoma, verdana, arial; font-weight:bold; }
.passwordSubHeader { color: #ffffff; background-color: #B5121B; vertical-align:middle; font: 10px tahoma, verdana, arial; font-weight:normal; }
.passwordLabel { color: #444444; vertical-align:middle; font: 11px tahoma, verdana, arial; font-weight:bold; padding: 1px 0px 1px 0px; }
.passwordUpdate { color: #EE0000; vertical-align:middle; font: 13px tahoma, verdana, arial; font-weight:bold; }

/*****^ Password ^*****/

/*****v Address Book Select/Update v*****/

div#backToAccount { width: 150px; float: left; margin-top: 20px; padding: 0px; }

.addressBookSelectHeaderBig { color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; text-align: left; }
.addressBookSelectEdit { vertical-align: middle; font-family : tahoma, verdana, Helvetica, sans-serif; font-size : 11px; font-weight:bold; color : #444444; }
.addressBookSelectLink { vertical-align: middle; font-family : tahoma, verdana, Helvetica, sans-serif; font-size : 11px; font-weight:bold; color : #444444; }
a.addressBookSelectLink,
a.addressBookSelectLink:active,
a.addressBookSelectLink:link,
a.addressBookSelectLink:visited {	vertical-align: middle; font-family : tahoma, verdana, Helvetica, sans-serif; font-size : 11px; font-weight:bold; color : #444444; text-decoration:underline; }
a.addressBookSelectLink:hover {	color: #EE0000; }

div#addressBookUpdateButtonContainer { padding: 0px 0px 0px 60px; }
.addressButtonTable { padding: 0px 5px 0px 5px; }

.addressBookDarkBorder { background-color: #EE0000; }
.addressBookHeader { color: #ffffff; background-color: #B5121B; vertical-align:middle; font: 13px tahoma, verdana, arial; font-weight:bold; }
.addressBookHeaderBig { padding-bottom: 15px; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; text-align: left; }

.addressBookBackStd { color:#404040; font-family : Tahoma, Verdana, Helvetica; background-color:#E0E0E0; font-size : 11px; }

/*****v Address Book Select/Update v*****/

/*****v Contact Book Select/Update v*****/

div#backToAccount { width: 150px; float: left; margin-top: 20px; padding: 0px; }

.contactBookSelectHeaderBig { color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; text-align: left; }
.contactBookSelectEdit { vertical-align: middle; font-family : tahoma, verdana, Helvetica, sans-serif; font-size : 11px; font-weight:bold; color : #444444; }
.contactBookSelectLink { vertical-align: middle; font-family : tahoma, verdana, Helvetica, sans-serif; font-size : 11px; font-weight:bold; color : #444444; }
a.contactBookSelectLink,
a.contactBookSelectLink:active,
a.contactBookSelectLink:link,
a.contactBookSelectLink:visited {	vertical-align: middle; font-family : tahoma, verdana, Helvetica, sans-serif; font-size : 11px; font-weight:bold; color : #444444; text-decoration:underline; }
a.contactBookSelectLink:hover {	color: #EE0000; }

div#contactBookUpdateButtonContainer { padding: 10px 0px 0px 60px; }
.contactButtonTable { padding: 0px 5px 0px 5px; }

.contactBookDarkBorder { background-color: #EE0000; }
.contactBookHeader { color: #ffffff; background-color: #B5121B; vertical-align:middle; font: 13px tahoma, verdana, arial; font-weight:bold; }
.contactBookHeaderBig { padding-bottom: 15px; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; text-align: left; }

.contactBookBackStd { color:#404040; font-family : Tahoma, Verdana, Helvetica; background-color:#E0E0E0; font-size : 11px; }

/*****^ Contact Book Select/Update ^*****/

/*****v User Book Select/Update v*****/

div#backToAccount { width: 150px; float: left; margin-top: 20px; padding: 0px; }

.userBookSelectHeaderBig { color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; text-align: left; }
.userBookSelectEdit { vertical-align: middle; font-family : tahoma, verdana, Helvetica, sans-serif; font-size : 11px; font-weight:bold; color : #444444; }
.userBookSelectLink { vertical-align: middle; font-family : tahoma, verdana, Helvetica, sans-serif; font-size : 11px; font-weight:bold; color : #444444; }
a.userBookSelectLink,
a.userBookSelectLink:active,
a.userBookSelectLink:link,
a.userBookSelectLink:visited {	vertical-align: middle; font-family : tahoma, verdana, Helvetica, sans-serif; font-size : 11px; font-weight:bold; color : #444444; text-decoration:underline; }
a.userBookSelectLink:hover {	color: #EE0000; }

div#userBookUpdateButtonContainer { padding: 10px 0px 0px 60px; }
.userButtonTable { padding: 0px 5px 0px 5px; }

.userBookDarkBorder { background-color: #EE0000; }
.userBookHeader { color: #ffffff; background-color: #444444; vertical-align:middle; font: 13px tahoma, verdana, arial; font-weight:bold; }
.userBookHeaderBig { padding-bottom: 15px; color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; text-align: left; }

.userBookBackStd { color:#404040; font-family : Tahoma, Verdana, Helvetica; background-color:#E0E0E0; font-size : 11px; }

.displayTable { width: 365px; height: 250px; font-family: Tahoma, Verdana, Helvetica, sans-serif; }
.tbTop { border-top: 1px solid #EE0000; width: 15px; }
.tbBottom { border-bottom: 1px solid #EE0000; width: 15px;}
.tbLeft { border-left: 2px solid #EE0000; border-top: 1px solid #EE0000; border-bottom: 1px solid #EE0000; width: 1px; }
.tbRight { border-right: 2px solid #EE0000; border-top: 1px solid #EE0000; border-bottom: 1px solid #EE0000; width: 1px; }
.innerDisplay{ padding: 3px; }
.innerDiv { background-color: #E0E0E0; width:  100%; height: 100%; vertical-align: top; }
.overhangImg { width: 8px; height: 1px; }
.tableHeading { height: 18px; font-size: 11px; font-weight: bold; font-family: Tahoma, Verdana, Helvetica, sans-serif; color: #FFFFFF; background-color: #B5121B; vertical-align: middle; padding-left: 5px; }
.tableLabel { font-size: 10px; color: #404040; padding-bottom: 2px; padding-top: 2px; }
.tableInput { font-size: 10px; color: #404040; padding-bottom: 1px; padding-top: 1px; }
.tableInput input { font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 11px; }
.buttonTable {width: 361px; padding-top: 10px;}
.statusMessage { display: block; height: 35px; vertical-align: middle; color: #813838; font-weight: bold; line-height: 35px; }
.manageSelect,.manageDesc{ padding-top: 10px; padding-bottom: 10px; }

/*****^ User Book Select/Update ^*****/

/*****v Statement v*****/

div#linkContainer { margin: 5px 0px 12px 0px; height: 15px; }
div#totals { float: left; }
div#totals a { text-transform: uppercase; }
div#printerFriendly { float: right; }
div#printerFriendly a { text-transform: uppercase; }

.statementMessages { padding: 10px 0px 10px 0px; width: 100%; }
.statementStatus { color: #ffffff; background-color: #444444; padding: 5px 0px 5px 5px; font-weight: bold; font-size: 10pt; }
.statementHeader	{ font-size:12px; font-family:arial,verdana,geneva,helvetica; color:#FFFFFF; font-weight:bold; }
.statementRedText	{ font-size:13px; font-family:arial,verdana,geneva,helvetica; color:#CC0000; font-weight:bold; }
.customerTotal { font-weight: bold; text-transform: uppercase; padding: 10px 0px 10px 0px; }
.credlimit{ border: 1px solid black; padding: 0px 0px 0px 0px;  width: 100%; }
.credhead { background-color: #385d81; font-weight: bold; color: #ffffff; padding: 1px 4px 1px 4px; }
.credline { padding: 1px 4px 1px 4px; background-color: #E1F0FF; }

/*****^ Statement ^*****/

/*****v Inventory Listing v*****/

.darkback {
	BACKGROUND-COLOR: #cccccc;
}
.processing {
font: 17px tahoma, verdana, arial;
color:#2C4184;
font-weight:bold;
vertical-align:middle;
text-align:center;
padding-top:50px;
}
.reportTable {
 width: 625px; FONT-SIZE: 11px; COLOR: #404040; FONT-FAMILY: Tahoma, Verdana, Helvetica;
}
.reportdata-even {
	VERTICAL-ALIGN: middle; HEIGHT: 20px; BACKGROUND-COLOR: #A8B6CC; TEXT-ALIGN: center;
}
.reportdata-odd {
	VERTICAL-ALIGN: middle; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center;
}
.reportdata-oddc {
	VERTICAL-ALIGN: middle; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: right;
}
.reportdata-evenc {
	VERTICAL-ALIGN: middle; HEIGHT: 20px; BACKGROUND-COLOR: #A8B6CC; TEXT-ALIGN: right;
}
.reportdata-even-curr {
	VERTICAL-ALIGN: middle; HEIGHT: 20px; BACKGROUND-COLOR: #ccccff; TEXT-ALIGN: center;
}
.reportyear {
	BORDER-RIGHT: #808080 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #808080 1px solid; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #444444; TEXT-ALIGN: center;
}
.reportheader {
	BORDER-LEFT: #808080 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #808080 1px solid; COLOR: #2c4184; PADDING-TOP: 2px; BORDER-BOTTOM: #808080 1px solid; BORDER-RIGHT: #808080 1px solid; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center;
}
A.reportheader:link,visited,hover,active {
BORDER-LEFT: #808080 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #808080 1px solid; COLOR: #2c4184; PADDING-TOP: 2px; BORDER-BOTTOM: #808080 1px solid; BORDER-RIGHT: #808080 1px solid; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center;
}
.reportheaderleft {
	BORDER-LEFT: #808080 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #808080 1px solid; COLOR: #2c4184; PADDING-TOP: 2px; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center;
}
.reportheaderright {
	BORDER-RIGHT: #808080 1px solid;PADDING-RIGHT: 2px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle;  COLOR: #2c4184; PADDING-TOP: 2px; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center;
}
.reportheadercenter {
	PADDING-RIGHT: 2px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; COLOR: #2c4184; PADDING-TOP: 2px; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: right;
}
.reporttotal {
	BORDER-RIGHT: #2c4184 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2c4184 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #2c4184 1px solid; COLOR: #404040; PADDING-TOP: 2px; BORDER-BOTTOM: #2c4184 1px solid; BACKGROUND-COLOR: #e0e0e; TEXT-ALIGN: right;
}
.reporttotalcenter {
	PADDING-RIGHT: 2px; BORDER-TOP: #2c4184 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; COLOR: #404040; PADDING-TOP: 2px; BORDER-BOTTOM: #2c4184 1px solid; BACKGROUND-COLOR: #e0e0e; TEXT-ALIGN: right;
}
.reporttotalright {
	BORDER-RIGHT: #2c4184 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2c4184 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; COLOR: #404040; PADDING-TOP: 2px; BORDER-BOTTOM: #2c4184 1px solid; BACKGROUND-COLOR: #e0e0e; TEXT-ALIGN: center;
}
.reporttotalleft {
	PADDING-RIGHT: 2px; BORDER-TOP: #2c4184 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #2c4184 1px solid; COLOR: #404040; PADDING-TOP: 2px; BORDER-BOTTOM: #2c4184 1px solid; BACKGROUND-COLOR: #e0e0e; TEXT-ALIGN: center;
}
.reporttotalc {
	BORDER-RIGHT: #27773f 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #27773f 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #27773f 1px solid; COLOR: #404040; PADDING-TOP: 2px; BORDER-BOTTOM: #27773f 1px solid; BACKGROUND-COLOR: #e0e0e; TEXT-ALIGN: right;
}

.reportoption
{
background-color:#FFFFFF;
text-align:center;
vertical-align:top;
height:30px;
}
.orddetail {
	COLOR: #404040;
}
.std10style {
	FONT-WEIGHT: bold; COLOR: #404040;
}
.darkback {
	COLOR: #404040; BACKGROUND-COLOR: #385D81;
}
.lightback {
	BACKGROUND-COLOR: #ffffff;
}
INPUT.smallbutton {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #2c4184; FONT-FAMILY: tahoma,helvetica,arial,sans-serif; BACKGROUND-COLOR: #385D81; TEXT-DECORATION: none;
}
INPUT.submit {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: tahoma,helvetica,arial,sans-serif; BACKGROUND-COLOR: #385D81; TEXT-DECORATION: none;
}
.activeLink {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Tahoma, Verdana, Helvetica; TEXT-DECORATION: none;
}

.poTable
{
   table-layout: fixed;
   width: 100%;
   border: 0 none;
   border-spacing: 0;
}

.poQty, .poTaken
{
   font-size: 8pt;
   font-weight: normal;
   font-family: Tahoma, Verdana;
   font-style: italic;
   text-align: right;
   width: 13%;
   vertical-align: top;
   color: #009900;
}

.poNumber
{
   font-size: 8pt;
   font-weight: normal;
   font-family: Tahoma, Verdana;
   font-style: italic;
   text-align: center;
   width: 21%;
   vertical-align: top;
   color: #009900;
}

.poDate
{
   font-size: 8pt;
   font-weight: normal;
   font-family: Tahoma, Verdana;
   font-style: italic;
   text-align: center;
   width: 24%;
   vertical-align: top;
   color: #009900;
}

.poPlanned
{
   font-size: 8pt;
   font-weight: normal;
   font-family: Tahoma, Verdana;
   font-style: italic;
   width: 29%;
   vertical-align: top;
   padding: 0 0 0 3px;
   color: #009900;
   text-align: center;
   word-wrap: break-word;
}

.poInfo
{
   font-size: 8pt;
   font-weight: normal;
   font-family: Tahoma, Verdana;
   font-style: italic;
   text-align: center;
   width: 50%;
   vertical-align: top;
   color: #009900;
}

.poQtyTotal, .poTakenTotal
{
   font-size: 8pt;
   font-weight: bold;
   font-family: Tahoma, Verdana;
   color: #009900;
   width: 17%;
}

.poQtyTotalText
{
   font-size: 8pt;
   font-weight: bold;
   font-family: Tahoma, Verdana;
   color: #009900;
   text-align: right;
}

.poQtyDivider
{
   font-size: 8pt;
   font-weight: normal;
   font-family: Tahoma, Verdana;
   background-color: #009900;
}

input.reportInput
{
   font-weight: bold;
   font-size: 10px;
   color: #2c4184;
   font-family: Tahoma, Helvetica, Arial, Sans-serif;
   background-color: #ffffff;
   text-decoration: none;
}

select.reportSelect
{
   font-weight: bold;
   font-size: 10px;
   color: #2c4184;
   font-family: Tahoma, Helvetica, Arial, Sans-serif;
   background-color: #ffffff;
   text-decoration: none;
}

a.reportLink, a.reportLink:link, a.reportLink:visited
{
   font-weight: bold;
   font-size: 10px;
   color: #2c4184;
   font-family: Tahoma, Verdana, Helvetica;
   text-decoration: none;
}

a.reportLink:hover
{
   font-weight: bold;
   font-size: 10px;
   color: #2c4184;
   font-family: Tahoma, Verdana, Helvetica;
   text-decoration: underline;
}

/*****^ Inventory Listing ^*****/

/*****v Sales Report v*****/

.darkback {
	BACKGROUND-COLOR: #cccccc
}
.processing {
font: 17px tahoma, verdana, arial;
color:#2C4184;
/*font-style:italic;*/
font-weight:bold;
vertical-align:middle;
text-align:center;
padding-top:50px;
}
.reportdata-even {
	VERTICAL-ALIGN: middle; HEIGHT: 20px; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center
}
.reportdata-odd {
	VERTICAL-ALIGN: middle; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
.reportdata-oddc {
	VERTICAL-ALIGN: middle; HEIGHT: 20px; BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: right
}
.reportdata-evenc {
	VERTICAL-ALIGN: middle; HEIGHT: 20px; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: right
}
.reportdata-even-curr {
	VERTICAL-ALIGN: middle; HEIGHT: 20px; BACKGROUND-COLOR: #ccccff; TEXT-ALIGN: center
}
.reportyear {
	BORDER-RIGHT: #808080 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #808080 1px solid; COLOR: #ffffff; PADDING-TOP: 2px; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #444444; TEXT-ALIGN: center
}
.groupbyheaderend {
	border-right: #808080 1px solid; BORDER-LEFT: #808080 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #808080 1px solid; COLOR: #2c4184; PADDING-TOP: 2px; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center
}
.reportheaderend {
	border-right: #808080 1px solid; BORDER-LEFT: #808080 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #808080 1px solid; COLOR: #B5121B; PADDING-TOP: 2px; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center
}
.groupbyheader {
BORDER-LEFT: #808080 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #808080 1px solid; COLOR: #2c4184; PADDING-TOP: 2px; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center
}

.reportheader
{
   border: 1px solid gray;
   padding: 2px;
   font-weight: bold;
   vertical-align: middle;
   color: #B5121B;
   background-color: #CCCCCC;
   text-align: center;
}
.reportheaderleft {
	BORDER-LEFT: #808080 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #808080 1px solid; COLOR: #2c4184; PADDING-TOP: 2px; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center
}
.reportheaderright {
	BORDER-RIGHT: #808080 1px solid;PADDING-RIGHT: 2px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle;  COLOR: #2c4184; PADDING-TOP: 2px; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: center
}
.reportheadercenter {
	PADDING-RIGHT: 2px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; COLOR: #2c4184; PADDING-TOP: 2px; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #cccccc; TEXT-ALIGN: right
}
.reporttotal {
	BORDER-RIGHT: #2c4184 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2c4184 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #2c4184 1px solid; COLOR: #404040; PADDING-TOP: 2px; BORDER-BOTTOM: #2c4184 1px solid; BACKGROUND-COLOR: #e0e0e; TEXT-ALIGN: center
}
.reporttotalcenter {
	PADDING-RIGHT: 2px; BORDER-TOP: #2c4184 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; COLOR: #404040; PADDING-TOP: 2px; BORDER-BOTTOM: #2c4184 1px solid; BACKGROUND-COLOR: #e0e0e; TEXT-ALIGN: right
}
.reporttotalright {
	BORDER-RIGHT: #2c4184 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #2c4184 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; COLOR: #404040; PADDING-TOP: 2px; BORDER-BOTTOM: #2c4184 1px solid; BACKGROUND-COLOR: #e0e0e; TEXT-ALIGN: center
}
.reporttotalleft {
	PADDING-RIGHT: 2px; BORDER-TOP: #2c4184 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #2c4184 1px solid; COLOR: #404040; PADDING-TOP: 2px; BORDER-BOTTOM: #2c4184 1px solid; BACKGROUND-COLOR: #e0e0e; TEXT-ALIGN: center
}
.reporttotalc {
	BORDER-RIGHT: #27773f 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #27773f 1px solid; PADDING-LEFT: 2px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; BORDER-LEFT: #27773f 1px solid; COLOR: #404040; PADDING-TOP: 2px; BORDER-BOTTOM: #27773f 1px solid; BACKGROUND-COLOR: #e0e0e; TEXT-ALIGN: right
}

.reportoption
{
background-color:#FFFFFF;
text-align:center;
vertical-align:middle;
width:215px;
height:30px;
}

.orddetail {
	COLOR: #404040
}
.std10style {
	FONT-WEIGHT: bold; COLOR: #404040
}
.darkback {
	COLOR: #404040; BACKGROUND-COLOR: #385D81
}
.lightback {
	BACKGROUND-COLOR: #ffffff
}
.activeLink {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Tahoma, Verdana, Helvetica; TEXT-DECORATION: none
}
.graphTable {
 width: 685px;
}
.graphtitlemain {
	FONT-WEIGHT: bold;
FONT-SIZE: 12px;
VERTICAL-ALIGN: middle;COLOR: #000000;
BACKGROUND-COLOR: #ffffff; TEXT-ALIGN: center
}
.graphtitle {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: middle; COLOR: #ffffff; PADDING-TOP: 2px; BACKGROUND-COLOR: #385D81; TEXT-ALIGN: center
}
.graphend {
	height: 1px; BACKGROUND-COLOR: #385D81;
}
.graphmonth
{
background-color:#FFFFFF;
text-align:center;
vertical-align:middle;
font-weight:bold;
color:#385D81;
}
.graphunits
{
background-color:#FFFFFF;
font-weight:bold;
font-size:9px;
border-top:#808080;
border-bottom:#808080;
text-align:center;
}

.graphprice
{
background-color:#FFFFFF;
text-align:center;
vertical-align:middle;
font-weight:bold;
font-size:9px;
border-top:#808080;
border-bottom:#808080;
}
.graphby
{
background-color:#FFFFFF;
text-align:left;
vertical-align:middle;
font-weight:bold;
font-size:9px;
}
.graphdetail
{
background-color:#FFFFFF;
text-align:left;
vertical-align:middle;
font-weight:bold;
font-size:9px;
}
.graph1
{
HEIGHT: 1px; BACKGROUND-COLOR: #ffff00;
}
.graph2
{
HEIGHT: 1px; BACKGROUND-COLOR: #ffcc00;
}
.graph3
{
HEIGHT: 1px; BACKGROUND-COLOR: #66cc99;
}
.graph4
{
HEIGHT: 1px; BACKGROUND-COLOR: #33ff00;
}
.graph5
{
HEIGHT: 1px; BACKGROUND-COLOR: #6699cc;
}
.graph6
{
HEIGHT: 1px; BACKGROUND-COLOR: #6699ff;
}
.graph7
{
HEIGHT: 1px; BACKGROUND-COLOR: #ff3300;
}
.graph8
{
HEIGHT: 1px; BACKGROUND-COLOR: #ff9999;
}
.graph9
{
HEIGHT: 1px; BACKGROUND-COLOR: #ffff00;
}
.graph10
{
HEIGHT: 1px; BACKGROUND-COLOR: #ffcc00;
}
.graph11
{
HEIGHT: 1px; BACKGROUND-COLOR: #66cc99;
}
.graph12
{
HEIGHT: 1px; BACKGROUND-COLOR: #33ff00;
}
.graph13
{
HEIGHT: 1px; BACKGROUND-COLOR: #6699cc;
}
.graphblank
{
HEIGHT: 1px; BACKGROUND-COLOR: #ffffff;
}
.radioselection
{
BACKGROUND-COLOR: #cccccc;
}

/*****^ Sales Report ^*****/

/*****v Commission Report v*****/

.commHeaderBig { color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; text-align: left; }
.commHeader { text-align: left; font-family: helvetica,arial,sans-serif; font-size: 10pt; font-weight: bold; }
.commImg { vertical-align: middle; }
a.commLink { color: #444444; text-align: left; font-family: helvetica,arial,sans-serif; font-size: 8pt; font-weight: bold; text-decoration: none; }
a.commLink:hover { text-decoration: underline; }
div#commButtonContainer { padding: 15px 0px 15px 0px; }


/*****^ Commission Report ^*****/

/*****v Pay Invoices v*****/

.payHeaderBig { color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; text-align: left; }
.payHeader { color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: left; }
.payHeader2	{ font-size:11px; font-family:verdana,arial,geneva,helvetica; color:#FFFFFF; font-weight:bold; }
.payTotals	{font-size:13px; font-family:verdana,arial,geneva,helvetica; color:#CC0000; font-weight:bold;}
.payNote	{color:#CC0000; font-family:verdana, arial, geneva, helvetica; font-size: 10px;}

.asterisk { color: #EE0000; }
.thinBorder
{ border: 1px; }

.fieldLabel
{
   color : #000000;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10pt;
   font-weight: bold;
   background-color: #cccccc;
}

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

.fieldData
{
   color : #000000;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10pt;
   font-weight: normal;
   background-color: #cccccc;
}

.mainPayTable
{ width: 620px; }

.payTable
{ background-color: #cccccc; }

.payError
{
   color : #cc0000;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10pt;
   font-weight: bold;
   padding: 15px 0px 0px 0px;
}

.divider
{
   background-color: #EE0000;
}

.sectionHeader
{
   background-color : #444444;
   color: #ffffff;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10pt;
   font-weight: bold;
}

.smallPrint
{
   background-color : #cccccc;
   color: #000000;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 7pt;
   font-weight: normal;
}

/* hack to get equal heights for 2 tables */
.detailHeight { height: 24px; }

div#payOptionsContainer { padding: 15px 0px 15px 0px; }
div#payButtonContainer { padding: 15px 0px 15px 0px; }

.payCSCHelpDefault { display:none; }
.payCSCHelpDisplay { top:425px; left:584px; background-color:#FFFFFF; border:2px solid #CCCCCC; cursor:pointer; height:110px; overflow:auto; padding:4px; position:absolute; width:300px; z-index:10; }

/*****^ Pay Invoices ^*****/

/*****v Order Status v*****/

.ordersHeaderBig { color: #444444; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; font-weight: bold; text-align: left; padding-top:15px; padding-left:25px;}
.ordersDarkRow { background-color: #ffffff; }
.ordersLightRow { background-color: #ffffff; }
.order-image {padding-left:25px;}

div#ordersButtonContainer { padding: 15px 0px 15px 0px; }
div#ordersInfoContainer { padding: 15px 0px 15px 0px; }
div#mockupContainer { padding: 15px 0px 15px 0px; }

.headerBig
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16pt;
   font-weight: bold;
   color: #000000;
   background-color: #ffffff;
}

.headerSmall
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 16pt;
   font-weight: bold;
   color: #000000;
   background-color: #ffffff;
}

.headerPages
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: #ffffff;
   text-align: right;
   padding: 0px 10px 0px 0px;
}

.ordbolddetail
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
 font-size   : 8pt;
	color : #000000;
}

.orddetail
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
 font-size   : 7pt;
	color : #000000;
}

.orderNum
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
 font-size   : 8pt;
	color : #000000;
 height:25px;
}
.orderDate
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
 font-size   : 8pt;
	color : #000000;
 padding-right: 3px;
}

.orderStatus
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight : bold;
 font-size   : 8pt;
	color : #000000;
 height:25px;
}

.orderWeb
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size   : 8pt;
 text-align  : left;
	color : #000000;
}

.orderResults
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
 font-size   : 8pt;
 text-align  : right;
	color : #000000;
}

.statusTable
{
 width: 775px;
 text-align:left;
}
/*v 030001 v*/
div#backToAccount { float: left; margin-top: 25px; padding: 0px; }
td.dateFormat { font-weight: italic; font-size: 8pt; }

/* Mock up stuff */

.redtextLarge2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #B5121B;
	text-transform: uppercase;
}
.copy-regular2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	padding-top: 6px;
	padding-bottom: 3px;
	font-weight: normal;
}
.copy-regular2small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	padding-top: 6px;
	padding-bottom: 3px;
	font-weight: normal;
	line-height: 10px;
}

/*****^ Order Status ^*****/

.overlay{
 display:none;
 position:absolute;
 top:0;
 left:0;
 /* MS: 05/07/10 removing because causes whole screen to become black in Internet Explorer */
 /* background-color:#000;
 opacity:0.5
 filter:alpha(opacity=50);*/
 z-index:99999;
}

/*** Header Copy Slide Down ***/

#topCopy{
  float:left;
  width:980px;
}
#topCopyLower{
  float:left;
  width:980px;
  display:none;
}
#topCopyShow,
#topCopyHide{
  cursor:pointer;
}
/*** Dev My Account side menu ***/
ul#menuListleftside{
 margin:0; padding:0;
}
ul#menuListleftside li{
  list-style: none;
  font-weight:bold;
  margin:0 0 3px;
  line-height:20px;
/*  text-transform:uppercase; */
}
ul#menuListleftside li a:active,
ul#menuListleftside li a:hover,
ul#menuListleftside li a:visited,
ul#menuListleftside li a:link
{
 background-color:#4D4D4D;
 font-family:arial,tahoma,serif;
 text-decoration : none;
 color:#FFFFFF;
 font-size:12px;
 margin:0;
 padding:0 0 0 22px;
 display:block;
 width:133px;
}
ul#menuListleftside li ul{
 border:0 none;
 font-size:12px;
 font-weight:bold;
 list-style-type:none;
 margin:3px 0 0 0;
 padding:0;
}

ul#menuListleftside li ul li{
 background-color:#DDDDDD;
 color:#444444;
 display:block;
 line-height:20px;
 margin:0 0 3px 14px;
 width:141px;
 list-style-type: none;
/* text-transform:Capitalize; */
}

ul#menuListleftside li ul li a:active,
ul#menuListleftside li ul li a:hover,
ul#menuListleftside li ul li a:visited,
ul#menuListleftside li ul li a:link
{
 background-color:#DDDDDD;
 font-family:arial,tahoma,serif;
 text-decoration : none;
 color:#4D4D4D;
 font-size:12px;
 margin:0;
 padding:0 0 0 8px;
 display:block;
}

/* Test my account */
ul#menuListaccount{
 margin:0; padding:0;
}
ul#menuListaccount li{
  list-style: none;
  font-weight:bold;
  margin:0 0 3px;
  line-height:20px;
}
ul#menuListaccount li a:active,
ul#menuListaccount li a:hover,
ul#menuListaccount li a:visited,
ul#menuListaccount li a:link
{
 background-color:#4D4D4D;
 font-family:arial,tahoma,serif;
 text-decoration : none;
 color:#FFFFFF;
 font-size:12px;
 margin:0;
 padding:0 0 0 22px;
 display:block;
 width:133px;
}
ul#menuListaccount li ul{
 border:0 none;
 font-size:12px;
 font-weight:bold;
 list-style-type:none;
 margin:3px 0 0 0;
 padding:0;
}

ul#menuListaccount li ul li{
 background-color:#DDDDDD;
 color:#444444;
 display:block;
 line-height:20px;
 margin:0 0 3px 14px;
 width:141px;
 list-style-type: none;
/* text-transform:Capitalize; */
}

ul#menuListaccount li ul li a:active,
ul#menuListaccount li ul li a:hover,
ul#menuListaccount li ul li a:visited,
ul#menuListaccount li ul li a:link
{
 background-color:#DDDDDD;
 font-family:arial,tahoma,serif;
 text-decoration : none;
 color:#4D4D4D;
 font-size:12px;
 margin:0;
 padding:0 0 0 8px;
 display:block;
}

/*** Search Results Side Menu ***/
.itemFound{ font-size: 16px; font-weight:bold; padding: 0 0 10px 23px;}
ul.categorySearch { margin:0; padding:0; }
ul.categorySearch li{
 background-color:#DDDDDD;
 color:#444444;
 display:block;
 line-height:20px;
 margin:0 0 3px 14px;
 width:141px;
 list-style-type: none;
}

ul.categorySearch li a:active,
ul.categorySearch li a:hover,
ul.categorySearch li a:visited,
ul.categorySearch li a:link
{
 background-color:#DDDDDD;
 font-family:arial,tahoma,serif;
 text-decoration : none;
 color:#4D4D4D;
 font-size:12px;
 margin:0;
 padding:0 0 0 8px;
 display:block;
 font-size:12px;
 font-weight:bold;
}
ul.categorySearch li.searchCat{
  width:133px;
  margin: 0 0 3px 22px;
}  
ul.categorySearch li.searchCat a:active,
ul.categorySearch li.searchCat a:hover,
ul.categorySearch li.searchCat a:visited,
ul.categorySearch li.searchCat a:link
{
 padding:0 0 0 18px;
}
ul.categorySearch li.searchCatSelected{
  display:block;
  height: 22px;
  width:133px;
  line-height: 20px;
  background-color: #b5121b;
  color: #fff;
  margin: 0 0 3px 22px;
}
ul.categorySearch li.searchCatSelected a:active,
ul.categorySearch li.searchCatSelected a:hover,
ul.categorySearch li.searchCatSelected a:visited,
ul.categorySearch li.searchCatSelected a:link
{
 background-color: #b5121b;
 color: #fff;
 font-size:12px;
 margin:0;
 padding:0 0 0 18px;
 display:block;
 font-size:12px;
 font-weight:bold;
}

/*****v Resend Registration Emails v*****/

.emailGroupHdr	{ font-size:12px; font-family:arial,verdana,geneva,helvetica; color:#FFFFFF; font-weight:bold; }
.emailGroupMsg	{ font-size:12px; font-family:arial,verdana,geneva,helvetica; color:#000000; font-weight:bold; }

/*****^ Resend Registration Emails ^*****/

/*****v Salesman Side Menu v*****/
.salesmanMenuText { font-size: 11px; font-weight:bold; margin-left:14px; }
a.salesmanLink { color:#4D4D4D; text-decoration:none; }
a.salesmanLink:hover { color:#B5121B; text-decoration:underline;}
.salesmanMenuSpacer{ height:1px; margin: 4px 0 4px 14px; background-color:#4D4D4D; border-bottom:1px solid #DDD; }
/*****^ Salesman Side Menu ^*****/
.siteProcessNone{ display:none; position:absolute; background-color:transparent; border:none; z-index:0; }
.siteProcessDiv{
 display:block;
  position:absolute;
  width:120px;
  height:70px;
  background-color:#b5121b;
  color:#FFF;
  z-index:99999;
  -moz-box-shadow:0 0 90px 5px #000000;
 
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;

}

/* Product Page /* 05-14-2010 ms q10766 */
.fabricListSubcategory {
    text-decoration: underline;
    color: #333;
}
#custNumberSwitch{ width: 118px; }

/*HB P10314 - Decoration CSS */

a.imgLink
{
        color:rgb(255,255,255);
        text-decoration:none;
}

/*HB P10314 - Upload button */

/*HB P10314 - Decoration Image CSS*/

table.decs td
{
        width:264px;
}

#decoration
{
        float:left;
        width:230px;
        height:25px;
        display:inline;
}

img.decoration_image
{
        clear:both;
        display:block;
        margin:0 auto;
        border:solid 1px rgb(80,80,80);
        max-width:480px;
        max-height:480px;
}

input.invisible
{
        display:none;
}

.upload_instructions
{
        font-weight:normal;
        font-size:12px;
        clear:both;
        margin:4px;
}

/*HB P10314 - Decoration CSS */


/*HB - Chrome header being cut off fix */
td.layoutHeader div:first-child, td.layoutHeader div:first-child img

{
        max-width:288px !important;
}
/*HB - Chrome header being cut off fix */


/* Share this button starts */
.st_sharethis_hcount {
	border: none;
}
.popupHeader
{ 
 background-color: #ccc;
 border: 1px solid black;  
}
.popupClose
{
 border: 1px solid #E1E1E1;
 color: #E1E1E1;
 text-align: center;
 vertical-align: middle;
 margin: 2px 2px 2px 2px;
 padding:0px 0px 0px 0px;
 font-weight: bold;
 font-size: 10px;
 width:13px;  width:14 px;
 height:13px; height:14 px;
 cursor: pointer;
}
.loginPopupMsg
{ 
  z-index : 999999;
  background-color: #fff;
  border-left: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 1px solid black;
  padding: 5px;
}
#loginPopup { z-index:999999; }

.sideshadow { height:490px; }
.tblInterest a
{
    text-decoration: none;
    color: #000;
}

a.linkInterest
{
    font-size: 11pt;
    color: #AA2030;
    font-style: italic;
}

.tblInterest ul.list
{
    padding: 0 0 0 20px;
}

.tblInterestForm label.label
{
    width: 110px;
}

.tblInterestForm input.input
{
    width: 400px;
}
/* Error Dialog on login.w */
.custhold .ui-dialog-titlebar {
	padding: .5em 1.5em .5em 1em;
	color: #444444;
	background-color: #e0e0e0;
	border-bottom: 1px solid #cccccc;
	font-size: 1.2em;
	font-weight: bold;
	position: relative;
}
.custhold .ui-dialog-titlebar-close {
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}

.custhold .ui-dialog-titlebar-close span {
	display: none;
}
.custhold .ui-dialog-content {
	color: #362b36;
	background-color: #FFFFFF;
	padding: 1.5em 1.7em;	
}
.custhold .ui-dialog-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #cccccc;
	background-color: #FFFFFF;
}
.custhold .ui-dialog-buttonpane button {
	margin: .5em 0 .5em 8px;
	color: #444444;
	background: #e0e0e0;
	font-size: 1.2em;
	border: 1px solid #cccccc;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
}
.custhold .ui-dialog-buttonpane button:hover {
	color: #111111;
	background: #d8d8d8;
	border: 1px solid #888888;
}
.custhold .ui-dialog-buttonpane button:active {
	color: #000000;
	background: #8ab9ff;
	border: 1px solid #2694e8;
}
.custhold .ui-dialog-buttonset{
	background-color: #FFFFFF;
}
.custhold .ui-button {
	outline:none; 
	border:1px solid #ccc;
}
.custhold .ui-dialog-titlebar-close {
	outline:none; 
}
.custhold {
	border:1px solid #777;
}