/* ********************************************************************************************************
Stylesheet for KindredLearning.com

Copyright 2008-2009 by Michael Ebert. All Rights Reserved.
******************************************************************************************************** */


/* Temporary Construction Message */
#maintenance {
	margin:0 12px;
	padding:8px 8px 0 8px;
	border:2px solid #c80000;
}
	#maintenance h2 {
		color:#c80000;
	}

.columnWrapper {
	padding-top:12px;
}
	
	
	
html {
	background: url('../images-layout/site-bg.gif') -15px 0 repeat-y #98cbfe;
}

/* -------------- General Elements ------------*/
body {
	margin:0;
	padding:0;
	
	min-width:960px;
	
	font-family: arial, helvetica, verdana, sans-serif;
	font-size:89%;
	color:#333;
	
	background: url('../images-layout/site-bg.gif') -15px 0 repeat-y #98cbfe;
}


h1 {
	margin-top:0;
	margin-bottom:.25em;
	
	font-size:175%;
	font-weight:normal;
	color:#036;
}
h2 {
	margin-top:0;
	margin-bottom:.25em;
	
	font-size:135%;
	font-weight:normal;
	color:#036;
}
h2 + h2 {
	margin-top:.5em;
}
h3 {
	margin-top:0;
	margin-bottom:.25em;
	
	font-size:105%;
	font-weight:bold;
	color:#036;
}


p {
	margin:0 0 1.4em 0;
	line-height:1.2em;
}


img {
	border:none;
}


a:link, a:visited  {
	font-weight:normal;
	color:#006;
}
a:hover, a:active {
	text-decoration:none;
	font-weight:normal;
	color:#009;
}

.hr {
	margin:1em 0;
	border-bottom:1px solid #0757a1;
}


/* -------------- Framework Elements ------------*/
#container {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding:150px 0 0 0;
	width:100%;
		
	text-align:center;
	background: url('../images-layout/navigation-bg.gif') 0 100px repeat-x;
}
#content {
	position:relative;
	top:0;
	left:0;
	margin:0 auto;
	padding:0;
	width:960px;
	
	text-align:left;
	background:#fff;
}


.columnStyle1 {
	
}
	.columnStyle1 .ctl{
		display:none;
	}
		.columnStyle1 .ctr{
			
		}
	.columnStyle1 .cbody{
		padding:0 0 8px 0;
	}
	.columnStyle1 .cbl {
		display:none;
	}
		.columnStyle1 .cbr {
			
		}


.columnStyle2 {
	
}
	.columnStyle2 .ctl{
		display:none;
	}
		.columnStyle2 .ctr{
			
		}
	.columnStyle2 .cbody{
		
	}
	.columnStyle2 .cbl{
		display:none;
	}
		.columnStyle2 .cbr{
			
		}


/* -------------- Layout Appearance Elements ------------*/
.fullColumn {
	width:100%;
}
.halfColumn {
	width:48.5%;
	margin-right:1%;
}
.twoThirdsColumn {
	width:65%;
	margin-right:1%;
}
.thirdColumn {
	width:32%;
	margin-right:1%;
}
.quarterColumn {
	width:23.75%;
	margin-right:1%;
}


.float {
	float:left;	
}
.floatOpposite {
	float:right;
}
.clear {
	clear:both;
}


.pullOut {
	padding:8px;
}

.offPage {
	position:absolute;
	left:-999em;
}

.extraLine {
	margin-bottom:2em;	
}


/* -------------- Main Navigation ------------*/
#navigation {
	position:absolute;
	top:100px;
	left:50%;
	margin:0 0 0 -480px;
	padding:0;
	
	width:960px;
	height:50px;
	
	font-size:97%;
		
	z-index:100;
}
	#navigation ul {
		margin:0;
		padding:0;
		
		width:100%;
		height:50px;
		
		list-style:none;
		background: url('../images-layout/navigation-bg.gif') 0 0 repeat-x #036;
	}
		#navigation ul li {
			position:relative;
			display:block;
			float:left;
			margin:10px 11px 0 0;
			padding:0;
			height:40px;
			width:auto;
			background:url('../images-layout/nav-top-left.gif') top left no-repeat #36c;
		}
		#navigation ul li:hover,
		#navigation ul li.over,
		#navigation ul li.current {
			background:url('../images-layout/nav-top-left-hover.gif') top left no-repeat #fff;
		}

			#navigation ul li a:link, #navigation ul li a:visited {
				display:block;
				margin:0;
				padding:10px 15px 0 15px;
				
				height:30px;
				
				text-align:center;
				text-decoration:none;
				color:#fff;
				background:url('../images-layout/nav-top-right.gif') top right no-repeat;
			}
			#navigation ul li.last a:link, #navigation ul li.last a:visited {
				margin-right:0;
			}
			#navigation ul li a:hover, #navigation ul li a:active,
			#navigation ul li:hover a:link, #navigation ul li:hover a:visited, #navigation ul li:hover a:hover, #navigation ul li:hover a:active,
			#navigation ul li.over a:link, #navigation ul li.over a:visited, #navigation ul li.over a:hover, #navigation ul li.over a:active {
				text-decoration:underline;
				color:#036;
				background:url('../images-layout/nav-top-right-hover.gif') top right no-repeat;
			}
			#navigation ul .current a:link, #navigation ul .current a:visited {
				text-decoration:underline;
				color:#036;
				background:url('../images-layout/nav-top-right-hover.gif') top right no-repeat;
			}
			#navigation ul .current a:hover, #navigation ul .current a:active {
				text-decoration:underline;
				color:#036;
				background:url('../images-layout/nav-top-right-hover.gif') top right no-repeat;
			}

/* -------------- Drop Down Menus ------------*/
#navigation ul li ul {
	display:none;
}
#navigation ul li:hover ul,
#navigation ul li.over ul {
	display:block;
	position:absolute;
	top:100%;
	left:-1px;
	padding-bottom:8px;
	width:200px;
	height:auto;
	background:url('../images-layout/drop-down-bg.gif') bottom left no-repeat;
}
#navigation ul li.last ul {
/*	position:absolute;
	top:100%;
	left:auto;
	right:-1px;
	z-index:100;*/
}

	#navigation ul li:hover ul li,
	#navigation ul li.over ul li {
		float:left;
		margin:0;
		padding:0;
		width:198px;
		height:auto;
		border:1px solid #36c;
		border-width:0 1px;
		background:none;
	}
		#navigation ul li:hover ul li a:link, #navigation ul li:hover ul li a:visited,
		#navigation ul li.over ul li a:link, #navigation ul li.over ul li a:visited {
			display:block;
			float:none;
			margin:0;
			padding:.3em 6px 3px 10px;
			
			/* IE6 Mumbo-jumbo */
			width:auto !important;
			width:182px;
			height:auto;
			
			text-align:left;
			font-size:90%;
			text-decoration:none;
			color:#036;
			
			background:#fff;
		}
		#navigation ul li ul li.current a:link, #navigation ul li ul li.current a:visited,
		#navigation ul li ul li.current a:hover, #navigation ul li ul li.current a:active,
		#navigation ul li:hover ul li a:hover, #navigation ul li:hover ul li a:active,
		#navigation ul li.over ul li a:hover, #navigation ul li.over ul li a:active {
			text-decoration:underline;
			color:#fff;
			background:#36c;
		}
		#navigation ul li:hover ul li.first a,
		#navigation ul li.over ul li.first a {

		}

#navigation ul li.last.over ul {
	display:block;
}




/* -------------- Text ------------*/
.alignStyle1 {
	text-align:center;
}
.alignStyle1 .buttonStyle1 {
	margin:0 auto;
}

.smaller {
	font-size:89%;
}
.bigger {
	font-size:120%;
}


.stockOut {
	font-weight:bold;
	color:#a00;
}


/* -------------- Headers ------------*/
#siteName {
	position:absolute;
	left:-999em;
}



/* -------------- Links ------------*/
.buttonStyle1, .buttonStyle1:link, .buttonStyle1:visited, .buttonStyle1:active, .buttonStyle1_ie6hover {
	display:block;
	padding-top:9px;
	
	width:131px;
	height:24px;
	
	text-align:center;
	text-decoration:none;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	
	background: url('../images-layout/button-style-1.gif') 50% 100% no-repeat #079300;
}
input.buttonStyle1, button.buttonStyle1, .buttonStyle1_ie6hover {
	margin:0;
	padding:0 0 2px 0;
	
	width:131px;
	height:33px;
	
	font-size:14px;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	border:0;
}
.buttonStyle1:hover, .buttonStyle1_ie6hover, input.buttonStyle1_ie6hover, button.buttonStyle1_ie6hover {
	cursor:pointer;
	text-decoration:underline;
	font-size:14px;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	
	background: url('../images-layout/button-style-1.gif') 50% 0 no-repeat #079300;
}



.buttonStyle2, .buttonStyle2:link, .buttonStyle2:visited, .buttonStyle2:active, .buttonStyle2_ie6hover {
	display:block;
	padding-top:4px;
	
	width:131px;
	height:19px;
	
	text-align:center;
	text-decoration:none;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#fff;
	
	background: url('../images-layout/button-style-2.gif') 50% 100% no-repeat #079300;
}
input.buttonStyle2, button.buttonStyle2, .buttonStyle2_ie6hover {
	margin:0;
	padding:0 0 1px 0;
	
	width:131px;
	height:23px;
	
	font-size:14px;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	border:0;
}
.buttonStyle2:hover, .buttonStyle2_ie6hover, input.buttonStyle2_ie6hover, button.buttonStyle2_ie6hover {
	cursor:pointer;
	text-decoration:underline;
	font-size:14px;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	
	background: url('../images-layout/button-style-2.gif') 50% 0 no-repeat #079300;
}



.buttonArrowRight:link, .buttonArrowRight:visited {
	display:block;
	padding:20px 70px 0 0;
	height:45px;
	background: url('../images-layout/arrow-right.gif') top right no-repeat;
}
.buttonArrowRight:hover, .buttonArrowRight:active {
	background: url('../images-layout/arrow-right.gif') bottom right no-repeat;
}

.buttonArrowLeft:link, .buttonArrowLeft:visited {
	display:block;
	padding:20px 0 0 70px;
	height:45px;
	background: url('../images-layout/arrow-left.gif') top left no-repeat;
}
.buttonArrowLeft:hover, .buttonArrowLeft:active {
	background: url('../images-layout/arrow-left.gif') bottom left no-repeat;
}

.buttonExclamation:link, .buttonExclamation:visited {
	display:block;
	padding:20px 0 0 70px;
	height:45px;
	background: url('../images-layout/exclamation.gif') top left no-repeat;
}
.buttonExclamation:hover, .buttonExclamation:active {
	background: url('../images-layout/exclamation.gif') bottom left no-repeat;
}

/* -------------- Images ------------*/
.thumbnail {
	padding:0 8px 8px 8px;
	text-align:center;
}
	.thumbnail a img{
		border:2px solid #6a4;
	}
	.thumbnail a:hover img{
		border:2px solid #0869c3;
	}

/* -------------- Lists ------------*/
.ulNav {
	margin:0;
	padding:0;
	list-style:none;
}
	.ulNav li {
		
	}
		.ulNav li a:link, .ulNav li a:visited {
			display:block;
			padding:.2em 0 .2em 7%;
			width:93%;
			text-decoration:none;
		}
		.ulNav li a:hover, .ulNav li a:active {
			text-decoration:underline;
		}
		.ulNav li.current a:link, .ulNav li.current a:visited,
		.ulNav li.current a:hover, .ulNav li.current a:active {
			text-decoration:underline;
		}

.ulNav li ul {
	display:none;
	width:95%;
}
	.ulNav li.current ul {
		display:block;
		margin:3px 0 0 5px;
		padding:0;
		list-style:none;
	}
		.ulNav li.current ul li{
			margin-bottom:.3em;
		}
			.ulNav li.current ul li a:link, .ulNav li.current ul li a:visited {
				text-decoration:none;
				font-size:90%;
				font-weight:normal;
				background:none;
			}
			.ulNav li.current ul li a:hover, .ulNav li.current ul li a:active {
				text-decoration:underline;
				background:url('../images-layout/bullet.gif') 0 3px no-repeat;
			}
			.ulNav li.current ul li.current a:link, .ulNav li.current ul li.current a:visited,
			.ulNav li.current ul li.current a:hover, .ulNav li.current ul li.current a:active {
				text-decoration:underline;
				background:url('../images-layout/bullet-hover.gif') 0 3px no-repeat;
			}



.ulStyle1 {
	
}

/* -------------- Tables ------------*/
.tableStyle1 {
	border-collapse:collapse;
}
	.tableStyle1 th {
		padding:8px;
		color:#fff;
		border:1px solid #0967bf;	
		background: url('../images-layout/table-style-1-top.gif') top left repeat-x #0967bf;
	}
	.tableStyle1 td {
		padding:6px;
		border:1px solid #0967bf;	
	}


/* -------------- Forms ------------*/
form {
	margin-bottom:0;
	padding-bottom:0;
}

fieldset {
	padding:0;
	border:none;
}

/* -------------- Blobs ------------*/

.blobDefault {
	margin-bottom:12px;
}

.blobImage {
	margin-bottom:12px;
}



.blobSummary {
	margin-bottom:2em;
}
	.blobSummary .btl {
		
	}
		.blobSummary .btr {
			
		}
			.blobSummary .productName {
				margin-bottom:.7em;
			}
			.blobSummary .productPrice {
				
			}
	.blobSummary .bbody {
		
	}
		.blobSummary .productImage {
			display:inline;
			float:left;
			margin-right:1em;
		}
		.blobSummary .productDescription {
			margin-bottom:1em;
		}
		
		.blobSummary .learnMore {
			display:inline;
			float:left;
			margin-right:.5em;
		}
		.blobSummary .buyNow {
			float:left;
		}
	.blobSummary .bbl {
		display:none;
	}
		.blobSummary .bbr {
			
		}



.blobStyle1 {
	margin-bottom:12px;
	
}
	.blobStyle1 .btl {
		background:url('../images-layout/blob-style-1-top-left.gif') top left no-repeat #001e3c;
	}
		.blobStyle1 .btr {
			padding:6px 0;
			text-align:center;
			background:url('../images-layout/blob-style-1-top-right.gif') top right no-repeat;
		}
			.blobStyle1 .btr h2 {
				margin:0;
				color:#fff;
			}
			.blobStyle1 .btr h2 a:link, .blobStyle1 .btr h2 a:visited {
				text-decoration:none;
				color:#fff;
			}
			.blobStyle1 .btr h2 a:hover, .blobStyle1 .btr h2 a:active {
				text-decoration:underline;
				color:#fff;
			}
	.blobStyle1 .bbody {
		padding:8px 4px 8px 4px;
		height:1%;
		border:1px solid #036;
		border-width:0 1px;
	}
	.blobStyle1 .bbl {
		background:url('../images-layout/blob-style-1-bottom-left.gif') bottom left no-repeat;
	}
		.blobStyle1 .bbr {
			height:9px;
			font-size:0px;
			background:url('../images-layout/blob-style-1-bottom-right.gif') bottom right no-repeat;
		}