﻿/**********************************/
/* Default Hero Backgrounds       */
/**********************************/
/* LEFT NAV HEROS - Width 710 */
#leftnav-contentArea .hero-128, #leftnav-contentArea .hero-200, #leftnav-contentArea .hero-256, #leftnav-contentArea .hero-300, #leftnav-contentArea .hero-360 {width:710px; background-position:fixed;} /* LEFTNAV HERO WIDTH */
/* TV Green */
.green-tv #leftnav-contentArea .hero-128 {height:33px; background:url(/static/hero-images/green-hero-ln.jpg) 0 0 no-repeat;} 
.green-tv #leftnav-contentArea .hero-200 {height:115px; background:url(/static/hero-images/green-hero-ln.jpg) 0 -128px no-repeat;} 
.green-tv #leftnav-contentArea .hero-256 {height:171px; background:url(/static/hero-images/green-hero-ln.jpg) 0 -328px no-repeat;} 
.green-tv #leftnav-contentArea .hero-300 {height:215px; background:url(/static/hero-images/green-hero-ln.jpg) 0 -584px no-repeat;} 
.green-tv #leftnav-contentArea .hero-360 {height:275px; background:url(/static/hero-images/green-hero-ln.jpg) 0 -884px no-repeat;} 
/* Phone Red */
.red-phone #leftnav-contentArea  .hero-128 {height:33px; background:url(/static/hero-images/red-hero-ln.jpg) 0 0px no-repeat;} 
.red-phone #leftnav-contentArea  .hero-200 {height:115px; background:url(/static/hero-images/red-hero-ln.jpg) 0 -128px no-repeat;} 
.red-phone #leftnav-contentArea  .hero-256 {height:171px; background:url(/static/hero-images/red-hero-ln.jpg) 0 -328px no-repeat;} 
.red-phone #leftnav-contentArea  .hero-300 {height:215px; background:url(/static/hero-images/red-hero-ln.jpg) 0 -584px no-repeat;} 
.red-phone #leftnav-contentArea  .hero-360 {height:275px; background:url(/static/hero-images/red-hero-ln.jpg) 0 -884px no-repeat;} 
/* Internet Orange */
.orange-internet #leftnav-contentArea  .hero-128 {height:33px; background:url(/static/hero-images/orange-hero-ln.jpg) 0 0px no-repeat;} 
.orange-internet #leftnav-contentArea  .hero-200 {height:115px; background:url(/static/hero-images/orange-hero-ln.jpg) 0 -128px no-repeat;} 
.orange-internet #leftnav-contentArea  .hero-256 {height:171px; background:url(/static/hero-images/orange-hero-ln.jpg) 0 -328px no-repeat;} 
.orange-internet #leftnav-contentArea  .hero-300 {height:215px; background:url(/static/hero-images/orange-hero-ln.jpg) 0 -584px no-repeat;} 
.orange-internet #leftnav-contentArea  .hero-360 {height:275px; background:url(/static/hero-images/orange-hero-ln.jpg) 0 -884px no-repeat;} 
/* Support Yellow */
.yellow-support #leftnav-contentArea  .hero-128 {height:33px; background:url(/static/hero-images/yellow-hero-ln.jpg) 0 0px no-repeat;} 
.yellow-support #leftnav-contentArea  .hero-200 {height:115px; background:url(/static/hero-images/yellow-hero-ln.jpg) 0 -128px no-repeat;} 
.yellow-support #leftnav-contentArea  .hero-256 {height:171px; background:url(/static/hero-images/yellow-hero-ln.jpg) 0 -328px no-repeat;} 
.yellow-support #leftnav-contentArea  .hero-300 {height:215px; background:url(/static/hero-images/yellow-hero-ln.jpg) 0 -584px no-repeat;} 
.yellow-support #leftnav-contentArea  .hero-360 {height:275px; background:url(/static/hero-images/yellow-hero-ln.jpg) 0 -884px no-repeat;} 
/* Shop Blue */
.blue-shop #leftnav-contentArea .hero-128 {height:33px; background:url(/static/hero-images/blue-shop-hero-ln.jpg) 0 0px no-repeat;} 
.blue-shop #leftnav-contentArea .hero-200 {height:115px; background:url(/static/hero-images/blue-shop-hero-ln.jpg) 0 -128px no-repeat;} 
.blue-shop #leftnav-contentArea .hero-256 {height:171px; background:url(/static/hero-images/blue-shop-hero-ln.jpg) 0 -328px no-repeat;} 
.blue-shop #leftnav-contentArea .hero-300 {height:215px; background:url(/static/hero-images/blue-shop-hero-ln.jpg) 0 -584px no-repeat;} 
.blue-shop #leftnav-contentArea .hero-360 {height:275px; background:url(/static/hero-images/blue-shop-hero-ln.jpg) 0 -884px no-repeat;} 
/* Bundles Blue (Blue 1) */
.blue-bundles #leftnav-contentArea .hero-128 {height:33px; background:url(/static/hero-images/blue-bundles-hero-ln.jpg) 0 0px no-repeat;} 
.blue-bundles #leftnav-contentArea .hero-200 {height:115px; background:url(/static/hero-images/blue-bundles-hero-ln.jpg) 0 -128px no-repeat;} 
.blue-bundles #leftnav-contentArea .hero-256 {height:171px; background:url(/static/hero-images/blue-bundles-hero-ln.jpg) 0 -328px no-repeat;} 
.blue-bundles #leftnav-contentArea .hero-300 {height:215px; background:url(/static/hero-images/blue-bundles-hero-ln.jpg) 0 -584px no-repeat;} 
.blue-bundles #leftnav-contentArea .hero-360 {height:275px; background:url(/static/hero-images/blue-bundles-hero-ln.jpg) 0 -884px no-repeat;} 
/* My Services Blue (Blue2) */
.blue-myservices #leftnav-contentArea .hero-128 {height:33px; background:url(/static/hero-images/blue-myservices-hero-ln.jpg) 0 0px no-repeat;} 
.blue-myservices #leftnav-contentArea .hero-200 {height:115px; background:url(/static/hero-images/blue-myservices-hero-ln.jpg) 0 -128px no-repeat;} 
.blue-myservices #leftnav-contentArea .hero-256 {height:171px; background:url(/static/hero-images/blue-myservices-hero-ln.jpg) 0 -328px no-repeat;} 
.blue-myservices #leftnav-contentArea .hero-300 {height:215px; background:url(/static/hero-images/blue-myservices-hero-ln.jpg) 0 -584px no-repeat;} 
.blue-myservices #leftnav-contentArea .hero-360 {height:275px; background:url(/static/hero-images/blue-myservices-hero-ln.jpg) 0 -884px no-repeat;} 
/* About Us Blue (Blue 3) */
.blue-about #leftnav-contentArea .hero-128 {height:33px; background:url(/static/hero-images/blue-about-hero-ln.jpg) 0 0px no-repeat;} 
.blue-about #leftnav-contentArea .hero-200 {height:115px; background:url(/static/hero-images/blue-about-hero-ln.jpg) 0 -128px no-repeat;} 
.blue-about #leftnav-contentArea .hero-256 {height:171px; background:url(/static/hero-images/blue-about-hero-ln.jpg) 0 -328px no-repeat;} 
.blue-about #leftnav-contentArea .hero-300 {height:215px; background:url(/static/hero-images/blue-about-hero-ln.jpg) 0 -584px no-repeat;} 
.blue-about #leftnav-contentArea .hero-360 {height:275px; background:url(/static/hero-images/blue-about-hero-ln.jpg) 0 -884px no-repeat;} 
/* FULL WIDTH HEROS */
.hero-360, hero-300, hero-256, hero-200, hero-128 {width:956px;}  /* Width of ALL FULL Width heros */
/* TV Green */
.green-tv .hero-128 {height:33px; background:url(/static/hero-images/green-hero-fw.jpg) 0 0px no-repeat;} 
.green-tv .hero-200 {height:115px; background:url(/static/hero-images/green-hero-fw.jpg) 0 -128px no-repeat;}
.green-tv .hero-256 {height:171px; background:url(/static/hero-images/green-hero-fw.jpg) 0 -328px no-repeat;} 
.green-tv .hero-300 {height:215px; background:url(/static/hero-images/green-hero-fw.jpg) 0 -584px no-repeat;} 
.green-tv .hero-360 {height:275px; background:url(/static/hero-images/green-hero-fw.jpg) 0 -884px no-repeat;} 
/* Phone Red */
.red-phone .hero-128 {height:33px; background:url(/static/hero-images/red-hero-fw.jpg) 0 0px no-repeat;} 
.red-phone .hero-200 {height:115px; background:url(/static/hero-images/red-hero-fw.jpg) 0 -128px no-repeat;} 
.red-phone .hero-256 {height:171px; background:url(/static/hero-images/red-hero-fw.jpg) 0 -328px no-repeat;} 
.red-phone .hero-300 {height:215px; background:url(/static/hero-images/red-hero-fw.jpg) 0 -584px no-repeat;} 
.red-phone .hero-360 {height:275px; background:url(/static/hero-images/red-hero-fw.jpg) 0 -884px no-repeat;} 
/* Internet Orange */
.orange-internet .hero-128 {height:33px; background:url(/static/hero-images/orange-hero-fw.jpg) 0 0px no-repeat;} 
.orange-internet .hero-200 {height:115px; background:url(/static/hero-images/orange-hero-fw.jpg) 0 -128px no-repeat;} 
.orange-internet .hero-256 {height:171px; background:url(/static/hero-images/orange-hero-fw.jpg) 0 -328px no-repeat;} 
.orange-internet .hero-300 {height:215px; background:url(/static/hero-images/orange-hero-fw.jpg) 0 -584px no-repeat;} 
.orange-internet .hero-360 {height:275px; background:url(/static/hero-images/orange-hero-fw.jpg) 0 -884px no-repeat;} 
/* Support Yellow */
.yellow-support .hero-128 {height:33px; background:url(/static/hero-images/yellow-hero-fw.jpg) 0 0px no-repeat;} 
.yellow-support .hero-200 {height:115px; background:url(/static/hero-images/yellow-hero-fw.jpg) 0 -128px no-repeat;} 
.yellow-support .hero-256 {height:171px; background:url(/static/hero-images/yellow-hero-fw.jpg) 0 -328px no-repeat;} 
.yellow-support .hero-300 {height:215px; background:url(/static/hero-images/yellow-hero-fw.jpg) 0 -584px no-repeat;} 
.yellow-support .hero-360 {height:275px; background:url(/static/hero-images/yellow-hero-fw.jpg) 0 -884px no-repeat;} 
/* Shop Blue */
.blue-shop .hero-128 {height:33px; background:url(/static/hero-images/blue-shop-hero-fw.jpg) 0 0px no-repeat;} 
.blue-shop .hero-200 {height:115px; background:url(/static/hero-images/blue-shop-hero-fw.jpg) 0 -128px no-repeat;} 
.blue-shop .hero-256 {height:171px; background:url(/static/hero-images/blue-shop-hero-fw.jpg) 0 -328px no-repeat;} 
.blue-shop .hero-300 {height:215px; background:url(/static/hero-images/blue-shop-hero-fw.jpg) 0 -584px no-repeat;} 
.blue-shop .hero-360 {height:275px; background:url(/static/hero-images/blue-shop-hero-fw.jpg) 0 -884px no-repeat;} 
/* Bundles Blue (Blue 1) */
.blue-bundles .hero-128 {height:33px; background:url(/static/hero-images/blue-bundles-hero-fw.jpg) 0 0px no-repeat;} 
.blue-bundles .hero-200 {height:115px; background:url(/static/hero-images/blue-bundles-hero-fw.jpg) 0 -128px no-repeat;} 
.blue-bundles .hero-256 {height:171px; background:url(/static/hero-images/blue-bundles-hero-fw.jpg) 0 -328px no-repeat;} 
.blue-bundles .hero-300 {height:215px; background:url(/static/hero-images/blue-bundles-hero-fw.jpg) 0 -584px no-repeat;} 
.blue-bundles .hero-360 {height:275px; background:url(/static/hero-images/blue-bundles-hero-fw.jpg) 0 -884px no-repeat;} 
/* My Services Blue (Blue2) */
.blue-myservices .hero-128 {height:33px; background:url(/static/hero-images/blue-myservices-hero-fw.jpg) 0 0px no-repeat;} 
.blue-myservices .hero-200 {height:115px; background:url(/static/hero-images/blue-myservices-hero-fw.jpg) 0 -128px no-repeat;} 
.blue-myservices .hero-256 {height:171px; background:url(/static/hero-images/blue-myservices-hero-fw.jpg) 0 -328px no-repeat;} 
.blue-myservices .hero-300 {height:215px; background:url(/static/hero-images/blue-myservices-hero-fw.jpg) 0 -584px no-repeat;} 
.blue-myservices .hero-360 {height:275px; background:url(/static/hero-images/blue-myservices-hero-fw.jpg) 0 -884px no-repeat;} 
/* About Us Blue (Blue 3) */
.blue-about .hero-128 {height:33px; background:url(/static/hero-images/blue-about-hero-fw.jpg) 0 0px no-repeat;} 
.blue-about .hero-200 {height:115px; background:url(/static/hero-images/blue-about-hero-fw.jpg) 0 -128px no-repeat;} 
.blue-about .hero-256 {height:171px; background:url(/static/hero-images/blue-about-hero-fw.jpg) 0 -328px no-repeat;} 
.blue-about .hero-300 {height:215px; background:url(/static/hero-images/blue-about-hero-fw.jpg) 0 -584px no-repeat;} 
.blue-about .hero-360 {height:275px; background:url(/static/hero-images/blue-about-hero-fw.jpg) 0 -884px no-repeat;} 
.hero-cta {
    display:block;
    margin-left:260px;
}
.hero-128{height:33px;}
.hero-200{height:115px;}
.hero-256{height:171px;}
.hero-270{height:185px;}
.hero-300{height:215px;}
.hero-360{height:275px;}

#leftnav-contentArea .hero-content { width:670px; /*710px width */}
.hero-content , #campaign .hero-content{ width:928px; /* 968px width */}
.hero-content {
    /* Subtract 85 pixels off image height */
     background-repeat:no-repeat;
     padding:65px 20px 20px 20px;
     color:#FFFFFF;
}
.campaign-hero-content { /*added 2/21/10 to create more left padding on campaign */
     padding-top:65px;
     padding-left:50px;
     padding-right:20px;
     padding-bottom:20px;
     width:898px;
}
.hero-content p, .campaign-hero-content p {color:#FFFFFF;}
#page .hero-content-360 {
    /* Subtract 160 pixels off image height */
     background-repeat:no-repeat;
     padding:140px 0 20px 0px; /* 140 px top until CTA appears */
     height:200px; /* 360px height */
}
#campaign .hero-content-360 {
    /* Subtract 160 pixels off image height */
     background-repeat:no-repeat;
     padding:120px 0 20px 0; /* 140 px top until CTA appears */
     height:180px; /* 360px height */
}
