@charset "utf-8";
/* CSS Document */

body{ font-family: Arial; font-size: 12px; background: white; }

img{ padding:0; margin:0; border:0; line-height: 0; }

#content{ width: 840px; margin-left: auto; margin-right: auto;	margin-top: 0px; margin-bottom: 0px; padding: 0px 0px 0px 0px; }
#title-back{  float: right; margin-left: auto; margin-right: auto; height: 500px; width: 100%;	text-align: center; 
	 background: url('images/top-back.jpg'); background-repeat:repeat-x; }

#title{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 0; }
#title1{ float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; line-height: 0; }


#bar{ float: left; width: 760px; height: 46px; padding: 0px 50px 0px 30px; background: url('images/bar.jpg'); background-repeat:repeat-x; }
#bar-links{ float: left;  font-family: Arial; font-size: 13px; color: white; display: block; }

	#bar-links A:link { color: white;  text-decoration: none; display: block; padding: 15px 35px 15px 35px;}
	#bar-links A:visited { color: white;  text-decoration: none; display: block; padding: 15px 35px 15px 35px;} 
	#bar-links A:active { color: white; text-decoration: none; display: block; padding: 15px 35px 15px 35px;}
	#bar-links A:hover { color: white; text-decoration: none; background-image: url('images/button_over.jpg'); display: block; padding: 15px 35px 15px 35px;}

#bar-links-space{ height: 20px; float: left; margin-top: 13px; border-left: medium solid white; border-left-width: 1px; }
#hand-end{ padding: 0px 0px 0px 0px; margin: 0px 35px 0px 0px; line-height: 0; float: right;}

#body{ float: left; width: 773px; margin: 0px 0px 0px 2px; padding: 0px 30px 10px 30px; text-align: left; border-left: medium solid #c1c9d0; border-left-width: 1px;
	border-right: medium solid #c1c9d0; border-right-width: 1px;}
#body-space{ height: 10px; width: 665px; line-height: 0; float: left; }
#bottom{ float: left; padding-top: 50px; margin-left: auto; margin-right: auto; width: 840px; height: 43px; text-align: center; font-family: Arial; font-size: 12px; color: white; background: url('images/bottom.jpg'); }

/*product list bar */
.book_top_bar{ float: left;  margin-bottom: 5px; background: url('images/product_list_bar_back.jpg');  border: 1px solid #bacbda; padding: 3px; width: 763px;}
.book_top_bar_text{ color: black; font-family: Arial; margin-right: 5px;  font-size: 12px;  float: right;  }
.book_top_bar_text_left{ color: black; font-family: Arial; margin-top: 4px;  font-size: 13px;  float: left;  }
.book_top_bar_button{ float: right; }


/*product navigation links at bottom of page */
.books_results_links_container{float: left; width: 640px; margin-bottom: 10px; margin-top: 5px; padding: 8px 0px 8px 3px;  margin-left: auto; margin-right: auto;   }
.books_results_links{ color: #969696; font-family:  Arial;  padding-right: 7px; font-size: 12px; float: left;}
.books_results_links_selected{ color: blue; font-weight: bold; font-family: Arial;  padding-right: 7px; font-size: 12px; float: left;}

/*product list */
.book_list_heading{ float: left; margin-top: 5px; margin-bottom: 5px; width: 770px; border: 1px solid #bacdff; }
.book_list_title{ float: left; color: black; font-family: Arial;font-size: 14px; text-align: left; padding-left: 9px;
 			padding-top: 5px; padding-bottom: 5px; }

.book_list_title A:link { color: #3c3c3c;}
.book_list_title A:visited { color: #3c3c3c;; text-decoration: none;}
.book_list_title A:active { color: #3c3c3c; text-decoration: none;}
.book_list_title A:hover { color: #ff5400; text-decoration: none;}
.book_list_title A:focus { color: #3c3c3c; text-decoration: none;}

.book_list_username{ color: black; padding-top: 2px; font-family: Arial; font-size: 12px; text-align: left; padding-right: 5px; float: right;  padding-bottom: 1px; }
.book_list_price_text{ padding-top: 11px; padding-bottom: 2px; color:  #565656; font-family: Arial; font-size: 12px; float: right; padding-right: 5px; }
.book_list_price_number{ color: black; font-family: Arial; font-size: 20px; text-align: left; padding-right: 5px; margin-top: 5px; float: right;}
.book_list_reduced{float: left; width: 29px; color: #25547b; margin-top: 5px; margin-left: 57px;  margin-bottom: 1px; }
.book_list_body{ float: left; margin-right: 2px; width: 770px; }
.book_list_image{ margin-top: 3px; margin-left: 1px; float: left; }
.book_list_description_text{ padding-top: 3px; width: 495px; height: 43px;  margin-left: 15px;  margin-right: 15px; float: left; font-family: Arial; font-size: 12px; color: black;}
.book_list_buttons{ color: #766353; text-align: left; margin-top: 8px; float: right; }
.book_list_divider{ margin-top: 12px; width: 770px; height: 8px; float: left; border-top: 1px dashed #0084ff; }

table.book_list_table {float: left; width: 495px;  margin-top: 1px; margin-bottom: 0px; margin-left: 15px;  background: #f3f6ff; border-style: solid; border: 1px solid #aebee3; }
td.book_list_cell {  padding-top: 3px; padding-left: 12px;  padding-right: 0px; padding-bottom: 0px;  font-family: Arial; font-size: 11px; color: #2c4b65; }
td.book_list_cell2 { padding-top: 3px; padding-left: 12px;  padding-right: 2px; padding-bottom: 0px;  font-family: Arial; font-size: 10px; color: #2c4b65; }
td.book_list_cell3 {  padding-top: 0px; padding-left: 0px;  padding-right: 0px; padding-bottom: 0px; }


#login_box{ margin-left: auto; margin-right: auto; margin-top: 100px; background: #203d55; border: 1px solid #bdd4e4; padding: 3px;  width: 300px;}
#login_box_heading{ font-family: Arial;  color: white; font-weight: bold; font-size: 19px; padding-top: 10px;  padding-bottom: 10px; }
#login_box_body{ font-family: Arial;  color: white; font-size: 12px; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 5px;}
#login_box_body_error{ font-family: Arial; background: red; color: white; font-size: 12px; padding-top: 5px;  padding-bottom: 5px; padding-right: 5px; padding-left: 5px;}


table.admin{ width: 780px; margin-bottom: 5px; float: left; border-bottom: 1px solid #bdd4e4;  }
td.admin { padding-top: 8px; padding-bottom: 8px; padding-left: 4px; padding-right: 4px; font-family: Arial; font-size: 11px; background: #203d55; color: white; }
td.admin0 { padding-top: 8px; padding-bottom: 8px; padding-left: 4px; padding-right: 4px; font-family: Arial; font-size: 11px; color: black;}
td.admin1 { padding-top: 8px; padding-bottom: 8px; padding-left: 4px; padding-right: 4px; font-family: Arial; font-size: 11px; 
	color: black; background: #dbdde5; border-top: 0px solid #a5a5de; border-bottom: 0px solid #a5a5de;}
td.admin_correct { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; font-family: Arial; font-size: 11px; 
	color: black; background: #b3df9c; border-top: 0px solid #a5a5de; border-bottom: 0px solid #a5a5de;}
td.admin_error { padding-top: 8px; padding-bottom: 8px; padding-left: 5px; padding-right: 5px; font-family: Arial; font-size: 11px; 
	color: black; background: #df9c9c; border-top: 0px solid #a5a5de; border-bottom: 0px solid #a5a5de;}
#left {float: left; }
#right {float: right;}
#admin_indent {width: 10px; height: 10px; float: left;}
#admin_heading { height: 10px;  font-family: Arial; font-size: 22px;  padding-top: 6px; padding-bottom: 4px; }

#Contact_us{
	margin-top: 15px;
	margin-bottom: 5px;
	margin-left: 30px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	float: left;
	font-family: Arial;
	font-size: 12px;
	color: black;
	width: 400px;	
}
#contact_us_image{
	float: left;
	margin-left: 55px;
}
#Contact_us_details{
	margin-top: 15px;
	margin-left: 20px;
	padding-left: 0px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 20px;	
	float: left;
	font-family: Arial;
	font-size: 12px;
	color: black;
	width: 300px;
}

.heading{
	float: left;
	width: 640px;
	margin-top: 5px;
	margin-bottom: 15px;
}
.heading_image{
	float: left;
	margin-top: 8px;
	margin-left: 0px;
}
h1{
	text-align: left;
	padding-left: 5px;
	font-family: Arial;
	font-size: 24px;
	color: black;
	font-weight: normal;
	display: inline;
}
h2{
	text-align: left;
	padding-left: 8px;
	padding-top: 1px;
	font-family: Arial;
	font-size: 15px;
	color: #364d78;	
	font-weight: normal;
	display: inline;
}
h3{	
	display: inline;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 5px;
	font-family: Arial;
	font-size: 12px;
	color: #525252;	
	font-weight: normal;	
}
