body {
	font-size: 11px;
	font-family: verdana, sans-serif, arial, helvetica;
	}

html,body{margin:0;padding:0}

body{
	text-align:center;
	font-size: 11px;
	font-family: verdana, sans-serif, arial, helvetica;
	}
	
div#header{position:relative; margin: 0 20px;}
div#container{text-align:left}

div#container{width:770px; margin:0 auto;}

div#content{float:right;width:472px; margin: 40px 20px 0 0; display: inline;}
div#navigation{float:left;width:120px; margin-left: 20px;margin-top: 40px; margin-bottom: 40px;display: inline; /* IE6 double margin bug fix */}
div#submenu{float:left;width: 120px;margin-top: 70px;}
div#extra{float:left; clear: left; width: 118px;margin-left: 20px;display: inline; /* IE6 double margin bug fix */}
div#footer{clear:both;width:100%}

		
/* ---------------- Flash notice ---------------- */	

.flash {
	border: solid 1px #BD7646;
	color: #921B03;
	margin: 0 0 12px 0;
	padding: 12px;
	list-style-type: none;
	background-color: #F8EED4;
	line-height: 14px;	
	}

/* ---------------- Title ---------------- */	

div#header{padding-top: 10px;}

#title { height: 44px; width: 238px; border: solid 1px #c7c7c8; background-color: #fff; }
#title a img { margin: 3px; }

/* ---------------- Search ---------------- */	

#search {	
	background-color: #9B9C9E;
	border: solid 1px #000;
	height: 44px;
	width: 470px;
	float: right;
	}

	#search ul {
		margin: 0;
		padding: 0;
		list-style-type: none;line-height: 40px; 
		}

	#search li {
		float: left;
		margin: 0;
		padding: 0;
		line-height: 40px; height: 40px;
		}

		#search a {
			color: #fff;
			margin: 0 6px;
			}

		li.cart {
			background-image: url(../img/cart.png);
			background-repeat: no-repeat;
			background-position: 8px 12px;
			}

		li.cart a {
			padding-left: 20px;
			}

		#search input {
			width: 75px;
			border: solid 1px #000;
			font-size: 11px;
			padding: 0px 2px;
			vertical-align: middle;
			margin-top: 10px;
			}
			
		html>body #search input {
			width: 75px; margin: 0;
			border: solid 1px #000;
			font-size: 11px;
			padding: 0px 2px;
			vertical-align: middle;
			}

		#search input.input {
			width: 100px;
			padding: 1px 3px;
			}

		html>body #search input.input {
			width: 100px;
			padding: 1px 3px;
			}

/* ---------------- Main Menu ---------------- */	

#navigation {
}

	#navigation ul {
		border-top: solid 1px #000;
		border-left: solid 1px #000;
		margin: 0;
		padding: 0;
		list-style-type: none;
		width:120px; float: left;
	}

	#navigation li {
		margin: 0;
		padding: 0;clear: left;
	}

	#navigation li a {
		background-color: #fff;
		border-bottom: solid 1px #000;
		border-right: solid 1px #000;
		margin: 0;
		padding: 8px 14px;
		float: left;
		text-align: right;
		text-decoration: none;
		font-family: verdana, sans-serif, arial, helvetica;
		color: #000;width:91px; 
		}
	#navigation li a:hover {
		background-color: #000;
		color: #fff;
		}
	#navigation li a.image_rights { 
		color: #000; 
		background-color: #cecfd1; 
		}
	#navigation li a.image_rights:hover {
		color: #cecfd1; 
		background-color: #000; 
		}
	#navigation li a.work { 
		color: #000; 
		background-color: #9b9c9e; 
		}
	#navigation li a.work:hover {
		color: #9b9c9e; 
		background-color: #000; 
		}
	#navigation li a.submissions { 
		color: #fff; 
		background-color: #646567; 
		}
	#navigation li a.submissions:hover {
		color: #646567; 
		background-color: #fff; 
		}
	#navigation li a.contact { 
		color: #fff; 
		background-color: #000; 
		}
	#navigation li a.contact:hover {
		color: #000; 
		background-color: #fff; 
		}
	#navigation li a.active {
		color: #fff;
		background-color: #a3928b;
		}
			
			
/* ---------------- Sub Menu ---------------- */	

#submenu {
	}
	
	#submenu.catalogue {
		margin-top: 70px;
		}

	#submenu.how_to_order {
		margin-top: 100px;
		}

	#submenu.image_rights {
		margin-top: 130px;
		}
	#submenu.work {
		margin-top: 160px;
		}
	
	#submenu ul {
		border: solid 1px #000;
		margin: 0;
		padding: 12px 12px 16px 12px;
		list-style-type: none;
		background-color: #ededed;
		line-height: 14px;height: 1%;
		width: 94px;
		}

	#submenu li {
		margin: 0;
		padding: 3px 0;
		text-align: right;
		color: #918F8F;
		}

		#submenu li a {
			margin: 0;
			font-family: verdana, sans-serif, arial, helvetica;
			color: #7b6e6a;
			}

			#submenu li a.active {
				font-weight: bold;
				}

		#submenu li a:hover {
			color: #000;
			}
			

/* ---------------- Banners ---------------- */	

#extra {
	border: solid 1px #000;
	border-bottom: 0px solid #000;
	background-color: #fff;clear: left;
	}	
	
	#extra div {
		border-bottom: 1px solid #000;	
		}
	#extra div p {
		margin: 0;
		padding: 4px;
		font-size: 10px;
		cursor: pointer; /* :hand is only IE(7), pointer IE & FF*/
		}
	#extra div div {
		border-width: 0px;
		line-height: 0px;
		cursor: pointer; /* :hand is only IE(7), pointer IE & FF*/
		}
	#extra div div.wrap1 {
		margin: 10px !important;
		}
	#extra h4 {
		background-color: #545557;
		color: #ff719c;
		font-weight: normal;
		padding: 4px;
		margin: 0;
		font-size: 11px;
		}

	#extra ul {
		margin: 0;
		padding: 6px 6px 8px 6px;
		list-style-type: none;
		background-color: #222126;
		line-height: 10px;
		font-size: 10px;
		}

	#extra li {
		margin: 0;
		padding: 3px 0;
		}

		#extra li a {
			margin: 0;
			font-family: verdana, sans-serif, arial, helvetica;
			color: #9c9ba0;
			text-decoration: none;
			}

		#extra li a:hover {
			color: #fff;
			}


#subpage #extra.moveup {
	margin-top: -110px;
}

/* ---------------- Content ---------------- */	

#content {
	padding: 0px;
	}
	
	 ul#pages {
		list-style-type: none;
		margin: 0;
		padding: 0 0 24px 0;
		}
	 ul#pages li {
	 	float: left;
	 	}
	 ul#pages li a{
	 	display: block; 
	 	padding: 4px;
	 	text-align: center;
	 	color: #a4a4a4;
	 	text-decoration: none;
	 	}
	

	#content a {
		margin: 0px;
		padding: 0px; 
		font-size: 11px;
		line-height: 15px;
		color: #000;
		}
		
	.item {
		float: left;
		width: 160px;
		}

	.item h3 {
		font-size: 120%;
		}
	

	.itemtext {
		float: left;
		padding-left: 16px;
		}
	
	.itemtext p, h3, .itemtext a {
		margin: 0px;
		padding: 0px; 
		font-size: 11px;
		line-height: 15px;
		color: #000;
		text-decoration: none;
		}

	.itemtext p {
		font-size: 9px;
		font-family: tahoma;
		}
	
	.itemtext a:hover {
		text-decoration: underline;
		}
	.pageview {
		margin-left: 180px;
		}

		.page img {
			/*border: solid 1px #000;*/
			}

		div.page div.book_image {
			height: 226px;
			}

		div.item div.book_image {
			height: 226px;
			}
		
.breadcrumbs {
	color: #986619;
	height: 28px;
	}
	
	.breadcrumbs a {	
		color: #a4a4a4;
		}

/* ---------------- Index ---------------- */	

div.book {
	margin-top: 6px;
}

div.book div.book_image {
	float: left;
	width: 80px;
}

div.book div.book_image img {
	vertical-align: top;
}

div.book div.book_description {
	margin-left: 90px;	
}

div.book div.book_description .cart_button {
	float: right;	
}

div.book h4.title, div.book p {
	margin: 2px 0;
}


/* ---------------- Form ---------------- */	

form table { empty-cells:show; }

form h4 {
	background-color: #e3dedb;
	padding: 7px 12px 8px 12px;
	margin: 30px 0px 0px 0px;
	font-weight: normal;
	font-size: 14px;
	font-family: arial;
	color: #7b6e6a;
	}
form table {
	border-left: #e3dedb 1px solid;
	border-right: #e3dedb 1px solid;
	border-bottom: #e3dedb 0px solid;
	width: 100%;
	}
	
form td {
	border-right: #e3dedb 0px solid;
	border-bottom: #e3dedb 1px solid;
	height: 30px;
	padding: 0 4px 0 12px;
	}

form input, form select, form button {
	font-size: 11px;
	border: #e3dedb 1px solid;
	color: #000; 
	padding: 3px;
	}

	form button:hover {
		background-color: #e3dedb;
		}

form input:focus, form select:focus { 
	border-color: #7b6e6a;
	background-color: #e3dedb;
	}

form .required {
	font-weight: bold;
	color: #c53050;
	}
form .button {
	font-size: 13px;
	font-family: arial;
	background-color: #fff;
	border: #0A8D34 1px solid;
	}

	form .button:hover {
		background-color: #F8EED4;
		}



/* ---------------- catalogue detail ---------------- */	

.availability {
	color: rgb(138,190,169);
	}

			
/* ---------------- Various ---------------- */	

input {
	border: none;
	font-size: 11px;
	padding: 2px 3px;
	}


h3.process {
	color: #aaa;
	font-size: 95%;
	}

	h3 span.active {
		color: #000;
		font-size: 100%;
	}

.clear {
	clear: both;
}

img {
	border: 0;
}


/*
.about { height: 300px; top: 82px !important; }
.catalogue { height: 300px; top: 112px !important; }
*/