/* RESET
-----------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, abbr, acronym, address, big, cite, del, dfn, font, img, ins, kbd, q, s, samp, tt, var, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

body { background:#FF8212 url(../images/homepage/bg.jpg) repeat-x top; color:#242424; font-family:Arial, Helvetica, Sans-Serif; font-size:74%; line-height:1.45em; }

/* TYPOGRAPHY 
---------------------------*/
a { color:#FF6D01; text-decoration:none; }
a:hover { text-decoration:underline; }
p { padding:0 0 1.5em 0; }
ol { margin:0 0 1.5em 0; padding:0 0 0 18px; }
ul { margin:0 0 1.5em 0; padding:0 0 0 4px; }
ul li, ul li ul li { list-style:none; padding:0 0 0 10px; }
ol li { line-height:1.2em; list-style:decimal; padding:0 0 2px; }
cite { font-weight:bold; }
.clear { clear:both; }

h1, h2, h3, h4, h5, h6 { color:#B11805; font-family:'Century Gothic', Arial, Helvetica, Sans-Serif; }
h1 { background:url(../images/homepage/title-border.gif) repeat-x left bottom; font-size:1.8em; font-weight:normal; line-height:normal; margin:0 0 13px 0; padding:0 0 4px 1px; text-transform:uppercase; }
h2 { background:url(../images/homepage/title-border.gif) repeat-x left bottom; font-size:1.5em; font-weight:normal; line-height:normal; margin:0 0 6px 0; padding:0 0 5px 1px; text-transform:uppercase; }
h3 { font-size:1.2em; font-weight:normal; line-height:normal; margin:0 0 13px 0; padding:0; text-transform:uppercase; }
h4 { font-size:1.2em; font-weight:normal; line-height:normal; margin:0 0 13px 0; padding:0;}
h5 { font-family:Arial, Helvetica, Sans-Serif; font-size:1.1em; font-weight:bold; line-height:normal; margin:0 0 10px 0; padding:0; }
h6 { font-family:Arial, Helvetica, Sans-Serif; font-size:1em; font-weight:normal; line-height:normal; margin:0 0 10px 0; padding:0; }


/* LAYOUT 
---------------------------*/

#accessibility { display:none; }
#wrapper { background:url(../images/homepage/shadow.png) repeat-y; margin:0 auto; padding:0 2px; width:940px; }
#sub-content { background:url(../images/homepage/header-shadow.gif) no-repeat 0 0; padding:7px 2px 0; margin:0 -2px; position:relative; }
#content { background:#fff; padding:20px 32px 20px 25px; position:relative; width:883px; min-height:375px; height:auto !important; height:375px; }


/* HEADER
---------------------------*/
#header { height:69px; margin:0 auto; padding:0 2px; position:relative; width:940px; z-index:5000; }
#header h1 { background:none; float:left; height:49px; margin:0; padding:19px 0 0; width:148px; }
#header h1 a { background:url(../images/homepage/jazzercise-logo.gif) no-repeat 0 0; display:block; height:49px; text-indent:-9999px; width:148px; }

/* Login and Search Area */
#login-search { background:url(../images/homepage/upper-header-bg.gif) no-repeat 0 0; height:30px; left:388px; position:absolute; top:0; width:458px; }
#login-search a { background:url(../images/homepage/arrows.gif) no-repeat left; color:#E50026; font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size:.9em; font-weight:bold; left:85px; padding-left:14px; position:absolute; top:4px; }
#login-search form { float:right; padding-top:2px; width:250px; }
#login-search label {  color:#E50026;font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size:.9em; font-weight:bold; }
#login-search #search { border:1px solid #C2C2C2; color:#242424; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; width:100px; }
#login-search .submit { position:relative; top:3px; }

/* New Login and Search Area */
#login-search2 { background:url(../images/homepage/upper-header-bg2.gif) no-repeat 0 0; height:30px; left:227px; position:absolute; top:0; width:619px; }
#login-search2 a { background:url(../images/homepage/arrows.gif) no-repeat left; color:#E50026; font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size:.9em; font-weight:bold; left:85px; padding-left:14px; position:absolute; top:4px; }
#login-search2 form { padding-top:2px; width:250px; position:absolute; left:217px; }
#login-search2 label {  color:#E50026;font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size:.9em; font-weight:bold; }
#login-search2 #search { border:1px solid #C2C2C2; color:#242424; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; width:100px; }
#login-search2 .submit { position:relative; top:3px; }
#login-search2 #country { border:1px solid #C4C4C4; width:134px; height:14px; position:absolute; top:5px; left:404px; padding:0; margin:0; background:#fff; z-index:5000; }
#login-search2 #country dt a { background:none; position:static; top:0; left:0; color:#E50026; font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size:.9em; font-weight:bold; display:block; text-decoration:none; padding:0 6px; background:url(../images/homepage/dropdown-arrow.gif) no-repeat 122px 4px; line-height:12px; }
#login-search2 #country dd { display:none; position:absolute; width:134px; top:13px; left:-1px; margin:0; padding:0; border:1px solid #C4C4C4; border-top:0; background:#fff; }
#login-search2 #country dd ul { margin:0; padding:4px 0; }
#login-search2 #country dd ul li { margin:0; padding:0; width:134px; }
#login-search2 #country dd ul li a { background:none; position:static; top:0; left:0; display:block; color:#E50026; text-decoration:none; padding:2px 6px; }
#login-search2 #country dd ul li a:hover { background:#E50026; color:#fff; }


/* Top Navigation */
#nav { position:absolute; right:0; top:44px; }
#nav li { background:url(../images/homepage/nav-separator.gif) no-repeat left; display:inline; float:left; padding:0 0 0 3px; }
#nav li.first { background:none; }
#nav li a { color:#000; font-family:'Century Gothic', Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; padding:0 11px; text-decoration:none; text-transform:uppercase; }
#nav li a:hover { color:#B21805; }

/* Top Social Media Icons */
#social { position:absolute; right:0; top:6px; }
#social li { display:inline; float:left; padding:0 0 0 5px; }
#social li a { display:block; float:left; height:23px; text-indent:-9999px; width:26px; }
#social li.twitter a { background:url(../images/homepage/twitter.gif) no-repeat 0 0; }
#social li.facebook a { background:url(../images/homepage/facebook.gif) no-repeat 0 0; }
#social li.youtube a { background:url(../images/homepage/youtube.gif) no-repeat 0 0; }


/* IMAGE ROTATOR
--------------------------*/
#rotator #onedaysaleaug11 { background:url(../images/homepage/rotator/1daysale-aug11-todayonly.jpg) no-repeat 0 0}
#rotator #onedaysaleaug11 a { display:block; height:221px; width:944px; text-indent:-9999px; }
#rotator #casting-call { background:url(../images/homepage/rotator/casting-call.jpg) no-repeat 0 0}
#rotator #fab-abs { background:url(../images/homepage/rotator/fab-abs.jpg) no-repeat 0 0; }
#rotator #jan-one-day-sale { background:url(../images/homepage/rotator/jazzercise-jan-1-day-banner.jpg) no-repeat 0 0; }
#rotator #cheryl-blue { background:url(../images/homepage/rotator/cheryl-blue.jpg) no-repeat 0 0; }
#rotator #class-photo { background:url(../images/homepage/rotator/class-photo.jpg) no-repeat 0 0; }
#rotator #cheryl-group { background:url(../images/homepage/rotator/cheryl-group.jpg) no-repeat 0 0; }
#rotator #shanna-instructor {background:url(../images/homepage/rotator/shanna-becomeinstr.jpg) no-repeat 0 0; }
#rotator #shanna-instructor a { display:block; height:221px; width:944px; text-indent:-9999px; }
#rotator #group-weights { background:url(../images/homepage/rotator/group-weights.jpg) no-repeat 0 0; }
#rotator #cheryl-punch { background:url(../images/homepage/rotator/cheryl-punch.jpg) no-repeat 0 0; }
#rotator #cheryl-blue a, #rotator #cheryl-punch a { display:block; height:110px; position:absolute; right:0; text-indent:-9999px; top:0; width:170px; }
#rotator #jan-one-day-sale a, #rotator #fab-abs a { display:block; height:221px; position:absolute; right:0; text-indent:-9999px; top:0; width:944px; }
#rotator #casting-call a {display:block; height:42px; position:absolute; right:95px; text-indent:-9999px; top:121px; width:145px;}

#rotator { background:#fff url(../images/homepage/rotator-bg.gif) no-repeat 0 bottom; height:221px; margin:0 -2px; overflow:hidden; padding:0; position:relative; width:944px; }
#rotator .slide { height:221px; width:944px; }
#rotator .slide p { display:none; }
#rotator-nav { background:#F2B561; bottom:13px; display:none; left:30px; position:absolute; height:41px; }
#rotator-nav ul { margin:0; padding:6px 0 0 6px; }
#rotator-nav li { display:inline; float:left; margin:0 6px 6px 0; padding:0; }
#rotator-nav li img { cursor:pointer; display:block; }
#rotator-nav #highlight { border:1px solid #F8F5D8; height:41px; left:0px; position:absolute; top:-1px; width:39px; }

/* LEFT COLUMN
--------------------------*/
#sidebar-left { float:left; margin-left:-612px; padding:0 0 12px; position:relative; width:272px; }

/* Promos */
#promos { padding:5px 0 7px 0; }
#promos img { display:block; margin:0 0 10px; }

/* Real Stories */
#quote { background:url(../images/homepage/quote-bg.gif) no-repeat bottom; margin:0 0 16px; padding:0 0 8px; }
#quote h2 { background:#fff url(../images/homepage/quote-top-bg.gif) no-repeat bottom; margin-bottom:4px; padding-bottom:9px; }
a.more { clear:both; display:block; font-size:.9em; font-style:italic; padding:4px 15px 0 0; text-align:right; text-decoration:underline; }
#quote blockquote { background:url(../images/homepage/open-quote.gif) no-repeat 0 0; float:right; padding:3px 15px 0 0; width:165px; }
#quote blockquote p { background:url(../images/homepage/close-quote.gif) no-repeat right bottom; padding:0; text-indent:25px; }
#quote .author { color:#b21805; float:left; line-height:normal; padding:0 10px; }
#quote .author img { display:block; margin:0 0 4px; }

/* News Signup */
/*#newsletter h2 { font-size:1.25em; text-align:center; }*/
#newsletter p { padding:0 0 8px; }
#newsletter label { display:inline-block; text-align:right; width:80px; }
#newsletter input { width:157px; }
#newsletter p.submit { padding-right:30px; text-align:right; }
#newsletter p.submit input { background:transparent url(../images/homepage/submit-btn.jpg) no-repeat 0 bottom; height:20px; width:88px; border:0; cursor:pointer; text-align:left; padding:0; margin:0; font-size:1px; color:#03507e; }

/* MIDDLE COLUMN
--------------------------*/
#main { display:block !important; display:inline; float:left; margin:0 0 0 305px; padding:0; position:relative; width:307px; }

/* Right Now */
#right-now ul { padding-left:0; }
#right-now ul li { margin:0; padding:0 0 4px; }
#right-now a { color:#242424; }
#right-now a:after { content:url(../images/homepage/arrow.gif); display:inline-block; height:13px; margin:0 -11px 0 0; top:2px; padding:0 0 0 3px; position:relative; width:11px; z-index:100; }
#right-now a span { background:url(../images/homepage/arrow.gif) no-repeat right; display:inline-block; height:13px; margin:0 -11px 0 0; padding:0; position:relative; top:2px; width:11px; z-index:100; }

/* Fitness and Nutrition */
#fitness-nutrition { padding:0 0 1.5em; }
#fitness-nutrition h3 { color:#e60026; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; margin:0; padding:0; text-transform:none; }
#fitness-nutrition h3 a { color:#e60026; }
#fitness-nutrition p { padding:0; }

/* RIGHT COLUMN
--------------------------*/
#sidebar { float:right; padding:0 0 12px; position:relative; width:240px; }

/* Watch the Video */
#video { padding-bottom:36px; }
#video h2 { background:none; }

/* Dance Exercise Moves */
#dance-moves { padding:0 0 30px; }
#dance-moves h3 { color:#e60026; font-family:Arial, Helvetica, sans-serif; font-size:1em; font-weight:bold; margin:0; padding:0; text-transform:none; }
#dance-moves a { font-size:.9em; }
#dance-moves p { font-size:.9em; padding:0; }
#dance-moves img { float:left; margin:0 19px 0 0; }
#dance-moves a.altlink { color:#e60026; }

/* Hear it in Class */
#hear-it { background:url(../images/homepage/playlist-bg.gif) no-repeat bottom; width:240px; }
#hear-it h2 { background:url(../images/homepage/hear-it-in-class-title.gif) no-repeat 0 0; height:22px; margin:0; text-indent:-9999px; }
#playlist { padding-bottom:10px; }
#playlist div.track { clear:both; padding:5px 0; }
#playlist div.track p { float:left; padding:0 0 0 18px; width:155px; }
#playlist div.track strong { color:#e60026; display:block; }
#playlist div.track span { font-size:.9em; }
#playlist div.track a.play { background:url(../images/homepage/play-btn.gif) no-repeat bottom; display:block; float:left; height:22px; text-indent:-9999px; width:23px; }
#playlist div.track a.play.stop { background:url(../images/homepage/play-btn.gif) no-repeat top; }
#playlist div.track a.play.loading { background:url(../images/homepage/play-btn.gif) no-repeat center; }
#playlist div.track a.buy { background:url(../images/homepage/itunes.gif) no-repeat bottom; display:block; float:left; height:22px; margin:0 0 0 10px; padding:2px 0 0 0; text-indent:-9999px; width:23px; }
#playlist a.more { font-size:.8em; font-style:normal; margin:0; padding:0 10px 0 0; text-decoration:none; }
#playlist a.more:hover { text-decoration:underline; }

/* FOOTER
--------------------------*/
#footer { background:url(../images/homepage/footer-shadow.png) no-repeat 0 0; color:#fff; font-size:.9em; height:40px; line-height:1.9em; margin:0 auto; padding:13px 2px 50px; width:940px; } 
#footer ul li { background:url(../images/homepage/footer-nav-separator.gif) no-repeat left; display:inline; float:left; margin:0; padding:0 5px 0 6px; }
#footer ul li.first { background:none; padding:0 5px 0 0; }
#footer ul li.privacy { background:none; clear:both; padding:0 5px 0 0; }
#footer ul li a { color:#fff; }

/* STICKY NAVIGATION
--------------------------*/
#sticky { background:#1D1D1D; bottom:0; height:29px; position:fixed; width:100%; z-index:10000; }
#footernav { height:29px; margin:0 auto; position:relative; width:940px; }
#footernav h4 { height:29px; left:0; position:absolute; top:0; width:79px; }
#footernav h4 a { background:url(../images/homepage/jazzercise-footer-logo.gif) no-repeat center; display:block; height:29px; text-indent:-9999px; width:79px; }
#footernav ul li { display:inline; float:left; margin:0; padding:0; }

/* Bottom Social Media Icons */
#footernav ul.social { left:100px; position:absolute; top:4px; }
#footernav ul.social li { height:21px; padding:0 14px 0 0; width:21px; }
#footernav ul.social li a { display:block; height:21px; text-indent:-9999px; width:21px; }
#footernav ul.social li.facebook a { background:url(../images/homepage/facebook-footer.gif) no-repeat 0 0; }
#footernav ul.social li.youtube a { background:url(../images/homepage/youtube-footer.gif) no-repeat 0 0; }
#footernav ul.social li.twitter a { background:url(../images/homepage/twitter-footer.gif) no-repeat 0 0; }

/* Bottom Navigation */
#footernav ul.nav { position:absolute; right:0; top:3px; }
#footernav ul.nav li { padding:0 0 0 20px; }
#footernav ul.nav li a { background:url(../images/homepage/footer-nav-bg.gif) no-repeat -500px; color:#fff; display:block; float:left; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:bold; height:21px; line-height:21px; padding:0 0 0 15px; text-transform:uppercase; }
#footernav ul.nav li a span { background:url(../images/homepage/footer-nav-bg.gif) no-repeat -500px; cursor:pointer; display:block; float:left; height:21px; line-height:21px; padding:0 15px 0 0; }
#footernav ul.nav li a:hover { background:url(../images/homepage/footer-nav-bg.gif) no-repeat 0 0; text-decoration:none; }
#footernav ul.nav li a:hover span { background:url(../images/homepage/footer-nav-bg.gif) no-repeat right top; }

