/* -------------------------------- */
/* toolkitCore */
html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-image:url(mainBkg.jpg); /* update, change or remove this image if it doesn't apply to your site design */
	background-repeat:repeat-x;
	background-color:#9ed7e9;
	background-position: top center;
}
	/*Do not put font-family here. Put it in your #content div.*/
h1 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:18px;
	margin-top:0px;
	padding-top:0px;
	color:#0e6d80;
	}

h2 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:15px;
	line-height:18px;
	margin:0px;
	color:#0e6d80;
	font-weight:normal;
	}
	
h3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:18px;
	margin-top:0px;
	color:#64b78a;
	font-weight:normal;
	font-style:italic;
	}	
/* no longer use .headline or .subheadline classes */

p {
	padding-top:0px;
	margin-top:0;
}


	/* keep these attibutes in here*/

.text-dark, .text-medium {
	width:200px;
	padding-right:30px;}
.disclaimer, .text-dark-sm, .text-disclaimer {}
.white, text-light {}

/* /toolkitCore  */
/* -------------------------------- */


/* shellIDs */
#topArea{
	width:967px;
	height:110px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background:url(topBkg.jpg) no-repeat;
}

	.ParadiseMistLogo{
		position:absolute;
		left:49px;
		top:0px;
	}
	
	.VisitKeylime {
		position:absolute;
		top:9px;
		right:159px;
	}
	
	.KeylimeLogo {
		position:absolute;
		top:0px;
		right:12px;
	}
	
#FlashArea {
	width:967px;
	height:486px;
	background:url(FlashBkg.jpg) no-repeat left bottom;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:20px;
}

#topNav {
	width:967px;
	height:40px;
	background:url(navBkg.png) no-repeat;
	text-align:center;
	clear:both;
	position:absolute;
	top:0px;
	left:0px;
	z-index:20;
}

#landMask {
	width:967px;
	height:158px;
	background-image:url(LandMask.png);
	background-repeat:no-repeat;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:10;
}

#landMask img{
	margin-top:23px;
}

.detailLeft {
	position:absolute;
	bottom:138px;
	left:0px;
	z-index:20;
}

.detailRight {
	position:absolute;
	bottom:121px;
	right:0px;
	z-index:21;
}

.clearspace {clear:both;}

#content {
	background:#fdfaee url(contentBkg.jpg) no-repeat;
	width:941px;
	min-height:770px;
	height:auto !important;
	height:770px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	text-align:left;
	padding-bottom:30px;
}

/*.footerGirl {
	position:absolute;
	right:6px;
	bottom:0px;
}*/

.footerGirl {
	position:absolute;
	right:6px;
	bottom:0px;
	background-image:url(footerGirl.png);
	width:205px;
	height:237px;
	z-index:200;
}

#leftCol {
	width:500px;
	padding:34px 0px 0px 30px;
	float:left;
	
	
}

.txtOnly, td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#5a5a5a;
}

#bodyContent {
	width:534px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:20px;
	color:#5a5a5a;
}

#graphicHeader{
	width:534px;
	/*margin-bottom:22px;*/
	text-align:left;
}
	#leftCol p {margin-bottom:15px;}
	/* IMPORTANT!!!! Please use padding-bottom:15px on ALL p classes.
	This will provide the best cross-browser compatibility on paragraph spacing*/

	.separator {
		width:534px;
		height:51px;
		background:url(separator.png) no-repeat;
	}


#rightCol {
	width:302px;
	height:606px;
	background:url(rtColBkg.jpg) no-repeat;
	float:right;
	margin:0 15px 75px 0;
	position:relative;
}

	.emailOffersTitle {
		position:absolute;
		top:34px;
		left:24px;
		z-index:30;
	}
	
	.emailText {
		position:absolute;
		top:62px;
		left:24px;
		z-index:31;
	}
	
	.signUpBtn {
		position:absolute;
		top:64px;
		right:20px;
		z-index:32;
	}
	
	.hRule1 {
		position:absolute;
		top:114px;
		left:19px;
		z-index:33;
	}
	

	.hRule2 {position:absolute; /* top:228px; */ top:244px; left:19px; z-index:34;}

	
	.haveQuestions {
		position:absolute;
		top:143px;
		left:24px;
		z-index:35
	}
		
	.haveQuestionsTxt {
		position:absolute;
		left:24px;
		top:171px;
		z-index:36;
	}
	
	.emailUsBtn {
		position:absolute;
		top:174px;
		right:20px;
		z-index:37;
	}
	
	.readersChoice {
		position:absolute;
		/* top:259px; */
		top:264px;
		left:60px;
		z-index:38;
	}
	
	#emailCallout {position:absolute; left:24px; top:62px; width:200px; min-height:24px; height:auto !important; height:24px; color:#61a982; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; font-weight:bold;}
	#questionCallout {position:absolute; left:24px; top:171px; width:200px; min-height:24px; height:auto !important; height:24px; color:#61a982; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:14px; font-weight:bold;}
	#spaReserve {
		position:absolute;
		/* top:400px; */
		top:442px;
		left:15px;
		width:272px;
		padding:10px 0px 10px 0px;
		border:#1c7d9b 1px solid;
		text-align:center;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-weight:bold;
		color:#1c7d9b;
		font-size:12px;
		line-height:18px;
	}

#footer {
	background:url(footerBkg.jpg) no-repeat;
	width:955px;
	height:51px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:22px;
	position:relative;
}

	.visitKLCfooter {
		position:absolute;
		top:12px;
		left:31px;
		}
		
	.facebook {
		position:absolute;
		top:12px;
		right:27px;
		}
		
#address {
	width:955px;
	height:23px;
	margin-left:auto;
	margin-right:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFF;
	text-align:center;
}

#ht {
	width:955px;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
/* --------- Content Layouts ------------ */
.anchorNav {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#dc3c69;
	line-height:18px;
}

.anchorNav p {
	margin:0px;
}

.anchorNav a, .anchorNav a:link, a, a:link {
	color:#dc3c69;
	text-decoration:none;
}

.anchorNav a:hover, a:hover {
	color:#dc3c69;
	text-decoration:underline;
}

.bioImage {
	width:144px;
	height:148px;
	padding:3px 0px 3px 0px;
	background:url(bioImgTreatment.gif) no-repeat;
}

.bioImageTxtL {
	padding-left:26px;
	width:364px;
}

.TxtL {
	padding-right:26px;
	width:364px;
}


.calloutTop{
	background:url(calloutTop.gif) bottom left no-repeat;
	height:22px;
	}
.calloutMiddle{
	background:url(calloutMiddle.gif) left repeat-y;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	width:494px;
	padding:10px 20px 0px 20px;
	color:#feffff;
	margin:0px;
	}
.calloutBottom{
	background:url(calloutBottom.gif) top left no-repeat;
	height:22px;
	}

.imgL {}

.imgR {}

.txtL {}

.txtR {}

.imageOnly {}

.codeOnly {}

/* --------- /Content Layouts ------------ */


/* ----- GuestBook Form Elements ----- */

.form-button {
	background-color:#ca105e;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	padding:2px;
	border:none;
	position:absolute;
	left:297px;
	color:#FFF;
	margin-top:10px;}
	/*This is for global form buttons, including the Toolkit login button.
	Create another similar button class for eRFP forms if you want specific
	positioning and update the class name in the app in the Toolkit.
	DO NOT edit the guestbook module in the modules folder*/
.form-button:hover {
	background-color:#e38521;}

.form-notes, .form-select, .form-text, .form-textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#5a5a5a;
	}
	/* IMPORTANT!!! Use the same font attributes as the <p> on the site's mainContent area for ALL of these classes. */
	
	
.form-checkbox, .form-radio {border:none;}

.text-required { color:#ca105e;}


/* ----- mspecials module - special copy price ----- */
.copy_price {}

/* ---------- Hi-Res Media Gallery ---------- */

.Hires_GalleryTitle {}

.Hires_ImageName {}

.Hires_Links {}

.contact_email_subject_url{display:none;}

.ajaxload {z-index:99; position:absolute; display:none; top:150px; left:370px;}

.formbutton {
		background-color:#F77300; 		
		border:1px solid #9BD6E8;
		color:#fff; 
		font-size:10px;
		font-weight:bold;
		cursor:pointer;
		padding:3px 4px 4px 4px;
		
		margin:20px 30px 30px 0;}

.formbutton:hover {
		border-width:1px;
		border-color:#298BB8;
		background-color:#F44A00;
		color:#FFD736;}