@charset "UTF-8";

/* 
	Site Name: ##Site Name##
	Author: David Buchholz - I-CRE8
	Author URL: http://www.i-cre8.com/
	Version: 4.0
	Updated: 13th October 2008
	

Table of Contents

1. Global Reset
2. Sitewide Text Sizing and Line Heights etc.
3. Page Styles, Layout Wrappers etc.
	3.1 Layout Wrappers
	3.* Footer Styles
	3.* Address Display
4. Form Styles
5. Error Styles
	5.1 Server Side Error Styles
	5.2 Client Side Error Styles
6. Table Styles
	6.1 Data Display Styles
	6.2 Cart Display Styles
7. Misc Styles
8. Navigation Styles
*/


/* 
1. Global Reset based on Eric Meyer's Suggestions http://meyerweb.com/eric/tools/css/reset/
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;  			/* Standard Browser Setting Font Size (generally 16px) */
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow ! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* 
2. Sitewide Text Sizing and Line Heights etc.
*/

body {
	background-color: #A2A5B9;
	background-image: url(../site/page_bg.jpg);
	background-repeat: repeat-y;
	background-position: center;
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-size: 75%; 			/* 16px x 0.75 - 12px */
	line-height: 1.5em; 		/* 12px x 1.5 = 18px */
}

/* Sets the text size specifically and is ignored by IE6, but used by Firefox, Safari, IE7, Opera and other modern browsers which allow users to resize text sized in pixels */
html>body {
	font-size: 12px;
}


h1, h2, h3, h4, h5, h6 {
	/*font-family: "Century Schoolbook", Baskerville, Georgia, "Times New Roman", Times, serif;*/
	color: #50516b;
	font-weight:normal;
}

h1 {
	font-size: 2em; 			/* 12px x 2 = 24px */
	line-height: 1.5em; 		/* 24px x 1.5 = 36px */
	color: #6A79C7;
	font-family: Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 1.5em; 		/* 12px x 1.5 = 18px */
	line-height: 2em; 		/* 18px x 2 = 36px */
}

#home h2 {
	color: #6A79C7;
	font-style: normal;
}

h3 {
	font-size: 1.333em;  		/* 12px x 1.333 = 16px */
	line-height: 1.125em;		/* 16px x 1.125 = 18px */
	margin: 0 0 1.125em 0;  	/* 16px x 1.125 = 18px */
}

h4, h5, h6 {
	font-size: 1.166em;  		/* 12px x 1.166 = 14px */
	line-height: 1.2857em; 		/* 12px x 1.2857 = 18px */
}

h5, h6 {
	margin: 1.2857em 0 0 0; 	/* 14px x 1.2857 = 18px*/
}

ol {
	list-style: decimal;
	margin: 0 0 1.5em 1em;
	padding-left: 1em;
}

address, blockquote, p {
	font-style: normal;
	margin-bottom: 1.5em;
}

/*
3. Page Styles, Layout Wrappers etc.
*/

/*
3.1 Layout Wrappers
*/

.content {
	margin: 0 auto;
	width: 760px;
	/*border: 1px solid #fff;
	border-bottom: none;
	border-top: none;*/
}

#contentWrapper {
	z-index: 500;
}

#mastHead {
	border-bottom: 1px solid #fff;
	background-color: #C0C3A9;
	background-image: url(../site/masthead_bg.jpg);
	background-position: center;
	background-repeat: repeat-y;
	padding-top: 36px;
	width: 100%;
	z-index: 1000;
}

#mastHead div.content {
	padding: 18px 0;
	background-color: #fff;
	position: relative;
}

#mastHead ul {
	font-size: 0.8333em;
	list-style-type: none;
	right: 1em;
	position: absolute;
	top: 0.5em;
	z-index: 2;
}

#mastHead li {
	float: left;
	margin-left: 0.5em;
}

#mastHead li a {
	color: #ccc;
	padding: 3px;
}

#mastHead li a:hover,
#mastHead li a:active,
#mastHead li a:focus {
	background-color: #C1CCEC;
	color: #FFFFFF;
	text-decoration: none;
}

#branding {
	border-bottom: 1px solid #fff;
	color: #fff;
	width: 100%;
	z-index: 1000;
}

#branding div.content {
	background-color: #77788D;
	background-image: url(../site/acupuncture_and_psychotherapy_text.jpg);
	background-position: center;
	background-repeat: no-repeat;
	min-height: 36px;
	position: relative;
}

#branding a, #branding a:visited {
	color: #fff;
}

#branding a:hover, #branding a:active {
	background-color: #d8dcbf;
	color: #343446;
}

#branding div.content {
	background-image: url(../site/branding_bg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	overflow: hidden;
}

#home #branding h1 {
	color: #EAEBFC;
	display: inline;
	font-size: 2em; 			/* 12px x 2 = 24px */
	line-height: 1.5em; 		/* 24px x 1.5 = 36px */
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	margin-left: 18px;
	width: 195px;
}

#home #branding p {
	/*clear: left;*/
	float: left;
	margin: 18px 0 0 18px;
	width: 190px;
}

#home #branding p.testimonial {
	position: absolute;
	top: 18px;
	left: 226px;
	width: 160px;
}

#home #branding img {
	float: right;
	margin-right: 1px;
}

/*
3.* Main Content Styles
*/

#mainContent {
	border-bottom: 1px solid #fff;
	color: #383644;
	width: 100%;
	z-index: 1000;
}

#mainContent div.content {
	background-color: #fff;
	background-image: url(../site/main_content_bg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	overflow: hidden;
}

#mainContent div.content #sidebar{
	padding: 18px;
	width: 190px;
	float: left;
}

#mainContent div.content #sidebar h4, #mainContent div.content #sidebar h5{
	color: #343446;
}

#mainContent div.content #textContent{
	padding: 18px;
	width: 498px;
	float: right;
}

#mainContent div.content #textContent ul{
	list-style: disc;
	padding-left: 1.5em;
	margin: 0 0 1.5em 1.5em;
}


#mainContent a, #mainContent a:visited {
	color: #3A32C4;
}

#mainContent a:hover, #mainContent a:active{
	background-color: #3A32C4;
	color: #d7e6f9;
}

/*
3.* Footer Styles
*/

#footer {
	color: #fff;
	width: 100%;
	z-index: 1000;
}

#footer div.content {
	border: none;
	margin: 0 auto;
	padding: 9px 0;
	width: 744px;
}

#footer a:link, #footer a:visited {
	color: #fff;
}

#footer a:hover, #footer a:active {
	background-color: #d8dcbf;
	color: #343446;
}

#footer li {
	display: inline;
	padding-right: 0.5em;
}

#footer li + li {
	padding-left: 0.5em;
	border-left: 1px solid #fff;
}

/*
3.* Address Display
*/
#phone li span {
	display: block;
	float: left;
	width: 5em;
}

/* 
4. Form Styles
*/

form {
	margin: 0 0 1.5em 0;
}

form br {
	display: none;
}

form div, fieldset {
	margin-top: 1.5em;
	vertical-align: middle;
}

fieldset {
	border: none;
	border-top: 1px solid #aaa;
	padding: 0 1.5em;
}

form div {
	clear: both;
}

legend {
	padding: 0 0.25em;
}

label {
	float: left;
	margin: 0 1em 0 0;
	text-align: right;
	width: 8em;				/* can be reset on individual basis below */
}

label span {
	clear: left;
	float: right;
	font-size: 0.75em;
	font-weight: normal;
	text-align: right;
	width: 16em;
}

label.hideit {
	color: #fff;				/* must be same colour as document background */
}

label.required {
	font-weight: bold;
}

label em, em.required {
	color: #990000;
	font-size: 1.6667em; 		/* 12px x 1.6667 = 20px */
	font-weight: bold;
}

p label {
	width: 3em;
	text-align: right;
}

label.hideLabel {
	color: #fff; 				/* must be set to bg colour of page */
}

label.eC_SameAs {
	margin-right: 13em;
	width: 25em;
}

/*
5. Error Message Styles
*/

/*
5.1 Server Side Error Styles
*/

#errorWrapper {
	margin: 0 0 1.5em 0;
	padding: 1.5em;
	/*border: #FC6 1px solid;*/
	background-color: #FFC;
}

#errorWrapper h3 {
	color: #c00;
	font-weight: bold;
	margin-top: 0;
}

#errorWrapper ul a {
	background-image: url(../icons/error_go.png);	
	background-position: 2px 50%;
	background-repeat: no-repeat;
	display: block;
	float: left;
	padding-left: 24px;
	width: 9em;
}

.error, label.errorNotice {
	background-color: #FFC;
}

label.errorNotice {
	background-image: url(../icons/error.png);
	background-position: 2px 50%;
	background-repeat: no-repeat;
}

/* 
6. Data Table Styles
*/

/*
6.1 Data Display Styles
*/
table {
	border-collapse: collapse;
	margin-top: 1.5em;
}

table caption {
	font-style: oblique;
}

thead tr th, thead tr {
	border-bottom: 1px solid #453742;	
	padding: 0 0.5em;
	text-align: center;
	vertical-align: bottom;
}

tbody tr, tbody tr th, tbody tr td {
	border-bottom: 1px solid #453742;
}

tbody td, tbody th {
	padding: 0.5em;
	text-align: left;
	vertical-align: middle;
}

.viewData tbody td {
	text-align: center;
}

#cart tbody td {
	border: none;
	border-bottom: 1px solid #453742;
}

tbody td.central {
	text-align: center;
}

tbody td.right {
	padding-right: 0;
	text-align: right;
}

tbody td em {
	color: #CC0000;
}

tbody tr.alt td, tbody tr.alt th {
	background: #f1f0ee;
}

tbody tr.over td, tbody tr.over th {
	background: #ffffbb;
}

tfoot td {
	text-align: right;
}

tfoot td.discount {
	color:#FF0000;
}

tfoot tr.grandTotal {
	border-top: 1px solid #453742;
}

tfoot tr.grandTotal td {
	font-weight: bold;
}

tfoot th {
	border-right: 1px solid #453742;
	text-align: left;
}

tfoot td p {
	margin: 1.5em 0 0;
	text-align: left;
}

/*
6.2 Cart Display Styles
*/

/*
7. Misc Styles
*/

a.pdf {
	background-image: url(../icons/page_white_acrobat.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 18px;
}

.floatLeft {
	float: left;
}

img.floatLeft {
	margin: 0 0 0 -226px;
}

.floatRight {
	float: right;
}

img.floatRight {
	margin: 0 0 1.5em 1.5em;
}

.structureLabel {
	left: -5000px;
	position: absolute;
	width: 4000px;
}

/*
8. Navigation Styles
*/

#mainNavigation {
	border-bottom: 1px solid #fff;
	color: #fff;
	width: 100%;
	z-index: 1000;
}

#mainNavigation div.content {
	background-color: #8F98E3;
	background-image: url(../site/navigation_bg.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	overflow: hidden;
}

#mainNavigation ul {
	margin-left: 227px;
}

#mainNavigation li {
	float: right;
	width: 9em;
}

#mainNavigation li {position: relative;}

/* hide from IE mac \*/
#mainNavigation li {position: static; width: auto;}
/* end hiding from IE5 mac */


#mainNavigation a, #mainNavigation a:visited { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
	display: block;
	padding: .75em 1em;
	text-decoration:none;
}

#mainNavigation a:focus, #mainNavigation a:hover, #mainNavigation a:active {
	background-color: #d8dcbf;
	color: #343446;
}