/* WWW.REALLYUSEFULDIRECTORY.COM - CSS */

/* Global styles */

* {
	margin: 0;
	padding: 0;
}

img {
	display: block;
	border: 0;
}

body {
	font: normal 13px "lucida grande", tahoma, arial, verdana, sans-serif;
	color: #666;
	background: #000 url(../images/bg_body.jpg) top left repeat-x;
	padding-top: 20px;
}

p {
	line-height: 1.2em;
	padding-bottom: 0.6em;
}

em {
	font-style: normal;
	font-weight: 700;
}




/* Error styles */

#error {
	width: 760px;
	background: #fff url(../images/error.gif) top left no-repeat;
	margin-left: -10px;
	padding-top: 170px;
}

#error p {
	padding: 4px 20px;
}

#error h1 {
	color: #fff;
	font-size: 200%;
	padding: 4px 20px;
}

#error ul {
	list-style-image: url(../images/li_arrow.gif);
	color: #5c5c5c;
	margin-left: 20px;
	padding: 0.4em 50px 1.3em 20px;
}

#error a:link, #error a:visited {
	color: #1a7ca3;
}

#error a:hover {
	color: #33abdb;
	text-decoration: none;
}




/* Thanks styles */

#thanks {
	width: 760px;
	background: #fff url(../images/thanks.gif) top left no-repeat;
	margin-left: -10px;
	padding-top: 170px;
}

#thanks p {
	padding: 4px 20px;
}

#thanks h1 {
	color: #fff;
	font-size: 200%;
	padding: 4px 20px;
}

#thanks ul {
	list-style-image: url(../images/li_arrow.gif);
	color: #5c5c5c;
	margin-left: 20px;
	padding: 0.4em 50px 1.3em 20px;
}

#thanks a:link, #thanks a:visited {
	color: #1a7ca3;
}

#thanks a:hover {
	color: #33abdb;
	text-decoration: none;
}




/* Global positions */
/*
#telephone {
	color: #fff;
	width: 780px;
	margin: 0 auto;
	padding-bottom: 5px;
	text-align: right;
}*/

#container {
	width: 760px;
	margin: 0 auto;
	padding: 10px 10px 0 10px;
	background: #fff url(../images/bg_container_top.gif) top left no-repeat;
}

#content {
	width: 740px;
	padding: 10px;
}

#head {
	width: 760px;
	height: 100px;
	position: relative;
}

#nav {
	width: 760px;
	height: 24px;
}

#disclaimer {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
}

.clearer {
	display: block;
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 1px;
	height: 1px;
}

#footer {
	color: #fff;
	width: 780px;
	margin: 0 auto;
	padding: 10px 0;
	background: url(../images/bg_container_bottom.gif) top left no-repeat;
}




/* Global styles */

p {
	padding-bottom: 0.6em;
}

h1 {
	color: #000;
	font-size: 130%;
	font-weight: 200;
	padding-bottom: 0.6em;
}

h2 {
	color: #000;
	font-size: 115%;
	font-weight: 200;
	padding: 0.6em 0 0.3em 0;
}




/* Telephone styles */

#telephone p {
	font-size: 140%;
}




/* Column head styles */

#head img.banner {
	position: absolute;
	top: 5px;
	right: 0;
}




/* Nav styles */

#nav ul {
	list-style: none;
}

#nav ul li {
	float: left;
}

#nav ul li a:link, #nav ul li a:visited {
	display: block;
	width: 125px;
	height: 14px;
	background: #fff url(../images/bg_nav_li.gif) 0 -52px no-repeat;
	padding: 6px 5px 4px 22px;
	text-decoration: none;
	margin: 0;
	color: #fff;
}

#nav ul li a:hover {
	color: #fff;
	background: #fff url(../images/bg_nav_li.gif) 0 -26px no-repeat;
}

#nav ul li.over a:link, #nav ul li.over a:visited {
	color: #000;
	background: #fff url(../images/bg_nav_li.gif) 0 0 no-repeat;
}




/* Search styles */

#search {
	width: 740px;
	color: #000;
	background: #ee9d00 url(../images/bg_search_bottom.gif) bottom left no-repeat;
	padding: 10px;
	font-weight: 200;
}

#search p em {
	font-weight: 700;
}

.field {
	border: 1px solid #000;
	height: 20px;
	margin: 5px 0;
	background: #fff url(../images/bg_field.jpg) bottom left repeat-x;
}

#search .submit {
	height: 23px;
	width: 80px;
	padding: 0 4px 3px 4px;
	color: #fff;
	background-color: #000;
}




/* Content styles */

#content em {
	color: #000;
}

#content a:link, #content a:visited {
	color: #305d9c;
}

#content a:hover {
	color: #34b7d8;
	text-decoration: none;
}

#content .coverage {
	position: relative;
	width: 760px;
	height: 260px;
	background: #fff url(../images/bg_coverage.jpg) top left no-repeat;
	padding-bottom: 10px;
}

#content .coverage h1 {
	color: #000;
	font-size: 130%;
	font-weight: 200;
	position: absolute;
	top: 200px;
	left: 10px;
}

#columnleft {
	float: left;
	width: 540px;
}

#popularsearch {
	margin-left: -10px;
	background: #e5e5e5 url(../images/bg_popularsearch.gif) top left no-repeat;
	padding: 0 0 10px 0;
}

#popularsearch h2 {
	font-size: 100%;
	color: #000;
	font-weight: 700;
	padding-left: 10px;
}

#popularsearch ul {
	list-style: none;
	padding: 0 5px 0 10px;
}

#popularsearch ul li {
	float: left;
}

#popularsearch ul a:link, #popularsearch ul a:visited {
	color: #305d9c;
	display: block;
	width: 170px;
	padding: 2px 5px 5px 0;
}

#popularsearch ul a:hover {
	color: #34b7d8;
	text-decoration: none;
}

#directories {
	margin-left: -10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: #e5e5e5 url(../images/bg_directories.gif) bottom left no-repeat;
}

#directories h1 {
	padding-left: 10px;
}

#directories img {
	float: left;
	padding: 0 2px 5px 0;
}

#directories a:link, #directories a:visited {
	display: block;
	height: 187px;
	width: 166px;
	background: #fff url(../images/advertising_available.jpg) 0 0 no-repeat;
	text-decoration: none;
}

#directories a:hover {
	background: #fff url(../images/advertising_available.jpg) -187px 0 no-repeat;
}

#directories p {
	position: absolute;
	top: 100px;
	right: 10px;
}

#directories a.directories:link, #directories a.directories:visited {
	display: block;
	height: 234px;
	width: 550px;
	background: #fff url(../images/bg_directory.jpg) 0 0 no-repeat;
	text-decoration: none;
}

#directories a.directories:hover {
	background: #fff url(../images/bg_directory.jpg) 0 -235px no-repeat;
}

#columnright {
	float: right;
	width: 200px;
	margin-right: -10px;
	padding-bottom: 10px;
}




/* Content styles - North West Cardiff link */

#disclaimer p {
	font-size: 90%;
}




/* Content styles - North West Cardiff link */

#content .directory01 em, #content .directory02 em, #content .directory03 em, #content .directory04 em, #content .directory05 em {
	color: #fff;
}

#content .directory01 {
	width: 740px;
	height: 117px;
	margin-bottom: 10px;
}

#content .directory01 a:link, #content .directory01 a:visited {
	display: block;
	width: 740px;
	height: 117px;
	background: #000 url(../images/bg_directory_01.jpg) 0 0 no-repeat;
	text-decoration: none;
}

#content .directory01 a:hover {
	background: #6b6b6b url(../images/bg_directory_01.jpg) 0 -117px no-repeat;
}

#content .directory01 a:link p, #content .directory01 a:visited p  {
	color: #fff;
	padding: 0 240px 3px 10px;
}

#content .directory01 a:link h2, #content .directory01 a:visited h2 {
	color: #fff;
	font-size: 130%;
	font-weight: 200;
	padding: 10px 0 5px 10px;
}




/* Content styles - North East Cardiff link */

#content .directory02 {
	width: 740px;
	height: 117px;
	margin-bottom: 10px;
}

#content .directory02 a:link, #content .directory02 a:visited {
	display: block;
	width: 740px;
	height: 117px;
	background: #000 url(../images/bg_directory_02.jpg) 0 0 no-repeat;
	text-decoration: none;
}

#content .directory02 a:hover {
	background: #6b6b6b url(../images/bg_directory_02.jpg) 0 -117px no-repeat;
}

#content .directory02 a:link p, #content .directory02 a:visited p  {
	color: #fff;
	padding: 0 240px 3px 10px;
}

#content .directory02 a:link h2, #content .directory02 a:visited h2 {
	color: #fff;
	font-size: 130%;
	font-weight: 200;
	padding: 10px 0 5px 10px;
}




/* Content styles - Blackwood/Bargoed link */

#content .directory03 {
	width: 740px;
	height: 117px;
	margin-bottom: 10px;
}

#content .directory03 a:link, #content .directory03 a:visited {
	display: block;
	width: 740px;
	height: 117px;
	background: #000 url(../images/bg_directory_03.jpg) 0 0 no-repeat;
	text-decoration: none;
}

#content .directory03 a:hover {
	background: #6b6b6b url(../images/bg_directory_03.jpg) 0 -117px no-repeat;
}

#content .directory03 a:link p, #content .directory03 a:visited p  {
	color: #fff;
	padding: 0 240px 3px 10px;
}

#content .directory03 a:link h2, #content .directory03 a:visited h2 {
	color: #fff;
	font-size: 130%;
	font-weight: 200;
	padding: 10px 0 5px 10px;
}




/* Content styles - Llantrisant link */

#content .directory04 {
	width: 740px;
	height: 117px;
	margin-bottom: 10px;
}

#content .directory04 a:link, #content .directory04 a:visited {
	display: block;
	width: 740px;
	height: 117px;
	background: #000 url(../images/bg_directory_04.jpg) 0 0 no-repeat;
	text-decoration: none;
}

#content .directory04 a:hover {
	background: #6b6b6b url(../images/bg_directory_04.jpg) 0 -117px no-repeat;
}

#content .directory04 a:link p, #content .directory04 a:visited p {
	color: #fff;
	padding: 0 240px 3px 10px;
}

#content .directory04 a:link h2, #content .directory04 a:visited h2 {
	color: #fff;
	font-size: 130%;
	font-weight: 200;
	padding: 10px 0 5px 10px;
}




/* Content styles - Llantrisant link */

#content .directory05 {
	width: 740px;
	height: 117px;
	margin-bottom: 10px;
}

#content .directory05 a:link, #content .directory05 a:visited {
	display: block;
	width: 740px;
	height: 117px;
	background: #000 url(../images/bg_directory_05.jpg) 0 0 no-repeat;
	text-decoration: none;
}

#content .directory05 a:hover {
	background: #6b6b6b url(../images/bg_directory_05.jpg) 0 -117px no-repeat;
}

#content .directory05 a:link p, #content .directory05 a:visited p {
	color: #fff;
	padding: 0 240px 3px 10px;
}

#content .directory05 a:link h2, #content .directory05 a:visited h2 {
	color: #fff;
	font-size: 130%;
	font-weight: 200;
	padding: 10px 0 5px 10px;
}




/* Content styles - Listing entries */

#content h1.searchresult {
	color: #666;
}

#content h1.searchresult em {
	color: #000;
}

#content ul.search {
	list-style: none;
}

#content ul.search li {
	line-height: 1.5em;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

#content ul.search li a:link, #content ul.search li a:visited {
	font-size: 90%;
	color: #069;
}

#content ul.search li a:hover {
	color: #34b7d8;
	text-decoration: none;
}

#content .enhanced {
	width: 730px;
	color: #000;
	border: 1px solid #ee9d00;
	margin-bottom: 10px;
	padding: 5px;
	background: #fff url(../images/bg_enhanced.gif) top left repeat-x;
}

#content .enhanced h2 {
	font-size: 110%;
	color: #000;
	font-weight: 700;
	margin: 0;
	padding: 0;
}

#content .enhanced ul {
	width: 200px;
}

#content .enhanced ul li {
	line-height: 1.5em;
}

#content .enhanced .leftcolumn {
	float: left;
	width: 200px;
	padding-top: 10px;
}

#content .enhanced .rightcolumn {
	float: right;
	width: 450px;
	padding-top: 10px;
}

#content .enhanced a:link, #content .enhanced a:visited {
	color: #305d9c;
}

#content .enhanced a:hover {
	color: #34b7d8;
	text-decoration: none;
}

#content .enhanced a.web:link, #content .enhanced a.web:visited {
	padding-left: 23px;
	background: #fff url(../images/icon_weblink.gif) 0 0 no-repeat;
}

#content .enhanced a.web:hover {
	color: #34b7d8;
	background: #fff url(../images/icon_weblink.gif) 0 -16px no-repeat;
}

#content .price {
	border-bottom: 1px solid #ccc;
}

#content p.offer {
	color: #ee9d00;
	font-weight: 700;
	font-size: 120%;
}

#content ul.price {
	list-style: none;
	padding-bottom: 10px;
}

#content ul.price li {
	background: #fff url(../images/bg_ul.gif) 2px 4px no-repeat;
	padding-left: 15px;
}




/* Content styles - Sub navigation */

#content #subnav {
	position: relative;
	padding-bottom: 5px;
}

#content #subnavbase {
	position: relative;
	padding-bottom: 20px;
}

#content #subnav b, #content #subnavbase b {
	display: block;
	padding: 0 4px;
	float: left;
}

#content #subnav a:link, #content #subnav a:visited, #content #subnavbase a:link, #content #subnavbase a:visited {
	color: #305d9c;
	display: block;
	padding: 0 4px;
	float: left;
}

#content #subnav a:hover, #content #subnavbase a:hover {
	color: #34b7d8;
	text-decoration: none;
}




/* Table styles */

.form {
	color: #000;
	background: #ccc url(../images/bg_contact_top.gif) 0 0 no-repeat;
	width: 720px;
	padding: 10px;
}

tr.contact {
	background-color: #ccc;
}

.field_contact {
	border: 1px solid #000;
	margin: 5px 0;
	width: 300px;
}

.submit {
	height: 26px;
	width: 80px;
	border: 1px solid #666;
	padding: 0 4px 3px 4px;
	color: #fff;
	background-color: #000;
}

tr.tablecell p {
	padding: 4px;
}

tr.tablecell td {
	border-bottom: 1px solid #000;
}


tr.tablehead {
	color: #fff;
	background-color: #000;
}

tr.tablehead p {
	padding: 4px;
}





/* Footer styles */

#footer p {
	line-height: 1.2em;
	margin: 0;
	padding: 0 0 0.5em 10px;
}

#footer p.octopus {
	color: #999;
}

#footer a:link, #footer a:visited {
	color: #999;
}

#footer a:hover {
	color: #fff;
}

#footer p.octopus img {
	display: inline;
}