/* CSS Document */

a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:16px;
}

a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#212491;
	line-height:16px;
}

body {
	margin:0px;
	padding:0px;
	background-color:#F0F0F0;
}
.footer {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
}
.footer a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-decoration:underline;
}
.footer a:hover {
	text-decoration:none;
}
td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	line-height:16px;
}
.box1 {
	border:1px solid #CCCCCC;
	
}


/************/

.photo-box {
		background-color:#CCCCCC;
		padding:1px;
		margin-top:1px;
		width:78px;
		height:78px;
		text-align:bottom;
		vertical-align:middle;
		color:#666666;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1px;
		line-height:0px;
	}
	.photo-box-over {
		background-color:#212491;
			padding:1px;
		margin-top:1px;
		width:78px;
		height:78px;
		text-align:center;
		vertical-align:bottom;
		color:#FFFFFF;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1px;
		line-height:0px;
	}
	
	
	
	
.box-bottom {
	background-image: url(/images/frame/border_b.jpg);
	background-repeat: repeat-x;
}

.box-top {
	background-image: url(/images/frame/border_t.jpg);
	background-repeat: repeat-x;
}

.box-left {
	background-image: url(/images/frame/border_l.jpg);
	background-repeat: repeat-y;
}

.box-right {
	background-image: url(/images/frame/border_r.jpg);
	background-repeat: repeat-y;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#666666;
	line-height:16px;
	display:inline;
	font-weight:normal;
}

h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#666666;
	line-height:16px;
	display:inline;
}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	line-height:16px;
	display:inline;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ED1C25;
	line-height:16px;
	display:inline;
}



h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#212491;
	line-height:16px;
	display:inline;
}

/************************************************************************************************************

These styles below relate to the includes 

/************************************************************************************************************


/*  search box styles */
.boxtext {
	color:#666666;
}
.searchdd {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.searchf {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
.searchbut {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}

/* listings styles */

		.special-box {
		background-color:#FFFFFF;
		border: 1px solid #CCCCCC;
		width:80px;
		height:100px; /* have bumped this up to 100px */
		text-align:center;
		color:#666666;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:11px;
		cursor:pointer;
	}
	.special-box-over {
		background-color:#212491;
		border: 1px solid #CCCCCC;
		width:80px;
		height:100px; /* have bumped this up to 100px; */
		text-align:center;
		color:#FFFFFF;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		line-height:11px;
		cursor:pointer;
	}
	.special-text {
		padding-top:5px;
	}
	
	/* the style below is a new style I have added that is wrapped around the images to make sure the text lines up by putting a minimum height for the image area */
	
	.special-img { 
		height:58px;
	}
	
	
/******************/
	
	
	#redb {
		color:#ED1C25; 
		/* this is the correct shade of red that should be used */
	}
	
	.imgdiv {
		height:95px; 
		/* I have added this div (which gets wrapped as a div around the img tag) to make sure text aligns vertically no matter what height the image above it is */
	}
	.imgstyle {
		border: 1px solid #CCCCCC; 
		/* this is the subtle border that should be around the images add this style to the image tag */
	}
	.listingtext {
		margin-bottom:24px; 
		/* please wrap this div around the description text this is used to align the text correctly and to add correct space below */
		padding-left:2px;
	}
	
