#hero
{
	margin: 0pt auto; 
	top:93px;
	width: 976px; 
	z-index:0;
}

#hero ul {
	list-style-type: none;
	margin: 0; padding: 0;
}

#hero p {
	display: none;
}

#hero li {
	display: block;
	position: absolute;
}

#hero > li {
	visibility: hidden; /* will be changed by bgrotation.js */
}

#hero .is250fsport a, #hero .rx450h a, #hero .discoverhybrid a, #hero .lfch a, #hero .event2009 a, #hero .rx350ng a, #hero .lexclusive a, #hero .juneret a, #hero .ct200h a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 36px;
	background: url(../img/bg/hero_btns.jpg) no-repeat;
}

/*------------------------------------*/

#hero .rx350ng {
	width: 976px; height: 410px;
	background: url(../img/rx350promo/hero_rx350_resolution.jpg) no-repeat 0 0;
}

#hero .rx350ng ul {
	display: block;
	position: relative;
	left: 25px; top: 128px;
	width: 164px;
}

#hero .rx350ng li { position: static; }

#hero .rx350ng .link1 a { background-position: -1098px 0; width: 164px; }
#hero .rx350ng .link1 a:hover { background-position: -1098px -40px; }

/*------------------------------------*/

#hero .juneret {
	width: 978px; height: 483px;
	background: url(../img/bg/hero_juneretail.jpg) no-repeat 0 0;	
    visibility: inherit; /* The first hero in the rotation should have this property so that it is initially visible. */
}

#hero .juneret .link1 a { background-position: -234px 0px; width: 210px; height: 36px; }
#hero .juneret .link1 a:hover { background-position: -234px -36px; }
#hero .juneret li { position: static; }
#hero .juneret ul {
	display: block;
	position: relative;
	left: 572px; top: 228px;
	width: 232px;
}

/*------------------------------------*/

#hero .is250fsport {
	width: 976px; height: 395px;
	background: url(../img/bg/hero_is250fsport.jpg) no-repeat 0 0;
}

#hero .is250fsport ul {
	display: block;
	position: relative;
	left: 719px; top: 142px;
	width: 234px;
}

#hero .is250fsport li { position: static; }

#hero .is250fsport .link1 a { background-position: 0 0; width: 234px; }
#hero .is250fsport .link1 a:hover { background-position: 0 -36px; }

#hero .event2009 {
	width: 976px; height: 395px;
	background: url(../img/bg/hero_event2009.jpg) no-repeat 0 0;
}

#hero .event2009 ul {
	display: block;
	position: relative;
	left: 605px; top: 330px;
	width: 181px;
}

#hero .event2009 li { position: static; }

#hero .event2009 .link1 a { background-position: -918px 0; width: 181px; }
#hero .event2009 .link1 a:hover { background-position: -918px -36px; }

/*------------------------------------*/
#hero .rx450h {
	width: 976px; height: 478px;
	background: url(../img/bg/hero_rx450h.jpg) no-repeat 0 0;
}

#hero .rx450h ul {
	display: block;
	position: relative;
	left: 642px; top: 140px;
	width: 232px;
}

#hero .rx450h li { float: left; position: static; }

#hero .rx450h .link1 a { background-position: -234px 0; width: 210px; }
#hero .rx450h .link1 a:hover { background-position: -234px -36px; }

/*------------------------------------*/

#hero .discoverhybrid a {
	height: 32px;
}

#hero .discoverhybrid {
	width: 976px; height: 395px;
	background: url(../img/bg/hero_discoverhybrid.jpg) no-repeat 0 0;
	z-index: 1;
}

#hero .discoverhybrid ul {
	display: block;
	position: relative;
	left: 711px; top: 118px;
	width: 239px;
}

#hero .discoverhybrid li { float: right; position: static; }

#hero .discoverhybrid .link1 a { background-position: 0 0; width: 234px; }
#hero .discoverhybrid .link1 a:hover { background-position: 0 -36px; }

/*------------------------------------*/
/*IS 250 Feb Promotion */

#hero .is250feb a {
    display: block;
	text-indent: -9999px;
	overflow: hidden;
	height: 31px;
	background: url(../img/bg/hero_btns.jpg) no-repeat;
}

#hero .is250feb {
	width: 976px; height: 478px;
	background: url(../img/bg/is250_homepage_image.jpg) no-repeat 0 0;
}

#hero .is250feb ul {
	display: block;
	position: relative;
	left: 775px; top: 110px;
	width: 234px;
}

#hero .is250feb li { float: left; position: static; }

#hero .is250feb .link1 a { background-position: -1262px 0; width: 152px;  }
#hero .is250feb .link1 a:hover {  background-position: -1262px -31px; }

/*------------------------------------*/
/*lexclusive Promotion */

#hero .lexclusive {
	width: 976px; height: 395px;
	background: url(../img/bg/hero_lexclusive.jpg) no-repeat 0 0;
	visibility: inherit; /* The first hero in the rotation should have this property so that it is initially visible. */
}

#hero .lexclusive ul {
	display: block;
	position: relative;
	left: 737px; top: 216px;
	width: 209px;
}

#hero .lexclusive li { float: left; position: static; }

#hero .lexclusive .link1 a { background-position: -1414px 0; width: 209px; height: 34px; }
#hero .lexclusive .link1 a:hover { background-position: -1414px -36px; }

/* CT 200h */

#hero .ct200h {
	width: 976px; height: 395px;
	background: url(../img/bg/hero_ct200h.jpg) no-repeat 0 0;
}

#hero .ct200h ul {
	display: block;
	position: relative;
	left:738px; top: 315px;
	width: 209px;
}

#hero .ct200h li { float: left; position: static; }

#hero .ct200h .link1 a { background-position: 0 0; width: 234px; height: 36px; }
#hero .ct200h .link1 a:hover { background-position: 0 -36px; }