/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail:Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com

*/

#wrapper_outer { 
	margin:25px auto;
	width:975px;
	min-height:1049px;
	position:relative;
}
	
#wrapper_header {
	width:auto;
	height:100px;
	padding:0px;
	margin:0px;
	background-color:#231F20;
}
	#wrapper_header #logo {
		background:transparent url('images/logo-education-advantage.png') top left no-repeat;
		width:444px;
		height:39px;
		text-indent:-10000000px;
		display:block;
		position:absolute;
		top:22px;
		left:114px;
	}
	#wrapper_header #strapline {
		background:transparent url('images/strapline.png') top left no-repeat;
		width:387px;
		height:20px;
		text-indent:-10000000px;
		display:block;
		position:absolute;
		top:65px;
		left:114px;
	}
	#wrapper_header #logo_blocks {
		position:absolute;
		width:136;
		height:73px;
		top:14px;
		right:100px;
	}


#wrapper_left { 
	display:inline;
	margin:35px 0px 0px 0px;
	padding:0px;
	width:270px;
	float:left;
}
	#wrapper_left .navbox {
		background:transparent url('images/bg-navbox.png') top left no-repeat;
		width:187px;
		height:173px;
		position:relative;
		margin:7px 0px 7px 60px;
	}
		#wrapper_left .navbox .photo {
			position:absolute;
			width:155px;
			height:101px;
			top:15px;
			left:15px;
		}
		#wrapper_left .navbox .link {
			position:absolute;
			width:155px;
			height:35px;
			left:15px;
			bottom:17px;
			text-align:center;
		}
		#wrapper_left .navbox .pin1, #wrapper_left .navbox .pin2 {
			position:absolute;
			width:7px;
			height:7px;
			top:12px;
			background:transparent url('images/pin-mark.png') top left no-repeat;
		}
		#wrapper_left .navbox .pin1 {
			left:12px;
		}
		#wrapper_left .navbox .pin2 {
			right:13px;
		}
	

#wrapper_right { 
	float:right;
	color:#333;
	margin:0px;
	padding:0px;
	width:705px;
	display:inline;
	position:relative;
}
	h1#title span { display:none; }
	h1#title {
		color:white;
		font-size:200%;
		height:69px; /* height of the replacement image */
		background-repeat:no-repeat;
		margin-bottom:1em;
	}
	#nav_top {
		width:auto;
		padding:27px 0px 0px 40px;
		height:60px;
	}
	#nav_top ul {
		position:relative;
		float:left;
		padding:0px;
		margin:0px;
	}
		#nav_top ul li {
			padding:0px;
			margin:0px;
			list-style-type:none;
			float:left;
		}
			#nav_top ul li a {
				display:block;
				text-indent:-10000000px;
				padding:0px 10px 0px 10px;
			}
			#nav_top ul li.link1 a {
				width:95px;
				height:49px;
				background:transparent url('images/nav-home.png') top left no-repeat;
			}
			#nav_top ul li.link2 a {
				width:94px;
				height:46px;
				background:transparent url('images/nav-about.png') top left no-repeat;
			}
			#nav_top ul li.link3 a {
				width:110px;
				height:47px;
				background:transparent url('images/nav-products.png') top left no-repeat;
			}
			#nav_top ul li.link4 a {
				width:96px;
				height:50px;
				background:transparent url('images/nav-news.png') top left no-repeat;
			}
			#nav_top ul li.link5 a {
				width:105px;
				height:51px;
				background:transparent url('images/nav-contact.png') top left no-repeat;
			}
	#nav_top .selected {
		color:red;
		font-weight:bold;
	}

	#blackboard {
		margin:10px 0px 25px 30px;
	}
		#blackboard img {
			vertical-align:bottom;
		}
		#blackboard #blackboard_middle {
			width:616px;
			min-height:353px;
			background:transparent url('images/blackboard-middle.png') 0 0 repeat-y;
		}
			#blackboard #blackboard_middle #contents {
				padding:0px 40px 0px 40px;
				color:white;
			}
				#blackboard #blackboard_middle #contents h2, #blackboard #blackboard_middle #contents a {
					color:white;
				}
	div#tel_email {
		text-align:center;
	}

#wrapper_footer { 
	width:auto;
	height:40px;;
	background-color:#231F20;
	margin:20px 0px 35px 0px;
}
	#wrapper_footer #footer_copy { 
		color:white;
		font-size:85%;
		padding:5px 0px 0px 106px;
	}

#contact_us {
	width:98%;
}
	#contact_us th {
		text-align:left;
		padding:3px;
	}
	#contact_us td {
		padding:3px;
	}

/* Begin:CSS for displaying 3 products per line */
	.pagination {
		float:right;
		margin-bottom:15px;
	}
	.pagination h3 {
		font-size:105%;
		text-decoration:underline;
	}
	h2.product_header {
		width:437px;
		height:44px !important;
		line-height:44px !important;
		background:transparent url('images/product-bg-h2.png') 0 0 no-repeat;
		padding:0px !important;
		margin:0px 0px 15px 0px !important;
	}
	.DisplayProduct {
		position:relative;
		padding:0px;
		float:left;
		width:129px;
		text-align:left;
		margin:0px 0px 10px 0px;
	}
		.ColPos1 {
			margin-left:0px;
			margin-right:24px;
		}
		.ColPos2 {
			margin-left:0px;
			margin-right:24px;
		}
		.ColPos3 {
			margin-left:0px;
			margin-right:0px;
		}
	.DisplayProduct h4 {
		background:transparent url('images/product-bg-header.png') 0 0 no-repeat;
		color:white;
		font-size:90%;
		width:119px;
		height:27px;
		line-height:27px;
		padding:0px 0px 0px 10px;
		margin:0px;
		overflow:hidden;
	}
	.DisplayProduct .ProductImage {
		border-left:2px solid #4BC8F3;
		border-right:2px solid #4BC8F3;
		border-bottom:2px solid #4BC8F3;
		vertical-align:bottom;
	}
	.DisplayProduct .info {
		width:113px;
		height:75px;
		padding:6px;
		font-size:90%;
		border-left:2px solid #4BC8F3;
		border-right:2px solid #4BC8F3;
		background-color:white;
		color:white;
	}
		.DisplayProduct .info:hover {
			background-color:#F1FCFF;
		}
		.DisplayProduct .price {
			color:#F9BD5F;
			font-size:150%;
			font-weight:bold;
			margin-bottom:5px;
		}
		.DisplayProduct .smaller {
			font-size:70% !important;
			font-weight:normal !important;
		}
		.DisplayProduct .MoreInfo {
			padding:0;
			margin:0;
			position:absolute;
			left:10px;
			bottom:0px;
			height:15px;
		}
			.DisplayProduct .MoreInfo a {
				font-style:italic;
				color:white;
			}
	.DisplayProduct .boxfooter {
		width:129px;
		height:5px;
		background:transparent url('images/product-bg-footer.png') 0 0 no-repeat;
	}
/* End:CSS for displaying 3 products per line */

/* Begin:CSS for displaying listed items like News */
	#item_list {
		position:relative;
		font-size:100% !important;
	}
		#item_list .item_list_item {
			position:relative;
			border-top:1px dashed white;
			padding:15px 0px 0px 0px;
			margin-bottom:15px;
			height:1%;
		}
		.item_list_item h3 {
			color:#F9BD5F;
			text-align:left;
			font-size:120%;
			padding:0px 0px 5px 0px;
		}
		.item_list_item a.news_link {
			display:block;
			position:absolute;
			color:#ADDCE9 !important;
			text-decoration:underline !important;
			bottom:5px;
		}
		img.news_image {
			padding:5px;
			border:1px solid white;
		}
		#all_images {
			float:right;
			margin:0px 0px 15px 20px;
			text-align:center;
		}
			#all_images .caption {
				font-size:90%;
				font-style:italic;
				text-align:center;
			}
/* End:CSS for displaying listed items like News */

/* Begin:CSS for displaying a selected product */
	#product_details {
		background-color:white;
	}
	#product_details h2 {
		font-weight:normal;
		color:#F9BD5F;
		font-size:100%;
		text-decoration:none;
		margin:0px;
		padding:0px 0px 5px 0px;
	}
	#product_details #prod_images {
		float:right;
		margin:15px 0px 15px 20px;
		text-align:center;
	}
		#product_details #prod_images .caption {
			font-size:90%;
			font-style:italic;
			text-align:center;
		}
		#product_details #prod_images img {
			padding:5px;
			border:1px solid white;
		}
	#product_details p {
		color:white;
		margin:0px;
		padding:0px 0px 5px 0px;
	}
	#product_details .Highlighted {
		font-size:110%;
		color:#F9BD5F;
		font-weight:bold;
	}
	#product_details #product_options {}
	#product_details #product_options td, #product_details #product_options th {
		color:white;
		vertical-align:top;
		padding-bottom:3px;
	}
	#product_details #product_options td.desc {
		width:70%;
	}
	#product_details #product_options td.price {
		width:20%;
	}
	#product_details #product_options td.qty {
		width:10%;
	}
	#product_details .imgsubmit2 {
		width:129px;
		height:35px;
	}
/* End:CSS for displaying a selected product */


.highlight_word {
	color:#F9BD5F;
	font-weight:bold;
	border-bottom:1px dashed white;
}

#table_basket {
	margin:10px 0px 10px 0px;
	width:100%;
}
#table_basket th {
	background-color:white;
	color:white;
	font-weight:bold;
	padding:5px;
	border:1px solid #F9BD5F;
	vertical-align:top;
}
#table_basket td {
	font-weight:normal;
	padding:5px;
	border:1px solid #F9BD5F;
	vertical-align:top;
}
#table_basket td a {
	text-decoration:underline;
	color:#F9BD5F;
}
#table_basket .blank {
	background-color:transparent;
	border:none;
}


#wrapper_popup {
	background-color:white;
}
	#wrapper_popup table {
		width:100%;
		margin-bottom:20px;
	}
		#wrapper_popup table th, #wrapper_popup table td {
			padding:10px;
		}
		#wrapper_popup table th {
			font-size:200%;
			width:70%;
			border-bottom:1px solid #0DB3D8;
		}
		#wrapper_popup table td {
			width:30%;
			border-bottom:1px solid #0DB3D8;
		}
	#wrapper_popup #popup_copy {
		padding:0px 15px 15px 15px;
	}
	#wrapper_popup #wrapper_footer { 
		width:100%;
	}


.fileicon {
	margin:5px 10px 5px 0px;
	vertical-align:middle !important;
	border:0px !important;
}

.video {
	width:320px;
	height:240px;
	display:block;
	margin-bottom:10px;
}