/* Spiritual Marketing Directory CSS */

body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Times New Roman', Times, serif;
	color: #000000;
	font-size: 14px;
	line-height: 16px;
	margin: 9px 0px; border: 0px; padding: 0px;
	background-color: #FFFFFF;
}

/*  Wrapper divs */
#wpr1 {/* Outer wrapper for border */
	position: relative;
	width: 961px;
	margin: 0 auto;
	border: 0; padding: 0;
	background-color: #90ABBC; /* Site border */
}
#wpr2 {/* Inner wrapper */
	position: relative;
	width: 959px;
	top: 1px; left: 1px;
	margin: 0; border: 0; padding: 0;
	background-color: #FFFFFF; /* Site border */
}

/* Header divs */
#hd {
	position: relative;
	margin: 0; border: 0; padding: 0;
	left: 0; top: 0;
	width: 959px;
	height: 158px;
	background-color: #FFFFFF;
}

#hd-smd { /* Spiritus - The Spiritual Marketing Directory */
	position: absolute;
	margin: 0; border: 0; padding: 0;
	top: 9px; left: 18px;
	width: 226px; height: 103px;
	background: url(../images-design/hd-smd-bg.jpg) 0 0 no-repeat;
}

#hd-tr { /* Top Right image */
	position: absolute;
	margin: 0; border: 0; padding: 0;
	top: 0; left: 267px;
	width: 692px; height: 117px;
	background: url(../images-design/hd-tr-bg.jpg) 0 0 no-repeat;
}

#hd-tx { /* Header text */
	position: absolute;
	margin: 0; border: 0; padding: 0;
	top: 50px; left: 535px;
	width: 307px; height: 39px;
}

#hd-l { /* Header links */
	position: absolute;
	margin: 0; border: 0; padding: 0;
	top: 130px; left: 0;
	width: 959px; height: 28px;
	background-color: #AADADC;
}

/* #hd-l p now used by members area only */
#hd-l p { /* Header link text */
	position: absolute;
	margin: 3px 0px 0px 0px;
	border: 0; padding: 0;
	top: 4px; left: 16px;
	width: 939px; height: 16px;
	font-size: 14px;
	line-height: 14px;
	color: #4F519B; /* As for p a:hover to show current selected page */
}

#hd-l p a { /* Header links */
	font-size: 13px;
	line-height: 14px;
	color: #612531;
	text-decoration: none;
    font-weight: bold;
}
#hd-l p a:hover {color: #4F519B;}

div#hd-l p.h3 { /* Text inserted into header bar in place of menu - on landing pages*/
	color: #6A2E38;
	font-size: 20px;
	font-size: 20px;
}

/* End of no-longer used by public site */

/* New header links for ElitaPro */
div#nav {/* Menu (navigation) panel */
	float: left;
	height: 28px; /* Matches div#nav a line-height. IE will re-size this if more menu options are added */
	width: 940px; /* Same as #hd-l */
	background-color: #AADADC; /* Required only in case an extra top-level link is added which spills over to a second line */
	margin: 0 0 0 7px; border: 0; padding: 0;
}
/* Standards compliant browsers recognise this height setting
This will allow new top-level menu options to be displayed if added without updating style sheet to increase width of #nav */
html>body div#nav {
  height: auto; 
  min-height: 28px;
}

div#nav ul {margin: 0; border: 0; padding: 0;}

div#nav ul li {
	list-style: none;
	margin: 0; border: 0; padding: 0;
	width: 130px; /* Min top level menu width. Would be better not have to set this and leave it as auto but the IE hover fix requires it to be set */
	float: left; /* Lines up the top level menu options from left to right */
}
div#nav ul li li {
	width: 200px; /* Required to set width of secondary menu levels in IE. Must also set on div#nav ul ul for Mozilla */
	border-bottom: 1px solid #9FFFFF;
}

/* Set background image at top level only - note if set on hover set on "li a" not "li" or it breaks hover behaviour for sub-menus in IE and Mozilla */
div#nav ul li a {background: url(../images-design/nav-li-bg.gif) 0 7px no-repeat;}
div#nav ul li li a {background-image: none;}

/* Options to set individual top-level menu nodes widths. Would be easier to leave these as auto but the IE hover fix requires a defined width */
/* Note: the full 'div#nav ul li#mn1' rather than just '#mn1' is required by IE */

/* #mn1 is the search page and is not on the top-level menu */
div#nav ul li#mn2 {width: 180px;} /* Attract customers with ease */
div#nav ul li#mn1 {width: 280px;} /* 5 steps to attract the customers you really want */

/* The fixed links that are not part of the ElitaPro menu */
div#nav ul li#fl1 {width: 159px;} /* Spiritual Marketing Blog */
div#nav ul li#fl2 {width: 178px;} /* Business Members & Forum */

/* Background colour to drop-down options */
div#nav ul ul li {
	background-color: #D6FFFF;
	/* filter: alpha(opacity=95);  - Cannot set opcacity in IE, the opacity works but is breaks the pop-out functionality! For IE, 0 to 100 */
	opacity: 0.95;              /* CSS3 standard (not yet supported), 0 to 1 */
	-moz-opacity: 0.95;         /* for Mozilla, 0 to 1 */
} 
/* Remove opacity on hover 
div#nav ul ul li:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
}
*/

div#nav a {
	font-family: 'Times New Roman', Times, serif;
	font-size: 13px;
	line-height: 28px; /* Reset as 23px for sub-level options */
	font-weight: bold;
	text-align: center;
	display: block;
	margin: 0;
	border: 0;
	/* border-left: 1px solid #00797F; */
	padding: 0;
	color: #612531;
	text-decoration: none;
}
div#nav ul li li a {line-height: 23px;} /* 14px for top level options */

/* Remove left border from first in list */
/* First in list is #mn2, as #mn1 (What is The Spiritual Marketing Directory?) has the default template */
div#nav ul li#mn2 a {
	/* border: 0;*/
	background-image: none;
} 
div#nav ul li a:hover {color: #4F519B;}

div#nav ul li li a {
	color: #028B95;
	border: 0; /* Remove border from sub-options - replaced for div#nav ul ul */
}
div#nav ul li li a:hover {color: #FFFFFF; background-color: #028B95;}
div#nav ul ul {
	border: 1px solid #C2EFEF; /* Border around pop-out menus */
	width: 200px; /* Same as div#nav ul li li to fix phantom border at same width as parent ul in Mozilla */
} 

/* Position pop-out menus */
div#nav li {position: relative;}

div#nav ul ul {
	position: absolute;
	z-index: 500;
}

div#nav ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

/* Show/Hide on hover */
div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul
{display: none;}


div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul
{display: block;}


/* Content area */
#content {
	position: relative;	
	width: 687px;
	height: 350px;	/* IE takes this as the height and then incorrectly re-sizes if required */
	text-align: left;
	margin: 32px 0px 20px 272px; /* Margin at bottom is distance between end of content and footer */
	border: 0; padding: 0;
}
/* Standards compliant browsers recognise this height setting */
html>body div#content {
  height: auto; 
  min-height: 350px;
}

/* Add right padding and a bit of space between points in lists within the content area */
#content ol, #content ul {margin: 0px; border: 0px; padding: 0px 10px 5px 40px;}
#content li {
	margin-bottom: 0.5em;
	font-size: 18px; /* Set font size and color same as for p */
	line-height: 20px;
	color: #6A2E38;
}

#content ul ul, #content ul ul ul, #content ul ul ul ul {margin-top: 8px;} /* Add space before lists for each sub-menu level - used by site map */

li pre { /* Can't use inherit due to IE6 bug */
	font-family: 'Times New Roman', Times, serif;
	font-size: 18px; 
	line-height: 20px;
	margin: 0; border: 0; padding: 0;
}

p, pre.p { /* Style pre.p as for p, NB p pre with inherit doesn't work */
	text-align: left;
	font-size: 18px; 
	line-height: 20px;
	margin: 0px 5px 10px 0px;
	border: 0;
	padding: 0px 16px 0px 0px;
	color: #6A2E38;
}

pre.p {font-family: 'Times New Roman', Times, serif;}

/* Standard headings */

h1, h2, h3, .h1, .h2, .h3 {
	font-family: 'Times New Roman', Times, serif;
	color: #6A2E38;
	font-weight: bold;
	margin: 0px 0px 14px 0px;
	border: 0px;
	padding: 6px 16px 6px 0px;
}
h2, h3, .h2, .h3 {margin: 0px 0px 5px 0px;}

h1, .h1 {
	font-size: 22px;
	line-height: 23px;
}

h2, .h2 {
	color: #6A2E38;
	font-size: 20px;
	line-height: 22px;
}

h3, .h3 {
	color: #6A2E38;
	font-size: 18px;
	line-height: 20px;
}

.s {/* Small headings */
	font-size: 16px;
	line-height: 18px;
	margin: 0px 0px 7px 0px;
	padding: 0;
	font-weight: normal;
}

table {
	margin: 0px;
	font-size: 18px; color: #6A2E38; /* Same as p */
}

div.tblwrp1 { /* Table wrapper type 1 */
	background-color: #AADADC;
	margin: 15px 0px 15px 0px;
	border: 1px solid #90ABBC;
	padding: 0px 6px 8px 6px;
}

hr {
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	margin: 10px;
}

/* Addition styles */
.centrealign {text-align: center;}
.rightalign {text-align: right;}
.red {color: #FF0000;}
.bred {color: #FF0000; font-weight: bold;} /* Bold red */

/* Image styles */
img.right, img.right-border {
	margin: 5px 0px 5px 10px;
	float: right;
	border: 0px; padding: 0px;
}

img.left, img.left-border {
	margin: 5px 10px 5px 0px;
	float: left;
	border: 0px; padding: 0px;
}
img.right-border, img.left-border {border: 1px solid #000000;}

/* Class to hide images so they can be pre-loaded. Can be used to hide any object */
.hdn {display: none;}

.nobold {font-weight: normal;}

img {
	background-position: center;
	vertical-align: middle;
}

/* Basic links 
span.a is a simulated link for use with javascript
*/
a, span.a {
	color: #413E8F;
	text-decoration: underline;
}
a:hover, span.a:hover {color: #0F7C7F;}
/*a:visited {color: #532E4D;}*/

span.a:hover {cursor: pointer;}

a img {border: 0px;} /* Remove border from image links */


/* Left panel links */
#lp { /* Left panel container */
	position: absolute;
	top: 185px; left: 18px;
	width: 237px; /* Box width (235) + space for border */
	margin: 0; border: 0; padding: 0;
}

.lpb1, .lpb2 { /* Left panel box types 1 & 2 */
	position: relative;
	width: 235px;
	margin: 0 0 6px 0; border: 1px solid #90ABBC; padding: 0;
}

.lpb1 {height: 68px;}
.lpb2 {height: 133px;}

.lpb1-bg1 {background: url(../images-design/lpb1-bg1.jpg) 0 0 repeat-x #FFFFFF;}
.lpb1-bg2 {background: url(../images-design/lpb1-bg2.jpg) 0 0 repeat-x #FFFFFF; border: 1px solid #A9D9DB;}

.lpb2 img { /* Spiritus Search image */
	position: absolute;
	top: 6px; left: 13px;
	width: 206px; height: 77px;
	margin: 0; border: 0; padding: 0;
}
.lpb2 img:hover {
	top: 5px; left: 12px;
	width: 208px; height: 79px;
}

.lpb1 p, .lpb2 p {
	text-align: left;
	font-size: 15px; 
	line-height: 15px;
	margin: 6px 2px 6px 3px;
	border: 0;
	padding: 0px;
	color: #6A2E38;
}

.lpb2 p {margin-top: 92px;}

.lpb1 p a, .lpb2 p a {
	color: #612531;
	text-decoration: none;
	font-weight: normal;
}
.lpb1 p a:hover, .lpb2 p a:hover {color: #4F519B; cursor: pointer;}

/* Footer */
#ft {
	position: relative;
	margin: 0; border: 0; padding: 0;
	border-bottom: 1px solid #90ABBC;
	width: 959px;
	height: 30px;
	background-color: #FFFFFF;
	clear: both;
}

/* Privacy, Terms, etc */
#ftl, #ftr {
	position: relative;
	margin: 8px 22px 0px 22px; border: 0px; padding: 0px;
	font-size: 12px;
	line-height: 12px;
	height: 14px;
	color: #000000;
	float: left;
}
#ftr {float: right;}

/* Footer links */
#ft a {
	margin: 0px; border: 0px; padding: 0px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
#ft a:hover {color: #4F519B;}


/* CSS to replace tables - used for web enquiry forms */

/* The div with class tbl-out centres correctly in standards compliant browsers (as left and right margin set to auto). IE doesn't recognise auto. Div (centrefix) fixes this as IE incorrectly centres an element with text-align:center; */
.centrefix {text-align: center;} 

/* Width and margin set on a containing table wrapper (tbl-out) and not inner table div (tbl-in) to fix the IE width bug */
.tbl-out {
	width: 610px; 
	margin: 0px auto;
	border: 0px;
	padding: 0px;
	text-align: left;
}

.tbl-in {
	margin: 0px;
	border: 1px solid #BEC5E1;
	padding: 5px;
	background-color: #ECEAEB;
}

div.row {
  clear: both;
  margin: 0; border: 0; padding: 0;
}
/* Standards compliant browsers don't add their own spacing so need top padding */
html>body div.row {padding: 2px 0px 0px 0px;}

div.half-space, div.space {
  clear: both;
  height: 6px;
  line-height: 6px;
  margin: 0px; border: 0px; padding: 0px;
}
div.space {height: 12px; line-height: 12px;}

div.row label {
	float: left;
	width: 230px;
	text-align: right;
	font-size: 14px; 
	line-height: 18px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
}
span.fld label {width: 80px;} /* Email & Phone radio labels */

span.fixed-txt { /* Option to replace an input with fixed text, styled the same as its label */
	font-family: 'Times New Roman', Times, serif;
	font-size: 14px;
	line-height: 18px;
	margin: 2px 0px 0px 0px;
	padding: 0px;
	color: #222222;
}

/* Class fld (field) defines data input fields */
div.row span.fld {
  float: right;
  width: 335px;
  text-align: left;
  margin-right: 2px;	/* Required to stop right side touching the fieldset border in IE */
}

div.row span.fld-full-width {
  float: left;
  width: 580px;
  text-align: left;
  margin: 0px;
}

/* The spacer is used to ensure the table-div clears the last field. Note not required if fields are enclosed in a fieldset tag */
div.spacer {
  clear: both;
}

/* Class full (full width) ensures fields fill their containing element */
.full {width: 100%;}

.bld {font-weight: bold;}  /* Set bold text in selects */

fieldset {
	border: 1px solid #BEC5E1;
	padding: 0px 8px 10px 5px;	/* Can't add padding to top as IE incorrectly puts this outside the fieldset so have added a bottom margin on the legend */
}

legend {
	border: 1px solid #BEC5E1;
	padding: 2px 5px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	color: #6A2E38;
	background-color: #AADADC;
}

form {border: 0px; margin: 0px; padding: 0px;}	/* Stops IE adding space around a form */

/* Style for the input boxes */
/* applied only to inputs within div class inputs so does not have to apply to inputs that are buttons (as cannot be undone with a specific input.btn class). */
div.inputs input, div.inputs select, div.inputs textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #222222;
	margin: 2px 0px 0px 0px; padding: 0px; border: 1px solid #7F9DB9; /* Remove border style to stick with sunken default */
	background-color: #FFFFFF !important;   /* Removes yellow background added by Google toolbar and other browser style sheets */
}

div.inputs input.checkbox, div.inputs input.radio {background-color: #ECEAEB !important; border: 0px} /* IE fix: Remove "div.inputs input" styling applied to radio buttons */

/* Buttons */
input.btn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px; /* Required to vertically centre text in button in IE */
	color: #222222;
	width: 100px;
	margin: 0px; padding: 0px;
}

/* Company profile page */

p.cp { /* 'Company profile' psuedo heading */
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin: 0px 45px 10px 0px; /* Margin-right = space from underline to edge */
	border: 0;
	border-bottom: 1px solid #50769A;
	padding: 0px 0px 7px 0px;
	color: #6A2E38;	
}

h1.cn { /* 'Company name' heading */
	text-align: left;
	font-size: 26px; /* Original 24px */
	font-weight: bold;
	font-style: italic;
	line-height: 24px;
	margin: 0px 0px 5px 0px;
	border: 0;
	padding: 0px 0px 6px 0px;
	color: #4E769A;	
}

p.cpti, p.cpt { /* 'Company profile title - italics' psuedo heading for standard questions */
	text-align: left;
	font-size: 20px;
	font-weight: bold;
	font-style: italic;
	line-height: 20px;
	margin: 0px 0px 2px 0px;
	border: 0;
	padding: 10px 0px 0px 0px;
	color: #6A2E38;	
}

p.cpt { /* 'Company profile title - not in italics' psuedo heading for 'Company information' */
	font-style: normal;
}

#content ol.cp {margin: 8px 0px 0px 0px; border: 0px; padding: 0px 10px 5px 35px;} /* 'Company profile' ul */

/* Table for 'Company profile' contact details */
table.cp, table.cp a {
	color: #6B8EBF;
	line-height: 20px;
}

table.cp a:hover {color: #0F7C7F;}

table.cp td {
	vertical-align: top;
	padding: 0px 0px 8px 0px; /* Space after each row */
}

table.cp pre {
	font-family: 'Times New Roman', Times, serif;
	margin: 0; border: 0; padding: 0;
}

/* Search results */
p.no-border {border: 0;}

div.sr { /* Search result wrapper */
	position: relative;
	margin: 0px 25px 25px 0px;
	border: 0;
	border-bottom: 1px solid #50769A;
	padding: 0;
}

div.sr img {
	position: absolute;
	margin: 0; border: 0; padding: 0;
	top: 0px; left: 0px;
}

div.sr h1 {
	text-align: left;
	font-size: 24px;
	font-weight: bold;
	font-style: italic;
	line-height: 24px;
	margin: 0px 0px 5px 0px;
	border: 0;
	padding: 0px 0px 0px 0px;
	color: #4E769A;	
}

div.sr h1 a {
	color: #4E769A;
	text-decoration: none;
}
div.sr h1 a:hover {color: #0F7C7F;}

div.sr-txt {
	margin: 0px 0px 0px 145px;
	border: 0; padding: 0;
}

div.sr-txt pre { /* Style as for p */
	font-family: 'Times New Roman', Times, serif;
	text-align: left;
	font-size: 18px; 
	line-height: 20px;
	margin: 0px 5px 10px 0px;
	border: 0;
	padding: 0px 16px 0px 0px;
	color: #6A2E38;
}

/* Make text wrap within pre tag, after http://www.longren.org/2006/09/27/wrapping-text-inside-pre-tags/ */
pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	/* SWZ: Works in Opera 9 without the CSS for Opera 4-6 & 7 below but left in place as these don't break IE or Mozilla */
	white-space: -pre-wrap;       /* Opera 4-6 */
	white-space: -o-pre-wrap;     /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* Search box */
div#src { /* Search box wrapper */
	position: relative;
	margin: 20px 0px 20px 0px;
	border: 1px solid #90ABBC;
	padding: 0;
	width: 652px;
	height: 93px;
	background: url(../images-design/src-bg.jpg) 24px 13px no-repeat;
}

div#srci { /* Div for search image text */
	position: absolute;
	margin: 0; border: 0; padding: 0;
	top: 13px; left: 24px;
	width: 290px; height: 70px;
}

div#src input#srctxt { /* Search text */
	position: absolute;
	top: 45px; left: 335px;
	width: 260px; height: 22px;
	line-height: 20px;
	height: 18px;
}
div#src input#srcbtn { /* Search button */
	position: absolute;
	top: 45px; left: 601px;
	width: 41px;
	height: 23px;
}

div#src input#srctxt, div#src input#srcbtn {
	margin: 0; padding: 0;
	font-family: 'Times New Roman', Times, serif;
	font-size: 14px;
	color: #6A2E38;
}

/* Search results pagination page links */
p.page-links {
	font-size: 14px;
	text-align: right;
	color: #377D7F;
}

/* Header style for cpanel and register new user */
div#actingfor {
	font-family: 'Times New Roman', Times, serif;
	color: #6A2E38;
	font-weight: bold;
	font-size: 22px;
	color: #FF0000;
	background-color: #FEFF9F;
	line-height: 23px;
	margin: 0; border: 0;
	padding: 8px 16px 8px 272px;
}

/* Sitemap for new listings */
div#sm-wpr {
	position: relative;
	width: 100px;
	height: 10px;
	background-color: yellow;
	overflow: hidden;
}

div#sm1, div#sm2 {
	position: absolute;
	top: 0px; left: 0px;
	width: 100px;
	height: 10px;
	background-color: white;
}