@charset "utf-8";
/* CSS Document */

#maincontent {background:transparent url(/images/bg_toppershadow.gif) repeat-x 0 0; width: 100%;}

#featuresmap {margin-top:40px;width: 381px; margin-right: 10px; height: 600px; background: transparent url(/images/boogieboardtabletfeatures.jpg) 0 0 no-repeat; position:relative;}
#featuresmap a {display:block; width:40px; height:40px; position:absolute; text-indent: -9999px;}
/*#featuresmap a .info { display: none; }
 #featuresmap a:hover .info {color: #333; top: 20px; left: 20px; display:block; z-index: 1;position:absolute;} 
#featuresmap .info  {width: 200px; padding:20px; border-top: 15px solid #99CC00;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #fff url(/images/bg_graygradient.gif) repeat-x center top;}*/
#featuresmap a#stylus {top: 500px; left: 135px;}
/*#featuresmap a#stylus:hover .info {color: #333; top: -495px; left: 300px; display:block; z-index: 1;position:absolute;}*/
#featuresmap a#thinness {left:-5px;top:50px;}
/*#featuresmap a#thinness:hover .info {color: #333; top: -45px; left: 440px; display:block; z-index: 1;position:absolute;}*/
#featuresmap a#lineweight {left:40px; top:440px;}
/*#featuresmap a#lineweight:hover .info {color: #333; top: -435px; left: 395px; display:block; z-index: 1;position:absolute;}*/
#featuresmap a#button {left:127px;top:17px;}
/*#featuresmap a#button:hover .info {color: #333; top: -12px; left: 308px; display:block; z-index: 1;position:absolute;}*/
#featuresmap a#battery {left:57px; top:3px;}
/*#featuresmap a#battery:hover .info {color: #333; top: 2px; left: 378px; display:block; z-index: 1;position:absolute;}*/
#featuresmap a#durable {left:5px;top:270px;}
/*#featuresmap a#durable:hover .info {color: #333; top: -265px; left: 430px; display:block; z-index: 1;position:absolute;}*/
#featuresdetails {width:361px; margin-left:0px; float:right; margin-top: 45px;}



#newsstories {margin-right:40px;
      width:468px;}

#boximage {width: 224px; float:left; margin-left:30px;}
#productdesc {width: 508px; margin-left: 254px; min-height: 200px;}

* {margin: 0;padding:0;}
body {background:#f2f2f2 url(/images/bg_toppershadow.gif) repeat-x 0 0;  font-family: Arial, Lucida Sans, Helvetica, sans-serif; font-size: small; color: #333;}
.spacer {clear:both;}

#topper {z-index: 2;left:0; position:absolute; padding: 0; height: 36px; width: 100%;}
#topper div {overflow:visible; width: 800px; height:36px; margin: 0 auto;}
#topper h3 {display: block; height: 36px; width: 210px; 
	background: transparent url(/images/logo_improv_grn.gif) no-repeat 0 0 ;text-indent: -9999px;float: left;margin-right:10px;}
#topper li { height: 36px;
	margin-top:0.8em;
	display: block;
	float: left;
	font-size: 12px;
	margin-left: 12px;}

#topper .button_buy a {
	display: block; 
	float:right;
	height:59px;
	margin-top:0;
	text-indent: -9999px;
	width:177px;}
	
#topper {background:url("/images/green-bar-gradient.gif") repeat-x scroll center top transparent; }
#topper .button_buy a:hover {
background:url("/images/buttons/buynow2.gif") no-repeat scroll 0 -59px transparent;
}
#topper .button_buy a {
background:url("/images/buttons/buynow2.gif") no-repeat scroll 0 0 transparent;
}


#blog {width: 468px; padding: 20px; margin-right:20px; background-color: #ccc; float:left;}
#blog div {overflow: hidden;height: 344px; width: 448px; background-color: #f8f8f8; padding: 10px;}
#blog div:first-child {height: 20px; margin-bottom: 20px; background-color: #666; color: #fff;}

.pagecontent {margin: 0 20px;}


.portionbox {padding:20px; border-top: 15px solid #99CC00; width:718px; border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5; background: transparent url(/images/bg_graygradient.gif) repeat-x center top;}
.portionbox ul {list-style-position: outside; padding-bottom:20px; padding-left: 40px;}

.portionbox div.board{ float:left; margin-top:20px}

.carousellinkbox {padding:20px; width:718px; border: 1px solid #e5e5e5; background: transparent url(/images/bg_graygradient.gif) repeat-x center top; text-align: center; margin-bottom:20px;}
.carousellinkbox p { display: inline; padding: 0 20px; border-left:1px solid #ccc;}
.carousellinkbox p:first-child {border-left:none;}

a.board {display:block; width:135px; height:219px; text-decoration:none; background:#fff; border:0; margin:10px 15px 20px 15px;}
a.board img {display:block; border:0;}
a.board:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500; cursor:default;}
a.board .large {position:absolute; left:-9999px;}
a.board:hover .large {top: 30px; left:0; border:0;}
a.board:hover div.large {text-align: center;top: -60px; left:-26px; width:187px;  background-color: #ffffff; border: 1px solid #e5e5e5;}
a.board:hover div.large p {padding: 5px;margin:0;}

#howusecharacters {text-align:center;}
#howusecharacters li {float: left; display:block;}

#characterrow {background: transparent url(/images/charactersrow.jpg) no-repeat 0 0px ;width: 800px; height: 320px; overflow: hidden; clear:both; margin: 20px 0;}

#characterrow #Student a, #characterrow #Teacher a, #characterrow #Coach a, #characterrow #Executive a, #characterrow #Nurse a, #characterrow #Artist a, #characterrow #Parent a {
	display:block;
	height:320px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	width:114px;}

#smallcharacters li#Student, li#Teacher, li#Coach, li#Executive, li#Nurse, li#Artist, li#Parent  {
	display:inline; padding:0; margin:0;}
#smallcharacters  {text-align:center;}

#singlelargecharacter {width: 128px;float:left;margin-left:-20px;}

.usesetting {width:130px;border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
#usedetails {float: right; width: 130px; margin-right: -20px; margin-top: 7px;}
#usedetails ul {padding-top:20px;padding-left:20px;}

#bboardcontainer {margin-left:108px; width:230px;}

.bboard {width:65px; height:135px;float:left; margin:5px;}
a.bboard {width:65px; height:105px; display:block; text-decoration:none; background-color:#fff; border:0; }
a.bboard img {display:block; border:0;}
a.bboard:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500; cursor:default;}
a.bboard .large {position:absolute; left:-9999px;}
a.bboard:hover .large {top: 30px; left:0; border:0;}
a.bboard:hover div.large {text-align: center;top: -60px; left:-26px; width:187px;  background-color: #f2f2f2; border: 1px solid #e5e5e5;}
a.bboard:hover div.large p {padding: 5px;margin:0;}
#bboardcontainer .caption {text-align:center;margin-bottom:0; }

/*
#howusecharacters #characterrow_Student a:hover {background: transparent url(/images/charactersrow.jpg) no-repeat 0 0 ; border:1px solid green;}
*/




#mainfeature {margin-bottom:20px 0;width:800px; clear:both; padding:20px 0;}

#promo2 {
height:200px;
margin-left:20px;
width:488px;}

#promo3 {
	margin-right:20px;
	width:254px;
	float:right;}

.formfield { padding-top: 20px;}
input {font-size: 1em; padding: 2px}
#bg {
z-index: -1;
height:282px;
position:absolute;
left:-5px;
top:80px;
width:100%;
background: transparent url(/images/bg.gif) no-repeat top center;}
	
#container {
	z-index: 1;
	width: 800px;
	margin: 0 auto;
	overflow: hidden;
	background-color: white;
	overflow:hidden;
	padding: 0px;
	background: transparent url(/images/bg_widecontainer.gif) repeat-y top center;}
img {}
a img {border: none;}
#header {float:left;}

#footer #sitemap {padding: 20px; margin-top: 20px; border-top: 1px solid #777; border-left: 1px solid #555; border-right: 1px solid #555; border-bottom: 1px solid #555; background: #666 url(/images/bg_dkgraygradient.gif) repeat-x center top;}
#footer #credits{
text-align:center; background: transparent url(/images/bg_widecontainer.gif) repeat-y top center; padding-top:20px}

#footer #credits a {
color:#0066CC;
}

#footer #credits p {
color:#666;
font-size: x-small;
}

#footer .nav h3 {
font-size:1em;
}

#footer #sitemap h3 {margin:0;}

#footer .nav {
border-bottom:0px solid #555555;
padding-bottom:0px;
font-size:11px;
width:760px;}

#footer .nav li {
display:block;
float:left;
list-style-position:outside;
padding:5px 20px 0 0;
width:130px;
}

#footer .nav a {
color:#5AB2E9;
}

#footer .nav p, #footer .nav h3, #footer .nav h5, #footer .nav label {
color:#e5e5e5;
}
 
#newsalertsform {float:right; text-align:left; width: 233px;clear: both; border-left: 1px solid #555; padding-left: 20px; }
#newsalertsform p { }
#newsalertsform .formfield {}
#newsalertsform input.sendbutton {margin-top:10px;text-indent: -9999px;}

input.sendbutton {
	display:block;
	float:right;
	cursor:pointer;
	border: 0;
	width:90px;
	height: 25px;
	background: transparent url(/images/buttons/send.gif);
	text-indent: -9999px;}
	
a.morebutton {
	display:block;
	float:right;
	cursor:pointer;
	border: 0;
	width:61px;
	height: 25px;
	background: transparent url(/images/buttons/more_lg.gif);
	text-indent: -9999px;}
	
a.arrowbutton {
	display:block;
	float:right;
	cursor:pointer;
	border: 0;
	width:21px;
	height: 25px;
	background: transparent url(/images/buttons/button_arrow.gif);
	text-indent:-9999px ;}
	
a.seeallbutton {	display:block;
	float:right;
	cursor:pointer;
	border: 0;
	width:61px;
	height: 25px;
	background: transparent url(/images/buttons/button_seeall.gif);
	text-indent:-9999px ;}

a.place-pre-order {background: transparent url(/images/btn_place_pre-order.gif) 0 0 no-repeat; float:left; width:188px; height: 43px; display:block; text-indent: -9999px;  margin:50px 0 50px 280px;}

a.longbuynowbutton {background: transparent url(/images/buynowamazon.jpg) 0 0 no-repeat; float:left; width:508px; height: 49px; display:block; text-indent: -9999px}
a:hover.longbuynowbutton {background: transparent url(/images/buynowamazon.jpg) 0 -49px no-repeat;}

.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap1 {
  float:left;
  background:url(/images/shadow.gif) right bottom no-repeat;
  }
.wrap2 {
  background:url(/images/corner_bl.gif) left bottom no-repeat;
  }
.wrap3 {
  padding:0 6px 6px 0;
  background:url(/images/corner_tr.gif) right top no-repeat;
  }
.wrap3 img {
  display:block;
  }
  
#schoolpilotform { padding-right: 20px; width: 408px; margin-left: 40px}
#schoolpilotform form .formfield {float:left; width: 204px;}



#headlines {width:250px;margin-top: 20px; margin-bottom:20px; background: transparent url(/images/bg_graygradient.gif) repeat-x 0 0 ; border: 1px solid #e5e5e5;
	}
#headlines p {margin: 0 0 0 60px; line-height:normal;}
#headlines h5  {padding: 5px;}
#headlines li a {display:block; padding: 5px;}
#headlines li a:hover {background-color:#f2f2f2;}
#headlines a.morebutton, #headlines a.arrowbutton, #headlines a.seeallbutton  {margin: 5px;	}
#headlines li {list-style-type:none;border-top: 1px solid #e5e5e5;}
/* #headlines li:first-child {border-top:none} */
#headlines img {float:left;vertical-align:middle;width:50px; height:16px; border: 1px solid #e5e5e5;}

#events {float:left;width:252px; color:#666;}
.event {list-style-type:none;margin-top: 10px; font-size: .85em;}
.event p {margin-top:0}
.event:first-child {margin-top: 0px;}

.event .title {border-top:1px solid #E5E5E5;font-weight:bold;list-style-type:none;}
.event .desc {font-style:italic;list-style-type:none;}
.event .date {list-style:disc inside;}



/* accordion-style expanding lists */

.openlanguage{ /*class added to contents of 2nd demo when they are open*/
	border-top: 1px solid #e6e6e6;
	cursor: pointer;padding-top:5px;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
	cursor: pointer;
}

span.accordprefix img {float: none !important;}