/* Scholastic Overides */
html {background:#fff;}
body {padding:0; margin:0; color:#666; width:100%; display:table; background:#fff;}
a img {border: none;}
#schlHeader {display:none;}
#schl3o {width:100%;}
#schlPageContent {margin: 0 auto 0 auto !important; padding-bottom:0px !important; width:100% !important; background:#fff url(../images/landing_bg-repeat.png) 0 0 repeat-x !important; /*border-bottom:25px solid #ffc600;*/}
#schlMainContent {width:100%; margin: 0 auto 0 auto; display:table;}
#universal4o {margin-bottom:0px !important;}
#footer-wrapper-4o {margin-top:100px;}
.bookbeat_clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
 

/* Reading Club Page */
#src_container {width:990px; position:relative; margin:0 auto;}
#src_logo {margin:0 !important; padding:0; height:100px; overflow:hidden;}

/* Bookbeat Page */
.bookbeat_section-holder {width:100%;}
.bookbeat_section-content {width:990px; margin:0 auto; position:relative;}

/* Hero Section */
#bookbeat_section-hero {background:#37939a url(../images/bookbeat_hero-bg.jpg) center center no-repeat; margin-top:4px; height:315px; border-bottom:20px solid #296d72; position:relative;}
#bookbeat_section-hero .bookbeat_section-content {height:315px;}
#bookbeat_section-hero .bookbeat_section-content #bookbeat_hero h1 {width:990px; height:315px; text-indent:-99999px; overflow:hidden}

/* Slider */
#bookbeat_section-slider {background:#f4f1ea; position:relative;}
#slider-intro {padding-bottom:20px;}
#slider-intro  h2 {margin:0; padding: 22px 0 13px 0; font-family: "BrandonText-Light", sans-serif; font-weight:400; color:#d83230; font-size:24px; line-height:24px;}
#slider-intro p {margin:0; padding:0 0 6px 0; font-family:Arial, Helvetica, sans-serif; color:#3a3a3a; font-size:15px; line-height:20px;}

#slideshow-holder {width:990px; height:355px; position:relative;}
#slideshow {width:990px; height:345px; overflow:hidden;}
.slideshow-slide {width:990px; height:345px;}
#slideshow-nav {text-align:center; padding: 10px 0 30px;}
#slideshow-nav a {display:inline-block; width:10px; height:10px; text-indent:-9999px; overflow:hidden; background:#b2b2b2; margin:0 5px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
#slideshow-nav a:hover {background:#666;}
#slideshow-nav a.activeSlide {background:#666;}
#slideshow-prev {display:none; width:50px; height:50px; text-indent:-999px; overflow:hidden; background:url(../images/prev.png) 0 0 no-repeat; position:absolute; left:-10px; top:147px; z-index:999;}
#slideshow-holder:hover #slideshow-prev {display:block;}
#slideshow-prev:hover {background-position:0 -50px;}
#slideshow-next {display:none; width:50px; height:50px; text-indent:-999px; overflow:hidden; background:url(../images/next.png) 0 0 no-repeat; position:absolute; right:-10px; top:147px; z-index:999;}
#slideshow-holder:hover #slideshow-next {display:block;}
#slideshow-next:hover {background-position:0 -50px;}

#schl3o a#slideshow-previewflyers {font-family:Arial, Helvetica, sans-serif; color:#999999; font-size:14px; font-weight:700; text-decoration:none; display:block; position:absolute; bottom: 26px; right:0px; padding-right:12px; text-transform:uppercase}
#schl3o a#slideshow-previewflyers:hover { color:#666;}
#schl3o a#slideshow-previewflyers span {display:block; width:7px; height:11px; position:absolute; top:2px; right:0px; background: url(../images/cta-arrow.png) 0 0 no-repeat; overflow:hidden;}
#schl3o a#slideshow-previewflyers:hover span { background-position:0 -11px;}

/* Shop Section */
#bookbeat_section-shop {}
#bookbeat_section-shop .bookbeat_section-content {padding:18px 0 30px 0;}

#bookbeat_shop {height:40px;}
#bookbeat_shop h2 {font-family: "BrandonText-Light", sans-serif; font-weight:400; color:#3a3a3a; font-size:28px; line-height:40px; height:40px; margin:0; padding:0; text-align:right; float:left; width:810px;}
#bookbeat_shop a {
    display: block;
    box-sizing: border-box;
    background: #fc853f;
    width: 162px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
	float:right;
}
#bookbeat_shop a:hover {
    color: #f8b8a9;
    background: #ee4d28;
    text-decoration: none;
}

/* Get Started */
#bookbeat_section-getstarted {}
#bookbeat_section-getstarted .bookbeat_section-content {padding-bottom:30px; border-bottom:2px solid #f6f4ee;}
#getstarted-intro {padding-bottom:15px;}
#getstarted-intro  h2 {margin:0; padding:0; font-family: "BrandonText-Light", sans-serif; font-weight:400; color:#d83230; font-size:28px; line-height:28px;}

#getstarted-pods {width:990px; overflow:auto;}
#getstarted-pods .getstarted-pod {width:310px; height:250px; position:relative; float:left; margin-right:30px;}
#getstarted-pods .getstarted-pod h3 {margin:0; padding: 10px 0 8px 24px; font-family: "BrandonText-Bold", sans-serif; color: #fff; font-size: 38px; font-weight: 400;}
#getstarted-pods .getstarted-pod p {margin:0; padding: 0 0 0 24px; font-size: 22px; font-family: "BrandonText-Regular", sans-serif; color: #fff; line-height: 1.182;}
#getstarted-pods .getstarted-pod a {
	display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    width: 310px;
    height: 26px;
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 26px;
    font-size: 14px;
}

#getstarted-pods #getstarted-pod1.getstarted-pod {background:#0180b5 url(../images/getstarted1.jpg) 0 0 no-repeat;}
#getstarted-pods #getstarted-pod1.getstarted-pod a {background:#0180b5;}
#getstarted-pods #getstarted-pod1.getstarted-pod a:hover {color:#99c2d3; background:#016792;}

#getstarted-pods #getstarted-pod2.getstarted-pod {background:#e87e01 url(../images/getstarted2.jpg) 0 0 no-repeat;}
#getstarted-pods #getstarted-pod2.getstarted-pod a {background:#e87e01;}
#getstarted-pods #getstarted-pod2.getstarted-pod a:hover {color:#f6cb99; background:#d76601;}

#getstarted-pods #getstarted-pod3.getstarted-pod {background:#613394 url(../images/getstarted3.jpg) 0 0 no-repeat; margin-right:0;}
#getstarted-pods #getstarted-pod3.getstarted-pod a {background:#613394;}
#getstarted-pods #getstarted-pod3.getstarted-pod a:hover {color:#c0add4; background:#4c2b70;}

/* Check it Out */
#bookbeat_section-check {}
#bookbeat_section-check .bookbeat_section-content {padding:0;}
#check-intro {}
#check-intro  h2 {margin:0; padding: 25px 0 26px 0; font-family: "BrandonText-Light", sans-serif; font-weight:400; color:#d83230; font-size:28px; line-height:28px;}

#check-pods {width:990px; overflow:auto;}
#check-pods .check-pod {width:225px; height:235px; position:relative; background:#51cad3; float:left; margin-right:30px;}
#check-pods .check-pod img {display:block;}
#check-pods .check-pod p {margin:0; padding:0; padding: 7px 0 0 10px; font-size: 13px; color: #3a3a3a; line-height: 1.3;}
#check-pods .check-pod p strong {display:block;}
#check-pods .check-pod a {
	display: block;
	background:#3dacb4;
    color: #fff;
    text-decoration: none;
    text-align: center;
    width: 225px;
    height: 24px;
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 24px;
    font-size: 14px;
}
#check-pods .check-pod a:hover {color:#b1dee1; text-decoration:none;}
#check-pods #check-pod4.check-pod {margin-right:0;}

/* Connect */
#bookbeat_section-connect {padding-top:47px;}
#bookbeat_section-connect .bookbeat_section-content {padding: 5px 0 0 0;}
#bookbeat_section-connect h2 {margin:0 30px 0 0; padding:0; font-family: "BrandonText-Light", sans-serif; font-weight:400; color:#d83230; font-size:28px; line-height:28px; float:left;}

.social{float:left; padding-top: 2px;}
.social a{float:left;margin-right:10px;}
.social #fb{height: 24px;width: 24px;border:none;outline: none;display:inline-block;
background:url('../images/socialnetwork.png') no-repeat scroll 0px 0px transparent;}
.social #tw{height: 27px;width: 24px;border:none;outline: none;display:inline-block;
background:url('../images/socialnetwork.png') no-repeat scroll -34px 0px transparent;}
.social #tt{height: 27px;width: 24px;border:none;outline: none;display:inline-block;
background:url('../images/socialnetwork.png') no-repeat scroll -68px 0px transparent;}
.social #gp{height: 27px;width: 24px;border:none;outline: none;display:inline-block;
background:url('../images/socialnetwork.png') no-repeat scroll -102px 0px transparent;}
.social #pt{height: 27px;width: 24px;border:none;outline: none;display:inline-block;
background:url('../images/socialnetwork.png') no-repeat scroll -136px 0px transparent;}
.social #ig{height: 27px;width: 24px;border:none;outline: none;display:inline-block;
background:url('../images/socialnetwork.png') no-repeat scroll -170px 0px transparent;}
.social #fb:hover{height: 27px;width: 24px;border:none;outline: none;display:inline-block;
background:url('../images/socialnetwork.png') no-repeat scroll 0px -40px transparent;}
.social #tw:hover{height: 27px;width: 24px;border:none;outline: none;display:inline-block;
background:url('../images/socialnetwork.png') no-repeat scroll -34px -40px transparent;}
.social #tt:hover{hheight: 27px;width: 24px;border:none;outline: none;display:inline-block;
background:url('../images/socialnetwork.png') no-repeat scroll -68px -40px transparent;}
.social #gp:hover{height: 27px;width: 24px;border:none;outline: none;display:inline-block;
background:url('../images/socialnetwork.png') no-repeat scroll -102px -40px transparent;}
.social #pt:hover{height: 27px;width: 24px;border:none;outline: none;display:inline-block;
background:url('../images/socialnetwork.png') no-repeat scroll -136px -40px transparent;}
.social #ig:hover{height: 27px;width: 24px;border:none;outline: none;display:inline-block;
background:url('../images/socialnetwork.png') no-repeat scroll -170px -40px transparent;}

#connect-tumblr {clear:both; padding-top: 16px;}

#backtotop {width:990px; overflow:auto; padding-top:30px;}
#backtotop a {display:block; float:right; font-family:Arial, Helvetica, sans-serif; color:#3a3a3a; font-size:14px; position:relative; text-decoration:none; font-weight:bold; padding-right:26px; height:21px; line-height:21px;}
#backtotop a span {display:block; width:21px; height:21px; position:absolute; right:0; top:0; background:url(../images/backtotop.png) 0 0 no-repeat; overflow:hidden;}
#backtotop a:hover {color:#000; text-decoration:none;}
#backtotop a:hover span {background-position:0 -21px;}