/******************************************************************************
 * Crofton Health Clinic - Layout 02
 *****************************************************************************/

div.layout02 { float:left; clear:none; width:730px; margin:0px; }

/********************************************************************** left */

div.layout02 div.left {
	float:left; width:205px; margin-right:5px; text-align:left;
}

div.alayout02 div.left p {
	margin:0px; padding:0px; margin-top:-3px; margin-left:20px;
}

div.alayout02 div.left p a {
	font-size:11px; margin:0px; padding:0;
	background-image:url(../images/green_bullet.gif); background-position:center left;
	background-repeat:no-repeat; padding-left:10px;
}

div.layout02 div.left p {
	display:block; width:180px; margin:0px; padding:0px; margin-left:10px;
	background-image:url(../images/green_bullet.gif); background-position:0px 7px; background-repeat:no-repeat;
}

div.layout02 div.left p a {
	display:block; width:170px; font-size:11px; margin:0px; padding:0;
	margin-left:10px;
}

div.layout02 div.left h2 {
	font-size:1.2em; color:#444444; margin-left:10px; margin-bottom:10px;
}


/************************************************************* left - images */
div.layout02 div#test.left {
	background-image:url(../images/layout_02_left_test.jpg);  height:300px;
    background-position:top center; background-repeat:no-repeat;
}

/********************************************************************* right */

div.layout02 div.right {
	float:left; width:520px;
}

div.layout02 div.right div.heading {
	width:520px; height:60px; text-align:left;
	background-image:url(../images/layout_02_h1_bg.gif);
    background-position:top center; background-repeat:repeat-y;
}

div.layout02 div.right div.heading h1 {
    font-family: Times, Verdana, Helvetica, sans-serif;
    font-size:1.8em; font-weight:normal;
    margin:0px; padding:30px 0px 0px 35px;
}

div.layout02 div.right_content {
	float:left; width:520px; padding-bottom:50px;
	background-image:url(../images/layout_02_r_bg.gif);
    background-position:top center; background-repeat:repeat-y;
    text-align:left;
}

div.layout02 div.right_content h2 {
	font-size:1.2em; color:#444444;
    margin:20px 60px 10px 35px;
}

div.layout02 div.right_content p {
    margin:10px 60px 10px 35px;
}

div.layout02 div.right_content p.right {
	text-align:right;
}

div.layout02 div.right_content p.centered {
	text-align:center;
}

div.layout02 div.right_content p.breadcrumb {
	margin-top:20px; font-size:1.0em;
}

div.layout02 div.right_content p.clear { clear:left; }

div.layout02 div.right_content p.breadcrumb a {
	padding-left:11px; padding-right:3px; font-size:0.9em;
	color:#444444; text-decoration:none;
	background-image:url(../images/breadcrumb_arrow.gif);
    background-position:left; background-repeat:no-repeat;
}

div.layout02 div.right_content p.breadcrumb a:hover {
	text-decoration:underline;
}

div.layout02 div.right_content p.sectionLink {
	text-align:right; margin-bottom:0px; margin-top:0px;
}

div.layout02 div.right_content p.sectionLink a {
	color:#664328; text-decoration:none; padding-right:10px;
	background-image:url(../images/therapy_bullet.gif);
	/* PROBLEM: Next line - cannot mix "right" and "2px"? */
	/* Possible that this is one reason IE is crashing. */
    background-position:center right; background-repeat:no-repeat;
}

div.layout02 div.right_content p.sectionLink a:hover {
	text-decoration:underline;
}

div.layout02 div.right_content ul.normal {
	margin:10px 80px 5px 55px; color:#444444; font-size:1.2em; line-height:1.6em;
}

div.layout02 div.right_content ul.normal li {
	margin-top:10px;
}

div.layout02 div.right_content ul.links {
	margin:10px 80px 5px 75px; color:#444444; font-size:1.2em;
}

div.layout02 div.right_content ul.links li {
	margin:5px 0px 0px 0px; padding:0px;
}


div.layout02 div.right_content img.centered {
	display:block; margin:20px auto 20px auto;
}

div.layout02 div.right_content img.centeredUp {
	display:block; margin:-5px auto 20px auto;
}

div.layout02 div.right_content img.floatLeft {
	float:left; margin:20px 20px 20px 35px;
} 

div.layout02 div.right_content img.floatRight {
	float:right; margin:20px 60px 20px 20px;
} 

/************************************************************** contact page */

div#cDetailsLeft { float:left; width:180px; }

div#cDetailsRight { float:left; width:250px; margin-bottom:20px; }

div#cDetailsLeft h2.label { margin-bottom:0px; }

div#cDetailsLeft p.address { margin-top:5px; margin-right:0px; }

div#cDetailsRight h2.label { margin-bottom:0px; }

div#cDetailsRight p.telephone { margin-top:5px; }

div#cDetailsRight p.email { margin-top:5px; margin-right:0px; font-weight:bold; }

div#cDetailsLeft img.mapIcon { display:block; margin:0px 0px 0px 35px; padding:0px; background-color:#ffeeee; }

/************************************************************** contact form */

form.enquiry { color:#444444; font-size:1.1em; line-height:1.6em; }

form.enquiry div { margin:0px 0px 0px 53px; padding:10px 20px 0px 0px; clear:both; }

form.enquiry div.submit_button { margin:20px 0 0 10px; }

form.enquiry label {
	float:left; display:block; width:80px; margin:0px 0px 5px 0px; font-weight:bold;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	float:left; color:#444444; font-size:1.1em; color:#444444; width:250px;
}

.button { font-weight:bold; width:100px; float:right; margin-right:110px; }

/************************************************************ accreditations */
div.accreditation {
	width:410px; margin-left:35px; margin-top:30px;
}

div.accreditation img {
	float:left; clear:none; margin:0px; padding:0px;
}

div.accreditationDetials {
	float:right; width:290px;
	margin:0px; padding:0px;
}

div.layout02 div.right_content div.accreditation h2 {
	margin:0px 0px 5px 0px; padding:0px 0px 0px 0px;
}

div.layout02 div.right_content div.accreditation p {
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}

/**************************************************************** conditions */
div.condition {
	clear:both;
}

div.layout02 div.right_content div.condition h2 {
	font-size:1.4em; width:80%; border-bottom:1px solid #444444;
}

div.layout02 div.right_content div.condition a.moreInfo {
	font-weight:bold; color:#444444;
	background-color:#D9E5D8; padding:1px 2px 1px 3px;
	border:1px solid #444444; margin-right:2px;
}

div.layout02 div.right_content div.condition a.moreInfo:hover {
	background-color:#eeeeee; text-decoration:none;
}

div.layout02 div.right_content div.condition a.treatment {
	font-weight:bold;
}

div.layout02 div.right_content div.condition p {
	margin-top:0px;
}

div.layout02 div.right_content div.conditionListLeft { width:180px; float:left; }
div.layout02 div.right_content div.conditionListRight { width:140px; float:left; }
div.layout02 div.right_content div.conditionListRightRight { width:130px; float:left; }

div.layout02 div.right_content div.conditionListLeft p {
	font-size:10px; margin:-13px 20px 10px 35px;
}
div.layout02 div.right_content div.conditionListRight p {
	font-size:10px; margin:-13px 20px 10px 0px;
}

div.layout02 div.right_content div.conditionListRightRight p {
	font-size:10px; margin:-13px 20px 10px 0px;
}

div.layout02 div.right_content div.conditionListLeft p a {
	font-size:10px;	
}
div.layout02 div.right_content div.conditionListRight p a { font-size:10px;  }
div.layout02 div.right_content div.conditionListRightRight p a { font-size:10px;  }

/*************************************************************** access keys */
div.layout02 div.right_content table.accessKeys {
	margin:20px auto 10px auto; font-size:1.2em;
}

div.layout02 div.right_content table.accessKeys caption {
	display:none;
}

div.layout02 div.right_content table.accessKeys th {
	text-align:center; font-weight:bold; background-color:#CEB5B6;
}

div.layout02 div.right_content table.accessKeys td.keyCol {
	width:75px; font-weight:bold; text-align:center;
}

div.layout02 div.right_content table.accessKeys td.descCol {
	width:250px; text-align:left; padding-left:10px;
}

div.layout02 div.right_content table.accessKeys tr {
	height:25px; background-color:#F2F2F2;
}

/*************************************************************** 2colSplit */
div.colSplit { clear:both; display:block; float:left; margin-bottom:30px; }

div.colSplit_left {
	width:220px; float:left;
}

html>body div.colSplit_left { width:230px; }

div.layout02 div.right_content div.colSplit_left p {
	margin-right:0px;
}

div.layout02 div.right_content div.colSplit_left ul.normal {
	margin:0px 0px 0px 60px;
	padding:0px 0px 0px 0px;
}

div.colSplit_right {
	width:240px; margin-right:30px; float:right;
}

html>body div.colSplit_right { width:250px; }

div.layout02 div.right_content div.colSplit_right p {
	margin-left:0px;
}

div.layout02 div.right_content div.colSplit_right h2 {
	margin-left:0px;
}

div.layout02 div.right_content div.colSplit_right ul.normal {
	margin:0px 0px 0px 30px;
	padding:0px 20px 0px 0px;
}

/************************************************************** profileSplit */
div.profileSplit {
	width:480px;
}

div.layout02 div.right_content div.profileSplit h2 {
	font-size:14px; background-color:#D9E5D8;
	padding:5px; display:block; margin:0px 0px 0px 30px;
}

div#mainContent div.profileSplit p.accreds {
	font-size:9px; font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:5px;
}

div#mainContent p.accreds {
	font-size:9px; font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:0px;
}

div.profileSplit div.profileLeft {
	width:240px; float:left;
}

div.profileSplit div.profileRight {
	width:240px; float:right;
}



div#mainContent div#loaded-content p {
	line-height:normal;
}