#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 .lexhero10 a {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    height: 36px;
    background: url(../img/bg/hero_btns.jpg) no-repeat;
}
/*------------------------------------*/

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

}
#hero .ModelRunOut ul {
    display: block;
    position: relative;
    left:433px; top: 337px;

    width: 108px;
}
#hero .ModelRunOut li { float: left; position: static; }
#hero .ModelRunOut .link1 a { width: 111px; height: 26px; display: block; }
/*------------------------------------*/


#hero .inchero11 {
    width: 976px; height: 478px;
    background: url(../img/bg/January-Retail-homepage-hero-asset.jpg) no-repeat 0 0;
}
#hero .inchero11 ul {
    display: block;
    position: relative;
    left:35px; top: 291px;
    width: 209px;
}
#hero .inchero11 li { float: left; position: static; }
#hero .inchero11 .link1 a { width: 100px; height: 25px; display: block; }
/*------------------------------------*/


#hero .financialincentives11 {
    width: 976px; height: 478px;
    background: url(../img/bg/Dealer_web_homepage.jpg) no-repeat 0 0;
    
}
#hero .financialincentives11 ul {
    display: block;
    position: relative;
    left:838px; top: 354px;
    width: 209px;
}
#hero .financialincentives11 li { float: left; position: static; }
#hero .financialincentives11 .link1 a { width: 100px; height: 25px; display: block; }

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


#hero .newgs2011{
    width: 976px; height: 478px;
    background: url(../img/bg/XceptionalOffer_front.jpg) no-repeat 0 0;
}
#hero .newgs2011 ul {
    display: block;
    position: relative;
    left:38px; top: 212px;

    width: 108px;
}
#hero .newgs2011 li { float: left; position: static; }
#hero .newgs2011 .link1 a { width: 100px; height: 25px; display: block; }

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

#hero .lex2011 {
    width: 976px; height: 478px;
    background: url(../img/bg/lex2011_hero.jpg) no-repeat 0 0;
	
}
#hero .lex2011 ul {
    display: block;
    position: relative;
    left:441px; top: 341px;

    width: 108px;
}
#hero .lex2011 li { float: left; position: static; }
#hero .lex2011 .link1 a { width: 100px; height: 25px; display: block; }


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


#hero .financerate11 {
    width: 976px; height: 478px;
    background: url(../img/bg/Dealer_web_homepage_0911.jpg) no-repeat 0 0;
}
#hero .financerate11 ul {
    display: block;
    position: relative;
    left:838px; top: 344px;
    width: 209px;
}
#hero .financerate11 li { float: left; position: static; }
#hero .financerate11 .link1 a { width: 100px; height: 25px; display: block; }

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


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

}
#hero .eofy11 ul {
    display: block;
    position: relative;
    left:838px; top: 354px;
    width: 209px;
}
#hero .eofy11 li { float: left; position: static; }
#hero .eofy11 .link1 a { width: 100px; height: 25px; display: block; }

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

#hero .comphero11 {
    width: 976px; height: 478px;
    background: url(../img/bg/February-Retail-homepage-hero-asset.jpg) no-repeat 0 0;
}
#hero .comphero11 ul {
    display: block;
    position: relative;
    left:838px; top: 347px;
    width: 209px;
}
#hero .comphero11 li { float: left; position: static; }
#hero .comphero11 .link1 a { width: 100px; height: 25px; display: block; }

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

#hero .loreal {
    width: 976px; height: 478px;
    background: url(../img/bg/Loreal_Homepage_hero.jpg) no-repeat 0 0;      
}
#hero .loreal ul {
    display: block;
    position: relative;
    left:812px; top: 346px;
    width: 220px;
}
#hero .loreal li { float: left; position: static; }
#hero .loreal .link1 a { width: 100px; height: 25px; display: block; }

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


#hero .is350 {
    width: 976px; height: 431px;
    background: url(../img/bg/is350-hero.jpg) no-repeat 0 0;
}
#hero .is350 ul {
    display: block;
    position: relative;
    left:20px; top: 232px;
    width: 212px;
}
#hero .is350 li { float: left; position: static; }
#hero .is350 .link1 a { background-position: 0 0; width: 165px; height: 36px; background:url(../img/bg/hero_btn_is350.jpg) no-repeat; display:block; text-indent:-9999px; }
#hero .is350 .link1 a:hover { background-position: 0 -36px; }

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

#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 .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;   
}

#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; }

/*------------------------------------*/
/*CT200 April Hero */
#hero .ct200h2 {
    width: 976px; height: 395px;
    background: url(../img/bg/ct200h_Homepage_Hero.jpg) no-repeat 0 0;
}

#hero .ct200h2 ul {
    display: block;
    position: relative;
    left:823px; top: 338px;
    width: 209px;
}

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

#hero .ct200h2 .link1 a { width: 99px; height: 22px; display: block; }



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

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

#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_new.jpg) no-repeat 0 0;
}

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

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

#hero .ct200h .link1 a { width: 95px; height: 22px; display: block; }