/********** Wrap.css Overwrites **********/
#navContainer                                   { z-index:3; }
div.wrapper-header-navigation-secondary         { z-index:3; }

/********** Positioning/Layout CSS **********/
div.wrapper-header                              { position:relative; top:3px; margin-top:-3px; /* Hack 01 */ }
div.wrapper-header-navigation                   { /*height:50px;*/ }

div.wrapper-homepage                            { width:100%; /* Bug 01 */ max-height:1300px; overflow:hidden; }
div.wrapper-homepage-background                 { width:100%; /* Bug 01 */ max-height:1300px; overflow:hidden; }
div.wrapper-homepage-background-image           { position:relative; top:0;  height:800px; overflow:hidden; }
div.wrapper-homepage-background .image-under    { margin-top:-800px; }
div.wrapper-homepage-background-image img       { width:100%; }

div.wrapper-homepage-main                       { position:absolute; top:115px; /*160px;*/ width:100%; z-index:1; }
div.wrapper-homepage-main-inner                 { position:relative; width:995px; margin:0 auto; }

/********** Slideshow **********/
div.slideshow                                   { height:200px; }
div.slideshow-controls                          { height:65px; margin-top:37px; }
div.slideshow-controls .infobox                 { float:right; padding:3px 0 3px 5px; overflow:hidden; background:url('/images/missionbay/bg.hero.info.box.png'); border:0; -moz-border-radius:11px; -webkit-border-radius:11px; -khtml-border-radius:11px; border-radius:11px; }
div.slideshow-controls .closed                  { width:80px; height:20px; }
div.slideshow-controls .open                    { width:415px; }
div.slideshow-controls .photocredit             { min-height:20px; color:#FFFFFF; font-family:Calluna-Regular; font-size:15px; line-height:20px; overflow:hidden; }
div.slideshow-controls .photocredit.opening     { height:20px !important; }
div.slideshow-controls .closed .photocredit     { display:none; }
div.slideshow-controls .open .photocredit       { display:inline-block; width:331px; vertical-align:middle; }
div.slideshow-controls .next                    { display:inline-block; width:6px; height:11px; padding:0 5px; margin:0 3px 0 1px; vertical-align:middle; cursor:pointer; }
div.slideshow-controls .prev                    { display:inline-block; width:6px; height:11px; padding:0 5px; margin:0 1px 0 3px; vertical-align:middle; cursor:pointer; }
div.slideshow-controls .trigger                 { display:inline-block; width:6px; padding:0 10px; border-left:Solid 1px #FFFFFF; color:#FFFFFF; font-style:italic; vertical-align:middle; cursor:pointer; }

div.slideshow-title                             { }
div.slideshow-title h1                          { margin-left:10px; width:550px; color:#FFFFFF; font-family:Calluna-Regular; font-size:36px; text-shadow:1px 2px 2px #9C9C9C; letter-spacing:2px; }

div.hero-loading                                { position:absolute; top:256px; left:50%; height:40px; width:60px; margin-top:70px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:2; background-color:#000000; filter:alpha(opacity=60); opacity:0.6;
	                                              -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; }
div.hero-loading div                            { position:absolute; top:14px; left:22px; height:16px; width:11px; background:url("/images/wrapper/loading.gif") no-repeat scroll 0 0 transparent; }

/********** Belly Band **********/
div.wrapper-homepage-content                    { position:absolute; bottom:80px; width:100%; background:url('/images/wrapper/homepage.ribbon.orange.hack.png') no-repeat center bottom; z-index:2; }
div.bellyband                                   { position:relative; height:164px; }
div.bellyband-inner                             { float:left; height:164px; }
div.bellyband-wrap                              { position:relative; float:left; width:802px; height:164px; background-image:url('/images/wrapper/belly.band.background_03.png'); }

div.bellyband h1                                { color:#E5E5E5; font-size:16px; font-weight:bold; line-height:25px; text-transform:uppercase; }
div.bellyband p,
div.bellyband em                                { margin:10px 0; color:#E5E5E5; font-family:Calluna-Regular; font-size:15px; line-height:22px; }
div.bellyband em                                { font-style:italic; }
div.bellyband div.seo-content a,
div.bellyband div.text a,
div.bellyband div.lnk a                         { margin:15px; color:#DBC26C; font-size:11px; text-transform:uppercase; }

div.bellyband-seo                               { position:relative; float:left; width:179px; margin-right:14px; height:164px; }
div.bellyband-seo div.image                     { height:127px; overflow:hidden; }
div.bellyband-seo div.content                   { display:none; background-image:url('/images/wrapper/belly.band.background.png'); overflow:hidden; }
div.bellyband-seo div.trigger                   { height:37px; background-color:#F58A20; cursor:pointer; }
div.bellyband-seo div.trigger img.logo          { margin-left:13px; }
div.bellyband-seo div.sprite                    { float:right; margin:14px 12px 0 0; width:8px; height:8px; overflow:hidden; }
div.bellyband-seo div.sprite img                { position:relative; }
div.bellyband-seo.open div.sprite img           { top:-100%; }

div.bellyband-promo                             { position:relative; float:left; width:190px; height:164px; margin-right:14px; background-image:url('/images/wrapper/belly.band.background.png'); }
div.bellyband-promo:last-child                  { margin:0; }
div.bellyband-promo div.image                   { height:127px; border-bottom:Solid 1px #F58A20; overflow:hidden; cursor:pointer; }
div.bellyband-promo div.trigger                 { height:36px; padding:10px 12px 0 12px; color:#CFC9B8; font-family:Calluna-Regular; font-size:15px; text-transform:uppercase; cursor:pointer; }
div.bellyband-promo div.sprite                  { float:right; margin-top:4px; width:8px; height:8px; overflow:hidden; }
div.bellyband-promo div.sprite img              { position:relative; }
div.bellyband-promo.open div.sprite img         { top:-100%; }

div.bellyband-promo .content                            { display:none; overflow:hidden; }
div.bellyband-promo .content .upper                     { height:40px; background:url('/images/wrapper/spacer.decorative.orange.71px.png') no-repeat bottom right; }
div.bellyband-promo .content .middle                    { height:449px; }
div.bellyband-promo .content .scrollable                { height:449px; }
div.bellyband-promo .content .promotion                 { width:190px; }
div.bellyband-promo .content .scrollableItem            { display:none; }
div.bellyband-promo .content .scrollableItem.active     { display:block; }
div.bellyband-promo .content h1                         { margin-top:10px; }
div.bellyband-promo .content .text                      { height:233px; margin:0 15px; overflow:hidden; }
div.bellyband-promo .content .img                       { height:190px; overflow:hidden; }
div.bellyband-promo .content .lnk                       { height:30px; margin:12px 15px; text-align:left; overflow:hidden; }
div.bellyband-promo .content .lnk a                     { margin:0px; line-height:15px; }
div.bellyband-promo .content .showImageAbove .text      { height:215px; /*height:160px;*/ margin:0 15px; overflow:hidden; }
div.bellyband-promo .content .showImageAbove .img       { height:190px; /*height:245px;*/ overflow:hidden; }
div.bellyband-promo .content .showImageAbove .upper     { background:none; }
div.bellyband-promo .content .scrollableNav             { padding:13px 10px 0 0; text-align:right; }
div.bellyband-promo .content .scrollableNav .prev,
div.bellyband-promo .content .scrollableNav .next       { color:#E5E5E5; font-size:12px; font-weight:bold; font-style:normal; }
div.bellyband-promo .content .scrollableNav .pages      { color:#E5E5E5; font-size:15px; font-weight:bold; font-style:normal; }

/* Wrapper Overrides */
.browse { vertical-align:text-top; }
.pages  { vertical-align:middle; }

/********** Scroll Pane **********/
div.scroll-pane                                 { width:157px; height:405px; margin:30px 15px; overflow:auto; }