/* Container for classifeds */
#classifieds-container {
 	width: 760px;
	float: left;
}
/* Box for the list of advert types */
.ads {
	width: 100%;
	padding: 0;
	margin 0;
	float: left;
	line-height: 150%;
	text-align: left;
	font-style: normal;
	text-decoration: none;
}
/* List style for the advert list */
.ads-list {
}
/* Navigation for each advert group */
.question-nav {
	font-style: normal;
	color: black;
	text-decoration: none;
}
/* Navigation for getting back and so on */
.quick-nav {
	font-weight: bold;
	text-align: left;
	font-style: normal;
	color: black;
	text-decoration: none;
}
/* Advert with photo */
#container-with-photos {
 	position: relative;
	width: 756px;
	height: 356px;
	border: 1px solid gray;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
}
/* Advert container - two ads per box */
#container-no-photos {
 	position: relative;
	width: 756px;
	height: 258px;
	border: 1px solid gray;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
}
/* Advert text */
.classified-text-box {
	border: 1px solid gray;
	position: absolute;
	top: 10px;
 	width: 348px;
	height: 228px;
	padding: 5px;
	background: #d3d3d3;
	overflow: auto;
}
/* Text on left */
.left {
	left: 10px;
}
/* Text on right */
.right {
	left: 386px;
}
/* Advert container - full width text and no height restriction */
#container-full-width {
	border: 1px solid gray;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
	padding: 10px;
}
/* Advert text */
.classified-text-full-width {
	border: 1px solid gray;
	padding-left: 5px;
	padding-right: 5px;
	background: #d3d3d3;
}
/* Thumbs */
#pix {
	position: absolute;
	top: 260px;
}
img {
}
/* Main picture - usually hidden */
#pix a img.hid {
	width: 360px;
	height: 240px;
	position: absolute;
	top: -250px;
	left: 386px;
	visibility: hidden;
	border: none;
}
/* Each thumb image */
#pix a img.thumb {
	width: 127px;	/* Images are 132px wide, why does this have to be less for things to line up? */
	height: 88px;
 	margin-left: 10px;
 	margin-right: 10px;
	border: none;
}
#pix a:hover {
	background: white;
}
#pix a:hover img.hid {
	visibility: visible;
}