@import url("general.css");

ul {
    padding: 0;
    margin: 0;
    }

#body {
	padding: 0;
	background: transparent url(/images/left_column_bg.jpg) repeat-y top left;
	clear: both;
	}

#breadcrumbs {
	padding-left: 15px;
	}

#grayheader {
	background: #3D4844; /*#515858;*/
	height: 40px;
	clear: both;
	}

	#grayheader h2 {
		color: #fff;
		font-weight: normal;
		padding: 5px 0 10px 25px;
		}

#mainpageIntro {
	font-size: 14px;
	margin-bottom: 70px;
	margin-top: 15px;
	width: 400px;
	}

#wrap {
	background: transparent url(/images/sidebar_bg.jpg) repeat-y;
	}

/*		Sidebar		*/
#sidebar {
	background: #e8e8e8 url(/images/sidebar_fade.jpg) no-repeat 0px 45px;
	width: 225px;
	min-height: 550px;
	float: left;
	}

#sidebar h3 {
	background: url(/images/refine_results.jpg) no-repeat top left;
	width: 225px;
	height: 46px;
	margin: 0;
	padding: 0;
	}
	
	#sidebar h3 span {
		display: none;
		}

#sidebar h4 {
	margin: 15px 0 0 25px;
	font-size: 12px;
	}

#sidebar ul {
	list-style-type: none;
	}

#sidebar li {
	margin: 0;
	padding: 0;
	}

#sidebar li li {
	margin-left: 0;
	padding-left: 25px;
	}
	
	#sidebar li li li {
		padding-left: 15px;
		}

#sidebar label {
	color: #000;
	}

#sidebar input {
	margin-right: 5px;
	color: #000;
	}

.finishes a.active {
	color: #dd1f26;
	}

.finishes ul {
	margin-left: 25px;
	}


/*		Main		*/

#content {
	width: 650px;
	margin-left: 250px;
	}

h2 {
	font-size: 25px;
	font-weight: bold;
	color: #000;
	margin-bottom: 25px;
	text-transform: lowercase;
	}
	
	h2.search {
		margin-bottom: 10px;
		}
	
	p.search {
		margin-bottom: 50px;
		}

.listing {
	float: left;
	margin-right: 15px;
	width: 140px;
	height: 180px;
	color: #686868;
	}
	
	.listing a {
		color: #686868;
		}
		
		.listing a:hover {
			color: #999999;
			}
			
		.listing a.thumb {
			width: 80px;
			height: 80px;
			display: block;
			}
	
	.listing img {
		width: 80px;
		border: 0;
		margin: 0px 30px;
		vertical-align: middle;
		}

	.listing ul {
		width: 100%;
		/*border-top: 1px solid #cccccc;
		border-bottom: 1px solid #cccccc;*/
		height: 28px;
		}
	
	.listing li {
		display: inline;
		width: 16px;
		height: 15px;
		}
	
	.listing li span {
		display: none;
		}
	
	.listing li a {
		display: inline-block;
		width: 16px;
		height: 15px;
		margin: 5px 0;
		}
		
	.listing .image {
		background: url(/images/icon_image.jpg) top left no-repeat;
		}
	
	.listing .tear {
		background: url(/images/icon_pdf.jpg) top left no-repeat;
		}
	
	.listing h3, .listing p {
		font-size: 11px;
		font-weight: normal;
		margin-bottom: 0;
		}
		
	.listing p {
		margin-top: 0;
		}
		
	.listing p.quick {
		color: #DD1F26;
		}

.finishList {
	width: 150px;
	margin: 0 20px 15px 0;
	text-align: center;
	float: left;
	}
	
	.finishList p {
		color: #333;
		text-align: center;
		font-size: 14px;
		}

/*		Navigation		*/

.navigation {
	margin: 5px 0;
	padding: 5px 0;
	width: 600px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}
	
	.alignleft {
		width: 300px;
		}
	
	.alignright {
		width: 300px;

		}
				
.wp-pagenavi a, .wp-pagenavi a:link {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ffffff;
	color: #686868;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #ffffff;
	color: #686868;
	background-color: #FFFFFF;	
}
.wp-pagenavi a:hover {	
	border: 1px solid #999999;
	color: #999999;
	background-color: #FFFFFF;
}
.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #FFFFFF;
	color: #999999;
	background-color: #FFFFFF;	
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #686868;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #cccccc;
	color: #ffffff;
	background-color: #686868;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #FFFFFF;
	color: #686868;
	background-color: #FFFFFF;
}

/*		USED ONLY FOR WHAT'S NEW PAGE */

div.photo {
	width: 250px;
	float: left;
	}
	
	#content div.photo p {
		font-size: 11px;
		font-weight: bold;
		width: 225px;
		line-height: 100%;
		}

#itemimage {
	float: left;
	}

#description {
	background: white url(http://www.fongbrothers.com/images/description_bg.jpg) no-repeat 0px 0px;
	font-size: 12px;
	width: 300px;
	margin-left: 300px;
	}

	#description h2, #description h3, #description p, #description ul {
		margin: 6px 12px;
		}

	#description h2 {
		color: #424242;
		font-size: 12px;
		font-weight: bold;
		margin-top: 20px;
		}
		
	#description p {
		font-size: 12px;
		}
		
	#COMdefine {
		display: none;
		}
	
	#actions {
		background: white url(http://www.fongbrothers.com/images/actions_bg.jpg) no-repeat 0% 0%;
		list-style: none;
		margin-left: 0px;
		padding: 10px 10px 10px 0px;
		}
		
		#actions li {
			padding-left: 10px;
			}