@charset "UTF-8";

/*
	----------------------------
	GLOBAL CLASSES + STYLES
	----------------------------
*/

body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }
section, nav, article, header, footer { display: block; }
a { color: #00bff3; text-decoration: none; }
a:hover, a:active, a:visited { color: #006699; }
input, textarea, select { font-family: 'HPSimplified', Arial, Helvetica, sans-serif; }
.body { font-family: 'HPSimplified', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; color: #222; position: relative; }
h1 { font-size: 38px; line-height: 38px; margin-top: .5em; margin-bottom: .25em; }
h2 { font-size: 24px; line-height: 30px; }
h3 { font-size: 20px; line-height: 24px; margin-bottom: 8px; }
h4 { font-size: 18px; line-height: 22px; }
h5 { font-size: 18px; line-height: 22px; }
h6 { font-size: 16px; line-height: 22px; } 
p, ul, ol, dl { margin: 0 0 12px 0; }
a { color: #007DBA; text-decoration: none; }
a:visited { color: #822980; }
a:hover, a:focus { text-decoration: underline; }
::-moz-selection { background: #f05332; color: white; text-shadow: none; }
::selection {  background: #f05332; color: white; text-shadow: none; }

sup { font-size: 10px; line-height: 1; }

.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.button { display: inline-block; background-color: #d7410b; color: #fff; font-size: 16px; line-height: 26px; font-weight: bold; padding: 0px 10px; white-space: nowrap; -webkit-border-radius: 0 6px; -moz-border-radius: 0 6px; border-radius: 0 6px; }
.button:hover, .button:visited { background-color: #c1401a; color: #fff; text-decoration: none; }

.button.secondary { background-color: #007DBA; }
.button.secondary:hover, .button.secondary:visited { background-color: #006699; }
.button.tertiary { background-color: #767676; }
.button.tertiary:hover, .button.tertiary:visited { background-color: #5a5a5a; }
.button.disabled, .button.disabled:hover { background-color: #ccc; }

.uppercase { text-transform: uppercase; }

.first-child { border-top: 0 !important; padding-top: 0 !important; }
.last-child { border-bottom: 0 !important; padding-bottom: 0 !important; }

.clickable-div { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; background-image: url(../media/layout/empty.gif); }
.clickable-div ~ a.button, .clickable-div ~ p a.button { position: relative; z-index: 2; }



/*
	----------------------------
	LAYOUT
	----------------------------
*/

#footnotes { font-size: 12px; margin: 20px auto; width: 1000px; color: #666; }
#footnotes p { text-indent: -9px; margin-left: 9px; }

.col-2 { width: 470px; padding: 0 14px; display: inline-block; float: left; }
.col-2:first-child { border-right: 1px solid #e5e5e5; }
.col-3 { width: 290px; padding: 0 20px; display: inline-block; border-left: 1px solid #e5e5e5; float: left; }
.col-3:first-child { border-left: 0; }


/*
	----------------------------
	HUB NAVIGATION
	----------------------------
*/

nav#local-nav { position: relative; width: 1000px; border-bottom: 1px solid #ccc; z-index: 1; }
nav#local-nav a { color: #000; }
nav#local-nav a:hover { text-decoration: none; }
nav#local-nav h2, nav#local-nav > a:hover { color: #000; float: left; margin: 0 18px; font-size: 16px; line-height: 2.5; border-bottom: 4px solid #0096d6; position: relative; top: 2px; display: inline-block; }
nav#local-nav > a { color: #aaa; float: left; margin: 0 18px; font-size: 16px; line-height: 2.5; border-bottom: 4px solid transparent; position: relative; top: 2px; display: inline-block; }


/*
	----------------------------
	HERO MASTHEAD
	----------------------------
*/

#masthead { position: relative; margin: 16px 0; }
.hero { height: 255px; overflow: hidden; background-color: #CCC; background-repeat: no-repeat; position: relative; }
.hero .message { margin-left: 18px; width: 460px; }
.hero .message a.button { margin-top: 1em; line-height: 2.25em; }
.hero h5 { font-weight: normal; width: 400px; }



/*
	----------------------------
	PROOF POINT FEATURES
	----------------------------
*/

#features { width: 980px; position: relative; padding-left: 18px; float: left; border-bottom:1px solid #ccc;margin-bottom: 20px;}
#features h2 { margin-top: 32px; }
.feature a.button span { color: #1dc3e7; }
.feature { position: relative; width: 100%;clear:both;}
.feature.img_right img { float:right; }
.feature img { float:left; }
.feature .message { text-align: left; width: 45%; margin-left: 500px;}
.feature.img_right .message { margin-left: 0; margin-top: 30px;}
.feature .newmessage{width:630px;}
.feature p {margin:0 0 15px 0;}
.feature ol {margin-left:35px;}
.handle {display:none;cursor:pointer;padding-left:20px;color:#888;}
.handle.showing {display:block;}
.toggle_content{display:none;margin-left:10px;}
.toggle_content .toggle_content {margin-left:20px;}
.handle_on {background:url(../media/layout/more.png) no-repeat scroll 0 4px;}
.handle_off {background:url(../media/layout/less.png) no-repeat scroll 0 4px;}

/*
	----------------------------
	SIDEBAR
	----------------------------
*/

#sidebar { float: right; width: 315px; font-size: 14px; line-height: 18px; margin-top: 98px; }
#sidebar h3 { font-size: 18px; }
#sidebar ul { list-style: none; margin: 12px 0 24px; }
#sidebar ul li { margin: 0 0; position: relative; padding: 12px 0 8px; }
#sidebar ul li a span { color: #1dc3e7; }
#sidebar cite { display: block; font-style: normal; margin: 20px 0 0 10px; color: #5a5a5a; }

.retail-badges a { display: inline-block; margin-right: 16px; padding-top: 24px; }



/*
	----------------------------
	VIDEO PLAYER WITH PLAYLIST
	----------------------------
*/

#player-playlist h3 { margin-bottom: 14px; }
#player-playlist { background: #e6e7e8; font-size: 15px;  }
#video { float: left; width: 640px; padding: 42px 0 24px 40px; }
#player { width: 640px; height: 360px; background: #000; color: #CCC; margin-bottom: 14px; }
#player-copy p.short { display: none; }
#player-copy img { display: none; }
#player-playlist h3 a.button { font-size: .7em; margin-left: 16px; }

#playlist { float: right; width: 270px; margin-right: 30px; padding-top: 42px; }
#playlist ul { list-style: none; font-size: 14px; line-height: 18px;}
#playlist li { margin-bottom: 16px; }
#playlist li a { display: block; color: #333; }
#playlist li a:hover ~ img { opacity: 1; }
#playlist li.active { display: none; }
#playlist li p { padding-left: 138px; }
#playlist li p.long { display: none; }
#playlist li img { float: left; margin: 0 10px 0 0; opacity: .6; }
#playlist li a:hover img { opacity: 1; }
#playlist li span.video { margin-left: 135px; padding-left: 20px; background: url(../media/layout/sprite.png) no-repeat -76px -86px; font-size: 14px; display: inline-block; line-height: 1; }



/*
	----------------------------
	TONER SEARCH FORM
	----------------------------
*/
	/* United States IFRAME Toner Search */
#toner-search { z-index: 1; position: relative; padding: 0 18px 8px; border-bottom: 2px solid #000; }
#toner-search h2 { font-size: 28px; line-height: 28px; margin-top: 12px; }
#toner-search iframe { width: 650px; height: 76px; margin-top: 18px; display: none; }

#toner-packs {   float: right;
    left: 640px;
    margin-top: 5px;
    position: absolute; }

#HP_ink_and_toner_finder * { font-family: 'HPSimplified', Arial, sans-serif !important; }
#HP_ink_and_toner_finder { background: transparent !important; width: 520px !important; min-width: 520px !important; }
#HP_ink_and_toner_finder #search { border: 0; padding: 0; }
#HP_ink_and_toner_finder #search input.text { width: 190px; }
#HP_ink_and_toner_finder #search .search_by { display: none !important; }
#HP_ink_and_toner_finder #search .search_type { color: #333; font-size: 12px; }
#HP_ink_and_toner_finder #search #or { color: #4b4b4b; font-weight: bold; }
#HP_ink_and_toner_finder #search .go_button { background-color: #007DBA; font-size: 16px; line-height: 26px; font-weight: bold; white-space: nowrap; -webkit-border-radius: 0 6px; -moz-border-radius: 0 6px; border-radius: 0 6px; }
#HP_ink_and_toner_finder #search .go_button:hover { background-color: #006699; }
#HP_ink_and_toner_finder #search_printer, #HP_ink_and_toner_finder #search_cartridge { *width: 235px !important; }



/*
	----------------------------
	STATIC BOTTOM STRAP
	----------------------------
*/

#bottom-strap { position: relative; display: block; padding: 8px 0; border-bottom: 1px solid #ccc; }
#bottom-strap > a { display: block; float: left; margin-left: 146px; margin-right: 36px; margin-top: 16px; }
#bottom-strap > div { margin-top: 15px; }
#bottom-strap h2 { margin-bottom: 8px; }

#faq-strap { position: relative; display: block; padding: 8px 0; }
#faq-strap #faq_left{float:left;width:655px;}
#faq-strap #faq_right{float:left;margin-top: 20px;font-size: 14px;}
#faq-strap #faq_right a{font-size: 15px;}
#faq-strap #faq_right .faq_pop{
	width:325px;
	font-size: 15px;
	display: none;
	overflow: hidden;
	position: absolute;
	right: auto;
	top: -110px;
	z-index: 10;
}

#faq-strap #faq_right .faq_pop .ftr_popup_wrpr_b{
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
}
#faq-strap #faq_right .faq_pop .ftr_popup_wrpr_b .hdr_pp{
	border-bottom:1px solid #ccc;
	padding-left: 10px;
}
#faq-strap #faq_right .faq_pop .ftr_popup_wrpr_b p{
	padding: 10px;
	color:#007DBA;
}

.ads_right .faq_pop{
	width:325px;
	font-size: 15px;
	display: none;
	overflow: hidden;
	position: absolute;
	right: auto;
	top: -90px;
	z-index: 10;
}
.ads_right .faq_pop .ftr_popup_wrpr_b{
	padding:0;
	padding-top:10px;
	padding-bottom:10px;
}
.ads_right  .faq_pop .ftr_popup_wrpr_b .hdr_pp{
	border-bottom:1px solid #ccc;
	padding-left: 10px;
}
.ads_right .faq_pop .ftr_popup_wrpr_b p{
	padding: 10px;
	color:#007DBA;
}

#faq-strap #faq_left li{
	list-style-type:none;
}
#faq-strap #faq_left h1 a{
	color:#000;
}
.answer .answer_title{
	width: 100%;
	height: 70px;
}
.answer .answer_title .answer_title_left{
	float:left;
}
.answer .answer_title .answer_title_left h2 a{
	color:#000;
}
.answer .answer_title .answer_title_right{
	float:right;
	margin-top: 37px;
}
.answer .answer_title .answer_title_right a > img{
	margin-left: 10px;
	color:#000;
}
#faq-strap #faq_left .answer .answer_content li{
	list-style-type:disc;
	margin-left: 70px;
}
.answer .answer_content p{
	margin: 0 0 12px 30px;
}
.answer .answer_title h2{
	font-size:21px;
}
/*
	----------------------------
	BOTTOM ROTATOR
	----------------------------
*/

#bottom-rotator { position: relative; display: block; }
#bottom-rotator h2 { margin-bottom: .5em; }
#bottom-rotator > div > div { padding: 26px 0 0 40px; font-size: 14px; line-height: 18px; }
#bottom-rotator > div > strong { display: block; margin-bottom: 6px; }



/*
	----------------------------
	PAGE SPECIFIC STYLES GO HERE
	----------------------------
*/

#original-toner .hero { background-image: url(../media/banners/original-toner-hero.jpg); }
.feature#toner-gets-messy { margin-top: 0; }
.feature#toner-will-fail { padding-top: 40px; margin-bottom:10px; padding-bottom: 30px;}
.feature#toner-will-fail > img { left: 0px;  }
.feature#toner-will-fail .message { top: 36px; }
.feature#toner-recycling { padding-top: 25px;}
.feature#toner-recycling > img { margin-bottom: 20px;padding-top: 20px; }
#bottom-rotator > div { background: url(../media/banners/bottom-counterfeit.jpg) no-repeat; width: 100%; height: 254px; }
#bottom-rotator div.left { width: 475px; margin-right: 30px;}
#bottom-rotator div.left strong { font-size: 16px; }
#bottom-rotator div.left ul { margin-top: 1em; padding-left: 0; list-style-position: inside; }
#bottom-rotator div.left li { margin-bottom: .4em; }
#bottom-rotator div.right{
	width: 292px; margin-right: 30px;float:left; text-align: left;
}
#bottom-rotator div.right strong { font-size: 16px; }
#bottom-rotator div.right ul { margin-top: 1em; padding-left: 0; list-style-position: inside;list-style-type:disc;}
#bottom-rotator div.right li { margin-bottom: .4em;}
#bottom-rotator div.right p{font-weight: bold;}
#toner-protect-you{
	padding-top: 60px;
	padding-bottom: 25px;
}
.p_margin{
	display:none;
}
.report_counter{
	position: absolute;
	z-index: 11;
}

.ads .ads_left{
	float:left;
	width:587px;	
	overflow:hidden;
	height:272px;
	margin-left:50px;
}

.ads .ads_left .step{
	width:587px;
	height:272px;
	float:left;
	}

.ads .ads_left .step1{

	background: url(../media/features/Landing_step1.jpg) no-repeat;
}
.ads .ads_left .step1 .demo_link{
	position: absolute;
	left: 300px;
	top: 190px;
	
}
.ads .ads_left .step2{
	background: url(../media/features/Landing_step2.jpg) no-repeat;
}
.ads .ads_left .step3{

	background: url(../media/features/Landing_step3.jpg) no-repeat;
}
.ads .ads_left .step4{
	
	background: url(../media/features/Landing_step4.jpg) no-repeat;
}

#stepinner{
	width:2348px;
	position:relative;
	}
.ads .ads_right{
	float:left;
	height:250px;
	width: 320px;
	margin-left:30px;
	padding-left:10px;
	border-left:1px solid #bbb;
	
}

#leftarrow{
	position:absolute;
	left:10px;
	z-index:100;
	cursor:default;
  float:left;
	}
.hand{
	cursor:pointer;
}	

.strong {font-weight:bold;}
.left_mar {margin:5px 10px;}
.top-270 {top:-270px!important;}
.answer_title_left h2 {max-width:500px;}
div.answer_content {clear:both;}
.toggle_content ul, .step2 ul {list-style:disc outside none; margin:0 0 20px 20px;}
.no_style {list-style:none!important;margin:0!important;}
.address {margin:10px 0;}
.hero .message {margin-top:15px;}

#rightarrow{
	 float:left;
	 position:absolute;
/*	 z-index:100; */
	left:630px;
	}



.blue_button, .blue_button:visited {
    border-radius: 0 4px 0 4px;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    text-align: center;
    vertical-align: middle;
    width: auto;
    background-color: #0096D6;
}

.blue_button:hover {
	background-color:#006699;
	color:#fff;
	text-decoration:none;
}