body {margin:0; min-width:1000px; padding:0; width:100%;font-family:"HPSimplified";} 
#body{ width:1000px; margin:0 auto; } 
h2 { font-size: 32px; line-height: 32px; } 
h3 { font-size: 22px; line-height: 22px; } 

.wrapper{width:1000px; margin:0px auto;}

#body p {line-height: 22px;font-size: 16px;font-weight: normal;}
a {color:#007dba;text-decoration:none;}
a:visited{color:#822980;text-decoration:none;}
a:hover{text-decoration:underline;}

a.primary_button {

    line-height: 36px !important; 
    padding: 0 15px; 
    color: #FFFFFF !important; 
    background-color: #D7410B; 
    overflow:hidden;
    font-size: 16px;
    font-weight: bold;
    -moz-border-radius: 0 4px 0 4px;
    -webkit-border-radius: 0 4px 0 4px;
    -khtml-border-radius: 0 4px 0 4px;
    border-radius: 0 4px 0 4px;   
    display:inline-block;
    zoom: 1; /* IE7 */
    *display: inline; /* IE7 */

}
a.primary_button:hover{background-color: #C1401A; text-decoration:none !important;}

a.secondary_button {

    line-height: 36px !important; 
    padding: 0 15px; 
    color: #FFFFFF !important; 
    background-color: #0096d6; 
    overflow:hidden;
    font-size: 16px;
    font-weight: bold;
    -moz-border-radius: 0 4px 0 4px;
    -webkit-border-radius: 0 4px 0 4px;
    -khtml-border-radius: 0 4px 0 4px;
    border-radius: 0 4px 0 4px;   
    display:inline-block;
    zoom: 1; /* IE7 */
    *display: inline; /* IE7 */
}
a.secondary_button:hover{background-color: #0084bd; text-decoration:none !important;}

a.tertiary_button {

    line-height: 36px !important; 
    padding: 0 15px; 
    color: #FFFFFF !important; 
    background-color: #767676; 
    overflow:hidden;
    font-size: 16px;
    font-weight: bold;
    -moz-border-radius: 0 4px 0 4px;
    -webkit-border-radius: 0 4px 0 4px;
    -khtml-border-radius: 0 4px 0 4px;
    border-radius: 0 4px 0 4px;   
    display:inline-block;
    zoom: 1; /* IE7 */
    *display: inline; /* IE7 */
}
a.tertiary_button:hover{background-color: #5a5a5a; text-decoration:none !important;}

a.external-link{ color:#007dba; background:url(i/gateway/event-template-css-images/s-15px-hpe.png) right -632px no-repeat; padding-right:18px; }

span.hpe-small-pdf-icon {
  background: url(i/gateway/event-template-css-images/s-15px-hpe.png) left -40px no-repeat;
  font-family: "HPSimplified";
  font-size: 14px;
  line-height: 18px;
  color: #767676 !important;
  text-transform: uppercase;
  padding-left: 18px;
}

#body .rs_title { font-size: 32px; line-height: 32px; margin: 28px 0 0px 18px; }
.topnav-wrap{*height:105px; padding:0; margin:0;}
.my_right { float:right; margin-right:18px; margin-top:7px; } 
.text_grey{color:#333333;font-size:12px;line-height:16px;}
.paragraph{float:left;}


/* SECONDARY MENU */
#body #dock {border-bottom: 1px solid #cccccc; background-color:#ffffff; width:1000px; float: left; z-index:10000; }
#body #menu_2nd {padding-left:18px;}
#body #menu_2nd ul { float:left;padding: 0px;  list-style-type:none;margin-bottom:0px;margin-left:0px;}
#body #menu_2nd ul li {margin: 0 29px 0 0; float: left; padding-bottom: 10px;}
#body #menu_2nd ul li.active_2nd {border-bottom: 4px solid #0096D5;}
#body #menu_2nd ul li a {text-decoration: none; color: #767676; font-size:16px; line-height:22px;}
#body #menu_2nd ul li a:hover {text-decoration:none; border-bottom: 4px solid #0096d9; padding-bottom: 7px;}
#body #menu_2nd ul li a.current {border-bottom: 4px solid #0096d9; padding-bottom: 7px; color: #000;}
#body #menu_2nd ul li.active_2nd a {color: #000000;}

#body #menu_2nd ul ul {display: none;}
#body #menu_2nd ul li:hover > ul {display: block;}
#body #menu_2nd ul {list-style: none; position: relative; display: inline-table;}
#body #menu_2nd ul:after {content: ""; clear: both; display: block;}
#body #menu_2nd ul ul {padding: 10px 0 10px 0; position: absolute; top: 100%; background-color:#ffffff; border:2px solid #cccccc; border-bottom:3px solid #0096d6; z-index: 99; margin-top:10px; }
#body #menu_2nd ul ul li {margin:0; float: none;  position: relative; clear:both; padding: 6px 0; width:230px;}
#body #menu_2nd ul ul li:hover {background: #0096d6;}
#body #menu_2nd ul ul li:hover a {color: #fff;}
#body #menu_2nd ul ul li a {padding: 0px 5px 0px 22px; font-size:14px; color:#000000;}
#body #menu_2nd ul ul li a:hover {border-bottom: 0;}
#body #menu_2nd ul ul li .submenu_arrow {background:url(i/gateway/learn-about-supplies/submenu_arrow.png) no-repeat top left; width:18px; height:11px;display:block; position:absolute; top:-21px; left:15px; }
#body #menu_2nd ul ul li.menu2nd_submenu_first a {padding-top:30px; *padding-top:0;}/*For IE7:*padding-top:0 */
/* Docked Tabs */
#contentyu #body .docked {background-color:#ffffff; z-index:1; left:0; width:100%;}
#body .docked .dock-inner {width:1000px; margin:0 auto; padding-top:10px;}
#body #dock .dock-inner {position:relative;z-index: 2;}
#body #dock.docked {width:100%; right:0;}

/*SUPERSCRIPT POSITIONING */
sup {line-height:0px;}


/*HEIGHTS*/
#body .h450 {height:430px;}


/*CONTAINERs*/
.breakout_container {position:absolute; left:0; right:0; height:auto;}
.breakout_recenter {clear:both; margin:0 auto; width:964px; padding:0px 18px;}

.split_container {clear:both; width:964px; padding:20px 0 20px 18px; }
.split_container h2 {font-size: 28px;line-height: 34px;margin: 0px 0px 20px 0px;}
.split_container h3 {font-size: 22px;line-height: 28px;margin: 0px 0px 20px 0px;}

.customer_experience {background: url(i/gateway/learn-about-supplies/customer_experience.jpg) no-repeat center;height: 422px;z-index: 1;}
.customer_experience h2 {font-size: 28px;line-height: 34px;margin: 20px 0 0 0;}
.customer_experience .hero-content {width: 400px;float: left;}
.customer_experience .hero-content p {width: 380px;margin: 10px 0 0px 0;}
.customer_experience .hero-content h2 {width: 380px;}

.my_table{width:964px;margin-bottom:20px;float:left;}

.my_col{width:290px;margin-right:30px;float:left;}

.my_col_small{width:290px;margin-right:10px;float:left;}
.my_col_big{width:630px;margin-right:30px;float:left;}
.my_col_small img{margin-top:20px;margin-left:50px;}
.my_col_small p{text-align:center;}

.double_col{width:450px;float:left;}
.double_col1{width:450px;margin-right:20px;padding-right:20px;float:left;border-right:1px solid #666666;}
.double_col2{width:450px;margin-left:20px;float:left;}
.double{width:450px;margin-right:20px;float:left;}

.my_icon{width:100px;margin-right:20px;margin-top:20px;float:left;}
.my_text{width:330px;float:left;}

.my_img{width:200px;margin-right:30px;float:left;}
.my_img p{text-align:center;}

.my_button{float:left;margin-left:10px;margin-top:3px;}
.my_title{font-size: 14px;line-height: 18px;font-weight:bold;}

.my_line{border-top:1px solid #666666; width:964px; padding-top:20px;}

.my_icon_group{margin-bottom:20px; float:left;margin-left:910px;}
.my_icon_group img{cursor:pointer;}

.ink {background: url(i/gateway/learn-about-supplies/ink.jpg) no-repeat center;height: 160px;}
.toner {background: url(i/gateway/learn-about-supplies/toner.jpg) no-repeat center;height: 160px;}
.ink-bottles {background: url(i/gateway/learn-about-supplies/ink-bottles.jpg) no-repeat center; height: 180px;}
.ddd {background: url(i/gateway/learn-about-supplies/icon3D.jpg) no-repeat center;height: 160px;}


.breadcrums { width:964px; float:left; margin:10px 18px 0px 18px; font-size:12px; line-height:24px; color:#ccc; padding:0px;}
.breadcrums a{color:#767676; text-decoration:none; }

/*CLEARFIX*/
.clearfix:before,
.clearfix:after {content: " "; /* 1 */display: table; /* 2 */}
.clearfix:after {clear: both;}

/* FOOTNOTES */
#body #footnotes {float:left; margin:20px 0px 30px 0px; padding:0px 18px;}
#body #footnotes p {margin-bottom:15px; color:#767676; font-size:12px; line-height: 18px;}
#body #footnotes p.last {margin-bottom:0px;}
#body #footnotes ol, #footnotes ul {margin:0px; padding:0px 0px 0px 15px;}
#body #footnotes ol li, #footnotes ul li {margin-bottom:15px; color:#767676; font-size:12px;}
#body #footnotes ol li.last, #footnotes ul li.last {margin-bottom:0px;}


/* Expand & Collapse */
	
	.displayNone, .display-none{ display:none; }
	
	.title_expand{
		background:url(i/gateway/adlp-template-css-images/s-21px-hpe.png) no-repeat 15px -1658px;
		padding:20px;   
		border-top:1px solid #CCCCCC; 
		font:15px;   
		width:940px;   
		cursor:pointer;  
		height:20px;
		float:left;
	}
	
	.title_expand .spanfixed{
		font-weight:bold !important;
		padding-left:26px;
	}
	.title_expand:hover{
		background:url(i/gateway/adlp-template-css-images/s-21px-hpe.png) no-repeat 15px -1928px #F2F2F2;
	}
	.title_expand.minus{
		background:url(i/gateway/adlp-template-css-images/s-21px-hpe.png) no-repeat 15px -1793px;
	}
	.title_expand.minus:hover{
		background:url(i/gateway/adlp-template-css-images/s-21px-hpe.png) no-repeat 15px -2063px;
	}
	
	
	.spanfixed-text{
		padding-left:47px;
		width:900px !important;
	}

	
	/* Expand & Collapse */
	
	/*table*/

	.table_sortable{float:left; margin-top:30px;margin-bottom:30px;}

	.table_sortable table {
		background-color: #fff;
		border-bottom: 1px #ccc solid;
		width:900px;
	}

	.table_sortable th{
		background-color: #767676;
		font-size: 14px;
		line-height: 18px;
		font-weight:bold;
		color: #fff;
		vertical-align: bottom;
		text-align:left;
		border-right:1px #ccc solid;
		padding: 15px 20px;
	}

	.table_sortable td {
		background-color: #fff;
		font-size: 14px;
		line-height: 18px;
		color: #000;
		vertical-align: top;
		border-right: 1px #ccc solid;
		border-top: 1px #ccc solid;
		padding: 15px 20px;
	}
	
	.table_sortable .c1{border-left: 1px #ccc solid;}

	
	.table_sortable2{float:left; margin-top:30px; margin-bottom:30px;}

	.table_sortable2 table {
		background-color: #fff;
		border-bottom: 1px #ccc solid;
		width:620px;
	}

	.table_sortable2 th{
		background-color: #767676;
		font-size: 14px;
		line-height: 18px;
		font-weight:bold;
		color: #fff;
		vertical-align: bottom;
		text-align:left;
		border-right:1px #ccc solid;
		padding: 15px 20px;
	}

	.table_sortable2 td {
		background-color: #fff;
		font-size: 14px;
		line-height: 18px;
		color: #000;
		vertical-align: top;
		border-right: 1px #ccc solid;
		border-top: 1px #ccc solid;
		padding: 15px 20px;
	}
	
	.table_sortable2 .c1{border-left: 1px #ccc solid;}
	
	.table_sortable3{float:left; margin-bottom:30px;}

	.table_sortable3 table {
		background-color: #fff;
		border-bottom: 1px #ccc solid;
		width:600px;
	}

	.table_sortable3 th{
		background-color: #767676;
		font-size: 14px;
		line-height: 18px;
		font-weight:bold;
		color: #fff;
		vertical-align: bottom;
		text-align:left;
		border-right:1px #ccc solid;
		padding: 15px 20px;
	}

	.table_sortable3 td {
		background-color: #fff;
		font-size: 14px;
		line-height: 18px;
		color: #000;
		vertical-align: top;
		border-right: 1px #ccc solid;
		border-top: 1px #ccc solid;
		padding: 15px 20px;
	}
	
	.table_sortable3 .c1{border-left: 1px #ccc solid;}

/*overlay*/
	#popup1 {display:none; position:absolute; width:100%; left:0; top:0; margin-left:250px; padding-right:25px;  z-index:10000;}

	#whiteoverlay {
	width:100%;
	min-height:100%;
	height: auto;
	background:url(i/gateway/learn-about-supplies/back.png) repeat;
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index:1000;
	visibility: hidden;
}
	.overlay {padding-top: 80px;  width: 830px; margin:auto; height: 100%;}
	.overlay-content{width:700px; height:480px;  background: #FFFFFF;  border: 1px solid #CCCCCC; margin: 0 auto; padding:20px 40px 20px 40px; position:relative; -moz-box-shadow: 0px 5px 15px rgba(0,0,0,.75); -webkit-box-shadow: 0px 5px 15px rgba(0,0,0,.75);}
	.close-overlay{ width:26px; height:23px; background:url(i/gateway/adlp-template-css-images/s-21px-hpe.png) no-repeat left -450px;; position:absolute; top:10px; left:730px; z-index:10000000; cursor:pointer;}
	.close-overlay:hover{ width:26px; height:23px; background:url(i/gateway/adlp-template-css-images/s-21px-hpe.png) no-repeat left -495px; position:absolute; top:10px; left:730px; z-index:10000000; cursor:pointer}