/* Teacher Marketing Landing Page CSS */

/* global overrides */
#schlPageContent #schlMainContent { background-color: #f9f9f9; padding: 15px 15px 0; width: 940px; }
#schlPageContent #schl3o { width: 940px; }

/*
 * Non-semantic helper classes
 */

/* ir = image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


.landing-wrapper { color: #444; }
.landing-wrapper img { border: none; }
.landing-wrapper ul { list-style: none; margin: 0; }

/* -- HEADER -- */
.landing-header { background: #ffbd16; -moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px; margin-bottom: 120px; height: 100%; padding: 25px 0 40px 0; position: relative; text-align: center; }
.landing-header .ir { background-image: url(images/hdr_new_scholastic.png); height: 143px; margin: 0 0 0 85px; width: 765px; }
.landing-header h3 { font-size: 21px; font-weight: normal; }

/* Menu */
.landing-menu { padding: 0 0 0 12px; }
.landing-menu li { float: left; text-indent: -999em; }
.landing-menu a { background: url(images/nav_book_wizard.png) 0 0 no-repeat; display: block; height: 114px; width: 114px; }
.landing-menu a:hover, .landing-menu a:focus { background-position: 0 -115px; }
.menu2 a { background-image: url(images/nav_student_activities.png); }
.menu3 a { background-image: url(images/nav_lesson_plans.png); }
.menu4 a { background-image: url(images/nav_daily_starters.png); }
.menu5 a { background-image: url(images/nav_everything.png); }
.menu6 a { background-image: url(images/nav_teacher_blogs.png); }
.menu7 a { background-image: url(images/nav_teacher_store.png); }
.menu8 a { background-image: url(images/nav_printables.png); }

/* Top Sign Up */
.top-signup { background: #f60; -moz-box-shadow: 2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; top: 360px; color: #f9f9f9; left: 300px; padding: 10px 0 10px 25px; position: absolute; text-align: left; width: 653px; }
.top-ribbon { background: transparent url(images/ribbon_orange_right.png) right top no-repeat; height: 30px; position: absolute; width: 26px; right: -2px; top: -30px; }
.top-signup h4 { font-size: 17px; margin: 0; text-transform: uppercase; }
.top-signup p { font-weight: bold; font-size: 13px; margin: 0 0 7px 0; }
.newsltextbox select { margin: 0 5px; }
.newsltextbox input, .newsltextbox select { float: left; }
.newsletter-error-feedback { color: #000; }

.bubble-tip { background: url(images/bubble_tip.png) 0 0 no-repeat; bottom: -58px; height: 58px; left: 90px; position: absolute; width: 73px; }

/* -- CONTENT -- */
/* feature headers */
.feature .ir { background-image: url(images/hdr_book_wizard.png); margin: 0 0 15px 0; height: 67px; width: 292px; }
.feature2 .ir { background-image: url(images/hdr_student_activities.png); width: 405px; }
.feature3 .ir { background-image: url(images/hdr_lesson_plans.png); height: 78px; width: 286px; }
.feature4 .ir { background-image: url(images/hdr_daily_starters.png); height: 79px; width: 315px; }
.feature5 .ir { background-image: url(images/hdr_everything.png); height: 79px; width: 491px; }
.feature6 .ir { background-image: url(images/hdr_teacher_blogs.png); height: 79px; width: 582px; }
.feature7 .ir { background-image: url(images/hdr_teacher_store.png); height: 67px; width: 420px; }
.feature8 .ir { background-image: url(images/hdr_printables.png); height: 78px; width: 273px; }
.feature9 .ir { background-image: url(images/hdr_teacher_organizer.png); height: 79px; width: 421px; }
.feature9 .coming-soon { background-image: url(images/coming_soon.png); height: 40px; width: 140px; }

/* feature backgrounds */
.feature { background: url(images/bkg_book_wizard.jpg) right bottom no-repeat; padding: 0 0 87px 25px; }
.feature2 { background-image: none; left: -15px; margin-bottom: -20px; padding: 50px 0 155px 400px; position: relative; }
.feature3 { background: url(images/bkg_lesson_plans.jpg) 350px bottom no-repeat; padding: 90px 0 23px 30px; }
.feature4 { background: url(images/bkg_daily_starters.jpg) left bottom no-repeat; padding: 90px 0 93px 500px; }
.feature5 { background: url(images/bkg_everything.jpg) right bottom no-repeat; padding: 20px 0 80px 25px; }
.feature6 { background: url(images/bkg_teacher_blogs.jpg) left top no-repeat; padding: 170px 0 100px 320px; }
.feature7 { background: url(images/bkg_teacher_store.jpg) 70px bottom no-repeat; padding: 50px 0 30px 460px; }
.feature8 { background: url(images/bkg_printables.jpg) right center no-repeat; padding: 20px 0 60px 25px; position: relative; right: -15px; }
.feature9 { background: url(images/bkg_teacher_organizer.png) left top no-repeat; margin-top: -50px; padding: 110px 0 47px 430px; }

#feature-slides { left: 0; top: 0; position: absolute !important; }

.feature p { font-size: 15px; margin-top: 0; margin-bottom: 15px; }
.feature1 p,
.feature3 p,
.feature8 p,
.feature1 .feature-list,
.feature3 .feature-list,
.feature8 .feature-list { margin-right: 500px; }
.feature5 p { margin-right: 500px; }
.feature-list { padding: 0; }
.feature-list li { background: url(images/checkmark.gif) left 2px no-repeat; font-size: 13px; font-weight: bold; margin-bottom: 4px; padding-left: 20px; }

.btn-feature { background: url(images/btn_left.png) left center no-repeat; float: left; margin-top: 15px; padding: 0 0 0 7px; }
.btn-feature a { background: url(images/btn_right.png) right center no-repeat; display: block; font-weight: bold; padding: 4px 10px 8px 0; text-shadow: -1px 0 rgba(131, 61, 11, 0.5), 0 -1px rgba(131, 61, 11, 0.3), 0 1px rgba(131, 61, 11, 0.5), 0 -1px rgba(131, 61, 11, 0.3) }
.btn-feature span { font-size: 18px; }
#landing-wrapper .btn-feature a { color: #fff; }
#landing-wrapper .btn-feature a:hover { text-decoration: none; }

.back-to-top { border-top: 1px solid #ccc; overflow: hidden; padding: 10px 25px 0 0; position: relative; text-align: right; }
.back-to-top a { background: url(images/arrow_back_to_top.jpg) right center no-repeat; font-weight: bold; padding-right: 15px; }
#landing-wrapper .back-to-top a { color: #999; }

/* -- FOOTER -- */
.landing-footer { background: transparent url(images/ribbon_yellow.png) center 0 no-repeat; left: -40px; padding: 30px 0 0 0; position: relative; text-align: center; top: -30px; width: 1021px; }
.footer-content { background: #ffbd16; -moz-box-shadow: 2px 2px 2px #888; -webkit-box-shadow: 2px 2px 2px #888; box-shadow: 2px 2px 2px #888; padding: 20px 0; }
.footer-intro { color: #3d4c46; font-weight: bold; font-size: 14px; margin: 0 30px 20px; text-align: left; }
.footer-content .footer-highlights { border-bottom: 1px dashed #f88836; margin: 0 auto; padding: 0; width: 743px; }
.footer-highlights li { border-right: 1px dashed #f88836; float: left; height: 72px; padding: 5px 0; width: 185px; }
#landing-wrapper .footer-highlights a:hover,
#landing-wrapper .footer-highlights a:focus { text-decoration: none; }
.footer-content .last { border: none; }
.footer-highlights h5 { color: #ed1b2f; font-size: 11px; margin: 0; text-transform: uppercase; }
.footer-highlights p { color: #444; font-weight: bold; font-size: 13px; margin: 0; }
