/* 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;*/ overflow:visible; }
#phoneOrders { float: left; width: 205px; 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: 4.4em; }
#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: 424px; margin: 0 10px 0 0; border:1px solid #CCC; border-top: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;}



/****************** 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, #tabConnectBg { float:left; min-height: 4em; }
#tabProduct, #tabSupport, #tabExplore { padding:0 15px; margin-top:19px; }
#tabConnect { padding:0 15px; 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: 740px; padding-left:20px; font-size: 120%; z-index: 1; }
#tabNav a { display: block; max-width: 150px; }
#tabNav #tabConnect a { max-width: 170px; width: 170px; }
#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; }

#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: #F00 !important; 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; }*/

/*#localeSelector li:hover ul, #localeSelector li li:hover ul, #localeSelector li li li:hover 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; }

/* CAMPAIGN OVERLAY */
#opaqueLayer { position:absolute; width:100%; height: 0px; font-size:0; line-height:0; visibility:hidden; left:0px; z-index:100; top:0px; background-color:#000; opacity: .6; filter: alpha(opacity=60); }
.modalWindow { position:absolute; width:918px; top:115px; z-index:1500; background-color:#fff; padding:0 0 20px 16px; display:none; margin-left:20px; }
#centerOverlay { width: 968px; margin: auto; }
.closeButton {text-align: right; margin-right:18px; padding:3px 0;}



/*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; }


/* CONNECT */
.cornerLinks {text-align: right; padding-top:10px; width:890px; }
.cornerLinks a { color:#000; }
#mainNarrowColumnConnect { position: absolute; top: 31px; width: 200px; height: 424px; margin: 0 10px 0 0;}
#thumbNav { background-color:#CBCBCB; width:203px; /*height:385px;*/ padding:8px 0 0 5px; }
#communitiesThumbs { /*width: 198px;*/ /*height:300px !important;*/ /*margin:0 0 3px 0;*/ }
.thumbButton { text-align:center; }
#thumbButtonUp { background:url(../img/welcome/connect/up_arrow_inactive.gif) no-repeat center; }
#thumbButtonDown { background:url(../img/welcome/connect/down_arrow_inactive.gif) no-repeat center; }
.up.disabled, .down.disabled {visibility: hidden;}

#connectThreadArea { position: absolute; overflow: hidden; width: 210px; right: 22px; top: 31px; height: 425px; z-index:20; background: #CCC; background: url(../img/welcome/connect/thread_bg.jpg) bottom; }
.connectThreadAreaBg { width: 210px; height: 425px; z-index:20; overflow-y:scroll; overflow-x:hidden; }
#featuredThreadsHeader { background-color:#666; color:#FFFFFF; font-weight:bold; padding:2px 0 2px 15px; }
#featuredThreadsContent { width:184px; padding-left:8px; }
#forumLoading { padding:40px 20px 0 20px; }

#AC_HEADER { padding:10px; font-size:12px; margin:0 0 7px 0; font-weight:bold; border-bottom:3px solid #666; }
.AC_MESSAGES { padding:5px 10px; }
.AC_MESSAGES a { color:#000; }
.AC_MESSAGES ul { list-style:none; }
.ac_subject { font-size:12px; }
.ac_msginfo { padding:0 0 5px 0; margin:8px 0 12px 0; border-bottom: 1px solid #000; font-size:10px; color:#666; }
.ac_msginfo a { color:#666; }
.ac_body { display: none; }


#comSelectorContainer { background: url(http://welcome.hp-ww.com/country/us/en/img/welcome/bg_sprite.gif) 0 -123px repeat-x; position:absolute; z-index: 1000; margin-top: 5px; margin-left: 0px !important; width:204px; height: 18px; /*height: 25px;*/ line-height: 25px; padding:2px; font-size:90%; }
#comSelector .comSelectorMain { background: url(http://welcome.hp-ww.com/country/us/en/img/welcome/button_sprite.gif) right -4px no-repeat; width: 204px; text-indent: 5px; display:block; color: #fff; height: 16px; line-height: 16px; /*height: 20px; line-height: 20px;*/ cursor:pointer; }
/* all lists */
#comSelector, #comSelector ul { padding: 0; margin: 0; list-style: none; line-height: 1; z-index: 1000; }
#comSelector ul { width: 208px; }
#comSelector a { display: block; text-decoration:none; width: 204px; color:#000; }
/* all list items */
#comSelector li {  float: right; width: 204px; /* width needed or else Opera goes nuts */ display: inline; }
#comSelector li ul a { background-color: #333; color: #FFF; padding: 4px 0 4px 0; text-indent: 3px; width: 206px; }
#comSelector li ul a:hover { background-color: #000; }
/* second-level lists */
#comSelector li ul { color: #FFF; position: absolute; display: none; width: 208px; bottom:22px; /*bottom:29px;*/ left:-3px; }
/* third-and-above-level lists */
#comSelector li ul ul { margin: -21px 0 0 206px; }
#comSelector li:hover ul ul, #comSelector li:hover ul ul ul, #comSelector li.sfhover ul ul, #comSelector li.sfhover ul ul ul { display: none; }
/* lists nested under hovered list items */
/*#comSelector li:hover ul, #comSelector li li:hover ul, #comSelector li li li:hover ul, #comSelector li.sfhover ul, #comSelector li li.sfhover ul, #comSelector li li li.sfhover ul { 	display: inline; }*/
#comSelector li li:hover ul, #comSelector li li li:hover ul, #comSelector li.sfhover ul, #comSelector li li.sfhover ul, #comSelector li li li.sfhover ul { 	display: inline; }








/* 20090603 */