/* 
Gold: #c6c849
Bright Blue: #109fc3
Darker Blue: #2e83ab

*/

body {
  margin: 0px;
  background-color: #ffffff;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
  color: #3c393a;
  line-height: 20px;
}

#top_banner {
  background-color: #d8da64;
  padding-bottom: 5px;
}

#container {
  width: 970px;
  margin: 0px auto;
}

#header {
  width: 970px;
  height: 159px;
  margin: 0px auto;
}

#logo {
  width: 242px; 
  height: 126px; 
  margin: 14px 0px 0px 12px; 
  float: left;
}
#logo img {
  border: none;
}

#plus_signs {
  width: 188px; 
  height: 149px; 
  margin: 3px 0px 0px 4px; 
  float: left;
}

#nav_social_search {
  width: 702px;
  height: 149px;
  float: right;
  margin: 3px 10px 0px 4px;
  background-image: url(/images/plus-signs-header.gif);
  background-repeat: no-repeat;
}

#header_nav {
  color: #c6c849;
  text-align: right;
  margin-top: 17px; 
  margin-bottom: 15px;
}
#header_nav a {
  color: #c6c849;
  text-decoration: none;
  font-weight: bold;
  padding: 0px 11px;
}

#social_search {
  width: 410px; 
  height: 62px; 
  margin-left: 292px;
  background-image: url(/images/social_search_bg.gif);
}

#social {
  width: 70px; 
  height: 32px; 
  float: left; 
  margin: 15px 0px 0px 23px;
}

#facebook {
  width: 32px; 
  height: 32px; 
  float: left;
}
#facebook img {
  border: none;
}

#twitter {
  width: 32px; 
  height: 32px; 
  float: right;
}
#twitter img {
  border: none;
}

#search {
  width: 271px; 
  height: 33px; 
  float: right; 
  margin: 15px 19px 0px 0px;
}
#search_text {
  width:150px; 
  height: 25px; 
  float: left; 
  margin: 7px 0px 0px 15px;
}
#search_button {
  width: 89px; 
  height: 33px; 
  float: right;
}

#credits 
{
  margin-top: 15px;
  margin-left: 305px;
  font-size: 16px;
  font-weight: bold;
  color: #C6C849;
}

#credit_quantity 
{
  color: #C6C849;
}

#main_nav {
  width: 960px;
  height: 62px;
}

#home_nav {
  background-image: url(/images/button_nav_home_off.gif);
  float: left;
  width: 82px;
  height: 30px;
  margin: 15px 0px 0px 0px;
  text-align: center;
  margin-right: 2px;
}
#home_nav:hover, #home_nav.on {
  background-image: url(/images/button_nav_home_on.gif);
}
#home_nav a {
  font-size: 16px;
  font-weight: bold;
  color: #109fc3;
  text-decoration: none;
  line-height: 30px;
}
#home_nav:hover a,  #home_nav.on a {
  color: #ffffff;
}

#worksheets_nav {
  background-image: url(/images/button_nav_worksheets_off.gif);
  float: left;
  width: 222px;
  height: 30px;
  margin: 15px 0px 0px 0px;
  text-align: center;
  margin-right: 2px;
}
#worksheets_nav:hover, #worksheets_nav.on {
  background-image: url(/images/button_nav_worksheets_on.gif);
}
#worksheets_nav a {
  font-size: 16px;
  font-weight: bold;
  color: #109fc3;
  text-decoration: none;
  line-height: 30px;
}
#worksheets_nav:hover a, #worksheets_nav.on a {
  color: #ffffff;
}

#workbooks_nav {
  background-image: url(/images/button_nav_workbooks_off.gif);
  float: left;
  width: 222px;
  height: 30px;
  margin: 15px 0px 0px 0px;
  text-align: center;
  margin-right: 2px;
}
#workbooks_nav:hover, #workbooks_nav.on {
  background-image: url(/images/button_nav_workbooks_on.gif);
}
#workbooks_nav a {
  font-size: 16px;
  font-weight: bold;
  color: #109fc3;
  text-decoration: none;
  line-height: 30px;
}
#workbooks_nav:hover a, #workbooks_nav.on a {
  color: #ffffff;
}

#interactive_nav {
  background-image: url(/images/button_nav_interactive_off.gif);
  float: left;
  width: 222px;
  height: 30px;
  margin: 15px 0px 0px 0px;
  text-align: center;
  margin-right: 2px;
}
#interactive_nav:hover, #interactive_nav.on {
  background-image: url(/images/button_nav_interactive_on.gif);
}
#interactive_nav a {
  font-size: 16px;
  font-weight: bold;
  color: #109fc3;
  text-decoration: none;
  line-height: 30px;
}
#interactive_nav:hover a, #interactive_nav.on a {
  color: #ffffff;
}

#purchase_nav {
  background-image: url(/images/button_nav_purchase_off.gif);
  float: left;
  width: 168px;
  height: 30px;
  margin: 15px 0px 0px 0px;
  text-align: center;
}
#purchase_nav:hover, #purchase_nav.on {
  background-image: url(/images/button_nav_purchase_on.gif);
}
#purchase_nav a {
  font-size: 16px;
  font-weight: bold;
  color: #109fc3;
  text-decoration: none;
  line-height: 30px;
}
#purchase_nav:hover a, #purchase_nav.on a {
  color: #ffffff;
}

.playside_buttons {
  width: 240px; 
  height: 33px; 
  position: relative; 
  top: 270px; 
  left: 100px;
}

.green_button_119x33 {
  width: 119px; 
  height: 33px; 
  background-image: url(/images/button_green_119x33.png);
  text-align: center;
}
.green_button_119x33 a {
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  line-height: 33px;
  text-decoration: none;
}
.green_button_119x33 a:hover {
  color: #167d97;
}

.featureside_button {
  width: 137px; 
  height: 57px; 
  position: relative; 
  top: 220px; 
  left: 667px;
}

#math_games {
  width: 630px; 
  height: 575px; 
  float: left;
}
#math_games_header {
  width: 630px; 
  height: 58px;
}
#math_games_header h1 {
  font-size: 21px; 
  font-weight: normal; 
  margin: 0px; 
  line-height: 58px; 
  color: #ffffff;
}	
#green_button_211 {
  width: 211px; 
  height: 33px; 
  float: right; 
  margin: 15px 5px 0px 0px; 
  background-image: url(/images/button_green_211x33.png);	
  text-align: center;
}	
#green_button_211 a {
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  line-height: 30px;
}
#green_button_211 a:hover {
  color: #167d97;
}
#math_games_content {
  width: 630px;
  height: 450px;
  background-image: url(/images/text_box_math_games_bg.gif);
}

.game_list h1 {
  font-size: 15px;
  font-weight: normal;
  color: #666666;
  margin: 0px 0px 15px 0px;
  line-height: 15px;
}
.game_list p {
  padding-left: 16px;
  background-image: url(/images/bullet_arrow.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  line-height: 12px;
  margin: 0px 0px 7px 0px;
}
.game_list a {
  color: #006696;
}
.game_list a:hover {
  text-decoration: none;
}

#featured {
  width: 570px; 
  height: 180px; 
  margin: 0px auto;
}
#featured h2 {
  font-size: 19px;
  color: #727375;
  line-height: 19px;
  margin: 20px 0px 15px 3px;
}
.blue {
  color: #2e83ab;
}
#featured p {
  margin: 0px 0px 0px 3px;
  line-height: 20px;
}
#featured a {
  color: #167d97;
}
#featured a:hover {
  text-decoration: none;
}
#white_button_144 {
  width: 144px; 
  height: 33px; 
  background-image: url(/images/button_white_144x33.png); 
  margin-top: 13px;
  line-height: 33px;
  text-align: center;
}
#white_button_144 a {
  font-size: 12px;
  font-weight: bold;
  color: #a6a800;
  text-decoration: none;
}

#white_button_104 {
  width: 104px; 
  height: 33px; 
  background-image: url(/images/button_white_104x33.png); 
  line-height: 33px;
  text-align: center;
}
#white_button_104 a {
  font-size: 12px;
  font-weight: bold;
  color: #a6a800;
  text-decoration: none;
}

#tweet {
  width: 308px; 
  height: 220px; 
  margin-top: 1px; 
  background-color: #def2fc;
}
#tweet a {
  color: #01aae5;
  text-decoration: none;
}

p.gray20 {
  font-size: 20px;
  color: #464646;
  margin: 0px 0px 15px 0px;
}

#footer {
  width: 970px; 
  height:226px; 
  margin: 0px auto; 
  background-image: url(/images/footer_bg.jpg); 
  background-repeat: no-repeat;
}
#footer h3 {
  font-size: 19px;
  font-weight: bold;
  margin: 0px 0px 15px 0px;
  color: #727375;
}

#footer_about {
   width: 290px; 
   height: 135px; 
   position: absolute; 
   margin: 43px 0px 0px 340px;
}
#footer_about p {
   font-size: 12px;
   color: #3c393a;
   line-height: 24px;
}
#footer_about a {
   color: #1b719a;
}

#footer_contact {
   width: 305px; 
   height: 155px; 
   position: absolute; 
   margin: 5px 0px 0px 655px;
}
.message_input {
  background-color: #ffffff; 
  border: none; 
  font-family: arial, helvetica, sans-serif; 
  font-size: 12px; 
  color: #666666;
}

.contact_input {
  font-family: arial, helvetica, sans-serif; 
  font-size: 12px; 
  color: #666666;
}

#sub_footer {
  width: 970px; 
  margin: 0px auto; 
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  color: #ffffff;
}
#sub_footer a {
  text-decoration: none;
}
#sub_footer a:hover {
  text-decoration: underline;
}
.beige {
  color: #fcfdb3;
}
a.beige_nav {
  color: #fcfdb3;
}
a.white_nav {
  color: #ffffff;
}

p {
  margin: 0px 0px 15px 0px;
}

h1 {
  font-size: 20px;
  color: #2e83ab;
  margin: 0px 0px 15px 0px;
}

p.blue16 {
	font-size: 16px;
	color: #109fc3;
	font-weight: bold;
}

#page_heading {
  position: relative;
  top: 65px;
  left: 25px;
}
#page_heading h1 {
  font-size: 36px;
  line-height: 36px;
  margin: 0px;
  color: #ffffff;
  font-weight: normal;
}
#page_heading h2 {
  font-size: 60px;
  line-height: 60px;
  margin: 0px;
  color: #ffffff;
  font-weight: normal;
  letter-spacing: -2px;	
}

a {
  color: #1b719a;
}
a:hover {
  text-decoration: none;
}	


a.category-top, a.category-top:visited {
	font-size: 14px;
	color: #2e83ab;
	line-height: 22px;
	text-decoration: none;
}

a.category-products, a.category-products:visited {
	font-size: 14px;
	color: #01aae5;
	line-height: 22px;
	text-decoration: none;
}

#heading_bg {
  width: 680px; 
  height: 177px;  
  margin-bottom: 10px;
}

#sub_heading {
  width: 680px; 
  height: 198px; 
  background-image: url(/images/sub_heading_bg.jpg);
  margin-bottom: 30px;
}
#sub_heading h3 {
  font-size: 19px;
  color: #727375;
  margin: 0px 0px 15px 0px;
}

#sub_heading_ext {
  width: 680px; 
  background-image: url(/images/sub_heading_ext_bg.jpg);
  background-repeat: no-repeat;
  background-color: #d9da63;
  margin-bottom: 30px;
}
#sub_heading_ext h3 {
  font-size: 19px;
  color: #727375;
  margin: 0px 0px 15px 0px;
}

div.game_row {
  width: 680px; 
  height: 198px; 
  margin-bottom: 25px;
}

div.game_box {
  width: 145px; 
  height: 198px; 
  float: left; 
  margin-right: 23px;
}

div.free {
  width: 99px; 
  height: 99px; 
  position: absolute; 
  margin-top: 100px;
}

div.game_bg_sub {
  width: 127px; 
  height: 182px; 
  float: right; 
  background-image: url(/images/game_bg_sub.png);
}

div.title {
  width: 127px; 
  height: 25px; 
  text-align: center; 
}
div.title a {
  font-size: 11px;
  line-height: 25px;  
  color: #000000;
}

div.game {
  width: 119px; 
  height: 153px; 
  margin: 0px auto;
}
div.game img {
  width: 119px; 
  height: 153px; 
  border: none;
}

/* END Mics original styles */

#promoCodes
{
  padding-top: 5px;
  margin-right: 5px;
}

#promoCodes p
{
  background-image: none;
  line-height: 16px;
  padding-left: 0px;
  
}
#promoCodes input.formTxt
{
  width:160px;
  font-size: 11px;
  margin-top: 7px;
}
#promoCodes .ValidationSummary 
{
  margin-bottom:0px;
}
div.userCredits {
  font-family: arial, helvetica, sans-serif;
  font-size: 16px;
  margin: 0px 0px 15px 0px;
}

/*size some input controls*/
#ctl00_MainContent_Login1_UserName, #ctl00_MainContent_Login1_Password
{
  width: 200px;
  margin-left: 10px;
}

#ctl00_MainContent_PasswordRecovery1_UserNameContainerID_SubmitButton
{
  margin-top: 10px;
}

table.creditPackage tr
{
  padding-top: 10px;
}

.highlight1
{
  color: #2E83AB;
}

.main_nav_bg 
{
  background-image: url(/images/topnav_bg.gif);
}

.footer_bg
{
  background-color: #d8da64; background-image: url(/images/bottom_bg.gif); background-repeat: no-repeat;
}

.header_side_nav_bg 
{
  background-image: url(/images/header_side_nav_bg.jpg);
}

.side_nav_box_bg 
{
  background-image: url(/images/side_nav_box_bg.gif)
}

.content1
{
  padding-top: 49px;
}

/*fix login inputs in IE*/
#ctl00_ctl00_MainContent_MainContent_Login1_UserName, #ctl00_ctl00_MainContent_MainContent_Login1_Password 
{
  width: 175px;
  margin: 2px;
  
}

.rotator_element 
{
  display: none;
}

.rotator_first
{
  display: block;
}

.details th, .form th
{
  text-align: left;
  font-weight: normal;
}

.details td
{
  font-weight: bold;
}

#loginBlock, #createAccountBlock
{
  display: inline-block;
  vertical-align: top;
}

#createAccountBlock
{
  width: 375px; 
  margin-bottom: 20px;
}
#loginBlock
{
  margin-left: 30px;
  width: 270px;
}

table.ruled {
	border: 1px solid #000000;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

table.ruled td {
	border: 1px solid #000000;
	padding: 4px;
}