html, body {
	margin: 0px; padding: 0px;
	width: 100%; height: 100%;
}

body, td, input, form, textarea {
	font-family: verdana,tahoma,sans-serif;
	font-size: 1em;
	font-size-adjust: none;
	font-weight: normal;
	line-height: normal;
}

body { background-color: rgb(224,224,224); }

a img { border: 0px none; }

a { color: rgb(31,117,204); }

h1, h2, h3, p {
	margin: 0px 0px 1em;
}
h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.3em;
}
h3, legend {
	font-size: 1.1em;
}
h3.homePage { margin-bottom: 0.25em; }

span.details, .hidden {
	display: none;
}

.center { text-align: center; }
br.clear { clear: both; }

ul.horiz, ul.vert {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px; padding: 0px;
}
	ul.horiz li {
		display: inline;
		text-align: center;
		white-space: nowrap;
	}
/* Header Element */
#header {
	clear: both;
	height: auto; width: 100%;
	position: relative;
	background-color: rgb(217,244,255);
	overflow: hidden;
	min-width: 960px;
}
	#header div.top {
		width: 960px; height: 95px;
		margin: 0px auto;
		background: url(images/header/header.gif) no-repeat top left !important;
		position: relative;
	}
		#header div.top span.left {
			position: absolute;
			left: -132px;
			width: 132px; height: 95px;
			background: url(images/header/header_left.gif) no-repeat top right;
		}
		#header div.top span.right {
			position: absolute;
			right: -132px;
			width: 132px; height: 95px;
			background: url(images/header/header_right.gif) no-repeat top left;
		}

	#header div.login {
		position: absolute;
		bottom: 1px; right: 187px;
		font-size: 0.7em;
	}


#menuBar {
	width: 100%; height: 28px;
	/*background-color: rgb(192,192,192);*/
	font-size: 0.75em;
	position: relative;
}
	#menuBar span.left {
		position: absolute;
		left: 0px;
		width: 50%; height: 25px;
		/*background: url(images/header/menu_rpt_left.gif) repeat-x top right;*/
	}
	#menuBar span.right {
		position: absolute;
		right: 0px;
		width: 50%; height: 25px;
		/*background: url(images/header/menu_rpt_right.gif) repeat-x top right;*/
	}
	#menuBar div.menu {
		/*padding-top: 5px;*/
		width: 960px; height: 28px;
		margin: 0px auto;
		/*background: url(images/header/menu.gif) no-repeat top left;*/
		background-color: rgb(224,224,224);
		position: relative;
	}

	#menuBar ul {
		padding: 1px 0px;
		height: 26px;
	}
	#menuBar li {
		line-height: normal;
		float: left;
		overflow: auto;
		width: auto;
	}

	#header div.login a, #header div.login {
		text-decoration: none;
		padding: 3px 5px 4px;
		color: rgb(242,241,230);
	}
	#menuBar ul a {
		display: block;
		/*width: auto;*/
		height: 24px;
		line-height: 24px;
		margin: 1px; padding: 0px 5px;
		font-size: 10px;
		background-color: rgb(255,247,226); /* cream */
		color: rgb(166,137,66); /* brown */
		text-decoration: none;
		text-transform: uppercase;
	}
		* html #menuBar ul a {
			display: inline;
			padding: 6px 5px;
			margin-top: 2px;
		}
		#menuBar ul a.selected, #menuBar ul a:hover {
			background-color: rgb(166,137,66);
			color: rgb(255,247,226);
		}
		#header div.login a:hover {
			background-color: rgb(156,156,156);
		}

/* eo Header Element */


#content-container, #footer div.inner {
	width: 960px;
	margin: 0px auto;
}
	#content-container #menu {
		border-bottom: 1px solid rgb(0,0,0);
		font-size: 0.9em;
		margin-bottom: 10px;
	}

#content-container {
	background-color: rgb(255,255,255);
	padding-bottom: 0.5em;
	overflow: auto;
	margin-bottom: 30px;
}

#page {
	position: relative;
	min-height: 100%;
}
	* html #page { height: 100%; }

#footer {
	clear: both;
	position: relative;
	height: 18px;
	margin-top: -24px; padding-top: 5px;
	z-index: 2;
	color: rgb(131,159,171);
	font-size: 0.6em;
	border-style: solid;
	border-color: rgb(191,183,161);
	border-width: 1px 0px;
	background-color: rgb(255,247,226);
}
	#footer div.inner { text-align: center; }


div.menuBar, div.magBar, div.adBar {
	font-size: 11px;
}

div.menuBar {
	float: left;
	width: 200px;
}
	div.menuBar a {
		text-decoration: none;
		color: rgb(0,0,0);
	}
	div.menuBar li {
		line-height: 150%;
	}
		* html div.menuBar li { padding: 0px; margin: 0px; height: 1px; }
		div.menuBar li a { display: block; }
	div.menuBar div.box {
		padding: 6px;
	}
		div.quickSearch, div.updates {
			border: 1px solid rgb(163,183,191);
			margin: 14px 14px 8px;
			background-color: rgb(227,247,255);
		}
		div.quickLogIn, div.newAdvert, div.faq {
			border: 1px solid rgb(166,137,66);
			margin: 0px 14px 8px;
			background-color: rgb(255,247,226);
		}
		div.newAdvert { margin-top: 14px; }
div.magBar {
	float: left;
	width: 175px;
	margin-left: 10px;
	margin-top: 14px;
	text-align: center;
}
div.adBar {
	float: right;
	width: 180px;
	margin-left: 10px;
	text-align: center;
}
	div.adBar img, div.magBar img { margin-bottom: 1em; }

div.contents {
	position: relative;
	float: left;
	width: 570px; min-height: 200px;
	/*background-color: red;*/
	margin-top: 14px;
	font-size: 11px;
}

span.bullet {
	display: inline-block;
	border: 1px solid rgb(191,167,161);
	height: 9px; width: 9px;
	vertical-align: middle;
	margin: 0px 5px 0px 4px;
	background-color: rgb(255,247,226);
	color: rgb(255,247,226);
	overflow: hidden;
}
	a:hover span.bullet {
		background-color: rgb(166,83,66);
		color: rgb(166,83,66);
	}
	span.bullet.blue {
		border-color: rgb(66,138,166);
		background-color: rgb(227,247,255);
		color: rgb(227,247,255);
	}
	a:hover span.bullet.blue {
		background-color: rgb(204,241,255);
		color: rgb(204,241,255);
	}


form.quickLogin { padding: 0px; margin: 0px; }
form.quickLogIn div {
	clear: both;
	margin: 0px 0px 1px;
	padding: 0px 0px 1px;
}
	form.quickLogIn label {
		float: left;
		padding: 3px 5px 0px 0px;
		text-align: right;
		width: 59px;
		font-weight: normal;
	}
	form.quickLogIn input {
		border: 1px solid rgb(66,138,166);
		padding: 1px;
		width: 110px;
	}
		form.quickLogIn input.submit {
			cursor: pointer;
			width: auto;
		}


div.adverts {
	width: 294px;
	float: left;
}
div.events {
	width: 270px;
	float: right;
}


#advertsFeatured {
	height: 212px;
	overflow: hidden;
	border: 1px solid rgb(66,138,166);
	width: 292px;
	margin-bottom: 14px;
}

#advertsLatest, #advertsFeatured {
	word-spacing: -1em;
}
	#advertsLatest a, #advertsFeatured a { text-decoration: none; }

#advertsLatest span.boxAd {
	display: inline-block;
	width: 99px;
	min-height: 114px;
	border: 1px solid rgb(66,138,166);
	color: rgb(66,138,166);
	margin: 0px 2px 8px 0px;
	padding: 4px;
	text-align: center;
	vertical-align: top;
	word-spacing: normal;
	position: relative;
	/*font-size: 74px;*/
}
.boxAd, .boxAd span {
	cursor: pointer;
}
	#advertsLatest span.boxAd span {
		display: block;
	}
	#advertsLatest span.boxAd span.video {
		position: absolute;
		top: 4px; right: 4px;
		width: 16px; height: 16px;
		background: url(../look4/images/television.png) no-repeat;
	}
	* html #advertsLatest span.boxAd { display: inline; height: 114px; }
		#advertsLatest span.boxAd span.title {
			max-height: 2.4em;
			overflow: hidden;
		}
			* html #advertsLatest span.boxAd span.title { height: 2.4em; }

#advertsFeatured span.boxAd {
	display: inline-block;
	width: 128px;
	height: auto;
	border: 1px solid rgb(66,138,166);
	padding: 4px; margin: 4px;
	text-align: center;
	vertical-align: top;
	word-spacing: normal;
	cursor: pointer;
}
	#advertsFeatured span.boxAd span.title {
		max-height: 1.2em;
		display: block;
		overflow: hidden;
	}
		* html #advertsFeatured span.boxAd span.title { height: 1.2em; }
	#advertsLatest span.boxAd span.views {
		font-size: 0.8em;
	}

#eventsFeatured {
	width: 100%;
	height: 215px;
}

#eventsFeatured table {
	border-collapse: collapse;
	width: 100%;
}
	#eventsFeatured table td {
		border-color: #c0c0c0;
		border-style: solid;
		border-width: 1px 0px;
	}
	#eventsFeatured table td.date, #eventsFeatured table td.discipline, #eventsFeatured td.county {
		font-size: 0.85em;
	}
	#eventsFeatured table td.date {
		white-space: nowrap;
	}
	#eventsFeatured table td.discipline {
		white-space: normal;
	}


div.advertListing div.advert {
	margin: 3px 0px;
}
	div.advertListing div.thumb {
		width: 65px;
		padding: 2px 0px 0px 2px;
		float: left;
	}
		div.advertListing div.thumb img {
			border: 1px solid rgb(66,138,166);
		}
	div.advertListing div.details {
		display: inline-block;
		position: relative;
		top: 0px;
		width: 486px;
		vertical-align: top;
	}
		form div.advertListing div.details {
			width: 473px;
		}
			form div.advertListing div {
				text-align: left;
			}
	div.advertListing div.details div.container { position: relative; }
	div.advertListing div.details, div.advertListing div.tools div {
		font-size: 0.8em;
	}
	div.advertListing div.title, div.advertListing div.cost, div.advertListing div.location { font-weight: bold; }
	div.advertListing div.title a { text-decoration: none; }
	div.advertListing div.title img { vertical-align: top; }
	div.advertListing div.cost {
		position: absolute;
		top: 0px; right: 90px;
	}
	div.advertListing div.location {
		position: absolute;
		top: 0px; right: 0px;
	}
	div.advertListing div.expires {
		position: absolute;
		bottom: 0px; right: 0px;
	}
	div.advertListing span.field { white-space: nowrap; }
	div.advertListing div.details div.container div {
		padding-bottom: 0.3em;
	}

	div.advertListing div.tools {
		background-color: rgb(255,247,226);
		padding-bottom: 2px;
	}
		div.advertListing div.tools span { font-weight: bold; }
		div.advertListing div.tools div {
			padding: 1px 4px;
		}

	div.advertListing div.break div {
		font-size: 1px;
		height: 2px;
		overflow: hidden;
		background-color: rgb(166,137,66);
		padding: 0px; margin-bottom: 5px;
	}

span.red { color: rgb(240,40,40); }
span.green { color: rgb(40,200,40); }
span.orange { color: rgb(240,100,40); }


	form div.package.featured, div.advert.featured, #advertsLatest span.boxAd.featured, form div.package.bold1, div.advert.bold1, #advertsLatest span.boxAd.bold1 {
		background-color: rgb(217,244,255);
		border: 3px solid rgb(66,138,166);
		padding: 2px;
	}
	form div.package.free, div.advert.free, #advertsLatest span.boxAd.free, form div.package.plain, div.advert.plain, #advertsLatest span.boxAd.plain {
		border: 1px solid rgb(163,183,191);
		padding: 4px;
	}
	form div.package.topspot, div.advert.topspot, #advertsLatest span.boxAd.topspot {
		background-color: rgb(227,247,255);
		border: 3px double rgb(66,138,166);
		padding: 2px;
	}
	form div.package.standard, div.advert.standard, #advertsLatest span.boxAd.standard {
		background-color: rgb(255,247,226);
		border: 2px solid rgb(163,183,191);
		padding: 3px;
	}


div.navigator {
	display: block;
	width: 100%;
	position: relative;
	clear: both;
	overflow: auto;
}
div.navigator div {
	display: block;
	float: left;
	min-height: 1px;
}
	* html div.navigator div { height: 1px; }
	div.navigator div.rArrow { width: 50px; text-align: right; }
	div.navigator div.lArrow { width: 50px; text-align: left; }
	* html div.navigator div.rArrow, * html div.navigator div.lArrow { width: 50px; }
	div.navigator div.pages { width: 354px; text-align: center; }


div.advertView {
	position: relative;
}
	div.advertView div.images, div.advertView div.video {
		border: 1px solid;
		padding: 1px;
		width: 568px;
	}
		div.advertView div.images div.title {
			font-size: 1.4em;
			font-weight: bold;
			padding: 3px 8px;
		}
		div.advertView div.images div.photo { position: relative; padding-left: 4px; margin-bottom: 4px; }
		div.advertView div.images div.photo img { border: 1px solid; }
		div.advertView div.images div.photos { width: 62px; position: absolute; top: 0px; right: 9px; }
		div.advertView div.images div.photos img { margin-bottom: 4px; }
		div.advertView div.video { text-align: center; padding: 2px 0px; margin-top: 4px; }

	div.advertView div.details {
		border: 1px solid;
		margin-top: 4px;
		width: 568px;
		height: auto;
		display: table;
	}
	div.advertView div.details div.contact, div.advertView div.details div.info, div.advertView div.details div.about {
		width: 177px;
		margin: 1px;
		padding: 3px;
		vertical-align: top;
		font-size: 0.9em;
		top: 1px;
		float: left;
		position: relative;
	}

	p.grey {
		margin: 0px; padding: 3px;
		background-color: rgb(227,247,255);
	}


	#photos {
		height: 100px;
		margin-bottom: 10px;
	}
	#photos div {
		clear: none;
		float: left;
		width: 99px; height: 98px;
		margin-right: 6px;
		padding: 0px;
		border:  1px solid rgb(66,138,166);
		-moz-border-radius: 4px;
		overflow: hidden;
		position: relative;
	}
	#photos div img {
		margin-top: 12px;
		margin-left: 1px;
	}
	#photos div a {
		display: block;
		width: 100%; height: 57px;
		padding-top: 37px;
	}
	#photos div:last-child {
		margin: 0px;
	}

	#photos div.tools {
		height: 16px; width: 100%;
		top: 0px; margin: 0px;
		border: 0px none;
		overflow: hidden;
		position: absolute;
		text-align: right;
	}
	#photos div.tools span {
		display: table-cell;
		width: 16px; height: 16px;
		right: 1px; top: 1px;
		position: absolute;
	}
	#photos div.tools span.delete {
		background: url(../look4/images/picture_delete.png) no-repeat top left;
	}

#sbox-window {
	font-size: 11px;
}

#eventsBanner {
	text-align: center;
	background: rgb(216,243,255) url(/ec-content/themes/look4/images/poweredbg.png) no-repeat top center;
	position: absolute;
	bottom: 0px;
	width: 100%;
}
#eventsBanner a {
	text-decoration: none;
	font-size: 10px;
}

div.eventBox {
	font-size: 11px;
}

#horseAdverts {
	width: 100%;
	height: 100%;
	font-size: 10px;
}
#horseAdverts span.boxAd {
	border: 1px solid #428AA6;
	cursor: pointer;
	display: inline-block;
	height: 65px;
	margin: 2px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	width: 152px;
	word-spacing: normal;
}
#horseAdverts span.boxAd span.inner {
	display: block;
	height: 100%;
}
#horseAdverts a {
	text-decoration: none;
	display: block;
	height: 100%;
	width: 152px;
}
#horseAdverts span.photo {
	float: left;
	height: 100%;
}
#horseAdverts span.photo img {
	margin-top: 5px;
}
#horseAdverts span.cost {
	color: rgb(0,0,0);
}
#horseAdverts span.text, #horseAdverts span.county {
	display: block;
	padding: 3px 1px 0px 0px;
}