/* goldenrod colour is #FCB97A */
/* bright blue is #80CADE */
/* body text grey is #888 */

html 
{
	overflow-y:scroll;
}

body {
	margin:0 0 0 0;
	text-align:center;
}

body, td, .button {
	font : 8pt helvetica, arial, geneva, sans-serif;
	color: #888;
}

body, td
{
	line-height : 18px;
}

h1 {
	color: #80cade;
	font: 24px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	margin:0 0 16px 0;
}

h1 em {
	font-style:normal;
	font-weight:bold;
}

h1 a {
	color:#80cade;
	text-decoration:none;
}

h1 a:hover {
	text-decoration:underline;
}

h1 a:visited {
	color:#80CADE;
}

h1 a:visited:hover {
	color:#FCB97A;
}

h1 .subtitle, h1 .subtitle a, h1 .subtitle a:visited {
	color:#FCB97A;
	white-space:nowrap;
}

h2 
{
	font-family:Arial,Helvetica, Sans-Serif;
	font-size:13px;
	line-height:18px;
	font-weight:bold;
	color: #4a4a4a;
	margin-bottom: 0px;
}

h2.first 
{
	margin-top:3px;
}


h3 {
	font: bold 8pt/11pt Arial, Helvetica, sans-serif;
	color: #4a4a4a;
	margin-bottom: 0px;
}

ul {
	margin:0 0 16px 16px;
	padding:0 0 0 0;
}

a {
	color:black;
}

a:hover, a:visited:hover, .contact a:visited:hover {
	color:#FCB97A;
	text-decoration:underline;
}

a:visited {
	color:#AAA;
}

li a {
	color:#888;
	text-decoration:none;
}


img {
	border:none;
}

label 
{
	font-weight:bold;
	color:#555555;
}

span.disabled {
	color:gainsboro;
}

.leftRunaround {
	float:left;
	margin:0 8px 8px 0;
}

.leftRunaround td {
	text-align:center;
	vertical-align:top;
	padding:0 0 8px 0;	
}

/* listContainer is assigned to tables that are wrapped around lists, to prevent the lists from breaking out the left
	margin when they begin next to 'floated' elements and continue past. There may be some more elegant way of doing this
	with CSS, but I haven't been able to figure it out in a reasonable amount of time. */
	
.listContainer {
	border:none;
}

.listContainer td {
	padding:0;
}

.aaplayer 
{
	margin:0 0 36px 0;
}

body.wisdom .listContainer 
{
	width:500px;
}

.ezineTitle { /* The title of the ezine ("Wisdom Connoisseur") wherever it occurs in the body copy of the site */
	font-style:italic;
}

.ezineSubtitle { /* The subtitle of the ezine ("Your voice... weight loss") wherever it occurs in the body copy of the site */
	font-style:italic;
}

.processName { /* The title of the process ("Conscious Weight Loss") wherever it occurs in the copy of the site */
	font-style:italic;
}

.processSubtitle {/* The subtitle of the process ("Weight loss while life happens") wherever it occurs in the copy of the site */
	font-style:italic;
}

.bookTitle { /* The title of any book (esp. "The Empress's New Clothes Don't Fit") wherever it occurs in the body copy of the site */
	font-style:italic;
}

.bookSubtitle { /* The subtitle of any book wherever it occurs in the body copy of the site */
	font-style:italic;
}

.leader /* used for lead-in sentences, words in body copy paragraphs */
{
	color:#555;
	font-weight:bold;
}

.quotation 
{
	font-style:italic;
}

.welcome h1 .subtitle 
{
	display:block;
	white-space:normal;
	
	font: bold 10pt/14pt Arial, Helvetica, sans-serif;
	color: #4a4a4a;
	letter-spacing:0.5px;
}

.welcome p .leader {
	font-size:larger;
}

.welcome .leftRunaround
{
	width:225px;
}

.welcome #bodyCopy .leftRunaround
{
	margin-bottom:42px;
}

.welcome .inquiries
{
	padding-right:16px;
	text-align:left;
	white-space:normal;
	font-size:10pt;
	color:#4a4a4a;
	font-weight:normal;
}

.welcome .inquiries h2 
{
	margin:8px 0 12px 0;
	color:#80cade;
	font-size:24px;
	font-weight:bold;
}

@media print 
{
	.welcome .inquiries h2 
	{
		color:black;
	}
}

.welcome .inquiries .phone
{
	display:block;
	margin-bottom:4px;
	font-size:10pt;
	color:black;
	font-weight:bold;
}

.welcome .inquiries a
{
	display:block;
	margin-bottom:4px;
	font-size:10pt;
	font-weight:bold;
	color:Black;
	text-decoration:underline;
}

.welcome .inquiries a:hover
{
	text-decoration:underline;
}

#main.welcome
{
	margin-bottom:72px;
}

@media print 
{
	table.listContainer 
	{
		margin-bottom:36px;
	}
}

li .leader {
	font-size:larger;
}

#main {
}

#banner {
	/* nothing yet */
	background-color:#80CADE;
	text-align:center;
	width:100%;
}


#tabBlock {
	position:absolute;
	top:137px;
	left:0px;
	width:100%;
	text-align:center; /* for IE Win */
}

#banner #tabs {
	padding:0 0 0 0;
	text-align:left;
	width:720px;
	white-space:nowrap;
	overflow:visible;
	margin:0 auto;
}

#banner #tabs a {
	padding:0 6px 0 0;
}

#banner #menuContainer 
{
	text-transform:lowercase;
}


#submenu {
	position:relative; 
	float:left;
	width:152px;
	margin:0 16px 16px 0;
	z-index:1; /* puts this menu on top of bodyCopy so that rollovers work in all browsers */
	text-align:center;
} /* see end of this section for local style variants */

#submenu img 
{
	position:relative;
	margin:0 auto;
}

#submenu div {
	background-repeat:no-repeat;
	background-position:left top;
	text-align:left;
}

#submenu ul {
	position:relative; /* without this, the right border does not display properly in IE */
	text-transform:none;
	font-size:8pt;
	border-right:solid 1px gainsboro;
}

#submenu ul, .navList ul {
	list-style:none;
	width:auto;
	margin:0 0;
	padding:0;
	text-align:left;
}

#submenu ul li {
	margin:0 0 0 0;
	padding:0 0;
}

.navList ul li {
	margin:0 0 4px 0;
}

#submenu ul li.active {
	font-weight:bold;
	color:#FCB97A;
}

#submenu ul li ul {
	margin:0 0 4px 0;
	border:none;
	font-weight:normal;
	list-style:none;
}

.navList ul li ul li {
	margin:0 0 0 14px;
}

#submenu ul li ul li {
	text-transform:none;
	margin:0 0 0 0;
	padding:0 0 0 0;
	line-height:120%;
}

#submenu ul li ul li a {
	padding:0 8px 0 0;
}

#submenu ul li a {
	margin:0 0;
	text-decoration:none;
	color:#666666;
}

#submenu ul li a:hover {
	text-decoration:underline;
}

.navList ul li a:hover {
	color:#FCB97A;
}

#submenu ul li.active a {
	color:#FCB97A;
}

#submenu ul li.active li a {
	color:#666;
}

#submenu em, #submenu ul li a em {
	padding:0; margin:0;/* without these there is a slight break in the underline between <em> and non-<em> text on link rollovers */
	font-style:normal;
	font-weight:normal;
}

#submenu ul li.active a em {
	font-weight:bold;
}

#submenu .sitemap{
	background-image:url(../Images/photo/spot/blank_street_signs_sm.jpg);
	padding-top:192px;
}

#submenu .contact {
}

#submenu .about {
	margin-right:0px;
	position:relative;
	z-index:50;
}

#submenu .about img 
{
	position:relative;
	left:8px;
	margin:0 0 16px 0;
}

.processOverview #submenu .about {
	height:300px;
}

#submenu .coachKath {
	padding-top:16px;
}

#submenu .experience {
	background-image:url(../Images/photo/spot/connie_med.gif);
	width:168px;
	padding-top:184px;
	margin-right:-8px;
}

#submenu .assessment 
{
	padding-top:0;
}

#submenu .inquiry {
	background-image:url(../Images/photo/spot/i_said_yes_sm.jpg);
	padding-top:128px;
}

#submenu .services {
	padding-top:6px;
}

#submenu .about ul {
	margin-left:12px;
}

#submenu .freeStuff {
	/* padding-top:128px; */
}

#submenu .freeStuff img 
{
	position:relative;
	left:-20px;
}

#submenu .ezine.signup {
	padding-top:16px;
}

#submenu .client {
	background-image:url(../Images/photo/spot/lock_and_key_sm.jpg);
	padding-top:136px;
}

#submenu .noImage {
	background-image:none;
	padding-top:0;
}

#submenu .noImage ul {
	margin:0;
}

#submenu .coachKath {
}

#bodyCopy {
	position:relative;
	top:-6px;
}

#rightside
{
	width: 184px;
	margin:8px 0 0 16px;
	padding:0 0 8px 0;
	float: right;
	top: 0px;
	border: 0px solid #0FF;
	background-color:white;
	text-align:left;
	position:relative;
	z-index:50;
}

.quote, .quoteAlt {
	color: #7AC412;
	font: italic 20px/30px Georgia, Times New Roman, Times, serif;
}

#rightside .quote {
	float:none;
	display:block;
	margin:0 8px 0 8px;
}

#rightside a:hover {
	color:#FCB97A;
}

p.quote {
	float:left;
	width:175px;
	padding:0 9px 9px 0;
	position:relative;
	top:8px;
	left:-40px;
	margin:0 -75px 0 0;
}

p.quoteAlt {
	float:right;
	clear:right;
	width:175px;
	padding:0 0 9px 9px;
	text-align:right;
	position:relative;
	top:8px;
	right:-40px;
	margin-left:0;
}

img.quoteAlt {
	position:relative;
	top:8px;
	right:-32px;
	float:right;
	clear:right;
}


#content {
	position:relative;
	z-index:0;
	margin: 0 auto 9px auto;
	width:720px;
	padding: 18px 0 0 0;
	background-image:url(../Images/banner/banner_bottom.gif);
	background-repeat:no-repeat;
	background-position:top right;
	text-align:left;
}

#content p {
	margin:0 0 9px 0;
}

#content p em, #content ul em {
	/*
	color: #888;
	background: #daf585;
	*/
	font-weight:bold;
	font-style:normal;
	padding:0 2px 0 2px;
}

#footer {
	position:relative;
	z-index:0;
	margin: 0 auto 9px auto;
	height:0px; /* the footer floats vertically in a strange spot on some browsers; without this, it blocks out the rollovers on the submenu */
	width:720px;
	padding:0 0;
	text-align:left;
}

#footer p {
	margin:7px 0;
	clear:both;
}

div.contentElement, div.v2ContentElement {
	background-color:whitesmoke;
	border:solid 1px gainsboro;
	padding: 1.5em;
	margin: .5em 0 .5em 0;
	
}

/* The "Holly Hack"; makes this container stay open for floated elements in Win IE only; other browsers ignore this \*/
* html div.contentElement {
	height:1%;
}
/* End "Holly Hack" */

div.contentElement h2, div.v2ContentElement h2 {
	margin:0 0 0 0;
	font-size:1.2em;
}

div.contentElement h3, div.v2ContentElement h3 {
	font-size:1em;
}

div.contentElement p, div.v2ContentElement p {
	margin:.5em 0 0 0;
}

.v2ContentElement, div.v2ContentElement {
	background-color:#FFE8EC;
}

div.v2ContentElement {
	border-color:#FFBDBB;
}
.question {
	font-weight: bold;
	color: #0033FF;
}

/* PAGE-SPECIFIC STYLES */

/* this is a more effective way of clearing the left margin without getting the strange
	little indent (in IE, of course) on list items in the #bodyCopy div. The alternate
	kludge has been to use a ".listContainer" div, but this approach is 'cleaner' and
	doesn't prevent the content from wrapping beneath the ezine signup widget */
body.wisdom #submenu ,
body.links #submenu 
{
	float:none;
	position:absolute;
	top:64px;
	left:0px;
}

body.sitemap #bodyCopy, body.contact #bodyCopy, #content.successrx #bodyCopy,
body.spokenTruth #bodyCopy, body.wisdom #bodyCopy,
body.ezine.signup #bodyCopy, #main.archive.philosophy #bodyCopy,
div.archive.philosophy, div#movies
{
	margin:0 0 0 168px;
	z-index:0;
}

body.processOverview #bodyCopy,
body.experience #bodyCopy
{
	margin:0 0 0 176px;
}

.welcome #bodyCopy
{
	margin:0 192px 0 0;
}

.welcome .leftRunaround .logo {
	margin:16px 0 24px 0;
}

#content.successrx #bodyCopy img {
	display:block;
	text-align:center; /* centering for IE */
	margin:16px auto; /* centering for real browsers */
}

#main.profile #bodyCopy, body.pressKit #bodyCopy  {
	margin:0 0 0 168px;
}

.mediaLinks a
{
	display:block;
}

/* GLOBAL 'ARCHIVE' STYLES */

.archive .navControls {
	width:400px;
	font-size:smaller;
	/* border:solid 1px #D3D3D3; */
	margin:0 0 16px 0;
	padding:0;
}

.archive .navControls td {
	padding:4px;
	white-space:nowrap;
	width:33.3%;
}

.archive .navControls .leftColumn {
	text-align:left;
}

.archive .navControls .middleColumn {
	text-align:center;
}

.archive .navControls .rightColumn {
	text-align:right;
}

.archive .navControls .nextLink {
	text-align:right;
}


/* FEATURES AREA STYLES */

#featuresOuterBlock {
	position:relative;
	width:720px;
	height:auto;
	/*
	top:-72px;
	top:-48px;
	*/
	margin:0 auto;
	padding:64px 0 24px 0;
	clear:both;
	z-index:1;

	background-image:url(../images/bg/features_bg_comp.gif);
	background-repeat:no-repeat;
	background-position:top left;

}

#features {
	position:relative;
	width:720px;
	height:167px;
	margin:0 auto 0 auto;
	max-height:350px;
	text-align:left;
	line-height:13px;
	clear:both;
	color:#555;
	z-index:1;
	
	/* border:solid 1px lime; */
}

#features a:visited {
	color:#888;
}

#features a:hover {
	color:white;
}

#featuresOuterBlock #footer {
	position:absolute;
	bottom:0;
	left:0;
}

/* WORD OF WISDOM STYLES */

#wordOfWisdomOuterBlock {
	width:190px;
	float:left;
}

#wordOfWisdomInnerBlock {
}

#wordOfWisdom {
	text-align:left;
	width: 182px;
	height:152px;
	font-size:1em;
	margin:8px 0 0 8px;
	/*overflow:hidden;*/
	padding:0 0 0 0;
}


#wordOfWisdom h1 {
	font-size:16px;
	width:182px;
	text-align:right; /* to push the prev/next buttons over to the right margin */
	margin:0 0 0 0;
	background-image:url(../Images/type/wow_head_sm.gif);
	background-repeat:no-repeat;
}

#wordOfWisdom h1 span {
	visibility:hidden;
}

#wordOfWisdom h1 a {
	color:#679cba;
	text-decoration:none;
	vertical-align:bottom;
}

#wordOfWisdom h1 a:hover {
	text-decoration:underline;
}

#wordOfWisdom h2 {
	font-size:12px;
	margin:4px 0 -2px 4px;
	text-transform:uppercase;
}

#wordOfWisdom p {
	margin:0 0 4px 4px;
}

#wordOfWisdom div.definition {
	margin:0 0 4px 4px;
}


#wordOfWisdomArchive dl {
	margin:24px 0 24px 0;
}

#wordOfWisdomArchive dt {
	font-weight:bold;
	text-transform:uppercase;
}

#wordOfWisdomArchive dd {
	margin:0 0 9px 0;
}

#wordOfWisdomArchive p
{
	background-color:pink;
}

#wordOfWisdomArchive a:hover, #wordOfWisdomArchive a:visited:hover 
{
	color:#FCB97A;
}

/* SPOKEN TRUTH STYLES */

#spokenTruthOuterBlock {
	width:190px;
	float:left;
	margin:0 0 0 64px;
}

#spokenTruthInnerBlock {
	width:190px;
}

#spokenTruth {
	width: 200px;
	height:160px;
	padding:0;
	margin:8px 0 0 0;
	font-size:1em;
	text-align:left;
}	

#spokenTruth h1 {
	font-size:16px;
	width:182px;
	margin:0 0 0 0;
	background-image:url(../Images/type/spoken_truth_head_sm.gif);
	background-repeat:no-repeat;
}

#spokenTruth h1 span {
	visibility:hidden;
}

#spokenTruth p {
	margin:0 0 6px 0;
}

#spokenTruth .flashPlayer { /* in the component */
	margin:0 0 8px 0;
}

.spokenTruth .flashPlayer { /* on the archive page */
	margin:16px 0 32px 16px;
}

.spokenTruth .active {
	color:black;
	font-weight:bold;
}

.spokenTruth a:visited:hover {
	color:#FCB97A;
}

/* PHILOSOPHY IN MOTION STYLES */

#philosophyOuterBlock {
	width:190px;
	float:left;
	margin:0 0 0 64px;
}

#philosophyInnerBlock {
	width:190px;
}

#philosophy {
	width: 200px;
	height:160px;
	padding:0;
	margin:8px 0 0 0;
	font-size:1em;
	text-align:left;
}	

#philosophy h1 {
	font-size:16px;
	width:185px;
	margin:0 0 0 0;
	background-image:url(../Images/type/philosophy_head_sm.gif);
	background-repeat:no-repeat;
}

#philosophy h1 span {
	visibility:hidden;
}

#philosophy h2 {
	font-size:12px;
	line-height:14px;
	margin:4px 0 -2px 4px;
	text-transform:uppercase;
}

#philosophy h2 a, #philosophy h2 a:visited {
	text-decoration:none;
	color:#4A4A4A;
}

#philosophy h2 a:hover {
	text-decoration:none;
}

#philosophy p {
	margin:0 0 4px 4px;
}

#philosophy div.description {
	margin:0 0 4px 4px;
}

#philosophy div.description .runningTime, .philosophy #bodyCopy p .runningTime {
	display:block;
}


#philosophyArchive {
	margin:18px 0 0 0;
}

#philosophyArchive h2 {
	font-weight:bold;
	margin:8px 0 0 0;
	color:#4a4a4a;
}

#philosophyArchive h2 a, #philosophyArchive h2 a:visited {
	text-decoration:none;
	color:#4a4a4a;
}

#philosophyArchive h2 a:hover {
	text-decoration:underline;
}

#philosophyArchive .description {
}

#philosophyArchive .runningTime {
	display:block;
	margin:0 0;
}

.archive.philosophy #bodyCopy img {
	margin:0 0 24px 0;
}

/* FAQ STYLES */

.faqAccordion 
{
	.width: 400px;
}

.faqAccordion .accordionHeader,
.faqAccordion .accordionHeaderSelected 
{
	margin:3px 0 0 0;
	padding:4px;
	background-color:#DDF1F6;
	font-size:1.1em;
	font-weight:bold;
	color:#a4a4a4;
}

.faqAccordion .accordionHeaderSelected 
{
	color:Black;
}

.faqAccordion .accordionContent
{
	padding:16px 16px;
}

.faqAccordion .accordionContent .note
{
	font-weight:bold;
	color:#0b97b6;
}

.faqAccordion .accordionContent .bookTitle
{
	font-weight:bold;
	color:#0b97b6;
}

@media print 
{
	.faqAccordion div
	{
		display:block !important;
		height:auto !important;
		opacity:1.0 !important;
		filter:alpha(opacity=100) !important;
		overflow:auto !important;
	}
}

/* SURVEY QUESTION STYLES */
#surveyQuestion {
	position:relative;
	z-index:50;
	font-size:1em;
}	

#rightside #surveyQuestion {
	width:auto;
	background-color:White;
	border:solid 1px #D3D3D3;
	overflow:hidden;
	margin:0 0 8px 0;
	padding:8px 0 8px 0;
	position:relative;
	z-index:50;
}

#rightside #surveyQuestion .content {
	width:auto;
	margin:0 8px 0 8px;
	position:relative;
	z-index:50;
}

#surveyQuestion h1 {
	font-size:14px;
	margin:0 0 0 0;
}

#surveyQuestion p {
	margin:0 0 6px 0;
}

#surveyQuestion p.disclaimer {
	font-size:smaller;
	line-height:100%;
}

#surveyQuestion a {
	color:#888;
	z-index:50;
}

#surveyQuestion .warning {
	display:block;
}

.surveyQuestionResponses tr {
	vertical-align:top;
}

.surveyQuestionResponses td label {
	vertical-align:top;
	margin:0;
}

#surveyQuestionArchive {
	margin:0 0 0 168px;
}

#surveyQuestionBlock {
	margin:0 0 0 168px;
	width:376px;
}

#surveyQuestionBlock .navControls
{
	position:relative;
	width:376px;
}

#surveyQuestionBlock .navControls a:hover, #surveyQuestionBlock .navControls a:visited:hover {
	color:#FCB97A;
}

#surveyQuestionBlock .navControls td.leftColumn
{
	margin:0;
	padding-left:0;
}

#surveyQuestionBlock img {
	margin:0 0;
	clear:none;
}

#surveyQuestionArchive .questionList {
	list-style:decimal;
	margin:0 0 0 0;
	padding:0 0 0 16px;
}

#surveyQuestionArchive .questionList .actions {
	white-space:nowrap;
}

#surveyQuestionArchive .questionList li {
	margin:0 0 16px 0;
}

#surveyQuestionArchive .questionList li a {
	color:#888;
	text-decoration:underline;
}

#surveyQuestionArchive .questionList li a:hover {
	color:#FCB97A;
}

.archive #surveyQuestion h1 {
	display:none;
}

.archive #surveyQuestion .archiveLink {
	display:none;
}

.archive #surveyQuestion .disclaimer {
	text-align:left;
	width:auto;
}

#responseLegend {
	font-weight:bold;
}

#responseLegend li {
	
}

#responseLegend span {
	font-weight:normal;
}

.archive img.surveyChart {
	margin:0 24px;
}

/* EZINE SIGNUP STYLES */
#ezineSignupSplat {
	position:relative;
	z-index:5;
	margin:0 0 16px 0;
	padding: 12px;
	background-color:White;
	border:solid 1px #D3D3D3;
	font-size:1em;
	clear:both;
}

#ezineSignupSplat .form {
	clear:both;
}

#ezineSignupSplat .button {
}

#content.archive #ezineSignupSplat, #content.about #ezineSignupSplat {
	float:right;
	width:150px;
	padding:8px 0;
	margin:0;
}

#content.successRx #ezineSignupSplat {
	float:left;
}

.ezineCoverThumbnail {
	position:relative;
	float: left;
	margin:0px 6px 6px 0px;
	vertical-align: top;
}

#ezineSignupSplat h1 {
	font-size:14px;
	margin:0 0 8px 0;
	text-align:left;
}

#ezineSignupSplat h2 {
	font-size:14px;
	margin:0 0 0 0;
	width:100%;
}

#ezineSignupSplat p {
	margin:0 0 6px 0;
	text-align:left;
}

#ezineSignupSplat a:hover {
	color:#FCB97A;
}

#ezineSignupSplat.compact {
	width:136px;
	text-align:center;
	float:right;
	margin:8px 0 8px 8px;
	padding:8px 0;
}

#ezineSignupSplat.compact .content {
	margin:0 8px;
}

#main.welcome #ezineSignupSplat.compact {
	float:left;
	clear:left;
	width:182px;
	margin:0 0 8px 0;
}

* html #main.welcome #ezineSignupSplat.compact {
	width:184px;
}



#ezineSignupSplat.compact .ezineCoverThumbnail {
	float:none;
	display:block;
	margin:0 auto 0 auto;
}

#ezineCoverPopUp 
{
	position:absolute;
	z-index:10;
	right:140px;
	top:88px;
	padding: 0;
	background:none;
	border:none;
}

.welcome #ezineCoverPopUp
{
	top:48px;
	right:184px;
	border:none;
}

/* sign-up page styles... */
/* EZINE SIGNUP PAGE STYLES */
.signup #SignUpArea ul
{
	margin-left:4em;
}

/* FEATURED PRODUCT STYLES */
#featuredProduct {
	background-color:White;
	border:solid 1px #D3D3D3;
	font-size:1em;
	text-align:center;
	clear:both;
	margin:0 0 8px 0;
}

#rightside #featuredProduct {
	overflow:hidden;
	margin:0 0 8px 0;
}

#rightside #featuredProduct .content {
	margin:8px;
}

#featuredProduct h1 {
	font-size:14px;
	margin:0 0 0 0;
	text-align:left;
}

#featuredProduct p {
	margin:0 0 6px 0;
	text-align:left;
}

#featuredProduct .content div {
	text-align:left;
}

#featuredProduct .content div img {
	position:relative;
	left:-4px;
}

.productDetail .feesBlock,
.productDetail .locationBlock,
.productDetail .testimonial
{
	margin:0 0 12px 24px;
	
	color:#4a4a4a;
}

#content .productDetail .feesBlock p,
#content .productDetail .locationBlock  p,
#content .productDetail .testimonial  p
{
	margin-bottom:0;
}

.productDetail .feesBlock label,
.productDetail .locationBlock label,
.productDetail .testimonial label
{
	font-weight:bold;
}

.productDetail .testimonial {
	margin-left:0px;
	color:#888;
}

.productDetail .testimonial .attribution {
	font-weight:bold;
}

/* CONTACT STYLES */

.contact #content p {
	margin:0 0;
}

.contact #content #ezineSignupSplat p {
	margin:0 0 6px 0;
}


.contact #content p.email {
	margin:0 0 21px 0;
}

/* ASSESSMENT STYLES (IDEAL CANDIDATE, NONIDEAL CANDIDATE, TRUE COLORS) */

#bodyCopy .assessment {
	width:392px;
	margin-left:168px;
}

#assessmentQuestionList {
	margin:8px 0 16px 16px;
	padding:0 0 0 0;

	list-style-type:decimal;
	list-style-position:inside;
}

#assessmentQuestionList li {
	vertical-align:middle;
	margin-bottom:16px;
	}

#assessmentQuestionList li table {
	position:relative;
	vertical-align:middle;
	margin:0 0 0 14px;
	padding:0;
}

#assessmentQuestionList li table td {
	padding:0;
	vertical-align:top;
}

#bodyCopy .assessment h2 {
	margin:24px 0 0 0;
}

#bodyCopy .assessment  h2.first 
{
	margin-top:3px;
}

#nonIdealCandidate ul, #bodyCopy .assessment  ul {
	margin:4px 0 16px 24px;
	padding:0 0 0 0;
}



/* LOGIN WIDGET STYLES */

.loginForm table {
	border-collapse:collapse;
}

.loginForm table td {
	padding:6px;
}

.loginForm input { /* ensure input fields are all the same width */
	width:140px;
}

.loginForm input.button { /* ensure buttons don't inherit the width setting from ".loginForm input" */
	width:auto;
}

.loginStatus {
	border:solid 1px gainsboro;
	padding:4px 4px;
	margin:0 0 16px 0;
}

.loginStatus td {
	padding:4px 8px;
	vertical-align:middle;
}

#content div.loginStatus p {
	margin:0;
	padding:0;
}

/* SUGGESTION BOX STYLES */

#suggestionBox table {
	border-collapse:collapse;
}

#suggestionBox table td {
	border:solid 1px gainsboro;
	padding:6px;
}

#content.successrx #bodyCopy {
	width:auto;
	position:absolute;
	margin:0;
	top:64px;
	left:182px;
	width:576px;
}

#content.successrx #bodyCopy #footer {
	position:relative;
	left:-182px;
}

.fees #bodyCopy {
	margin-left:168px;
	padding-top:6px;
	width:396px;
	width:auto;
	clear:none;
}

.fees #bodyCopy h1 
{
	font-size:20px;
	font-weight:bold;
	margin-top:0;
}

.fees #bodyCopy h1 .subtitle
{
	display:block;
	font-size:20px;
	font-weight:normal;
	color:#80cade;
}

.fees #bodyCopy p.callout,
.productDetail p.callout
{
	margin:15px 0 15px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#80cade;
}

#content .productDetail p.callout
{
	margin-top:25px;
}

#content .productDetail p em 
{
	color:#4a4a4a;
}

@media print 
{
	.fees #bodyCopy h1 .subtitle,
	.fees #bodyCopy p.callout 
	{
		color:black;
	}
}

.fees #bodyCopy h3 {
	color:#888;
}

.fees .clientTestimonials 
{
	font-style:italic;
}

.fees .clientTestimonials .attribution
{
	font-style:normal;
}

.fees #bodyCopy .fineprint {
	margin-top:16px;
	
	border-top:solid 1px gainsboro;
}

.fees #bodyCopy .fineprint h2 {
	margin-top:8px;
}

.feesBlock { /* the section on the rates pages in which the actual dollar values are disclosed */
	margin:0 0 24px 0;
}

.feesBlock h2 {
	margin-top:0;
}

.feesBlock h3 {
	margin-top:8px;
}

/* CLIENT TESTIMONIAL STYLES */

#clientTestimonials {
}

#clientTestimonials .attribution {
	font-weight:bold;
	margin:0 0 0 0;
}

#clientTestimonials blockquote {
	margin-top:0;
}

#clientTestimonials blockquote p {
	margin:0 0 9px 0;
}

#clientTestimonials .annotation {
	font-style:italic;
}

/* CLIENT INTERVIEW STYLES */

.clientInterviews 
{
	margin-left:168px;
}

div.clientInterviews img
{
	margin-left:-172px;
}
.clientInterviews .productDetail 
{
}

/* SELECTED LINKS STYLES */

#selectedLinks {
	margin:0 0 0 168px;
}

#selectedLinks ul {
	margin:0 0 16px 24px;
	padding:0 0 0 0;
}

#selectedLinks a {
	color:#888;
	text-decoration:none;
}

#selectedLinks a:hover {
	text-decoration:underline;
}

#selectedLinks h3 
{
	margin-left:2em;
}

#selectedLinks div
{
	margin-left:2em;
}

/* BOOKSHELF AND MOVIES STYLES */

#bookshelf {
	margin:0 0 0 168px;
}

#bookshelf ul li a,
#movies ul li a 
{
	display:block;
}

#bookshelf ul li a:hover,
#movies ul li a:hover 
{
	color:#888888;
}

#bookshelf #current,
#movies #current {
	text-align:center;
	margin:0 0 0 192px;
}

#bookshelf .book {
	/*border:solid 1px black;*/
	position:relative;
	width:160px;
	height:188px;
	vertical-align:top;
	overflow:hidden;
	float:left;
	text-align:left;
}

#bookshelf #current .book {
	float:none;
	margin:0 auto 0 auto;
}

#bookshelf .book .bookCover {
	/*border:solid 1px lime;*/
	position:absolute;
	z-index:1;
}

#bookshelf .book .splat {
	/*border:solid 1px red;*/
	position:absolute;
	z-index:3;
	left:64px;
	top:120px;
	width:140px;
	height:72px;
	background-image:url(../Images/bookshelf/ck_recommends.gif);
	background-repeat:no-repeat;

}

/* GENERIC CLASSES */

.warning {
	border:solid 1px #900;
	color:#900;
	width:auto;
	display:inline;
	padding:4px;
	margin:8px;
}

.fineprint p {
	font-size:7pt;
	line-height:10pt;
}

.inquiryFormLink {
	text-transform:uppercase;
	font-weight:bold;
}

.notice 
{
	font-size:13px;
	font-weight:bold;
	color:#0b97b6;
}

.notice label,
.notice strong
{
	font-weight:bold;
	color:Black;
}

/* DEVELOPMENT STYLES */
.devNoteBlock {
	/*
	position:relative;
	right:-1.5em;
	top:-1.5em;
	*/
	width:200px;
	margin:0 0 0 0;
	
	float:right;
	clear:right;
}

.devNoteBlockFix {
	border:solid 1px lime;
	clear:both;
	height: 0px;
	font-size:0px;
	visibility:hidden;
	margin:0 0 0 0;
}



.devNote {
	background-color:#FFFF99;
	border:solid 1px #FFCC33;
	
	margin:0;
	padding: .25em;
	
	font-size:.8em;
}

.devNote strong {
	color:#990000;
}

.devNote ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
	list-style-position:inside;
}

.betaComponent {
	border:solid 2px maroon;
	background-color:white;
	clear:both;
	padding:1em;
}

@media print {
body, td, .button, h1, h1 a, h2, h3, a, a:visited, .question {
	color: black;
}
	
}