/* ===================================================
// ---------------------------------------------------
// Directory
// This stylesheet should only contain styles related
// to the directory pages. Everything should be in a
// clean order with generic styles, followed by
// classes, id's then page specific. Nothing else
// should be in the stylesheet.
// ---------------------------------------------------
=================================================== */

/*
// ---------------------------------------------------
// GENERIC
// ---------------------------------------------------
*/

/* -----------------------
// Classes
----------------------- */

/* Utilities */
.floatright { float:right; margin-left:10px; }
.floatleft { float:left; margin-right:10px; }
.ValidateForm .button { margin-left: 120px; }

/* Error messages */
.errorbox_large p { margin: 10px 0 0; }
.text.errorbox { border-color: #DF0038; }

/* Toggle open/close */
.envelope { display: block; }
.opener { background:url(/magazine/graphics/border_dotted.gif) repeat-x top; margin: 10px 0 0; padding-top:14px; }
	.opener a { background:url(/magazine/graphics/opener.gif) 0 -17px no-repeat; padding-left:16px; font-weight:bold; color: #000; }
	.opener.open a { background-position: 0 6px; }

/* Promotion video */
.promovideo h2 { border-bottom: 3px solid #666; }
	.promovideo h3 { font-weight:bold; }

/* Refine by */
.refineby { padding:10px 15px 15px; background-color: #eee; }
.refineby .envelope { clear:left; }
.refineby ul { margin:0; padding:0; min-height: 0; }
	.refineby ul:after { content:"."; visibility:hidden; height:0; display:block; clear:both; }
		.refineby ul li { float:left; width:140px; margin-right:10px; font-weight:bold; padding-bottom:2px; padding-left: 0; background: none; }
		.refineby ul li.selected { color: #973333; }
		.refineby ul li.row_start { clear:both; }
			.refineby ul li a { color:#000; }

.keywordsearch { padding-bottom:10px; }
.submitfield { background:url(/magazine/graphics/border_dotted.gif) repeat-x top; padding:13px 0 0; }

/* A-Z lists */
#az_items h2 { float: none; }
#az_items .column { width:220px; }
#az_items ul { margin:15px 13px 15px 0; padding:0; }

/* Misc module */
.misc { margin-bottom:25px; font-family: Arial, Helvetica, sans-serif; }
	.misc h2 { margin: 0; padding-bottom: 4px; border-bottom: 3px solid #666; font-weight: bold; font-size: 1.154em; text-transform: uppercase; }
	.misc .additional { border-top: 3px solid #fff; line-height: 16px; }

.misc dl { min-height: 0; }
.misc dl:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
	.misc dl a { text-decoration:underline; }
	.misc dl a:hover { text-decoration:none; }
		.misc dt { font-weight:bold; width:95px; float:left; clear:left; margin-right:10px; padding-bottom:5px; }
		.misc dd { width:160px; float:left; margin-left:0; padding-bottom:5px; }

/* Options / Job options */
.options, .job_options { padding:5px 0; margin:15px 0; font-family: Arial, Helvetica, sans-serif; }
	.options ul, .job_options ul { padding: 3px; margin:0; border:1px solid #ccc; min-height: 0; }
	.options ul:after, .job_options ul:after { content:"."; clear:left; display:block; height:0; visibility:hidden; }
		.options li, .job_options li { float:left; padding-right:10px; padding-left:0; margin-right:11px; background:none; border-right:1px solid #ccc; }
			.options li a { background:url(/magazine/graphics/buttons/b_advertisehere.gif) no-repeat left; padding-left:20px; }
				.options li.first a { background-image:url(/magazine/graphics/buttons/b_getlisted.gif); }
				.options li.last { float:right; background:none; margin-right:0; padding-right:0; border:none; }
					.options li.last a { background-image:url(/magazine/graphics/buttons/b_amendentry.png); }
	.options a, .job_options a { font-size:.846em; display:block; padding:1px 0 3px 20px; color: #000; background-repeat:no-repeat; background-position:left; }
		.options a:hover, .job_options a:hover { text-decoration:underline; }
.job_options a.po_email { background-image:url(/magazine/graphics/buttons/b_send.gif); }
.job_options a.po_print, .listing_sleeve a.po_print { background-image:url(/magazine/graphics/buttons/b_print.png); }

/* Button container */
.buttoncontainer { min-height: 0; }
.buttoncontainer:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
	.buttoncontainer .floatright { float:left; margin:0; }
	.buttoncontainer .floatleft { display:none; }

/* -----------------------
// ID's
----------------------- */
#ddlOptions { margin-left:120px; }

/*
// ---------------------------------------------------
// PAGE SPECIFIC
// ---------------------------------------------------
*/

/* -----------------------
// Browse categories
----------------------- */
#directory_categories .column { width:228px; float:left; margin-right:10px; padding-bottom:20px; }
#directory_categories .last { margin-right:0; }
	#directory_categories #az_items { border-top: 1px solid #666; margin-top: -1px; padding-top: 15px; }
		#directory_categories #az_items h2 { clear:left; color: #000; font-size:1.385em; line-height: 18px; margin: 0 0 15px; width: auto; }

/* -----------------------
// Company details
----------------------- */
.companybranding { padding: 15px 0; }
.description { font-family: Arial, Helvetica, sans-serif; }

/* Details module */
.detailscontainer { margin-bottom:25px; font-family: Arial, Helvetica, sans-serif; }
	.detailscontainer h2 { margin: 0; border-bottom: 3px solid #666; font-weight: bold; font-size: 1.154em; text-transform: uppercase; }
		.detailssleeve ul { margin:0 0 2px; padding:4px 0 5px; font-weight:normal; background: url(/magazine/graphics/border_dotted.gif) repeat-x bottom; }
		.detailssleeve li { background:none; padding-left:0; margin-bottom:5px; line-height:15px; min-height:0; }
		.detailssleeve li:after { content:"."; visibility:hidden; height:0; display:block; clear:both; }
			.detailssleeve .detail { float:left; width:10em; font-weight:bold; color:#000; }
			.detailssleeve .info { float:left; }
				.detailssleeve .info a { word-wrap: break-word; }
			.detailssleeve .furtherdetail { padding:0 0 5px; }
			.detailssleeve .contact { display:block; width:168px; height:25px; background:url(/magazine/graphics/buttons/b_contact_company.gif) no-repeat; margin-top:10px; }
				.detailssleeve .contact span { position:absolute; left:-9999px; }

/* -----------------------
// Directory home
----------------------- */
#directoryHome .formbox h2 { margin-top: 15px; }
#directoryHome #az_list { border: 0; margin-top: 0; padding: 10px; background-color: #eee; }
	#directoryHome #az_list ul { padding: 0; }
		#directoryHome #az_list ul li { margin-right: 5px; margin-bottom: 0; font-weight:bold; font-size: 1em; }
			#directoryHome #az_list ul li a { color: #000; }
.hybrid_cell p { margin:0 0 10px; font-family: Arial, Helvetica, sans-serif; }

/* -----------------------
// Get listed
----------------------- */
#getListedAmend #content .formbox form h2 { border-top: 15px solid #fff; margin:0 -7px 10px; font-size: 1em; background-color: #fff; }
#getListedAmend #content .formbox fieldset { padding-bottom: 20px; }

/* -----------------------
// Search results
----------------------- */
/* Search block - TAB */
#directorySearchResults .tab_block li.current h2 a { background-color: #eee; }
#directorySearchResults .oraganisationalSearch .formbox { margin-bottom: 0; }

/* Organisations A-Z block - Tab */
/* tab width added at the request of client */
.oraganisationalSearch h2 { width: 150px; }
	.oraganisationalSearch h2 a { height: 35px; }

#directorySearchResults #az_list { border: 0; margin-top: 0; padding: 10px; background-color: #eee; }
	#directorySearchResults #az_list ul { padding: 0; }
		#directorySearchResults #az_list ul li { margin-right: 5px; margin-bottom: 0; font-weight:bold; font-size: 1em; }
			#directorySearchResults #az_list ul li a { color: #000; }

.searchresults ul { padding:0; margin:0; }
.searchresults h3 { margin:0 0 8px; color:#000; font-size:1.384em; line-height:18px; padding-bottom:4px; }
	.searchresults h3 a { color:#000; }
		.searchresults h3 img { float:left; margin:4px 10px 10px 0; }
.searchresults p { margin:0 0 10px; }
.searchresults li { margin:0 0 15px; min-height: 0; }
.searchresults li:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
	.searchresults li p.more { background-color: transparent; }
		.searchresults li p.more a { text-decoration: none; }
		.searchresults li p.more a:hover { text-decoration: underline; }

.searchresults li.gold { padding:6px 13px; background-color: #eee; background-image: none; }
.searchresults li.silver { border:1px solid #666; padding:6px 13px; background-image: none; }
.searchresults li.bronze, .searchresults li.free { margin:0; padding-left: 20px; background-position:4px 6px; }