/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: center top;
	background-color: #EC3326;
}

h1 {
	margin: 0px;
	padding: 0px;
	font-size: 24px;
	font-weight: normal;
	color: #FF0000;
}

h2 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}

h2 a:link, h2 a:visited, h2 a:hover {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

h2 a.noline:link, h2 a.noline:visited, h2 a.noline:hover {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

h3 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}

h4 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
}

h4 a:link, h4 a:visited, h4 a:hover {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}

h4 a.noline:link, h4 a.noline:visited, h4 a.noline:hover {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}

h5 {
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
}

.red {
	color: #FF0000;
}

.green {
	color: #009900;
}

form {
	padding: 0px;
	margin: 0px;
}

.form_button {
	background-color: #ED3326;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px 8px 4px 8px;
	border: 1px solid #000000;
	font-size: 12px;
}

input, select, option, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-left: 0px;
}

p {
	padding: 0px;
	margin: 0px;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

a:link, a:visited, a:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a.black {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

a.black:hover  {
	font-family: Arial, Helvetica, sans-serif;
	color: #3399FF;
	font-weight: bold;
	text-decoration: none;
}

.clear {
	clear: both;
	height: 0px;
}

.clear-gap {
	clear: both;
	height: 16px;
}

.gap {
	height: 12px;
}

img {
	display: block;
}

#container{
	width: 1000px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	text-align: center;
	background-color: #FFFFFF;
}

#header {
	width: 2000;
	margin: 0 auto; /*Center container on page*/
	overflow: hidden;
	text-align: left;
}

#logo {
	width: 350px;
	float: left;
	text-align: left;
}

#logo-addtofav {
	width: 120px;
	float: right;
	text-align: right;
	font-size: 10px;
	color: #666666;
	padding: 42px 35px 0px 0px;
}

#logo-addtofav a:link, #logo-addtofav a:visited, #logo-addtofav a:active {	
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
}

#logo-addtofav a:hover {	
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

#header-nav {
	float: left;
	width: 466px;
	overflow: hidden;
	padding: 38px 0px 0px 0px;
	text-align: left;
}

#headernav {
	list-style-type: none;
	margin: 0;
	padding: 12px 0px 0px 0px;	
}

#headernav li {
	border-right: 1px solid #999999;
	float: left;
	padding: 0px 20px 0px 20px;
}

#headernav li.last {
	border-right: 0px solid #999999;
	float: left;
	padding: 0px 0px 0px 21px
}

#headernav li.first {
	border-right: 1px solid #999999;
	float: left;
	padding: 0px 21px 0px 0px
}

#headernav li a {
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#headernav li a:hover {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#banner {
	width: auto;
	margin: 0 auto; /*Center container on page*/
	overflow: hidden;
	text-align: left;
	background-color: #000000;
}

#banner-image {
	float: left;
	width: 623px;
}

#find-a-farrier {
	/*float: right;
	width: 377px;*/
	margin-left: 623px;
}

#find-a-farrier-title {
	background-color: #ED3326;
	text-align: center;
	padding: 12px 0px 12px 0px;
}

#find-a-farrier-search {
	background-color: #030204;
	background-image: url(images/find-a-farrier-bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
	text-align: left;
	color: #ED3326;
	font-size: 14px;
	font-weight: bold;
	padding: 22px 40px 16px 40px;
	height: 124px;
	margin: 0px;
	width: 297px;
	float: left;
}

.farrier-search-name {
	float: left;
	width: 85px;
	text-align: left;
	padding: 3px 0px 0px 0px;
}

.farrier-search-input {
	float: left;
	width: 210px;
	text-align: left;
	padding: 0px 0px 11px 0px;
}

.farrier-search-input-small {
	float: left;
	width: 30px;
	text-align: left;
	padding: 0px 0px 11px 0px;
}

.farrier-search-button {
	float: right;
	width: 100px;
	text-align: right;
	vertical-align: top;
}

.farrier-search-gap {
	clear: both;
	font-size: 10px;
}

.button {
	cursor: pointer;
}


#green_head {
	background-image: url(images/gradient_singlelineheader.jpg);
	background-repeat: repeat-x;
	padding: 9px 0px 9px 10px;
}

.green_head {
	background-image: url(images/gradient_singlelineheader.jpg);
	background-repeat: repeat-x;
	padding: 9px 0px 9px 10px;
}

#green_content_holder {
	border: 1px solid #C7E3A1;
	background-color: #EEF7E2;
	padding: 10px;
	overflow: hidden;
	width: auto;
	text-align: left;
	height: 1%;
}

.green_content_holder {
	border: 1px solid #C7E3A1;
	background-color: #EEF7E2;
	padding: 10px;
	overflow: hidden;
	width: auto;
	text-align: left;
	height: 1%;
}

#no_list_style {
	padding: 0px 0px 0px 10px;
	margin: 0px;
	list-style-type: none;
}

#no_list_style li {
	background-image: url(images/arrow-list.jpg);
	background-repeat: no-repeat;
	background-position: 0 0.6em;
	padding: 5px 0px 5px 18px;
}

.row {
	overflow: hidden;
	width: auto;
	text-align: left;
	height: 1%;
}

.row_filler {
	height: 8px;
}

#backto {
	float: right;
	width: 195px;
	text-align: right;
	vertical-align: top;
}

a.small {
	font-size: 11px;
}

a.small:hover {
	font-size: 11px;
}

#hr {
	height: 2px;
	background-color: #87C336;
}

/*******************************************************************************************************
	Content Panel
*******************************************************************************************************/

#main-wrapper {
	width: auto;
	margin: 0 auto; /*Center container on page*/
	padding: 0px 0px 0px 0px;
}

#content-wrapper {
	width: auto;
	margin: 0 auto; /*Center container on page*/
	background-color: #FFFFFF;
	text-align: left;
	padding: 27px 0px 27px 0px;
	overflow: hidden;
}


#contentcolumn{
	padding: 0px 16px 0px 16px;
	margin-left: 170px; /*Set left margin to LeftColumnWidth*/
}

#contentcolumn-withadvert {
	float: left;
	width: 640px;
	padding: 0px 0px 0px 16px;
}

#content-advert{
	margin-left: 826px;
	padding: 0px 0px 0px 16px;	
}

#content-advert-top {
	text-align: left;
	vertical-align: top;
	padding: 0px 0px 27px 0px;
}

.divider {
	height: 1px;
	background-color: #999999;
	margin: 16px 0px 16px 0px;
}

/****************************************************************************************************
	Left Column
****************************************************************************************************/

#leftcolumn{
	float: left;
	width: 170px; /*Width of left column*/
}


#left-panel {
	padding: 0px 0px 0px 20px;
}

#leftnav {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#leftnav li {
	padding: 0px 0px 16px 14px;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	background-image: url(images/nav-arrow.jpg);
	background-repeat: no-repeat;
	background-position: 0 .2em;
}

#leftnav li a, #leftnav li a:visited {
	font-size: 12px;
	color: #999999;
	font-weight: bold;

}

#leftnav li a:hover {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

#leftnav li ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#leftnav li ul li {
	padding: 8px 0px 0px 0px;
	background-image: none;
}

#leftnav li ul li a, #leftnav li ul li a:visited {
	color: #666666;
	font-weight: normal;
	font-size: 11px;
}

#leftnav li ul li a:hover {
	color: #000000;
	font-weight: normal;
	font-size: 11px;
}


#leftnav li ul li ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#leftnav li ul li ul li {
	padding: 8px 0px 0px 10px;
	background-image: url(images/nav-dash.jpg);
	background-repeat: no-repeat;
	background-position: 0 .6em;
}

#leftnav li ul li ul li a, #leftnav li ul li ul li a:visited {
	color: #666666;
	font-weight: normal;
	font-size: 11px;
}

#leftnav li ul li ul li a:hover {
	color: #000000;
	font-weight: normal;
	font-size: 11px;
}

#left-logo-holder {
	text-align: left;
	padding: 16px 0px 0px 0px;
}

.left-logos-one {
	width: 72px;
	float: left;
	text-align: left;
	vertical-align: top;
}

.left-logos-two {
	width: 72px;
	float: right;
	text-align: left;
	vertical-align: top;
}

/***************************************************************************************************
	Footer
***************************************************************************************************/

#footer-wrapper {
	background-color: #030204;
	width: auto;
	margin: 0 auto;
	text-align: left;
	font-size: 10px;
	padding: 12px 28px 12px 28px;
	clear: both;
	background-image: url(images/footer-bg.jpg);
	background-repeat: repeat-x;
	background-position: top center;
}

#footer-contact {
	padding: 13px 0px 0px 0px;
	float: left;
	width: 310px;
	text-align: left;
	color: #FFFFFF;
	font-size: 12px;
}

#footer-contact a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer-contact a:hover {
	color: #ED3326;
	text-decoration: none;
}

#footer-fandf {
	padding: 0px 0px 0px 0px;
	float: left;
	width: 90px;
	text-align: left;
}

#swc {
	padding: 13px 0px 0px 0px;
	float: right;
	width: 230px;
	text-align: right;
}

#swc a {
	font-size: 11px;
	color: #ED3326;
	text-decoration: none;
	font-weight: normal;
}

#swc a:hover {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}

#footernav-wrapper {
	float: left;
	width: 300px;
	text-align: left;
	padding: 13px 0px 0px 0px;
}

#footernav {
	margin: 0;
	padding: 0px 0px 8px 32px;
	white-space: nowrap;
}

#footernav li {
	display: inline;
	list-style-type: none;
}

#footernav li.first {
	background-image: none;
}

#footernav a, #footernav a:visited { 
	padding: 0px 8px 0px 15px; 
	text-transform: lowercase;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
}

#footernav a.first {
	padding: 0px 8px 0px 0px;
}

#footernav a:hover {
	text-transform: lowercase;
	color: #ED3326;
	font-size: 12px;
	font-weight: normal;
}


.clear_footer {
	clear: both;
	height: 0px;
	background-color: #FFFFFF;
	height: 1px;
}

/*******************************************************************************************************
	Tables
*******************************************************************************************************/

.fullborder {
	background-color: #F0F0F0;
	padding: 12px 12px 12px 12px;
	border: 1px solid #D1D1D1;
}

.fullborder-white {
	background-color: #FFFFFF;
	padding: 12px 12px 12px 12px;
	border: 1px solid #D1D1D1;
}

.table-header {
	background-color: #ED3326;
	font-size:13px;
	font-weight: bold;
	padding: 12px 12px 12px 12px;
	color: #FFFFFF;
}
.table-header a {
	color:#FFFFFF;
}
.table-header a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.table-cell {
	background-color: #F0F0F0;
	padding: 12px 12px 12px 12px;
	border-left: 1px solid #D1D1D1;
	border-right: 1px solid #D1D1D1;
	border-bottom: 1px solid #D1D1D1;
}


/*******************************************************************************************************
	Home Page
*******************************************************************************************************/

#home_wrapper {
	overflow: hidden;
	width: auto;
	height: 1%;
}

#home_left_panel {
	float: left;
	width: 410px;
	text-align: left;
	vertical-align: top;
}

.home_feature_box_left {
	float: left;
	width: 201px;
	margin: 0px 8px 0px 0px;
	text-align: left;
	vertical-align: top;
}

.home_feature_box_right {
	float: left;
	width: 201px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	vertical-align: top;
}

#home_which_trailer {
	background-image: url(images/whichtrailer-small.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 0px 70px 0px 0px;
}

#home_towing_vehicle {
	background-image: url(images/landrover-small.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding: 0px 50px 0px 0px;
	height: 75px;
}

#home_right_panel {
	margin-left: 422px;
	text-align: left;
	vertical-align: top;
}

#home_secondhand_top {
	background-image: url(images/second-hand-top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	height: 12px;
}

#home_secondhand_top_content {
	background-image: url(images/second-hand-top-content.jpg);
	background-repeat: repeat-y;
	background-position: top;
	text-align: center;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	color: #6C5735;
	padding: 0px 12px 12px 12px;
}

#home_secondhand_content {
	background-image: url(images/second-hand-content.jpg);
	background-repeat: repeat-y;
	background-position: top;
	text-align: left;
	vertical-align: top;
	padding: 12px 12px 0px 12px;
	font-size: 11px;
}

#home_secondhand_content a {
	font-size: 11px;
}


#home_secondhand_content a:hover {
	font-size: 11px;
}

#home_secondhand_bottom {
	background-image: url(images/second-hand-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	height: 14px;
}


	
/***************************************************************************************************
	Advertise your business
***************************************************************************************************/

#advertise_business {
	border: 1px solid #C7E3A1;
	background-color: #EEF7E2;
	padding: 10px;
	overflow: hidden;
	width: auto;
	text-align: left;
	height: 1%;
}

.advertise_business {
	border: 1px solid #C7E3A1;
	background-color: #EEF7E2;
	padding: 10px;
	overflow: hidden;
	width: auto;
	text-align: left;
	height: 1%;
}

.advertise_row {
	overflow: hidden;
	width: auto;
	text-align: left;
	height: 1%;
}

.advertise_field {
	float: left;
	width: 180px;
	padding: 4px 12px 4px 0px;
	vertical-align: top;
	text-align: left;
}

.advertise_field_input {
	margin-left: 192px;
	text-align: left;
	vertical-align: top;
	padding: 4px 0px 4px 0px;
}

.advertise_field_large {
	float: left;
	width: 200px;
	padding: 4px 12px 4px 0px;
	vertical-align: top;
	text-align: left;
}

.advertise_field_large_input {
	margin-left: 216px;
	text-align: left;
	vertical-align: top;
	padding: 4px 0px 4px 0px;
}

.advertise_field_totals {
	float: left;
	text-align: right;
	width: 150px;
	vertical-align: top;
}

#advertise_head {
	background-image: url(images/gradient_singlelineheader.jpg);
	background-repeat: repeat-x;
	padding: 9px 0px 9px 10px;
}

.advertise_head {
	background-image: url(images/gradient_singlelineheader.jpg);
	background-repeat: repeat-x;
	padding: 9px 0px 9px 10px;
}

#advertise_directory_holding {
	overflow: hidden;
	width: auto;
	text-align: left;
	height: 1%;
	border: 1px solid #6C5735;
	background-color: #FFFFFF;
	margin: 12px;
}

#advertise_directory_head {
	overflow: hidden;
	width: auto;
	text-align: left;
	height: 1%;
	background-color: #E0DBD4;
	padding: 10px;
}

#advertise_directory_content {
	overflow: hidden;
	width: auto;
	text-align: left;
	height: 1%;
	background-color: #FFFFFF;
	padding: 10px 35px 10px 35px;
}

#listing_image {
	float: right;
	width: 170px;
	padding: 0px 0px 0px 12px;
	vertical-align: top;
	text-align: right;
}


/***************************************************************************************************
	Directory
***************************************************************************************************/


#result_holder {
	overflow: hidden;
	width: auto;
	text-align: left;
	height: 1%;
	padding: 12px 0px 0px 0px;
}

#search_error {
	overflow: hidden;
	width: auto;
	text-align: left;
	height: 1%;
	padding: 4px 0px 4px 0px;
}


#loader {
	overflow: hidden;
	width: auto;
	text-align: center;
	height: 1%;
	padding: 12px 0px 12px 0px;
}

#loader-image {
	width: 280px;
	margin: 0 auto;
	text-align: center;
}

#map_holder {
	overflow: hidden;
	width: auto;
	text-align: left;
	height: 1%;
	margin: 12px 0px 0px 0px;
	border: 1px solid #000000;
}

.results {
	border: 1px solid #000000;
	background-color: #FFFFFF;
	padding: 0px;
	overflow: hidden;
	width: auto;
	text-align: left;
	height: 1%;
}

.results_header {
	background-color: #CCCCCC;
	padding: 12px;
	overflow: hidden;
	width: auto;
	height: 1%;
}

.results_content {
	background-color: #FFFFFF;
	padding: 12px;
}

.results_image {
	float: right;
	width: 170px;
	padding: 0px 0px 12px 12px;
	vertical-align: top;
	text-align: right;
}



#pagination_holder {
	overflow: hidden;
	width: auto;
	text-align: right;
	height: 1%;
	padding: 9px 0px 9px 0px;
}

#pagination_elements {
	float: right;
}

.pagination_element {
	padding: 5px;
	border: 1px solid #000000;
	text-decoration: none;
	background-color: #ED3326;
	color: #FFFFFF;
	cursor: pointer;
	margin: 3px 3px 3px 3px;
	float: left;
	font-weight: bold;
}

.pagination_element_holder {
	float: left;
}

.pagination_element_solid {
	padding: 5px;
	border: 1px solid #ED3326;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #ED3326;
	margin: 3px 3px 3px 3px;
	float: left;
	font-weight: bold;
}

#search_noofrecords {
	float: left;
	padding: 9px 0px 9px 0px;
}

.search_distance {
	float: right;
	width: 190px;
	color: #FF0000;
	font-size: 11px;
	text-align: right;
	padding: 5px 0px 0px 0px;
}




.moreinformation {
	float: right;
	text-align: right;
	padding: 0px 0px 12px 0px;
}

.commended-holder {
	text-align: center;
	vertical-align: top;
}

.commended-holder .icon {
	float: left;
	text-align: left;
	vertical-align: top;
}

.commended-holder .link {
	float: left;
	text-align: center;
	vertical-align: top;
	padding: 6px 0px 0px 12px;
}

.commended-holder .link a {
	color: #FF0000;
}

.commended-holder .link a:hover {
	color: #000000;
}

.backtosearch {
	float: right;
	text-align: right;
	padding: 9px 0px 0px 0px;
}



/***************************************************************************************************
	Farrier in Detail
***************************************************************************************************/



#farrier_image_holder {
	width: 280px;
	float: right;
	padding: 0px 0px 16px 16px;
}

#loadarea {
	width: auto;
	padding: 0px 0px 12px 0px;
}

#farrier_image_thumbnails {
	width: auto;
	overflow: hidden;
	height: 1%;
	text-align: right;
	vertical-align: top;
}

.farrier_image_thumb {
	width: 59px;
	margin: 0px 0px 16px 12px;
	border: 1px solid #999999;
	float: right;
	text-align: center;
}

.farrier_image_last {
	width: 59px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #999999;
	float: right;
	text-align: center;
}

.farrier_holder {
	overflow: hidden;
	width: auto;
	text-align: left;
	height: 1%;
	padding: 0px 0px 12px 0px;
}

.farrier_title {
	float: left;
	width: 170px;
	vertical-align: top;
	text-align: left;
}

.farrier_content {
	margin-left: 170px;
	vertical-align: top;
	text-align: left;
}


#farrier_content_notitle_surround {
	background-color: #F0F0F0;
	padding: 12px 12px 12px 12px;
	border: 1px solid #D1D1D1;
	text-align: left;
}

#farrier_multi {
	background-color: #F0F0F0;
	padding: 12px 12px 12px 12px;
	border: 1px solid #D1D1D1;
	text-align: center;
}

#farrier_commended {
	background-color: #FFFFFF;
	padding: 12px 12px 12px 12px;
	border: 1px solid #333333;
	text-align: left;
	vertical-align: top;
	margin: 12px 0px 0px 0px;
}

#farrier_commended .header {
	text-align: left;
	vertical-align: middle;
	padding: 0px 0px 0px 12px;
	background-color: #FFFFFF;
}

#farrier_commended .header h5 {
	font-size: 16px;
}


/*******************************************************************************************************

Admin

********************************************************************************************************/

.row0 {
	background-color: #FFFFFF;
}

.row1 {
	background-color: #F0F0F0;
}


.head {
	background-color: #ED3326;
	padding: 10px 10px 10px 10px;
}

.header {
	background-color:#CCCCCC;
}

.tb_border {
	border: 1px solid #D1D1D1;
}

.tb_border th {
	background-color: #ED3326;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
}

.sortlist {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;
	width: 250px;
}

.sortlist li {
	border: 1px solid #CCCCCC;
	padding: 10px;
}

.sortlist li ul {
	padding: 0px 0px 0px 18px;
	margin: 0px;
}

.sortlist li ul li {
	border: 0px solid #CCCCCC;
	padding: 0px;
}

.small-grey {
	font-size: 11px;
	color: #999999;
}