/* HP MAR 2011 */

a,
a:link,
a:visited,
a:hover,
a:active {
     color: #095A90;
}

.tabBody a,
.tabBody a:link,
.tabBody a:visited,
.tabBody a:hover,
.tabBody a:active {
     color: #095A90 !important;
}

.tabBody #ListBodyNameAZIndexes a.inactive,
.tabBody #ListBodyNameAZIndexes a.inactive:link,
.tabBody #ListBodyNameAZIndexes a.inactive:visited,
.tabBody #ListBodyNameAZIndexes a.inactive:hover,
.tabBody #ListBodyNameAZIndexes a.inactive:active {
     color: #c0c0c0 !important;
     background-color: transparent !important;
     text-decoration: none !important;
     cursor: default !important;
}

.supportTraining a,
.supportTraining a:link,
.supportTraining a:visited,
.supportTraining a:hover,
.supportTraining a:active {
     color: #095A90 !important;
}

/* OVERRIDES */

.subTitleBlue {
     color: #2e95dc !important;
}


/* CAROUSELS */

.carousel {
     position: relative;
     overflow: hidden;
     z-index: 70;
}
.panel {
     display: none; /* overridden by following CSS */
     position: absolute;
     cursor: pointer;
     zoom: 1;
}
/* FOR NON-JS VIEWERS, SHOWS ONLY FIRST PANEL */
.panel.first {
     display: block;
}
.jsEnabled .panel.first,
.jsEnabled .panel {
     display: block;
}

.carouselNav {
     position: absolute;
     right: 0px;
     padding-right: 0px;
     padding-top: 12px;
     padding-left: 12px;
     bottom: 0px;
     width: 800px; /* will be collapsed by JS */
     z-index: 69;
     height: 12px;
     display: none;
     cursor: default;
}
.carouselNavElement {
     float: left;
     position: relative;
     height: 12px;
     margin-right: 10px;
     cursor: pointer;
}
.carouselNavElement.box {
     width: 23px;
}
.carouselNavElement.arrowLeft,
.carouselNavElement.arrowRight {
     width: 11px;
}
.carouselNavElement.stateIndicator,
.carouselNavElement.arrowLeft {
     margin-right: 6px;
}

.carouselNavElement.arrowRight .on {
     background-position: -15px -1px;
     background-image: url(/images/sprites/landing-sprites.png);
}
.carouselNavElement.arrowRight .off {
     background-position: -26px -1px;
     background-image: url(/images/sprites/landing-sprites.png);
}
.carouselNavElement.arrowLeft .off {
     background-position: -37px -1px;
     background-image: url(/images/sprites/landing-sprites.png);
}
.carouselNavElement.arrowLeft .on {
     background-position: -48px -1px;
     background-image: url(/images/sprites/landing-sprites.png);
}

.carouselNavElement.on {
     cursor: default;
}
.carouselNavElement img {
     position: absolute;
     top: 0px;
     left: 0px;
     height: 12px;
     zoom: 1;
}
.carouselNavElement.box img {
     width: 23px;
}
.carouselNavElement.arrowLeft img,
.carouselNavElement.arrowRight img {
     width: 11px;
}

.stateIndicator {
     width: 18px;
     text-align: center;
     margin-top: -2px;
}
.fadeCover {
     position: absolute;
     top: 0px;
     left: 0px;
     background-color: #ffffff;
     z-index: 67;
     zoom: 1;
}

/* MAIN LARGE FEATURE CAROUSEL SPECIFICS */

.mainFeature {
     width: 980px;
     height: 265px;
     margin-top: 17px;
     margin-left: 10px;
}
.mainFeature .carouselNav {
     padding-right: 7px;
     height: 27px;
}
.mainFeature .panel {
     width: 980px;
     height: 265px;
     top: 0px;
     left: 0px;
/*     background-image: url(/images/hp-mar2011/main-feature-panel-blank.gif); */
}
.mainFeatureCornersTop, .mainFeatureCornersBot, .mainFeatureSidesLeft, .mainFeatureSidesRight {
     position: absolute;
     z-index: 71;
     font-size: 1px; line-height: 1px; /* IE FIX */
     overflow: hidden;
}
.mainFeatureCornersTop {
     width: 1000px;
     height: 8px;
     background-image: url(/images/sprites/landing-sprites.png);
     background-position: 0px -275px;
}
.mainFeatureCornersBot {
     width: 1000px;
     height: 8px;
     background-image: url(/images/sprites/landing-sprites.png);
     background-position: 0px -283px;
     top: 257px;
}
.mainFeatureSidesLeft, .mainFeatureSidesRight {
     width: 1px;
     height: 100%;
     background-color: #e4e4e5;
     top: 8px;
}
.mainFeatureSidesLeft {
     left: 0px;
}
.mainFeatureSidesRight {
     right: 0px;
}

.mainFeature.carousel .hpTypeWrapper,
.mainFeature.carousel .hpTeaserParagraph,
.mainFeature.carousel .hpLinkWrapper {
  position: absolute;
}
.mainFeature.carousel .hpLinkWrapper img {
  float: left;
  margin-right: 8px;
}
.mainFeature.carousel .hpLinkWrapper {
  font-size: 12px;
  line-height: 15px;
  font-weight: bold;
}
.mainFeature.carousel .hpTeaserParagraph {
  font-size: 13px;
  line-height: 17px;
  padding-top: 8px;
}
.mainFeature.carousel a.darkBlueLink:link div.hpTeaserParagraph,
.mainFeature.carousel a.darkBlueLink:visited div.hpTeaserParagraph,
.mainFeature.carousel a.darkBlueLink:hover div.hpTeaserParagraph,
.mainFeature.carousel a.darkBlueLink:active div.hpTeaserParagraph {
  color: #494848;
  text-decoration: none !important;
}

.darkBlueLink {
    color: #095A90 !important;
    text-decoration: none !important;
}

a.darkBlueLink:hover {
    color: #095A90 !important;
    /*text-decoration: underline !important;*/
}

.mainFeature.carousel a.darkBlueLink .hpLinkWrapper {
    color: #095A90 !important;
    text-decoration: none !important;
}
.mainFeature.carousel a.darkBlueLink:hover .hpLinkWrapper {
    color: #095A90 !important;
    text-decoration: underline !important;
}

/* SMALL FEATURE CAROUSEL SPECIFICS */

#smallFeature {
     width: 190px;
     height: 125px;
     position: relative;
     top: 0px;
     left: 116px;
     overflow: visible;
}
#smallFeature .panel {
     width: 190px;
     height: 125px;
     top: 0px;
     left: 0px;
}

/* iOS swipe */

/*.iOS.mainFeature {*/
/*     background-image: url(/images/hp-mar2011/texture.jpg);*/
/*     '-webkit-user-select': 'none' */
/*}*/
/*.iOS .swipeWrapper {*/
/*     position: absolute;*/
/*     top: 0px;*/
/*     left: 0px;*/
/*     height: 400px;*/
/*     background-color: #ffffff;*/
/*     -webkit-user-select: none; */
/*}*/
/*.iOS #leftShadow {*/
/*    position: absolute;*/
/*    top: 0px;*/
/*    left: -15px;*/
/*    width: 15px;*/
/*    height: 367px;*/
/*}*/
/*.iOS #rightShadow {*/
/*    position: absolute;*/
/*    top: 0px;*/
/*    right: -15px;*/
/*    width: 15px;*/
/*    height: 367px;*/
/*}*/


/* TABS */

#mainTabs {
     margin-left: 10px;
     margin-top: 15px;
     width: 980px;
     border-top: 1px solid #b9b9b9;
     background-color: #f5f5f5;
     height: 44px;
     overflow: hidden;
}
#mainTabs li {
     float: left;
     padding: 10px 38px;
     font-size: 20px;
     line-height: 24px;
     color: #494848;
     cursor: pointer;
}
body #mainTabs li a:link {
     color: #999999 !important;
}
#mainTabs li.current {
     color: #acacac;
     background-color: #ffffff;
     cursor: default;
}
body #mainTabs li.current a:link {
     color: #494848 !important;
}

.tabBody {
     width: 980px;
     padding: 25px 10px 0px 10px;
}
p.titledPara {
     float: left;
     clear: right;
     width: 450px;
     margin-right: 40px;
     font-size: 12px;
     line-height: 16px;
     padding-bottom: 9px;
}
p.titledPara.JScolumned {
     float: none;
     clear: none;
     margin-right: 4px;
}
p.titledPara .subTitleBlue a {
    color: #095A90 !important;
}
#ListBodyNameAZIndexes {
     height: 20px;
}
#ListBodyNameAZIndexes a {
     padding: 11px !important;
     margin-right: 6px;
     cursor: pointer;
}
#productNames {
     clear: both;
}


/* BOTTOM ROW */

#bottomRow {
     width: 1000px;
     height: 170px;
     margin: 37px 0px 20px 10px;
     clear: both;
     margin-top: 30px;
     border-top: 1px solid #dfdfdf;
     padding-top: 40px;
}

.content {
     position: relative;
     float: left;
     width: 306px;
     margin-right: 27px;
}
.twocol .content {
     width: 459px;
     margin-right: 27px;
}
.content h3.head {
     font-size: 14px;
     padding-bottom: 15px;
}
.content img {
     float: left;
     margin-right: 15px;
}
.content img.posAbs {
     position: absolute;
     top: 32px;
     left: 0px;
}
.content p {
     padding-bottom: 10px;
}
.viewAllLink {
     position: absolute;
     bottom: 0px;
     left: -116px;
     z-index: 69;
}


/* MISC */

#upLink {
  float: left;
  padding-bottom: 15px;
  padding-left: 10px;
}
#upLink a {
    font-size: 14px !important;
}

.subTitleBlack {
     padding: 24px 0px 0px 10px;
}



.seoText {
     display: none;
}

#contentLeftMenu {
     display: none;
}

.titledPara.marginTop10 {
     margin-top: 0px !important;
}

.emc-wrapper.shareLink .page-utility-bar {
     right: 10px !important;
}


/* SERVICES OVERRIDES */

.itServices .tabBody .subTitleBlack {
     padding-left: 0px;
     color: #000000;
     font-size: 14px;
     line-height: 17px;
}
.itServices .tabBody .subTitleBlue {
     font-size: 14px;
     line-height: 17px;
     color: #2e95dc !important;
}
.itServices h3 {
     font-size: 14px;
     line-height: 17px;
}

/* SUPPORT OVERRIDES */

.supportTraining {
     width: 980px;
     margin: 30px 10px;
}
.supportTraining .subTitlePurple,
.supportTraining .subTitleGreen {
     color: #000000;
     font-size: 14px;
     line-height: 17px;
}
.contentHalfLeftEvenTabTop {
     height: 32px;
}
.contentHalfLeftEvenBody h3 {
     color: #000000;
     font-size: 12px;
}
.contentHalfLeftEven,
.contentHalfLeftEvenTabTop,
.contentHalfLeftEvenBoxMiddle,
.contentHalfLeftEvenBottom,
.contentHalfLeftEvenBody,
.contentHalfLeftEvenTabTitle
{
     width: 302px;
     background-image: none;
     margin: 0px;
}
.contentHalfLeftEven {
     margin-right: 30px;
}

.supportTraining .contentRightWideModule,
.supportTraining .contentRightWideTitle,
.supportTraining .contentRightWideTop,
.supportTraining .contentRightWideBottom
{
     background-image: none;
     width: auto !important;
}
.supportTraining .contentRightWideTop {
     height: 0px;
}
.supportTraining .contentRightWideBottom {
     height: 15px;
}
.supportTraining .hrLightGrayPad7 {
     border-top: 0px;
}
.supportTraining .contentRightWideBody {
     margin: 0px;
     width: auto !important;
}

.supportTraining .contentRightWideBody .subTitleBlack {
     padding-left: 0px;
     color: #000000;
     font-size: 12px;
     line-height: 15px;
}
#contentRightWide2 {
     width: 311px;
     margin: 0px;
}


.emc-wrapper .breadcrumb-list {
    padding-top: 5px;
}
.emc-wrapper .breadcrumb {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.emc-wrapper .breadcrumb,
.emc-wrapper .breadcrumb a:link,
.emc-wrapper #upLink .breadcrumb a {
      color: #999999 !important;
}