td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em}
body {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em}
.em7 {  font-size: .7em}
.em6 {  font-size: .6em}
.px10 {  font-size: 10px}
.px12 {  font-size: 12px}
.px8 {  font-size: 8px}
.px9 {  font-size: 9px}
.px11 {  font-size: 11px}
.px14 {  font-size: 14px}
.formbox {  font-size: 13px; width: 115px; height: 22px}
.em9 {  font-size: 0.9em}
.em10 {  font-size: 1em}
.em11 {  font-size: 1.1em}
.em13 {  font-size: 1.3em}
.em8 {  font-size: .8em}
.em12 {  font-size: 1.2em}
a, a:link {  color: #0000CC; text-decoration: underline;}
a:visited {  color: #990066; text-decoration: underline;}
a:hover {  color: #009501; text-decoration: underline;}
a:active { color: #FFC150; text-decoration: underline;}

a.anchorpic:link {
	color: #000080;
	text-decoration: none
}
a.anchorpic:active {
	text-decoration: none;
	color: #FFC150
}
a.anchorpic:visited {
	color: #640043;
	text-decoration: none
}
a.anchorpic:hover {  color: #009501; text-decoration: underline}

.quicksku { font-size: 13px; width: 70px; height: 22px }
.quickqty { font-size: 13px; width: 35px; height: 22px }


.QBpx9 {  font-size: 9px}
.QBpx10 {  font-size: 10px}
.QBpx10b {  font-size: 10px; font-weight: 600}
.QBpx11 {  font-size: 11px}
.QBpx12 {  font-size: 12px}
.QBpx14 {  font-size: 14px}

.MainHead
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;	
	font-size: 14pt;
	}

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

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

.SubHeadWSmaller { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11pt; font-weight: bold; }

	
.TitleHeadU
	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height: 16px; 
	color: #333399; 
	text-decoration: none ; 
	font-weight: bold; 
	/*text-transform: uppercase;*/
	font-style: italic;
	}
	
.smalltext	
	{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	}
	
smalltext:link {  color: #0000CC; text-decoration: underline;}	
smalltext:visited {  color: #990066; text-decoration: underline;}
smalltext:hover {  color: #E19302; text-decoration: underline;}
smalltext:active { color: #FFC150; text-decoration: underline;}




.searchDropDown {  font-size: 12px; }

a.searchhelptxt:link {  color: #4B53AD; text-decoration: none}
a.searchhelptxt:active { color: #019302; text-decoration: underline}
a.searchhelptxt:visited { color: #4B53AD;text-decoration: none}
a.searchhelptxt:hover {  color: #019302; text-decoration: underline}

/*  new side navigation    */


.hzmenubgrndover {
	/* background-color: #FFDCA3; */
	background-image: url(imgh/hzMenu_bgrndOver.gif);
	background-repeat: repeat;
}


.hzmenubgrndoff {
	background-image: url(imgh/hzMenu_bgnd.gif);
	background-repeat: repeat;
}

.leftnvboxtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.searchboxmylist {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
 }
 
 .searchboxradio { margin-top: -2px ; margin-bottom: -2px ; margin-right: 0px ;  padding: 0px;     }
 
.loginbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #353470;
	border-right: 1px solid #353470;
	border-bottom: 1px solid #353470;
	border-left: 1px solid #353470;
	
}

.loginbox2 {
	border: 1px solid #403E84;
	padding-left: 2px; padding-top: 2px; padding-bottom: 5px;

}

.loginboxtd {  
 	padding-left: 2px;
	color: white; font-size: 11px;
}
.loginboxforgetpass {
	padding-left: 3px; font-size: 10px; color: #B5D2F0;
}

.accountnv {  
 	padding-left: 7px;    border-top: 1px solid #A8B8E3;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.accountnv A:link { color: white; text-decoration: none }
.accountnv A:visited { color: white; text-decoration: none }

.accountover {  
 	padding-left: 7px;  border-top: 1px solid #A8B8E3;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #6BACED; text-decoration: underline;
}
.accountover A:link { color: #000000; text-decoration: underline }
.accountover A:visited { color: #000000; text-decoration: underline}
.accountover A:hover { color: #000000; text-decoration: underline;}
.accountover A:active { color: #000000; text-decoration: underline}

.accountnvonstate {  
 	padding-left: 0; border-top: 1px solid #A8B8E3;
	color: black; background: #CCCCCC;
	background-image: url(img/leftnvOnStateBgnd.gif);
	font-size: 11px;
	}

.leftnvtextsmall {
	font-size: 8px;
}

.leftnvtable { border-left: 1px solid #728FC9;
 border-right: 1px solid #728FC9;
   }
 
 .leftnvtd {  
 	padding-left: 15px;  border-bottom: 1px solid black;  border-top: 1px solid #A8B8E3;
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
.leftnvtd A:link { color: white; text-decoration: none }
.leftnvtd A:visited { color: white; text-decoration: none }
.leftnvtd A:hover { color: white; text-decoration: none }
.leftnvtd A:active { color: white; text-decoration: none } 

/* above newcustomers- */
.leftnvtdnobordertop {  
 	padding-left: 15px;  border-bottom: 1px solid black;
	}

td#leftnvonstate {  
 	padding-left: 0; border-bottom: 1px solid black;  border-top: 1px solid #A8B8E3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black; background: #CCCCCC;
	background-image: url(img/leftnvOnStateBgnd.gif);
	font-size: 11px;
	}
td#leftnvonstatehelp {  
 	padding-left: 0; border-bottom: 1px solid black;  border-top: 1px solid #AFABD5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black; background: #CCCCCC;
	background-image: url(img/leftnvOnStateBgnd.gif);
	font-size: 11px;
	}	

.leftnvover {  
 	padding-left: 15px;  border-bottom: 1px solid black;  border-top: 1px solid #A8B8E3;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #6BACED; text-decoration: underline;
	}
.leftnvover A:link { color: #000000; text-decoration: underline }
.leftnvover A:visited { color: #000000; text-decoration: underline}
.leftnvover A:hover { color: #000000; text-decoration: underline;}
.leftnvover A:active { color: #000000; text-decoration: underline}

/* Jan 2004 */
/* top paging and "You Are Here" links */
.here {  font-size: 11px}
.here A:link { color: Blue; text-decoration:  underline;}
.here A:visited { color: Blue; text-decoration: underline;}
.here A:active { color: Blue; text-decoration: underline;}
.here A:hover { color: #00A101; text-decoration: none;}


.prodboxrow2links {padding-left: 3px;  padding-right: 3px;  padding-top: 3px;  }
.prodboxrow2links  A:link { color: #A507C0; text-decoration:  underline;}
.prodboxrow2links   A:visited { color: #A507C0; text-decoration: underline;}
.prodboxrow2links   A:active { color: #A507C0; text-decoration: underline;}
.prodboxrow2links   A:hover { color: #00A101; text-decoration: none;}
 A.greenreorder:link { color: #05B534; text-decoration:  underline;}
 A.greenreorder:visited { color: #05B534; text-decoration: underline;}
 A.greenreorder:hover { color: #4ED472; text-decoration: none;}
 
.prevnexttop {  font-size: 12px}
.prevnexttop A:link { color: #0000CC; text-decoration:  underline;}
.prevnexttop A:visited { color: #0000CC; text-decoration: underline;}
.prevnexttop A:active { color: #000000; text-decoration: underline;}
.prevnexttop A:hover { color: #00A101; text-decoration: none;}

.pagthruhideviewTxt {font-size: 10px; color: #1353D7; }
.pagthruhideviewTxt A:link { color: #1353D7; text-decoration:  none;}
.pagthruhideviewTxt A:visited { color: #1353D7; text-decoration: none;}
.pagthruhideviewTxt A:active { color: #1353D7; text-decoration: none;}
.pagthruhideviewTxt A:hover { color: #00A101; text-decoration: underline;}

.pagthruResultPerPage {font-size: 10px; color: #1353D7; }
.pagthruResultPerPage A:link { color: #1353D7; text-decoration:  underline;}
.pagthruResultPerPage A:visited { color: #1353D7; text-decoration: underline;}
.pagthruResultPerPage A:active { color: #1353D7; text-decoration: underline;}
.pagthruResultPerPage A:hover { color: #00A101; text-decoration: none;}

/* bottom paging links */
.pagethrubot {	padding-top: 4px;	padding-right: 2px;	padding-bottom: 8px;
	font-size: 11px;
}
.pagethrubot A:link { color: #0000CC; text-decoration:  underline;}
.pagethrubot A:visited { color: #0000CC; text-decoration: underline;}
.pagethrubot A:active { color: #0000CC; text-decoration: underline;}
.pagethrubot A:hover { color: #009501; text-decoration: none;}

.prevnextbot { font-size: 12px; font-weight: bold; color: #0000CC; }
.prevnextbot A:link { color: #0000CC; text-decoration:  underline;}
.prevnextbot A:visited { color: #0000CC; text-decoration: underline;}
.prevnextbot A:active { color: #0000CC; text-decoration: underline;}
.prevnextbot A:hover { color: #009501; text-decoration: none;}

.prevnextarrow { font-size: 9px; text-decoration:none; }
.g {  text-decoration:none;}  /* 	in link don't underline g in word 'Page' */

.prevnextbotpageon { font-size: 11px; font-weight: bold; color: #9E0065; }

/* miscellaneous paging */
.pageon { color: #9E0065; font-weight: bold;}

/* center table of info pages */
.centertabletxt td{
	font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;}
.centertablepad {padding-left:5px; padding-right: 45px;}	


/* navigation menu forgotpassword link */
.forgotpasswordnv {	padding-top:2px;padding-right:8px;font-size:9px;color:#000000;}
.forgotpasswordnv A:link { color: #000000; text-decoration:  underline;}
.forgotpasswordnv A:visited { color: #000000; text-decoration:  underline;}
.forgotpasswordnv A:hover { color: #FFFFFF; text-decoration: none;}
.forgotpasswordnv A:active { color: #000000; text-decoration:  underline;}


.emailpwd a:link {  color: #0000CC; text-decoration: underline;}
.emailpwd a:visited {  color: #0000CC; text-decoration: underline;}
.emailpwd a:hover {  color: #009501; text-decoration: underline;}
.emailpwd a:active { color: #FFC150; text-decoration: underline;}


/* Mix & Match "what's this" link  */
#whatsthis {
	display: block;
	width: 69px; height: 12px;
	margin: 0 ;
	background: url( 'img/mixmatchwThis_leftright.gif' ) top right no-repeat;
	}
#whatsthis a {
	display: block;
	margin: 0; padding:0;
	width:69px; height:12px;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration: none;
	text-indent:-9999px;
	outline:none;
 	background: url( 'img/mixmatchwThis_leftright.gif' ) top left no-repeat;
	}
#whatsthis a:hover{
	background-position: top right;
	color: black;
	visibility: visible;
	}
#whatsthis a img{ 
width:  69px;
height: 12px;
	}
#whatsthis a:hover img{ visibility: hidden;}

.viewcartMixMatchTotal {color:#003E92;
}
.viewcartMixMatchTotalQTY {
	font-weight:bold;

}

/* view cart Mix & Match  "explain" link  */
#cartmixmatchexplain {
	display: block;
	width: 215px; height: 17px;
	margin: 0 ;
	background: url( 'img/viewCart_usingMixMatchleftright.gif' ) top right no-repeat;
	}
#cartmixmatchexplain a {
	display: block;
	margin: 0; padding:0;
	width:215px; height:17px;
	overflow:hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#000000;
	text-decoration: none;
	text-indent:-9999px;
	outline:none;
 	background: url( 'img/viewCart_usingMixMatchleftright.gif' ) top left no-repeat;
	}
#cartmixmatchexplain a:hover{
	background-position: top right;
	color: black;
	visibility: visible;
	cursor: help;
	}
#cartmixmatchexplain a img{ 
width:  215px;
height: 17px;
	}
	
#cartmixmatchexplainOFF a:hover{cursor: help;} /* placeholder */


/* header  searchbox 2010 */
#search_gobtntd div{
	display: block;
	height: 26px;
	width: 26px;
	margin: 0 ;
	padding: 0;	
	overflow:hidden;
}

#search_advanced div{
	display: block;
	height: 13px;
	width: 81px;
	margin: 0 ;
	padding: 0;	
	overflow:hidden;
	background: url(imgh/search_advancedsearch.gif) top right no-repeat;	
}

#search_advanced div a{
	display: block;
	height: 13px;
	width: 81px;
	margin: 0 ;
	padding: 0;	
	overflow:hidden;
	background: url(imgh/search_advancedsearch.gif) top right no-repeat;
}

#search_advanced div a:hover{
	background: url(imgh/search_advancedsearch.gif) top right no-repeat;
	visibility:visible;}
#search_advanced img {width: 81px; height: 13px; border: 0; }
#search_advanced a:hover img{visibility:hidden}

/* hz menu 2010 */
#hztable td{
	height: 32px;
	margin: 0 ;
	padding: 0;	
}
#hztable span{
	position: absolute;
	text-align: center;
	cursor: pointer;
	font-size: 9px; 
	text-indent: -9999px;

}

#hzhome div, #hzshopcat div, #hzreorderlist div, #hzcurrentspecials div, #hzclearance div, #hzshortdated div, #hzviewcart div{
	display: block;
	height: 32px;
	margin: 0 ;
	padding: 0;	
	overflow:hidden;
}



#hzhome div a, #hzshopcat div a, #hzreorderlist div a, #hzcurrentspecials div a, #hzclearance div a, #hzshortdated div a, #hzviewcart div a{
	display: block;
	height: 32px;
	margin: 0 ;
	padding: 0;
	overflow:hidden;
	outline:none; 
	
}

#hzhome div{width: 75px; 
	background:  url(imghz/hzMenu_Home.gif) top right no-repeat;
}
#hzhome div a{
	width: 75px; 
	background:  url(imghz/hzMenu_Home.gif) top left no-repeat;
}
#hzhome div a:hover{
	background:  url(imghz/hzMenu_Home.gif) top right no-repeat;
	visibility:visible;
}
#hzhome img {width: 75px; height: 32px; border: 0; }
#hzhome a:hover img{visibility:hidden}



#hzreorderlist div{width: 113px; 
	background:  url(imghz/hzMenu_ReorderList.gif) top right no-repeat;
}
#hzreorderlist div a{
	width: 113px; 
	background:  url(imghz/hzMenu_ReorderList.gif) top left no-repeat;
}
#hzreorderlist div a:hover{
	background:  url(imghz/hzMenu_ReorderList.gif) top right no-repeat;
	visibility:visible;
}
#hzreorderlist img {width: 113px; height: 32px; border: 0; }
#hzreorderlist a:hover img{visibility:hidden}



#hzshopcat div{width: 99px; 
	background:  url(imghz/hzMenu_ShopCat.gif) top right no-repeat;
}
#hzshopcat div a{
	width: 99px; 
	background:  url(imghz/hzMenu_ShopCat.gif) top left no-repeat;
}
#hzshopcat div a:hover{
	background:  url(imghz/hzMenu_ShopCat.gif) top right no-repeat;
	visibility:visible;
}
#hzshopcat img {width: 99px; height: 32px; border: 0; }
#hzshopcat a:hover img{visibility:hidden}


#hzcurrentspecials div{width: 93px; 
	background:  url(imghz/hzNav_CurrentSpec.gif) top right no-repeat;
}
#hzcurrentspecials div a{
	width: 93px; 
	background:  url(imghz/hzNav_CurrentSpec.gif) top left no-repeat;
}
#hzcurrentspecials div a:hover{
	background:  url(imghz/hzNav_CurrentSpec.gif) top right no-repeat;
	visibility:visible;
}
#hzcurrentspecials img {width: 93px; height: 32px; border: 0; }
#hzcurrentspecials a:hover img{visibility:hidden}


#hzclearance div{width: 96px; 
	background:  url(imghz/hzMenu_Clearance.gif) top right no-repeat;
}
#hzclearance div a{
	width: 96px; 
	background:  url(imghz/hzMenu_Clearance.gif) top left no-repeat;
}
#hzclearance div a:hover{
	background:  url(imghz/hzMenu_Clearance.gif) top right no-repeat;
	visibility:visible;
}
#hzclearance img {width: 96px; height: 32px; border: 0; }
#hzclearance a:hover img{visibility:hidden}


#hzshortdated div{width: 107px; 
	background:  url(imghz/hzMenu_ShortDated.gif) top right no-repeat;
}
#hzshortdated div a{
	width: 107px; 
	background:  url(imghz/hzMenu_ShortDated.gif) top left no-repeat;
}
#hzshortdated div a:hover{
	background:  url(imghz/hzMenu_ShortDated.gif) top right no-repeat;
	visibility:visible;
}
#hzshortdated img {width: 107px; height: 32px; border: 0; }
#hzshortdated a:hover img{visibility:hidden}


#hzviewcart div{width: 105px; 
	background:  url(imghz/hzMenu_ViewCart.gif) top right no-repeat;
}
#hzviewcart div a{
	width: 105px; 
	background:  url(imghz/hzMenu_ViewCart.gif) top left no-repeat;
}
#hzviewcart div a:hover{
	background:  url(imghz/hzMenu_ViewCart.gif) top right no-repeat;
	visibility:visible;
}
#hzviewcart img {width: 105px; height: 32px; border: 0; }
#hzviewcart a:hover img{visibility:hidden}

/* left side navigation 2010 */
.v1pxedge {background-color:#88a4cc;}
.v1pxedgeon {background-color:#46586e;}
.v1pxedge2 {background-color:#7e9bc4;}
.v1pxedgetop {background-color:#becee4;}

#vforgotpwd div, #vforgotpwd div a{
	display: block;
	height: 22px;
	width: 174px;
	margin: 0 ;
	padding: 0;	
	overflow:hidden;
	background: url(imgvert/vForgotPwdOn.gif) top left no-repeat;	
}

#vforgotpwd div a:hover{
	background: url(imgvert/vForgotPwdOn.gif) top left no-repeat;
	visibility:visible;}
#vforgotpwd img {width: 174px; height: 22px; border: 0; }
#vforgotpwd a:hover img{visibility:hidden}


#vhelpfirst div, #vhelpfirst div a, #vsignout div, #vsignout div a, #vaccount div, #vaccount div a{
	display: block;
	height: 25px;
	width: 174px;
	margin: 0 ;
	padding: 0;	
	overflow:hidden;
}
#vhelpfirst div, #vhelpfirst div a {background: url(imgvert/vHelpFirstOrder.gif) top left no-repeat;}
#vhelpfirst div a:hover {visibility:visible;}
#vhelpfirst div img {width: 174px; height: 25px; border: 0; }
#vhelpfirst div a:hover img{visibility:hidden}

#vsignout div, #vsignout div a{background: url(imgvert/vSignOut.gif) top left no-repeat;}
#vsignout div a:hover {visibility:visible;}
#vsignout div img {width: 174px; height: 25px; border: 0; }
#vsignout div a:hover img{visibility:hidden}

#vaccount div, #vaccount div a{background: url(imgvert/vAccountDetails.gif) top left no-repeat;}
#vaccount div a:hover {visibility:visible;}
#vaccount div img {width: 174px; height: 25px; border: 0; }
#vaccount div a:hover img{visibility:hidden}

#vcontact div, #vfax div, #vhelp div, #vterms div, #vshipping div{
	display: block;
	height: 21px;
	width: 174px;
	margin: 0 ;
	padding: 0;	
	overflow:hidden;
}
#vcontact div a, #vfax div a, #vhelp div a, #vterms div a, #vshipping div a{
	display: block;
	height: 21px;
	width: 174px;
	margin: 0 ;
	padding: 0;	
	overflow:hidden;
}
#vcontact div a:hover, #vfax div a:hover, #vhelp div a:hover, #vterms div a:hover, #vshipping div a:hover{
	visibility:visible;
}
#vcontact div, #vcontact div a{background: url(imgvert/vcontact.gif) top left no-repeat;}
#vfax div, #vfax div a {background: url(imgvert/vfax.gif) top left no-repeat;}
#vhelp div, #vhelp div a {background: url(imgvert/vhelp.gif) top left no-repeat;}
#vterms div, #vterms div a {background: url(imgvert/vterms.gif) top left no-repeat;}
#vshipping div, #vshipping div a {background: url(imgvert/vshipping.gif) top left no-repeat;}

#vcontact img {width: 174px; height: 21px; border: 0; }
#vcontact a:hover img{visibility:hidden}
#vfax img {width: 174px; height: 21px; border: 0; }
#vfax a:hover img{visibility:hidden}
#vhelp img {width: 174px; height: 21px; border: 0; }
#vhelp a:hover img{visibility:hidden}
#vterms img {width: 174px; height: 21px; border: 0; }
#vterms a:hover img{visibility:hidden}
#vshipping div img {width: 174px; height: 21px; border: 0; }
#vshipping div a:hover img{visibility:hidden}

#leftWelcomeTD  {padding: 0px 9px 10px 8px;}
#leftWelcomeTD  {padding: 0px 5px 10px 4px;}
#leftWelcomeTDx table td{padding: 0px 12px 10px 13px;}
#vertnavtable #leftWelcomeTD {background-color:#8088b2;}
#leftWelcomeTD table td {background-color:#E5E6F2;}
#leftWelcomeTD td.DrWelcomeName {padding: 8px 1px 5px 6px;color: #9F009F; font-size:12px; font-weight:normal; font-family:Verdana,Arial, Helvetica, sans-serif;}

#vcategorytable {border-right: 1px solid #a3bee5;}
#vcategorytable td#vcategoryitem {color: #9F009F; font-size:11px; font-weight:normal; font-family:Verdana,Arial, Helvetica, sans-serif;}
#vcategoryitem a{text-decoration:none; color:#0B0F21;}
#vcategoryitem a:hover{text-decoration:underline;}

/* 	fix when have time
#vertnavtable {border-right: 1px solid #7e8cd3;}
*/
#vertnavtable {border-right: 1px solid #B8CBE9;}
#vertnavtable {border-right: 1px solid #7e8cd3;}

#vertleftsidefooter, #vertleftsideoutertd{
	background-color: #a3bee5;
	background: url(imgvert/leftborderlvertlinesolid.gif) top right repeat-y;
}


/*  march 2010 */

td#headerforitemboxes div.headerontopofitemboxes {
	padding:0px 62px 4px 13px;
	font-size: 26px;
	color: #000000;
	font-weight: bold;
}

.prodboxrow2links {padding-left: 12px;  padding-right: 2px;  padding-top: 3px;  
}

.mylistbreadcrumbs {padding-top: 15px;}


.hzmenubgrd3over {
	/* background-color: #FFDCA3; */
	background-image: url(img3/hzMenu_bgrndOver.gif);
	background-repeat: repeat;
}

.hzmenubgrd3off {
	background-image: url(img3/hzMenu_bgnd.gif);
	background-repeat: repeat;
}