/*
	Website, CSS and Hosting by webWHAK Internet Services
	Content Copyright (c) Emma Willison 2009
	Website Design Copyright (c) webWHAK Internet Services 2009
	visit webwhak.com
*/

body
{
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 20px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
}

p.small
{
	font-size: 9px;
	text-align: justify;
}

.container
{
	margin-left: auto;
	margin-right: auto;
	width: 900px;
}

.topbar
{
	width: 900px;
	height: 40px;
	line-height: 40px;
	text-align: right;
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
}

.menu
{
	float: left;
	width: 150px;
	padding-right: 0px;
	height: auto;
}

.menu ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: left;
	width: 150px;
}

.menu li
{
	float: left;
	display: block;
	margin: 0 2px;
	padding: 0;
}

.menu li a
{
	background: #FFFFFF;
	line-height: 26px;
	width: 144px;
	display: block;
	color: #555555;
	text-decoration: none;
	text-align: left;
	margin: 1px;
	padding-left: 2px;
	font-weight: normal;
	text-transform: none;
	font-size: 16px;
	float: right;
	border: 1px solid #bcbcbc;
}

.menu li a:hover
{
	background: #bcbcbc;
	border: 1px solid #999999;
}

.menu li a.selected
{
	color: #444444;
	font-weight: bold;
}

.smallpic
{
	width: 740px;
	height: 160px;
	float: right;
	background: #999999;
}

.content
{
	float: right;
	width: 740px;
	height: auto;
}

.content2
{
	float: right;
	border: 1px solid #999999; padding: 0 5px 5px 5px; width: 728px; min-height: 400px; overflow: hidden;
}

.footer
{
	float: left;
	width: 900px;
	height: 15px;
	line-height: 15px;
	text-align: right;
	background-color: #ffffff;
	color: #777777;
	margin-top: 20px;
}

.webwhak
{
	float: left;
	width: 900px;
	height: 15px;
	line-height: 15px;
	text-align: right;
	background-color: #ffffff;
	color: #777777;
	margin-bottom: 20px;
}

.webwhak a
{
	color: #777777;
}


h1
{
	font-size: 18px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin-bottom: -1px;
}

a:link
{
	color: #999999;
}

a:visited
{
	color: #999999;
}

a:hover
{
	color: #333333;
}

.gallerythumb
{
	float: left;
	border: 1px solid #999999;
	margin-right: 5px;
	margin-bottom: 5px;
	width: 175px;
	height: 175px;
	overflow: hidden;
	cursor: pointer;
	cursor: hand;
}

.gallerythumbimage
{
	float: left;
	margin-bottom: 5px;
	width: 175px;
	height: 177px;
	position: relative;
	z-index: 1;
}

.gallerythumbtextcontainer
{
	float: left;
	width: 175px;
	height: 30px;
	top: -37px;
	position: relative;
	z-index: 3;
	background: #ffffff;
	opacity:0.6;
	filter:alpha(opacity=60);
}

.gallerythumbtext
{
	float: left;
	width: 175px;
	height: 30px;
	margin-top: 5px;
	margin-bottom: 5px;
	top: -72px;
	position: relative;
	z-index: 4;
	color: #000000;
	background: transparent;
}

.gallerythumbhover
{
	float: left;
	width: 175px;
	height: 177px;
	top: -253px;
	position: relative;
	z-index: 4;
	background: #ff0000;
	opacity:0.6;
	filter:alpha(opacity=60);
	visibility: hidden;
	
}

.gallerythumbhover
{
	float: left;
	width: 175px;
	height: 177px;
	top: -253px;
	position: relative;
	z-index: 2;
	background: #ffffff;
	opacity:0.4;
	filter:alpha(opacity=40);
	visibility: hidden;
}

.contactform
{
	width: 700px
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#book_container
{
	width: 680px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 10px;
}

#book_container p
{
	font-size: 11px;
	text-align: justify;
	letter-spacing: 1px;
	margin-left: 15px;
	margin-right: 15px;
}

#book_container p.book_home
{
	font-size: 11px;
	line-height: 13px;
	text-align: justify;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: 300px;
	color: #222222;
	letter-spacing: 1px;
}

#book_container a
{
	color: #64879a;
}

#book_container a:hover
{
	color: #222222;
}

#book_container h1
{
	font-size: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 30px;
}

#book_container h1.book_home
{
	font-size: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 30px;
	margin-right: 10px;
	color: #64879a;
	margin-left: -25px;
}

#book_container h2
{
	font-size: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	margin-top: 100px;
	margin-bottom: 30px;
}

#move_button
{
	width: 19px;
	height: 20px;
	padding-top: 205px;
	padding-bottom: 275px;
	padding-left: 10px;
	padding-right: 11px;
	float: left;
}

#move_button img
{
	height: 20px;
	width: 19px;
	cursor: pointer;
	cursor: hand;
	outline: none;
}

#page_container
{
	width: 600px;
	height: 500px;
	float: left;
}

.book_page
{
	width: 600px;
	height: 500px;
	position: absolute;
	background: #ffffff;
}

.book_text
{
	background: #ffffff url('') no-repeat;
	height: 36px;
	width: 600px;
	float: left;
	font-size: 11px;
	line-height: 12px;
	letter-spacing: 1px;
	text-align: center;
	padding-top: 16px;
	padding-bottom: 17px;
}

.book_bg
{
	background: #ffffff url('./frontcover.png') no-repeat;
}

.go_back
{
	width: 200px;
	height: auto;
	float: right;
	text-align: right;
	font-size: 11px;
	letter-spacing: 1px;
	margin-top: 20px;
	margin-right: 30px;
}

.shop_contain
{
	width: 650px;
	height :auto;
	margin-left: 38px;
	margin-right: 38px;
	margin-top: 10px;
}

.list_item
{
	width: 650px;
	height: auto;
	float: left;
	padding-bottom: 10px;
	border-bottom: 1px solid #d2d2d2;
	margin-bottom: 10px;
	margin-top: 5px;
}

.list_item .thumbnail
{
	width: 100px;
	height: 100px;
	float: left;
}

.list_item .thumbnail a img
{
	border: none;
	outline: none;
}

.list_item .description
{
	width: 540px;
	height: auto;
	float: right;
}

.list_item .description h5
{
	margin-top: 0px;
	font-size: 15px;
	color: #64879a;
	margin-bottom: 5px;
}

.list_item .description .shop_details
{
	width: 534px;
	background-color: #eaeaea;
	float: left;
	padding: 3px;
	margin-top: 5px;
}

.list_item .description .shop_details input.text
{
	width: 100px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

.submit_item
{
	width: 650px;
	height: auto;
	margin-top: 20px;
	text-align: center;
}

.submit_item input.submit
{
	width: 100px;
	background: #ffffff;
	border: 1px solid #cccccc;
}

.notify
{
	width: 650px;
	height :auto;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 38px;
	margin-right: 38px;
	margin-top: 10px;
	line-height: 12px;
	color: #000000;
	background-color: #FFED9D;
	border-top: 1px solid #EEC436;
	border-bottom: 1px solid #EEC436;
	text-align: center;
	font-size: 11px;
}

table.order
{
	margin-left: auto;
	margin-right: auto;
}

table.order td
{
	padding: 5px 10px 5px 10px;
	text-align: center;
	margin: 3px;
	background-color: #f4f4f4;
}

table.order td.clear
{
	background-color: #ffffff;
}


table.order th
{
	padding: 5px 10px 5px 10px;
	text-align: center;
	background-color: #e1e1e1;
	margin: 3px;
}

table.data
{
	margin-left: auto;
	margin-right: auto;
}

table.data td
{
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	background-color: #f4f4f4;
}

table.data th
{
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	background-color: #e1e1e1;
}