/*/ Core /*/

html {
	background:#E7E7E7;
	min-width:960px;
}

address, blockquote, dl, dt, dd, body, fieldset, form, h1, h2, h3, h4, h5, h6, html, ol, p, pre, ul {
	margin:0;
	padding:0;
}

a {
	color:#000;
	cursor:pointer;
	outline:none !important;
	text-decoration:none;
}

body {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	height:100%;
	padding:0 10px 10px 10px;
}

img {
	border:0;
	vertical-align:middle;
}

div#container {
	margin:25px auto 0 auto;
	max-width:1200px;
	min-width:960px;
	overflow:auto;
}


/*/ Headings /*/

h1.heading2 {
	border:0;
	border-bottom:1px dotted #DDD;
	color:#333;
	font-size:16px;
	margin:0 20px 10px 20px;
	padding:10px 0 10px 0;	
}

h2.heading2 {
	border:0;
	color:#444;
	font-size:12px;
	margin:0 20px 0 20px;
	padding:10px 0 5px 0;	
}

h2.heading3 {
	border-bottom:1px solid #EEE;
	color:#4a7d29;
	font-size:22px;
	font-weight:normal;
	padding: 0 0 10px 0;
}


/*/ Navigation /*/

div#navigation {
	background:#858585 url("http://static.cdn.locality.co.za/images/nav/nav-bg.gif") top right no-repeat;
	height:80px;
	width:100%;
}

	div#navigation-cap {
		background:url("http://static.cdn.locality.co.za/images/nav/nav-bg-cap.gif") top left no-repeat;
		float:left;
		height:80px;
		text-indent:-9999px;
		width:20px;
	}

	div#navigation-container {
		float:left;
		margin-top:1px;
		height:72px;
	}

		img#logotype {
			float:left;
			margin:17px 0 0 0;	
		}

		a#explore {
			background:url("http://static.cdn.locality.co.za/images/nav/explore-sprite.png") 0 0;
			display:inline-block;
			float:left;
			height:45px;
			margin:15px 0 0 15px;
			text-indent:-9999px;
			width:143px;	
		}

			a#explore:hover {
				background-position:-144px 0;	
			}

		a#toolbar {
			background:url("http://static.cdn.locality.co.za/images/nav/toolbar-sprite.png") 0 0;
			display:inline-block;
			float:left;
			height:45px;
			margin:15px 0 0 10px;
			text-indent:-9999px;
			width:143px;	
		}

			a#toolbar:hover {
				background-position:-144px 0;	
			}

/*/ Top Thirds /*/

div#top-thirds {
	background:#888;
	border:1px solid #454545;
	border-radius:11px;
	display:none;
	margin:0 20px 5px 20px;
	padding:1px;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;
}

	div#top-thirds-content {
		background:#252525;
		border:1px solid #000;
		border-radius:10px;
		color:#EEE;
		overflow:auto;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}

		div.ttc-left-col {
			background:#353535 url("http://static.cdn.locality.co.za/images/nav/toolbar-firefox.gif") bottom left no-repeat;
			border-right:1px solid #555;
			border-bottom-left-radius:9px;
			border-top-left-radius:9px;
			float:left;
			font-size:12px;
			margin-right:10px;
			min-height:150px;
			padding:10px;
			width:250px;
			-moz-border-radius-topleft:9px;
			-moz-border-radius-bottomleft:9px;
			-webkit-border-top-left-radius:9px;
			-webkit-border-bottom-left-radius:9px;
		}

			div.ttc-left-col span {
				color:#777;	
			}

			div.ttc-left-col span#toolbar-secure {
				color:#EEE;
				font-size:10px;
			}

		#toolbar-btn-install {
			background:url("http://static.cdn.locality.co.za/images/toolbar/btn-install.gif") no-repeat;
			display:block;
			height:26px;
			margin:8px 0;
			text-indent:-9999px;
			width:124px;
		}

			#toolbar-btn-install:hover {
				background-position:0 -26px;
			}

		div.ttc-right-col {
			padding:10px;
		}

			div#toolbar-right-col h2 {
				font-size:15px;	
			}

			div#toolbar-right-col ol li {
				font-size:12px;
				list-style-type:none;
				margin-top:5px;
			}

			div#toolbar-right-col ol li span {
				margin-right:10px;
			}

			div#toolbar-right-col ol li img {
				margin-right:5px;
			}

	form#search input#search-for {
		background:#FFF url("http://static.cdn.locality.co.za/images/nav/bg-input.gif") top center repeat-x;
		border:2px solid #505050;
		border-right:2px solid #AAA;
		border-bottom:2px solid #AAA;
		border-radius:5px;
		float:right;
		height:28px;
		line-height:28px;
		margin:21px 10px;
		padding:0 5px;
		vertical-align:baseline;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}

		form#search input#search-for:focus {
			border-color:#1ECDEA;
			outline:none;
		}

	form#search input#search-submit {
		background:url("http://static.cdn.locality.co.za/images/nav/bg-submit.png") center center no-repeat;
		border:0;
		cursor:pointer;
		display:inline-block;
		float:right;
		height:28px;
		margin:23px 25px 0 0;
		text-indent:-9999px;
		width:28px;
	}

		form#search input#search-submit:focus {
			outline:none;	
		}


/*/ Content /*/

div#content {
	height:324px;
	margin:5px 20px;
	overflow:hidden;
}


/*/ Index /*/

div#search-terms {
	padding:10px;
	overflow:auto;
	height:auto;
}

	div#search-terms h2 {
		color:#777;
		display:inline;
		float:left;
		font-size:14px;
		font-style:italic;
	}

	div#search-terms ul {
		display:inline;
		float:left;
		margin:0 25px;
		overflow:hidden;
	}

    	div#search-terms ul li {
			float:left;
			list-style-type:none;
			margin:0 25px 0 0;
		}

			div#search-terms ul li a:hover {
				color:#07F;
			}


/*/ Menus /*/

div.menus {
	float:left;
	width:270px;
}

	div.menu-col {
		float:left;
		text-indent:-9999px;
		width:15px;	
	}

	div.menu-holder {
		background:#FFF;
		border:1px solid #DDD;
		border-bottom:1px solid #AAA;
		border-radius:11px;
		margin-top:5px;
		padding:1px;
		-moz-border-radius:11px;
		-webkit-border-radius:11px;
	}

		h1#menu-popular {
			color:#EE0B76;
			display:inline;
			font-size:24px;
			text-shadow: -1px -1px 0px #FFF, 3px 3px 1px #D3D3D3;
		}

		h1#menu-new {
			color:#87A911;
			display:inline;
			font-size:24px;
			text-shadow: -1px -1px 0px #FFF, 3px 3px 1px #D3D3D3;
		}

		h1#menu-fresh {
			color:#1D8FC4;
			display:inline;
			font-size:24px;
			text-shadow: -1px -1px 0px #FFF, 3px 3px 1px #D3D3D3;
		}

		a#more-popular, 
		a#more-new, 
		a#more-fresh {
			background:#AAA;
			border-radius:10px;
			color:#FFF;
			display:none;
			float:right;
			font-weight:bold;
			line-height:20px;
			padding:2px 10px;
			vertical-align:middle;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
		}

			a#more-popular:hover {
				background:#EE0B76;
				color:#FFF;
			}

			a#more-new:hover {
				background:#87A911;
				color:#FFF;
			}

			a#more-fresh:hover {
				background:#1D8FC4;
				color:#FFF;
			}

		ul.menu {
			background:#F5F5F5;
			border:1px solid #EEE;
			border-radius:10px;
			list-style-type:none;
			padding:7px 5px 7px 0;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
		}

		ul.menu li a {
			background:url("http://static.cdn.locality.co.za/images/icons/png/bullet-white-shift.png") right no-repeat;
			border-bottom:1px solid #F5F5F5;
			border-top:1px solid #F5F5F5;
			border-right:1px solid #F5F5F5;
			font-size:13px;
			color:#444;
			display:block;
			padding:0 7px;
			height:25px;
			line-height:25px;
			text-decoration:none;
		}

			ul.menu li a:hover {
				background:#FFF url("http://static.cdn.locality.co.za/images/icons/png/bullet-blue-shift.png") right no-repeat;
				border-bottom:1px solid #EEE;
				border-top:1px solid #EEE;
				border-right:1px solid #EEE;
				border-bottom-right-radius:10px;
				border-top-right-radius:10px;
				color:#07F;
				margin-left:-1px;
				padding-left:8px;
				-moz-border-radius-topright:10px;
				-moz-border-radius-bottomright:10px;
				-webkit-border-top-right-radius:10px;
				-webkit-border-bottom-right-radius:10px;
			}


/*/ Pages /*/

#container-wide {
	background:#FFF;
	border:1px solid #DDD;
	border-bottom:1px solid #AAA;
	border-radius:11px;
	margin:0 20px;
	padding:1px;
	-moz-border-radius:11px;
	-webkit-border-radius:11px;	
}

	#content-wide {
		background:#F5F5F5;
		border:1px solid #EEE;
		border-radius:10px;
		overflow:auto;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
	}

#sidebar-left {
	background:#EEE;
	border-right:1px solid #E0E0E0;
	border-bottom-left-radius:9px;
	border-top-left-radius:9px;
	float:left;
	margin-right:10px;
	padding:5px;
	width:285px;
	height:100px;
	-moz-border-radius-topleft:9px;
	-moz-border-radius-bottomleft:9px;
	-webkit-border-top-left-radius:9px;
	-webkit-border-bottom-left-radius:9px;
}

.page-content {
	padding:10px;	
}

	.page-content h2 {
		color:#555;
		margin:5px;
	}

	.page-content h3 {
		color:#777;
		font-size:18px;
		line-height:36px;
		margin:0 5px;
	}

		.page-content h3 span {
			color:#353535;	
		}

	.page-content p {
		color:#777;
		font-size:13px;
		padding:5px;
	}

		.page-content p b {
			color:#353535;	
		}

		.page-content p#ip-status {
			color:#444;
			display:none;
			font-size:14px;
			font-weight:bold;
			line-height:16px;
		}

		.page-content p#ip-status img {
			vertical-align:bottom;	
		}

	.page-content hr {
		border:0;
		border-top:1px solid #DDD;
	}


/*/ Buttons /*/
ul.specular {
	list-style-type:none;
	overflow:auto;
}

	input.specular, 
	.specular li a {
		background:#EEE;
		border:1px solid #CCC;
		border-top:1px solid #FFF;
		border-left:1px solid #FFF;
		border-radius:10px;
		color:#454545;
		display:inline-block;
		float:left;
		font-size:14px;
		line-height:20px;
		margin:0 10px 0 0;
		padding:4px 10px 5px 10px;
		text-shadow: 1px 1px 2px #AAA;
		width:auto;
		vertical-align:middle;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}

	input.specular:hover, 
	.specular li a:hover {
		border:1px solid #EEE;
		border-top:1px solid #CCC;
		border-left:1px solid #CCC;
		background:#FFF;
		cursor:pointer;
	}


/*/ Pagination /*/
.pagination {
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:25px;
	padding:0;
}

.pagination a {
	background:#383838;
	border:1px solid #000;
	color:#EEE;
	margin:0 1px 0 1px;
	padding:7px 8px 7px 8px;
	text-decoration:none;
}

.pagination a:hover {
	border:1px solid #FFF;
	color:#FFF;
	text-decoration:none;
}

.pagination .atstart {
	border:solid 1px #BBB;
	color:#888;
	margin-right:2px;
	padding:7px 8px 7px 8px;
}

.pagination .prev {
	border:solid 1px #000;
	padding:7px 8px 7px 8px;
}

.pagination .break {
	border:none;
	padding:2px 6px;
	text-decoration:none;
}

.pagination .next {
	border:solid 1px #000;
	padding:7px 8px 7px 8px;
}

.pagination .atend {
	border:solid 1px #BBB;
	color:#888;
	margin-left:2px;
	padding:7px 8px 7px 8px;
}

.pagination .this-page {
	background:#383838;
	border:1px solid #000;
	color:#82CAEC;
	font-weight:bold;
	padding:7px 8px 7px 8px;
}


/*/ Reponse /*/
.response-error {
	background:url("http://static.cdn.locality.co.za/images/icons/png/error.png") no-repeat;
	background-position:10px 8px;
	margin:0;
	padding:5px 10px 5px 35px;
}

ul.error {
	border-top:2px solid #CC3300;
	border-bottom:2px solid #CC3300;
	color:#CC3300;
	font-style:italic;
	list-style-type:none;
	margin:10px 20px;
	padding:5px 0;
}

	ul.error li {
		font-size:11px;
		margin:0;
		padding:2px 0;
	}

ul.success {
	border-top:2px solid #339900;
	border-bottom:2px solid #339900;
	color:#339900;
	font-style:italic;
	list-style-type:none;
	margin:10px 20px;
	padding:5px 0;
}

	ul.success li {
		font-size:11px;
		margin:0;
		padding:2px 0;
	}


/*/ Privacy /*/

#privacy h2 { border:0; color:#338800; font-size:13px; margin:0 20px 0 20px; padding:10px 0 5px 0; }
#privacy p { color:#333; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; margin:5px 20px; padding:0 5px; }


/*/ Global Footer /*/

#footer {
	border-top:3px solid #82CAEC;
	float:left;
	margin:15px 0;
	padding-top:5px;
	text-align:left;
	width:100%;
}

	#footer-menu,
	#footer-menu ul {
		list-style-type:none;
	}

		#footer-menu li {
			background:none;
			color:#333;
			display:inline;
			float:left;
			font-size:14px;
			font-weight:bold;
			list-style-type:none;
			margin:0 10px 0 0;
			position:relative;
			width:135px;
		}

			#footer-menu li ul {
				margin:4px 0 0 0;
			}

			#footer-menu ul li {
				display:block;
				float:none;
				font-family:"Verdana", Arial, Helvetica, sans-serif;
				font-size:11px;
				font-weight:normal;
				padding:2px 0;
				width:auto;
			}

			#footer-menu ul li a {
				color:#555;
			}

				#footer-menu ul li a:hover {
					color:#000;
				}

ul#copyright {
	display:inline;
	float:right;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	list-style-type:none;
	text-align:right;
}

	ul#copyright li {
		color:#555;
		font-size:11px;
		padding:0 0 2px 0;
	}


/*/ Misc /*/

#easyTooltip {
	background:#FFFFE1;
	border:1px solid #C3C377;
	border-left:1px solid #EBEBA7;
	border-top:1px solid #EBEBA7;
	color:#000;
	font-size:11px;
	padding:2px 7px;
}