/* ------------------------------------------------------------

	Title:				Early Learner Styles
	Author:			Karen Stout
	Last Updated:	11/10/09
	Colors:			#085dad : Royal blue
							#007236 : Dark green
							#ffb330   : Orange

------------------------------------------------------------ */
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dl,dt,dd
{ margin:0; padding:0; }
a img,:link img,:visited img { border:none; }
address { font-style:normal; }
fieldset {border:0;}

/* ------------------------------------------------------------
	self clearing float
------------------------------------------------------------ */	
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ------------------------------------------------------------
	document default fonts and vertical rhythm
------------------------------------------------------------ */		
html {
	min-height: 100%;
 	height: auto;
}
body {
	font: 62.5% Verdana,Arial,Helvetica,serif;
	background:#fff;
}
h1 {
	font-size: 2.4em; /* 24px */ 
	line-height: 1.25em; /* 30px */ 
	margin-top: 0.625em; 
	margin-bottom: 0em;
	font-family:Tahoma;
	color:#007236;
}
h2 {
	font-size: 2.4em; /* 24px */ 
	line-height: 1.25em; /* 30px */ 
	margin-top: 0em; 
	margin-bottom: 0.625em; 
	font-family:Tahoma;
	color:#007236;
}
h3 {
	font-size: 1.8em; /* 18px */ 
	line-height: 1.6667em; /* 30px */ 
	margin-top: 0.8333em; 
	margin-bottom: 0em;
	font-family:Tahoma;
	color:#007236;
}
p {
	font-size: 1.1em; /* 11px */ 
	line-height: 1.6363em; /* 18px */ 
	margin-top: 1.6363em; 
	margin-bottom: 0em;
}
table {
	font-size:1.1em;
}

/* ------------------------------------------------------------
	links
------------------------------------------------------------ */	
a,
a:link,
a:focus,
a:visited {
	font-weight:bold;
	color:#085dad;
	text-decoration:underline;
}

/* ------------------------------------------------------------
	body and access links
------------------------------------------------------------ */	
ul#nav-access {
	left:-9999px;
	position:absolute;
	top:-9999px;
}
#container {
	width:960px;
	margin: 0 auto;
}

/* ------------------------------------------------------------
	masthead
------------------------------------------------------------ */
#masthead {
}
#masthead img {
	float:left;
}
#masthead img a {
	border:0;
}
#mh-right {
	width: 720px;
	float:right;
	text-align:right;
	padding:15px 0 0 0;
}
#top {
	margin-bottom:20px;
}
ul#top-nav {
	margin::0;
	float:right;
}
ul#top-nav li {
	font-size: 1.2em; /* 12px */ 
	line-height: 1.25em; /* 15px */ 
	float:left;
	padding:0 7px;
	border-right:1px solid #085dad;
	vertical-align:middle;
}
ul#top-nav li.last {
	padding-right:0;
	border-right:0;
}
#currencies {
	float:right;
	clear:both;
	width:260px;
	margin-top:15px;
}
#currencies p {
	font-size: 1.2em; /* 12px */ 
	line-height: 1.25em; /* 15px */
	margin:0;
	font-style:italic;
	width:120px;
	float:left;
}
#currencies ul {
	margin:0;
	width:140px;
	float:right;
}
#currencies li {
	font-size: 1.2em; /* 12px */ 
	line-height: 1.25em; /* 15px */ 
	float:left;
	padding-left:10px;
}
#currencies li a {
	text-decoration:none;
	padding-right:25px;
	font-weight:normal;
	color:#667788;
}
#currencies li a#curr-pounds {
	background:url(/images/uploads/british_flag.gif) right center no-repeat;
}
#currencies li a#curr-dollars {
	background:url(/images/uploads/american_flag.gif) right center no-repeat;
}
#currencies li a#curr-euros {
	background:url(/images/uploads/euro_sign.gif) right center no-repeat;
}
form.paypal {
	width:240px;
	float:left;
	margin-top:7px;
}
#masthead h1 {
	margin:0;
	text-transform:lowercase;
}

/* ------------------------------------------------------------
	nav
------------------------------------------------------------ */
#nav {
	background:#007236 url(/images/uploads/nav_bg.gif) left top no-repeat;
}
#nav ul {
	background:url(/images/uploads/nav_bg2.gif) left bottom no-repeat;
}
#nav ul li {
	float:left;
	font-size: 1.4em; /* 14px */ 
	line-height: 1.0714em; /* 15px */ 
	font-family:Tahoma;
	padding:12px 0px 14px 0;
	
}
#nav ul li a {
	color:#ffffff;
	text-decoration:none;
	border-right:1px solid white;
	padding: 0 15px;
}
#nav ul li a:hover,
#nav ul li a:focus {
	text-decoration:underline;
}

/* ------------------------------------------------------------
	content
------------------------------------------------------------ */
#content {
	margin-top:15px;
}	
p.breadcrumb {
	margin:2px 0 0 15px;
}
#banner_img {
	width:633px;
	height:255px;
	float:left;
	border:1px solid #bfbfbf;
}
#video_col {
	float:right;
	width:310px;
}
#content ul,
#content ol {
	margin:1.6363em 0;
}
#content ul li {
	font-size: 1.1em; /* 11px */ 
	line-height: 1.6363em; /* 18px */ 
	padding-bottom: 0.818em;
	padding-left:24px;
	background:url(/images/uploads/bullet.gif) 0 2px no-repeat;
}
#content ol li {
	font-size: 1.1em; /* 11px */ 
	line-height: 1.6363em; /* 18px */ 
	padding-bottom: 0.818em;
	margin-left:24px;
	list-style-type:decimal;
}
#content li ul li,
#content li ol li {
	font-size:1em;
}
#item-col {
}
div.item-img {
	width:310px;
	float:left;
	margin-right:15px;
}
div.item-img img.main-img {
	margin-left:10px;
}
#content div.item-img ul.thumbnails {
}
#content div.item-img ul.thumbnails li {
	background:none;
	float:left;
	display:block;
	margin-right:15px;
	padding:0;
}
#content div.item-img ul.thumbnails li img {
	padding:3px;
	border:1px solid #ffffff;
}
#content div.item-img ul.thumbnails li.current img,
#content div.item-img ul.thumbnails li a img:hover {
	border:1px solid #FFB330;
}
div.item-img p.video-link {
	margin-top:0.4em;
	margin-bottom:0.8181em;
	padding: 0.2em 0 0.3em 20px;
	border-top:1px solid #bfbfbf;
	border-bottom:1px solid #e7e7e7;
	background:url(/images/uploads/control_play_blue.png) left center no-repeat;
}
div.item-img p.more-img {
	color:#707675;
}
div.item-details {
	width:310px;
	float:left;
	margin-right:15px;
}
div.item-details h2.with-age {
	margin-bottom:0;
}
div.item-details p.age-range {
	margin-top:0;
}
div.item-details p.price-display {
	font-size: 1.8em; /* 18px */ 
	line-height: 1.6667em; /* 30px */ 
	margin-top: 0.8333em; 
	margin-bottom: 0em;
	color:#ffb330;
	font-weight:bold;
	font-family:Tahoma;
}
p span.sale-price {
	font-weight:normal;
	color:#707675;
	font-size:0.75em;
	text-decoration:line-through;
}
div.item-purchase {
	width:310px;
	float:left;
	margin-right:0px;
}
div.item-purchase h3 {
	font-family:Verdana;
	font-size: 1.1em; /* 11px */ 
	line-height: 1.6363em; /* 18px */ 
	margin-top: 2.85em; 
	margin-bottom: 0em;
}
div.item-purchase input,
div.item-purchase select {
	float:left;
	margin-top:20px;
	font-size:1.1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.item-purchase input {
	margin-left:15px;
}

/* ------------------------------------------------------------
	features
------------------------------------------------------------ */
#features {
	margin-top:15px;
}
#features div.product {
	width:240px;
	text-align:center;
	float:left;
	cursor:pointer;
	padding:7px 0;
}
#features div.product-img {
	width:240px;
	background:url(/images/uploads/product_img_bg.gif) right top repeat-y;
}
#features div.product-img-last {
	width:240px;
	background:none;
}
div.product h3 {
	margin-top:0;
}
div.product h3 a {
	display:block;
	font-weight:normal;
	text-decoration:none;
}
div.product h3 a:hover {
	text-decoration:underline;
}
div.product p {
	margin-top:0;
}
p.pagination {
	text-align:center;
	clear:both;
}
	

/* ------------------------------------------------------------
	boxes
------------------------------------------------------------ */	
#boxes {
	margin-top:30px;
}
#boxes div.box,
#boxes div.last-box {
	width:274px;
	float:left;
	margin-right:15px;
	background:#6ed5ee url(/images/uploads/box_bg.jpg) left top repeat-x;
	padding:7px 15px;
	border:3px solid #e7e7e7;
}
#boxes div.last-box {
	margin-right:0px;
}
div.box h2,
div.last-box h2 {
	font-size: 1.8em; /* 18px */ 
	line-height: 1.6667em; /* 30px */ 
	margin-top: 0em; 
	margin-bottom: 0em;
	font-family:Tahoma;
	color:#ffffff;
	font-weight:bold;
}
div.box p,
div.last-box p {
	font-size: 1.2em; /* 12px */ 
	line-height: 1.5em; /* 18px */ 
	margin:0.75em 0;
	color:#ffffff;
}
div.box p.btn,
div.last-box p.btn {
	margin-top:1em;
}
div.box ul,
div.last-box ul {
	margin: 0.6818em 0;
}
div.box ul li,
div.last-box ul li {
	font-size: 1.2em; /* 12px */ 
	line-height: 1.5em; /* 18px */ 
	padding-bottom: 0.75em;
	padding-left:24px;
	color:#ffffff;
	background:url(/images/uploads/bullet-bluebg.gif) 0 2px no-repeat;
}

/* ------------------------------------------------------------
	footer
------------------------------------------------------------ */
#footer {
	margin-top:15px;
	margin-bottom:30px;
}
#footer-inner {
	width: 480px;
	margin:0 auto;
}
#footer-inner p {
	margin:0;
	color:#707675;
	text-align:center;
}
#footer-inner p a {
	color:#707675;
	text-decoration:underline;
}

/* ------------------------------------------------------------
	forms
------------------------------------------------------------ */
.my_form_class label,
span.label_space {
	display:block;
	width:200px;
	float:left;
}
.my_form_class p.extra-space {
	margin-top:3.2762em;
}
span.required-symbol {
	color:#085dad;
	font-weight:bold;
}
/* ------------------------------------------------------------
	reusable styles
------------------------------------------------------------ */	
.clearboth {
	clear:both;
}
.italics {
	font-style:italic;
}
.bold {
	font-weight:bold;
}
.normal {
	font-weight:normal;
}
.nomargin {
	margin:0;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
.float_none {
	float:none;
}
.alignright {
	text-align:right;
} 
.aligncenter {
	text-align:center;
}
.remove-color {
	color:#000000;
}