@charset "utf-8";

/* two column layout with header,top nav,content wrap, left & right column, bottom content and a footer. */


/* table of contents 
1 - defaults
2 - global fonts
3 - global anchor links
4 - layout elements

colours used:

with thanks to:

*/
/****** clear floats ***********/
.group:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
/***** default  ***/

*{margin:0;padding:0}
h1,h2,h3,h4,h5 {
	color:#fff;
	}
h1, #leftCol h4, #leftCol h5, #rightCol h4, #contact_wrap h4, #rightCol h3 {
	font: normal 180%/100% Georgia, "Times New Roman", Times, serif;
	margin: 0 0 15px 2.5em;
	letter-spacing: -1px;
	color:#900;
	}
h1{
	margin-bottom:1.5em;
	}	
	
html {
	background:#000;
	}	
dl,dt,dd {background:none;}
/*****  default fonts  ***/

@font-face {
	font-family: "Monotype Corsiva";
	src: url(fonts/MTCORSVA.TTF) format("opentype");
	}
	
body {
	position:relative;
	top:0;
	left:0;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:0.9em;
	*font-size:0.8em;
	behavior:url(css/csshover.htc);
	/*background:	url(../images/bg_grad.png) repeat-x;*/
	}



span, img, div, a, #header h1, dl, dt, dd, li, a ,p {
behavior: url(iepngfix.htc);
border:none;
	}


/*****  default fonts  ***/
a {
	text-decoration:none;
	color:#fff;
	cursor:pointer;
	}
a:hover {
	color:#900;
	}
/******* layout elements  ****/	


#wrapper {
	width:990px;
	margin-top:1em;
	margin:auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #333333;
	background:#000;
	}




/***************** header   ***************************/	

#header {
	width:100%;
	margin:0;
	padding:0;
	

	}
#header h1 {
	width:350px;
	float:left;
	margin:0;
	height:98px;
	text-indent:-3000px;
	background:url(../images/logo350w.jpg) no-repeat 0 0;
	color:#333;
	}
#message {
	float:right;
	width:39%;
	color:#fff;
	padding:1em 0.8em 0 0;
	margin:0;
	margin-right:100px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1em;
	font-style:normal;
	display:inline;
	font: normal 100%/100% Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0px;

	}
#message span {
	font-size:1em;
	color:#fff;
	line-height:2em;
	}
	
	
	
/************************** NAV *****************************/
#topBar {
	width:100%;
	clear:left;
	float:left;
	margin-top:1em;	
	}

div#listmenu{
	width:100%;
	float:left;
	border-bottom:1px solid #900;
	background:#000;
	margin-top:20px;
	font-family: "Monotype Corsiva", sans-serif, Arial, Helvetica;
	font-size:1.5em;
	color:#990000;
	}	
	
div#listmenu ul {
	margin: 0 0 0 2.5em;
	}
	
div#listmenu li{
	float:left;
	position:relative;
	list-style-type:none;
	background:#000;
	}
	
div#listmenu ul li ul{
	margin:0;
	position:absolute;
	width:8.5em;
	left:-1px;
	}
body div#listmenu ul li ul {
	display:none;
	}
div#listmenu ul li:hover ul, div#listmenu ul li ul:hover {
	display:block;
	}	


div#listmenu ul li ul li{
	width:100%;
	display:block;
	border-left:1px solid #900;
	border-right:1px solid #900;
	background-color:#900;
	background-color:rgba(144,0,0,.90);
	font-size:1em;
	}
div#listmenu ul li ul li:first-child {
	border-top:1px solid #900;
	}	
div#listmenu ul li ul li:last-child {
	border-bottom:1px solid #900;
	}		

div#listmenu li:hover{
	color:#900;
	}
div#listmenu ul li ul li:hover{
	background-color:#000;
	}	
div#listmenu a {
	padding: 0 6px;
	text-decoration:none;
	color:#fff;
	}
div#listmenu a:hover{
	color:#900;
	}

* html div#listmenu ul {
	float:left;
	border-left:1px solid #000;
	margin-left:2em;
	display:inline;
	}
* html div#listmenu ul li ul {
	margin-top:22px;
	border-top:1px solid #900;
	border-left:0px;
	}			
div#listmenu ul li ul {
	*margin-top:21px;
	
	}	
div#listmenu ul li ul li {
	*background-color:#900;
	}	
/************************** CONTENT   ***********************/
#content {
	clear:left;
	width:100%;
	line-height:1.2em;
	/*background:url(../images/floral-corner.gif) no-repeat 15px -6px;*/
	}

#innerWrap {
	width:100%;
	padding-top:1em;
	}

	



	
/**************************** LEFT COL /price lists   ***********/	
#leftCol {
	width:711px;
	min-height:450px;
	float:left;
	padding:25px 5px 0 0;
	display:inline;
	/*background:url(../images/floral-corner_bottom.gif) no-repeat 101% 100%;*/
	}	


#leftCol h5 {
	font-size:1.3em;
	margin-left:3.5em;
	margin-top:1em;
	letter-spacing: 0px;	
	}
#leftCol strong {float:left;}	
#leftCol h4 {
	/*font-size:1.3em;*/
	margin-left:2.5em;
	margin-bottom:1.5em;
	}	
#leftCol a:hover {
	color:#900;
	}
#content #leftCol ul, #content #leftCol ol{
	margin:1em 0 0 4.5em;
	background:none;
	list-style:none;
	}
	
.clear {
	clear:both;
	}
/****   slide show homepage ***/
#gallery {
	position:relative;
	height:250px;
	float:left;
	left:2.5em;
	top:-4em;
	display:inline;
	}
	#gallery a {
		float:left;
		position:absolute;
		}
	
	#gallery a img {
		border:none;
	}
	
	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
		z-index:600; 
		background-color:#000; 
		color:#fff;
		height:35px;
		padding:5px; 
		width:100%; 
		position:absolute;
		bottom:0;
		font-size:1.3em;
		font-weight:500;
		}

	
	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
		font-weight:bold;
	}
#content #leftCol ul li {
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#leftCol ul li {
	padding:2px;
	margin-bottom:3px;
	display:block;	
	}	
#leftCol ul li em {
	float:right;
	font-style:normal;
	font-weight:bold;
	}
/*#leftCol ul span {
	float:left;
	}		*/
.sub_desc {
	line-height:1.4em;
	width:85%;
	padding-top:5px;
	}
#leftCol #feedback {
	clear:both;
	width:90%;
	margin-left:5em;
	margin-top:2em;
	}	
#leftCol #feedback blockquote {
	width:100%;
	font-size:1.2em;
	color:#ccc;
	line-height:1.4em;
	text-align:center;
	padding:5px;
	padding-bottom:10px;
	background: rgba(144,0,0,.2);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #000;
	*border:none;
	font: normal 110%/100% Georgia, "Times New Roman", Times, serif;
	}	
#leftCol #feedback blockquote span {
	font-size:2em;
	font: normal 250%/100% Georgia, "Times New Roman", Times, serif;
	line-height:1em;
	margin-bottom:0.5em;
	}
#leftCol #treatments .cushycms {
	margin-left:4.5em;
	
	}

#leftCol #treatments .cushycms h1, #leftCol #treatments .cushycms h2,#leftCol #treatments .cushycms h3, #leftCol #treatments .cushycms h4, #leftCol #treatments .cushycms h5, #leftCol #treatments .cushycms p , #leftCol #treatments .cushycms ul, #leftCol #treatments .cushycms li, #leftCol #treatments .cushycms ol, em, #leftCol #treatments .cushycms span {
	margin:0;
	float:none;
	color:#fff;
	}

#leftCol #treatments .cushycms h1, #leftCol #treatments .cushycms h2,#leftCol #treatments .cushycms h3, #leftCol #treatments .cushycms h4, #leftCol #treatments .cushycms h5 {
	color:#900;
	}
	
#leftCol #treatments .cushycms ul li, #leftCol #treatments .cushycms ol li	{
	padding:2px;
	margin-bottom:2px;
	margin-top:0.6em;
	display:block;	
	}

#leftCol #treatments .cushycms p, #leftCol #treatments .cushycms h5{
	margin: 1em 0;
	}
#leftCol #treatments .cushycms em {
	vertical-align:baseline;
	}	
#leftCol #treatments .cushycms strong {
	float:none;
	}

#leftCol #links img {
	margin-left:4.5em;
	}
/**************************  RIGHT COL  *************************************/
#rightCol {
	width:250px;
	min-height:350px;
	float:right;
	margin: 1.8em 1.1em 1em 0 ;
	display:inline;
	background:url(../images/divider.jpg) no-repeat 0 0;
	}


#rightCol h3{
	padding:0;
	margin-top:3em;
	margin-left:1em;
	font-size:1.2em;
	font-weight:600;
	color:#900;
	letter-spacing: 0px;
	}

#rightCol h4{
	padding:0;
	margin-top:1em;
	margin-left:2em;
	font-size:1.2em;
	color:#900;
	letter-spacing: 0px;
	}
	
#rightCol ul {
	margin-top:1em;
	margin-left:2.2em;
	text-align:left;
	}	
#rightCol ul li {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0.2em;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	}	

.clearDl {
	clear:left;
	}
	

	
/******************************  CONTENT DL  *****************************/	

.mainP {
	float:left;
	width:200px;
	}		

#content p {
	margin:0.2em 0 0 4.5em;
	padding:0;
	/*text-indent:5.5em;*/
	}
	
	
#contact_wrap p{
	margin-left:2.5em;
	}

/*******************************   RIGHT COL DL  ***************************************/	
#rightCol dl {
	width:210px;  /* WIDTH OF BG IMAGE*/
	margin: 2em 0 1em 2em;
	background:none;
	}

#rightCol dt{
	height:85px;
	background:url(../images/bogof.png);
	text-indent:-10000px;
	}
#rightCol .promo{
	height:85px;
	background:url(../images/10_perc.png);
	text-indent:-15000px;
	}			
#rightCol dd{
	width:90%;	
	padding:0.5em;
	text-indent:18px;
	}
/****************************  bottom content ***************************************/	
#bottomContent {
	clear:both;
	min-height:260px;
	background:url(../images/brand-banner2.jpg) no-repeat 0 -20px;
	}
* html #bottomContent { /*IE6 fix */
	background:url(../images/brand-banner2.jpg) no-repeat 0 -20px;
	height:260px;
	}
	
#offers {
	margin-top:0;
	padding:0;
	width:50%;
	margin:auto;
	}	
* html #offers {
	margin-top:2.5em;
	}	
	
#bottomContent h3 {
	margin:0;
	padding:0;
	color:#000;
	text-indent:-10000px;
	}	
#bottomContent dl {
	width:200px;
	margin: 7.7em 2.7em 0 0em;
	background:none;
		}

/*#bottomContent dt{
	text-indent:-1500px;
	height:40px;
	background:url(../master%20images/10percOff.png) no-repeat ;
	color:#000;
	}		
#bottomContent h4{
	margin:0;
	padding:0;
	font-size:0.8em;
	color:#f00;
	}	

#comment {
	margin:0;
	padding:0;
	padding-top:1em;
	clear:both;
		}
#comment p {
	width:80%;
	margin:auto;
	padding:0.25em;
	margin-bottom:2em;
	margin-top:1em;
	text-align:center;
	font-size:0.8em;
	color:#fff;
	
	}				
#comment dl{
	background:none;
	width:100%;
	}	
#comment dt{
	background:none;
	}	
#comment dd{
	
	}	*/

/***************************** footer ************************************************/	
#footer {
	clear:both;
	width:50%;
	margin:auto;
	}
#footer ul {
	width:100%;
	margin:auto;
	margin-top:0.5em;
	padding:0;
  	list-style: none;
	text-align:center;
  	}	
#footer li {
  	float: left;
 	margin: 0;
	padding: 0;
  	font-family: "Lucida Grande", sans-serif;
	font-size: 0.8em;
	font-weight:bold;
	line-height:2em;
	}
#footer a {
	display: block;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	color:#999999;
	text-decoration: none;
  }
#footer a:hover {
	color:#666666;
	}