/* HP CSS POSITIONING STYLE SHEET FOR HOME PAGE REDESIGN */
body { margin: 0; font-family: Arial, Verdana, Helvetica, Sans-serif; font-size: small; }
img { border: 0; }
.centerContent { width: 968px; margin: auto; overflow:hidden; }
#phoneOrders { float: left; width: 195px; margin: 16px 0 0 7px; font-size: 90%; font-weight: bold; }
#headSupportLink { float:left; width:200px; margin-top:16px; font-size:90%; font-weight:bold; }
#taskNav { width: 100%; background: #181818 url(http://welcome.hp-ww.com/country/us/en/img/welcome/bg_sprite.gif) 0px -261px repeat-x; min-height: 57px; }
#searchArea { float: right; margin: 17px 17px 0 0; }
#searchBox { font: 90% Helvetica, Verdana, Arial, Sans-serif; width: 148px; padding: 2px 0 2px 2px; border: none; border: 0; margin: 0; }
#searchIcon { font: 90% Helvetica, Verdana, Arial, Sans-serif; padding: 2px 0; border: none; background: #FFF url(http://welcome.hp-ww.com/country/us/en/img/welcome/button_sprite.gif) 2px -58px no-repeat; }
.submitCaret { border:0; width:14px; height:16px; background: url(http://welcome.hp-ww.com/country/us/en/img/welcome/button_sprite.gif) 0px -109px no-repeat; }
.mainContentArea { width: 100%; background: url(http://welcome.hp-ww.com/country/us/en/img/welcome/content_background.gif) repeat-x; }
#mainPaddedPanel { float: left; width: 915px; min-height: 462px; margin: 0 0 0 20px ; padding: 0 0 10px 15px; background-color: #FFF; }
#mainNarrowColumn { position: absolute;	top: 28px; width: 200px; height: 430px; margin: 0 10px 0 0; }
#mainNarrowColumn li { margin-bottom: 5px; }
#prdNarrowColumn { position: absolute;	top: 28px; overflow: visible; width: 200px; height: 440px; z-index:20; margin: 0; }
#slideInArea { position: absolute; overflow: hidden; width: 683px; left: 225px; top: 28px; height: 430px; }
#mainWideColumn { position: absolute; width: 683px; z-index: 10;}
#segmentArea { margin: 0 0 12px 20px; overflow:hidden; }
#staticArea { margin-top: 11px; }
#newsTicker { position: relative; width: 910px; margin-left: 20px; padding: 6px 10px 3px 10px; color: #FFF; background: url(http://welcome.hp-ww.com/country/us/en/img/welcome/bg_sprite.gif) 0px -123px repeat-x; height: 1.3em; overflow: hidden; font-size: 90%; }
#newsTicker .content { position: absolute; top: 6px; left: 8.5em; right: 30px; }
#footerResources {position:relative; width:910px; background:url(http://welcome.hp-ww.com/country/us/en/img/footer_bg.gif) repeat-x; margin:6px 0 0 20px; padding:6px 10px 10px; overflow:hidden; line-height:1.4;}
.footerDivider { float:left; margin-top:7px; border-left:1px solid #333; width:20px; height:7.2em; }
#footerResources h2 {margin-bottom:3px;}
.footerBlock { float:left; color:#FFF; }
#footerBlockA { width:240px; }
#footerBlockB { width:400px; }
#footerBlockC { width:220px; border-right:0; }
.columnA { float:left; width:50%; padding-right:10px; }
.columnB { float:left; width:43.5%; padding-right:5px; }


#dynamicArea{ width: 970px; padding: 0; margin: auto 0; }
.meanWhileHolder { width: 970px; height: 475px; background-color:#333333; background: url(http://welcome.hp-ww.com/country/us/en/img/welcome/content_background.gif) repeat-x; }
.footerBlock ul.linksUnit a { color:#999; margin-left:0px; }
.footerBlock a:hover { color: #999; text-decoration: underline; }

#footerLinks { float: left; text-align:center; width: 930px; margin-top: 25px; color: #999; font-size: 85%; }
#footerLinks a, #footerLinks a:active, #footerLinks a:link, #footerLinks a:visited { color: #999; text-decoration: none; }
#footerLinks a:hover { color: #999; text-decoration: underline; }
#copyrightArea { float: left; width: 930px; margin-top: 3px; color: #999; font-size: 85%; text-align:center;  }

/************** Links Classes *****************/
a {color: #666; text-decoration: none;}
a:active, a:link, a:visited {color: #666;}
a:hover {color: #000; text-decoration: none;}
a.fullBlack, a.fullBlack:hover { color: #000; text-decoration: none; }
a.fullBlack:active, a.fullBlack:link, a.fullBlack:visited { color: #000; }
a.blackHovUndr:active, a.blackHovUndr:link, a.blackHovUndr:visited { color: #000; }
a.blackHovUndr:link:hover, a.blackHovUndr:visited:hover { color: #000; text-decoration: underline; }
a.whiteLink:active, a.whiteLink:link, a.whiteLink:visited { color: #FFF; text-decoration: none; }
a.whiteLink:link:hover, a.whiteLink:visited:hover {color: #FFF; text-decoration: underline;}

/****************** Product tumbnails Area **********************/
#mainProdRotation { margin: 0 auto;  width: 930px; padding: 14px 0 11px 0; background-color: #FFFFFE; }

#productRotation { position:relative; width:906; height:357px; margin: auto; }
#productRotationImg { width: 906px; height: 357px; background-color:#000000; }
#productTabs { position:absolute; z-index:150; bottom:0px; left:0px; margin-left: 12px; width:906px; }
#productTabsOverlay { position:absolute; z-index:149; bottom:0px; left:0px; width:906px; height:1.7em; background-color:#000;  filter: alpha(opacity=0); opacity: 0; }
#productTabHHO {max-width:130px;}
#productTabSMB {max-width:148px;}
#productTabLEB {max-width:150px;}
#productTabGHE {max-width:190px;}
#productTabGA {max-width:70px;}
.productTab { float:left; position:relative; margin-right:7px; padding:2px 5px 4px 3px; border:1px solid #999; border-bottom:1px solid #666; font-size:0.9em; background:url(http://welcome.hp-ww.com/country/us/en/img/tab_bg.png); }
.productTab a:active, .productTab a:link, .productTab a:visited { color:#FFFFFE; text-decoration:none; }
.productTab a:hover { color:#FFFFFE; text-decoration:none; }


#productThumbnails { margin: auto; overflow: auto; height: 1%; width:906px; background:#000000 url(http://welcome.hp-ww.com/country/us/en/img/thumb_bg.gif) repeat-x; }
.productTile { float:left; repeat-x; padding:15px 0 10px 0; text-align:center; border-right:2px solid #000; width:180px; line-height:1.5;  font-size:0.9em; }
.productTabSelected { background-image:none; background-color:#666; color:#FFFFFE; border:1px solid #666; }
.noMargin {border:0px !important; width:178px;}
.productTile a { color:#FFFFFE; text-decoration: none; }
.productTile a:active, .productTile a:visited, .productTile a:link  { color:#FFFFFE; }
span.linkText:hover { color:#FFFFFE; text-decoration:underline; }

#thumbnailsHHO { position:relative; }
#thumbnailsSMB,#thumbnailsLEB,#thumbnailsGHE,#thumbnailsGA { position:relative; display:none; background-color:#000; }
#thumbnailsLEB .productTile { width:149px; }
#thumbnailsLEB .noMargin { width:151px !important; }

/****************** Support Page *********************/
.supportTitle { padding: 3px 10px; font-size: 140%; }
#supportLeftColumn { position:relative; float: left; width: 635px; margin-top: 28px; margin-right: 15px; padding-left: 5px; }
#supportRightColumn { float: left; margin-top: 28px; width: 238px; }
#supportProductSearch { width: 325px; margin-right: 45px; }
#supportProductDetect { display: none; position: absolute; left: 360px; margin-top: 0.4em; padding-top: 6px; width: 250px; color: #333; }
.supportContentHeader { background-color: #333; color: #FFF; }
.supportHline { width:605px; height:1px; padding:0 15px; margin:0; background-color:#E7E7E7; }
.supportHline div { height:0; padding:0; margin:0; border-top:1px solid #999; line-height:0; font-size:0; }
.supportContentBlock { width: 615px; padding: 10px; color: #333; background-color: #E7E7E7; }
.supportContentBlock a, #supportProductDetect a {color: #333; text-decoration: none;}
.supportContentBlock a:active, .supportContentBlock a:link, .supportContentBlock a:visited {color: #333;}
.supportContentBlock a:hover, #supportProductDetect a:hover {color: #000; text-decoration: none;}
.supportContentBlock .linkColor, #supportProductDetect .linkColor {color: #333;}
#unClickable { display: none; position: absolute; width: 635px; height: 325px; background-color:#FFF; filter: alpha(opacity=70); opacity: 0.7; z-index: 5; }
#supportRightColumn li { margin-bottom: 1px; }


/************* FROM EEEEP_OV2 *****************/	
.screenReading	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
.linksUnit	{ padding: 0; margin: 0 0 0 0.8em; text-indent: -0.8em; font-size: 90%; }
.linksUnitText	{ margin: 0 0 0 -0.8em; text-indent: 0; color: #000; }
.linksUnit .linksUnit { font-size: 100%; }
ul.linksUnit { list-style-type: none; }
ul.linksUnit a { margin-left: 3px; }
.bottomSpaceSmall { padding-bottom: 5px; }
.bottomSpace { padding-bottom: 10px; }
.topSpaceSmall { padding-top: 5px; }
.topSpace { padding-top: 10px; }
.clear { clear: both; height: 0; font-size: 1px; line-height: 0; }
form.zeroMargin	{ margin: 0; }
.floatLeft { float: left }

/******* Generic classes *****************/
.normalFont { font-size: 90%; }
.bold { font-weight: bold; }
.small { font-size: 85%; }
.linkColor { color: #666; }
.grayButton { font-size: 95%; font-weight: bold; color: #FFF; background-color: #666; border: 1px solid #FFF; padding: 2px 0 0 0; margin: 1px 0 0 0; cursor: pointer; font-family: Arial, Verdana, Helvetica, Sans-serif; }

h1 {font-size: 160%; font-weight: normal; margin:2px 0;}
h2 {font-size: small; font-weight: normal; margin:1px 0 0 0;}
h3 {font-size: small; font-weight: normal; margin:1px 0 0 0;}
h4 {font-size: small; font-weight: normal; margin:1px 0 0 0;}

/* Black version */
#header { height:48px; width: 100%; margin: 0; color: #FFF; padding-top:10px; background: url(http://welcome.hp-ww.com/country/us/en/img/welcome/bg_sprite.gif) 0px 0px repeat-x; }
#header #logo { padding: 0 20px; float: left; }
.blackBg { background-color:#000; }
#tabProductBg, #tabSupportBg, #tabExploreBg { float:left; min-height: 57px; }
#tabProduct, #tabSupport, #tabExplore { padding:0 20px; margin-top:19px; }
.grayDivider { float:left; margin-top:19px; border-right:2px solid #CCC; width:0px; height:1.2em; }
#tabProductLink { white-space:nowrap; }
#tabNav { position: absolute; width: 710px; padding-left:20px; font-size: 120%; z-index: 25; }
#tabNav a { display: block; max-width: 8.2em; }
#tabNav a#tabHomeLink { width: 23px; }
#tabNav a, #tabNav a:hover { color:#FFFFFF; text-decoration:none; }
#messagingArea { position: relative; }
#slideControl{ position:absolute; z-index:110; top:295px; left:36px; }
#slideControl a { width:25px; height:19px; display:block; float:left; }
#controlNumImg { height:20px; float:left; }
#controlPausePlay { background: url(http://welcome.hp-ww.com/country/us/en/img/welcome/control_sprite.png) 0px 0px no-repeat; width:76px; height:20px; float:left; margin-left:4px; }

.tabSegment { float:left; padding-top: 20px; }
.tabDivider { float:left; width:28px; }
#tabHHO, #tabSMB, #tabLEB, #tabGHE, #tabGA { padding:1px 16px 10px 12px; border-left:4px solid #2D2D2D; border-top:9px solid #2D2D2D; background-color:#202020; color:#FFF; cursor:pointer; font-size: 90%; }
#tabHHO { width: 117px; }
#tabSMB { width: 147px; }
#tabLEB { width: 148px; }
#tabGHE { width: 178px; }
#tabGA { width: 68px; }
#segmentArea a { color:#FFF; text-decoration:none; }

			
/* Other links container */
.otherLinks { position:absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }

/* Loader */
#priImg { width: 930px; height: 404px; }
#loader{ position:absolute; margin-top: 160px; margin-left: 420px; float:left; color: #CCCCCC; }

/* 20080519 */


/* UPDATES August 2008 */

/* Block accordion */
.menu_block { border:1px solid #AAA; border-top: 0; height:424px; width: 200px; margin:0; padding:0; list-style-type:none; }
.menu_block ul { padding-left:10px; overflow:hidden; line-height: 20px; height:304px; }
.menu_block li{ margin:0; padding:0; list-style-type:none; }
.menu_block li.topListSpacer { margin:0 !important; line-height:5px !important;}
.menu_block li h3 { margin: 0; padding: 0; }
.menu_block li h3 a{ border-top:1px solid #AAA; display:block; color:#000; font-size:90%; font-weight:bold; padding:4px; margin:0; text-decoration: none; background:url(http://welcome.hp-ww.com/country/us/en/img/accordion_off.gif) repeat-x; height:15px; }
.menu_block li h3 a.opened{ background-image:url(http://welcome.hp-ww.com/country/us/en/img/accordion_on.gif); color:#FFFFFF; }
.menu_block li h3 a.closed{ color:#000000 !important; background-image:url(http://welcome.hp-ww.com/country/us/en/img/accordion_off.gif) repeat-x !important; }
.menu_block ul li{ text-indent:-0.9em; margin: 4px 0; line-height: 15px; }


/* COUNTRY DROP-DOWN */
#localeSelectorContainer { background: url(http://welcome.hp-ww.com/country/us/en/img/welcome/bg_sprite.gif) 0 -123px repeat-x; float:right; z-index: 500; margin-top: 10px; margin-right: 20px !important; margin-right: 10px; width:190px; }
#localeSelector .localeSelectorMain { background: url(http://welcome.hp-ww.com/country/us/en/img/welcome/button_sprite.gif) right 1px no-repeat; width: 190px; text-indent: 5px; display:block; color: #fff; height: 25px; line-height: 25px; }
/* all lists */
#localeSelector, #localeSelector ul { padding: 0; margin: 0; list-style: none; line-height: 1; z-index: 500; }
/* all lists */
#localeSelector ul { width: 190px; }
#localeSelector a { display: block; text-decoration:none; width: 190px; color:#000; }
/* all list items */
#localeSelector li {  float: right; width: 190px; /* width needed or else Opera goes nuts */ display: inline; }
#localeSelector li ul a { background-color: #333; color: #FFF; padding: 4px 0 4px 0; text-indent: 3px; width: 188px; }
#localeSelector li ul a:hover { background-color: #000; }
/* second-level lists */
#localeSelector li ul { color: #FFF; position: absolute; display: none; width: 190px; }
/* third-and-above-level lists */
#localeSelector li ul ul { margin: -21px 0 0 -188px; }
#localeSelector li:hover ul ul, #localeSelector li:hover ul ul ul, #localeSelector li.sfhover ul ul, #localeSelector li.sfhover ul ul ul { display: none; }
/* lists nested under hovered list items */
/*#localeSelector li:hover ul, #localeSelector li li:hover ul, #localeSelector li li li:hover ul, #localeSelector li.sfhover ul, #localeSelector li li.sfhover ul, #localeSelector li li li.sfhover ul { 	display: inline; }
*/

/* IMAGE ROTATION*/
#messaging { background: #000; margin: auto; padding: 0; width: 906px; }
#rt_show { background: #000;  }
#rt_controls { position:absolute; z-index:110; top:295px; left:36px; height: 20px; } 
#rt_controls a { height:20px; width: 25px; background: url(http://welcome.hp-ww.com/country/us/en/img/controls_sprite.png) 0 0 no-repeat; cursor: hand; cursor: pointer; float: left; }



/*EXPLORE & CREATE*/

.grayDivider2 { float:left; border-right:2px solid #CCC; width:0px; height:2.5em; }
#tabNarrowColumnHome { position:left;  width:200px; height:430px; margin: 0 10px 0 0;}
#tabNarrowColumnBusiness { position:left;  width:200px; height:430px; margin: 0 10px 0 0;}


#ecHomeBg { 
 float:left; 
 /*min-height:28px;
 height:28px;*/
 min-height:1.9em;
 height:1.9em;
 width:99px;
 padding:5px 0 0;

  }

#ecBusinessBg {
 float:left; 
 /*min-height:28px;
 height:28px;*/
 min-height:1.9em;
 height:1.9em;
 width:99px;
 padding:5px 0 0;

}

#ecHomeTabLink { padding-left:15px; font-weight:bold;  }
#ecBusinessTabLink{ padding-left:15px; font-weight:bold; }

.ecHomeTabLinkTabOn { color:#000000; }
.ecHomeTabLinkTabOff { color:#FFFFFF;}

.ecBusinessTabLinkTabOn { color:#000000; }
.ecBusinessTabLinkTabOff { color:#FFFFFF;}


.tableftPanel{  
float:left;
padding-top:10px;
padding-left:10px;
height:375px;
width:190px;
background-color:#FFF;
   }

.ecTabOn { background-color: #FFF; border-top: solid 2px #000000; }
.ecTabOff {  background: #343434 url(http://welcome.hp-ww.com/country/us/en/img/ec_on.gif) repeat-x; border-top:1px solid #666; padding-top:7px !important; }
.ecTabOff a { color: #fff !important;}


#hhoImageFormContainer { position:absolute; top:278px; left:283px; width:200px; color:#FFF; z-index:100; }
#hhoImageForm label { display:block; margin-bottom:5px; }
.hhoEmail { font: 90% Helvetica, Verdana, Arial, Sans-serif; width:147px; padding: 2px 0 2px 2px; border: none; border: 0; margin: 0; }



/* GEOLOC SCRIPT */
#usLink { float: left; width: 650px; text-align:right}
#usLink a {color: #FFFFFF;}
#imgUSLink { float: left; width: 592px; margin: 17px 8px 0 0; text-align:right;}
#imgUSLink a {text-decoration:none} 
#textUSLink {float:left; width: 50px; margin: 15px 0 0 0; text-align:rigth;}
#textUSLink a:hover {text-decoration:underline;}


/* 20090518 */