body{behavior:url(/cssHoverFix.htc)}
#navigation{font-size:10px;z-index:999;}
#navigation ul{margin:0;padding:0;background-color:#4782AC;z-index:998;}

 
#navigation ul li{line-height:22px;list-style:none;cursor:pointer;color:#FFF;font-family:Arial,sans-serif,Helvetica;padding:9px 5px 9px 7px;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#FFF;z-index:997;font-size:15px;width:190px;background-color:undefined;}
#navigation ul li strong{font-size:15px;color:#8CD8FF; font-weight:normal}
#navigation ul li a{color:#FFF;text-decoration:none}
#navigation ul li:hover{background-color:#4782AC;position:relative;z-index:996;background-image:url(/images/nav-arrow-white-left-2014.gif);background-repeat:repeat-y;background-position:right center;background-size:19px 30px}

li a:hover .arrow-right  {display:none !important}
.arrow-right{background-image:url(/images/nav-arrow-white-left-2014.gif);background-repeat:no-repeat;background-position:right center;background-size:19px 30px}
.arrow-right-sub{background-image:url(/images/nav-arrow-white-left-sub.gif);background-repeat:no-repeat;background-position:right center;background-size:19px 41px}
.arrow-right-sub-home{background-image:url(/images/nav-arrow-white-home-1.png);background-repeat:no-repeat;background-position:left center;width:19px}
.navigation ul li small-nav{font-family:Arial,Helvetica,sans-serif;font-size:11px;color:#999}
.popular-item{background-image:url(/images/icon-popular-sidenav.gif);background-repeat:no-repeat;background-position:left center;padding-right:5px;margin-left:2px;display:inline;background-size:25px 25px}


/* #### 2019 Navigation Changes ###*/
.navigation a{font-size:14px; line-height:20px; font-family:Arial,Helvetica,sans-serif; }
.navigation a:hover {font-weight:700;}
.navigation p:hover {font-weight:700;}
.navigation p {border-bottom: 1px solid #ebebeb; padding:0 0 3px 10px; font-size:14px; line-height:20px; font-family:Arial,Helvetica,sans-serif;color:#39f;  }

.navigation {border-right:1px solid #ebebeb; border-top:1px solid #ebebeb; width:320px; margin: 20px 0 0 20px;box-shadow:#C2C2C2 5px 10px 20px;padding-top:20px; font-size:14px; line-height:20px;}




.nav-pop{
	visibility: hidden;
	width: 650px;
	max-height:700px;
	border: 1px solid #CCC;
	position: absolute;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding: 20px;
	z-index: 1000;
	background: #FFF;
	box-shadow:#444 10px 10px 20px;
	
}
	
.pop-up-left {width:49%; float:left;}
.pop-up-left p {margin:0px 0px 10px 0px !important; line-height:18px; border-bottom:1px dotted #ebebeb;}
.pop-up-left p a {text-decoration:none; color:#4C4949 !important;}
.pop-up-left strong a{color:#000;}
.pop-up-left h3 {color: #7DBD00; font-size: 14px !important; margin-bottom:5px; font-weight:500 !important;}
.pop-up-left h3 a:active,h3 a:hover,h3 a:link,h3 a:visited {color:#7DBD00;}

.pop-up-right {width:49%; float:right !important;}
.pop-up-right p {margin:0px 0px 10px 0px !important; line-height:21px; border-bottom:1px dotted #ebebeb;}
.pop-up-right p a {text-decoration:none; color:#4C4949 !important;}
.pop-up-right strong a{color:#000;}
.pop-up-right h3 {color: #7DBD00; font-size: 14px !important; margin-bottom:5px; font-weight:500 !important;}
.pop-up-right h3 a:active,h3 a:hover,h3 a:link,h3 a:visited {color:#7DBD00;}

.pop-up-3-columns {width:33%; float:left;}
.pop-up-3-columns p {margin:0px 0px 10px 0px !important; line-height:21px; border-bottom:1px dotted #ebebeb;}
.pop-up-3-columns p a {text-decoration:none; color:#4C4949 !important;}
.pop-up-3-columns strong a{color:#000;}

.nav-pop h4{color: #3399ff; font-size: 14px !important; line-height:19px !important; margin-bottom:18px; font-weight:300;}
.nav-pop h3 a, .nav-pop h4 a, .nav-pop h5 a {text-decoration:none;}
 .space{margin:0 0 15px 0;}
.nav-pop strong {color:#0066CC; font-size:14px; font-weight:normal;}
.nav-pop h5 a:active,h5 a:hover,h5 a:link,h5 a:visited {color:#0066CC !important; font-size: 14px !important; line-height:36px !important; margin-bottom:55px !important; font-weight:500;}
.nav-pop h3 a:active,h3 a:hover,h3 a:link,h3 a:visited {color:#7DBD00;}

#ckits, #cservice, #lcovers, #lindexes, #lforms, #lmarketing, #lsoftware, #lsupplies,  #lwill, #lpractice {background: #FFF; top:100px; margin-left: 300px;}
#lstationery {background: #FFF; top:175px; margin-left: 300px;}
.nav-pop + #lsupplies strong{font-size:14px !important;}
/* #### Navigation for checkout ###*/
.checkout-bar{width:100%; max-width:950px; margin:0 40px 20px 20px !important; }
.checkout-bar ul{border: #ccc 1px solid; padding:20px 10px 15px 20px; font-size:16px; color:#AAA !important; background-color:#FCFCFC;}
.checkout-bar li {list-style:none; display:inline; font-size:16px; padding-right:20px; color:#AAA; vertical-align:middle !important;}
.checkout-bar li a { text-decoration:none; color:#CCC !important}
.checkout-bar li strong {font-weight:700;}