html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, select,
table, caption, tbody, tfoot, thead, tr, th, td {background:none; border: 0;text-decoration:none; padding:0px; margin:0px;font-family:"HPSimplified";}
/*GENERAL STYLES*/
/*div#header {margin-top:15px;}*/
div.seo_birdseed {background-color: #F2F2F2; margin-top: -106px; padding-top: 106px;}
div.footer {border-bottom:none;}
#home_container {height:3715px;}
#features_container {height:4915px;}
#specs_container {height:3910px;}
#body h1 {font-size:32px; font-weight:bold;}
.clear_both {clear:both;}
.hr_line {clear:both; width:100%; background-color:#cccccc; height:1px;}
#header ul.main_nav .header_section {display:none;}
a { color: #007DBA;}
a:visited{ color:#822980;}
a:hover{ text-decoration:underline;}
/* Docked Tabs/Notify Me */
#body {margin-bottom:50px !important;}
#body .docked {background-color:#ffffff; z-index:1; left:0; width:100%;}
#body .docked .dock-inner {width:1000px; margin:0 auto; padding-top:20px;}
.page_title{ padding: 10px 18px 0px; font-size:32px;}
.body {
display: block;
margin: 0 auto;
padding-bottom: 0;
width: 1000px;
}
#dock { width:100%; background-color:#FFF;}
.dock-inner {padding-top:20px; background: #fff; z-index: 100; width:1000px; margin:0 auto;}
.dock-inner h1 {float: left; margin-left: 18px; margin-top:0px !important; padding-bottom:10px !important;}
.docked .dock {
top:0;
/*left:0;
right:0;*/
position:fixed;
z-index:10;
}
/* BREAKOUT POSITIONING*/
.top191{top:191px;}
.top635{top:635px; padding-top:40px;}
.top1085{top:1085px;}
.top1500{top:1500px;}
.top1850 {top:1850px}
.top2310 {top:2310px}
.top2945 {top:2945px}
.top3390 {top:3390px}
.top3730 {top:3730px}
/*Prod pages*/
.top2965 {top:2965px}
.top3305 {top:3305px}
.top3190 {top:3190px}
.top3545 {top:3545px}
.top4840 {top:4840px}
.top5175 {top:5175px}
#prod_office_container {height:5200px;}
#prod_graphics_container {height:3645px;}
#prod_production_container {height:3360px;}
.breakout_container {position:absolute; left:0; right:0;}
.bottomSpace{ padding-bottom: 10px;}
.bottomSpaceSmall{ padding-bottom: 5px;}
.topSpace{ padding-top: 10px;}
.topSpaceSmall{ padding-top: 5px;}
/* SECONDARY MENU */
#menu_2nd {width:500px;float:left;}
#menu_2nd ul {list-style-type:none;/*margin-top:11px;*/}
#menu_2nd ul li {margin: 0 8px 0 18px; padding-bottom:10px; float:left; height:18px;}
#menu_2nd ul li.active_2nd {border-bottom:4px solid #0096D5;}
#menu_2nd ul li a {font-size:16px; color:#767676;}
#menu_2nd ul li.active_2nd a {color:#000000;}
#menu_2nd ul li a:hover {color:#007DBA; text-decoration:none;}
#menu_2nd ul li.active_2nd a:hover {color:#000000; text-decoration:none;}
/*HOME VIDEO*/
#home_video {margin-top:15px;}
#home_video img {vertical-align:text-top; margin-right:15px; float:left;}
#home_video a {color:#007dba; font-size:16px; text-decoration:none;}
#home_video a:hover {text-decoration:underline;}
/*PRICING & PDF*/
.pricing { float:left; width:110px;}
.starting-at { color:#5A5A5A; font-size:14px; line-height: 18px; padding-bottom:10px;}
.pricing-dollars { color:#D7410B; font-size:24px; line-height: 30px; padding-bottom: 10px;}
.pricing-cents { color:#D7410B; font-size:18px; bottom:8px; position:relative; display:inline-block; margin-left:-2px;}
.savings { clear:both; color:#5A5A5A; font-size:14px; line-height:18px; padding-bottom: 10px; font-weight:bold; }
.product-info{ float:left; font-size:16px; line-height: 22px; padding-bottom: 15px;}
.product-sku{ font-size:12px; color:#222222; line-height: 18px; padding-left:15px;}
.filetype{ color:#767676; font-size:12px;}
.paddingtop15 { padding-top:15px;}
a.hpe-small-pdf-icon{ background:url(../media/s-15px-hpe.png) left -40px no-repeat; font-family:"HPSimplified"; font-size:14px; line-height:18px; color:#5a5a5a; text-transform:uppercase; padding-left:18px; display: inline-block;}
/*Offer*/
.offer {width:100%;}
.offer-details{ float:left; padding-top: 15px;}
.offer-text{ font-size:12px; float:left; padding-right:15px; width:170px;}
.offer-img{ float:left; padding:15px 0 0 15px;}
/* CTA BUTTON */
/*#cta_button {float:right; margin-right:15px; margin-bottom:8px; position: relative; width: 255px;}*/
#cta_button{ float:right; width:auto; margin-right:18px;}
#cta_button .cta_leadin {color:#000000; font-size:15px; margin-right:12px;}
#cta_button .orange_btn_lrg {background: none repeat scroll 0 0 #D7410B; border-bottom-left-radius: 4px; border-top-right-radius: 4px; color: #FFFFFF; display: inline-block;
font-size: 14px; height: 22px; padding: 8px 10px 4px; text-align: center;
}
#cta_button .orange_btn_lrg:visited {color:#ffffff;}
#cta_button .orange_btn_lrg:hover {background:#C1401A; text-decoration:none;}
/*Drop down menu*/
.contact-us-container {
width:290px;
float:left;
height:36px;
clear:both
}
.contact-us-container .contact-us-button {
width:210px;
float:left;
height:36px;
background:#D7410B;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
cursor:pointer
}
.contact-us-container .contact-us-button .background {
width:21px;
float:right;
height:36px;
background:url(../media/s-21px-hpe.png) right -1600px no-repeat;
margin-right:7px;
padding-left:10px;
border-left:1px solid #FFF
}
.contact-us-container .contact-us-button .text {
height:36px;
float:left;
color:#fff;
font-size:16px;
line-height:36px;
font-weight:bold;
padding:0 35px 0 12px
}
.contact-us-container #contact-us-dropdown {
width:208px;
height:85px;
position:relative;
top:-2px;
left:0;
z-index:100000;
border:1px solid #5a5a5a;
border-top:0;
background:#fff;
clear:both;
display:none
}
.contact-us-container #contact-us-dropdown .dropdown-container {
width:208px;
height:85px;
margin:0;
padding:0;
position:absolute;
top:0;
left:0
}
.contact-us-container #contact-us-dropdown .dropdown-container .dropdown-link-list {
width:195px;
float:left;
clear:both;
border-top:1px solid #CCCCCC;
color:#000;
padding:0 0 0 13px;
font-size:14px;
line-height:40px;
/*font-weight:bold;*/
}
.contact-us-container #contact-us-dropdown .dropdown-container .dropdown-link-list:hover{ background-color: #D7410B; color: #FFFFFF;}
/*NE DDD Menu*/
/*sec button test*/
.secondary_btn { font-family:"HPSimplified",Arial; }
.secondary_btn .ext-lnk,
.secondary_btn span.btn_label { font-weight: bold; cursor: pointer; font-size: 14px; border: none; padding-right: 3px; }
.secondary_btn .ext-lnk { display: inline-block; width: 15px; height: 15px}
.secondary_btn .btn_inner { display: inline-block; }
.secondary_btn .btn_inner { height: 26px; padding: 0 10px 0 8px; -moz-border-radius: 0 4px; border-radius: 0 4px;}
.secondary_btn .btn_inner,
.secondary_btn .btn_inner span{ background-color: #767676; color: #ffffff; }
.secondary_btn a:hover .btn_inner,
.secondary_btn a:hover .btn_inner span, .btn_indicator a:focus .btn_inner,
.secondary_btn a:focus .btn_inner span { background-color: #5a5a5a; }
.secondary_btn .btn_right .ext-lnk {background-position: left -2721px; width: 15px; height: 15px; background-image: url('../media/s-15px-hpe.png'); background-repeat:no-repeat; }
.secondary_btn .btn_right .btn_label{ padding-right: 3px; padding-left: 0px; }
.secondary_btn .btn_right {padding: 8px 8px 0 10px;}
/* BLUE BUTTONS */
.blue_btn {background: none repeat scroll 0 0 #0096d6; border-bottom-left-radius: 4px; border-top-right-radius: 4px; color: #FFFFFF; display: inline-block;
font-weight:bold; font-size: 14px; height: 20px; padding: 5px 10px; text-align: center;
}
#body .blue_btn_lrg {background: none repeat scroll 0 0 #0096d6; border-bottom-left-radius: 4px; border-top-right-radius: 4px; color: #FFFFFF; display: inline-block;
font-weight:bold; font-size: 14px; height: 22px; padding: 18px 10px 4px; text-align: center;
}
.blue_btn:visited, #body .blue_btn_lrg:visited {color:#FFFFFF;}
.blue_btn:hover, #body .blue_btn_lrg:hover {background:#006699; text-decoration:none;}
.gray_btn {background: none repeat scroll 0 0 #767676; border-bottom-left-radius: 4px; border-top-right-radius: 4px; color: #FFFFFF; display: inline-block;
font-weight:bold; font-size: 14px; height: 20px; padding: 5px 10px; text-align: center;
}
.gray_btn:hover {background:#5a5a5a;text-decoration:none;}
/*Original INNOVATION
#innovation_bkg {height:345px; padding-top: 60px;}
#innovation {clear:both; margin:0 auto; width:1000px;}
#innovation .innovation_left{ float:left; width: 482px;}
#innovation .innovation_right{ float:left; width: 460px; padding-left:20px}
#innovation h2 {color:#000000; font-size:30px; margin-bottom:15px;}
#innovation h3 {color:#000000; font-size:24px; margin-bottom:10px;}
#innovation p {color:#000000; font-size:16px; margin-bottom:25px;}
END Original INNOVATION*/
/*INNOVATION*/
#innovation_bkg {background:url(../media/hro_30_years.jpg) scroll 50% 50% no-repeat; position:relative; height:451px;}
/*#home_section2_bkg {height:370px; padding-top: 60px;}*/
#innovation {clear:both; margin:0 auto; width:1000px;}
#innovation .innovation_left{ float:left; width: 530px; padding-top:25px;}
#innovation .innovation_right{ float:left; width: 470px; padding-left:465px; padding-top:30px;}
#innovation h3 {color:#000000; font-size:24px; margin-bottom:10px;}
#innovation p {color:#000000; font-size:16px; margin-bottom:25px;}
/*END INNOVATION*/
/*citi2014*/
#citi_bkg { height:360px;}
#citi {width:1000px; margin:0 auto; clear:both; padding-top: 20px;}
#citi .citi_left{ float:left; width: 482px;}
#citi .citi_right{ float:left; width: 460px; padding-left:20px; padding-top:40px;}
#citi p{color:#000000; font-size:16px; margin-bottom:25px;}
#citi h2 {color:#000000; font-size:30px; margin-bottom:15px;}
/*end citi2014*/
/*portfolio*/
#portfolio_bkg {height:345px; padding-top: 20px;}
#portfolio {clear:both; margin:0 auto; width:1000px;}
#portfolio .portfolio_left{ float:left; width: 296px; padding-right:18px;}
#portfolio .portfolio_centre{ float:left; width: 296px; padding:0 18px 0 18px}
#portfolio .portfolio_right{ float:left; width: 296px; padding-left:18px}
#portfolio img{ padding-bottom: 25px;}
#portfolio h2 {color:#000000; font-size:30px; margin-bottom:15px;}
#portfolio h3 {color:#000000; font-size:24px; margin-bottom:10px;}
#portfolio p {color:#000000; font-size:16px; margin-bottom:25px;}
/*END portfolio*/
/*Case study1*/
#cs1_bkg {background:url(../media/overview_section1_bkg.jpg) scroll 50% 50% no-repeat; position:relative; height:600px;}
/*#home_section2_bkg {height:370px; padding-top: 60px;}*/
#cs1 {clear:both; margin:0 auto; width:1000px;}
#cs1 .cs1_left{ float:left; width: 530px; padding-top:25px;}
#cs1 .cs1_left .case-study{ padding: 30px 0 0 220px; }
#cs1 h3 {color:#000000; font-size:24px; margin-bottom:10px;}
#cs1 p {color:#000000; font-size:16px; margin-bottom:25px;}
/*end case study1*/
/*case study 2*/
#cs2_bkg { /*height:400px;*/ height:415px;}
#cs2 {width:1000px; margin:0 auto; clear:both; padding-top: 60px;}
#cs2 .cs2_left{ float:left; width: 482px;}
#cs2 .cs2_right{ float:left; width: 460px; padding-left:20px; /*padding-top:5px;*/}
#cs2 p{color:#000000; font-size:16px; margin-bottom:10px;}
#cs2 h2 {color:#000000; font-size:30px; margin-bottom:15px;}
#cs2 .quote-leadin{ font-size:16px; padding-bottom:10px;}
#cs2 .quote{ font-size:16px; padding-bottom:10px;}
#cs2 .quoter{ font-size:14px; font-weight:bold;}
/*end case study 2*/
/*case study 3*/
#t3500{ display:block; position:relative; top:-170px;}
#cs3_bkg {background:url(../media/t3500-t7200-bg.jpg) scroll 50% 50% no-repeat; position:relative; height:450px;}
#cs3 {width:1000px; margin:0 auto; clear:both; padding-top: 20px;}
#cs3 .cs3_left{ float:left; width: 465px;}
#cs3 .cs3_right{ float:left; width: 460px; padding-left:20px; /*padding-top:5px;*/}
#cs3 p{color:#000000; font-size:16px; margin-bottom:10px;}
#cs3 h2 {color:#000000; font-size:30px; margin-bottom:15px;}
#cs3 .quote-leadin{ font-size:16px; padding-bottom:10px;}
#cs3 .quote{ font-size:16px; padding-bottom:10px;}
#cs3 .quoter{ font-size:14px; font-weight:bold;}
/*end case study 3*/
/*proof points*/
#pp {clear:both; width:964px; margin: 0 auto; padding-top:20px;}
#pp h3 {color:#000000; font-size:24px; margin-bottom:20px;}
#pp h4 {color:#000000; font-size:16px;}
ul.proof-points{ list-style-type:none; display:inline; clear:both; font-size:16px;}
ul.proof-points li.first{ float:left; width:213px; padding:0 19px 0 0;}
ul.proof-points li.last{ float:left; width:213px; padding:0 0 0 19px;}
ul.proof-points li{ float:left; width:212px; padding: 0 19px;}
ul.proof-points li img{ width:150px;}
.pp-support{ padding-left: 5px;}
/*end proof points*/
/*community*/
#community_bkg {background-color:#0096D6;position:relative;}
#community {clear:both; padding-top:50px; padding-bottom:50px; width:1000px; margin: 0 auto;overflow:hidden;}
#community .community_left {float:left; width:618px; margin-left:18px; margin-right:20px;}
#community .community_right {float:left; width:344px}
#community h3 {color:#ffffff; font-size:24px; margin-bottom:10px;}
#community p {color:#ffffff; font-size:16px;line-height:22px;margin-bottom:20px;}
#community p.community_title {font-size:20px; font-weight:bold; border-bottom:1px solid #ffffff; line-height:normal; padding-bottom:5px;}
#community p.community_quote {font-size:30px; font-weight:bold; line-height:normal; margin-bottom:25px;}
.quote-open{ position:absolute; color:#FFF; margin:-10px 0 0 -30px; font-size:60px; }
.quote-close{ position:absolute; color:#FFF; margin:-72px 0px 0px 493px; font-size:60px; }
#community p.community_attribution {font-size:16px; line-height:normal;}
#community p.community_heading {font-size:70px; line-height:70px; font-weight:bold;}
#community .community_share_left {float:left; width:70px;}
#community .community_share_left img {margin-top:3px;}
#community .community_share_right {float:left; width:200px;}
ul.community-social-list{ list-style-type: none; color: #FFFFFF; padding-top:20px; font-size:16px;}
ul.community-social-list li{ padding:0 0 10px 0;}
ul.community-social-list li a{ color:#FFFFFF;}
ul.community-social-list li a:hover{ text-decoration:underline; }
.social { display: inline-block; height: 18px; background-image: url(../media/s-social-hpe.png); background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px; .top: 1px; padding-left: 20px;}
.social-alt { display: inline-block; height: 18px; background-image: url(../media/s-15px-hpe.png); background-repeat: no-repeat; vertical-align: middle; position: relative; top: -1px; .top: 1px; padding-left: 20px;}
.youtube{ background-position: 0 -295px;}
.facebook{ background-position: 0 -3149px;}
.twitter{ background-position: 0 -3092px;}
/*end community*/
.indent18{ padding: 0 18px;}
.hrline { border-bottom:1px solid #CCCCCC; margin:0 auto; width:1000px;}
/* HOME FOOTNOTES */
#home_footnotes {clear:both;width:964px; margin:0 auto; padding-top:60px;}
#home_footnotes a:hover {text-decoration:underline;}
/*FOOTNOTES*/
.footnotes_leadin {width:950px; font-size:12px; line-height:15px; color:#767676; padding-bottom:15px}
.footnotes_container {clear:both; width:100%;}
.footnotes_number {width:10px;float:left; margin-right:12px; font-size:12px;line-height:15px; color:#767676;}
.footnotes_text {width:940px; float:left; font-size:12px; line-height:15px; color:#767676; padding-bottom:15px}
.ft_two_line {margin-bottom:10px;}
/* popups */
.popup {position:absolute; width:100%; left:0; top:0; margin-left:-25px; padding-right:25px; z-index:10000; background-image: url(../i/gateway/officejet-pro-x/overlay_bk.png); background-repeat:repeat;}
.overlay {padding-bottom: 2500px; padding-top: 80px; width: 750px; margin:auto; height: 100%; display: none;}
.overlay-content{ width:800px; height:520px; background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #CCCCCC; margin: 0 auto; margin-top: 250px; padding:15px; 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/event-template-css-images/s-21px-hpe.png) no-repeat left -450px; position:absolute; top:1px; left:800px; z-index:10000000; cursor:pointer;}
.close-overlay:hover{ width:26px; height:23px; background:url(../i/gateway/event-template-css-images/s-21px-hpe.png) no-repeat left -495px; position:absolute; top:1px; left:800px; z-index:10000000; cursor:pointer}
/* Use AU/NZ */
#thumb-container { z-index: 1; position: relative; margin-left: -40px; margin-bottom: 88px; }
.zoom-thumb { width: 110px; height: 46px; margin: 0 4px; position: relative; z-index: 1; display: inline-block; *zoom: 1; *display: inline; }
.zoom-thumb.first { margin-left: 0; }
.zoom-thumb.last { margin-right: 0; }
.zoom-thumb a { position: absolute; }
.zoom-thumb img {
transform: scale(.56);
-webkit-transform: scale(.56);
-moz-transform: scale(.56);
-ms-transform: scale(.56);
-o-transform: scale(.56);
border: 1px solid #ccc;
display: block;
}
.zoom-thumb span { display: none; background: #0096d6; }
.zoom-thumb:hover {
z-index: 10;
}
.zoom-active a, .zoom-thumb:hover a { display: block; }
.zoom-thumb a:hover { text-decoration: none; }
.zoom-active img, .zoom-thumb:hover img {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
border-width: 1px 1px 0 1px;
}
.zoom-active span, .zoom-thumb:hover span { display: block; color: #fff; position: relative; left: -1px; }
.zoom-thumb strong { font-size: 16px; padding: 6px 0 0 12px; display: block; line-height: 1; }
.zoom-thumb small { font-size: 11px; text-decoration: underline; display: block; line-height: 1; padding: 4px 0 6px 12px; }
.old-ie #thumb-container { margin-left: 0; }
.old-ie .zoom-thumb img {
width: 196px;
height: 84px;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.56, M12=0, M21=0, M22=0.56, SizingMethod='auto expand')";
/* IE6 and 7 */
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.56, M12=0, M21=0, M22=0.56, SizingMethod='auto expand');
}
.old-ie .zoom-active img, .old-ie .zoom-thumb:hover img {
width: 196px;
height: 84px;
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
/* IE6 and 7 */
filter: progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=1, SizingMethod='auto expand');
margin-left: -40px;
margin-top: -15px;
}
.old-ie .zoom-active span, .old-ie .zoom-thumb:hover span { left: -40px; position: relative; width: 198px; }
.overlay-au-nz {
display: none;
background: #fff;
}
.overlay-au-nz.active {
display: block;
position: fixed;
top: 0;
z-index: 1050;
}
.old-ie .overlay-au-nz.active {
left: 50%;
margin-left: -500px;
}
.overlay-au-nz-au-nz .column { vertical-align: middle; }
.overlay-au-nz img { opacity: 0; }
.overlay-au-nz .column .column { font-size: 14px; line-height: 18px; vertical-align: top; width: 30%; border-right: 1px solid #a5a5a5; padding: 0 15px 0 20px; }
.column { display: inline-block; vertical-align: top; position: relative; *zoom: 1; *display: inline; }
.column.last { border-right: 0 !important; padding-right: 0 !important; }
.column.first { padding-left: 0 !important; }
.column.paginate { width: 100px; }
.column.message { width: 793px; height: 274px; }
#overlay8 .column .column { width: 150px; height: 78px; padding: 0 20px; }
.message h3 { margin-top: 32px; }
.message.inset h3 { margin-top: 92px; }
.bubbles { width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; }
.bubbles a {
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
background: #ccc;
display: inline-block;
width: 12px;
height: 12px;
*zoom: 1;
*display: inline;
margin: 20px 10px;
}
.bubbles a:hover, .bubbles a.active {
background: #0096D6;
}
.overlay-au-nz .icon-close { width: 40px; height: 40px; position: absolute; top: 0; right: 0; }
/*
----------------------------
ICONOGRAPHY
----------------------------
*/
/* *** Start Icon *** */
/* Needs new sprite, 15 x 15? 15 x 22? 15 x 18? */
.icon {
display: inline-block;
margin: 0 5px;
width: 15px;
height: 18px;
background-image: url(../media/s-15px-hpe.png);
background-repeat: no-repeat;
vertical-align: middle;
position: relative;
top: 0px;
.top: 1px;
}
.icon--large {
width: 25px;
height: 25px;
}
.icon--info { background-position: -75px 0; }
.icon--blog { background-position: -90px 0; }
.icon--share { background-position: -150px 0; }
.icon--twitter { background-position: -15px -18px; }
.icon--twitter-large { background-position: -127px -18px; }
.icon--facebook { background-position: 0 -18px; }
.icon--facebook-large {background-position: -102px -18px; }
.icon--linkedin { background-position: -30px -18px; }
.icon--linkedin-large { background-position: -152px -18px; }
.icon--document { background-position: -60px 0; }
.icon--pdf { background-position: 0px -42px; }
.icon--video { background-position: -45px 0; }
.icon--news { background-position: -105px 0; }
.icon--article { background-position: 0 0; }
.icon--external {margin-right: 0; margin-left: 4px; background-position: 0px -2720px; text-indent: -999em;}
.icon--external-grey {margin-right: 0; margin-left: 4px; background-position: -120px 0; text-indent: -999em;}
/* *** End Icon *** */
#reviews { padding-top: 62px; padding-bottom: 70px; }
#reviews p { font-size: 23px;
line-height: 166%;
width: 77%;
font-weight: 100; margin: 0 auto; }
#reviews small { font-size: 16px; display: inline-block; *zoom: 1; *display: inline; margin-left: 22px; }
/* Tab */
.tabs { border-bottom: 1px solid #000; }
.tabs > li { cursor: pointer; position: relative; bottom: -1px; padding: 6px 28px; font-weight: normal; border: 1px solid #fff; border-bottom: 0; color: #5a5a5a; display: inline-block; *zoom: 1; *display: inline; }
.tabs > li.active { font-weight: bold; border: 1px solid #000; border-bottom: 1px solid #fff; color: #000; border-top-right-radius: 6px; }
.tab-content .column { width: 50%; text-align: center; margin-top: 56px; margin-bottom: 20px; }
.tab-content .product { text-align: left; width: 48%; }
.tab-content > li { display: none; }
.tab-content > li.active { display: block; }
.product .img { text-align: center; }
.product ul { list-style: disc inside; margin-bottom: 32px; margin-top: 8px; }
.product li { margin-left: 18px; text-indent: -16px;}
.product small { color: #5a5a5a; font-size: 14px; margin-right: 36px; display: inline-block; *zoom: 1; *display: inline; }
.product .icons small { vertical-align: bottom; }
.product .price { vertical-align: middle; font-size: 32px; color: #d7410b; display: inline-block; line-height: 1; *zoom: 1; *display: inline; padding-right: 18px; margin-right: 12px; border-right: 1px solid #a5a5a5; }
.product .price sup { vertical-align: top; }
.product .cents { font-size: 50%; line-height: 1; vertical-align: super; }
.product .h-page { margin-bottom: 8px; }
.product .button { line-height: 26px; font-size: 14px; margin-top: 8px; }
.content-gutter { width: 964px; padding-left: 18px; padding-right: 18px; }
/*End of Use AU/NZ */
a.primary-button {
background: none repeat scroll 0 0 #D7410B;
border: 0 none;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
clear: both;
color: #FFFFFF !important;
cursor: pointer;
float: right;
font-size: 16px;
height: 36px;
line-height: 36px !important;
padding: 0 20px;
width: auto;
font-weight: bold;
}
a.primary-button:hover {
background: none repeat scroll 0 0 #C1401A;
border: 0 none;
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
color: #FFFFFF !important;
cursor: pointer;
float: right;
font-size: 16px;
line-height: 36px !important;
padding: 0 20px;
text-decoration: none !important;
width: auto;
font-weight: bold;
}
a.primary-button.buy {
background: url("../i/gateway/officejet-pro-x/dd.png") no-repeat scroll right -214px #D7410B;
width: 131px;
}
a.primary-button.buy span {
border-left: 1px solid white;
text-indent: -9999px;
}
.dd_icons {
border-bottom: 2px solid #5A5A5A;
border-left: 2px solid #5A5A5A;
border-right: 2px solid #5A5A5A;
display: none;
position: absolute;
right: 1px;
top: 101%;
width: 166px;
z-index: 100;
}
.dd_icons.active-dd {
display: block;
}
.dd_icons li {
background: none repeat scroll 0 0 #FFFFFF;
border-bottom: 1px solid #5A5A5A;
float: none;
height: 42px;
margin: 0;
padding: 5px 0 5px 30px;
}
.dd_icons li a {
display: block;
}
/*Product styles*/
.span12{ width:50%}
.span24{ 96.4%; margin-left:18px;}
.product-header{ margin:45px 0 45px 18px;}
.product-header h2{ font-size:52px; line-height:52px; margin-bottom:15px;}
.product-header p{ margin-bottom:8px;}
.product-row{ margin:20px 0 40px 0;}
.image-holder{ display:table-cell; vertical-align:top; width:350px;}
.content-wrapper{ display:table-cell; vertical-align:top;}
.text-block{ padding-left:40px;}
.font-h2{ font-size:24px; line-height:30px;}
.description{ line-height:20px; margin-bottom:8px; font-size:16px;}
.prod-specs ul{ margin-top:10px; padding-left:18px; font-size:16px; list-style:disc inside;}
.prod-specs ul li{ margin-bottom:4px; padding-left:16px; list-style-position:outside;}