ÿþ@font-face

{

    font-family: 'JacobypcBlack';

    src: url('/fonts/jacobl__-webfont.eot');

    src: url('/fonts/jacobl__-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/jacobl__-webfont.woff') format('woff'), url('/fonts/jacobl__-webfont.ttf') format('truetype'), url('/fonts/jacobl__-webfont.svg#JacobypcBlack') format('svg');

    font-weight: normal;

    font-style: normal;

}



.clearfix:after

{

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.clearfix

{

    display: inline-block;

}



html[xmlns] .clearfix

{

    display: block;

}



* html .clearfix

{

    height: 1%;

}



#badges

{

    float: left;

}



















#treehouseShell

{

    width: 758px;

    margin: -0px 0 0 52px;

}

#treehousecontent

{

    width: 900px;

}

#treehouseFooter, #corusFooter

{

    width: auto;

}



#skyScraper, #badges

{

    margin-top: 0px;

}

#skyScraper

{

    padding: 16px 10px 0px 10px;

}

#badges

{

    padding: 6px 6px 4px;

}



.a-promotable

{

    background: #14802b;

    clear: both;

    width: 722px;

    padding: 20px 20px 20px 16px;

}

/*

.a-promotable #header

{

    background: #6cba45;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    padding: 18px;

    margin-bottom: 20px;

}

*/

.a-promotable #slideshow

{

    background: #ffcc34;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    width: 520px;

    height: 239px;

    float: left;

    overflow: hidden;

    margin-bottom: 20px;

    margin-right: 10px;

    position: relative;

}

.a-promotable #slideshow ul

{

    margin: 0px;

    padding: 0px;

    position: absolute;

    top: 18px;

    left: 46px;

}

.a-promotable #slideshow li

{

    list-style: none;

}

.a-promotable .next, .a-promotable .prev

{

    background: url("/Themes/treehouse-v8/Images/a-promo-sprite.png") repeat scroll -0px -200px transparent;

    width: 30px;

    height: 50px;

    cursor: pointer;

}

.a-promotable #slideshow .next

{

    position: absolute;

    top: 90px;

    right: 6px;

    background-position: -40px -200px;

}

.a-promotable #slideshow .prev

{

    position: absolute;

    top: 90px;

    left: 8px;

}





/*          next-episode            */





.a-promotable #next-episode

{

    background: #6cba45;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    padding: 18px 15px;

    width: 160px;

    height: 203px;

    float: left;

    margin-bottom: 20px;

    position: relative;

}

.a-promotable #next-episode .inner

{

    position: absolute;

    width: 149px;

    height: 118px;

    display: block;

    background: #fff;

    padding: 85px 6px 6px 6px;

    position: relative;

}



.a-promotable #next-episode h3

{

    background: #6cba45;

    border-bottom-right-radius: 10px;

    -webkit-border-bottom-right-radius: 10px;

    -moz-border-bottom-right-radius: 10px;

    width: 100px;

    height: 58px;

    font-family: 'JacobypcBlack' , Arial;

    font-weight: bold;

    color: #fff;

    font-size: 23px;

    margin: 0px;

    line-height: 25px;

    position: absolute;

    top: 0px;

    left: 0px;

}

.a-promotable #next-episode .time

{

    font-family: 'JacobypcBlack' , Arial;

    font-size: 25px;

    text-transform: lowercase;

}

.a-promotable #next-episode .time sup

{

    vertical-align: inherit;

}

.a-promotable #next-episode .date

{

    margin-top: 15px;

    font-size: 12px;

    display: block;

}

.a-promotable #next-episode .episode-title

{

    margin-top: 5px;

    display: block;

    font-size: 12px;

}











/*          about-show          */







.a-promotable #about-show

{

    background: #6cba45;

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    padding: 10px 18px 12px 18px;

    margin-bottom: 20px;

    clear: both;

}

.a-promotable #about-show .inner

{

    background: #fff;

    padding: 20px;

    display: table;

}

.a-promotable #about-show h3

{

    font-family: 'JacobypcBlack' , Arial;

    color: #fff;

    font-size: 25px;

    margin: 0px;

    font-weight: bold;

}



.a-promotable #about-show .about-image

{

    display: table-cell;

    vertical-align: middle;

    width: 205px;

    float:left;

}

.a-promotable #about-show .info

{

    display: table-cell;

     vertical-align: middle;

}

.a-promotable #about-show .apps

{

    margin-top: 10px;

}

.a-promotable #about-show .apps h4

{

    font-family: 'JacobypcBlack' , Arial;

    color: #fff;

    font-size: 18px;

    margin: 0px;

    font-weight: bold;

    display: inline;

    margin-top: 2px;

}

.a-promotable #about-show .apps a

{

    display: inline;

    -webkit-border-radius: 6px;

    -moz-border-radius: 6px;

    background-color: #14802b;

    border: 2px solid #333;

    border-color: #59a954 #0e591e #0f6121 #499d5b;

    color: #fff;

    text-decoration: none;

    padding: 3px 4px;

    font-size: 10px;

    margin-left: 10px;

}



.a-promotable #about-show .masked-image .mask

{

    background-position: -402px -464px;

}







/*          tabs            */





.ui-tabs

{

    padding: 0 0 20px 0;

    clear: both;

}

.ui-tabs .ui-tabs-nav

{

    padding: 0;

    width: 723px;

}

.ui-tabs .ui-tabs-nav li

{

    list-style: none;

    margin: 0 1px 0 0;

}

.ui-tabs .ui-tabs-nav li a

{

    padding: 5px;

    font-family: 'JacobypcBlack' , Arial;

    font-size: 28px;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected

{

    bottom: 0px;

    border: 0px !important;

}

.ui-widget-header, .ui-state-active, .ui-widget-content .ui-state-active

{

    background: none;

    border: 0px !important;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected

{

    padding-bottom: 0px;

}

.ui-widget-content, .ui-state-default, .ui-widget-content .ui-state-default, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-state-hover a, .ui-state-hover a:hover

{

    color: #000;

    background: none;

    border: 0px !important;

}

.ui-tabs .ui-tabs-nav li a

{

    color: #fff;

    background: url("/Themes/treehouse-v8/Images/a-promo-sprite.png") repeat scroll -0px -771px transparent;

    text-align: center;

    padding: 15px 5px;

}

.ui-tabs .ui-tabs-nav li.promotable-games a, .ui-tabs .ui-tabs-nav li.promotable-video a, .ui-tabs .ui-tabs-nav li.promotable-activities a

{

    width: 230px;

}







.ui-tabs .ui-tabs-nav li.promotable-games a, .ui-tabs .ui-tabs-nav li.promotable-characters a

{

    color: #e6551c;

}

.ui-tabs .ui-tabs-nav li.promotable-video a, .ui-tabs .ui-tabs-nav li.promotable-episodes a

{

    color: #2d70e0;

}

.ui-tabs .ui-tabs-nav li.promotable-activities a, .ui-tabs .ui-tabs-nav li.promotable-merchandise a

{

    color: #791f95;

}

.ui-corner-all

{

    border-radius: 0px;

}

















#promotable-games, #promotable-video, #promotable-activities

{

    position: relative;

    padding: 20px 40px 50px;

}





.ui-tabs .ui-tabs-nav li.promotable-games.ui-tabs-selected a

{

    color: #fff;

    background-position: 0 -701px;

}

#section-two-tabs.ui-tabs .ui-tabs-nav li.promotable-characters.ui-tabs-selected a

{

    color: #fff;

    background-position: -650px -232px;

}

.ui-tabs .ui-tabs-nav li.promotable-video.ui-tabs-selected a

{

    color: #fff;

    background-position: -241px -701px;

}

#section-two-tabs.ui-tabs .ui-tabs-nav li.promotable-episodes.ui-tabs-selected a

{

    color: #fff;

    background-position: -650px -363px;

}

.ui-tabs .ui-tabs-nav li.promotable-activities.ui-tabs-selected a

{

    color: #fff;

    background-position: -482px -701px;

}

#section-two-tabs.ui-tabs .ui-tabs-nav li.promotable-merchandise.ui-tabs-selected a

{

    color: #fff;

    background-position: -650px -494px;

}



#promotable-games, #promotable-characters

{

    background: #e6551c;

}

#promotable-video, #promotable-episodes

{

    background: #2d70e0;

}

#promotable-activities, #promotable-merchandise

{

    background: #791f95;

}





.ui-tabs .thumb

{

    float: left;

    margin: 0 20px 15px 0px;

    position: relative;

    width: 132px;

    height: 94px;

}

.ui-tabs .thumb img

{

    position: absolute;

}

.ui-tabs .thumb a

{

    background: url("/Themes/treehouse-v8/Images/a-promo-sprite.png") repeat scroll 0 -96px transparent;

    color: #FFFFFF;

    display: block;

    font-size: 11px;

    height: 33px;

    padding: 61px 5px 0;

    position: absolute;

    width: 122px;

    text-indent: -999em;

}

.ui-tabs .thumb a:hover

{

    background-position: 0px -0px;

    text-indent: 0;

    text-decoration: none;

}





#promotable-games .thumb a

{

    background-position: -134px -96px;

}

#promotable-video .thumb a

{

    background-position: -268px -96px;

}

#promotable-activities .thumb a

{

    background-position: 0px -96px;

}





#promotable-games .thumb a:hover

{

    background-position: -134px -0px;

}

#promotable-video .thumb a:hover

{

    background-position: -268px -0px;

}

#promotable-activities .thumb a:hover

{

    background-position: 0px -0px;

}





#section-one-tabs .promotable-slide .inner

{

    height: 375px;

}



#section-one-tabs .ui-tabs-nav

{

    height: 64px;

    overflow: hidden;

}

.promotable-slide .inner .slide

{

    padding: 30px 0px 0px 30px;

}



















.promotable-slide .pager

{

    bottom: 13px;

    left: 34px;

    position: absolute;

    width: 649px;

    text-align: center;

    overflow: hidden;

    white-space: nowrap;

}

.promotable-slide .pager a

{

    background: url("/Themes/treehouse-v8/Images/a-promo-sprite.png") repeat scroll -6px -344px transparent;

    width: 26px;

    height: 28px;

    cursor: pointer;

    text-indent: -999em;

    display: inline-block;

    margin-right: 15px; *display:block;

*float:left;

}



.promotable-slide .pager a:hover, .promotable-slide .pager a.activeSlide

{

    background-position: -6px -304px;

}

















#promotable-games .inner, #promotable-characters .inner

{

    background: #fdf1c3;

}

#promotable-video .inner, #promotable-episodes .inner

{

    background: #bdd2f4;

}

#promotable-activities .inner, #promotable-merchandise .inner

{

    background: #f5d8ff;

}

.promotable-slide .next

{

    position: absolute;

    top: 175px;

    right: 3px;

    background-position: -40px -250px;

}

.promotable-slide .prev

{

    background-position: -0px -250px;

    position: absolute;

    top: 175px;

    left: 6px;

}

#section-two-tabs .ui-tabs-nav

{

    width: 129px;

    overflow: hidden;

    float: left;

}

#section-two-tabs .ui-tabs-nav li

{

    padding: 0 0 1px 0;

}

#section-two-tabs .ui-tabs-nav li a

{

    width: 130px;

    height: 76px;

    overflow: hidden;

    font-size: 18px;

    padding: 54px 0 0;

    background-position: -800px -232px;

}

#section-two-tabs .promotable-slide

{

    width: 546px;

    float: left;

    min-width: 542px;

}



.masked-image, .masked-image img, .masked-image .mask

{

    position: relative;

    width: 185px;

    height: 185px;

}

.masked-image-small, .masked-image-small img, .masked-image-small .mask

{

    width: 55px;

    height: 55px;

    display: block;

}



.masked-image img, .masked-image .mask

{

    position: absolute;

}

.masked-image .mask

{

    background: url("/Themes/treehouse-v8/Images/a-promo-sprite.png") repeat scroll -402px -232px transparent;

}

















/*          episodes            */







#promotable-episodes .inner

{

    padding: 20px;

    min-height: 320px;

}

#promotable-episodes .season

{

    margin-bottom: 20px;

}

#promotable-episodes h2

{

    font-family: 'JacobypcBlack' , Arial;

    font-size: 25px;

    margin: 0px;

}

#promotable-episodes h3

{

    margin-bottom: 0px;

    font-size: 18px;

}

#promotable-episodes p

{

    margin-top: 0px;

    font-size: 12px;

}



#promotable-episodes .hidden

{

    display: none;

}



#promotable-episodes .toggle

{

    background: url("/Themes/treehouse-v8/Images/a-promo-sprite.png") repeat scroll right -909px transparent;

    padding-right: 27px;

    display: inline;

    cursor: pointer;

}

#promotable-episodes .toggled

{

    background-position: right -871px;

    padding-right: 27px;

}



#promotable-episodes .episode

{

    margin: 10px 0;

}

#promotable-episodes .season

{

    margin: 10px 0;

}





/*          characters          */





#promotable-characters

{

    position: relative;

}



#promotable-characters .inner

{

    min-height: 220px;

}

#promotable-characters .character-pager-wrap

{

    background-color: #FDF1C3;

    padding: 20px;

    position: relative;

}

#promotable-characters .character-pager

{

    border-radius: 10px;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    background-color: #e6551c;

    height: 100px;

    position: relative;

}

body #promotable-characters .character-pager .carousel-wrap

{

    background: #fff;

    height: 77px !important;

    width: 454px;

    position: absolute !important;

    top: 12px;

    right: 24px;

}

#promotable-characters .image-pager

{

    padding: 10px;

    margin: 0;

    width: 300px;

}



#promotable-characters .image-pager li

{

    list-style: none;

    float: left;

}

#promotable-characters .image-pager li a

{

    margin-right: 20px;

}



#promotable-characters .character-pager .carousel-control

{

    background: url("/Themes/treehouse-v8/Images/a-promo-sprite.png") repeat scroll -0px -200px transparent;

    width: 21px;

    height: 36px;

    cursor: pointer;

    display: block;

    z-index: 10;

    text-indent: -999em;

}





#promotable-characters .character-pager .next

{

    position: absolute;

    top: 33px;

    right: 3px;

    background-position: -32px -380px;

}

#promotable-characters .character-pager .previous

{

    background-position: -4px -380px;

    left: 3px;

    position: absolute;

    top: 33px;

}







#promotable-characters .character

{

    padding: 10px 20px 0px;

    width: 503px;

}



#promotable-characters .image-pager .mask

{

    background-position: -691px -0px;

}



#promotable-characters .image-pager .mask:hover, #promotable-characters .image-pager .activeSlide .mask

{

    background-position: -634px -0px;

}



#promotable-characters .character .masked-image

{

    margin: 0px 20px 0px 0px;

    clear: both;

    float: left;

}

#promotable-characters .character h3

{

    margin: 0px;

}

#promotable-characters .character p

{

    margin-bottom: 40px;

    font-size: 13px;

}

























/*              merchandise         */



#promotable-merchandise .inner

{

    padding: 20px;

    min-height: 320px;

}

#promotable-merchandise .merchandise

{

    clear: both;

}

#promotable-merchandise .inner .masked-image

{

    margin: 0px 20px 20px 0px;

    clear: both;

    float: left;

}

#promotable-merchandise .masked-image .mask

{

    background-position: -402px -0px;

}

#promotable-merchandise .inner h3

{

    margin: 0px;

}

#promotable-merchandise .inner p

{

    margin: 0 0 40px;

}