
html,
body {
	background: black;
	text-align:left;
	overflow-x:hidden;
}
#gde_footerContainer
{
	display:none;
}
a,
a:active {
  /*
  color: #677989;
  */
  outline: 0 none !important;
  text-decoration: none;
  margin:0px;
  padding:0px;
  color:#346A99;
}
a:hover
{
	color:#457eaf;
	text-decoration:underline;
}
nav ul,
nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ir {
  /*
  background-color: transparent;
  */
  border: 0;
  overflow: hidden;
  /* IE 6/7 fallback */

  *text-indent: -9999px;
}
div,a,span
{
	background-repeat: no-repeat;
	background-size:100%;
}

html.touch .touch-hide,
html.mobile .mobile-hide
{
	display:none;
}



.label-movies
{
	vertical-align:top !important;
	display:inline-block;
	line-height:58px;
	margin-top:2px;
	color:white;
	font-size:20px;
}


#goc-e
{
	background-size:32px 32px !important;
}

/*---------------------------------------------------
    global containers , nav, loader
  ---------------------------------------------------*/
body
{
	background-color:black;
}
#main-container
{
	width:480px;
	position: relative;
	overflow:hidden;
	text-align:center;
	
}

.touch-warning
{
	color:#264868;
	font-weight:bold;
}



#preloader
{
	position:absolute;
	top:0px;
	left:50%;
	background-image: url(../media/images/preload/loader-spinner-k.gif);
	background-color: black;
	background-position: center 100px;
	backgorund-repeat: no-repeat;
	background-size:auto;
	z-index:90;
	margin-left:-240px;
	width:100%;
	height:100%;
}

.section-preloader
{
	background: url(../media/images/preload/loader-spinner-k.gif) black center center no-repeat;
	background-size:auto;
}

.modal-overlay
{
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:rgba(0, 0, 0, 0.9);
	z-index: 1004;
	display:none;
}

.disabled
{
	display:none !important;
}


/*---------------------------------------------------
    global nav
  ---------------------------------------------------*/

nav li {
  display: inline-block;
  vertical-align:top;
}
#nav-main-container
{
	margin:0;
	position: absolute;
	width:100%;
	height:0px;
	z-index:102;
	transition: background-color 400ms;
}
#nav-main-container.menu-open
{
  /*  update height w js  */
  background-color:rgba(0,0,0,0.7);
  display:block;
}
#nav-main
{
	position: absolute;
	/*
	top:-500px;
	*/
	display: none;
	top:0px;
	left:0px;
	width:100%;
}
#nav-main ul
{
	position:relative;
	left:0px;
	margin: 90px 54px 0px 54px;
	border: 1px solid #afc4db;
	background-color:#61859e;
	background-image:url(../media/images-mobile/global/nav-texture.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-size:auto;
	padding:8px 0;
}
#nav-main li,
#nav-main ul
{
	display:block;
}
#nav-main li
{
	position:relative
	height:30px;
	margin:0;
	overflow:hidden;
	padding:0;
}
#nav-main li span.txt-gfx
{
	display:none;
	height:30px;
}
#nav-main li a
{
	display:inline-block;
	width:100%;
	height:30px;
	overflow:hidden;
}

#nav-main li,
#nav-main li span.txt-gfx
{
	width:340px;
	height:30px;
	background-image:url(../media/images-mobile/global/nav_txt.png);
	background-size:180px 660px;
	background-repeat:no-repeat;
}

.currpage-home #nav-main li.home span.txt-gfx,
.currpage-about #nav-main li.about span.txt-gfx,
.currpage-characters #nav-main li.characters span.txt-gfx,
.currpage-video #nav-main li.video span.txt-gfx,
.currpage-downloads #nav-main li.downloads span.txt-gfx,
.currpage-games #nav-main li.games span.txt-gfx,
.currpage-gallery #nav-main li.gallery span.txt-gfx,
.currpage-sweepstakes #nav-main li.sweepstakes span.txt-gfx,
.currpage-shop #nav-main li.shop span.txt-gfx,
.currpage-tickets #nav-main li.tickets span.txt-gfx
{
	display:block;
}



#nav-main li.home span.txt-gfx
{
	background-position:0px -327px;
}
#nav-main li.about span.txt-gfx
{
	background-position:0px -357px;
}
#nav-main li.video span.txt-gfx
{
	background-position:0px -387px;
}
#nav-main li.characters span.txt-gfx
{
	background-position:0px -417px;
}
#nav-main li.downloads span.txt-gfx
{
	background-position:0px -447px;
}
#nav-main li.games span.txt-gfx
{
	background-position:0px -477px;
}
#nav-main li.gallery span.txt-gfx
{
	background-position:0px -507px;
}
#nav-main li.shop span.txt-gfx
{
	background-position:0px -537px;
}
#nav-main li.tickets span.txt-gfx
{
	background-position:0px -567px;
}
#nav-main li.sweepstakes span.txt-gfx
{
	background-position:0px -627px;
}
 






/*---------------------------------------------------
    header & footer
  ---------------------------------------------------*/

#footer
{
	z-index: 101;
	background: url(../media/images-mobile/global/bg_footer.jpg);
	background-position: center 57px;
	background-repeat: no-repeat;
	background-color:black;
	background-size:480px 353px;
}


#title-mobile
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:103;
}

#title-mobile h1 a,
#title-mobile div.logo a
{
	position:absolute;
	top:14px;
	width:177px;
	height:72px;
	background-image: url(../media/images-mobile/global/logo.png);
	background-position: top center;
	background-repeat: no-repeat;
}
#title-mobile h2,
#title-mobile div.tagline
{
	position:absolute;
	overflow:hidden;
	margin:0px;
}
#title-mobile h2 span,
#title-mobile div.tagline span
{
	position:absolute;
	background-position: top center;
	background-repeat: no-repeat;
	background-image: url(../media/images-mobile/global/logo-tagline.png);
	width:197px;
	height:67px;
	top:0px;
	left:0px;
}
#mobile-menu-toggle
{
	position:absolute;
	top:46px;
}
#nav-main ul,
#mobile-menu-toggle a
{
	border: 1px solid #afc4db;
	border-radius:5px;
	box-shadow: rgba(0,0,0,0.6) 0px 2px 2px;
}
#mobile-menu-toggle a
{
	position:absolute;
	width:94px;
	height:23px;
	overflow:hidden;
}
#mobile-menu-toggle span
{
	position:absolute;
	width:126px;
	height:608px;
	background-image:url(../media/images-mobile/global/nav_txt.png);
	background-size:180px 660px;
}
#mobile-menu-toggle span
{
	left:22px;
}
#mobile-menu-open
{
	background-color:#61859e;
	background-image:url(../media/images-mobile/global/nav-texture.jpg);
	background-repeat:repeat-x;
	background-position:top center;
	background-size:auto;
}
#mobile-menu-open span
{
	top:0px;
}
#mobile-menu-close
{
	background-color:#afc4db;
	display:none;
}
#mobile-menu-close span
{
	top:-30px;
}



/*

nav id="help-data">
<ul id="about">
<li>
<a href="http://corporate.disney.go.com/index.html?ppLink=pp_wdig" name="&lpos=GlobalFooter&lid=GlobalFooter/link/About Disney" target="_blank">About Disney</a>
</li>
<li>
<li>
<li>
</ul>
<div id="copyright">© Disney, All Rights Reserved, Disney Lifestyle</div>
*/

#help-data ul, #help-data div
{
	/*
	margin:1em;
	*/
	text-align:left;
}

#help-data li
{
	display: block;
	margin:0;
	padding: 0;
}

.formats img
{
	margin:24px;
}
.legal
{
	color:#999;
	font-size:80%;
}
.legal a
{
	color:#5a82a8;
	display: block;
	width:100%;
	padding: 0.5em 1em 0.5em 4em;
}
.legal #help-data a
{
	width:auto;
}
.legal hr
{
	opacity:0.25;
	height:1px;
	margin:1em 4em;
}
#link-footer-mpaa
{
	margin-top:1em;
}
.legal .divider
{
	display:none;	
}
div.streetread
{
	height:57px;
	width:100%;
	background-image: url(../media/images-mobile/global/release_august9.png);
	background-repeat: no-repeat;
	background-position:center center;
	background-size:260px 47px;
	background-color:#0d1d2a;
	border-bottom: 1px solid #738aa3;
	position:relative;
}
#hover-popups
{
	display:none;
}
#copyright
{
	padding: 1.5em 0 0.5em 0;
}


/*
*/



/*---------------------------------------------------
    content containers
  ---------------------------------------------------*/


#content-container
{
	margin:0px auto;
	overflow:hidden;
	z-index: 1;
	position:relative;
	min-height:280px;
}
.section,
.content-section,
.content-slide
{
	overflow:hidden;
}

.content-section .bg-container
{
	background-repeat: no-repeat;
	background-position:center center;
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}







/*---------------------------------------------------
    adserve
	hide if not in ad window
  ---------------------------------------------------*/
html.no-adserve .adserve-container
{
	display:none;
}
#adserve-container-728,
#adserve-container-300,
#adserve-container-120
{
	width:1px;
	height:1px;
	top:-100px;
	position:absolute;
}


/*---------------------------------------------------
    pagination
  ---------------------------------------------------*/
/*
*/
.pagination,
.pagination li
{
  list-style: none;
  margin: 0;
  padding: 0;
}
.pagination li
{
  display: inline-block;
  vertical-align:top;
  margin-left:-3px;
}
.promos .pagination li
{
	margin-left:0px;
}
.pagination li a
{
	position:relative;
	display:block;
}
.pagination li a span
{
	position:relative;
	display:block;
	opacity:0;
}
.pagination li.active a span,
.pagination li a:hover span
{
	opacity:1;
}
.content-section .pagination li.arrow a,
.content-section .pagination li.arrow span
{
	width:21px;
	height:28px;
}
.content-section .pagination li.dot a,
.content-section .pagination li.dot span
{
	width:24px;
	height:28px;
}
.content-section .pagination li.dot
{
	background-position: 0px 0px;
}
.content-section .pagination li.dot span
{
	background-position: 0px -28px;
}
.content-section .pagination li.arrow-lt
{
	background-position: -24px 0px;
}
.content-section .pagination li.arrow-lt span
{
	background-position: -24px -28px;
}
.content-section .pagination li.arrow-rt
{
	background-position: -45px 0px;
}
.content-section .pagination li.arrow-rt span
{
	background-position: -45px -28px;
}

.content-slide
{
	position:absolute;
	top:0px;
}


/*
*/






/*---------------------------------------------------
    promos
  ---------------------------------------------------*/
.promos
{
	width:100%;
	margin:10px auto;
	vertical-align:top;
	clear:both;
	text-align:center;
}

#footer-promo-ctr, #footer-promo-right
{
	display:none;
}


.promos .promo
{
	display:inline-block;
	position:relative;
	width:310px;
	border:1px solid #183047;
	border-radius:4px;
	box-shadow: #000 0px 2px 8px;
	background-color:#000;
	margin:0px 85px;
}

.promos .promo-slides
{
	position:relative;
	width:310px;
	height:180px;
	margin:0px auto;
	overflow:hidden;
}

.promos .promo-slides span.a-touch,
.promos .promo-slides a
{
	position:absolute;
	top:0px;
	left:320px;
	width:300px;
	margin:5px 5px;
	height:170px;
	background-color:#000000;
}
.promos .promo-slides span.a-touch.a-0,
.promos .promo-slides a.a-0
{
	left:0px;
}

.promos .promo-slides span.a-touch img,
.promos .promo-slides a img
{
	width:300px;
	height:170px;
}

.promos .pagination li a,
.promos .pagination li span
{
	width:30px;
	height:30px;
}
.promos .pagination li
{
	background-position: 0px -30px;
}
.promos .pagination li span
{
	background-position: 0px 0px;
}
.promos .pagination li,
.promos .pagination li span
{
	background-image: url(../media/images-mobile/global/promo-pagination.gif);
	background-repeat: no-repeat;
}






/*
	subnav for multiple sections
*/
.content-section .character-pose,
.content-section .subnav
{
	background-repeat: no-repeat;
	background-position:top left;
	position:absolute;
	top:0px;
	left:50%;
}
.content-section .content-panel
{
	position:relative;
	display:block;
	margin-top:112px;
	left:0px;
}
#page-games .content-panel
{
	margin-top:124px;
}

.content-panel-txt
{
	position:relative;
	display:block;
}
ul.subhead
{
	width:100%;
	margin:8px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
}
ul.subhead li
{
	width:100%;
	margin:0px;
	padding:0px;
	list-style-type:none;
	opacity:0.6;
	background-color:#183550;
}
ul.subhead span
{
	display:block;
	width:100%;
	height:40px;
	background-repeat: no-repeat;
}

.content-section .subnav
{
	z-index:20;
}

.content-panel-txt
{
	overflow:auto;
}
.content-panel-header,
.content-panel-group,
.content-panel-txt
{
	text-shadow:rgba(255,255,255,0.4) 0px 1px 0px;
}
.content-panel-group
{
	position:relative;
}



#panel-about-story
{
	font-size:115%;
}
.firstLineEmphasis
{
	font-size:130%;
	color:#444;
}
#panel-about-story .firstLineEmphasis
{
}

.content-scrollable p:first-child
{
	margin-top:0px;
}


.content-section .fg-char,
.content-section .character-pose
{
	position:absolute;
	left:50%;
}

.content-section
{
	min-height:280px;
	background-position:top center;
	background-repeat:no-repeat;
}
#page-about .content-section
{
	background-color:#bdd0e1;
}
#page-video .content-section
{
	background-color:#021523;
}
#page-downloads .content-section
{
	background-color:#4d87ba;
	padding-bottom:116px;
}
#page-games .content-section
{
	background-color:#9e8569;
}

#page-video .content-section,
#page-games .content-section,
#page-downloads .content-section
{
	background-position:bottom center;
}

.content-panel
{
	width:100%;
	text-align:left;
	font-size:14px;
	color:#333;
}





/*---------------------------------------------------
    homepage
  ---------------------------------------------------*/

a.cta
{
	border:1px solid #fff;
	border-radius:6px;
	box-shadow: rgba(0, 0, 0, 0.6) 0 2px 2px;
	position:absolute;
	width:180px;
	height:30px;
	background-repeat: no-repeat;
	background-position:center center;
	left:50%;
	background-color:rgba(203,207,215,1);
	opacity:1;
}


#page-home video
{
	display:none;
}

#slide-home-trailer .bg-container
{
  background-image: url(../media/images-mobile/home/bg_trio.jpg);
}

#btn-video-trailer
{
	top:228px;
	display:block;
	margin-left:-90px;
}
span.txt-gfx
{
	background-repeat:no-repeat;
}
#btn-video-trailer span.txt-gfx
{
	background-position:center center;
	background-size:153px 17px;
	width:180px;
	height:30px;
	display:block;
}


#page-home .content-slide,
#page-home .content-slides,
#page-home .content-slide .bg-container
{
	height:280px;
}


#page-home .pagination
{
	position:absolute;
	right:50%;
	top:240px;
	/* out of ad-sales window */
	margin-right:-470px;
	/* only set z-index when page is loaded/preloader disappears */
	z-index:auto;
}



/*---------------------------------------------------
    about
  ---------------------------------------------------*/
#char-about-dusty
{
	top:86px;
	margin-left:-38px;
}
#char-about-dusty img
{
	width:278px;
	height:157px;
	z-index:20;
}
#panel-about-story .txt-wrapper
{
	float:right;
	display:block;
}
.mobile-nowrap
{
	white-space:nowrap;
}
#page-about .content-section
{
}
#panel-about-cast-crew .actor
{
	font-weight:bold;
}

#panel-about-cast-crew ul,
#panel-about-cast-crew li
{
	list-style-type:none;
	list-style-position:outside;
	padding-left:0px;
}

#page-about.section-story .subhead li.story,
#page-about.section-notes .subhead li.notes,
#page-about.section-cast-crew .subhead li.cast-crew
{
	opacity:1;
}




/*---------------------------------------------------
    games
  ---------------------------------------------------*/
#char-games-ishani
{
	top:73px;
	margin-left:-67px;
}
#char-games-ishani img
{
	width:210px;
	height:64px;
	z-index:20;
}

#page-games.section-propwash-pursuit .subhead li.propwash-pursuit,
#page-games.section-jet-stream-racers .subhead li.jet-stream-racers,
#page-games.section-sweepstakes .subhead li.sweepstakes,
#page-games.section-video-game .subhead li.video-game
{
	opacity:1;
}


.thumb-game
{
	background-color:transparent;
	border-radius:3px;
	box-shadow: #000 0px 3px 8px;
	margin:0px auto 10px auto;
	width:297px;
	padding-top:1px;
	padding-bottom:1px;
}
.thumb-game img
{
	margin:3px 6px;
	width:285px;
	height:165px;
}

#page-games .cta
{
	top:128px;
	margin-left:-90px;
	background-size:139px 17px;
}

#page-games .subhead .propwash-pursuit a span.txt-gfx
{
	background-position: 0px 0px;
}
#page-games .subhead .jet-stream-racers a span.txt-gfx
{
	background-position: 0px -40px;
}
#page-games .subhead .sweepstakes a span.txt-gfx
{
	background-position: 0px -80px;
}
#page-games .subhead .video-game a span.txt-gfx
{
	background-position: 0px -120px;
}
#btn-enter-sweepstakes.disabled
{
	display:block !important;
}




/*---------------------------------------------------
    downloads
  ---------------------------------------------------*/
#char-downloads-el-chupacabra img
{
	width:172px;
	height:106px;
	z-index:20;
}

#page-downloads.section-wallpaper .subhead li.wallpaper,
#page-downloads.section-facebook .subhead li.facebook,
#page-downloads.section-twitter .subhead li.twitter,
#page-downloads.section-icons .subhead li.icons,
#page-downloads.section-activities .subhead li.activities
{
	opacity:1;
}
#page-downloads .subhead .facebook a span.txt-gfx
{
	background-position: 0px -40px;
}
#page-downloads .subhead .twitter a span.txt-gfx
{
	background-position: 0px -80px;
}
#page-downloads .subhead .icons a span.txt-gfx
{
	background-position: 0px -120px;
}
#page-downloads .subhead .activities a span.txt-gfx
{
	background-position: 0px -160px;
}

#page-downloads .thumb-wallpaper,
#page-downloads .thumb img
{
	width:130px;
	height:84px;
	width:80px;
	height:120px;
}
#page-downloads .thumb img
{
	margin:3px;
}


#page-downloads ul.content-paginated
{
	position:relative;
	padding:0px;
}


#page-downloads ul.content-paginated li
{
	display:inline-block;
	position:relative;
	width:146px;
	width:88px;
	background-color:rgba(212,224,239,0.75);
	border-radius:3px;
	box-shadow: rgba(0,0,0,0.6) 0px 2px 2px;
}
#panel-downloads-wallpaper ul.content-paginated li
{
	height:128px;
}
#page-downloads ul.content-paginated .thumb
{
	position:relative;
	display:block;
	width:80px;
	height:120px;
	margin:4px 0 0 4px;
}


#panel-downloads-facebook ul.content-paginated>li>a>span
{
	display:block;
	width:130px;
	height:52px;
	margin:8px 0 2px 8px;
}


.wpaper-menu,
.wpaper-menu a
{
	width:80px;
	height:120px;
	display:block;
	position:absolute;
}


#panel-downloads-wallpaper .pagination
{
    display:none;
}





/*---------------------------------------------------
    video
  ---------------------------------------------------*/

#video-player-container
{
	position:relative;
	display:block;
	margin:0px 48px 24px 48px;
	width:384px;
	height:352px;
	box-shadow: #000 0px 3px 8px;
	background: url(../media/images/video/bg_videoplayer_grad.png) repeat-x top left;
	overflow:hidden !important;
}
#video-player-iframe
{
	width:384px;
	height:352px;
	overflow:hidden !important;
}




/*---------------------------------------------------
    characters
  ---------------------------------------------------*/

.subnav
{
	background-position: center top;
	background-repeat: no-repeat;
	position:absolute;
}

#page-characters .subnav .arrow
{
	position:absolute;
	top:0px;
}
#page-characters .subnav .arrow-lt
{
	left:0px;
}
#page-characters .subnav .arrow-rt
{
	/* defined in media queries */
	right:0px;
}
/* applies to all subnav arrows */
/* #page-characters .subnav  >  .subnav */
.subnav .arrow a
{
	display:block;
	width:36px;
	height:70px;
	background-repeat: no-repeat;
	background-size: 32px 140px;
}
.subnav.far-left .arrow-rt a,
.subnav.far-right .arrow-lt a
{
	opacity:0;
}
.subnav .arrow-lt a
{
	background-position: 0px -70px;
}
.subnav .arrow-rt a
{
	background-position: 0px 0px;
}


#page-characters .bg-container
{
	height:140px;
	width:480px;
	top:180px;
}
#page-characters .content-slide
{
	min-height:280px;
}
#page-characters .content-slides
{
	min-height:400px;
	width:100%;
	position:relative;
	background-size:239px 14px;
}

#page-characters .content-panel
{
	top:328px;
	margin-top:0px;
}
#page-characters .character-pose
{
	top:180px;
}

#page-characters .subnav
{
	position:absolute;
	height:70px;
	top:110px;
	background-color:#183550;
}

#page-characters .subnav .thumbs-container
{
	position:absolute;
	height:70px;
	top:0px;
	overflow:hidden;
	left:36px;
}

#page-characters .subnav ul
{
	position:absolute;
	width:868px;		/* 62*14 */
	height:70px;
	top:0px;
	left:0px;
	/*
	margin-left:-6px;
	*/
	margin-left:0px;
}

#page-characters .subnav li,
#page-characters .subnav li a
{
	position:absolute;
	width:62px;
	height:70px;
	top:0px;
}
#page-characters .subnav li a
{
	left:0px;
	display:block;
}
#page-characters .subnav li a.span
{
	display:block;
}
/*
	order:["dusty","el-chupacabra","ripslinger","skipper","ishani","rochelle","bulldog","bravo-echo","ned-zed","chug","dottie","leadbottom","roper","colin-cowling"],
*/
#page-characters .subnav li.dusty
{
	left:0px;
}
#page-characters .subnav li.el-chupacabra
{
	left:62px;
}
#page-characters .subnav li.rochelle
{
	left:124px;
}
#page-characters .subnav li.ripslinger
{
	left:186px;
}
#page-characters .subnav li.skipper
{
	left:248px;
}
#page-characters .subnav li.dottie
{
	left:310px;
}
#page-characters .subnav li.chug
{
	left:372px;
}
#page-characters .subnav li.leadbottom
{
	left:434px;
}
#page-characters .subnav li.ishani
{
	left:496px;
}
#page-characters .subnav li.bulldog
{
	left:558px;
}
#page-characters .subnav li.ned-zed
{
	left:620px;
}
#page-characters .subnav li.bravo-echo
{
	left:682px;
}
#page-characters .subnav li.roper
{
	left:744px;
}
#page-characters .subnav li.colin-cowling
{
	left:806px;
}


#page-characters .subnav li.dusty img
{
	background-position:0px 0px;
}
#page-characters .subnav li.el-chupacabra img
{
	background-position:0px -56px;
}
#page-characters .subnav li.ripslinger img
{
	background-position:0px -112px;
}
#page-characters .subnav li.skipper img
{
	background-position:0px -168px;
}
#page-characters .subnav li.ishani img
{
	background-position:0px -224px;
}
#page-characters .subnav li.rochelle img
{
	background-position:0px -280px;
}
#page-characters .subnav li.bulldog img
{
	background-position:0px -336px;
}
#page-characters .subnav li.bravo-echo img
{
	background-position:0px -392px;
}
#page-characters .subnav li.ned-zed img
{
	background-position:0px -448px;
}
#page-characters .subnav li.chug img
{
	background-position:0px -504px;
}
#page-characters .subnav li.dottie img
{
	background-position:0px -560px;
}
#page-characters .subnav li.leadbottom img
{
	background-position:0px -616px;
}
#page-characters .subnav li.roper img
{
	background-position:0px -672px;
}
#page-characters .subnav li.colin-cowling img
{
	background-position:0px -728px;
}



#page-characters .subnav img
{
	position:absolute;
}

#page-characters .content-slide
{
	overflow:visible;
	/* set height in js */
}

#page-characters .subnav li span.a-touch img
{
	width:56px;
	height:56px;
	opacity:0.5;
	-ms-transition-duration: 180ms;
	-moz-transition-duration: 180ms;
	-webkit-transition-duration: 180ms;
	-o-transition-duration: 180ms;
	transition-duration: 180ms;
	transition-property: all;
	background-size:56px 784px;
	border:1px solid #183550;
	margin:5px 2px;
}

#page-characters.section-dusty .subnav li.dusty img,
#page-characters.section-el-chupacabra .subnav li.el-chupacabra img,
#page-characters.section-ripslinger .subnav li.ripslinger img,
#page-characters.section-skipper .subnav li.skipper img,
#page-characters.section-bravo-echo .subnav li.bravo-echo img,
#page-characters.section-rochelle .subnav li.rochelle img,
#page-characters.section-ishani .subnav li.ishani img,
#page-characters.section-bulldog .subnav li.bulldog img,
#page-characters.section-ned-zed .subnav li.ned-zed img,
#page-characters.section-chug .subnav li.chug img,
#page-characters.section-dottie .subnav li.dottie img,
#page-characters.section-colin-cowling .subnav li.colin-cowling img,
#page-characters.section-leadbottom .subnav li.leadbottom img,
#page-characters.section-roper .subnav li.roper img
{
	opacity:1;
	border-color: #FFF;
}



#slide-character-dusty .character-pose img
{
	width:270px;
	height:160px;
}
#slide-character-el-chupacabra .character-pose img
{
	width:254px;
	height:164px;
}
#slide-character-ripslinger .character-pose img
{
	width:261px;
	height:171px;
}
#slide-character-skipper .character-pose img
{
	width:346px;
	height:148px;
}
#slide-character-ishani .character-pose img
{
	width:270px;
	height:163px;
}
#slide-character-rochelle .character-pose img
{
	width:317px;
	height:154px;
}
#slide-character-bulldog .character-pose img
{
	width:287px;
	height:190px;
}
#slide-character-bravo-echo .character-pose img
{
	width:326px;
	height:161px;
}
#slide-character-ned-zed .character-pose img
{
	width:338px;
	height:161px;
}
#slide-character-chug .character-pose img
{
	width:265px;
	height:148px;
}
#slide-character-dottie .character-pose img
{
	width:180px;
	height:148px;
}
#slide-character-leadbottom .character-pose img
{
	width:304px;
	height:164px;
}
#slide-character-roper .character-pose img
{
	width:179px;
	height:151px;
}
#slide-character-colin-cowling .character-pose img
{
	width:267px;
	height:153px;
}







#page-characters .label-voicedby
{
	text-align:right;
	color:#777;
	font-size:80%;
	padding-right:12px;
}
#slide-character-el-chupacabra .label-voicedby,
#slide-character-ishani .label-voicedby,
#slide-character-bulldog .label-voicedby,
#slide-character-ned-zed .label-voicedby,
#slide-character-colin-cowling .label-voicedby
{
	text-align:left;
}
#page-characters .label-voicedby .actor
{
	font-weight:bold;
	/*
	color:#4579a9;
	*/
}

.label-team
{
	position:absolute;
	width:181px;
	height:16px;
}
.label-team
{
	left:50%;
}




/*****
end character-specific
******/


/*---------------------------------------------------
    gallery
  ---------------------------------------------------*/



body.galleryOpen
{
	/*
	width:100% !important;
	height:100% !important;
	position:fixed;
	*/
	overflow:hidden !important;
}
body.galleryOpen .main-container
{
	/*
	position:fixed;
	*/
}

.modal-overlay, .mobile-gallery-container
{
	position:fixed;
	width:100%;
	height:100%;
}

#page-gallery .share-panel
{
	display:none;
}
#page-gallery .content-slide
{
	background-size:contain !important;
}

#mobile-gallery-container .bg
{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}

#page-gallery .arrows-lg
{
	position:absolute;
}
/*
div class="arrows-lg">
<a id="gallery-arrow-lg-lt" class="arrow-lg lt" href="">
<span></span>
</a>
<a id="gallery-arrow-lg-rt" class="arrow-lg rt" href="">
</div>
*/

#page-gallery .arrow-lg,
#modal-button-close
{
	position:absolute;
	z-index:2000;
}
#modal-button-close
{
	top:10px;
	right:10px;
}
#gallery-arrow-lg-lt
{
	left:10px;
}
#page-gallery .arrows-lg span,
#modal-button-close span
{
	display:block;
	width:40px;
	height:40px;
	background: url(../media/images-mobile/gallery/btns.png);
	background-size:40px 120px;
}
#modal-button-close span
{
	background-position:0px 0;
}
#gallery-arrow-lg-lt span
{
	background-position:0px -40px !important;
}
#gallery-arrow-lg-rt span
{
	background-position:0px -80px !important;
}


@media only screen and (orientation : landscape)
{
body.galleryOpen,
#page-gallery,
#page-gallery .content-slide
{
	width:480px !important;
	height:400px !important;
}

#page-gallery.section-preloader
{
	background-position:center 120px;
}


#page-gallery .content-slide
{
	background-position: center center;
	height:316px !important;
}
#gallery-arrow-lg-lt,
#gallery-arrow-lg-rt
{
	top:150px;
}
#gallery-arrow-lg-rt
{
	left:430px;
}
#modal-button-close
{
	margin-top:20px;
}
}


@media only screen and (orientation : portrait)
{
body.galleryOpen,
#page-gallery
{
	width:320px !important;
	height:416px;
	height:480px;
}
#page-gallery .content-slide
{
	background-position: center center;
	width:320px !important;
	height:416px;
}
#page-gallery.section-preloader
{
	background-position:center 180px;
}
#gallery-arrow-lg-lt,
#gallery-arrow-lg-rt
{
	top:340px;
}
#gallery-arrow-lg-rt
{
	left:270px;
}
}




/*  on mobile only shown for slides  */
#loader-spinner
{
	position:absolute;
	top:240px;
	left:50%;
	width:40px;
	height:40px;
	margin-left:-20px;
	margin-top:-20px;
	background: url(../media/images/global/loader-spinner-sm.gif) no-repeat center center #235880;
	background-size:36px 36px;
	border: 1px solid #6590b1;
	border-radius: 21px;
	display:none;
}
div#preload-gfx
{
	position:absolute;
	top:-10px;
	left:-10px;
	width:1px;
	height:1px;
	background: url(../media/images/preload/loader-spinner-k.gif) black center center no-repeat;
}


.btn-return-to-top
{
	font-size:10px;
	text-transform:uppercase;
	display:block;
	margin:1em;
}
.btn-return-to-top span
{
	font-size:10px;
	text-transform:uppercase;
	padding:1em 2em;
	display:block;
}


/*---------------------------------------------------
    social
  ---------------------------------------------------*/
.social-widgets
{
	margin:10px auto;
	width:100px;
	height:20px;
	position:relative;
	z-index:100;
	overflow:hidden;
}
iframe.fb-like
{
	margin:10px auto 0 auto;
}
.fb-like
{
	float:left;
	margin-top:0px;
}

/*

.followers
{
	position: relative;
	top:0px;
	left:200px;
	width:92px;
	height:40px;
	background-position: 0px 16px;
	background-image: url(../media/images/social/btn_label_follow.png);
	background-size: 49px 10px;
}
.followers a
{
	float:right;
	position:relative;
	width:40px;
	height:40px;
}
.followers a span
{
	position:absolute;
	left:5px;
	top:5px;
	width:24px;
	height:24px;
	background-repeat: no-repeat;
	border:1px solid #b3b3b3;
	border-radius:4px;
	box-shadow: #000 0px 2px 8px;
	background-image:url(../media/images-mobile/social/icons_follow.jpg);
	background-size:120px 24px;
}
.followers a.facebook span
{
	background-position:0px top;
}
.followers a.twitter
{
	display:none;
}
.followers a.twitter span
{
	background-position:-24px top;
}
.followers a.youtube span
{
	background-position:-48px top;
}
.followers a.pinterest span
{
	background-position:-72px top;
}
.followers a.tumblr span
{
	background-position:-96px top;
}
*/
.share-panel
{
	
	display:none;  /*  grr  */
	
	position:absolute;
	width:94px;
	height:30px;
	width:80px;
	height:20px;
	border:1px solid #FFF;
	border-radius:5px;
	background-color:#cbcfd7 ;
	opacity:1;
	overflow:hidden;
	z-index:20;
	box-shadow: rgba(0, 0, 0, 0.6) 0 2px 2px;
}
#page-home .share-panel
{
	top:227px;
	left:288px;
	width:94px;
	height:30px;
}


#page-about .share-panel,
#page-games .share-panel,
#page-downloads .share-panel
{
	top:-28px;
	left:295px;
}
#page-characters .share-panel,
#page-video .share-panel
{
	top:84px;
	left:295px;
}

.btn-share-container
{
	width:94px;
	height:60px;
	position:absolute;
	top:-5px;
	left:-7px;
	margin-top:0px;
	margin-left:0px;
	background-image: url(../media/images-mobile/social/share_panel.png);
	background-repeat:no-repeat;
	background-position: top center;
	background-size:94px 60px;
}

#page-home .btn-share-container
{
	top:0px;
	left:0px;
}
.share-panel.sharerOver
{
	width:94px;
	height:30px;
	margin-left:-7px;
	margin-top:-5px;
}
#page-home .share-panel.sharerOver
{
	margin-top:0px;
	margin-left:0px;
}
.share-panel.sharerOver .btn-share-container
{
	top:-30px;
	left:0px;
}
#page-home .share-panel.sharerOver .btn-share-container
{
	top:-30px;
}
.btn-share-container a
{
	position:absolute;
	height:30px;
	top:30px;
}
.btn-share-container a.btn-share-facebook
{
	left:0px;
	width:32px;
}
.btn-share-container a.btn-share-pinterest
{
	left:31px;
	width:30px;
}
.btn-share-container a.btn-share-twitter
{
	left:63px;
	width:32px;
}



.content-section .bg-container,
.section,
.content-section,
.content-slide
{
	width: 480px !important;
}



@media only screen and (orientation:portrait) {

body,html
{
	width: 320px !important;
}
#main-container
{
	margin-left:-80px;
}

#title-mobile,
#mobile-menu-toggle
{
	margin-left:80px;
}

#title-mobile h1 a,
#title-mobile div.logo a
{
	left:7px;
}
#title-mobile h2,
#title-mobile div.tagline
{
	left:198px;
	top:11px;
	width:115px;
	height:34px;
}
#title-mobile h2 span,
#title-mobile div.tagline span
{
	top:-33px;
}
#mobile-menu-toggle
{
	left:128px;
}

.legal
{
	margin:0px 104px 24px 104px;
	text-align: left;
}


#nav-main li.home
{
	background-position:92px -57px;
}
#nav-main li.about
{
	background-position:92px -87px;
}
#nav-main li.video
{
	background-position:92px -117px;
}
#nav-main li.characters
{
	background-position:92px -147px;
}
#nav-main li.downloads
{
	background-position:92px -177px;
}
#nav-main li.games
{
	background-position:92px -207px;
}
#nav-main li.gallery
{
	background-position:92px -237px;
}
#nav-main li.shop
{
	background-position:92px -267px;
}
#nav-main li#nav-tickets
{
	background-position:92px -297px;
}
#nav-main li.sweepstakes
{
	background-position:92px -597px;
}



#nav-main li span.txt-gfx
{
	margin-left:92px;
}



.content-panel-txt
{
	margin:12px 92px;
}
.content-panel-header,
.content-panel-footer
{
	margin: 0px 92px;
	position:relative;
}



#panel-about-story .txt-wrapper
{
	width:100px;
	height:70px;
}


#page-about .subhead span.txt-gfx
{
	margin-left:92px;
}
#page-about .subhead .story a span.txt-gfx
{
	background-position: -80px 0px;
}
#page-about .subhead .notes a span.txt-gfx
{
	background-position: -80px -40px;
}
#page-about .subhead .cast-crew a span.txt-gfx
{
	background-position: -80px -80px;
}



#char-downloads-el-chupacabra
{
	margin-left:-200px;
	top:70px;
}


#page-downloads .subhead .wallpaper a span.txt-gfx
{
	margin-left:27px;
	margin-left:202px;
	background-position: -175px 0px;
}



/*
#page-downloads ul.content-paginated
*/
.content-panel-group
{
	margin:24px 90px 24px 90px;
}
#page-downloads .content-panel-group
{
	margin:24px 80px 24px 96px;
}


#page-downloads ul.content-paginated li
{
	margin:0 8px 12px 0;
}
#panel-downloads-wallpaper ul.content-paginated li.bulldog
{
	margin-left:48px;
}


#page-characters .content-slides
{
	background-position:84px 90px;
}

#page-characters .subnav
{
	width:320px;
	left:80px;
}

#page-characters .subnav .thumbs-container
{
	width:248px;
}



#slide-character-bravo-echo .label-voicedby
{
	padding-left:170px;
}

#slide-character-dusty .character-pose
{
	margin-left:-220px;
	margin-top:-10px;
}
#slide-character-el-chupacabra .character-pose
{
	margin-left:-36px;
	margin-top:30px;
}
#slide-character-ripslinger .character-pose
{
	margin-left:-240px;
}
#slide-character-skipper .character-pose
{
	margin-left:-200px;
}
#slide-character-ishani .character-pose
{
	margin-left:-30px;
}
#slide-character-rochelle .character-pose
{
	margin-left:-260px;
}
#slide-character-bulldog .character-pose
{
	margin-left:-61px;
}
#slide-character-bravo-echo .character-pose
{
	margin-left:-240px;
}
#slide-character-ned-zed .character-pose
{
	margin-left:-186px;
}
#slide-character-chug .character-pose
{
	margin-left:-220px;
}
#slide-character-dottie .character-pose
{
	margin-left:-180px;
}
#slide-character-leadbottom .character-pose
{
	margin-left:-200px;
}
#slide-character-roper .character-pose
{
	margin-left:-150px;
}
#slide-character-colin-cowling .character-pose
{
	margin-left:-30px;
}


}

@media only screen and (orientation:landscape) {

body,html
{
	width: 480px !important;
}
#main-container
{
	margin-left:0px;
}
#title-mobile h1 a,
#title-mobile div.logo a
{
	left:46px;
}
#title-mobile h2,
#title-mobile div.tagline
{
	left:238px;
	top:15px;
	width:197px;
	height:33px;
}
#title-mobile h2 span,
#title-mobile div.tagline span
{
	top:0px;
}
#mobile-menu-toggle
{
	left:288px;
}


.legal
{
	margin:0px 36px 24px 36px;
	text-align: left;
}
/*
#link-footer-parentalguide
{
	padding-top:0.5em;
	display: block;
}
*/





#nav-main li.home
{
	background-position:50px -57px;
}
#nav-main li.about
{
	background-position:50px -87px;
}
#nav-main li.video
{
	background-position:50px -117px;
}
#nav-main li.characters
{
	background-position:50px -147px;
}
#nav-main li.downloads
{
	background-position:50px -177px;
}
#nav-main li.games
{
	background-position:50px -207px;
}
#nav-main li.gallery
{
	background-position:50px -237px;
}
#nav-main li.shop
{
	background-position:50px -267px;
}
#nav-main li#nav-tickets
{
	background-position:50px -297px;
}
#nav-main li.sweepstakes
{
	background-position:50px -597px;
}



#nav-main li span.txt-gfx
{
	margin-left:50px;
}





.content-panel-txt
{
	margin:8px 32px 8px 48px;
}
.content-panel-header,
.content-panel-footer
{
	margin: 0px 32px 0px 48px;
	position:relative;
}


#panel-about-story .txt-wrapper
{
	width:200px;
	height:70px;
}

#page-about .subhead .story a span.txt-gfx
{
	background-position: 0px 0px;
}
#page-about .subhead .notes a span.txt-gfx
{
	background-position: 0px -40px;
}
#page-about .subhead .cast-crew a span.txt-gfx
{
	background-position: 0px -80px;
}


#char-downloads-el-chupacabra
{
	margin-left:-238px;
	top:72px;
}

#page-downloads .subhead .wallpaper a span.txt-gfx
{
	background-position: 0px 0px;
}

.content-panel-group
{
	margin:24px 64px 24px 64px;
}
#page-downloads .content-panel-group
{
	margin:24px 0px 24px 74px;
}
#page-downloads ul.content-paginated li
{
	margin:0 30px 12px 0;
}
#panel-downloads-wallpaper ul.content-paginated li.bulldog
{
	margin-left:60px;
}




#page-characters .content-slides
{
	background-position:44px 90px;
}

#page-characters .subnav
{
	width:480px;
	left:0px;
}

#page-characters .subnav .thumbs-container
{
	width:408px;
}

#slide-character-bravo-echo .label-voicedby
{
	padding-left:240px;
}

#slide-character-dusty .character-pose
{
	margin-left:-240px;
}
#slide-character-el-chupacabra .character-pose
{
	margin-left:-14px;
}
#slide-character-ripslinger .character-pose
{
	margin-left:-240px;
}
#slide-character-skipper .character-pose
{
	margin-left:-230px;
}
#slide-character-ishani .character-pose
{
	margin-left:-30px;
}
#slide-character-rochelle .character-pose
{
	margin-left:-260px;
}
#slide-character-bulldog .character-pose
{
	margin-left:-47px;
}
#slide-character-bravo-echo .character-pose
{
	margin-left:-240px;
}
#slide-character-ned-zed .character-pose
{
	margin-left:-186px;
}
#slide-character-chug .character-pose
{
	margin-left:-240px;
}
#slide-character-dottie .character-pose
{
	margin-left:-220px;
}
#slide-character-leadbottom .character-pose
{
	margin-left:-220px;
}
#slide-character-roper .character-pose
{
	margin-left:-190px;
}
#slide-character-colin-cowling .character-pose
{
	margin-left:-30px;
}



}


/***  failsafe: pxLoader sometimes fails  ***/


#slide-character-roper .bg-container{
	background-image:url(../media/images-mobile/characters/bg_roper.jpg);
}
#slide-character-colin-cowling .bg-container{
	background-image:url(../media/images-mobile/characters/bg_colin-cowling.jpg);
}
#page-downloads .content-section{
	background-image:url(../media/images-mobile/downloads/bg_downloads.jpg);
}
#page-downloads .subhead .txt-gfx{
	background-image:url(../media/images-mobile/downloads/subnav_txt.jpg);
}
#panel-downloads-wallpaper .dusty .thumb{
	background-image:url(../media/images-mobile/downloads/thumb_wallpaper_dusty.jpg);
}
#panel-downloads-wallpaper .ripslinger .thumb{
	background-image:url(../media/images-mobile/downloads/thumb_wallpaper_ripslinger.jpg);
}
#panel-downloads-wallpaper .el-chupacabra .thumb{
	background-image:url(../media/images-mobile/downloads/thumb_wallpaper_el-chupacabra.jpg);
}
#panel-downloads-wallpaper .bravo-echo .thumb{
	background-image:url(../media/images-mobile/downloads/thumb_wallpaper_bravo-echo.jpg);
}
#panel-downloads-wallpaper .skipper .thumb{
	background-image:url(../media/images-mobile/downloads/thumb_wallpaper_skipper.jpg);
}
#panel-downloads-wallpaper .ishani .thumb{
	background-image:url(../media/images-mobile/downloads/thumb_wallpaper_ishani.jpg);
}
#panel-downloads-wallpaper .bulldog .thumb{
	background-image:url(../media/images-mobile/downloads/thumb_wallpaper_bulldog.jpg);
}
#panel-downloads-wallpaper .rochelle .thumb{
	background-image:url(../media/images-mobile/downloads/thumb_wallpaper_rochelle.jpg);
}


#panel-downloads-facebook .dusty a span{
	background-image:url(../media/images-mobile/downloads/thumb_facebook_dusty.png);
}
#panel-downloads-facebook .ripslinger a span{
	background-image:url(../media/images-mobile/downloads/thumb_facebook_ripslinger.png);
}
panel-downloads-facebook .el-chupacabra a span{
	background-image:url(../media/images-mobile/downloads/thumb_facebook_el-chupacabra.png);
}
#panel-downloads-facebook .bravo-echo a span{
	background-image:url(../media/images-mobile/downloads/thumb_facebook_bravo-echo.png);
}
#panel-downloads-facebook .skipper a span{
	background-image:url(../media/images-mobile/downloads/thumb_facebook_skipper.png);
}
#panel-downloads-facebook .ishani a span{
	background-image:url(../media/images-mobile/downloads/thumb_facebook_ishani.png);
}
#panel-downloads-facebook .bulldog a span{
	background-image:url(../media/images-mobile/downloads/thumb_facebook_bulldog.png);
}
#panel-downloads-facebook .rochelle a span{
	background-image:url(../media/images-mobile/downloads/thumb_facebook_rochelle.png);
}


#page-games .content-section{
	background-image:url(../media/images-mobile/games/bg_games.jpg);
}
#page-games .subhead .txt-gfx{
	background-image:url(../media/images-mobile/games/subnav_txt.gif);
}
#btn-play-propwash-pursuit{
	background-image:url(../media/images-mobile/games/cta_playgame.png);
}
#btn-play-jet-stream-racers{
	background-image:url(../media/images-mobile/games/cta_playgame.png);
}
#btn-enter-sweepstakes{
	background-image:url(../media/images-mobile/games/cta_entersweeps.png);
}


#slide-character-leadbottom .bg-container{
	background-image:url(../media/images-mobile/characters/bg_leadbottom.jpg);
}
#slide-character-dottie .bg-container{
	background-image:url(../media/images-mobile/characters/bg_dottie.jpg);
}
#slide-character-chug .bg-container{
	background-image:url(../media/images-mobile/characters/bg_chug.jpg);
}
#slide-character-ned-zed .bg-container{
	background-image:url(../media/images-mobile/characters/bg_ned-zed.jpg);
}
#slide-character-bravo-echo .bg-container{
	background-image:url(../media/images-mobile/characters/bg_bravo-echo.jpg);
}
#slide-character-bulldog .bg-container{
	background-image:url(../media/images-mobile/characters/bg_bulldog.jpg);
}
#slide-character-rochelle .bg-container{
	background-image:url(../media/images-mobile/characters/bg_rochelle.jpg);
}
#slide-character-ishani .bg-container{
	background-image:url(../media/images-mobile/characters/bg_ishani.jpg);
}
#slide-character-skipper .bg-container{
	background-image:url(../media/images-mobile/characters/bg_skipper.jpg);
}
#slide-character-ripslinger .bg-container{
	background-image:url(../media/images-mobile/characters/bg_ripslinger.jpg);
}
#slide-character-el-chupacabra .bg-container{
	background-image:url(../media/images-mobile/characters/bg_el-chupacabra.jpg);
}
#slide-character-dusty .bg-container{
	background-image:url(../media/images-mobile/characters/bg_dusty.jpg);
}


#page-characters .content-slides{
	background-image:url(../media/images-mobile/characters/chars_page_header.png);
}
#page-characters .content-section{
	background-image:url(../media/images-mobile/characters/bg_characters.jpg);
}
#page-characters .subnav .arrow a{
	background-image:url(../media/images-mobile/characters/subnav_arrows.gif);
}
#page-characters .thumbs-container img {
	background-image:url(../media/images-mobile/characters/character-thumbs.jpg);
}
#page-video .content-section{
	background-image:url(../media/images-mobile/video/bg_video.jpg);
}
#page-about .content-section{
	background-image:url(../media/images-mobile/about/bg_about.jpg);
}
#page-about .subhead .txt-gfx{
	background-image:url(../media/images-mobile/about/subnav_txt.jpg);
}

/***  failsafe: pxLoader sometimes fails  ***/
