/* -------------------------------------------------------------------------
 Home Page Promotion - General
---------------------------------------------------------------------------- */
#contentNofloat-home { /* we're changing the bottom padding for the homepage only */
	height: 354px; /* hard height needed for all the positioning */
	width: 870px;
	margin: 0 auto;
	padding: 0 0 16px 0;
	background: #ffffff;
	overflow: hidden
}
#homePromos {
	position: absolute;
	height: 337px;
	width: 870px;
	margin: 15px 0 0 0;
	background: transparent url('/staticfiles/HSP/Site Components/Common Assets/img/bg-home-promo-main.gif') no-repeat center top;
	z-index: 1
}
#homePromos-img {
	position: relative;
	top: 21px;
	left: 6px;
	height: 325px;
	width: 581px;
	z-index: 2
}
ul#homePromos-list,
ul#homePromos-list li {
	list-style: none;
	height: 325px;
	width: 581px
}
#homePromos-nav {
	position: relative;
	top: -304px;
	left: 564px;
	height: 325px;
	width: 250px;
	z-index: 3
}


/* -------------------------------------------------------------------------
 Two Promo Set
---------------------------------------------------------------------------- */
/* very important! take height of the each button and subtract top padding from the declaration below */
#homePromos-nav-button-two-a a,
#homePromos-nav-button-two-b a {
	width: 250px; /* left and right padding minus full width of the navigation container */
	padding: 70px 15px 0 35px;
	font-size: 1.2em
}
#homePromos-nav-button-two-a a {
	height: 93px;
	background: transparent url(../images/backgroundPromos-button-two-a.png) no-repeat right top;
	display: block
}
#homePromos-nav-button-two-a a:hover,
#homePromos-nav-button-two-a a.active {
	color: #ffffff;
	background: transparent url(../images/backgroundPromos-button-two-a.png) no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-two-b a {
	height: 92px;
	background: transparent url(../images/backgroundPromos-button-two-b.png) no-repeat right top;
	display: block
}
#homePromos-nav-button-two-b a:hover,
#homePromos-nav-button-two-b a.active {
	color: #ffffff;
	background: transparent url(../images/backgroundPromos-button-two-b.png) no-repeat right bottom;
	text-decoration: none
}


/* -------------------------------------------------------------------------
 Three Promo Set
---------------------------------------------------------------------------- */
/* very important! take height of the each button and subtract top padding from the declaration below */
#homePromos-nav-button-three-a a,
#homePromos-nav-button-three-b a,
#homePromos-nav-button-three-c a {
	width: 250px; /* left and right padding minus full width of the navigation container */
	padding: 40px 15px 0 35px;
	font-size: 1.2em
}
#homePromos-nav-button-three-a a {
	height: 69px;
	background: transparent url(../images/backgroundPromos-button-three-a.png) no-repeat right top;
	display: block
}
#homePromos-nav-button-three-a a:hover,
#homePromos-nav-button-three-a a.active {
	color: #ffffff;
	background: transparent url(../images/backgroundPromos-button-three-a.png) no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-three-b a {
	height: 68px;
	background: transparent url(../images/backgroundPromos-button-three-b.png) no-repeat right top;
	display: block
}
#homePromos-nav-button-three-b a:hover,
#homePromos-nav-button-three-b a.active {
	color: #ffffff;
	background: transparent url(../images/backgroundPromos-button-three-b.png) no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-three-c a {
	height: 68px;
	background: transparent url(../images/backgroundPromos-button-three-c.png) no-repeat right top;
	display: block
}
#homePromos-nav-button-three-c a:hover,
#homePromos-nav-button-three-c a.active {
	color: #ffffff;
	background: transparent url(../images/backgroundPromos-button-three-c.png) no-repeat right bottom;
	text-decoration: none
}


/* -------------------------------------------------------------------------
 Four Promo Set
---------------------------------------------------------------------------- */
/* very important! take height of the each button and subtract top padding from the declaration below */
#homePromos-nav-button-four-a a,
#homePromos-nav-button-four-b a,
#homePromos-nav-button-four-c a,
#homePromos-nav-button-four-d a {
	width: 250px; /* left and right padding minus full width of the navigation container */
	padding: 25px 15px 0 35px;
	font-size: 1.2em
}
#homePromos-nav-button-four-a a {
	height: 57px;
	background: transparent url(../images/backgroundPromos-button-four-a.png) no-repeat right top;
	display: block
}
#homePromos-nav-button-four-a a:hover,
#homePromos-nav-button-four-a a.active {
	color: #ffffff;
	background: transparent url(../images/backgroundPromos-button-four-a.png) no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-four-b a {
	height: 56px;
	background: transparent url(../images/backgroundPromos-button-four-b.png) no-repeat right top;
	display: block
}
#homePromos-nav-button-four-b a:hover,
#homePromos-nav-button-four-b a.active {
	color: #ffffff;
	background: transparent url(../images/backgroundPromos-button-four-b.png) no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-four-c a {
	height: 56px;
	background: transparent url(../images/backgroundPromos-button-four-c.png) no-repeat right top;
	display: block
}
#homePromos-nav-button-four-c a:hover,
#homePromos-nav-button-four-c a.active {
	color: #ffffff;
	background: transparent url(../images/backgroundPromos-button-four-c.png) no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-four-d a {
	height: 56px;
	background: transparent url(../images/backgroundPromos-button-four-d.png) no-repeat right top;
	display: block
}
#homePromos-nav-button-four-d a:hover,
#homePromos-nav-button-four-d a.active {
	color: #ffffff;
	background: transparent url(../images/backgroundPromos-button-four-d.png) no-repeat right bottom;
	text-decoration: none
}


/* -------------------------------------------------------------------------
 Five Promo Set
---------------------------------------------------------------------------- */
/* very important! take height of the each button and subtract top padding from the declaration below */
#homePromos-nav-button-five-a a,
#homePromos-nav-button-five-b a,
#homePromos-nav-button-five-c a,
#homePromos-nav-button-five-d a,
#homePromos-nav-button-five-e a {
	width: 250px; /* left and right padding minus full width of the navigation container */
	padding: 17px 15px 0 35px;
	font-size: 1.2em
}
#homePromos-nav-button-five-a a {
	height: 49px;
	background: transparent url(../images/backgroundPromos-button-five-a.png) no-repeat right top;
	display: block
}
#homePromos-nav-button-five-a a:hover,
#homePromos-nav-button-five-a a.active {
	color: #ffffff;
	background: transparent url(../images/backgroundPromos-button-five-a.png) no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-five-b a {
	height: 48px;
	background: transparent url(../images/backgroundPromos-button-five-b.png) no-repeat right top;
	display: block
}
#homePromos-nav-button-five-b a:hover,
#homePromos-nav-button-five-b a.active {
	color: #ffffff;
	background: transparent url(../images/backgroundPromos-button-five-b.png) no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-five-c a {
	height: 47px;
	background: transparent url(../images/backgroundPromos-button-five-c.png) no-repeat right top;
	display: block
}
#homePromos-nav-button-five-c a:hover,
#homePromos-nav-button-five-c a.active {
	color: #ffffff;
	background: transparent url(../images/backgroundPromos-button-five-c.png) no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-five-d a {
	height: 48px;
	background: transparent url(../images/backgroundPromos-button-five-d.png) no-repeat right top;
	display: block
}
#homePromos-nav-button-five-d a:hover,
#homePromos-nav-button-five-d a.active {
	color: #ffffff;
	background: transparent url(../images/backgroundPromos-button-five-d.png) no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-five-e a {
	height: 48px;
	background: transparent url(../images/backgroundPromos-button-five-e.png) no-repeat right top;
	display: block
}
#homePromos-nav-button-five-e a:hover,
#homePromos-nav-button-five-e a.active {
	color: #ffffff;
	background: transparent url(../images/backgroundPromos-button-five-e.png) no-repeat right bottom;
	text-decoration: none
}

/* -------------------------------------------------------------------------
 Six Promo Set
---------------------------------------------------------------------------- */
/* very important! take height of each button and subtract top padding from the declaration below */
#homePromos-nav-button-six-1 a,
#homePromos-nav-button-six-2 a,
#homePromos-nav-button-six-3 a,
#homePromos-nav-button-six-4 a,
#homePromos-nav-button-six-5 a,
#homePromos-nav-button-six-6 a {
	width: 250px; /* left and right padding minus full width of the navigation container */
	padding: 12px 15px 0 35px;
	font-size: 1.2em
}
#homePromos-nav-button-six-1 a {
	height: 43px;
	background: transparent url('/staticfiles/HSP/Site Components/Common Assets/img/bg-home-promo-button-six-1.png') no-repeat right top;
	display: block
}
#homePromos-nav-button-six-1 a:hover,
#homePromos-nav-button-six-1 a.active {
	color: #ffffff;
	background: transparent url('/staticfiles/HSP/Site Components/Common Assets/img/bg-home-promo-button-six-1.png') no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-six-2 a {
	height: 42px;
	background: transparent url('/staticfiles/HSP/Site Components/Common Assets/img/bg-home-promo-button-six-2.png') no-repeat right top;
	display: block
}
#homePromos-nav-button-six-2 a:hover,
#homePromos-nav-button-six-2 a.active {
	color: #ffffff;
	background: transparent url('/staticfiles/HSP/Site Components/Common Assets/img/bg-home-promo-button-six-2.png') no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-six-3 a {
	height: 42px;
	background: transparent url('/staticfiles/HSP/Site Components/Common Assets/img/bg-home-promo-button-six-3.png') no-repeat right top;
	display: block
}
#homePromos-nav-button-six-3 a:hover,
#homePromos-nav-button-six-3 a.active {
	color: #ffffff;
	background: transparent url('/staticfiles/HSP/Site Components/Common Assets/img/bg-home-promo-button-six-3.png') no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-six-4 a {
	height: 42px;
	background: transparent url('/staticfiles/HSP/Site Components/Common Assets/img/bg-home-promo-button-six-4.png') no-repeat right top;
	display: block
}
#homePromos-nav-button-six-4 a:hover,
#homePromos-nav-button-six-4 a.active {
	color: #ffffff;
	background: transparent url('/staticfiles/HSP/Site Components/Common Assets/img/bg-home-promo-button-six-4.png') no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-six-5 a {
	height: 42px;
	background: transparent url('/staticfiles/HSP/Site Components/Common Assets/img/bg-home-promo-button-six-5.png') no-repeat right top;
	display: block
}
#homePromos-nav-button-six-5 a:hover,
#homePromos-nav-button-six-5 a.active {
	color: #ffffff;
	background: transparent url('/staticfiles/HSP/Site Components/Common Assets/img/bg-home-promo-button-six-5.png') no-repeat right bottom;
	text-decoration: none
}
#homePromos-nav-button-six-6 a {
	height: 42px;
	background: transparent url('/staticfiles/HSP/Site Components/Common Assets/img/bg-home-promo-button-six-6.png') no-repeat right top;
	display: block
}
#homePromos-nav-button-six-6 a:hover,
#homePromos-nav-button-six-6 a.active {
	color: #ffffff;
	background: transparent url('/staticfiles/HSP/Site Components/Common Assets/img/bg-home-promo-button-six-6.png') no-repeat right bottom;
	text-decoration: none
}