/* Book Emporium CSS Print Document 
Page created: 6/8/07 KJ
T.I.S. Group
Web Department
Last Modified: 7/5/07 KJ
*/

body {
	margin: 5px;
	background: #FFFFFF;
	font-family: "Trebuchet MS", Verdana, Lucida, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

	.upgrade { display: none; }
	
	div#header {
		margin: 0px;
		padding: 0;
		height: 0px;
		border: 0;
		background: transparent;
		display: none;
	}
	
	div#main {
		width: 100%;
		margin-bottom: 10px;
	}
	
		div#main div#middle_float { 
			width: 664px; 
			float: left;
		}
		
			div#main div#middle_float div.search_float {
				margin-bottom: 8px;
				padding-bottom: 10px;
				width: 321px;
				height: 160px;
				background: url('img/search_border.gif') repeat-y;
				border-bottom: 1px solid #c1c1b8;
				font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
				font-size: 11px;
				float: left;
			}
			
				div#main div#middle_float div.search_float a:link { color: #2e5c8b; font-size: 10px; text-decoration: underline; }
				div#main div#middle_float div.search_float a:visited { color: #2e5c8b; font-size: 10px; text-decoration: underline; }
				div#main div#middle_float div.search_float a:hover { color: #006699; font-size: 10px; text-decoration: none; }
				
				div#main div#middle_float div.search_float form { margin: 20px 0px  0px 0px; }
				div#main div#middle_float div.search_float input { vertical-align: middle; }
				
				div#main div#middle_float div.search_float div#header_booksearch {
					margin-bottom: 8px;
					width: 321px;
					height: 34px;
					background: url('img/header_booksearch.gif') no-repeat;
				}
				
				div#main div#middle_float div.search_float div#header_cashforbooks {
					margin-bottom: 8px;
					width: 321px;
					height: 34px;
					background: url('img/header_cashforbooks.gif') no-repeat;
				}
				
				div#main div#middle_float div.search_float div.search_textfloat {
					padding-bottom: 4px;
					width: 128px;
					font-weight: bold;
					text-align: right;
					float: left;
				}
				
				div#main div#middle_float div.search_float div.search_inputfloat {
					padding-bottom: 4px;
					padding-right: 5px;
					width: 175px;
					text-align: right;
					float: left;
				}
				
			div#main div#middle_float div#ad_float {
				margin-bottom: 4px;
				clear: both;
			}
			
			div#main div#middle_float div#welcome_float {
				width: 652px;
				background: url('img/welcome_border.gif') repeat-y;
				border-bottom: 1px solid #c1c1b8;
			}
			
				div#main div#middle_float div#welcome_float div#header_welcome {
					margin-bottom: 8px;
					width: 652px;
					height: 34px;
					background: url('img/header_bookemporium.gif') no-repeat;
				}
				
				div#main div#middle_float div#welcome_float p {
					padding: 6px 20px;
				}
		
		div#main div#right_float {
			width: 151px;
			background: url('img/feature_border.gif') repeat-y;
			border-bottom: 1px solid #c1c1b8;
			font-size: 11px;
			text-align: center;
			float: left;
		}
		
			div#main div#right_float a:link { color: #2e5c8b; font-size: 11px; text-decoration: underline; }
			div#main div#right_float a:visited { color: #2e5c8b; font-size: 11px; text-decoration: underline; }
			div#main div#right_float a:hover { color: #006699; font-size: 11px; text-decoration: none; }
			
			div#main div#right_float div#header_featureitems {
				margin-bottom: 8px;
				width: 151px;
				height: 34px;
				background: url('img/header_featureitems.gif') no-repeat;
			}
			
			div#main div#right_float p {
				padding: 0px 5px;
				word-break: normal;
			}
		
		div#main div#left_float {
			margin: 0;
			display: none;
		}
		
		div#main div#main_float {
			width: 98%;
			font-size: 14px;
			color: #291052;
			float: left;
		}
			
			div#main div#main_float a:link { color: #990000; text-decoration: underline; }
			div#main div#main_float a:visited { color: #990000; text-decoration: underline; }
			div#main div#main_float a:hover { color: #990000; text-decoration: none; }
		
			div#main div#main_float h1.booktitle {
				margin: 0px auto;
				font-size: 24px;
			}
			
			div#main div#main_float h2.subtitle {
				margin: 0px auto;
				font-size: 20px;
				font-weight: lighter;
			}
			
			div#main div#main_float h3.series {
				margin: 0px auto;
				font-size: 18px;
				font-weight: lighter;
			}
			
			div#main div#main_float h4.volume {
				margin: 0px auto;
				font-size: 16px;
				font-weight: lighter;
			}
			
			.tablecell	{
				display: table-cell;
				border: 0;
				padding: 0;
				margin: 0; 
				vertical-align: top;
				min-height: 100%; /* opera6 needs min-height but moz/IE needs height */
			}
			
			div#main div#main_float div.book {
				margin-right: 10px;
				min-width: 80px;
				min-height: 100%;
				position: relative;
				float: left;
			}

				div#main div#main_float div.book div#enlargephoto {
					margin-top: 5px;
					padding-left: 12px;
					background: url('img/icon_enlarge.gif') left bottom no-repeat;
					font-family: Verdana, Lucida, Arial, Helvetica, sans-serif;
					font-size: 9px;
					color: #2e5c8b;
				}
				
					div#main div#main_float div.book div#enlargephoto a:link { color: #2e5c8b; font-size: 9px; font-weight: bold; text-decoration: underline; }
					div#main div#main_float div.book div#enlargephoto a:visited { color: #2e5c8b; font-size: 9px; font-weight: bold; text-decoration: underline; }
					div#main div#main_float div.book div#enlargephoto a:hover { color: #006699; font-size: 9px; font-weight: bold; text-decoration: none; }
			
			div#main div#main_float div.details {
				margin-right: 10px;
				max-width: 278px;
				width: auto;
				position: relative;
				float: left;
			}
			
			div#main div#main_float div.buyback {
				width: 185px;
				text-align: center;
				position: relative;
				float: left;
			}
			
			div#main div#main_float .clear { display: block; clear: both; }
		
			div#main div#main_float div.formlayout { clear: both; padding: 3px 0px 0px 0px; }
				
				div#main div#main_float div.formlayout form { margin: 0; }
				
				div#main div#main_float div.formlayout .label { margin: 0 10px 0 5px; width: 20px; float: left; }
				div#main div#main_float div.formlayout .formw { width: 210px; float: left; }
				
				div#main div#main_float div.formlayout .label2 { margin: 0 10px 0 25px; width: 120px; float: left; }
				div#main div#main_float div.formlayout .formw2 { width: 200px; float: left; }
				
				div#main div#main_float div.formlayout .label3 { margin: 0 10px 0 25px; width: 200px; text-align: right; float: left; }
				div#main div#main_float div.formlayout .formw3 { padding-left: 5px; width: 250px; float: left; }
			
		div#main .itemimage {
			width: 60%;
			float: left;
		}
		
		div#main .itemdetail {
			width: 40%;
			float: left;
		}
		
		div#main .halfcontent {
			padding: 0px 5px;
			width: 45%;
			float: left;
		}

	div#popup_main { 
		width: 98%;
		padding: 12px; 
	}
	
	div#popup_main div#buttons { 
		display: none;
	}
	
	div#bottomnav {
		margin-top: 20px;
		font-size: 13px;
		color: #312163;
		text-align: center;
		clear: both;
	}
	
		div#bottomnav a:link { color: #312163; font-weight: bold; text-decoration: none; }
		div#bottomnav a:visited { color: #312163; font-weight: bold; text-decoration: none; }
		div#bottomnav a:hover { color: #006699; font-weight: bold; text-decoration: none; }
	
	div#copyright {
		margin-top: 8px;
		font-size: 10px;
		color: #312163;
		text-align: center;
		clear: both;
	}
	
		div#copyright a:link { color: #312163; font-size: 10px; text-decoration: underline; }
		div#copyright a:visited { color: #312163; font-size: 10px; text-decoration: underline; }
		div#copyright a:hover { color: #666666; font-size: 10px; text-decoration: none; }

.clear { clear: both; }