/*
========
LAYOUT
========
*/
.section_column1 {width: 483px;}

/*
========
CLASSES
========
*/

.floatright, .right {float: right; margin-left: 10px;}
.floatleft, .left {float: left; margin-right: 10px;}
.rowclear, .row_start, .envelope {clear: left;}
.hide {position: absolute; left: -9999px;}
.relatedfiles {margin-top: 15px;}
.relatedfiles .relatedfiles_sleeve p {color: #646464; font-size: 1em;}

.opener {border: solid #fff; border-width: 1px 0; margin:0 0 10px; padding: 6px 0; }
.opener a {background-repeat: no-repeat; background-position: left center; padding-left: 12px; }
.open a {background-image: url(/magazine/graphics/showless.png);}
.closed a {background-image: url(/magazine/graphics/plus.png);}
.js-enabled .envelope { display: none; }
.keywordsearch+.envelope {display: block;}

.hybrid_cell {background: none; margin: 20px 0; padding:0;}
.extras { border:0; background: #ECE9D8; }
.relatedfiles .relatedfiles_sleeve li {background: none;}
.storytext .formbox a:hover {background-color: transparent; text-decoration: underline;}
.synopsis p {color: #646464; font: bold 1em/17px Arial, Helvetica, sans-serif;}
.formbox h2 {padding: 5px 0 8px;}
.byRegion .selected { font-weight: bold; }
.additional { font-size: 1.167em; line-height: 18px; margin: 18px 0; }
.misc .additional { font-size: 1em; margin: 10px 0 0; }


/*
========
IDS
========
*/
#organisatonTypes {float: left; margin-right: 10px;}
#highlight {margin:0 0 10px;}
#highlight #searchpages { display: block; font-weight: normal}
#highlight #searchpages span {font-weight: normal;}

#az_list {border:0; padding-bottom: 5px;}
#az_list ul {padding: 0;}
#az_list li {margin-right:4px;}

.az_items {background: #F5F4EB; padding: 10px; border: solid #E0DDBB; border-width: 0 1px 1px; min-height:0; _zoom:1;}
.az_items:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
.az_items h2 { padding: 10px 0; margin: 0; font-size:42px; line-height: 52px; }
.az_items li {margin-bottom: 5px;}
.az_items li a {background: none;}
.az_items li a:hover {text-decoration: underline;}

.directory #content h1 {margin-bottom: 10px; clear: both; }
.directory .section_column2 .editorial img { border-bottom:0 none; border-right:1px solid #FFF; }
.directory .synopsis p {font-size: 1.077em; line-height: 18px; color: #666;}
.border {background:url(/magazine/graphics/line_br_grey.png) repeat-x top; padding-bottom: 0; padding-top: 18px;}
.buttoncontainer {margin: 15px 0; clear: both; zoom:1;} /*:hack: ie6+7 clear floats*/
.buttoncontainer:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
#locationContainer:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
#locationContainer {padding: 10px 15px 15px; margin: 20px -15px 0; background: url(/magazine/graphics/bottomnav_bg.png) repeat-x top; border-bottom: 1px solid #b9d7f8}
#locationContainer {zoom:1} /*:hack: ie6+7 floats layout fix - haslayout*/
#locationContainer .location {float: left; width: 150px; line-height: 17px; border-right: 1px solid #b9d7f8; border-left: 1px solid #fff; padding-left: 10px}
#locationContainer .location.first {border-left:0; padding-left:0}
.location ul {padding:0 0 0 15px; margin:0; color: #4d9ee0;}
.location ul a {color: #4d9ee0;}
.location h4 {margin:0 0 10px; color: #3078c2; font-weight: bold; font-size: 1em; font-family: Tahoma, Arial, Helvetica, sans-serif;}

/* Directory home search */
.byRegion ul {padding-left:0; min-height:0; _zoom:1; } /*:fix: alternative to haslayout*/
.byRegion ul:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
.byRegion li {float: left; width: 132px; margin-right: 10px; margin-bottom: 10px;}
.byRegion li a {background: none;}

.formlarge, .formbox .formlarge {width: 57%}
.formbox select.formlarge {width: 58%;}
	#directoryHome .formbox form .envelope { display: block; }

/* Most visited */
.most_visited { border:solid 1px #D8D4AA; min-height:1px; padding:10px 10px 2px; margin:20px 0; zoom:1}/* :hack:float enclosing */
.most_visited:after { content:"."; clear:both; display:block; height:0; visibility:hidden; } /* :hack:float enclosing */
.most_visited H2 { color:#646464; text-transform:uppercase; font: bold 1em/12px Arial, Helvetica, sans-serif; margin:0 0 10px;}
.most_visited UL { margin:0; padding:0;}
.most_visited LI { margin:0; padding:0; float:left; width:230px; background:url(/magazine/graphics/bg_border_dotted.gif) repeat-x left top}
.most_visited LI H3 { margin:0; padding:0; font-size:0.917em;}
.most_visited LI H3 A { background:url(/magazine/graphics/arrow_bitmap_red.gif) no-repeat 5px; color:#666; padding:8px 10px 8px 15px; display:block}
.most_visited LI H3 A:HOVER { text-decoration:underline; background-color: transparent}

/*featured companies*/
.featured .colour2 {padding-right:0; padding-left:0; background-color: transparent;}
.featured .colour2 .sectionhead {margin-right:0; margin-left:0;}
.featured .featuredsleeve * {margin:0; padding:0; line-height: 18px;}
.featured .featuredsleeve img {float: left; margin-right: 10px;}
.featured .featuredsleeve h3 {font-size: 1.154em;}
.featured .featuredsleeve div {padding: 10px; margin-bottom: 10px; background-color: #F5F4EB; zoom:1;} /*:hack: ie6+7 clear floats*/
.featured .featuredsleeve div:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
.featured .featuredsleeve p, .searchresults li p { padding-top: 5px; line-height: 15px;}
.featured p.more {text-align: left; float: left;}
.featured p.more, .searchresults li p.more {margin-top: 5px; text-align: left;}
.featured p.more a, .searchresults p.more a {background: url(/magazine/graphics/arrow.gif) no-repeat left; padding-left: 10px; color: #333}

/*search results for companies*/

	/*tabbed search styles*/
	.tab_block li h2 a {font-weight :bold;}
	.active_block, .tab_block li.current h2 a, .tab_block li.current h2 a:hover {background: #F5F4EB;}
	.active_block .formbox {border: solid #E0DDBB; border-width: 0 1px 1px;}
	#content .formbox .formbox_sleeve {padding-top: 10px; border: 1px solid #D8D4AA; }
	.oraganisationalSearch .byRegion li {width: 125px; }
	.oraganisationalSearch .byRegion .opener {padding-left: 10px;}
	.oraganisationalSearch #az_list ul {border:0; padding: 15px 10px 5px;}
	#directorySearchResults #content .formbox .keywordsearch .button {margin:0}

.searchresults ul, .searchresults li * {margin:0; padding:0;}
.searchresults li {list-style:none; padding: 10px; margin-bottom: 10px; line-height: 18px; background: none; zoom:1;}
.searchresults li:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
.searchresults img {float: left; margin-right: 10px;}
.searchresults h3 {font-size: 1.333em; line-height: 18px;}
.searchresults h3 a {background: none;}
.searchresults h3 a:hover {background: none; text-decoration: underline;}
.searchresults li.gold {background-color: #ece9d8;}
.searchresults li.silver {background-color: #f5f4eb;}
.searchresults li.bronze {border: 1px solid #ece9d8;}
.searchresults li.free {margin-bottom:0; padding-bottom:5px;}
.searchresults li.free h3 a {background: url(/magazine/graphics/arrow.gif) no-repeat 0 6px; padding-left: 10px; color: #333;}

.goldcontainer {margin: 15px 0;}

.directory .section_twocolumn {zoom:1;}
.directory .section_twocolumn:after{content:".";visibility:hidden;height:0;display:block;clear:both}

/*promo video*/
.promovideo { border:0; background:#ECE9D8;}
.promovideo h2 {padding-bottom: 8px;}
.promovideo .embed { padding:10px 0; margin-bottom:0;}
.promovideo .embed p { padding: 0; margin: 0; line-height: 0;}
.promovideo .embed object, .promovideo .embed embed { display: block; width: 297px; height: 245px;}
.promovideo .sleeve h1, .promovideo .sleeve h2, .promovideo .sleeve h3, .promovideo .sleeve h4, .promovideo .sleeve h5 { padding:8px 0 5px; margin:0; color:#646464; font: bold 1em/14px Arial, Helvetica, sans-serif; text-transform: uppercase; }
#content .promovideo .sleeve h1 {margin:0pt 10px;}
.promovideo p { margin:0; padding:2px 0 10px; display:block; color:#333; font-size:1em; line-height: 18px; }

.detailscontainer {background-color: #ECE9D8; margin-bottom: 15px; padding: 10px; font-weight: normal; }
.detailscontainer a {background: none; text-decoration: underline;}
.detailscontainer a:hover {text-decoration: none;}
.detailscontainer h2 {color: #646464; font-weight: bold; font-size: 1em; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0}
.detailssleeve ul {margin:0; padding:10px 0; list-style: none; border-bottom:solid 1px #fff;}
.detailssleeve li {background: none; padding-left:0; margin-bottom: 5px; min-height:0; _zoom:1; }
.detailssleeve li:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
.detailssleeve .detail {float: left; width: 10em; font-weight: bold;}
.detailssleeve .details {font-weight: normal}
.detailssleeve .info {float: left;}
.detailssleeve .furtherdetail { padding: 0 0 5px}
.detailssleeve .furtherdetails { color:#000;}
.detailssleeve .furtherdetails a { color:#000;}
.detailssleeve .contact { display:block; width:66px; height:25px; background:url(/magazine/graphics/buttons/b_contact.png) no-repeat top; margin-top: 10px;}
.detailssleeve .contact:hover { background-position: bottom;}
.detailssleeve .contact span { position:absolute; left:-9999px;}

.options, .job_options { background: #ECE9D8; padding:5px; margin:15px 0; zoom:1; /*:hack: ie6 haslayout fix*/ }
.options ul, .job_options ul { list-style:none; padding:0; margin:0; zoom:1; /*:hack: ie6+7 haslayout fix*/ }
.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; margin-right:5px; background: url(/magazine/graphics/page_options_divider.gif) no-repeat right; }
.options li a {background: url(/magazine/graphics/buttons/b_advertisehere.png) no-repeat left; padding-left: 20px;}
.options li.first a {background-image: url(/magazine/graphics/buttons/b_getlisted.png);}
.options li.last a {background-image: url(/magazine/graphics/buttons/b_amendentry.png);}
.options li.last { float: right; background: none; margin-right:0; padding-right:0;}
.options a, .job_options a { font-size:.917em; display:block; padding:1px 0 1px 20px; background-repeat:no-repeat; background-position:left; }
.options a:hover, .job_options a:hover {text-decoration: underline;}
.job_options li.last { display: none; }
.job_options .po_print { background-image:url(/magazine/graphics/icons/print.gif); }
.job_options .po_email { background-image:url(/magazine/graphics/icons/email.gif); }
.job_options a.po_print, .listing_sleeve a.po_print { background-image:url(/magazine/graphics/buttons/b_print.gif); }

/*extra information block*/
.misc { background-color: #ECE9D8; padding: 10px; margin-bottom: 15px; }
.misc h2 {color: #646464; font-weight: bold; font-size: 1em; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; margin: 0;}
.miscsleeve * {margin:0; padding:0;}
.miscsleeve dl {margin:0; line-height: 20px;}
.miscsleeve dt {font-weight: bold; float: left; width: 9em; }
.miscsleeve dd {margin-left: 10em; _height: 1%;} /*:HACK: for ie6 only - fix for 3px jogging text */
.miscsleeve dd a {background: none; text-decoration: underline}
.miscsleeve dd a:hover {text-decoration: none;}
.miscsleeve p {font-size: .846em; line-height: 13px; margin-bottom: 10px;}

.miscsleeve ul {list-style: none;}
.miscsleeve li.odd {margin-right: 30px;}
.miscsleeve li {display:inline-block; width: 200px; vertical-align: top; margin-bottom: 15px;}
.miscsleeve li a {background:none}

/*styles for ff2*/
.miscsleeve li {display:-moz-inline-box; -moz-box-orient:vertical; display:inline-block; vertical-align:top; word-wrap:break-word;}
.miscsleeve li > * { display:table; table-layout:fixed; width:200px; overflow:hidden; }

/*style for ie7+6*/
* html .miscsleeve li {display:inline;}
*:first-child+html .miscsleeve li {display:inline;}

.miscsleeve li h3 {font-size: .923em; line-height: 14px; margin-top: 5px;}
.miscsleeve li h3 a {background: url(/magazine/graphics/arrow.gif) no-repeat 0 3px; padding-left: 10px; display: block}
.miscsleeve li h3 a:hover {text-decoration: underline}

/*label width for form*/
.formbox .field label, .formbox .field .label {width: 108px; margin-right: 5px;}
.formbox .field div {margin-left: 110px; color: #666;}
.formbox .field div label input {margin-left:0;}
#content .formbox .button  {margin-left: 118px;}

/*search block right col*/
.directory .advancedSearch ul { border: 0; }

/*======= JS DISABLED STYLES =======*/
.directory .active_block h2 {background: none; border:0; font-family: Georgia,"Times New Roman",Times,serif; font-size: 1.54em; text-transform: none; text-align: left; width: auto; position: static; padding:0; margin: 12px 0; color: #0059b3;}

/* ======= PAGE SPECIFIC STYLES ======== */
/*company details + packages*/
.description {background: url(/magazine/graphics/branding.gif) no-repeat bottom }
.companybranding {margin: 2px 0 15px;}
#companyDetails .storytext, #companyPackages .storytext {margin-bottom: 50px;}
#companyDetails h1, #companyPackages h1 {margin-top:0;}

/* LISTED AMEND */
.job_options li.last.search {display: block; float: right; background: none; margin-right:0;padding-right:0;}

/* CONTACT US */
#ddlOptions {margin-left: 118px;}
* html #ddlOptions {margin-left: 121px;}

/* DIRECTORY HOME */
#directoryHome #content .formbox .button {margin-left:0;}
#directoryHome #content .formbox .submitfield .button {margin-left: 118px;}
#directoryHome .keywordsearch div.last { display: none; }

/* SEARCH RESULTS */
#directorySearchResults #content .formbox .formbox_sleeve {border:0;}
#directorySearchResults #content .formbox .button {margin-left: 118px; }
#directorySearchResults #organisatonTypes {margin-bottom: 10px;}
.js-enabled#directorySearchResults .byRegion {padding-bottom: 10px; border: solid #E0DDBB; border-width: 0 1px 1px}
.js-enabled#directorySearchResults .byRegion ul {border:0; padding-left: 10px;}
.js-enabled#directorySearchResults .byRegion .opener {margin: 0 10px;}
.js-enabled#directorySearchResults #az_list {padding-bottom:0;}
.js-enabled#directorySearchResults #az_list_sleeve ul {border: solid #E0DDBB; border-width: 0 1px 1px;}

/* AZ PAGES */
#az_companies #az_list, #az_companiesall #az_list {background: #F5F4EB; padding: 10px 10px 0; border: solid #E0DDBB; border-width: 0 1px;}

.az_items { min-height: 0; _zoom: 1; } /* ie7 haslayout fix & ie6 haslayout fix */
.az_items:after {content:"."; visibility:hidden; height:0; display:block; clear:both;}
.az_items .column { float: left; width: 220px; padding-right: 5px; }
.az_items ul { margin-top: 0; _zoom: 1; } /* :hack: IE6 - stops container jumping on hover of lists */

/* COMPANY DETAILS */
#companyDetails .section_column1 p { font-size: 1.167em; line-height: 18px; }
#companyDetails #content .formbox .formbox_sleeve {border:0; padding:0;}

/* COMPANY PACKAGES */
#companyPackages #content .formbox .formbox_sleeve {border:0; padding:0;}

/* DIRECTORY CATEGORIES */
#directory_categories .az_items h2 { font-size: 1.677em; line-height: 22px; }
#directory_categories .az_items .column { display: inline-block; width: 220px; vertical-align: top; margin-right: 10px; }
#directory_categories .az_items .column.last { margin-right: 0; }
#directory_categories .az_items .column { #display: inline } /* for IE7+6 - this must be kept separate */

/* GET LISTED / AMEND ENTRY */
#Directory_listedAmend .formbox form h2 { margin-top: 10px; }
#Directory_listedAmend .formbox .formbox_sleeve { border: 0; padding-left: 0; padding-right: 0; background-color: transparent; }
#Directory_listedAmend .formbox .formbox_sleeve fieldset { border: 1px solid #d8d4aa; padding-left: 10px; padding-right: 10px; background-color: #f5f4eb; }
#Directory_listedAmend .formbox .formbox_sleeve fieldset .alert { padding-top: 10px; }
