/* Site Framework Layout */

body {
	background: #77bbcc;
/*	background: #dbe6de;*/
	text-align: center;
	margin: 0px;
	padding: 0px;
}		
#Framework {
	width: 1000px;
}
#TopSection {
	background: #ffffff;
	margin: 0px;
	padding: 10px 10px 0px 10px;
	height: 70px;
	width: 760px;
}
#TopSectionLogo {
	float: left;
}
#TopSectionImage {
	padding: 0px;
	margin: -10px 0px 0px 0px; 
	float: right;
}

#Strapline {
	width: 760px;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	border-top: solid 1px #59a8b9;
	border-bottom: solid 1px #59a8b9;
}
#Strapline h1 {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #59a8b9;
	padding: 4px 0px 0px 150px;		/* The Search box is a floating Div so doesn't affect a margin */
	margin: 0px;
}
#Strapline h1 a {
	text-decoration: none;
	color: #59a8b9;
}
#Strapline h1 a:hover {
	color: #00C;
	text-decoration: underline;
}
	
/* Search */
#Search {
	margin: 0px;
	padding: 1px 2px 2px 2px;
	background: #fff;
	float: left;
}

.SearchField {
	margin: 0px;
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	color: #CC0000;
	width: 110px;
	background: #dbe6de;  /* cfe3d4; */
	border: none;
	padding: 2px 3px 2px 3px;
}	
.SearchSubmit {
	margin: 3px 0px -3px 0px;
	padding: 0px 0px 0px 2px;
	cursor: pointer;
}	
.SearchHighlight {
	font-weight: bold;
	color: #CC0000;
}




/* Advert Panel
-------------------------------------------------------------------------------------------
*/

#AdvertPanel {
	width: 180px;
	background: #e9f6f9 url(/Images/Layout/SidePanel.gif) repeat-y;
	vertical-align: top;
}

/*77bbcc*/



/* Menu 
-------------------------------------------------------------------------------------------
*/

#Menu {
	width: 140px;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	background: #ffffff;
	vertical-align: top;
}

#Menu dl {
	margin: 0px;
}
#Menu dt {
	width: 130px;
	background: url(/Images/Layout/dt.gif) no-repeat top left;
	font: bold 11px/1.3 Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0px 0px 1px 0px;
	padding: 1px 0px 1px 10px;
}
#Menu dt a {
	color: #ffffff;
	text-decoration: none;	
}
#Menu dt a:hover {
	text-decoration: none;	
}

	
#Menu dd {
	margin: 0px 0px 1px 0px;
}
#Menu dd a {
	display: block;
	width: 130px;
	background: url(/images/Layout/dd.gif) no-repeat top left;
	font:  11px/1.3 Arial, Helvetica, sans-serif;
	color: #487f82;
	padding: 1px 0px 1px 10px;
	text-decoration: none;
}
#Menu dd a:hover {
	background: #ffffff;
	font: 11px/1.3 Arial, Helvetica, sans-serif;
	color: #cc0000;
}
	


/* Double Height Menu */
#Menu a.dddouble {
	display: block;
	width: 130px;
	background: url(/images/Layout/dddouble.gif) no-repeat top left;
	font: 11px/1.3 Arial, Helvetica, sans-serif;
	color: #487f82;
	padding: 1px 0px 1px 10px;
	text-decoration: none;
}




	
/* Main Content Area
-------------------------------------------------------------------------------------------
*/

#MainContent {
	margin: 0px;
	padding: 8px;
	vertical-align: top;
	background: #ffffff;
}
	
	
	
	

/* Column Layout
-------------------------------------------------------------------------------------------
*/

/* One Column Full width */
div.ContentAreaFullWidth {
	width: 590px;
	clear: left;
	background: #ffffff;
	vertical-align: top;
}

/* Left Column */
div.ContentAreaLeft {
	float: left;
	width: 295px;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	vertical-align: top;
}
	
/* Right Column */
div.ContentAreaRight {
	float: right;
	width: 295px;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	vertical-align: top;
}	
	

	
/* Footer
-------------------------------------------------------------------------------------------
*/

#Footer {
	margin: 0px;
	width: 760px;
	padding: 10px 0px 0px 0px;
	border: 0;
	background: #ffffff;
	border-top: solid 1px #59a8b9;
}
	
#Footer p {
	width: 760px;
	margin: 0px 0px 20px 0px;
	color: #386668;
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	text-align: center
}
	
#Footer em {
	margin: 0px 0px 0px 0px;
	padding: 0px 3px 0px 3px;
	color: #386668;
	font-style: normal;
}
	
#Footer a {
	color: #386668;
	text-decoration: none;
}
	
#Footer a:hover {
	color: #CC0000;
	text-decoration: underline;
}
	






/* Heading and Paragraph Elements 
-------------------------------------------------------------------------------------------
*/

h1 {
	font: bold 14px/1.3 Arial, Helvetica, sans-serif;
	text-align: left;
	color: #CC0000;
	margin: 0px 0px 5px 0px;
}	
h2 {
	font: bold 12px/1.3 Arial, Helvetica, sans-serif;
	text-align: left;
	color: #CC0000;
	margin: 12px 0px 5px 0px;
}
h3 {
	font: bold 12px/1.3 Arial, Helvetica, sans-serif;
	text-align: left;
	color: #467079;
	margin: 3px 0px 1px 0px;
}	

p {
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	text-align: left;
	color: #467079;
	margin: 0px 0px 5px 0px;
}

td {
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	text-align: left;
	color: #467079;
	margin: 0px;
	padding: 0px;
}


ul {
	margin: 5px 0px 10px 0px;
	padding: 0px 0px 0px 20px;
}
li {
	vertical-align: baseline;
	list-style-image: url(/Images/Layout/bullet.gif);
	font: 12px/1.2 Arial, Helvetica, sans-serif;
	color: #467079;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
}
	
	
a {
	color: #CC0000;
	text-decoration: underline;
}

a:hover {
	color: #467079;
	text-decoration: none;
}
	
	
	
/* Class Elements
-------------------------------------------------------------------------------------------
*/

.Standout {
	color: #59a8b9;
	font-weight: bold;
/*	text-decoration: underline; */
}


.MissionStatement {
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #59a8b9;
	padding: 10px;
	margin: 20px;
	border: solid 1px #cc0000;
}

.ImageRight {
	float: right;
	padding: 5px 0px 5px 5px;
}
.ImageLeft {
	padding: 5px 0px 5px 0px;
}


.Testimonial {
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: left;
	color: #467079;
	margin: 0px 0px 5px 0px;
}	

.TestimonialSource {
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: left;
	color: #4670cc;
	margin: 0px 0px 0px 0px;
}	
	
	
	
/* Enquiry Form
----------------------------------------------------------------------------*/

#ContactForm .TextField {
	font: 12px Arial, Helvetica, sans-serif;
	color: #467079;
	background: #FFF;
	border: 1px solid #6e7171;
	margin: 2px 0px 2px 0px;
	padding: 1px 0px 1px 5px;
	width: 180px;
}	
#ContactForm .TextFieldWide {
	font: 12px Arial, Helvetica, sans-serif;
	color: #467079;
	background: #FFF;
	border: 1px solid #6e7171;
	margin: 2px 0px 2px 0px;
	padding: 1px 0px 1px 5px;
	width: 490px;
}	
	
#ContactForm .MultiTextField {
	font: 12px Arial, Helvetica, sans-serif;
	color: #467079;
	background: #FFF;
	border: 1px solid #6e7171;
	margin: 5px 20px 10px 0px;
	padding: 1px 0px 1px 5px;
	width: 166px;
	height: 100px;
}	
	
#ContactForm .DropDown {
	font: 12px Arial, Helvetica, sans-serif;
	color: #467079;
	background: #FFF;
	border: 1px solid #6e7171;
	margin: 5px 0px 10px 0px;
	width: 180px;
	padding: 0px 0px 0px 0px;
}
	
#ContactForm label {
	font: 12px Arial, Helvetica, sans-serif;
	color: #467079;
	margin: 0px 0px 0px 0px;
}	
	
#ContactForm label.BoldLabel {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #467079;
	margin: 17px 0px 0px 0px;
	display: block;
}	
		
#ContactForm .Submit {
	margin: 5px 110px 0px 0px;
	float: right;
}
	
#ContactForm .MailSubmit {
	margin: 15px 140px 0px 0px;
	float: right
}



/* Postcode Lookup  */
.PostcodeLookupTextbox {
	border: solid 1px #59a8b9;
}

.PostcodeLookupList {
	font: 14px Arial, Helvetica, sans-serif;
}






/* Lecture Bookings */
#QuickLinksPanel, .QuickLinksPanel {
	float: right;
	padding: 5px;
	margin: 5px 5px 5px 25px;
	background: #fff;
}
#QuickLinksPanel dt, .QuickLinksPanel dt {
	width: 130px;
	background: url(/Images/Layout/ddRed.gif) no-repeat top left;
	font: bold 12px/1.3 Arial, Helvetica, sans-serif;
	color: #fff;
	margin: 0px 0px 1px 0px;
	padding: 1px 0px 1px 10px;
}

#QuickLinksPanel dd, .QuickLinksPanel dd {
	margin: 0px 0px 1px 0px;
	display: block;
	width: 130px;
	font:  12px/1.3 Arial, Helvetica, sans-serif;
	color: #487f82;
	padding: 1px 0px 1px 10px;
	text-decoration: none;
}




#DataLayoutTable {
	border: none;
	padding: 0px;
	margin: 0px;
}
#DataLayoutTable p {
	font: 12px/1 Arial, Helvetica, sans-serif;
	text-align: left;
	color: #467079;
	margin: 0px;
	padding: 0px;
}



/* Data Tables for UltraGrid */

.DataTableHeader {
	font: bold 14px/1.3 Arial, Helvetica, sans-serif;
	color: #467079;
	margin: 0px;
	padding: 3px;	
	border-bottom: solid  1px black
}

.DataTableRow {
	font: 12px Arial, Helvetica, sans-serif;
	color: #467079;
	border: solid 1px black;
}
.DataTableRow td {
	padding: 3px;
}
.DataTableAlternateRow {
	font: 12px Arial, Helvetica, sans-serif;
	color: #467079;
	background-color: #e9f6f9;
	margin: 6px 3px 6px 3px;
	padding: 6px 3px 6px 3px;
	border: solid 1px black;
}
.DataTableAlternateRow td {
	padding: 3px;
}
.DataTableRowSelected {
	font: 12px Arial, Helvetica, sans-serif;
	color: #467079;
	padding: 3px;
	border: none;
}

.PagerNumbers {
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	text-align: left;
	color: #467079;
	padding: 10px 0px 10px 0px;
}



/* Questions And Answers */
.QnAHeader {
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	text-align: left;
	color: #467079;
	margin: 12px 0px 5px 0px;
}
.QnAAnswer {
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	text-align: left;
	color: #467079;
	margin: 10px 0px 5px 10px;
}






/* Salon Directory 
*/
div#SalonLocatorSearch {
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
div#SalonLocatorSearch label {
	font: 12px Arial, Helvetica, sans-serif;
	color: #467079;
	margin: 0px 0px 0px 0px;
	display: block
	}	
div#SalonLocatorSearch .TextField {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	background: #FFF;
	border: 1px solid #6e7171;
	padding: 5px;
	width: 150px;
}	


.SalonLocatorACPTable {
	width: 575px; 
	border: 1px #333366 solid;
}
.SalonLocatorACPHeaderLeft {
	font: bold 16px/1.3 Arial, Helvetica, sans-serif;
	text-align: left;
	color: #ffffff;
	background: #77bbcc;  /* #59a8b9; */
	width: 375px; 
	border-bottom: 1px #333366 solid;
	padding: 3px 0px 3px 3px;
}
.SalonLocatorACPHeaderRight {
	font: bold 14px/1.3 Arial, Helvetica, sans-serif;
	text-align: right;
	color: #ffffff;
	width: 200px; 
	background: #77bbcc;  /* #59a8b9; */
	border-bottom: 1px #333366 solid;
	padding: 3px 3px 3px 0px;
}
.SalonLocatorACPLeftPanel {
	width: 375px; 
	border-right: 1px #333366 solid; 
	vertical-align: top;
	padding: 3px 0px 3px 3px;
}
.SalonLocatorACPRightPanel {
	width: 200px; 
	background: #e9f6f9;
	padding: 3px 0px 3px 0px;
}


.SalonLocatorTextEntry {
	/* Nothing */
}
.SalonLocatorTextEntryHeader {
	font: bold 14px/1.3 Arial, Helvetica, sans-serif;
}
.SalonLocatorTextEntryAddress {
	font: 12px Arial, Helvetica, sans-serif;
}

.GoogleMapTitle 
{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #77bbcc;
}


.NoDatesAvailable {
	padding: 5px;
}






	


/* Home Page Specific */
.HomeFlash {
	padding: 0px;
	margin: 6px;
}	



/* Google Maps Specific */

#GoogleMap {
	width: 300px; 
	height: 300px; 
	float: right; 
	margin-right: 25px;
	margin-bottom: 30px; 
	border: solid 1px black;
}

#GoogleWorldMap {
	width: 590px; 
	height: 350px; 
	margin: 15px 0px 0px 0px;
}


.MapReset {
	font: 12px/1.3 Arial, Helvetica, sans-serif;
	text-align: left;
	color: #CC0000;
	margin: 0px 0px 0px 3px;
	text-decoration: none;
}
.MapReset:hover {
	color: #e00;
	text-decoration: underline;
}

	
	
	
	
.TrainerPortrait {
	float:right; 
	border: solid 1px black;
	margin: 15px 0px 15px 15px;
}