* {
  margin: 0;
  padding: 0;
}
body {
  background: #fff;
  color: #111;
  font-family: helvetica, arial, verdana, FreeSans, sans-serif;
  font-size: 12px;
}
a,
a:visited {
  color: #333;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #777;
  text-decoration: underline;
}
img {
  border: none;
}
p {
  line-height: 1.2em;
}
legend {
  white-space: normal;
}
#interior p {
  font-size: 1.1em;
  margin: 10px 0;
}
#interior h1 {
  border-bottom: 2px dashed #0099FF;
  color: #222;
  font-size: 20px;
  margin-bottom: .5em;
}
#interior h2,
#trivia h2.subhead {
  color: #222;
  font-size: 14px;
  margin: 24px 0 6px 0;
}
#interior h3 {
  font-size: 13px;
  margin-bottom: 4px;
}
#interior ul,
#interior ol {
  margin-left: 24px;
}
#interior li {
  margin-bottom: 12px;
}
#interior a,
#interior a:visited {
  color: #0099ff;
  text-decoration: underline;
}
h1 a:hover {
  text-decoration: none;
}
h2 {
  font-size: 18px;
}
div#outer-container {
  background: url('/images/shadow-bottom.gif') no-repeat bottom;
  background-color: #0099ff;
  margin: 0 auto;
  position: relative;
  width: 836px;
}
div#container {
  margin: 0 auto;
  width: 798px;
}
h1#home-logo {
  position: absolute;
  top: 0;
  left: -10px;
}
h1#home-logo img {
  border: none;
  height: 325px;
  width: 256px;
  }
h1#int-logo {
  height: 140px;
  position: absolute;
  top: 0;
  left: -10px;
  width: 500px;
  z-index: 2;
}
h1#int-logo img {
  height: 135px;
  width: 181px;
}
h1#int-logo span {
  color: #fff;
  font-family: 'Trebuchet MS', helvetica, arial, sans-serif;
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  top: 24px;
}
div#search {
  background: url('/images/search01.jpg') no-repeat;
  height: 94px;
  position: absolute;
  right: 64px;
  width: 303px;
  z-index: 2;
}
div#search #input-box {
  border: none;
  background: transparent;
  font-family: courier, 'Courier New', monospace;
  font-size: 1.2em;
  left: 12px;
  position: absolute;
  top: 38px;
  width: 206px;
}
div#search #search-submit {
  background: transparent;
  border: none;
  cursor: pointer;
  float: right;
  height: 80px;
  width: 80px;
}

#head-box {
  float: right;
  height: 228px;
  margin-bottom: 10px;
  width: 602px;
}
#head-nav {
  float: right;
  font-size: 19px;
  padding: 78px 12px 8px 0;
}
#head-nav li a {
  padding: 0 14px;
}
#foot-nav {
  color: #fff;
  font: bold 1.2em 'Lucida Casual', 'Comic Sans MS', cursive, helvetica, sans-serif;
  margin: 0 auto;
  text-align: center;
} 
#foot-nav ul {
  margin: 4px 0;
}
#foot-nav li a{
  color: #fff;
  margin:  4px 4px 8px 0px;
  padding-right: 10px;
}
#foot-nav li a {
  border-right: 1px solid;
}  
#foot-nav li.last a{
  border-right: none;
}
.nav li {
  display: inline;
}
#left-box,
#right-box {
  height: 268px;
  padding: 10px;  
  position: relative;
  z-index: 0;
}
#left-box {
  background: #fff url('/images/create-02.jpg') no-repeat;
  clear: both;
  float: left;
  width: 259px;
}
#left-box h2 {
  color: #ce099c;
  float: right;
  font: normal 22px 'Lucida Casual', 'Comic Sans MS', cursive, helvetica, sans-serif;
  margin: -10px 0 4px 0;
}
#left-box h2 a,
#left-box h2 a:visited {
  color: #ce099c;
}
#left-box p {
  clear: right;
  float: right;
  width: 50%;
}
#right-box {
  background: #fff;
  float: right;
  overflow: hidden;
  position: relative;
  width: 480px;
}
#right-box h2 {
  color: #0099ff;
  font: normal 22px 'Lucida Casual', 'Comic Sans MS', cursive, helvetica, sans-serif;
  margin: -10px 0 4px 0;
}
#right-box h2 a,
#right-box h2 a:visited {
  color: #0099ff;
}
#right-box .more-link {
  background-color: #fff;
  opacity: .9;
  padding: 2px 14px 2px 4px;
}
#right-description {
  background: #fff;
  opacity: .9;
  padding: 10px 4px 8px 4px;
  position: absolute;
  top: 0;
  width: 300px;
}
#right-description p {
  width: 200px;
}
#right-full {
  top: 0;
  left: 0;
  position: absolute;
  z-index: -1;
}
#right-thumb {
  float: right;
  max-width: 100px;
}
p.sub-head {
  font-weight: bold;
}
#foot-left,
#foot-right {
  margin: 12px 0 25px 0;

}
#foot-left {
  background: #fff url('/images/play.jpg') no-repeat bottom;
  float: left;
  height: 162px;  
  padding: 10px;  
  position: relative;
  width: 259px;
}
#foot-left h2 {
  color: #0099ff;
  float: right;
}
#foot-left p {
  clear: right;
  float: right;
  text-align: right;
  width: 40%;
}
#foot-left a#play-games {
  height: 60px;
  position: absolute;
  top: 50px;
  width: 239px; 
}
#foot-right {
  color: #fff;
  float: right;
  height: 240px;
  padding-left: 5px;
  position: relative;
  width: 497px;
}
#foot-right a:hover {
  color: #333;
  text-decoration: underline;
}
#foot-right #book-image {
  background: transparent url('/images/bksk-animalboogie.png') no-repeat;
  position: absolute;
  bottom: 0;
  left: 50px;
  width: 156px;
  height: 145px;
  z-index: 0;
}

#foot-right #story-links {
  clear: both;
  text-align: right;
}
#foot-right #story-links span {
  background: url('/images/sml-arrow.gif') no-repeat 100% 60%;
  font-size: 1.1em;
  margin-left: 1em;
  padding-right: 1em;
}
#foot-right #story-links span a,
#foot-right #story-links span a:visited {
  color: #fff;
}
#foot-right p {
  float: left;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.4em;
  padding-right: 5px;
  position: absolute;
  width: 250px;
  z-index: 1;
}
#foot-right #video {
/*  background: url('/images/9776sm.jpg') no-repeat;
  border: 1px solid #444;
*/
  float: right;
  height: 173px;
  margin: 8px 0;
  width: 252px;
}
#interior-wrap {
  position: relative;
  padding: 0 9px 13px 0;
  width: 100%;
}
#interior-bottom {
  background: url('/images/bottom.png') no-repeat 100% 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 20px;
  width: 798px;
  z-index: -1;
}
#interior-top-right {
  background: url('/images/top-right.png') no-repeat 100% 0%;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  z-index: -1;
}
#interior {
  background: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 30px;
}
#interior-side {
  background: url('/images/shad.png') repeat-y top right;
  position: absolute;
  right: 0;
  top: 20px;
  bottom: 20px;
  width: 11px;
  z-index: -1;
}
#news h1,
#lesson-plan h1 {
  border-bottom: none;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  padding: 1px 12px;
}
#lesson-plan h1 {
  background-color: #de3425;
}
#news h1 {
  background-color: #df6f25;
}
#lesson-plan h1 a {
  color: #fff!important;
  display: block;
  text-decoration: none!important;
}
#news h2,
#lesson-plan h2 {
  color: #3b58a4;
  border-bottom: none;
  font-size: 18px;
  margin: 16px 6px 12px;
}
#lesson-plan h3 {
  background: url('/images/bullet_yellow.gif') no-repeat left;
  font-size: 14px;
  line-height: 24px;
  margin-left: 4px;
  margin-top: 20px;
  padding: 0 30px;
}
#news p, #news h3, #news ul,
#lesson-plan p, #lesson-plan ul, #lesson-plan ol {
  padding: 0 34px;
}
#lesson-plan img {
  border: 1px solid #aaa;
  margin: 6px 0;
  padding: 3px;
}
.download a {
  background: #efefef;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #aaa;
  color: #de3425!important;
  display: inline-block;
  font-weight: bold;
  margin: 16px 0;
  padding: 3px 6px;
  text-decoration: none!important;
}
.download a:hover {
  background-color: #de3425;
  border: 1px solid #800;
  color: #fff!important;
}

#copyright {
  margin: 12px 0;
  text-align: center;
}
/** Contact Us Form **/

#contact-us th {
  font-size: 14px;
  font-weight: normal;
  padding-right: 8px;
  text-align: right;
  vertical-align: top;
}
#contact-us input,
#contact-us textarea {
  margin-bottom: 12px;
}
#contact-us textarea {
  width: 300px;
}
#contact-us .errorlist {
  color: #D00;
  list-style-type: none;
  margin-left: 0;
}
#contact-us .errorlist li {
  margin-bottom: 0;
}
.more-link {
  background: url('/images/sml-arrow.gif') no-repeat 98% 60%;
  margin-top: 8px;
  padding-right: 16px;
  text-align: right;
}
.bottom {
  bottom: 8%;
  position: absolute;
  right: 10px;
}
.bigger {
  font: 1.3em 'Lucida Casual', 'Comic Sans MS', cursive, helvetica, sans-serif;
}
.clear {
  clear: both;
}
.required {
  color: #D00;
}
.underline {
  text-decoration: underline;
}

/** Trivia Game Styles **/
#trivia h1 {
  margin-bottom: 20px;
}
#trivia h2 {
  border: none;
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 16px;
}
#trivia h3 {
  font-size: 13px;
  margin-top: 12px;
}
#trivia p {
  font-family: FreeSerif, "Times New Roman", serif;
  font-size: 15px;
}
#trivia .question {
  border: 2px solid #444;
  clear: both;
  margin: 22px 0 30px 0;
  padding: 6px;
  position: relative;
  width: 726px;
}
#trivia .question label {
  font-size: 1.2em;
}
#trivia .question h2 {
  background: #fff;
  float: left;
  font-size: 1.5em;
  font-style: italic;
  font-weight: bold;
  margin-top: -1em;
  padding: 0 8px 0 8px;
  position: relative;
  max-width: 74%;
  width: auto!important;
  width: 74%;
}
#trivia .question h2 span {
  float: left;
  font-family: FreeSerif, "Times New Roman", serif;
  font-size: 2.4em;
  font-style: normal;
  margin: -.3em 8px 0 0;
  opacity: .5;
  left: 8px;
}
#trivia .question table {
  clear: both;
}
#trivia .hint {
  font-size: 13px;
  font-style: italic;
  margin-right: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
  text-align: right;
  width: 20%;
}
#trivia .hint span {
  color: #E05912;
  display: block;
  font-size: 14px;
}
#trivia ul {
  list-style-type: none;
  margin-left: 20px;
}
#trivia p.fun-fact {
  border: 1px solid #ccc;
  color: #E05912;
  font: 12px helvetica, arial, verdana, FreeSans, sans-serif;
  margin-left: 10px;
  padding: 4px;
  width: 250px;
}
#trivia p.fun-fact strong {
  color: #333;
}
#trivia #results-product {
  border: 2px solid #777;
  float: right;
  font-size: 12px;
  margin-left: 30px;
  padding: 10px;
  text-align: center;
  width: 320px;
}
#trivia #results-product a,
#trivia #results-product a:visited {
  color: #333;
  font-family: helvetica, arial, verdana, FreeSans, sans-serif;
  font-size: .9em;
  font-weight: bold;
}
#trivia #results-product a:hover {
  color: #c072b0;
}
#trivia .correct-answer {
  color: #390;
  font-size: 1.1em;
}
#trivia .incorrect-answer {
  color: #D00;
  font-size: 1.1em;
  font-weight: bold;
}
#trivia .check {
  background: url("/images/check.png") no-repeat 0%;
  font-weight: bold;
  padding-left: 18px;
}
#trivia .list-quiz {
  float: left;
  padding: 5px;
  width: 30%;
} 
.red,
.red a,
.red a:visited {
  color: #cb1e5e!important;
}
.yellow,
.yellow a,
.yellow a:visited {
  color: #c19904!important;
}
.ltblue,
.ltblue a,
.ltblue a:visited {
  color: #00adef!important;
}
.green,
.green a,
.green a:visited {
  color: #81c440!important;
}
.purple,
.purple a,
.purple a:visited {
  color: #c072b0!important;
}
.blue,
.blue a,
.blue a:visited {
  color: #2a449b!important;
}

/** Catalog Styles **/
#catalog h1 a {
  color: #222!important;
  text-decoration: none!important;
}
#catalog h2 a {
  font-size: 12px;
}
#catalog h3 {
  color: #e05912;
  display: inline;
  font-size: 13px;
  margin-right: 12px;
}
#catalog-home img {
  float: right;
}
#catalog-home h1 {
  color: #333;
  font-size: 18px;
}
#catalog-home h2 {
  margin: 0;
}
#catalog-home h3 {
  font-size: 14px;
}
#catalog-home ul {
  font-size: 14px;
  list-style-type: none;
  margin: 12px 0 16px 16px;
  text-decoration: underline;
}
#catalog-home a {
  text-decoration: underline;
}
#catalog-home p {
  margin-bottom: 16px;
}
#catalog li {
  margin-bottom: 4px;
}
#sidebar h3 a,
#sidebar h3 a:visited {
  color: #333;
}
#sidebar h3 {
  background-color: #ccc;
  display: block;
  font-family: 'Lucida Casual', 'Comic Sans MS', cursive, helvetica,  sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 8px 0;
  padding: 2px 4px 4px 8px;
}
#sidebar {
  border: 1px solid #555;
  float: left;
  font-size: 13px;
  margin: 20px 16px 10px 0;
  padding-bottom: 30px;
  width: 176px;
}
#sidebar a,
#sidebar a:visited {
  text-decoration: none;
}
#sidebar a:hover {
  text-decoration: underline;
}
#sidebar a.hasUl {
  background: url('/images/minus10.png') no-repeat right;
  cursor: pointer;
  padding-right: 16px;
}
#sidebar a.collapsed {
  background: url('/images/plus10.png') no-repeat right;
  cursor: pointer;
  padding-right: 16px;
}
#sidebar ul {
  list-style-type: none;
  margin-left: 4px;
}
#sidebar ul ul{
  margin: 0;
}
#sidebar li {
  font-weight: bold;
  margin: 0 10px 4px 0;
  padding-left: 20px;
  text-indent: -10px;
}
#sidebar li a,
#sidebar li a:visited {
  color: #E05912;
}
#sidebar li li a,
#sidebar li li a:visited {
  color: #C19904;
}
#sidebar li li {
  font-weight: normal;
  margin: 0 0 0 -8px;
  padding-left: 20px;
}
#sidebar li.current {
  background: url('../images/arrow-333.png') no-repeat 0 3px;
}
#catalog #no-products {
  margin-top: 30px;
}
#catalog a.current {
  text-decoration: underline;
}
#category-head {
  float: right;
  margin: 20px 0;
  width: 534px;
}
#category-head h2 {
  font-size: 16px;
  margin: 0 0 12px 0;
}
#category-head ul {
  margin-left: 24px;
}
#category-head img {
  float: right;
}
#category-list {
  font-size: 13px;
  list-style-type: none;
  margin-bottom: 12px;
}
#category-list li {
  display: inline;
  margin-right: 12px;
}
#catalog-categories {
  margin-left: 50px;
  width: 100%;
}
#catalog-categories ul {
  list-style-type: none;
  margin: 0 80px;
}
#catalog-categories li {
  float: left;
  font-family: 'Lucida Casual', 'Comic Sans MS', cursive, helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  width: 299px;
}
#catalog-categories li a,
#catalog-categories li a:visited {
  color: #333;
  text-decoration: none;
}
#catalog-categories li a:hover {
  text-decoration: underline;
}
#catalog-categories li ul {
  margin-left: 24px;
}
#catalog-categories li li {
  float: none;
  font-family: helvetica, arial, verdana, FreeSans, sans-serif;
  font-size: 16px;
  width: 150px;
}
#catalog-categories li li a,
#catalog-categories li li a:visited {
  color: #e05912;
}
#catalog-categories li li li {
  font-family: helvetica, arial, verdana, FreeSans, sans-serif;
  font-size: 14px;
  width: 130px;
}
#catalog-categories li li li a,
#catalog-categories li li li a:visited {
  color: #C19904;
}
#catalog table {
  border-collapse: collapse;
  width: 100%;
}
#catalog tr th {
  text-align: right;
  width: 100px;
}
#catalog tr td,
#catalog tr th {
  border: 1px solid #ccc;
  padding: 8px;
}
#catalog p.product-cat a {
  font-size: 11px;
}
.pagination {
  font-size: 13px;
  margin-top: 30px;
}
.pagination .count {
  float: left;
}
.pagination .pages {
  margin: 6px;
  text-align: right;
}
.pagination .current {
  margin: 0 6px;
}
#product-list {
  clear: right;
  float: right;
  width: 540px;
}
#search-results #product-list {
  width: 100%;
}
.list-product {
  float: left;
  height: 200px;
  padding: 10px;
  width: 160px;
}
#interior .list-product p {
  margin-bottom: 4px;
}
.list-product h3 {
  font-size: 12px!important;
  text-transform: capitalize;
}
#interior .list-product h3 a {
  color: #3D64B0;
  text-decoration: none;
}
#interior .list-product h3 a:hover {
  color: #3D4499;
}
.list-product img {
  border: 1px solid #777;
  padding: 1px;
}
.list-featured {
  float: left;
  height: 128px;
  margin: 0 20px 12px 0;
  padding: 10px;
  width: 344px;
}
.list-featured img {
  float: left;
  margin-right: 10px;
}
#detail-product {
  float: right;
  width: 520px;
}
#detail-product img {
  clear: both;
}
#detail-product #photos #main {
  float: left;
  margin-right: 10px;
}
#detail-product #description {
  clear: both;
  margin: 15px 0;
}
#detail-product h3 {
  color: #333;
  float: left;
  font-family: Calibri, helvetica, arial, verdana, FreeSans, sans-serif;
  font-size: 13px;
  font-weight: bold;
  width: 75%;
}
#detail-head {
  float: left;
  margin: 20px 0 8px 0;
  width: 100%;
}
#detail-head p {
  float: right;
  margin: 0 12px 0 0;
}
#login-form td,
#login-form th {
  padding: 4px;
}
.user-control {
  float: right;
  margin: 0 0 8px 8px!important;
}
.error {
  color: #D00;
}
.left {
  float: left;
  margin: 8px 12px 8px 0;
}
.right {
  float: right;
  margin: 8px 0 8px 12px;
}

#stemmap {
  background: url('/images/stems.jpg') no-repeat; 
  float: right;
  font-size: .9em;
  list-style-type: none;
  margin-top: 20px; 
  width: 520px; 
  height: 468px;
  vertical-align: bottom;
}
#stemmap a, #stemmap a:visited {
  color: #000;
  display: block;
  padding-top: 2px;
  text-decoration: none;
}
#stemmap li {margin-bottom: 2px;}
#stemmap a:hover {text-decoration: underline;}
#stemmap #thin a {height: 20px; padding-left: 290px;}
#stemmap #reg a {height: 22px; padding-left: 300px;}
#stemmap #spark a {height: 28px; padding-left: 310px;}
#stemmap #jumbo a {height: 30px; padding-left: 330px;}
#stemmap #super a {height: 34px; padding-left: 350px;}
#stemmap #giant a {height: 50px; padding-left: 370px;}
#stemmap #colossal a {height: 62px; padding-left: 390px;}
#stemmap #bump a {height: 58px; padding-left: 430px;}
#stemmap #supcolossal a {height: 120px; padding-left: 440px;}

/** anythingSlider styles **/

.anythingSlider                         { width: 738px; height: 300px; position: relative; margin: 20px 0;  }
.anythingSlider .wrapper                { background-color: #fff; border: 1px solid #AAA; width: 734px; overflow: auto; height: 240px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0;  margin: 0!important; }
.anythingSlider ul li                   { display: block; float: left; height: 300px; width: 734px; margin: 0; }
.anythingSlider .arrow {
  display: none;
}
.anythingSlider .photo {
  float: left;
  margin-right: 20px;
}
.anythingSlider .photo img {
  border: 1px solid #777;
  margin: 8px 16px;
}
.anythingSlider .info h3 {
  font-size: 22px!important;
  font-family: 'Lucida Casual', 'Comic Sans MS', cursive, helvetica, sans-serif;
}
.anythingSlider .info p {
}
.anythingSlider .info a,
.anythingSlider .info a:visited {
  color: #2a449b;
}  
.anythingSlider .info h2 {
  background-color: #eee;
  border-bottom: none!important;
  color: #555!important;
  font-style: italic;
  margin-left: 230px!important;
  margin-right: 114px!important;
  padding: 4px 0;
}
.anythingSlider .info h3 a,
.anythingSlider .info h3 a:visited {
  color: #CB1E5E;
}
.anythingSlider .info {
  font-size: 14px;
}
.anythingSlider .award-image {
  float: right;
  margin: 6px 6px 0 6px;
}
#thumbNav                               { position: relative; top: 242px; text-align: center; width: 700px; }
#thumbNav a                             { color: black!important; background: #ccc url(../images/cellshade.png) repeat-x; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 2px 0 0;  text-align: center; text-decoration: none!important; outline: none; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #86b46f; }

#start-stop                             { background: #ccc url(../images/cellshade.png) repeat-x; background-repeat: repeat-x; color: #000!important; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 242px; outline: none; text-decoration: none!important; }
#start-stop.playing                     { background: #E05912; color: #fff!important; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#sitemap {
  margin: 0!important;
}
#sitemap li {
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 6px 12px;
}
#sitemap li li {
  font-size: .9em;
  font-weight: normal;
}