/* General styles */
* {
	margin: 0; padding: 0;
	font-family: verdana,sans-serif;
}
body {
	background: #900 url(../../images/nav/bg.gif) repeat-x scroll top left;
	padding-bottom: 50px; float: left;
	padding-top: 150px; padding-left: 40px;
}

/* body {
	background: #C8C8C8;
	padding-bottom: 50px; float: left;
	padding-top: 150px; padding-left: 40px;
} */

#skipnav { display: none; }
.hidden { display:none; }
ul { list-style: none; }
a {outline: none; }
select {
	height: 15px; font-size: 10px;
}
input.ftr-text {
	height: 12px; font-size: 10px; font-weight: normal; padding: 1px;
	border-top: 1px solid #ccc; border-right: 1px solid #ccc; border: 1px solid #666; border: 1px solid #666;
}

/* Header styles */
#countryMenu {
	position: absolute; top: 10px; left: 50px;
	height: 35px; padding: 10px 45px 0 0;
	font-size: 10px;
	background-image: url(../../images/nav/world_map.gif); background-repeat: no-repeat; background-position: top right;
}
#logo { position: absolute; top: 54px; left: 62px; }
#topNav { position: absolute; top: 60px; left: 220px; display: block; width: 700px; }  /* keeps the menu from wrapping when the browser is resized, or at 800 x 600 */
#topNav li { padding: 0 5px; font-size: 10px; line-height: 16px; vertical-align: center; font-weight: bold; color: #666; }
#topNav li#searchLabel { padding-left: 170px; }

#topNav li a { color: #666; text-decoration: none; }
#topNav li a:hover { color: #666; text-decoration: underline; }

/* Nav styles */
ul#topNav, ul#priNav { color: #fff; }
ul#topNav li, ul#priNav li { float: left; }

#priNav {
	position: absolute; top: 110px; left: 0;
	width: 900px; height: 30px; z-index: 9999;
	background: #000 url(../../images/nav/prinav_bg.gif) no-repeat scroll top left;
}
#priNav li {
	position: relative; float: left; display: inline; text-align: center;
}
#priNav li a {
	display: block; height: 30px; padding-top: 3px;
	color: #111; font-weight: bold; text-decoration: none; font-size: 10px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	height: 27px;
}
#priNav li:hover a, #priNav li a.hoverStyle { color: #fff; }
#Printers { margin-left: 54px; width: 94px; }
#Printers a { width: 94px; line-height: 24px; background-image: url(../../images/nav/prinav_bg/printers.gif); background-repeat: no-repeat; background-position: 0 -30px; } #Printers:hover a, #Printers a.hoverStyle { background-position: 0 0; }
#Supplies { width: 123px; }
#Supplies a { width: 123px; line-height: 12px; background-image: url(../../images/nav/prinav_bg/supplies.gif); background-repeat: no-repeat; background-position: 0 -30px; } #Supplies:hover a, #Supplies a.hoverStyle { background-position: 0 0; }
#Solutions { width: 190px; }
#Solutions a { width: 190px; line-height: 12px;  background-image: url(../../images/nav/prinav_bg/solutions.gif); background-repeat: no-repeat; background-position: 0 -30px; } #Solutions:hover a, #Solutions a.hoverStyle { background-position: 0 0; }
#Shop { width: 90px; }
#Shop a { width: 90px; line-height: 12px; background-image: url(../../images/nav/prinav_bg/shop.gif); background-repeat: no-repeat; background-position:  0 -30px; } #Shop:hover a, #Shop a.hoverStyle { background-position: 0 0; }
#Downloads { width: 108px; }
#Downloads a { width: 108px; line-height: 12px;  background-image: url(../../images/nav/prinav_bg/downloads.gif); background-repeat: no-repeat; background-position: 0 -30px; } #Downloads:hover a, #Downloads a.hoverStyle { background-position: 0 0;}
#Support { width: 92px; }
#Support a { width: 92px; line-height: 24px;  background-image: url(../../images/nav/prinav_bg/support.gif); background-repeat: no-repeat; background-position: 0 -30px; } #Support:hover a, #Support a.hoverStyle { background-position: 0 0; }
#Resource { width: 103px; }
#Resource a { width: 103px; line-height: 24px;  background-image: url(../../images/nav/prinav_bg/resource.gif); background-repeat: no-repeat; background-position:  0 -60px; } #Resource:hover a, #Resource a.hoverStyle { background-position: 0 0; }


/* Dropdown menus */
/* Based on tutorials at AListApart.com. Uses CSS in HTML page to accommodate IE */
#priNav li ul {
	display: none; list-style: none;
	position: absolute;
	background-color: #111;
	border-bottom: 1px solid #999;
	padding: 5px 0 10px 0;
}

#priNav li:hover ul li a, #priNav li.over ul li a {
	display: block; color: #fff; font-weight: bold; line-height: 16px; height: 16px; padding: 0 0 0 15px; text-align: left;
}
#priNav li:hover ul li a:hover, #priNav li.over ul li a:hover {
	color: #fff;
}
#priNav li:hover ul, #priNav li.over ul {
	display: block; z-index: 9999;
}
#priNav li ul li {
	float: none;
}
#menuPrinters { left:0px; border-left: 1px solid #666; border-right: 1px solid #999; }
#menuSupplies { left:-1px; border-left: 1px solid #999; border-right: 1px solid #999; }
#menuSolutions { left:-1px; border-left: 1px solid #999; border-right: 1px solid #999; }
#menuShop { left:-1px; border-left: 1px solid #999; border-right: 1px solid #999; }
#menuDownloads { left:-1px; border-left: 1px solid #999; border-right: 1px solid #999; }
#menuSupport { left:-1px; border-left: 1px solid #999; border-right: 1px solid #999; }
#menuResource { left:-95px; border-left: 1px solid #999; border-right: 1px solid #666; }
#menuResource li a { text-align: right; }
#priNav 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;
	right: auto;
}

/* manually adjust widths for wider elements due to longer text */
#menuPrinters,
#priNav li:hover ul#menuPrinters, #priNav li:hover ul#menuPrinters li {width:149px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 147px;
}
#menuPrinters li a,
#priNav li:hover ul#menuPrinters li a { background: none; width: 147px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 132px;
}
#menuPrinters li a:hover,
#priNav li:hover ul#menuPrinters li a:hover { background-image: url(../../images/nav/prinav_bg/printers_subnav_on.gif); background-repeat: no-repeat; background-position: top left; }

#menuSupplies,
#priNav li:hover ul#menuSupplies, #priNav li:hover ul#menuSupplies li {width:167px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 165px;
}
#menuSupplies li a,
#priNav li:hover ul#menuSupplies li a { background: none; width: 165px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 150px;
}
#menuSupplies li a:hover,
#priNav li:hover ul#menuSupplies li a:hover { background-image: url(../../images/nav/prinav_bg/supplies_subnav_on.gif); background-repeat: no-repeat; background-position: top left; }

#menuSolutions,
#priNav li:hover ul#menuSolutions, #priNav li:hover ul#menuSolutions li {width:218px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 216px;
}
#menuSolutions li a,
#priNav li:hover ul#menuSolutions li a { background: none; width: 216px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 201px;
}
#menuSolutions li a:hover,
#priNav li:hover ul#menuSolutions li a:hover { background-image: url(../../images/nav/prinav_bg/solutions_subnav_on.gif); background-repeat: no-repeat; background-position: top left; }

#menuShop,
#priNav li:hover ul#menuShop, #priNav li:hover ul#menuShop li {width:188px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 186px;
}
#menuShop li a,
#priNav li:hover ul#menuShop li a { background: none; width: 186px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 171px;
}
#menuShop li a:hover,
#priNav li:hover ul#menuShop li a:hover { background-image: url(../../images/nav/prinav_bg/shop_subnav_on.gif); background-repeat: no-repeat; background-position: top left; }

#menuDownloads,
#priNav li:hover ul#menuDownloads, #priNav li:hover ul#menuDownloads li {width:188px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 186px;
}
#menuDownloads li a,
#priNav li:hover ul#menuDownloads li a { background: none; width: 186px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	 width: 171px;
}
#menuDownloads li a:hover,
#priNav li:hover ul#menuDownloads li a:hover { background-image: url(../../images/nav/prinav_bg/downloads_subnav_on.gif); background-repeat: no-repeat; background-position: top left; }

#menuSupport,
#priNav li:hover ul#menuSupport, #priNav li:hover ul#menuSupport li {width:188px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 186px;
}
#menuSupport li a,
#priNav li:hover ul#menuSupport li a { background: none; width: 186px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 171px;
}
#menuSupport li a:hover,
#priNav li:hover ul#menuSupport li a:hover { background-image: url(../../images/nav/prinav_bg/support_subnav_on.gif); background-repeat: no-repeat; background-position: top left; }

#menuResource,
#priNav li:hover ul#menuResource, #priNav li:hover ul#menuResource li {width:188px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 186px;
}
#menuResource li a,
#priNav li:hover ul#menuResource li a { background: none; width: 186px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 171px;
}
#menuResource li a:hover,
#priNav li:hover ul#menuResource li a:hover { background-image: url(../../images/nav/prinav_bg/resource_subnav_on.gif); background-repeat: no-repeat; background-position: top left; }


/* Below the header */
#bodyWrapper {
	float: left; display: block; width: 820px;
	/*margin-top: 150px; margin-left: 40px;*/

	background: #fff url(../../images/nav/wrapper_bg.gif) repeat-y scroll top left;
}
#midWrapper { float: left; display: inline; width: 820px; background-image: url(../../images/nav/top_mid_bg2.gif); background-repeat: no-repeat; background-position: top left; }



#leftNav {
	float: left; width: 226px; padding-top: 52px; padding-left: 20px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 206px;
}
#leftNav ul {
	width: 190px;
}
#leftNav ul li {
	display: inline; width: 190px;
}
#leftNav ul li a {
	display: block; height: 26px; width: 190px; line-height: 26px; padding-left: 4px; margin-top: -1px;
	color: #fff; font-weight: bold; font-size: 10px;
	background-image: url(../../images/nav/left_item_bg.gif); background-repeat: no-repeat; background-position: bottom left;
	text-decoration: none;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 186px;
}
#leftNav ul li.sticky a, #leftNav ul li a:hover {
	text-decoration: none;
	background-image: url(../../images/nav/left_item_sticky_bg.gif); background-repeat: no-repeat; background-position: top left;
}

#leftNav ul li.parent a, #leftNav ul li.parent a:hover {
	text-decoration: none; color: #a00; margin-top: -1px; padding-top: 1px;
	background-image: url(../../images/nav/left_item_parent_bg.gif); background-repeat: no-repeat; background-position: top left;
}

#leftNav ul li ul.secondaryNav {
	width: 190px; margin-top: -1px;
	background: #3D3D3D url(../../images/nav/left_secondary_nav_bg.gif) no-repeat scroll bottom left;
}
#leftNav ul li ul.secondaryNav li { width: 190px; padding: 0; margin: 0; }
#leftNav ul li ul.secondaryNav li a {
	color: #fff; height: 20px; line-height: 18px; margin-top: -1px; padding-bottom: 2px;
	width: 190px; padding-left: 20px;
	background-image: url(../../images/nav/left_secondary_item_bg.gif); background-repeat: no-repeat; background-position: bottom left;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 170px;
}
#leftNav ul li ul.secondaryNav li.last a { background: none; }
#leftNav ul li ul.secondaryNav li.sticky a, #leftNav ul li ul.secondaryNav li a:hover {
	color: #fff; text-decoration: none;
	background-image: url(../../images/nav/left_secondary_item_sticky_bg.gif); background-repeat: no-repeat; background-position: top left;
}

/* Start content styles */
#mainContent { float: left; }

#breadcrumbs { padding: 10px 0 25px 20px; color: #666; font-size: 11px; }
#breadcrumbs a { color: #666; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }

#content {
	display: block;
	width: 562px;
	margin-top: 45px;
	padding: 5px;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 542px;
}
#subhead h2 {
	margin: 0 0 0 20px; font-size: 32px; font-weight: normal; color: #c00; padding: 10px 0 0 0;
}
#content { margin-left: 0px; }
div.contentBlock div.right ul {
	margin: 20px 5px 0 105px; list-style: none;
}
div.contentBlock div.right ul li {
	line-height: 1.2em; margin-bottom: 5px;
}
div.contentBlock div.right ul li a {
	color: #000;
}

#subhead {display:block;width:570px;margin-bottom:36px;}
#subhead p {padding: 10px 0 0 40px; color: #666; font-weight: bold; font-size: 11px; line-height: 1.5em;}

#footer { clear: both; width: 820px; height: 69px; padding: 0 0 0 10px; background-image: url(../../images/nav/footer_bg.gif); background-repeat: no-repeat; background-position: bottom right;
	voice-family: "\"}\""; /* This is the box model hack, used to coax IE into correctly implementing our padding */
	voice-family: inherit;
	width: 810px;
} /* Necessary to "ground" the preceding two divs */

/* Bottom of the page */
#newCartridgeFinder { float: left; display: inline;
	width: 820px; height: 46px; /*margin-left: 40px;*/
	background: #900 url(../../images/nav/cf_bg2.gif) no-repeat scroll top left;
	text-align: right;
}
#newCartridgeFinder p { float: left; display: inline; line-height: 0; font-size: 12px; color: #666; font-weight: bold; margin: 13px 0 13px 232px; }
#newCartridgeFinder p span { color: #fff; margin-right: 20px; }
#newCartridgeFinder input.cf_radio { padding: 0; margin: 0; width: 12px; }
#newCartridgeFinder input.button { margin-bottom: 3px; }

#footerNav { clear: both; display: block; width: 820px; margin-left: 35px; } 
#footerNav * { color: #000; font-size: 10px; }
#footerNav ul {  }
#footerNav ul li { float: left; padding-right: 10px; }
#footerNav ul li a { color: #000; text-decoration: none; }
#footerNav ul li a:hover { text-decoration: underline; }

/* For the channel-specific stylesheets */
div.contentBlock div>p.more {
	top: auto;
	right: auto;
}

/* HOMEPAGE-SPECIFIC */
#home_bodyWrapper {
	float: left; display: block; width: 850px;

	background: none;
}
#home_midWrapper { float: left; display: inline; width: 850px; height: 351px; background-image: url(home_big_bg.jpg); background-repeat: no-repeat; background-position: top left; }
#home_content { width: 290px; margin-top: 80px; margin-left: 310px; }
#home_content h2 { font-size: 32px; font-weight: normal; color: #c00; letter-spacing: -1px; padding-top: 10px; }
#home_content p {
	font-size: 11px; font-weight: normal; color: #000;
	line-height: 24px; margin: 20px 20px 0 5px;
}
#home_content h3 { margin: 10px 0 0 5px; }
#home_content h3 a { font-size: 26px; font-weight: normal; color: #333; }
#home_content h3 a span { color: #000; }
#home_content h3 a:hover { text-decoration: none; }
#home_content h4 {
	font-size: 11px; font-weight: bold; color: #000;
	margin: 0 0 0 130px;
}
#home_content h4 span { color: #c00; }
#home_promo { float: left; width: 850px; height: 156px; }
#home_promo div { float: left; height: 156px; position: relative; }
#home_promo div h3 {
	font-size: 20px; font-weight: normal; color: #c00;
	line-height: 20px; margin: 20px 0 0 20px; padding-bottom: 2px;
}
#home_promo div p {
	font-size: 12px;
	margin: 8px 0 0 20px; padding-bottom: 2px;
	line-height: 12px; width: 160px;
}
#home_promo div h5 {
	font-size: 10px; font-weight: normal; color: #333;
	margin: 8px 0 0 20px;
}
#home_promo div h4 { margin: 5px 0 0 20px; height: 26px; }
#home_promo div h4 a { font-size: 12px; line-height: 26px; font-weight: bold; color: #333; }
#home_promo div h4 a span { color: #fff; }
#home_promo div h4 a img { border: 0; vertical-align: middle; }
#home_promo div h4 a:hover img { text-decoration: none; }
#home_promo p.more {
	position: absolute;
	top: 115px; left: 165px;
	font-weight: bold;
}
#home_promo>p.more {
	top: auto;
	left: auto;
}
#home_promo p.more span { font-size: 9px; margin-top: -1px; font-weight: normal; }
#home_promo #div1 { width: 275px; background-image: url(home_promo1.gif); background-repeat: no-repeat; background-position: top left; }
#home_promo #div1 h3 { width: 110px; }
#home_promo #div2 { width: 270px; background-image: url(home_promo2.gif); background-repeat: no-repeat; background-position: top left; }
#home_promo #div2 p { width: 110px; }
#home_promo #div2 h5 { margin-top: 16px; }
#home_promo #div3 { width: 305px;; background-image: url(home_promo3.gif); background-repeat: no-repeat; background-position: top left; }
#home_promo #div3 p { width: 140px; }
#home_promo #div3 h5 { margin-top: 28px; }
/* override footer */
#home_footer {
	clear: both; width: 850px;
	background: none;
}