@charset "utf-8";
/* CSS Document for Hippo Books */
/* Developed by: imicreation */
/* Global Stylesheet */

@import url(reset.css);

/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## COMMON TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */
.clear { display:block; clear:both; height:1;* heigth:1px; }
.box_head { display:block; margin:0px; padding:0px; margin-bottom:20px; }
.box_head img { display:block; margin:0px 10px 0px 0px; padding:0px; float:left; }
.bold {
	font-size:1.8em;
	display:block;
	color:#ffffff;
	font-weight:bold;
}
a, a:link, a:visited{color:#00549d;}
h1 {
	font-size:2.8em;
	display:block;
	padding:0px 0px 10px 20px;
	font-weight:bold;
	color:#ff9a07;
	text-shadow:rgba(0, 0, 0, 0.3) 1px 1px 0px;
	margin:0px;
}
h2 {
	font-size:2.0em;
	display:block;
	font-weight:bold;
	font-style:italic;
	color:#ef8a01;
	margin:10px 0px 10px 0px;
	padding:0px 0px 0px 25px;
	text-shadow:rgba(0, 0, 0, 0.2) 0px 1px 1px;
}
h3 {
	background:url(/site/images/hippobooks/bullet2.gif) no-repeat left center;
	font-size:1.6em;
	font-weight:bold;
	display:block;
	color:#00549d;
	margin:15px 0px 12px 0px;
	padding:0px 0px 0px 25px;
}
h4 {
	background:url(/site/images/hippobooks/search_icon.gif) no-repeat;
	display:block;
	font-size:2.0em;
	color:#333333;
	font-weight:bold;
	height:27px;
	padding:10px 0px 0px 50px;
	margin:0px 0px 18px 0px;
	text-shadow:rgba(255, 255, 255, 1) 0px 1px 1px;
}
h5 {
	font-size:1.8em;
	font-weight:bold;
	font-style:italic;
	display:block;
	color:#03569e;
	margin:0px;
	padding:0px;
	text-shadow:rgba(255, 255, 255, 1) 0px 1px 1px;
}



/* ------------------------------------------------------------------------------------------------------------------------------------
######################################################## LAYOUT TAGS ##################################################################
------------------------------------------------------------------------------------------------------------------------------------ */

body {
	background:url(/site/images/hippobooks/bg.png) repeat-x #ffffff;
	font-family:Arial, Helvetica, sans-serif;
}
#wrap {	
	width:862px;
	margin:0 auto;
	padding:0px;
}
#box {
	background:url(/site/images/hippobooks/box_bg.png) repeat-y;
	width:858px;
	float:left;
	margin:0px;
	padding:0px 2px 0px 2px;
}
#header {
	background:url(/site/images/hippobooks/header_bg.jpg) no-repeat;
	width:858px;
	height:211px;
	float:left;
	margin:0px;
	padding:0px;
}
#logo {
	width:202px;
	height:110px;
	float:left;
	margin:0px;
	padding:35px 0px 0px 22px;
}
#button {
	width:220px;
	height:26px;
	float:left;
	margin:0px;
	padding:164px 0px 0px 85px;
}
#button a {
	background: url(/site/images/hippobooks/bookshop_button.gif) no-repeat;
	text-align:center;
	width:220px;
	font-size:1.6em;
	font-weight:bold;
	color:#FFFFFF;
	display:block;
	height:24px;
	padding-top:2px;
	text-shadow:rgba(0, 0, 0, 1) 1px 0px 1px;
}
#button a:hover { color:#000000; text-shadow:rgba(255, 255, 255, 1) 1px 0px 1px; }
#highlight {
	width:858px;
	float:left;
	border-bottom:solid 1px #9b9b9b;
	margin:0px;
}
#search_bar {
	background:url(/site/images/hippobooks/search_bar_bg.png) repeat-y;
	width:270px;
	height:215px;
	float:left;
	margin:0px;
	padding:10px 0px 0px 12px;
	position:relative;
}
#text_field {
	background:url(/site/images/hippobooks/text_field.png) no-repeat;
	width:227px;
	height:24px;
	float:left;
	margin:0px 0px 14px 0px;
	padding:5px 6px 5px 14px;
}
#text_field .input {
	background:transparent;
	width:227px;
	height:24px;
	float:left;
	margin:0px;
	font-size:1.4em;
	border:none;
	color:#000000;
}
#list {
	width:247px;
	height:34px;
	float:left;
	padding:0px;
	margin:0px 0px 26px 0px;
	position:relative;
}
#search_button {
	background:url(/site/images/hippobooks/search_button.gif) no-repeat;
	width:220px;
	height:26px;
	float:left;
	display:inline;
	margin:0px 0px 0px 13px;
	padding:0px;
}
#search_button .link {
	background:transparent;
	width:220px;
	height:26px;
	float:left;
	margin:0px;
	padding:0px;
	cursor:pointer;
	border:none;
}
#category_box {
	background:url(/site/images/hippobooks/category_box_bg.gif) repeat-x;
	width:576px;
	height:111px;
	float:left;
	margin:0px;
}
#category_box_inner {
	background:url(/site/images/hippobooks/book.gif) no-repeat right 8px;;
	width:566px;
	height:101px;
	float:left;
	margin:0px;
	padding:10px 0px 0px 10px;
}
#category_box_inner .gap { display:block; margin-bottom:5px; }
#category_box_inner ul {}
#category_box_inner ul li {
	font-size:1.3em;
	color:#555555;
	font-weight:bold;
	float:left;
	background:url(/site/images/hippobooks/bullet.png) no-repeat;
	display:block;
	padding-top:32px;
	margin:0px;
	padding-right:25px;
	text-shadow:rgba(255,255,255, 1) 0px 1px 1px;
}
#rating_area {
	background:url(/site/images/hippobooks/table_bg.gif) repeat-x;
	width:566px;
	height:114px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 10px;
}	
.table_heading {
	font-size:1.4em;
	font-weight:bold;
	color:#FFFFFF;
}
.table_text {
	font-size:1.2em;
	color:#333333;
	text-shadow:rgba(255, 255, 255, 1) 0px 1px 1px;
}
.side { float:left ; }
#ebay {
	background:url(/site/images/hippobooks/ebay.png) no-repeat;
	width:93px;
	height:50px;
	float:left;
	margin:0px 0px 0px 3px;
	display:inline;
	padding:64px 0px 0px 0px;
}
#ebay span {
	font-size:1.8em;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	text-align:center;
	text-shadow:rgba(0, 0, 0, 1) 1px 0px 1px;
}

/*
container
*/

#container {
	width:838px;
	float:left;
	margin:0px;
	padding:20px 0px 0px 20px;
}

/*
leftcol
*/

#leftcol {
	width:243px;
	float:left;
	margin:0px 19px 0px 0px;
	padding:0px;
}
.featured_box {
	background:url(/site/images/hippobooks/featured_box_bg.gif) repeat-y;
	width:243px;
	float:left;
	margin:0px 0px 20px 0px;
	padding:0px;
}	
.featured_box_upper {
	background:url(/site/images/hippobooks/featured_box_upper.gif) no-repeat left top;
	width:243px;
	float:left;
	margin:0px;
	padding:0px;
}
.featured_box_down {
	background:url(/site/images/hippobooks/featured_box_down.gif) no-repeat left bottom;
	width:213px;
	float:left;
	margin:0px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 20px;
	* padding-bottom: 0;
	padding-left: 15px;
	clear: both;
}
.featured_box_down p.comment {
	font-size:1.4em;
	color:#838383;
	display:block;
	line-height:18px;
	margin:0px 0px 15px 0px;
	padding:0px;
}
.featured_box_down p.separator {background:url(/site/images/hippobooks/br.gif) no-repeat left top; margin:0px;}
.featured_box_down .button {
	width:213px;
	float:left;
	margin:15px 0px 0px 0px;
	padding:0px;
	font-weight: bold;
}
.link_box1 {
	width:106px;
	float:left;
	display:block;
	text-align:left;
	margin: 0px;
	padding: 0px;
}
.link_box2 { width:106px; float:left; display:block; text-align:right; }
.button a {
	color:#f29e21;
	font-size:1.4em;
	text-decoration:underline;
}	
.button a:hover { color:#5187c8; }
#social {
	background:url(/site/images/hippobooks/twitter.gif) no-repeat;
	width:240px;
	height:135px;
	float:left;
	margin:0px;
}
#social a {
	display: block;
	text-indent: -9999px;
	height: 68px;
	margin-top: 62px;
}

/*
rightcol
*/

#rightcol {
	width:545px;
	float:left;
	margin:0px;
	padding:10px 0px 0px 15px;
}
#rightcol p.comment {
	font-size:1.4em;
	color:#909090;
	display:block;
	line-height:18px;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 25px;
}
#rightcol .change {
	display:block;
	font-size:1.6em;
	color:#03569e;
	margin:0px;
	padding:0px 0px 0px 25px;
	font-weight:bold;
}

/*
footer
*/

#footer {
	background:url(/site/images/hippobooks/footer_bg.gif) repeat-y;
	width:858px;
	float:left;
	margin:20px 0px 0px 0px;
	padding:0px;
}
#footer_upper {
	background:url(/site/images/hippobooks/footer_top.gif) no-repeat left top;
	width:858px;
	float:left;
}
#footer_down {
	background:url(/site/images/hippobooks/footer_bottom.gif) no-repeat left bottom;
	width:858px;
	float:left;
	margin:0px;
	padding:10px 0px 20px 0px;
	text-align:center;
}
#footer_down span {
	font-size: 1.4em;
	color: #03569e;
	text-shadow:rgba(255, 255, 255, 1) 0px 1px 1px;
	display:block;
}
#footer_down a {
	font-size:1.4em;
	color:#ef8a01;
	font-weight:bold;
}
#footer_down a:hover { color:#03569e; text-decoration:underline; }