/*
	Colors:
		background: 738697
		body horizontal rule:	#d8d6d5
		sidebar bg:	efefef
		sidebar text: #605b58
		sidebar horizontal rule:#605b58

*/

html, body, ul, li, h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	/*list-style: none; */
}
/*br{
	height: 19px;
}
*/

.hidden { display:none; }

.view-titles-list li {
	list-style: none; 
}


/*temporary here */
div.row {
/*  clear: left;*/
  padding-top: 10px;
  display: block;
}

div.row span.label {
/*  float: left; */
  width: 150px;
  text-align: left;
  margin-left: 10px;
}

div.row span.formw {
/*  float: left;*/
  width: 100px;
  margin-left: 10px;
  text-align: left;
} 
div.spacer {
  clear: left;
  }
/*end temporary here*/


.price {
	text-align: center;
	color: red;
	padding: 4px 0px;
}
h4 { 
	font-family: Georgia;
	font-size: 24px;
	font-weight: normal;
	color: #544e38;
}
h2{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 17px;
	color: #544e38;
}
.author {
	display:block;
	margin-top: 5px;
	font-family: Georgia;
	font-size: 14px;
	font-weight: normal;
	color: #544e38;
}
error{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	color: #f00;
}
img {
	border: 0px;
}
a {
	color: rgb(78,73,69);
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}
.more {
	text-align: right;
}
.clear {
	clear: both;
}
.indent {
	margin-left: 5%;
}




body {
	background: black;
	background: url(/images/bg_pattern.gif) repeat; 
	text-align: center;
	color: rgb(78,73,69);
	font: 11px verdana, arial, sans-serif;
}

#wrapper {
	text-align: left;
	margin: auto;
	margin-top: 15px; /*push off top of window */
	margin-bottom: 15px; /*push off top of window */
	width: 780px;
	position: relative;
}

#header {
	font: 11px verdana, arial, sans-serif;
	color: #4E4A3A;
	text-align: left;
/*	padding-right: 47px; */
/*	height: 42px; */
	height: 32px;

	background: top left url(/images/bg_top_trans.gif) no-repeat;	
}

/* #footer { behavior: url(iepngfix.htc); } */


#header-menu {
	position:absolute;
	font: 11px verdana, arial, sans-serif;
	color: #4E4A3A;
	text-align: left;
/*	padding-top: 10px;*/
/*	padding-left: 138px; */ 
/*	padding-right: 21px; */
	margin-left: 138px;
	margin-right: 21px;
	width: 621px;
/*	padding-top: 30px; */
	margin-top: 19px;
/*	margin-right: 100px; */
}
.cart-display {
/*	position:absolute;*/
	float: right;
	font: 10px verdana,Georgia,arial,  sans-serif;
	color: #4E4A3A;
	text-align: left;
/*	padding-top: 3px;*/
	margin-top: 3px;
	padding-left: 4px; 
	width: auto;
/*	width: 150px;*/
/*	padding-right: 19px; */
/*	padding-top: 30px; */
/*	margin-top: 19px; */
}

/*.top-menu-bullet {list-style-image: url("images/top-bullet.gif");} */
/*#header-menu li { float: left; } */

#header-menu img { border: none; }
#header-menu li { display: inline;  }
#header-menu li a { float: left; display:block; /*width: 37px; height: 50px; margin-bottom: 2px; */}
#header-menu li a img { border:none; vertical-align:bottom; /* for IE6 */}
#header-menu li a:hover { visibility:visible; /* for IE6 */ }
#header-menu li a:hover img { visibility:visible; /* for IE6 */ }
#header-menu li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}

/* for bullets on menu */
#header-menu li img{ float: left; }

.home { background:url(/images/home_over.gif) no-repeat left bottom; }
.view-titles { background:url(/images/view-titles_over.gif) no-repeat left bottom; }
.faq { background:url(/images/faq_over.gif) no-repeat left bottom; }
.about-us { background:url(/images/about-us_over.gif) no-repeat left bottom; }
.contact { background:url(/images/contact_over.gif) no-repeat left bottom; }
.shopping-cart {background:url(/images/shopping-cart_over.gif) no-repeat left bottom; }

/* highlight current page in navigation...*/
#home .home img,
#view-titles .view-titles img, 
#faq .faq img,
#about-us .about-us img,
#contact .contact img,
#shopping-cart .shopping-cart img {
	visibility:hidden;	
}


/* LEFT BAR NAVIGATION*/
#left-bar{
	float: left;
	width: 123px;
}
#left-content{
	margin: 0em;
	margin-left: 4px;
/*	padding: 1.5em 0em; */
	padding-top: 15px;
	list-style: none;
/*	float: left;
	width: 119px;*/
	font: 11px Georgia;
	text-align: center;
	color: #605b58; /* 11 pt Georgia in the hex color #605b58	*/
/* #4e4945 I picked this... */
/*	letter-spacing: -0.09em; */
}
/*
#left-bar{
	margin: 0em;
	margin-left: 4px;
	padding: 1em 0em;
	list-style: none;
	float: left;
	width: 119px;
	font: 11px Georgia;
	text-align: center;
	color: #605b58;

	letter-spacing: -0.08em;
}
*/

#left-bar ul{
	list-style: none;		
	margin-top: 22px;
	margin-left: 14px;
	margin-right: 14px;
	padding: 0px;
/*	border-top: 5px solid;
	border-bottom: 5px solid;
	width: 50px;
	text-align: center;
	*/
}

#left-bar li{
	padding: 0em;		
	
}

#left-bar img {
	display: block;
	margin: auto;
}

#left-bar a{
	padding: 0em;		
}

#body-wrapper {
	background: url(/images/bg_body_trans.gif) repeat-y; 
}

#body {
	margin-left: 138px; /*124px for leftbar + 14px for main gap */
	margin-right: 19px;
	font: 12px Verdana;
	min-height: 550px;
}
#body-top {
margin-bottom: 15px;
}
#body-top .fineline_top {
	border-bottom: 2px solid #d8d6d5;
/*	border: 14px 0px; */
	padding-top: 14px;
	margin-bottom: 0px;
	position: relative;

}
#body-top .fineline_bot {
	border-bottom: 2px solid #d8d6d5;
/*	border: 14px 0px; */
	padding-top: 0px;
	margin-bottom: 0px;
	position: relative;

}


#content {
	margin-left: 6px;
	width: auto;/*500px;*/
	margin-right: 10px;/*34px;*/
	padding-top: 10px;
	padding-bottom: 1em;
	color: #686454;
}
#content .fineline {
	border-bottom: 2px solid #d8d6d5;
/*	border: 14px 0px; */
	padding-top: 14px;
	margin-bottom: 14px;
	position: relative;

}

.cover {
	margin: 3px 6.5px;
	width: 175px;
	border: 1px solid #d8d6d5;
	color: #686454;
}



#content .left {
	margin-right: 10px;
}
#content, p{
	line-height: 130%;
}
#content a {
	color: #5A5644;
	text-decoration: underline;
	display: inline;
}
#content a:hover img.cover{
	color: #26241A;
	border: 4px solid #dbc862;
   margin: 0px 3.5px;
}

/* Book Detail content layout */
#book_detail #content img {
/*	margin-left: 20px;*/
}
#book_detail #content li {
	list-style: none;		
	margin: 10px 0px;
}
#book_detail #content .char {
	display: block;
	font: 12px verdana, arial, sans-serif;
/*	font-weight: bold;*/
/*	width: 100px;*/
/*	text-decoration: underline;*/
	
}
#book_detail #content .desc {
	font: 11px verdana, arial, sans-serif;
	font-style: italic;
	margin-left: 20px;
	display: block;
/*	text-decoration: underline;*/
	
}


#content .book_display_table {
	border:0;
}
#content .book_display_table td{
	vertical-align:top;
}


#content .book_display {
/*	width:180px;*/
	text-align:center;
	display:block;
	float:left;
/*	margin:2px 4px;*/
	margin-top: 2px;
	margin-right:0px;
	margin-bottom:2px;
	margin-left:3px;
}
#content .book_display a{
	text-decoration: none;
}

#footer {
	height: 40px;
	padding-left: 138px;
	background: bottom left url(/images/bg_bottom_trans.gif) no-repeat;	
}

#footer-content {
	text-align: center;
	padding-right: 23px;
	padding-top: 10px; /*(footer_height - gradient - text_height) /2 = (40-6-11)/2 = 11px*/
}





.fineline-small {
/*	border-bottom: 1px solid #D3CAA9; */
	border-bottom: 1px solid #605b58;
/*	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 42%;
	margin-right: 42%; 
	margin: 12px 42%;*/
	margin: 12px 40px;
}

#left-bar .fineline {
	border-bottom: 1px solid #605b58;
	margin: 25px 0px;
	position: relative;
}
/*
#body .fineline {
	border-bottom: 2px solid #d8d6d5;
/	border: 14px 0px; /
	padding-top: 14px;
	margin-bottom: 14px;
	position: relative;

}
*/

/*

.fineline-flat {
	border-bottom: 1px solid #D3CAA9;
}

.fineborder {
	border: 1px solid #D3CAA9;
	padding: 2px;
	width: 186px;
	margin-bottom: 12px;
}

*/

#cartTable table{
width: 95%;
background-color: #ffffff;
border: 0px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }


#cartTable th
{
	background-color: #738697;
	border: 1px #e9e4d0 solid;
	font-family: Verdana;
	font-weight: bold;
	font-size: 1em;
	color: #d8d6d5;
}


#cartTable td
{ border-bottom: 1px #605b58 dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .8em;
color: #605b58;
background-color: rgb(255,255,255);
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 0px; }

#cartTable td.total {
border: 2px solid;	
text-align: right;	
	}
	
	

#adminTable table{
/*width: 100%; */
background-color: #e9e4d0;
border: 0px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }


#adminTable th
{
	background-color: rgb(140,134,107);
	border: 1px #e9e4d0 solid;
	font-family: Verdana;
	font-weight: bold;
	font-size: 1em;
	color: #e9e4d0;
}


#adminTable td
{ border-bottom: 1px rgb(140,134,107) dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
font-size: .8em;
color: #404040;
background-color: rgb(231,223,189);
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 0px;
}

/* CROPPING LAYOUT */
#rotationBox {
	float: right;
	width: 110px;
	text-align: center;
	background-color: #efefef; 
	padding: 10px;
/*
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
*/
	border: 1px solid #605b58;
}

#rotationBox img {
	border: 1px solid #605b58;
   margin: 3px 3px; 
}

#rotationBox a {
}

#rotationBox a:hover img{
	color: #26241A;
	border: 4px solid #dbc862;
   margin: 0px 0px; 
}

/*
#content a {
	color: #5A5644;
	text-decoration: underline;
	display: inline;
}
#content a:hover img.cover{
	color: #26241A;
	border: 4px solid #dbc862;
   margin: 0px 3.5px;
}
*/

/*
	DROP SHADOW TEST CODE
*/
.img-shadow {
  float:left;
  background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 20px !important;
  margin: 10px 0 0 5px;
  display: block;
  }

.img-shadow img {
  display: block; 
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
/*  padding: 4px; */
  }