/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}


@import url(http://www.andersenpress.co.uk/Content/Css/Layout.css);
@import url(http://www.andersenpress.co.uk/Content/Css/Application.css);


#BooksNewBooks{
	padding-bottom: 400px;
}

#characterTabs{
	position: relative;
	top: 0px;
	left: 0px;
	padding-bottom: 280px;
}
#characterTabBox{
	height: 250px;
}
#characterImageBox{
	top: 50px;
	height: 220px;
}

#charElmer{
position: absolute;
bottom: 10px;
left: 10px;
width: 180px;
}
#charLittleP{
position: absolute;
bottom: 10px;
left: 70px;
width: 140px;
}
#charFrog{
position: absolute;
bottom: 10px;
left: 10px;
width: 180px;
}
#charLonelyBeast{
position: absolute;
bottom: -11px;
left: 0px;
width: 180px;
}
#charBolds{
position: absolute;
bottom: 10px;
left: 70px;
width: 180px;
}



#bookTabs{
	position: relative;
	top: 0px;
	left: 0px;
	padding-bottom: 300px;
}
#bookTabBox{
	height: 270px;
}
#bookImageBox{
	top: 50px;
	height: 220px;
}
#bookPageHighlight{
	position: absolute;
	color: #fff;
	left: 0px;
	top: 0px;
	width: 618px;
	height: 270px;
	overflow: hidden;
	text-align: center;
}
#bookPageHighlight li{
	visibility: visible;
}
#bookPageHighlightText{
	width: 230px;
	float: right;
}

/********* globals *********/

.WBDphotoGrid{
	width: 100%;
	overflow: auto;
}
.WBDphotoTable td{
	text-align: center;
	padding-right: 10px;
}
.WBDphotoTable img{
	height: 220px;
}

.apSmall{
	display:none;
}
#header-side{
	color: black;
	list-style-type: none;
	z-index: 999;
}
#header-side a{
	color: black;
}
#header-side a:visited{
	color: black;
}
#header-side li{
	list-style: none;
	padding-left: 0px;
}
#navButton{
	display: none;
}
#navClose{
	color: #ffffff;
	font-size: 12px;
}

.divert{
	display: none;
	position:absolute;
	padding-top: 7px;
	height: 29px;
	width: 300px;
	right: 0px;
	background-color: rgba(0,0,0,0.7);
	border-radius: 5px;
	text-align: center;
}

a#newReleaseShort{
	color: #fff;
	font-size: 16px;
}

#st-launcher-tab{
	display: none;
}

.bookType{
	color: #646464;
	font-size: 14px;
	margin-top: -10px;
	margin-left: 10px;
}

.hideISBN{
	color: transparent;
}

#st-default-search-input{
	position: absolute;
	top: 64px;
	right: 190px;
	width: 150px;
	z-index: 8;
}


.bookImages{
	height:120px;
}

a img,table {
	border:0
}
/*dl,ol,ul {list-style:none}*/
table {
	border-collapse:collapse;
}
caption,th,td {
	text-align:left;
}
h1,h2,h3,h4,h5,h6,p {
	margin:.5em 0;
	font-weight: normal;
}
p {
	margin:.75em 0; 
	font-weight: normal;
}
#Submit{
	display: none;
}
.Clearer{
	clear:both;
}
.Super{
	vertical-align:super;
}
a:hover, a:active, a:focus {
	outline:0;
}
h1,h2{
	font-size:24px;
	color:#3782c0;
}
h3,h4,h5{
	font-size:18px;
	color:#3782c0;
}
#comingSoon{
	font-size:16px;
	color:#ffffff;
	background-color:rgba(0,0,0,.7);
	line-height:24px;
	margin-bottom:0px;
	padding-left:10px;
	margin-top:12px;
}
.BurgerTitle{
	padding:35px 140px 0 0;
	height:65px;
	position:relative;
	background:url(/Content/Img/burger.png) right top no-repeat;
	z-index:1;
	margin-bottom:-20px;
}
.ie7 .BurgerTitle{
	margin-bottom:-35px;
}
.ElephantTitle{
	padding:35px 250px 0 0;
	height:130px;
	position:relative;
	margin-bottom:-80px;
	background:url(/Content/Img/elephant_chess.png) right top no-repeat;
	font-weight:bold;
}
.Orange{
	color:#f79225;
}
.Purple{
	color:#94004c;
}
.Pink{
	color:#d3155b;
}
.Blue{
	color:#29aae3;
}
a.ButtonLink{
	background-color:#f79225;
	color:#fff;
	padding:4px;
	line-height:25px;
}
ul{
	margin-left:13px;
	padding:0;
}
.BreakTop{
	border-top:dashed 1px #f79225;
	padding-top:10px
}
/* fonts & colors */
body{
	font: 12px "Century Gothic", Helvetica, SansSerif;
	color: #646464;
	background-color: #99ccff;
	height: 100%;
	margin: 0;
}
button,select,textarea,input{
	font:1em Arial, Helvetica, SansSerif;
	color:#646464
}
a{
	color:#3782c0;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
.FloatLeft{
	float:left;
}
/********* layout *********/
#HeaderBoxWrapper{
	margin:0 auto;
	width: 960px;
	height: 100px;
	position:relative;
}
#HeaderBox{
	position:absolute;
	text-align:left;
}
#HeaderBox h4{
	font-size: 14px;
	margin-top: 0;
	color: #4096de;
}
#HeaderImage #HeaderBox img{
	margin:0;
}
#HeaderImage{
	display: block;
	min-height: 20px;
	width: 960px;
	margin: 0 auto;
	background-color: #99ccff;
}
#HeaderImage img{
	display:block;
	margin:0 auto;
}
#header {
	min-width:960px;
	position:relative;
	z-index: 2;
}
#header .inner {
	height:29px;
	width:960px;
	margin:0 auto;
	position:relative;
	background-color:#3782c0;
}
#header .uc {
	position:absolute;
	top:15px;
	right:30px;
}
#header .uc img {
	vertical-align:middle;
}
#header .uc h2 {
	display:inline;
}
#header .uc h2 a {
	color:#3782c0;
}
#HeaderBox{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 200px;
	height: 80px;
}
#elmerShop{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 75px;
	height: 73px;
	z-index: 10;
}
#homeLink{
	position: absolute;
	bottom: 0px;
	left: 150px;
	width: 354px;
	height: 38px;
	z-index: 10;
}
#facebook{
	position: absolute;
	bottom: 0px;
	right: 10px;
	width: 48px;
	height: 48px;
	z-index: 10;
}
#twitter{
	position: absolute;
	bottom: 0px;
	right: 130px;
	width: 48px;
	height: 48px;
	z-index: 10;
}
.topMenu {
	width:958px;
	margin:0 auto;
	font-size:16px;
	text-align: justify;
}
.topMenu:after {
	width:100%;
	content:'';
	display:inline-block;
}
.topMenu li {
	padding:0 13px;
	display: inline-block;
	line-height:29px;
	height:29px;
	position:relative;
	z-index:1;
	list-style-type: none;
}
.topMenu a {
	display:block;
	color:#fff;
	font-weight: normal;
}
.topMenu a:hover{
	text-decoration:none;
}
.topMenu li:hover{
	background-color:#4096de;
	list-style-type: none;
}
.topMenu li.current{
	background-color:#4096de;
	list-style-type: none;
}
.topMenu li ul a:hover{
	background-color:#3782c0;
	list-style-type: none;
}
.topMenu li ul li:hover{
	background-color:#3782c0;
	list-style-type: none;
}
.topMenu ul{
	display:none;
	position:absolute;
	top:29px;
	right:0;
	list-style-type: none;
}
.topMenu li:hover ul{
	display:block;
	margin:0;
	background-color:#4096de;
	list-style-type: none;
}
.topMenu ul li {
	float:none;
	white-space:nowrap;
	margin:0;
	list-style-type: none;
}
.languageMenu {
	display:none;
}
#page {
	width:958px;
	border: 1px solid #3782c0;
	background-color:#ffffff;
	margin:0 auto;
	overflow: hidden;
}
.subMenu {
	padding:15px 30px;
	border-bottom:solid 1px #3782c0;
}
#menu h4 {
	display:none;
	margin:0;
}
.ie7 #content {
	zoom: 1;
}
#content {
	clear:both;
	margin:0 13px;
	position:relative;
}
#main {
	padding:12px 0;
	background-color:#ffffff;
	min-height: 100px;
}
#main img.main {
	width:590px;
}
.columns .uc, #extras .uc {
	margin-bottom:10px;
	background-color:#fdebd5;
	padding:10px 20px 20px 20px;
}
#extras .ucsearch{
	padding-bottom:350px;
	background:#fdebd5 url(/Content/Img/searchdog.png) bottom left no-repeat;
}
#extras .ucsearch input{
	border:1px solid #94004c;
	padding:2px 5px;
	width:228px;
	margin-top:5px;
}
#extras .ucsearch input.Button{
	border:none;
	background-color:#94004c;
	color:#fff;
	padding:2px 5px;
	width:100px;
}
.footer {
	clear:both;
	color:#474747;
	height: 10px;
	width:960px;
	margin:0 auto;
	position:relative;
	margin-bottom:20px;
}
.footer p {
	margin-top:5px;
	margin-left:10px;
	margin-right:50px;
	margin-bottom:0px;
}
.footer img {
	position:absolute;
	width: 90px;
	bottom: -15px;
	right: -10px;
}
.nofooter{
	display: none;
	padding-top:64px;
	clear:both;
}
.wrap{
	width: 960px;
	margin: 0 auto;
}
#beasty{
	position:absolute;
	width:100px;
}

/* lists */
.list { 
	background-position:50% 100%;
}
.list .scroller{
	display: none;
}
.list .item {
	position: relative;
	display: block;
	width: 750px;
	border-top: solid 1px #E5D7C4;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	text-align: left;
}
.list a {
	position: absolute;
	display: inline-block;
	top: 30px;
	left: 154px;
	width: 70%;
	text-align: left;
	font-size: 20px;
	color: #4096de;
}
.list img {
	position: relative;
	float: left;
	display: inline-block;
	margin: 12px 5px 0px 0px;
	padding: 0px 0px;
	left: 3px;
	width: 18%;
	box-shadow: #888 2px 2px 6px;
}
.list p {
	display: none;
}
.sidelist .item {
	margin-bottom:5px;
}
div.item.i0.a0 img{
	position: relative;
	float: left;
	display: inline-block;
	margin: 20px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	left: 4px;
	width: 24%;
}
div.item.i0.a0 a{
	position: relative;
	display: inline-block;
	margin-top: -10px;
	left: 10px;
	width: 50%;
	text-align: left;
	font-size: 28px;
}
div.item.i0.a0 p{
	position: relative;
	display: inline-block;
	margin-top: 40px;
	margin-bottom: 10px;
	left: 10px;
	width: 60%;
	text-align: left;
	font-size: 14px;
}

/* date */
.date {
	position: absolute;
	top: 5px;
	right: 0px;
	font-size: 12px;
	width: 80px;
	height: 16px;
	overflow: hidden;
	display: inline-block;
	font-style: italic;
}
.BookViewInfo .date {
	display: none;
}
.BookViewInfo .introduction {
	display: none;
}

/* login */
.login .tb {
	width:130px;
}
.login .ff {
	margin-bottom:5px;
}
.register td {
	padding:0 5px 5px 0;
}

/* gallery */
.imageGallery #content {
	margin:0;
}
.imageGallery .path {
	margin-top:15px;
}
#thumbnails {
	float:right;
	width:280px;
	margin-right:30px;
	padding-bottom:30px;
}
#thumbnails .text {
	display:none;
}
#thumbnails a.thumbnail {
	margin-bottom:10px;
	margin-right:5px;
}
#thumbnails a.thumbnail {
	opacity:.4;
}
#thumbnails a.thumbnail:hover, .selected {
	opacity:1;
}
#preview {
	width:590px;
}
#preview img {
	width:590px
}

/* comments */
.commentList {
	border-top:solid 1px #D0CFCB;
	margin-top:10px;
}

/*Andersen Home Page*/
.HomeHighlight h4{
	font-size:16px;
	color:#ffffff !important;
	background-color:rgba(0,0,0,.7);
	line-height:24px;
	margin-bottom:0px;
	padding-left:10px;
	margin-top:12px;
}
.HomeText{
	position: absolute;
	top:579px;
	width:250px;
	min-height:50px;
}
.HomeText h1, .ElmerLink{
	text-align: right;
	font-size:18px;
	color:#093048;
	padding:16px 0 0 111px;
	min-height:103px;
	background:transparent url(/TESTING GROUNDS/BeastyBike.png) left top no-repeat;
	margin-top:0;
	display:none;
	font-weight:bold;
}
.HomeText p{
	display: none;
} 
#twitterWidget{
	position: absolute;
	top: 10px;
	right: 0px;
	width: 300px;
	z-index: 1;
}
.ElmerLink{
  font-weight:normal;
  font-size:24px;
}
a.ElmerLink:hover{
	text-decoration:none;	
}
.SearchWrapper{
	position:relative;
	bottom:0px;
	background-color:#ffffff;
	width:298px;
	height:29px;
	border:1px solid #3782c0;
	margin:0;
	padding-top:8px;
	padding-left:6px;
	display:none;
}
.ourBooksSearch{
	top:10px;
	left:625px;
}
.SearchWrapper .SearchText{
	position: absolute;
	left:10px;
	padding:0 0 0 15px;
	line-height: 22px;
	height:21px;
	border:0;
	width:220px;
}
.SearchWrapper .SearchGo{
	position: absolute;
	top:5px;
	right:4px;
	height:28px;
	width:40px;
	margin:0;
	border:0;
	color:#fff;
	background-color:#5f605a;
	font-weight:bold;
	padding:0 2px;
}
.HomeAges{
	display: none;
	float:left;
	width:315px;
	position:relative;
}
.HomeAges ul{
	margin:12px 15px 0 0;
	width:306px;
}
.AgeLinks{
	margin-left:0;
}
.AgeLinks a:hover{
	text-decoration:none;
}
.AgeLinks li{
	list-style-type:none;
	margin-bottom:12px;
	padding:12px;
	line-height: 31px;
	font-weight: normal;
}
.AgeLinks li a, #extras .AgeLinks li a{
	color:#fff;
}
.ageBlank, .wrap .bgcBlank{
	background-color:#70c29e;
}
.ageBlank:hover{
	background-color:#a3dcc3;
}
.age0, .wrap .bgc0{
	background-color:#9f005d;
}
.age0:hover{
	background-color:#c2408c;
}
.age5, .wrap .bgc1{
	background-color:#662e91;
}
.age5:hover{
	background-color:#853cbc;
}
.age7, .wrap .bgc2{
	background-color:#29aae3;
}
.age7:hover{
	background-color:#5bcdff;
}
.age9, .wrap .bgc3{
	background-color:#8dc540;
}
.age9:hover{
	background-color:#a6dd5b;
}
.age12, .wrap .bgc4{
	background-color:#f8931f;
}
.age12:hover{
	background-color:#f8aa51;
}
.wrap .bgca0{
	background-color:#FCF042;
}
.wrap .bgca1{
	background-color:#F9A340;
}
.wrap .bgca2{
	background-color:#CA474C;
}
.wrap .bgca3{
	background-color:#AD2675;
}
.wrap .bgca4{
	background-color:#7D4BA0;
}
.wrap .bgca5{
	background-color:#49B8E6;
}
.wrap .bgca6{
	background-color:#8CA442;
}
li.AgeLinks:hover{
	text-decoration:none;
	opacity:50%;
}
.HomeAges img{
	position:absolute;
	right: 10px;
	bottom: 10px;
}
.AgeLinks a{
	color: #fff;
	font-size: 16px;
}
.HomeHighlight{
	float: left;
	width: 300px;
	min-height: 20px;
}
.HomeHighlight h4{
	color: #093048;
}
.HomeHighlight1{
	padding-left: 18px;
	padding-right: 0px;
}
.HomeCarousel{
	min-height: 20px;
	clear: both;
}
/*book pickers on the home page*/

.HomeHighlight ul{
	list-style-type:none;
	margin:0;
}
ul.BookPicker{
	background-color: #999999;
}
.BookPickerContainer{
	position:relative;
	height:300px;
	overflow:hidden;
	vertical-align:middle;
}
.HomeHighlight li{
	line-height:300px;
	margin:0;
	display:none;
}
.HomeHighlight2{
}
.HomeHighlight .Item0{
	display:block;
}
.HomeHighlight .BookInfoShade{
	background-color:rgba(0,0,0,.7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000);
	position:absolute;
	bottom:0;
	padding:10px;
	color:#fff;
	width:280px;
	line-height:1.6em;
}
.HomeHighlight .BookInfoShade p{
	display:none;
	margin:0;
	line-height:1.4em;
	padding:10px 50px 0 0;
}
.HomeHighlight a{
	font-size:14px;
	display:block;
	margin-right:50px;
}
.HomeHighlight a:hover{
	text-decoration:none;
}
.HomeHighlight1 a{
	color:#fff;
}
.HomeHighlight2 a{
	color:#fff;
}
.HomeHighlight .Next:hover, .HomeHighlight .Prev:hover{
	text-decoration:none;
	cursor:pointer;
}
.HomeHighlight .Next, .HomeHighlight .Prev{
	position:absolute;
	bottom:10px;
	width:20px;
	color:#fff;
	height:20px;
	text-align:center;
	line-height:20px;
	margin-right:0;
}
/* fade in/out
.HomeHighlight .Next, .HomeHighlight .Prev, .HomeHighlight .BookInfoShade{
	opacity:0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}
.HomeHighlight:hover .Next, .HomeHighlight:hover .Prev{
	opacity:1;
	filter:none;	
}
.HomeHighlight:hover .BookInfoShade{
	opacity:1;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000);
}
*/
.HomeHighlight .Next{
	right:10px;
}
.HomeHighlight .Prev{
	right:35px;
}
.HomeHighlight1 .Next, .HomeHighlight1 .Prev{
	background-color:#f7921e;
}
.HomeHighlight2 .Next, .HomeHighlight2 .Prev{
	background-color:#d21359;
}
.HomeSlideshow{
	width:618px;
	height:270px;
	position:relative;
	float:left;
}
.HomeSlideshow li{
	width:618px;
	height:270px;
	position:absolute;
}
.HomeSlideshow img{
	display:block;
	height: 270px;
}
.HomeSlideshow h4{
	display:none;
}
.HomeSlideshow .HighlightsPicker{
	list-style-type:none;
	margin:0;
}
.HomeSlideshow .HighlightsPicker li{
	display:none;
}
.HomeSlideshow .HighlightsPicker .Item0{
	display:block;
}
.HomeSlideshow .HighlightsShade{
	position:absolute;
	padding:10px;
	background-color:rgba(0,0,0,0);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#aa000000,endColorstr=#aa000000);
	bottom:0px;
	left:0px;
	width:599px;
}
.HomeSlideshow .Progress{
	position:absolute;
	bottom:0;
	width:100%;
}
.HomeSlideshow .ProgressBar{
	height:3px;
	width:0;
	background-color:#D2145A;
}
.HomeSlideshow .HighlightsShade a{
	display: none;
	color:#fff;
	font-size:14px;
}
.HomeSlideshow .HighlightsShade a:hover{
	text-decoration:underline;
}
.HomeSlideshow ul.Links{
	position:absolute;
	bottom:12px;
	right:10px;
	list-style-type:none;
}
.HomeSlideshow ul.Links li{
	width:auto;
	height:auto;
	position:static;
	float:left;
	font-size:30px;
	padding:0 1px;
	display:block;
	line-height:10px;
}
.HomeSlideshow ul.Links a{
	color:rgba(170,170,170,0.5);
}
.HomeSlideshow ul.Links a.Selected{
	color:rgba(255,255,255,0.6);
}
.HomeSlideshow ul.Links a:hover{
	text-decoration:none;
	color:rgba(153,204,255,0.8);
	color:rgba(210,20,90,0.8);
}
/*Carousel*/
.HomeCarousels{
	clear:both;
	border-top:15px solid #fff;
	padding-bottom:220px;
	position:relative;
	width:100%;
	overflow:hidden;
}
.CarouselHeader{
	color:#fff;
	line-height:40px;
	height:40px;
	float:left;
	margin:0 13px 13px 0;
	background-color:#d3145a;
	padding:0 13px;
	font-style: normal;
}
.wrap .bgc0:hover{
	background-color: #c2408c;
}
.wrap .bgc1:hover{
	background-color: #853cbc;
}
.wrap .bgc2:hover{
	background-color: #5bcdff;
}
.wrap .bgc3:hover{
	background-color: #a6dd5b;
}
.wrap .bgc4:hover{
	background-color: #f8aa51;
}
.wrap .CarouselHeaderSelected{
	background-color:#99ccff;
	color:#660066;
}
.wrap .CarouselHeaderSelected:hover{
	background-color:#99ccff;
	color:#660066;
}
.CarouselContainer{
	position:absolute;
	color:#fff;
	height:190px;
	width:872px;
	padding:20px 30px;
	background-color:#99ccff;
	left:0;
	top:40px;
}
.CarouselContainerSmall{
	width:600px;
	height:120px;
}
.CarouselContainer ul{
	position:absolute;
	color: #fff;
	right:60px;
	top:50px;
	width:510px;
	overflow:hidden;
	margin:0;
	list-style-type:none;
	height:120px;
	background:url(/Content/Img/carousel_load.gif) no-repeat center center;
	text-align:center;
}
.CarouselContainer ul.TitlesCarousel{
	height:170px;
}
.CarouselBookInfo a{
	margin-top:3px;
	display:block;
	color:#D4155B;
}
.Microsites{
	position:relative;
	height:120px;
	top:0;
	background-color:#ffe4c7;
	margin-top:20px;
}
.Microsites ul{
	top:30px;
}
.Microsites .CarouselText img{
	margin-top:60px;
	display:block;
}
.CarouselContainerSmall ul{
	top:20px;
}
.CarouselContainer li{
	position:absolute;
	top:0;
	padding:0 5px;
	visibility:hidden;
}
.CarouselText{
	width:280px;
	max-height:280px;
	font-style: normal;
	color: #660066;
	font-size: 14px;
	overflow:auto;
}
.underline{
	text-decoration: underline;
}
.CarouselText h2{
	width: 260px;
	font-style: normal;
	text-align: center;
	color: #660066;
	text-decoration: underline;
}
.CarouselText h1{
	width: 260px;
	font-style: normal;
	text-align: center;
	color: #660066;
}
.CarouselText p a{
	width: 260px;
	font-style: normal;
	text-align: center;
	color: #fff;
}
.CarouselText p a:hover{
	width: 260px;
	font-style: normal;
	text-align: center;
	color: #660066;
	text-decoration: underline;
}
.CarouselContainer .Next:hover, .CarouselContainer .Prev:hover{
	text-decoration:none;
}
.CarouselContainer .Next, .CarouselContainer .Prev{
	background-color:#92288d;
	color:#fff;
	position:absolute;
	top:100px;
	width:20px;
	height:20px;
	text-align:center;
	line-height:20px;
	cursor:pointer;
	cursor:hand;
}
.CarouselContainerSmall .Next, .CarouselContainerSmall .Prev, .Microsites .Next, .Microsites .Prev{
	top:70px;
}
.CarouselContainer .Next{
	right:30px;
}
.CarouselContainer .Prev{
	right:580px;
}
.CarouselBookInfo{
	display:none;
}
.CarouselBookInfo a{
	color: #660066;
}
.CarouselContainerFullWidth ul{
	width:810px;
}
.CarouselContainerFullWidth .Prev{
	right:auto;
	left:30px;
}
/*Andersen books*/
#TwoColMain{
	float:left;
	width:630px;
	padding-bottom: 30px;
}
#TwoColSide{
	float:right;
	width:280px;
}
.AuthorImageWrapper{
	height:150px;
	overflow:hidden;
}
.BookViewImage{
	float:left;
	width:220px;
	padding-bottom: 10px;
}
.BookViewImage img{
	width: 100%;
}
.BookViewInfo{
	margin-left:240px;
}
.BookViewInfo p{
	max-width: 650px;
	margin-left: auto;
	margin-right: auto;
}

.BookViewInfo img{
	width: 80%;
	height: auto;
	max-width: 400px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
ul.BookDetails{
	color:#f79225;
	padding-bottom:5px;
}
ul.BookDetails span{
	color:#646464;
}
ul.Reviews{
	margin-left:0;
}
ul.Reviews li{
	list-style-type:none;
	padding-bottom:10px;
}

ul.Results{
	list-style-type:none;
	margin:0;
	border-top:1px solid #94004c;
}
ul.Results li{
	padding: 10px 0 5px;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #94004c;
}
ul.Results img{
	float:left;
}
ul.Results p{
	margin-top:0;
	margin-left:100px;
}
ul.Results p p{
	margin-left:0;
}
ul.Results a{
	color:#94004c;
	font-size:14px;
	font-weight:bold;
}
ul.Pager{
	float:right;
	list-style-type:none;
	margin-top:5px;
}
ul.Pager li{
	display:inline;
	border-left:1px solid;
	padding:0 4px;
}
ul.Pager li:first-child{
	border-left:none;
}
ul.Pager a{
	color:#94004c;
}
ul.CharacterItems{
	list-style-type:none;
	margin:0;
}
ul.CharacterItems li.Item0{
	width:450px;
	float:left;
	clear:left;
}
ul.CharacterItems li.Item1{
	width:450px;
	float:right;
	clear:right;
}
.CharacterItems img{
	display:block;
	width:450px;
}
.CharacterItems .LinkText{
	display:block;
	position:relative;
	line-height:30px;
	position:relative;
	top:-30px;
	background-color:rgba(0,0,0,0.7);
	color:#fff;
	font-size:14px;
	font-weight:bold;
	width:430px;
	padding:0 10px;
}

ul.StartingLetter{
	list-style-type:none;
	margin:0;
}
ul.StartingLetter li{
	float:left;
	padding-right:10px;
	font-weight:bold;
	font-size:14px;
	width:1.1em;
	line-height:2em;
}

.ytresults{
	list-style-type:none;
	margin:0;
	float:left;
	width:560px;
}
.ytresults li{
	float:left;
	width:120px;
	padding-right:14px;
}
.ytsearch{
	background-color: #f5c2d5;
	padding: 24px;
	clear: left;
	position: relative;
	text-align: center;
	min-height: 280px;
}
.ytsearch a{
	color:#d3155b;
	font-weight:bold;
}
.ytsearch .Next, .ytsearch .Prev{
	background-color:#92288d;
	cursor:pointer;
	cursor:hand;
	position:absolute;
	top:150px;
	width:20px;
	color:#fff;
	height:20px;
	text-align:center;
	line-height:20px;
}
.ytsearch .Next:hover, .ytsearch .Prev:hover{
	text-decoration:none;
}
.ytsearch .Next{
	right:345px;
}
.ytsearch .Prev{
	left:0px;
}
.ytresults li img{
	margin:0 0 5px 0;
	display:block;
	width:120px;
	height:90px;
}
.ytresults .Clearer{
	padding-top:5px;
	float:none;
}
#ytvideo{
	float:right;
}
.Accordian h3{
	background-image:url(/Content/Img/triangle_down.png);
	background-repeat:no-repeat;
	background-position:10px center;
	height:36px;
	line-height:36px;
	padding-left:36px;
	color:#000;
	margin-top:0;
}
.Accordian ul{
	padding-bottom:9px;
	width:100%;
	margin-left:0;
	overflow:hidden;
}
.Accordian .Closed{
	background-image:url(/Content/Img/triangle_right.png);
	cursor:hand;
	cursor:pointer;
}
.Hidden{
	display:none;
}
.Accordian li{
	list-style-type:none;
	float:left;
	padding-right:10px;
}
.DownloadBody{
	width:100%;
	overflow:hidden;
}
.RightCharacter{
	position:absolute;
	top: 390px;
	right: 50px;
}
.MultiCarousel{
	height:280px;
}
.MultiCarouselWrapper{
	padding-bottom:320px;
	border-top:0;
}
.DownloadListWrapper{
	display:none;
}
.SelectedDLW{
	display:block;
	position:absolute;
	top:20px;
	right:20px;
	background-color:#fff;
	width:520px;
	height:240px;
}
.SelectedDLW .Next{
	right:10px;
	top:125px;
}
.SelectedDLW .Prev{
	left:10px;
	top:125px;
}
.DownloadListWrapper h5, .BookList h5{
	line-height:30px;
	height:30px;
	margin:0 10px;
}
.CarouselContainer ul.DownloadList{
	background-color:#fff;
	top:30px;
	right:30px;
	height:204px;
	width:460px;
}
.CarouselContainer ul.DownloadList li a img{
	border:1px solid #dedede;
}
.CarouselText a{
	color:#606463;
}
.CarouselText a.Selected{
	color:#d4155b;
}
.CarouselText a:hover{
	text-decoration:none;
}
.CarouselText a:hover span{
	text-decoration:underline;
}
.BookListCat{
	padding:20px 15px;
	background-color:#e9f6fc;
	min-height:160px;
	position:relative;
}
.CatList{
	width:240px;
	float:left;
} 
.CatList a{
	color:#606463;
	width:200px;
	padding-right:10px;
	display:block;
	float:left;
}
.CatList a:hover{
	text-decoration:none;
}
.CatList a:hover span{
	text-decoration:underline;
}
.CatList a.Selected{
	color:#29aae3;	
}
.BookMonster{
	position:absolute;
	bottom:0px;
	left:240px;
}
.BookList{
	float:right;
	background-color:#fff;
	display:none;
	width:360px;
	min-height:160px;
}
.BookList a{
	color:#464646;
}
.BookList a span{
	color:#959595;
}
.SelectedBL{
	display:block;
	width: 400px;
	text-align: center;
}
.BookList ul{
	list-style-type:none;
	margin:0 10px 10px;
}
.ytauthor{
	list-style-type:none;
	margin:41px 0 0 0;
}
.ytauthor li{
	padding-bottom:10px;
}
.NewsThumbnail{
	position: relative;
	width: 140px;
	padding:10px 10px 10px 0;
}
.RightOfTitle{
	float:right;
	line-height:58px;
	vertical-align:baseline;
}
.discImg{
	padding: 10px;
}
.discImg a{
	display: inline-block;
	padding: 10px;
}
.discImg img{
	padding: 5px;
}



.row:after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 1%;
}
.buttons [class*="col-"]:hover {
    opacity: .9;
}

/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}

@media only screen and (min-width: 120px) {

.col-menu-4 {width: 33.33%;}

}

@media only screen and (min-width: 320px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}


}


@media only screen and (min-width: 460px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}

}







@media all and (max-width: 768px){


.list .item{
	width: auto;
}

ul.CharacterItems li.Item0{
	width:450px;
	float:none;
	clear:left;
}
ul.CharacterItems li.Item1{
	width:450px;
	float:none;
	clear:right;
}

.sb-menu{
	display: inline-block;
  line-height: 270%;
  position: absolute;
  height: 90%;
}
.sb-menu li{
  position: relative;
  display: inline-table;
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
html {
	overflow-x: hidden;
}
body {
	font-size: 14px;
	background-color: #fff;
	height: 100%;
}
#TwoColMain{
	width: 65%;
}
#TwoColSide{
	width: 32%;
}
.divert{
	top: -36px;
	right: -15px;
}
.HeaderImage{
	height: 100px;
}
#HeaderBoxWrapper{
	top: 0px;
	height: 100px;
	width: 100%;
  background-color: #99ccff;
}
.wrap{
	width: 100%;
	overflow: hidden;
}
#page{
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	border: none;
	overflow: visible !important;
}
#header{
	display: none;
}
#navButton{
	display: block;
	width: 96%;
  height: 36px;
  color: #ffffff;
  line-height: 200%;
	text-align: left;
	font-size: 18px;
  margin: 0 auto;
  padding: 0 2%;
  background-image: url('/Upload/Burger.png');
  background-repeat: no-repeat;
  background-size: 40px 100%;
  background-color: #3782c0;
}
.inner{
	width: 100%;
}
.topMenu{
	width: 100%;
}
.audioHelp{
	position: relative;
	margin: 0 auto;
	width: 70%;
}
.audioHelpCenter{
	position: relative;
	text-align: center;
	margin: 0 auto;
	width: 70%;
}
.audioElmer{
	position: relative;
	width: 80%;
	text-align: right;
}
.audioElmer img{
	position: relative;
	width: 30%;
}
.audioTitle{
	text-align: center;
	font-size: 16pt;
	top: 20%;
	left: 10%;
	width: 50%;
	position: absolute;
}
.apSmall { 
	display: block;
	position: absolute;
	bottom: 0;
	width: 70%;
	max-width: 420px;
}
.apFull {
	display: none; 
}
#HeaderBox{
	position: absolute;
	bottom: 0%;
	right: 0%;
	width: 120px;
	height: 100%;
}
#st-default-search-input{
	top: 103px;
	right: 10px;
	width: 25%;
}
#facebook{
	position: absolute;
	bottom: 0px;
	left: 0%;
	z-index: 10;
	background-image:url(/Upload/FB-100.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#twitter{
	position: absolute;
	bottom: 0px;
	right: 0%;
	z-index: 10;
	background-image:url(/Upload/twitter_72.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.hidden{
	display: none;
}
p.shrinkMe{
	font-size: 18pt;
}
#content{
	margin: 0;
	margin-bottom: 80px;
}
#main{
	padding-top: 2%;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 20px;
}
.HomeSlideshow{
	position: relative;
	width: 100%;
	margin: 0 auto;
	float: none;
}
.Progress{
	display: none;
}
.Links{
	display: none;
}
.HighlightsPicker{
	margin: 0 auto;
	height: 112%;
}
.HomeSlideshow .HighlightsShade{
	padding: 0px;
	width: 100%;
	height: 15%;
	line-height: 340%;
}
.HomeSlideshow .HighlightsShade a{
	font-size: 18px;
	padding-left: 10px;
}
.HomeSlideshow li{
	width: 100%;
	height: auto;
	position: absolute;
}
.HomeSlideshow ul.Links{
	bottom: -48px;
}
.HomeSlideshow .Progress{
	bottom: -52px;
}
.HomeSlideshow img{
	width: 100%;
	height: auto;
}
#twitterWidget{
	position: absolute;
	display: none;
	top: 354px;
	right: 0px;
	width: 49%;
}
#twitter-widget-0{
	width: 100% !important;
	height: 780px !important;
}
.HomeAges{
	display: none;
	float: none;
	position: relative;
	top: 58px;
	width: 49%;
}
.HomeAges ul{
	width: 100%;
}
.AgeLinks li{
	line-height: 40px;
}
.BookPickerContainer{
	position: relative;
	width: 100%;
	height: 370px;
	overflow: hidden;
	vertical-align: middle;
}
.HomeHighlight{
	position: relative;
	top: 50px;
	width: 49%;
}
.HomeHighlight li{
	height: 352px;
}
.HomeHighlight1{
	padding: 0;
}
.HomeHighlight1 a{
	width: 100%;
}
.HomeHighlight1 a img{
	width: 100%;
}
.HomeHighlight2{
	padding-right:5px;
}
.HomeHighlight2 a{
	width: 100%;
}
.HomeHighlight2 a img{
	width: 100%;
}
.HomeHighlight .BookInfoShade{
	width: 100%;
}
.HomeCarousels{
	top: 66px;
	border: none;
}
.CarouselContainer{
	width: 100%;
	padding: 20px 0px;
}
.CarouselText{
	position: relative;
	width: 280px;
	left: 20px;
}
.CarouselText h2{
	width: 60%;
	font-size: 20px;
}
.CarouselText p{
	margin: 0;
	width: 60%;
	font-size: 12px;
}
.CarouselContainer ul{
	width: 390px;
	right: 40px;
}
.CarouselContainer .Next{
	right: 14px;
}
.CarouselContainer .Prev{
	right: 420px;
}
.footer{
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: 0px;
	z-index: 300;
	margin: 0;
}
.footer p{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin-left: 2%;
	margin-right: 2.1%;
	padding-left: 10px;
	line-height: 40px;
  background-color: #99ccff;
}
.footer img{
	display: none;
	bottom: 0px;
	right: 0px;
}
.HomeAges img{
	right: 10px;
	bottom: 10px;
	width: 40%;
}
}

@media all and (max-width: 480px){


div.item.i0.a0 a{
	font-size: 21px;
}
.list img{
	width: 28%;
}
.list a{
	width: 62%;
}
div.item.i0.a0 p{
	display: none;
}
div.item.i0.a0 img{
	width: 32%;
}
.HomeHighlight2{
	padding-bottom: 5px;
}
.HomeHighlight h4{
	margin-top: 0px;
}
.sb-menu{
	display: inline-block;
  line-height: 270%;
  position: absolute;
  height: 90%;
}
.sb-menu li{
  position: relative;
  display: inline-table;
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body {
	font-size: 14px;
	background-color: #fff;
	height: 100%;
}
#TwoColMain{
	width: 65%;
}
#TwoColSide{
	width: 32%;
}
.divert{
	top: -36px;
	right: -15px;
}
.HeaderImage{
	height: 65px;
  width: 100%;
  z-index: 8;
}
#HeaderBoxWrapper{
	top: 0px;
	height: 65px;
	width: 100%;
  background-color: #99ccff;
}
.wrap{
	width: 100%;
}
#page{
	width: 100%;
	border: none;
	overflow: visible !important;
}
#header{
	display: none;
}
#navButton{
	display: block;
	width: 100%;
  height: 36px;
  color: #ffffff;
  line-height: 200%;
	text-align: left;
	font-size: 18px;
  margin: 0 auto;
  padding: 0 2%;
  background-image: url('/Upload/Burger.png');
  background-repeat: no-repeat;
  background-size: 40px 100%;
  background-color: #3782c0;
}
.inner{
	width: 100%;
}
.topMenu{
	width: 100%;
}
.audioHelp{
	position: relative;
	margin: 0 auto;
	width: 70%;
}
.audioHelpCenter{
	position: relative;
	text-align: center;
	margin: 0 auto;
	width: 70%;
}
.audioElmer{
	position: relative;
	width: 80%;
	text-align: right;
}
.audioElmer img{
	position: relative;
	width: 30%;
}
.audioTitle{
	text-align: center;
	font-size: 16pt;
	top: 20%;
	left: 10%;
	width: 50%;
	position: absolute;
}
.apSmall { 
	display: block;
	width: 70%;
}
.apFull {
	display: none; 
}
#HeaderBox{
	position: absolute;
	top: 0%;
	right: 0%;
	width: 120px;
	height: 48%;
}
#st-default-search-input{
	top: 67px;
	right: 10px;
	width: 25%;
}
#facebook{
	position: absolute;
	bottom: 0px;
	left: 0%;
	z-index: 10;
	background-image:url(/Upload/FB-100.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#twitter{
	position: absolute;
	bottom: 0px;
	right: 0%;
	z-index: 10;
	background-image:url(/Upload/twitter_72.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.hidden{
	display: none;
}
p.shrinkMe{
	font-size: 18pt;
}
#content{
	margin: 0 2%;
}
#main{
	padding-top: 2%;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 20px;
}
.HomeSlideshow{
	position: relative;
	width: 100%;
	margin: 0 auto;
	float: none;
}
.Progress{
	display: none;
}
.Links{
	display: none;
}
.HighlightsPicker{
	margin: 0 auto;
	height: 100%;
}
.HomeSlideshow .HighlightsShade{
	padding: 0px;
	width: 100%;
	height: 15%;
	line-height: 220%;
}
.HomeSlideshow .HighlightsShade a{
	font-size: 18px;
	padding-left: 10px;
}
.HomeSlideshow li{
	width: 100%;
	height: auto;
	position: absolute;
}
.HomeSlideshow ul.Links{
	bottom: -48px;
}
.HomeSlideshow .Progress{
	bottom: -52px;
}
.HomeSlideshow img{
	width: 100%;
	height: auto;
}
#twitterWidget{
	position: absolute;
	top: 224px;
	right: 0px;
	width: 49%;
}
#twitter-widget-0{
	width: 370px;
	height: 624px;
}
.HomeAges{
	float: none;
	position: relative;
	top: -66px;
	width: 49%;
}
.HomeAges ul{
	width: 100%;
}
.AgeLinks li{
	line-height: 40px;
}
.BookPickerContainer{
	position: relative;
	width: 100%;
	height: 370px;
	overflow: hidden;
	vertical-align: middle;
}
.HomeHighlight{
	position: relative;
	float: none;
	top: -80px;
	width: 49%;
}
.HomeHighlight li{
	height: 352px;
}
.HomeHighlight1{
	padding: 0;
}
.HomeHighlight1 a{
	width: 100%;
}
.HomeHighlight1 a img{
	width: 100%;
	vertical-align: none;
}
.HomeHighlight .BookInfoShade{
	width: 100%;
}
.HomeCarousels{
	top: -64px;
	border: none;
}
.CarouselHeader{
	font-size: 14px;
	margin: 0 6px 3px 0;
	padding: 0 9px;
}
.CarouselContainer{
	width: 100%;
	padding: 20px 0px;
}
.CarouselText{
	position: relative;
	width: 140px;
	left: 20px;
	font-size: 12px;
}
.CarouselText h2{
	font-size: 14px;
}
.CarouselContainer ul{
	width: 250px;
	right: 40px;
}
.CarouselContainer .Next{
	right: 14px;
}
.CarouselContainer .Prev{
	right: 420px;
}
.footer{
	position: fixed;
	width: 100%;
	bottom: 0px;
	z-index: 10;
}
.footer p{
	margin-top: -20px;
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 2%;
	padding-left: 10px;
	line-height: 40px;
  background-color: #99ccff;
}
.footer img{
	bottom: -46px;
	right: 0px;
}
.HomeAges img{
	right: 10px;
	bottom: 10px;
	width: 40%;
}
}


@media all and (max-width: 420px){

.wrap{
}


.sb-menu{
	display: inline-block;
  line-height: 270%;
  position: absolute;
  height: 90%;
}
.sb-menu li{
  position: relative;
  display: inline-table;
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body {
	font-size: 14px;
	background-color: #fff;
	height: 100%;
}
#TwoColMain{
	width: 65%;
}
#TwoColSide{
	width: 32%;
}
.divert{
	display: none;
}
.HeaderImage{
	height: 109px;
  width: 100%;
  z-index: 8;
}
#HeaderBoxWrapper{
	top: 0px;
	height: 73px;
	width: 100%;
  background-color: #99ccff;
}
.wrap{
	width: 100%;
}
#page{
	width: 100%;
	border: none;
	overflow: visible !important;
}
#header{
	display: none;
}
#navButton{
	display: block;
	width: 100%;
  height: 36px;
  color: #ffffff;
  line-height: 200%;
	text-align: left;
	font-size: 18px;
  margin: 0 auto;
  padding: 0 2%;
  background-image: url('/Upload/Burger.png');
  background-repeat: no-repeat;
  background-size: 40px 100%;
  background-color: #3782c0;
}
.inner{
	width: 100%;
}
.topMenu{
	width: 100%;
}
.audioHelp{
	position: relative;
	margin: 0 auto;
	width: 70%;
}
.audioHelpCenter{
	position: relative;
	text-align: center;
	margin: 0 auto;
	width: 70%;
}
.audioElmer{
	position: relative;
	width: 80%;
	text-align: right;
}
.audioElmer img{
	position: relative;
	width: 30%;
}
.audioTitle{
	text-align: center;
	font-size: 16pt;
	top: 20%;
	left: 10%;
	width: 50%;
	position: absolute;
}
.apSmall { 
	display: block; 
}
.apFull {
	display: none; 
}
#HeaderBox{
	position: absolute;
	top: 0%;
	right: 0%;
	width: 23%;
	height: 60%;
}
#homeLink{
	left: 100px;
	width: 134px;
	height: 28px;
}
#st-default-search-input{
	top: 65px;
	right: 6px;
	width: 25%;
}
#facebook{
	position: absolute;
	bottom: 0px;
	left: 0%;
	width: 45%;
	height: 100%;
	z-index: 10;
	background-image:url(/Upload/FB-100.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
#twitter{
	position: absolute;
	top: 0px;
	right: 0%;
	width: 45%;
	height: 100%;
	z-index: 10;
	background-image:url(/Upload/twitter_72.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.hidden{
	display: none;
}
p.shrinkMe{
	font-size: 18pt;
}
#content{
	margin: 0 2%;
}
#main{
	padding-top: 2%;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 20px;
}
.HomeSlideshow{
	position: relative;
	width: 100%;
	height: 134px;
	margin: 0 auto;
	float: none;
}
.Progress{
	display: none;
}
.Links{
	display: none;
}
.HighlightsPicker{
	margin: 0 auto;
	height: 100%;
}
.HomeSlideshow .HighlightsShade{
	padding: 0px;
	width: 100%;
	height: 15%;
	line-height: 160%;
}
.HomeSlideshow .HighlightsShade a{
	font-size: 14px;
	padding-left: 10px;
}
.HomeSlideshow li{
	width: 100%;
	height: auto;
	position: absolute;
}
.HomeSlideshow ul.Links{
	bottom: -48px;
}
.HomeSlideshow .Progress{
	bottom: -52px;
}
.HomeSlideshow img{
	width: 100%;
	height: auto;
}
#twitterWidget{
	position: absolute;
	top: 152px;
	right: 0px;
	width: 65%;
}
#twitter-widget-0{
	width: 370px;
	height: 370px;
}
.HomeAges{
	float: none;
	position: relative;
	top: 0px;
	width: 32%;
}
.HomeAges ul{
	width: 100%;
}
.AgeLinks li{
	line-height: 40px;
}
.BookPickerContainer{
	position: relative;
	width: 100%;
	height: 320px;
	overflow: hidden;
	vertical-align: middle;
}
.HomeHighlight{
	position: relative;
	top: 0px;
	width: 100%;
}
.HomeHighlight h4{
	font-size: 12px;
}
.HomeHighlight li{
	height: 352px;
}
.HomeHighlight1{
	padding: 0;
}
.HomeHighlight1 a{
	width: 100%;
}
.HomeHighlight1 a img{
	width: 100%;
}
.HomeHighlight .BookInfoShade{
	width: 100%;
}
.HomeCarousels{
	top: 66px;
	border: none;
	display: none;
}
.CarouselContainer{
	width: 100%;
	padding: 20px 0px;
}
.CarouselText{
	position: relative;
	width: 280px;
	left: 20px;
}
.CarouselContainer ul{
	width: 390px;
	right: 40px;
}
.CarouselContainer .Next{
	right: 14px;
}
.CarouselContainer .Prev{
	right: 420px;
}
.footer{
	position: fixed;
	width: 100%;
	height: 28px;
	bottom: 0px;
	margin-bottom: 0%;
	z-index: 10;
}
.footer p{
	margin-top: 0px;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	padding-left: 10px;
	font-size: 10px;
	line-height: 14px;
  background-color: #99ccff;
}
.footer img{
	display: none;
}
.HomeAges img{
	display: none;
}

.list .item{
	width: 308px;
	height: 170px;
}
.date{
	left: 120px;
}
.list a{
	left: 120px;
}
.list p{
	left: 120px;
	width: 174px;
	max-height: 60px;
}
.NewsThumbnail{
	width: 100px;
}
.BookViewImage{
	float: none;
  margin: 0 auto;
}
.BookViewInfo{
	width: 94%;
  margin: 0 auto;
  overflow: hidden;
}
#TwoColMain{
	width: 100%;
	padding: 0px;
}
#TwoColSide{
	width: 100%;
}
.BurgerTitle{
	padding: 0px;
	background: none;
}
.ytsearch{
	padding: 14px;
	min-height: 180px;
}
.ytsearch iframe{	
	width: 280px;
	height: 180px;
}
.CatList{
	width: 100%;
}
.CatList a{
	width: 50%;
	font-size: 10px;
}
.BookMonster{
	display: none;
}
.SelectedBL{
	position: absolute;
	top: 10px;
	right: 2%;
	width: 50%;
	height: 350px;
	overflow: auto;
}
.BookList h5{
	font-size: 16px;
}
.discImg a{
	font-size: 10px;
}
.discImg img{
	width: 90%;
}



#twitterWidget{
	top: 172px;
}
.HomeAges{
	top: 20px;
}
.HomeHighlight{
	top: 10px;
}

}


@media all and (max-width: 420px) and (min-height: 300px){

.sb-menu{
	display: inline-block;
  line-height: 270%;
  position: absolute;
  height: 90%;
}
.sb-menu li{
  position: relative;
  display: inline-table;
  width: 100%;
  height: 40px;
  padding: 0;
  margin: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
body {
	font-size: 14px;
	background-color: #fff;
	height: 100%;
}
#TwoColMain{
	width: 65%;
}
#TwoColSide{
	width: 32%;
}
.divert{
	display: none;
}
.HeaderImage{
	height: 73px;
  width: 100%;
  z-index: 8;
}
#HeaderBoxWrapper{
	top: 0px;
	height: 73px;
	width: 100%;
  background-color: #99ccff;
}
.wrap{
	width: 100%;
}
#page{
	width: 96%;
	border: none;
	overflow: visible !important;
}
#header{
	display: none;
}
#navButton{
	position: fixed;
	display: block;
	top: 73px;
	width: 100%;
  height: 36px;
  color: #ffffff;
  line-height: 200%;
	text-align: left;
	font-size: 18px;
  margin: 0 auto;
  padding: 0 2%;
  background-image: url('/Upload/Burger.png');
  background-repeat: no-repeat;
  background-size: 40px 100%;
  background-color: #3782c0;
  z-index: 3;
}
.inner{
	width: 100%;
}
.topMenu{
	width: 100%;
}
.audioHelp{
	position: relative;
	margin: 0 auto;
	width: 70%;
}
.audioHelpCenter{
	position: relative;
	text-align: center;
	margin: 0 auto;
	width: 70%;
}
.audioElmer{
	position: relative;
	width: 80%;
	text-align: right;
}
.audioElmer img{
	position: relative;
	width: 30%;
}
.audioTitle{
	text-align: center;
	font-size: 16pt;
	top: 20%;
	left: 10%;
	width: 50%;
	position: absolute;
}
.apSmall { 
	display: block;
	width: 100%;
}
.apFull {
	display: none; 
}
#HeaderBox{
	position: absolute;
	top: 0%;
	right: 0%;
	width: 23%;
	height: 60%;
}
#homeLink{
	left: 100px;
	width: 134px;
	height: 28px;
}
#st-default-search-input{
	top: 65px;
	right: 6px;
	width: 25%;
	z-index: 10;
}
.st-default-search-input{
	z-index: 10;
}
#facebook{
	position: absolute;
	bottom: 0px;
	left: 0%;
	width: 45%;
	height: 100%;
	z-index: 10;
	background-image:url(/Upload/FB-100.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
#twitter{
	position: absolute;
	top: 0px;
	right: 0%;
	width: 45%;
	height: 100%;
	z-index: 10;
	background-image:url(/Upload/twitter_72.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.hidden{
	display: none;
}
p.shrinkMe{
	font-size: 18pt;
}
#content{
	margin: 0 2%;
}
#main{
	padding-top: 2%;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 40px;
}
.HomeSlideshow{
	position: relative;
	width: 100%;
	height: 158px;
	margin: 0 auto;
	margin-left: 0;
	float: none;
}
.Progress{
	display: none;
}
.Links{
	display: none;
}
.HighlightsPicker{
	margin: 0 auto;
	height: 100%;
}
.HomeSlideshow .HighlightsShade{
	padding: 0px;
	width: 100%;
	height: 15%;
	line-height: 160%;
}
.HomeSlideshow .HighlightsShade a{
	font-size: 14px;
	padding-left: 10px;
}
.HomeSlideshow li{
	width: 100%;
	height: auto;
	position: absolute;
}
.HomeSlideshow ul.Links{
	bottom: -48px;
}
.HomeSlideshow .Progress{
	bottom: -52px;
}
.HomeSlideshow img{
	width: 100%;
	height: auto;
}
#twitterWidget{
	position: absolute;
	top: 177px;
	right: 0px;
	width: 65%;
}
#twitter-widget-0{
	width: 225px !important;
	height: 370px !important;
}
.HomeAges{
	display: none;
	float: none;
	position: relative;
	top: 0px;
	width: 32%;
}
.HomeAges ul{
	width: 100%;
}
.AgeLinks li{
	line-height: 40px;
}
.BookPickerContainer{
	position: relative;
	width: 100%;
	height: 320px;
	overflow: hidden;
	vertical-align: middle;
}
.HomeHighlight{
	position: relative;
	top: 0px;
	width: 100%;
}
.HomeHighlight h4{
	font-size: 12px;
}
.HomeHighlight li{
	height: 352px;
}
.HomeHighlight1{
	padding: 0;
}
.HomeHighlight1 a{
	width: 100%;
}
.HomeHighlight1 a img{
	width: 100%;
}
.HomeHighlight .BookInfoShade{
	width: 100%;
}
.HomeCarousels{
	top: 66px;
	border: none;
	display: none;
}
.CarouselContainer{
	width: 100%;
	padding: 20px 0px;
}
.CarouselText{
	position: relative;
	width: 280px;
	left: 20px;
}
.CarouselContainer ul{
	width: 390px;
	right: 40px;
}
.CarouselContainer .Next{
	right: 14px;
}
.CarouselContainer .Prev{
	right: 420px;
}
.footer{
	position: absolute;
	width: 100%;
	height: 14px;
	bottom: 0px;
	margin-bottom: 0%;
	z-index: 10;
}
.footer p{
	margin-top: 0px;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	padding-left: 10px;
	font-size: 10px;
	line-height: 14px;
  background-color: #99ccff;
}
.footer img{
	display: none;
}
.HomeAges img{
	display: none;
}

.list .item{
	width: 308px;
	height: 170px;
}
.date{
	left: 120px;
}
.list a{
	left: 120px;
}
.list p{
	left: 120px;
	width: 174px;
	max-height: 60px;
}
.NewsThumbnail{
	width: 100px;
}
.BookViewImage{
	float: none;
  margin: 0 auto;
}
.BookViewInfo{
	width: 94%;
  margin: 0 auto;
  overflow: hidden;
}
#TwoColMain{
	width: 100%;
	padding: 0px;
}
#TwoColSide{
	width: 100%;
}
.BurgerTitle{
	padding: 0px;
	background: none;
}
.ytsearch{
	padding: 14px;
	min-height: 180px;
}
.ytsearch iframe{	
	width: 280px;
	height: 180px;
}
.CatList{
	width: 100%;
}
.CatList a{
	width: 50%;
	font-size: 10px;
}
.BookMonster{
	display: none;
}
.SelectedBL{
	position: absolute;
	top: 10px;
	right: 2%;
	width: 50%;
	height: 350px;
	overflow: auto;
}
.BookList h5{
	font-size: 16px;
}
.discImg a{
	font-size: 10px;
}
.discImg img{
	width: 90%;
}

}

@media all and (max-width: 420px) and (min-height: 481px){

.wrap{
	position: absolute;
  top: 109px;
  height: auto;
}

}

@media all and (max-width: 420px) and (min-height: 541px){

.apSmall{
	width: 100%;
}
.HeaderImage{
	position: fixed;
  width: 100%;
  z-index: 8;
}
#HeaderBoxWrapper{
	height: 73px;
	width: 100%;
}
#st-default-search-input{
	top: 76px;
}
.wrap{
	position: absolute;
  top: 109px;
  height: auto;
}

}

@media all and (max-width: 420px) and (min-height: 641px){

.apSmall{
	width: 100%;
}
.HeaderImage{
	height: 73px;
  width: 100%;
  z-index: 12;
}
#HeaderBoxWrapper{
	height: 73px;
	width: 100%;
}
.wrap{
	position: absolute;
	top: 109px;
	height: auto;
}
.footer{
	height: 14px;
	z-index: 10;
}
.HomeAges{
	top: 0px;
}
#twitterWidget{
	top: 177px;
}
.HomeHighlight{
	top: 0px;
	overflow: hidden;
}
.HomeHighlight h4{
	margin: 0;
	padding-left: 2%;
	width: 98%;
}
.BookPickerContainer{
	height: 380px;
}
}


@media all and (max-width: 300px){

body {
	min-width: 300px;
	font-size: 14px;
}
.audioMid{
	width: 80%;
	margin: 0 auto;
	text-align: center;
}
.audioElmer{
	position: relative;
	width: 90%;
	text-align: right;
}
.audioElmer img{
	position: relative;
	width: 30%;
}
.audioTitle{
	text-align: center;
	font-size: 14pt;
	top: 6%;
	left: 10%;
	width: 50%;
	position: absolute;
	color: #3782c0;
}
.apSmall {
	display: block;
}
.apFull {
	display: none; 
}
.page {
	width: 100%; 
}
#header {
	display: none; 
}
#navButton {
	width: 86%;
	height: 40px;
	color: #ffffff;
	line-height: 240%;
	text-align: left;
	margin: 0 auto;
	padding: 0 2%;
	background-color: #3782c0;
	outline: 1px solid #3782c0; 
}
#HeaderBox {
	position: absolute;
	bottom: -56%;
	right: 0%;
	width: 40%;
	height: 58%; 
}
#facebook{
	position: absolute;
	bottom: 0px;
	right: 0%;
	width: 30%;
	height: 100%;
	z-index: 10;
	background-image: url(/Upload/FB-f-Logo__blue_72.png);
	background-size: 100%;
}
#twitter{
	position: absolute;
	bottom: 0px;
	left: 24%;
	width: 30%;
	height: 100%;
	z-index: 10;
	background-image: url(/Upload/twitter_72.png);
	background-size: 100%;
}
#homelink{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.sb-menu ul{
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
}
.sb-menu li{
	position: relative;
	display: inline-table;
	width: 100%;
	height: 40px;
	padding: 0;
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
}
.sb-menu li ul{
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1); 
}
.sb-menu a:hover {
	cursor: pointer;
}
.sb-menu{
	display: inline-block;
	line-height: 240%;
	position: absolute;
	height: 90%;
}
.hidden{
	display: none;
}
#navClose{
	color: #ffffff;
	font-size: 12px;
}
.audioHelp{
	position: relative;
	margin: 0 auto;
	width: 90%;
}
.audioHelpLink{
	position: relative;
	top: 0%;
	left: 0%;
}
.audioHelpCenter{
	position: relative;
	text-align: center;
	margin: 0 auto;
	width: 90%;
}
p.shrinkMe{
	font-size: 1pt;
}
}

.hidden{
	display: none;
}