@font-face { font-family: "Gabriele-black-ribbon"; 
src: url("../fonts/gabriele/gabriele-br.ttf") format("truetype"); 
 }

@font-face { font-family: "Gabriele-light"; 
src: url("../fonts/gabriele/gabriele-l.ttf") format("truetype"); 
 }

@font-face { font-family: "Gabriele-dark"; 
src: url("../fonts/gabriele/gabriele-d.ttf") format("truetype"); 
 }

@font-face { font-family: "another-typewriter"; src: url("../fonts/another-typewriter/atwriter.ttf") format("truetype"); 
}

@font-face { font-family: "special-elite"; src: url("../fonts/special-elite/SpecialElite.ttf") format("truetype"); 
}



body {
	font-family: Gabriele-light, Verdana, Arial, sans serif; 
    font-size:16px;
    line-height:1.1em;
    background-color: #FFFFFF; 
    margin: 0px; 
}

form {
	margin-bottom: 2px; 
}

h1,h2,h3,h4,h5 {
	font-family: Gabriele-dark,Trebuchet,Times,serif; 
	margin-top: 20px; 
	margin-bottom: 5px; 
	padding-top:0px; 
	line-height: 1.2em; 
	color:#000000; 
	
}

h3 {
	border-top: 1px #A0A0A0 dashed; 
	padding-top: 5px; 
}

h1 {
	color:#C8102E; 
}

p {
	color:#000000; 
	margin-top: 0px; 

}

ul {
	color:#304080; 

}

li {
	padding-bottom: 5px; 
	
}

#book_big { 

width:100%; 
float:left;
clear:both; 

}

#book_big select, input { 

font-size:24px; 

} 

.left_gap { 

	width:30%; 
	font-size:20px; 
	float:left; 
	clear:left; 
	text-align:right; 
	padding:5px; 
	margin: 2px; 

}

.left_gap_sm { 

	width:30%; 
	font-size:16px;
	line-height:20px; 
	float:left; 
	clear:left; 
	text-align:right; 
	padding:5px; 
	margin: 2px; 

}

.right_select { 

	width:60%; 
	font-size:20px; 
	float:left; 
	text-align:left; 
	padding:5px; 
	margin: 2px; 

} 



#wrapper {
	width: 90%; 
    margin: 0 auto; 
    background-color: #FFFFFF; 
}


#survey {
	width: 80%; 
    margin: 0 auto; 

}


#survey input { 

	margin-left: 20px; 
	background-color: #E5E5FF;  
	border-left: 1px #505050 solid; 


}

#survey p { 

	margin: 2px; 

}

#survey select { 

	font-size: 24px; 
	padding: 2px; 

}


#header {
    position:relative;
    background-color: #ffffff;  
    background-image: url("../images/harveys_final_logo_small_2.gif");  
    background-repeat: no-repeat; 
    background-position: center; 
    margin: 0 0 0 0; padding: 0; width: 100%; 
    height: 151px; 
    z-index:50; 

}

#login {
	float: right; 
	min-width:300px; 
	min-height:40px; 
	margin-top:0px; 
	margin-right:0px; 
	background-color: #F0F0F0; 
	padding: 2px; 
	border-top: 1px #E0EFF5 solid; 
	border-right: 1px #E0EFF5 solid; 
	border-left: 1px #F28D00 solid; 
	border-bottom: 1px #F28D00 solid; 
	font-size: 11px; 

}


#logged_in {
	padding-left:40px; 
	background-position: top left; 
	min-height: 40px; 
	min-width: 260px; 
	background-color: #ffca18; 
	padding:2px 2px 2px 50px; 
	color:#3171ff;
	float:right; 
}

#logged_in a {
	text-decoration: none; 
}

#footer a {
	text-decoration: none; 
	font-weight: bold; 
	color:#A0B5F0; 
}


#nav {
	height: 32px; 
	margin-top: 5px; 
	background-color: #C8102E; // pantone 186 approx; 
	padding-left: 10px; 
	border-top: 1px #101010 solid; 


}

#nav a {
	text-decoration: none; 
	font-size: 18px; 
	padding: 8px 8px 2px 8px; 
	border-right: none; 
	color:#F5F5F5; //    
}

#nav a:active, 
#nav a:hover {
	text-decoration: none; 
	color: #63429a; 
	background-color: #FFFFFF; 
	border-right: none; 
}

.selection {
	text-decoration: none; 
	font-size: 18px; 
	padding: 8px 8px 2px 8px; 
	border-right: none; 
	color:#F5F8FA; 
	color: #63429a; 
	background-color: #FFFFFF; 
	
}

#user_central  { margin: 0; padding: 0px; width: 100%; float: left }

#user_central input { font-size: 14px; font-family:special-elite; color:#900000; padding:10px; } 

.label { float:left; clear:left; width:30%; text-align: right; padding-top:4px; padding-right:8px; font-size:16px; line-height:1.3em; margin-bottom:5px; margin-top:4px; color:#301010; } 

.field { float:left; padding-top:4px; line-height: 18px; font-size:14px; margin-bottom:2px; margin-top:2px; max-width:400px; color:#3988c9; } 



#main {
 	padding:0px; 
}


#need {
	background-color: #FFFFFF; 
	background-repeat: no-repeat;
	float: left; 
	clear: none; 
	width: 100%; 
	min-height: 300px; 
		
}


#add {
	padding: 60px 5px 5px 10px; 
	background-image:url("../images/add.gif"); 
	background-color: #FFFFFF; 
	background-repeat: no-repeat;
		
}


#need td {
	color: #8090A5; 
	padding-top:2px; 
	padding-bottom:2px; 

}

/*
	border-top: 1px #D0D5E0 dotted; 
*/


.rangeright {
	text-align: right; 
	font-size: 16px; 
	}

.user_input {
	padding:2px; 
	font-size:11px; 
	
}

#my {
	padding: 100px 5px 5px 10px; 
	background-image:url("../images/my.gif"); 
	background-color: #FFFFFF; 
	background-repeat: no-repeat;
	float: left; 
	clear: none; 
	margin-right: 20px; 
	width: 600px; 
	min-height: 300px; 
	border-top: 1px #E0EFF5 solid; 
	border-right: 1px #E0EFF5 solid; 
	border-left: 1px #F28D00 solid; 
	border-bottom: 1px #F28D00 solid; 
		
}

#purchase {
	padding: 100px 5px 5px 10px; 
	background-image:url("../images/purchase.gif"); 
	background-color: #FFFFFF; 
	background-repeat: no-repeat;
	float: left; 
	clear: none; 
	margin-right: 20px; 
	width: 600px; 
	min-height: 300px; 
	border-top: 1px #E0EFF5 solid; 
	border-right: 1px #E0EFF5 solid; 
	border-left: 1px #F28D00 solid; 
	border-bottom: 1px #F28D00 solid; 
		
}


#search {
	padding: 100px 5px 5px 10px; 
	background-image:url("../images/search.gif"); 
	background-color: #FFFFFF; 
	background-repeat: no-repeat;
	float: left; 
	clear: none; 
	margin-right: 20px; 
	width: 600px; 
	min-height: 300px; 
	border-top: 1px #E0EFF5 solid; 
	border-right: 1px #E0EFF5 solid; 
	border-left: 1px #F28D00 solid; 
	border-bottom: 1px #F28D00 solid; 
		
}

#search td {
	color: #4050A0; 
	padding-top:2px; 
	padding-bottom:2px; 

}

.basket_top {
	font-size:12px; 
	font-weight:bold; 
	background-color:#C0C5F4; 
	color:#FFFFFF; 
	padding:2px; 
	border-top:1px #B5C5D5 solid; 

}

.basket_list {
	font-size:12px; 
	background-color:#F0F5F8; 
	padding:2px; 
	border-top:2px #D0A010 solid; 


}

.basket_content {
	font-size:12px; 
	background-color:#F0F5F8; 
	padding:2px; 

}

.match_list {
	font-size:11px; 
	background-color:#F7F0AC; 
	padding:2px; 


}

.match_list_top {
	font-size:11px; 
	background-color:#E0E5A0; 
	padding:2px; 


}

.required {
	font-weight: bold; 
	font-size: 10px; 
	line-height: 1.2em; 
	color: #F05050; 
	background-color: #FBFE00; 
	
}

#sms {
	background-image:url("../images/sms.gif"); 
	background-repeat: no-repeat;
	background-color: #FFFFF8; 
	float: left; 
	width: 300px; 
	min-height: 200px; 
	border-top: 1px #E0EFF5 solid; 
	border-right: 1px #E0EFF5 solid; 
	border-left: 1px #F28D00 solid; 
	border-bottom: 1px #F28D00 solid; 
		
}

#alerts {
	background-image:url("../images/alerts.gif"); 
	background-repeat: no-repeat;
	background-color: #FFFFF8; 
	float: left; 
	width: 300px; 
	min-height: 100px; 
	border-top: 1px #E0EFF5 solid; 
	border-right: 1px #E0EFF5 solid; 
	border-left: 1px #F28D00 solid; 
	border-bottom: 1px #F28D00 solid; 
		
}

#alerts td {
	padding: 2px; 
	
}



.detail {
	color:#5080E5; 
	text-align:right;  
	font-size: 12px; 
	width: 150px; 
	padding: 2px; 
	
}

.detailc {
	color:#3040E5; 
	text-align: left;  
	font-size: 14px; 
	padding: 2px; 
	background-color: #F0F5F8; 
	
}

.detail_input {
	border:1px #A5B5C0 solid; 
	background-color: #F0F4F8; 
	font-size:14px; 

}

#am {
	float: left; 
	width: 200px; 
	min-height: 400px; 

	
}


#clear {
	clear: both; 
}


#divider {
	height: 20px; 
	margin-top: 5px; 

}



#login td {
	font-size: 11px; 
	font-weight:bold; 
	color:#8090F5; 
}

#login input {
	padding: 1px; 
	border: 1px #9080D4 solid; 
	font-size: 11px; 
}

.reminder_button {
	background-color:#A566B5; 
	padding:2px; 
	color:#FFFFFF; 
	font-size:12px; 
	font-weight:bold; 
	margin-bottom:0px; 
}


#footer {
	background-color:#C8102E;
	padding:5px 5px 5px 10px; 
	
}

#footer h2 {
	color:#FFFFFF; 
}

#footer h3 {
	color:#FFFF60; 
}

#footer ul {
	font:face: Gabriele-black-ribbon; 
	font-size:12px; 
	line-height:1.2em; 
	margin-left:5px; 
	padding-left:10px; 
	color: #FFFFF8;
	
	
}


.small {
	font-size: 10px; 
	line-height: 1.2em; 
}


.warning {
	font-size: 20px; 
	font-weight: bold; 
	color: #EB1040; 
	
}

.validation {
	background-color: #F0F045; 
	color: #EB1040; 
	
}





/*
invoices
*/ 
.terms_heading {
	background-color:#8090A5; 
}

.basket_image { padding: 3px }
.basket_description  { color: #5b5e68; font-size: 9px; line-height: 10px; padding: 2px }
.basket_checkout { color: #5b5e68; font-size: 9px; line-height: 10px; text-align: center; padding: 2px; vertical-align: middle }
.basket_price  { color: #5b5e68; font-size: 9px; line-height: 10px; text-align: right; padding: 2px }
.basket_quantity   { color: #5b5e68; font-size: 9px; line-height: 10px; text-align: right; padding: 2px; align: right  }
.basket_line_total  { color: #453e68; font-size: 9px; font-weight: bold; line-height: 10px; text-align: right; padding: 2px }
.basket_total  { color: #453e68; font-size: 10px; font-weight: normal; line-height: 12px; background-color: #fcf4db; text-align: center; padding: 4px 2px; border-top: 1px inset #c0bace; border-bottom: 1px outset #c0bace }
.basket_total2 { color: #453e68; font-size: 10px; font-weight: normal; line-height: 12px; background-color: #fcf4db; text-align: right; padding: 4px 2px; border-top: 1px inset #c0bace; border-bottom: 1px outset #c0bace }
.basket_bg  { background-image: url("../images/shopping_basket_strip.gif"); background-repeat: repeat-y }
.basket_foot  { background-image: url("../images/shopping_basket_base.gif"); background-repeat: no-repeat }