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

/* general margins - top right bottom left */
.headermrgn {margin: 0px 0px 0px 5px;}
.towermrgn {margin: 10px 14px 10px 14px}
.listing {font-family: verdana, arial, sans-serif; font-size: 10pt; line-height: 16pt}
A.anchor:link {color: #663399;}
A.anchor:visited {color: #663399;}
A.anchor:active {color: #CC0000;}

.searchBox
	{
	background-color: #FFCC00;
	font-family: verdana;
	font-weight: bold;
	color: #0F005E;
	text-align: center;
	font-size: 10px;
	border-size:3px;
	border-color:#FF9966;
	}
	

html body #wrapper div { font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; }

#wrapper { background-image: url(http://puzzlemaker.discoveryeducation.com/images/bg_wrapper.jpg); position: relative; width: 990px; height: 780px; }
#wrap_r1 { background-image: url(http://puzzlemaker.discoveryeducation.com/images/header_backtoschool.gif); position: relative; width: 100%; height: 50px; }
#wrap_r2 { position: relative; width: 100%; height: 730px; }

#share { position: absolute; top: 17px; right: 10px; width: 125px; height: 16px; }

#box1 { height:460px;left:-8px; position:absolute;top:0;width:489px;}
#box2 { background-image: url(http://puzzlemaker.discoveryeducation.com/images/bg_box2.jpg); position: absolute; top: 0; left: 510px; width: 300px; height: 150px; }
#box3 { background-color: #666; position: absolute; top: 150px; left: 510px; width: 300px; height: 310px; }
#box4 { position: absolute; top: 0; right: 10px; width: 160px; height: 600px; }
#box5 { position: absolute; left: 10px; bottom: 10px; width: 180px; height: 250px; background-color: #666; background-image: url(http://puzzlemaker.discoveryeducation.com/images/coolstuff_bg.gif); }
#box6 { position: absolute; left: 200px; bottom: 10px; width: 300px; height: 250px; }
#box7 { position: absolute; left: 510px; bottom: 10px; width: 300px; height: 250px; background-image: url(http://puzzlemaker.discoveryeducation.com/images/coolstuff_bg2.gif); }
#box8 { position: absolute; right: 10px; bottom: 10px; width: 160px; height: 110px; }

#box1a { position: absolute; top: 0; left: 0; width: 310px; height: 175px; }
#box1b { background-color: #ffb545; background-image: url(http://puzzlemaker.discoveryeducation.com/images/bg_box1b.jpg); position: absolute; top: 175px; left: 0; width: 310px; height: 145px; }
#box1c { background-color: #7882ed; position: absolute; top: 320px; left: 0; width: 310px; height: 28px; }
#box1d { background-color: #5b65d2; position: absolute; left: 0; bottom: 0; width: 310px; height: 112px; }
#box1e { background-color: #ffb545; background-image: url(http://puzzlemaker.discoveryeducation.com/images/bg_box1e.jpg); position: absolute; top: 0; right: 0; width: 180px; height: 320px; }
#box1f { background-color: #ffb545; background-image: url(http://puzzlemaker.discoveryeducation.com/images/bg_box1b.jpg); position: absolute; right: 0; bottom: 112px; width: 180px; height: 28px; }
#box1g { background-color: #ffb545; background-image: url(http://puzzlemaker.discoveryeducation.com/images/bg_box1g.jpg); position: absolute; bottom: 0; right: 0; width: 180px; height: 112px; }

#free_puzzle { background-image: url(http://puzzlemaker.discoveryeducation.com/images/bg_free_puzzle.jpg); width: 180px; height: 108px; }
#free { position: absolute; top: 94px; left: 431px; width: 64px; height: 64px; z-index: 2; }

.makeapuzzle_links ul { margin: 0; padding: 0; }
.makeapuzzle_links li   { height: 18px; font-size: 10px; font-weight: bold; margin: 0; padding: 0; list-style-type: none; list-style-position: inside; }
.makeapuzzle_links li a { height: 18px; background-image: url(http://puzzlemaker.discoveryeducation.com/images/li_makeapuzzle.jpg); color: #41238b; text-decoration: none; padding:3px 0 0 28px; display: block; font-size:11px; font-weight:bold; }
.makeapuzzle_links li a:hover { color: #fff; background-image: url(http://puzzlemaker.discoveryeducation.com/images/li_makeapuzzle_hover.jpg); }
.makeapuzzle_links li:hover a { color: #fff; }

.tryapuzzle_links { background-image: url(http://puzzlemaker.discoveryeducation.com/images/bg_tryapuzzle.jpg); margin: 7px 11px 8px 20px; }
.tryapuzzle_links div a { font-size: 11px; font-weight: bold; color: white; text-decoration: none; padding:6px 4px 6px 14px; margin: 0px 0px -1px 0px ; display: block; border: 1px solid white; }
.tryapuzzle_links div a:hover { color: #694ab4; }
.tryapuzzle_links div img { margin: 0px 2px 0px -8px; }

#buyitnow { position: absolute; left: 20px; bottom: 9px; width: 160px; height: 24px; }

.blk { display: block; }
.clr {}
.clr:after { content: ''; height:0; display: block; clear: both; visibility: hidden; }

/* box3 sliders */

#box3 .advertor 	{ position: relative; width: 300px; height: 285px; }
#box3 .advertor img { position: absolute; right: 0px; top: 10px; }
#box3 .advertor p	{ margin: 10px 80px 0px 0px; padding: 0; font-size: 10px; color: #fff; }
#box3 .advertor b { color: #cde352; }
#box3 .advertor a { color: #cde352; }
#box3 .advertor a:hover {text-decoration:none;}
#box3 .advertor b.bigger { font-size: 13px; }

#advertor1, #advertor2, #advertor3, #advertor4, #advertor5, #advertor6, #advertor7, #advertor8
{ position: relative; width: 260px; height: 140px; margin: 0 auto; border-top: 1px solid #000; }

#box3 div.slides { position:absolute; top:0; left:0; }
#box3 div.slides div.advertor { width:300px; height:285px; position:absolute; top:0; display:none; padding:0; margin:0; }
#box3 div.container { width:300px; height:285px; position:absolute; top: 30px; left: 0px; overflow:hidden; }

#box3 ul.pagination { list-style:none; padding:0; margin:0; position:absolute; right: 20px; top: 12px; }
#box3 ul.pagination li  { float:left; z-index: -100; }
#box3 ul.pagination li a { background: url('http://puzzlemaker.discoveryeducation.com/images/advertor_slider_a.gif') no-repeat; display: block; width:7px; height:7px; margin: 0px 0px 0px 4px; padding: 0px; }
#box3 ul.pagination li.active a { background: url('http://puzzlemaker.discoveryeducation.com/images/advertor_slider_a_active.gif') no-repeat; }

/* box5 sliders */

#box5 #coolstuff1 { background-image: url('http://puzzlemaker.discoveryeducation.com/images/coolstuff_slider1.jpg'); }
#box5 #coolstuff2 { background-image: url('http://puzzlemaker.discoveryeducation.com/images/coolstuff_slider2.jpg'); }
#box5 #coolstuff3 { background-image: url('http://puzzlemaker.discoveryeducation.com/images/coolstuff_slider3.jpg'); }

#box5 div.slides { position:absolute; top:0; left:0; }
#box5 div.slides div { width:178px; height:219px; position:absolute; top:0; display:none; padding:0; margin:0; }
#box5 div.container { width:178px; height:219px; position:absolute; top: 30px; left: 1px; overflow:hidden; }

#box5 ul.pagination { list-style:none; padding:0; margin:0; position:absolute; right: 12px; top: 12px; }
#box5 ul.pagination li  { float:left; z-index: -100; }
#box5 ul.pagination li a { background: url('http://puzzlemaker.discoveryeducation.com/images/coolstuff_slider_a.gif') no-repeat; display: block; width:7px; height:7px; margin: 0px 0px 0px 4px; padding: 0px; }
#box5 ul.pagination li.active a { background: url('http://puzzlemaker.discoveryeducation.com/images/coolstuff_slider_a_active.gif') no-repeat; }

#box5 .coolstuff { color: #fff; font-size: 11px; margin: 40px 12px 12px 12px; display: block; }
#box5 .coolstuff b { color: #f6e77c; }
#box5 .coolstuff a { color: #f6e77c; }
#box5 .coolstuff a:hover {text-decoration:none;}

#box5 .coolstuff b.smaller { font-size: 10px; font-weight: normal; color: #fff; }
#box5 .coolstuff b.bigger { font-size: 12px; }


/* puzzle links hover divs */
/* none of the ie hacks works, need to use jquery to handle mouseover */
.puzzle { display: none; position: absolute; width: 176px; height: 194px; border: 3px solid #333eab; background-color: #5660d1; z-index: 10; }
.puzzle p { margin: 1px 0px 0px 0px; text-align: center; color: #fff; font-weight: bold; }
.puzzle .pWrap {position: absolute; bottom: 1px; left: 1px;  overflow:hidden; height:174px; width:174px;}