body {
	font: .7em Verdana, Arial, Helvetica, sans-serif;
	margin: 30px;
	margin-top:10px;
	
}

.watermark {   color: #999;}

	.SubClass 
	{
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.productDrill a:link
	{
			color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration: none;	
		
	}
	
	.catID
	{
		font: .8em Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	
	#ProductDisplay
	{
		margin-left: 15px;
		margin-top: 3px;
		margin-bottom: 15px;
		background-color: #FAFAFA;
	}
	
	.ProductLoading
	{
		margin-left: 20px;
		margin-top: 3px;
		background-image: url(media/loading.gif);
		height: 11px;
		width: 59px;
	}
	
	#CatSearch
	{
		margin-left: 15px;
		margin-top: 10px;
		margin-bottom: 15px;
		padding-bottom: 15px;
		background-color: #FAFAFA;
	}
	
	.productDrill a:visited {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
		cursor: pointer;
	}
	
	.productDrill a {
		color: #1867B6 !important;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
		cursor: pointer;
	}
	
	.productDrill a:hover {
		color: #1867B6 !important;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
		cursor: pointer;
	}
	
	
	.SubClass a:hover  {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none !important;
		cursor: pointer;
	}
	
	.DarkLink a:visited {
		color: #0654CB;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	.DarkLink a {
		color: #0654CB !important;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
		cursor: pointer;
	}
	
	
	.SubClass a:link {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration: none;
		cursor: pointer;
	}
	
	.SubClass a:visited {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
		cursor: pointer;
	}
	
	#packaging ul {
		display:block;
		padding-top:3px;
		padding-bottom:2px;
		list-style-type: none;
		padding: 0px; 
		margin: 0px;
				border-top: solid 1px #CCCCCC;
	}
	
	#packaging li {
		display:block;
		padding-top:1px;
		padding-bottom:1px;

	}


	
#centerScreen
{
	width: 750px;
	margin: 0 auto;
}

#header {
	position: relative;
	height: 195px;
	width: 750px;
	background-image: url(media/header.jpg);
}

#ContactPageImage img
{
	position: relative;
	top: 2px;
	right: 5px;
}

#ContactPageImage img
{	
	border: ;
	float: right;
}

#heading0 {
	height: 32px;
	text-align:right;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #666666;
	position: absolute;
	padding-top:  5px;
	width: 100%;
	z-index: -1;
}

#SearchCat
{
	color: #666666;
	font: bold 11px Arial, Helvetica, sans-serif;
	position: absolute;
	padding-top: 10px;
	text-align: left;
}

#SearchBox img
{
	padding-top: 2px;
	vertical-align: top;
	cursor: pointer;
	}

#SearchBox
{
	left: 170px;
	text-align: left;
	position: absolute;
	vertical-align: bottom;

	padding-top: 6px;
}

#SearchCat a
{
	padding-left:23px;
}
	#SearchCat a:link {
		color: #666666;
		text-decoration: none;
		background:url(media/greyCircleArrow.gif) 0px 1px no-repeat;
	}

	#SearchCat a:visited {
		color: #666666;
		text-decoration: none;
		background:url(media/greyCircleArrow.gif) 0px 1px no-repeat;
	}
	#SearchCat a:hover {
		color: #666666;
		text-decoration: none;
		background:url(media/greenCircleArrow.gif) 0px 1px no-repeat;
	}

#heading1 {
	
	padding-top:3px;
	padding-bottom:3px;
	padding-left:8px;
	position: relative;
	z-index: 20;
	background:url(media/heading1a.jpg) repeat-y;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
}

#headingBuy {
	top: 0px;
	width: 100%;
	height: 23px;
	padding-top:3px;
	position:  relative;
	z-index: 20;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color: gray;
	text-align: right;
}

#headingBuy a:visited, a:active 
{
	text-decoration: none;
	color: gray;
}		

.heading2 {
	height: 16px;
	padding-left:2px;
	background:url(media/heading1.jpg) repeat-y;	
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
}	

	.heading2 a{
	text-decoration: none;
	color: white;
	}
	
	.heading2 a:visited, .breadcrumb a:active{
	color: white;
	}
	
	.heading2 a:hover{
	text-decoration: underline;
	}

.heading2Home {
	padding-left:2px;
	padding-bottom: 2px;
	background:url(media/heading1.jpg) repeat-y;	
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
}	

	.heading2Home a{
	text-decoration: none;
	color: white;
	}
	
	.heading2Home a:visited, .breadcrumb a:active{
	color: white;
	}
	
	.heading2Home a:hover{
	text-decoration: underline;
	}


.heading3 {
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.wrapContainer img
{
	float: left; 
	vertical-align: text-top;
	padding-right:5px;
	padding-top:5px;
}


.link{

}
	.link a:visited {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	.link a:link {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	.link a:visited {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
	}

	.link a:hover {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:underline;
	}	
	
	.link a:active {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
		
	.link a:focus {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
	}

.list {
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
}
	
	.list p {
	margin-bottom: 0px;
	margin-top:2px;
	}

	.list ul {
	margin-top: 0px;
	margin-bottom:0px;

	list-style-image:url(media/greenArrow.gif);
	}

	.list a:visited {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	.list a:link {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	.list a:visited {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
	}

	.list a:hover {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:underline;
	}	
	
	.list a:active {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
		
	.list a:focus {
		color: #1867B6;
		font: Arial, Helvetica, sans-serif;
		text-decoration:none;
	}


div.wrapContainer{
	width:100%; 
	float:left;
}  




#logo {
	z-index: 500;
	position: relative;
	top: 10px;
	left: 10px;
	padding-left: 10px;
	padding-top: 10px;
    background-repeat:no-repeat;
	height: 89px;
	width: 165px;
}

#ShoppingDiv
{
	position: absolute;
	top: 195px;
	left: 180px;
	padding-left: 10px;
	padding-top: 10px;
	height:66px;
}

	#logo img { 
		border: 0px 
	}


#mainmenu {
	position: relative;
	top: 40px;
	left: 25px;
	width:700px;
}

	#mainmenu ul {
		list-style: none;			/* removes list marker */
		padding: 0px;				/* removes left indent */
		margin: 0px;
	}

	#mainmenu ul li {
		display: inline;			/* sets list items to display in a row */
	}
	
	#mainmenu a:link {
		color: #ffffff;
		font: bold 1.1em Arial, Helvetica, sans-serif;
		background: url(media/whiteArrow.gif) 0px 4px no-repeat;
		padding-left: 10px;			/* puts space in between list items */
		padding-right: 30px;
		text-decoration:none;
	}
	
	#mainmenu a:visited {
		color: #ffffff;
		font: bold 1.1em Arial, Helvetica, sans-serif;
		background: url(media/whiteArrow.gif) 0px 4px no-repeat;
		padding-left: 10px;			/* puts space in between list items */
		padding-right: 30px;
		text-decoration:none;
	}

	#mainmenu a:hover {
		color:#ffffff;
		font: bold 1.1em Arial, Helvetica, sans-serif;
		background: url(media/menuActive.gif) repeat;
		padding-left: 10px;			/* puts space in between list items */
		padding-right: 30px;
		text-decoration:none;
	}	
	
	#mainmenu a:active {
		color:#ffffff;
		font: bold 1.1em Arial, Helvetica, sans-serif;
		background: url(media/menuActive.gif) repeat;
		padding-left: 10px;			/* puts space in between list items */
		padding-right: 30px;
		text-decoration:none;
	}
		
	#mainmenu a:focus {
		color:#ffffff;
		font: bold 1.1em Arial, Helvetica, sans-serif;
		background: url(media/menuActive.gif) repeat;
		padding-left: 10px;			/* puts space in between list items */
		padding-right: 30px;
		text-decoration:none;
	}
	
#OverRideMenu a
{
	background: none !important;
	padding-left: 0px !important;
		display:inline !important;
}

#OverRideMenu li a {
		display:inline !important;
	}


#verticalmenu {
	display:block;
	width: 170px;
	float:left;
	font: bold 0.5em Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:0px;
}

	#verticalmenu ul {
		display:block;
		padding-top:4px;
		padding-bottom:4px;
		list-style-type: none;
		padding: 0px; 
		margin: 0px;
	}
	
	#verticalmenu li {
		display:block;
		padding-top:5px;
		padding-bottom:5px;
		border-top: solid 1px #CCCCCC;
	}
	
	#verticalmenu ul ul {
		display:block;
		padding-top:4px;
		padding-bottom:4px;
		list-style-type: none;
	}
	
	#verticalmenu li a {
		display:block;
		padding-left:23px;
	}
	
	#verticalmenu li li a{
		display:block;
		margin-left:10px;
	}
	
	#verticalmenu a:link {
		color: #666666;
		background:url(media/greyCircleArrow.gif) 0px 1px no-repeat;
		text-decoration: none;
	}

	#verticalmenu a:visited {
		color: #666666;
		background:url(media/greyCircleArrow.gif) 0px 1px no-repeat;
		text-decoration: none;
	}
	
	#verticalmenu a:hover {
		color: #666666;
		background:url(media/greenCircleArrow.gif) 0px 1px no-repeat;
		text-decoration: none;
	}
	
	#verticalmenu a:active {
		color: #366DB1;
		background:url(media/greenCircleArrow.gif) 0px 1px no-repeat;
		text-decoration: none;
	}
	
	#verticalmenu a:focus {
		color: #366DB1;
		background:url(media/greenCircleArrow.gif) 0px 1px no-repeat;
		text-decoration: none;
	}	

	#verticalmenu a.current {
		color: #366DB1;
		background:url(media/greenCircleArrow.gif) 0px 1px no-repeat;
		text-decoration: none;
	}


#topmenu {
	text-align:right;
	height: 20px;
}

	#topmenu ul {
		list-style: none;			/* removes list marker */
		padding: 0px;				/* removes left indent */
		margin: 0px;
	}

	#topmenu ul li {
		display: inline;			/* sets list items to display in a row */
		padding-left: 15px;			/* puts space in between list items */
		font: bold 0.5em Arial, Helvetica, sans-serif;
		font-size:11px;
	}

	#topmenu a:link {
		color: #666666;
		background: url(media/greenArrow.gif) 0px 4px no-repeat;
		padding-left: 10px;	
		text-decoration: none;
	}
	
	#topmenu a:visited {
		color: #666666;
		background: url(media/greenArrow.gif) 0px 4px no-repeat;
		padding-left: 10px;	
		text-decoration: none;
	}
	
	#topmenu a:hover {
		color: #366DB1;
		background: url(media/greenArrow.gif) 0px 4px no-repeat;
		padding-left: 10px;	
		text-decoration: none;
	}
	
	#topmenu a:active {
		color: #366DB1;
		background: url(media/greenArrow.gif) 0px 4px no-repeat;
		padding-left: 10px;	
		text-decoration: none;
	}
	
	#topmenu a:focus {
		color: #366DB1;
		background: url(media/greenArrow.gif) 0px 4px no-repeat;
		padding-left: 10px;	
		text-decoration: none;
	}
	
	#topmenu a.current {
		color: #366DB1;
		background: url(media/greenArrow.gif) 0px 4px no-repeat;
		padding-left: 10px;	
		text-decoration: none;
	}

	
.breadcrumb{
	position: relative;
	top: 50px;
	padding-left: 15px;
	padding-top: 10px;
	font-size: 10px;
	font: normal Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
	/*background-image:url(media/breadCrumbBackground.png);
	 Use this script for IE6 <
	back\ground-color: transparent;	
	background-image: none;	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="media/breadCrumbBackground.png", sizingMethod="scale");*/
	height:20px;
}

	.breadcrumb a{
	background: url(media/breadCrumbArrow.gif) no-repeat center right;
	text-decoration: none;
	padding-right: 14px; /*adjust bullet image padding*/
	padding-left:6px;
	color: white;
	}
	
	.breadcrumb a:visited, .breadcrumb a:active{
	color: white;
	}
	
	.breadcrumb a:hover{
	text-decoration: underline;
	}
	
	
#wrapper {
	width: 750px; 
	height: auto;         
	position: relative;
}     


#bodyContent {
	border-left: solid 145px #ffffff; 	/* should be same width as left column */
	position: relative;
	visibility: visible;
	margin-top: 33px;
}


#innerbody {
	margin: 0px;
	width: 100%;
}


#leftcol {
	width: 170px; 					/* width of left column */
	margin-left: -145px; 			/* negative width of left column */
	float: left;
	position: relative;
	z-index: 10;
	border-right: solid 1px #CCCCCC;
}


#centercol {
	float: left;
	position: relative;
	width: 580px;
	z-index: 11;
	border-left: solid 1px #CCCCCC;
}


#centercontent {
	margin: 0px 0px 0px 0px;
	padding-top: 5px;
	padding-left: 8px;
	padding-bottom: 20px;

}


#footer {
	clear: left;
	position: relative;
	z-index: 30;
	padding: 4px;
	border-top: solid 1px #CCCCCC;
	padding-top:8px;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666; 
}

#shoppingcart {
	position: relative;
	top: 5px;
	left: 15px;
	height: 25px;
	width: 92%;
	background: #eee;
	border: 1px solid #444;
	padding-top: 10px;
}

#shoppingcart p {
	margin: 0 1em 1em;
}

h1 {
	font-size: 140%;
	margin: 0.5em 1em;
}

#booklist, #contents {
	position: relative;
	top: 4px;
	left: 15px;
	width: 92%;

	border: 1px solid #333;
}

#booklist ul {
	list-style-type: none;
}

#booklist ul li {
	margin: 0 1em 1em;
}

#contents table {
	font-size: 90%;
	border-collapse: collapse;
	width:  98%;
}

#contents table td {
	border: 1px solid #999;
	width: 20%;
		background: #EBF0F0;
}

#contents p
{
	margin-left: 5px;
}
#contents button
{   text-align: center;
	margin-left: 10px;
	width:  150px;
	
}

/* fixes for mozilla */
/*#body > #innerbody { border-bottom: 1px solid transparent; }*/
#leftcol { margin-right: 1px; }
#rightcol { margin-left: 1px; }
#centercol { margin: 0 -8px 0 -2px; }