/* CSS Document */

body {
	background: url(images/bkd_body.gif) top left repeat-x #BF8141;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	}
	
#container {
	position: relative;
	background: url(images/bkd_container.gif) top left repeat-y;
	width: 800px;
	margin: 0 auto;
	padding: 0;
	}

/*#header {
	position: relative;
	top: 0;
	left: 0;
	width: 800px;
	height: 172px;
	background: url(images/bkd_header01.jpg) top left no-repeat;
	margin: 0 auto;
	padding: 0;
	}
	#header h1 {
		margin: 0;
		padding: 0;
		}
	#header h1 a.home {
		position: absolute;
		top: 8px;
		left: 8px;
		display: block;
		width: 375px;
		height: 65px;
		background: url(images/ph_logo_main.gif) top left no-repeat;
		margin: 0;
		padding: 0;
		}
	#header h1 span {
		margin: 0 0 0 -10000px;
		padding: 0;
		}
		
	#header #login {
		position: absolute;
		top: 0;
		right: 5px;
		margin: 0;
		padding: 0;
		}
		#header ul {
			margin: -2px 0 0 0;
			padding: 0;
			}*/
		/* I changed -2px to 0
		      (see above)*/
		/*#login ul {
			margin: 0 0 0 0;
			padding: 0;
			}
		#header #login li {
			display: inline;
			text-align: right;
			font: bold 11px Arial, Helvetica, sans-serif;
			color: #DF7634;
			margin: 0 5px 0 0;
			padding: 0;
			}
		#header #login li a {
			text-decoration: none;
			color: #8C0000;
			}
		#header #login li a:hover, #header #login li a:active {
			text-decoration: underline;
			color: #FF6600;
			}*/

#main {
	position: relative;
	background: url(images/bkd_main.gif) bottom left no-repeat;
	width: 790px;
	margin: 0 5px;
	padding: 0 0 30px 0;
	}
	#main hr {
		display: block;
		clear: right;
		margin: 0;
		padding: 0;
		visibility: hidden;
		}

#content {
	margin: 0 230px 0 0;
	padding: 10px 0 0 0;
	}
	#content h2 {
		font: bold 120% Arial, Helvetica, sans-serif;
		color: #C33219;
		margin: 10px 0 10px 15px;
		padding: 0;
		}
	/* I added this 
	#content h5 {
		width: 525px;
		height: 20px;
		background: url(images/bkd_checkout_tabs.gif) top left no-repeat;
		font: bold 14px Arial, Helvetica, sans-serif;
		color: #ffffff;
		margin: 20px 0 0 10px;
		padding: 2px 5px 0 5px;
		}*/	
		
#sidebar {
	display: inline;
	float: right;
	width: 225px;
	margin: 0 5px 0 0;
	padding: 0;
	}

	#catnav {
		position: relative;
		width: 225px;
		background: url(images/bkd_catnav_fill.gif) top right repeat-y;
		margin: 0;
		padding: 0;
		}			
		#catnav h4 {
			background: url(images/bkd_catnav_curve.gif) top right no-repeat;
			font: bold 90% Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			margin: 0 0 10px 0;
			padding: 5px 0 0 35px;
			}
			.lit {color:#CC000A;}
			.corell {color:#006600;}
			.media {color:#BE0050;}
			.vocab {color:#CC7D00;}
			.litres {color:#F15322;}
			.refer {color:#7D3399;}

		#catnav ul {
			background: url(images/bkd_catnav_btm.gif) bottom right no-repeat;
			margin: 0;
			padding: 0 3px 20px 50px;
			}
		#catnav li {
			list-style: outside disc;
			font: normal 80% Arial, Helvetica, sans-serif;
			color: #660000;
			margin: 0 0 3px 0;
			padding: 0;
			}
			#catnav li a {
				text-decoration: none;
				color: #660000;
				}
			#catnav li a:hover, #catnav li a:active {
				text-decoration: underline;
				}
			#catnav li a.current {
				color: #002873;
				}

	#subnav {
		width: 190px;
		background: url(images/bkd_subnav.gif) bottom right no-repeat #FFA74C;
		margin: 0 0 0 35px;
		padding: 0 0 5px 0;
		}
		#subnav ul {
			background: url(images/bkd_subnav_top.gif) top right no-repeat;
			margin: 0;
			padding: 15px 3px 0 5px;
			list-style-type: none;
			}
		#subnav li {
			/*font: bold 80% "Trebuchet MS" Arial, Helvetica, sans-serif;*/			
			font: bold 79% Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			color: #E15528;
			margin: 0 0 8px 0;
			padding: 0;
			}
		#subnav li a {
			text-decoration: none;
			color: #E15528;
			}
		#subnav li a:hover, #subnav li a:active {
			text-decoration: underline;
			color: #59090A;
			}
		#subnav span {
			margin: 0 0 0 105px;
			padding: 0;
			}
		
	#adNav {
		margin: 25px 0 0 0;
		padding: 0;
		text-align: right;
		}
		#adNav img {
			margin: 0;
			padding: 0;
			}
	
	/* I added this. */		
	#controlScan 
	{		
		margin: 10px 45px 0 0;
		padding: 0;
		text-align: right;
		}
		#controlScan img {
			margin: 0;
			padding: 0;
			}
			
	/* I added this. */		
	#thawte 
	{		
		margin: 10px 53px 0 0;
		padding: 0;
		text-align: right;
		}
		#thawte img {
			margin: 0;
			padding: 0;
			}
	#messagetext 
		{		
		margin: 0px 5px 0 35px;
		padding: 0;
		text-align: left;
		font-size: 12px;
		color: #CC0000;
		}
#footer {
	clear: both;
	background: url(images/bkd_footer.gif) top left no-repeat;
	width: 790px;
	margin: 0 5px;
	padding: 15px 0;
	}
	#footer p {
		font: normal 90% Arial, Helvetica, sans-serif;
		text-align: center;
		color: #DF7634;
		margin: 0 20px 5px 20px;
		padding: 0;
		}
	#footer h6 {
		font: bold 90% Arial, Helvetica, sans-serif;
		text-align: center;
		color: #C33219;
		margin: 0;
		padding: 0;
		}
	#footer ul {
		text-align: center;
		list-style-type: 0;
		margin: 5px 15px 10px 15px;
		padding: 0;
		}
	#footer li {
		display: inline;
		font: bold 85% Arial, Helvetica, sans-serif;
		color: #922513;
		border-right: 1px solid #DF7634;
		/* I added this */
		border-left: 1px solid #DF7634;
		/* I added last 2px */
		margin: 0 2px 0 2px;
		/* I added last 5px */
		padding: 0 5px 0 5px;
		}	
	#footer li a {
		color: #922513;
		text-decoration: none;
		}
	#footer li a:hover, #footer li a:active {
		text-decoration: underline;
		}

#footerClose {
	background: url(images/bkd_footer_btm.gif) bottom left no-repeat;
	width: 800px;
	height: 10px;
	margin: 0;
	padding: 0;
	}
	
/******************SPECIAL************************/
.imgRight {
	float: right;
	margin: 5px 15px 10px 10px;
	padding: 0;
	}
.imgLeft {
	float: left;
	margin: 5px 10px 5px 15px;
	padding: 0;
	}

.link { font-size: 14px; }
A.link {color:#0A327D; text-decoration: none; }
A.link:visited {color:#0A327D; text-decoration: none; }
A.link:link	  {color:#0A327D; text-decoration: none; }
A.link:visited {color:#0A327D; text-decoration: none; }
A.link:hover	  {color:#0A327D; text-decoration: underline; }
