
/* CSS Document */
html, body{height:100%;font-family:Verdana, Arial, Helvetica, sans-serif;}

a{color:#860239;text-decoration:none;}
a:hover{color:#f00;text-decoration:underline}
div#container{width:960px;margin:0 auto;padding:0px;background:#b87691 url(/_gfx/bg_gradient.jpg) repeat-x;}
div#topbanner{width:960px;height:118px;background:#b24d85 url(/_gfx/top_banner.gif) no-repeat;margin:0;padding:0}
div#topbanner h1{}
div#topnav{background:#860239 url(/_gfx/navigation.png);height:40px;}
div#topnav ul{margin:0px;padding:0px;list-style:none;}
div#topnav ul li{display:block;}

div#topnav ul li {display:block;float:left;}
div#topnav ul li a{display:block;float:left;width:125px;height:40px;position:relative;left:220px;}
div#topnav ul li#about a:hover{background:#000 url(/_gfx/navigation.png)  no-repeat -220px -40px;}
div#topnav ul li#learning a:hover{background:#000 url(/_gfx/navigation.png)  no-repeat -345px -40px}
div#topnav ul li#works a:hover{background:#000 url(/_gfx/navigation.png)  no-repeat -470px -40px}
div#topnav ul li#user a:hover{background:#000 url(/_gfx/navigation.png)  no-repeat -595px -40px}
div#topnav ul li#contact a{width:130px;}
div#topnav ul li#contact a:hover{background:#000 url(/_gfx/navigation.png)  no-repeat -720px -40px}

#right-nav {margin:0;padding:0;list-style:none}
#right-nav li{display:block;background-color:#fff}
#rignt-nav li a{display:block;background:#fff;border-bottom:1px solid #666;text-decoration:none}


div#midtier{height:100%;background:#b87691 url(/_gfx/bg_gradient.jpg) repeat-x;}

div#footer{background:#999;height:60px;border-top:1px solid #fff;clear:both;color:#fff;text-align:center;}

div#footer p { margin-top: 0px; }

p#firstFooter { padding-top: 10px; }

p#copyright { font-size: 10px; margin-top: 5px; }

div#leftmid {
	width:172px;
	height:532px;
	float:left;
	margin-top:20px;
	margin-left:10px;
	margin-right:10px;
}

div#testimonials { 
                   display: block;
                   width: 172px;
                   height: 194px;
                   background: url("../images/testimonial.jpg") no-repeat;
}

#testimonials p { padding: 46px 10px 10px 10px; }

div#bottomBox { 
                display: block;
                width: 172px;
                height: 324px;
                margin-top: 5px;
                background:transparent url("../images/left_home_box.png") no-repeat;
}

#bottomBox img { display: block; margin: 15px auto; border: none;}

#bottomBox img#endorsed { display: block; padding-top: 12px; margin-top: 7px; }

img#endorseClick { margin-bottom: 0px; margin-top: 14px; }


/*
#zeebu_video { 
               float: left;
               display: block;
               width: 60px;
               height: 60px;
               margin-left: 420px;
               margin-top: 10px;
               border: 1px solid blue;
}
*/
/* Added September 10 2008 */
/*
#making_choice {
  display:block;
  width:117px;
  height:35px;
  margin-left:200px;
  margin-top:130px; 
  border: 1px solid blue;
}
*/
/* Added April 9 2009 */
#eyepower {
  display: block;
  width: 300px;
  height: 150px;
  margin-top: 100px;
  margin-left: 230px;
  margin-bottom: -15px;
} 

/* Added September 10 2008 */
/*
#calming_technique {
  display:block;
  width:151px;
  height:53px;
  margin-left:380px;
  margin-top:-40px;
  border: 1px solid blue;
} */

/* Added September 10 2008 */
/*
#spotligthning_emotions {
  display:block;
  width:161px;
  height:44px;
  margin-left:220px;
  margin-top:10px;
  border: 1px solid blue;
}
*/
/* Added September 10 2008 */
/*#perspective_taking {
  display:block;
  width:136px;
  height:39px;
  margin-left:400px;
  margin-top:-35px;
  border: 1px solid blue;
} */

/* Added September 10 2008 */
#works-link-main {
  display:block;
  width:230px;
  height:25px;
  margin-left:-250px;
  margin-top:-25px;
}

#guide-link{display:block;height:205px;width:175px;}

#minivid-link{display:block;height:140px;width:175px;}

#zeebustore-link{display:block;height:320px;width:175px;}

#kidsclub-link{display:block;height:220px;width:175px;}

#preview-link{display:block;height:270px;width:575px;}

#works-link{display:block;height:255px;width:575px;}

div#leftmid ul{list-style:url(../_gfx/arrow_list.png)}

div#midmid{width:577px;height:526px;float:left;background:transparent url(../_gfx/centerBack.png) no-repeat; margin-top:20px;}
/* url(../_gfx/zeebu_center.png) no-repeat */
div#about_us{width:320px;height:251px;float:left;background:transparent url(/_gfx/About Us_rr.jpg) no-repeat;}

div#minivid{margin-left:269px; margin-top:51px;}

div#rightmidhome{width:175px;float:left;margin-top:20px;margin-left:10px;
    background:transparent url(../_gfx/home_right.png) no-repeat;height:526px;
}

div#rightmid{width:175px;float:left;margin-top:20px;margin-left:10px;}

div#rightmid h4, div#leftmid h4{background-color:#f60; color:#fff;font:bold 12px Arial, Helvetica, sans-serif;display:block;padding:5px;}

div#contentmid{width:750px;float:left;margin-top:10px;margin-right:5px;margin-left:10px;background:#fff url(/_gfx/content_bg.png); margin-bottom:0px;}
div#contentmid div#content{padding:0px 20px;margin:0px;height:100%;float:none;}

div#contentmid div#content p, div#contentmid div#content li{font:normal 13px/18px Verdana, Arial, Helvetica, sans-serif;color:#333;}

div#contentmid p{margin:10px;}

div#contentmid div#content h2{font:bold 18px Verdana, Arial, Helvetica, sans-serif;color:#f60;}

div#contentmid div#content h3{font:bold 14px Verdana, Arial, Helvetica, sans-serif;color:#4f2683;}
div#contentmid div#content ul{list-style:url(../_gfx/arrow_list.png);margin:10px;}
div#contentmid div#content li{margin-bottom:10px;}

div#contentmid h1{font-size:10px;display:block;width:750px;background-image: url(/_gfx/content_header.png);padding:0px;margin:0px;color:#000;text-indent:-9999px;line-height:10px;}
div#content_bottom{background:#b87691 url(/_gfx/content_bottom.png) bottom no-repeat; height:50px;margin:0px;padding:0px;}
div#mission{padding:10px;color:#fff;}
#mission p, #mission h4{color:#fff;}



#homebutton a{display:block;text-indent:-9999px;height:140px;width:400px;}

/*========= Blue Bridge Edits ============== */

#testimonials p { font-size: 10px; font-style: italic; }

img.floatLeft { display: block; float: left; padding: 0px 15px 0px 0px; }

div.endorsers h4 { clear: left; margin-bottom: 0px; padding-bottom: 0px; }

div #contentmid div#content.endorsers  ul { height: 60px; }

div.endorsers div.boxedContent { display: block; margin-bottom: 20px; }

div.boxedContent p { padding-left: 275px; }

.endorsers h2 { clear: left; }

.endorsers ul { margin-bottom: 5px; padding-bottom: 0px; }

.endorsers ul + h2 { margin-top: 0px; padding-top: 0px; }

div#forKids { display: block; width: 557px; margin: 2px auto 0; text-align: center; font-family: Verdana; font-weight: bold; color: #990447; float: left; padding-left: 8px; padding-right: 7px; background-color: #ffdcf3; border: 2px solid #c3c3c3; height: 75px; margin-bottom: 10px; }

div#forKids h4 { display: block; width: 100%; color: #000; margin-bottom: -1px;
padding-top: 7px;}

div#forKids ul { display: block; width: 100%; position: relative; top: 0px;}

div#forKids ul li { display: inline;}

div#forKids ul li img { padding-bottom: 3px; padding-left: 5px;  }

div#mainImageRight { width:320px;float:right; margin:10px; }

div#reviewButton { width: 183px; height: 81px; display: block; float: left; margin-left: 10px; clear: left;}

div#reviewButton img { border: none; }

div#newsButton { width: 183px; display: block; margin-top: 2px; float: right; margin-right: 0px; padding-right: 0px; clear: right;}

div#newsButton img { border: none; padding-right: 0px; margin-right: 0px; position: relative; right: -3px;}

img.imgRight { float: right; margin-right: 20px; padding-top: 15px; }

div#contentmid img#kidsLarge { margin: 5px 0px 5px 14px; }

/* === New Store Area : Added April 9, 2009 ==== */

div#rightmidhome{
    background-image:url(/_gfx/home_right.png) no-repeat;
}

#sidebarStore {
    display:block;
    height:320px;
    width:175px;
}

#sidebarStore h3 {
    visibility: hidden;
    margin-top: 0;
    margin-bottom: 0;
}

#sidebarStore ul {
    margin-top: 15px;
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 0;
}

#sidebarStore ul li a span.invisible {
   display: none;
}

#sidebarStore ul li a{
    display: block;
    width: 144px;
    height: 60px;
    margin: 3px 0 0 9px;
}
/*
#sidebarStore ul li a#puppets {
    background: url(../_gfx/puppetsUp.png) center no-repeat;
}

#sidebarStore ul li a#dvd {
    background: url(../_gfx/dvdUp.png) center no-repeat;
}

#sidebarStore ul li a#books {
    background: url(../_gfx/activityUp.png) center no-repeat;
}

#sidebarStore ul li a#other {
    background: url(../_gfx/otherUp.png) center no-repeat;
}

#sidebarStore ul li a:hover#puppets {
    background: url(../_gfx/puppetsOver.png) center no-repeat;
}

#sidebarStore ul li a:hover#dvd {
    background: url(../_gfx/dvdsOver.png) center no-repeat;
}

#sidebarStore ul li a:hover#books {
    background: url(../_gfx/activityOver.png) center no-repeat;
}

#sidebarStore ul li a:hover#other {
    background: url(../_gfx/otherOver.png) center no-repeat;
}
*/

#sidebarStore ul li a#puppets {
    background: url(../_gfx/puppetsButton.png) top center no-repeat;
}

#sidebarStore ul li a#dvd {
    background: url(../_gfx/dvdButton.png) top center no-repeat;
}

#sidebarStore ul li a#books {
    background: url(../_gfx/activityButton.png) top center no-repeat;
}

#sidebarStore ul li a#other {
    background: url(../_gfx/otherButton.png) top center no-repeat;
}

#sidebarStore ul li a:hover#puppets {
    background: transparent url(../_gfx/puppetsButton.png) 0px -60px no-repeat;
}

#sidebarStore ul li a:hover#dvd {
    background: transparent url(../_gfx/dvdButton.png) 0px -60px no-repeat;
}

#sidebarStore ul li a:hover#books {
    background: transparent url(../_gfx/activityButton.png) 0px -60px no-repeat;
}

#sidebarStore ul li a:hover#other {
    background: transparent url(../_gfx/otherButton.png) 0px -60px no-repeat;
}

div#dvdSample {
    display: block;
    width: 692px;
    height: 270px;
    background: url(../_gfx/zeebu_dvd.jpg) center no-repeat;
    margin-bottom: 30px;
    margin-left: 10px;
}

#making_choice, #calming_technique, #spotligthning_emotions, #perspective_taking {
    position: relative;
    display: block;
}

#making_choice {
  width:117px;
  height:35px;
  left:315px;
  top:130px; 
  
}

#calming_technique {
  width:151px;
  height:53px;
  left:505px;
  top: 90px;
  
}


#spotligthning_emotions {
  width:161px;
  height:44px;
  left:335px;
  top: 95px;
  
}

#perspective_taking {
  display:block;
  width:136px;
  height:39px;  
  left: 515px;
  top: 70px;
  
}

#cart {
  display: block;
  width: 292px;
  height: 30px;
  float: right;
  margin-right: 6px;
} 

.align-cart { 
}

#TB_window {
  z-index: 100;
  position: absolute;
  color: blue;
}

div#googlecart-widget-spacer {
    z-index: 1;
}

img#eyeProduct {
    margin: 24px 20px 30px 30px;
    clear: left;
}

#productInfo {
    margin-top: 30px;
    padding-bottom: 100px;
}

ul#right-nav + div#rightmidhome  {
    position: relative;
    left: -5px;
}


div#contentmid div#content ul.bookSamples li {
    list-style-type: none;
    display: block;
    width: 102px;
    border: none;
    height: 102px;
    float: left;
    margin-left: 20px;
}

div#contentmid div#content ul.bookSamples {
    display: block;
    margin: 20px 0px 20px 20px;
    width: 80%;
    height: 105px;
}


#products #productInfo {
	padding-bottom: 50px;
}

div#contentmid div#content ul.bookSamples li {
    list-style-type: none;
    display: block;
    width: 102px;
    border: none;
    height: 102px;
    float: left;
    margin-left: 20px;
}

div#contentmid div#content ul.bookSamples {
    display: block;
    margin: 20px 0px 20px 20px;
    width: 80%;
    height: 105px;
}

div.quicknav {
	display: block;
	width: 100%;
	height: 130px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.quicknav img {
	display: block;
	float: left;
	margin-right: 10px;
}

h4 {
	font-size: 12px;
	color: #4F2683;
}

#products li {
	margin-left: 30px;
}

#minividAbout {
	padding-left: 15px;
	padding-top: 15px;
}

/* Flash Fix */

#midmid, #minividAbout {
	position: relative;
	z-index: 0;	
}