@charset "utf-8";
/* CSS Document */
/*-----------------------------
START Top Nav Styles*/
div#Yoga {
	min-width: 900px;
	margin: 0 auto 0 auto;
	width: 1024px;
	}
div#YogaHeader {
	width: 920px;
	margin: 20px auto 0 auto;
	background-image: url(../images/yoga_header_background.gif);
	background-position: top center;
	background-repeat: repeat-x;
	height: 120px;
	}
div#YogaHeader p {
	color: #FFFFFF !important;
	}
div#DruLogoContainer {
	width: 662px;
	font-size: 80%;
	font-weight: bold;
	float: left;
	margin: 25px 0px 0px 10px; /*Moz style*/
	*margin: 25px 0px 0px 10px !important; /*IE6 + IE7 style*/
	_margin: 10px 0px 0px 10px; /*IE6 style*/
	line-height: 150%;
	color: #FFFFFF;
	padding: 0; /*Moz style*/
	*padding: 0 !important; /*IE6 + IE7 style*/
	_padding: 10px 0 0 0; /*IE6 style*/
	}
img#DruYogaLogo {
	width: 97px;
	height: 100px;
	float: left;
	margin: -15px 30px 0px 0px; /*Moz style*/
	*margin: -15px 30px 0px 0px !important; /*IE6 + IE7 style*/
	_margin: -10px 30px 0px 0px; /*IE6 style*/
	}
img#headerTitle {
	width: 535px;
	height: 40px;
	float: right;
	margin: 18px 0px 0px 0px; /*Moz style*/
	*margin: 18px 0px 0px 0px !important; /*IE6 + IE7 style*/
	_margin: 22px 0px 0px 0px; /*IE6 style*/
	}
div#DruTalkContainer {
	width: 220px;
	float: right;
	margin: 5px 0 0 0; /*Moz style*/
	*margin: -18px 0 0 0 !important; /*IE6 + IE7 style*/
	_margin: 0; /*IE6 style*/
	}
div#DruTalkSubscribe h4 {
	color: #FFFFFF;
	size: 75%;
	margin: 0 0 0 0; /*Moz style*/
	*margin: 23px 0 0 0 !important; /*IE6 + IE7 style*/
	_margin: 5px 0 0 0; /*IE6 style*/
	text-transform: uppercase;
	}
div#DruTalkSubscribe p {
	font-size: 68%;
	color: #FFFFFF !important;
	margin: 0px !important;
	}
div#DruTalkSubscribe label {
	float: left;
	margin-top: 8px;
	font-weight: bold;
	}
div#DruTalkSubscribe input {
	width: 125px;
	height: 11px;
	float: right;
	margin: 5px 5px 0 0;
	}
input.SubscribeButton {
	border: 0px;
	width: 112px !important;
	height: 21px !important;
	}
p.SubscribeInputs {
	clear: both;
	}
/*-----------------------------
END Top Nav Styles*/

/*-----------------------------
START Middle Page Styles*/
div#DruContentContainer {
	width: 920px;
	margin: 0 auto 0 auto;
	padding-top: 20px;
	background-color: #FFFFFF;
	}
div#DruContentRightContainer {
	float: right;
	width: 700px;
	}
div#YogaContent {
	float: left;
	width: 480px;
	margin: -10px 0 0 0 ;
	}
div#YogaContent p {
	font-size: 80%;
	margin: 0 0 15px 0;
	}
div#YogaContent li {
	font-size: 90%;
	}

	/*START Left Nav Styles*/
	div#YogaLeftNav {
	float: left;
	width: 200px;
	margin-right: 20px;
	}
	div#YogaLeftNav ul {
		margin: 0px auto 0px auto;  /*Moz style*/
		*margin: 0px 0px 0px 0px; /*IE6 + IE7 style*/
		_margin: 0px 0px 0px 0px; /*IE6 style*/
		width: 190px;
		font-size: 70%;
		}
	div#YogaLeftNav ul a {
		color: #4E4E4E;
		text-decoration: none;
		}
	div#YogaLeftNav ul a:hover{
		text-decoration: underline;
		color: #F26522;
		}
	div#YogaLeftNav ul li {
		list-style: none;
		list-style-position: inside;
		margin: 0 0 4px 0;
	}
	div#YogaLeftNav ul li.LNNewSection {
		margin-top: 30px !important;
	}
	
	div#events li#DruEventsLI a, div#works li#DruWorkshopLI a, div#teachTrain li#TeachTrainLI a, div#druComp li#DruCompLI a, div#Home li#HomeLI a, div#AboutDru li#AboutDruLI a, div#WhatIsDru li#WhatIsDruLI a, div#TeachYoga li#TeachYogaLI a, div#LearnYoga li#LearnYogaLI a, div#DruWorkshop li#DruWorkshopLI a, div#DruRetreats li#DruRetreatsLI a, div#DruEvents li#DruEventsLI a, div#DruMeditation li#DruMeditationLI a, div#DruTaster li#DruTasterLI a, div#DruHealth li#DruHealthLI a, div#DruBackcare li#DruBackcareLI a, div#DruCourses li#DruCoursesLI a, div#CourManchester li#CourManchesterLI a, div#CourGlasgow li#CourGlasgowLI a, div#CourAberdeen li#CourAberdeenLI a, div#CourLondon li#CourLondonLI a, div#CourMidlands li#CourMidlandsLI a, div#CourWales li#CourWalesLI a, div#CourLeeds li#CourLeedsLI a, div#ContactUs li#ContactUsLI a, div#DruFAQs li#DruFAQsLI a, div#DruSuccess li#DruSuccessLI a, div#DruTerms li#DruTermsLI a, div#DruPrivacy li#DruPrivacyLI a, div#Snowdonia li#SnowdoniaLI a, div#Summer li#SummerLI a, div#FindTeacher li#FindTeacherLI a, div#HeaderManchester li#HeaderManchesterLI a, div#TeachYoga li#TeachYogaLI a, div#WhatIsDru li#WhatIsDruLI a, div#DruWorkshop li#DruWorkshopLI a, div#DruTraining li#DruTrainingLI a, div#WhyDru li#WhyDruLI a, div#DruPress li#DruPressLI a, div#DruVideos li#DruVideosLI a, div#DruBusiness li#DruBusinessLI a, div#DruWhat li#DruWhatLI a, div#FriendsOfDru li#DruFriends a
	{
	color: #F26522 !important;
	}

	/*END Left Nav Styles*/
	/*START Right Nav Styles */
	div#YogaRightNav {
		float: right;
		width: 200px;
		margin: 0 0 0 0;  /*Moz style*/
		*margin: 0 0 0 0; /*IE6 + IE7 style*/
		_margin: 0 0 0 0; /*IE6 style*/
		}
	div.RtNavBox {
		border: 1px solid #F0F0EE;
		padding: 10px;
		background: url(../images/rt_nav_bg.gif) top center repeat-x;
		margin: 0 10px 20px 0;
		width: 170px;
		}
	div.RtNavBox h3 {
color:#DC1F55;
font-size:100%;
font-weight:bold;
line-height:130%;
margin:0pt 0pt 5px;
padding:0pt;
text-transform:uppercase;
}
div.RtNavBox h3 a {
color: #DC1F55;
text-decoration: none;
}
	div.RtNavBox p {
		color: #848283;
		margin: 0;
		padding: 0;
		font-size: 78%;
		line-height: 140%;
		text-align:center;
		}
	div.RtNavBox p span {
		font-size: 110%;
		font-weight: bold;
		}
	div#RtNavBox2 h3 {
		color: #1383C5 !important;
		}
	p.SuccessName{
		font-weight: bold;
		margin-bottom: 20px !important;
		}
		div#accreditedLogos	{
		width:150px;
		margin: 10px 0 10px 10px;
		padding: 0 0 0px 0!important;
	
		

	
		}
		div#downloadPdf	{
margin:30px 0 0 10px ;
	}
	div#accreditedLogos	p{
	margin: 10px 0 10px 0;
	
		}
	/*END Right Nav Styles*/
	/*START Homepage Styles */
	h1#HomePageH1 {
		padding: 0;
		margin: 0 0 10px 0;
		font-size: 100%;
		color: #000000;
		}
	div#HomepagePromos {
		width: 480px;
		}
	div#HomepagePromos img {
		width: 225px;
		height: 190px;
		margin: 0px 5px 10px 5px;
		}
	/*END Homepage Styles */
	/*START Course Styles*/
	div#CourseSummary {
		/*border: 2px solid #B5AFD7;*/
		padding: 10px;
		background-color: #8D85B6;
		/*background-image: url(../images/dru_yoga.gif);
		background-position: bottom right;
		background-repeat: no-repeat;*/		
		}
	div#CourseSummary2 {
		/*border: 2px solid #B5AFD7;*/
		padding: 10px;
		background-color: #9f9f9f;
		/*background-image: url(../images/dru_yoga.gif);
		background-position: bottom right;
		background-repeat: no-repeat;*/		
		}
	div#CourseSummary h3 {
		font-size: 120%;
		line-height: 120%;
		color: #FFFFFF;
		}
		div#CourseSummary2 h3 {
		font-size: 120%;
		line-height: 120%;
		color: #FFFFFF;
		}
	div#CourseSummary p{
		font-size: 68%;
		line-height: 120%;
		margin: 0px;
		color: #FFFFFF;
		}
	div#CourseSummary2 p{
		font-size: 68%;
		line-height: 120%;
		margin: 0px;
		color: #FFFFFF;
		}
	table#YogaCourseOutline {
		border: 0;
		width: 98%;
		margin: 15px auto 15px auto;
		padding: 10px 0px 10px 0px;
		border-top: 4px solid #B5AFD7;
		border-bottom: 4px solid #B5AFD7;
		}
		table#YogaCourseOutline2 {
		border: 0;
		width: 98%;
		margin: 15px auto 15px auto;
		padding: 10px 0px 10px 0px;
		border-top: 4px solid #737373;
		border-bottom: 4px solid #737373;
		}
	table#YogaCourseOutline th {
		font-size: 86%;
		font-weight: bold;
		color: #F26522;
		vertical-align: top;
		padding: 5px 15px 15px 5px;
		text-align: right;
		color: #FFFFFF;
		text-transform: uppercase;
		}
		table#YogaCourseOutline2 th {
		font-size: 86%;
		font-weight: bold;
		color: #F26522;
		vertical-align: top;
		padding: 5px 15px 15px 5px;
		text-align: right;
		color: #FFFFFF;
		text-transform: uppercase;
		}
	table#YogaCourseOutline td {
		font-size: 76%;
		vertical-align: top;
		padding: 5px 5px 15px 5px;
		text-align: left;
		color: #FFFFFF;
		}
	table#YogaCourseOutline2 td {
		font-size: 76%;
		vertical-align: top;
		padding: 5px 5px 15px 5px;
		text-align: left;
		color: #FFFFFF;
		}
	table#YogaCourseOutline td img {
		display: block;
		margin: 0 5px 15px 0px;
		}
	table#YogaCourseOutline2 td img {
		display: block;
		margin: 0 5px 15px 0px;
		}
	div#CourseSummary ul {
		margin: 15px auto 15px auto;
		padding: 10px 0px 10px 0px;
		border-top: 4px solid #B5AFD7;
		border-bottom: 4px solid #B5AFD7;
		font-size: 90%;
		color: #FFFFFF;
		font-weight: bold;
		}
		div#CourseSummary2 ul {
		margin: 15px auto 15px auto;
		padding: 10px 0px 10px 0px;
		border-top: 4px solid #999999;
		border-bottom: 4px solid #999999;
		font-size: 90%;
		color: #FFFFFF;
		font-weight: bold;
		}
	div#CourseSummary a{
		color: #FFFFFF;
		}
	div#CourseSummary2 a.BookLink {
		/*color: #FFFFFF;*/
		font-size: 130%;
		}
	div.ContactBox {
		background-color: #ECF9FF;
		padding: 8px;
		margin: 0 0 15px 0;
		border-top: 7px solid #BDDEEF;
		}
	div.ContactBox h2 {
		margin: 0 0 5px 0;
		border-bottom: 1px dotted #999999;
		}
	div.ContactBox p {
		margin: 0 0 7px 10px !important;
		}
	.CourseDivider {
		border-top: 1px dotted #FFF;
		}
	/*END Course Styles*/
	
	/*START Success Stories Stles*/
	div#SuccessStoriesContaner p {
		border-top: 4px solid #55BBEC;
		background-color: #ECF9FF;
		padding: 10px 10px 10px 10px;
		}
	div#SuccessStoriesContaner p.SuccessName {
		font-weight: bold;
		background-color: #FFFFFF;
		border-bottom:  1px dotted #848283;
		border-top: 1px dotted #848283;
		margin-top: -15px !important;
		padding-top: -15px !important;
		line-height: 70%;
		text-align: right;
		color: #848283;
		}
	/*END Success Stories Stles*/
	
	/*START Contact Styles*/
	div#FormContainer {
		width: 400px;
		margin: 10px auto 40px auto;
		}
	div#FormContainer p, div#FormContainer h3 {
		clear: both !important;
		margin: 0;
		}
	div#FormContainer h3 {
		margin-top: 30px !important;
		font-size: 80%;
		}
	div#FormContainer label {
		float: left;
		margin: 8px 0 0 0;
		width: 170px;
		}
	div#FormContainer input {
		float: right;
		width: 200px;
		height: 15px;
		margin: 8px 0 0 15px;
		color: #4E4E4E;
		font-size: 80%;
		}
	div#FormContainer input.CheckRadio {
		width: auto !important;
		}
	div#FormContainer select {
		float: right;
		width: 204px;
		height: 20px;
		margin: 8px 0 0 15px;
		color: #4E4E4E;
		font-size: 80%;
		}
	div#FormContainer textarea {
		float: right;
		width: 200px;
		height: 200px;
		margin: 8px 0 0 15px;
		color: #4E4E4E;
		font-size: 100%;
		}
	div#FormContainer textarea.FullWidthTextArea {
		width: 385px;
		height: 200px;
		}
	div#FormContainer input#SubmitButton {
		width: 89px;
		height: 21px;
		border: 0px;
		float: none;
		margin: 10px 0 0 200px;
		}
	div#FormContainer input#terms {
		float: none !important;
		width: auto;
		height: auto;
		margin: 0;
		}
	div#FormContainer select.SelectMultiple {
		height: 100px !important;
		width: 204px;
		}
	label.ValueLabel {
		float: right !important;
		}
	/*END Contact Styles*/
	div#pricePlan	{
	background-color:#f5f5f5;
	padding:10px;
	margin: 0 0 20px 0;
		}
	div#pricePlan ol	{
	background-color:#FFFFFF;
	padding:5px 20px 5px 30px;

		}
	div#pricePlan2	{
	background-color:#f5f5f5;
	padding:10px;
	margin: 0 0 20px 0;
	position:relative;
		}
	div#pricePlan2 img	{
	position:absolute;
 top:100px;
 right:100px;

		}
	div#pricePlan2 ol	{
	background-color:#FFFFFF;
	padding:5px 20px 5px 30px;

		}
	
	
/*-----------------------------
END Middle Page Styles*/

/*-----------------------------
START Footer Styles*/
div#YogaFooter {
	width: 920px;
	margin: 0 auto 50px auto;
	}
div#YogaFooter p {
	font-size: 65%;
	margin: 20px 0px 20px 0px;
	text-align: left;
	}
div#YogaFooter p a {
	color: #000000;
	}
div#YogaFooter p a:hover {
	color: #F26522;
	}
	
/*-----------------------------
START Comp Styles*/

div#Comp {
width: 400px;
margin: 0 auto;
		}
div#Comp  p{
margin: 0 0 5px 0;
		}
table#comp	{
margin:0 auto;
	}
p.CompOpen	{
margin: 10px 0 10px 0!important;
text-align:center;
font-size:120%!important;
	}
textarea#oneee{
	width:202px;
	}
/*-----------------------------
END Comp Styles*/

/*-----------------------------
START MANCHESTER CLASSES Styles*/

div#sectionContainer h2	{
margin: 20px auto 10px auto;
padding: 0 2px 0 2px;
font-size: 110%;
color: #FFFFFF;
text-align: center;
	}
div#sectionContainer p	{
	color:#FFFFFF;
	margin: 0 0 0 0;
	font-size:80%;
	}
div#sectionContainer a:link	{
	color:#FFFFFF;
	margin: 0 0 0 0;
	font-size:80%;
	}
	div#sectionContainer a:visited	{
	color:#FFFFFF;
	margin: 0 0 0 0;
	font-size:80%;
	}
div#sectionContainer a:active	{
	color:#FFFFFF;
	margin: 0 0 0 0;
	font-size:80%;
	}
h3#fastTrack	{
	color:#FFFFFF;
	font-size:75%;
	text-align:center;
	height:20px!important;
	}
h3#drutraining	{
	color:#FFFFFF;
	font-size:75%;
	text-align:center;
	height:20px!important;
	}
div#sectionContainer h3	{
	color:#FFFFFF;
	font-size:75%;
	text-align:center;
	height:70px;
	}
div#sectionContainer img	{
	margin: 0 0 0 0;
	}
div#sectionContainer a:hover	{
	color:#FFFFFF;
	margin: 0 0 0 0;
	font-size:80%;
	}
div#classSectionContainer h2	{
margin: 15px auto 10px auto;
/*font-size:100%;*/
color:#FFFFFF;
text-align:center;
	}
div#classSectionContainer h3	{
	color:#FFFFFF;
	font-size:70%;
	text-align:center;

	}

div#classSectionContainer p	{
	color:#FFFFFF;
	margin: 0 0 0 0;
	font-size:80%;
	}
p.introCopy	{
color:#4E4E4E!important;
text-align:left!important;
	}

div#classSectionContainer a:active	{
	color:#FFFFFF;
	margin: 0 0 0 0;
	font-size:80%;
	}
div#classSectionContainer a:hover	{
	color:#FFFFFF;
	margin: 0 0 0 0;
	font-size:80%;
	}



div#classSectionContainer a:link	{
	color:#FFFFFF;
	margin: 0 0 0 0;
	font-size:80%;
	}

div#classSectionContainer a:visited	{
	color:#FFFFFF;
	margin: 0 0 0 0;
	font-size:80%;
	}

div#sectionContainer	{
	width:459px;
	}
div#classSectionContainer	{
	width:459px;
	}
div#classSectionContainer img	{
	margin: 20px 0 0 0;
	}
div#classSectionContainer img#orange	{
	margin: 39px 0 0 0;
	}
div#classSectionContainer img#purple	{
	margin: 0px 0 0 0;
	}
div.devide	{
width:300px;
margin: 0 auto 15px auto;
border-bottom:solid #999999 1px;
	}
	
div#section_01	{
	width:117px;
	height:187px;
	float:left;
	background-color:#bf272d;
	margin: 0 18px 18px 18px;
	*margin: 0  18px 18px 18px;
	_margin:0 13px 18px 13px;
	
	}
div#section_02	{
width:117px;
	height:187px;
	float:left;
	background-color:#002f4b;
	margin: 0 18px 18px 18px;
	*margin: 0  18px 18px 18px;
	_margin:0 13px 18px 13px;
	
	
	}
div#section_03	{
width:117px;
	height:187px;
	float:left;
	background-color:#39668a;
	margin: 0 18px 18px 18px;
	*margin: 0  18px 18px 18px;
	_margin:0 13px 18px 13px;
	
	}
div#section_04	{
width:117px;
	height:187px;
	float:left;
	background-color:#ff9d00;
	margin: 0 18px 18px 18px;
	*margin: 0  18px 18px 18px;
	_margin:0 13px 18px 13px;
	
	}
div#section_05	{
width:117px;
	height:187px;
	float:left;
	background-color:#c8d02c;
	margin: 0 18px 18px 18px;
	*margin: 0  18px 18px 18px;
	_margin:0 13px 18px 13px;
	
	}
div#section_06	{
width:117px;
	height:187px;
	float:left;
	background-color:#8d85b6;
	margin: 0 18px 18px 18px;
	*margin: 0  18px 18px 18px;
	_margin:0 13px 18px 13px;
/*	padding: 0 3px 0 3px ;
	*padding: 0 3px 0 3px ;
	_padding:0 0 0 0 0 ;*/
	
	}
div#section_06 img	{
/*margin:10px 0 0 0;*/
	
	}
div#section_07	{
	width:117px;
	height:187px;
	float:left;
	background-color:#bf272d;
	margin: 0 18px 18px 18px;
	*margin: 0  18px 18px 18px;
	_margin:0 13px 18px 13px;
	
	}
div#section_08	{
width:117px;
	height:187px;
	float:left;
	background-color:#002f4b;
	margin: 0 18px 18px 18px;
	*margin: 0  18px 18px 18px;
	_margin:0 13px 18px 13px;
	
	
	}
div#section_09	{
width:117px;
	height:187px;
	float:left;
	background-color:#39668a;
	margin: 0 18px 18px 18px;
	*margin: 0  18px 18px 18px;
	_margin:0 13px 18px 13px;
	
	}
div#workshopContact	{
	width:auto;
	margin: 0 0 20px 0;
	}
div#courseDetail	{
	 width:480px;
	 margin:  0 auto;
	 padding: 20px 0 20px 0;
	}
div.MultipleCourses	{
	 width: 350px;	 
	}
p.smallCopy {
	font-size: 60% !important;
	}
div.courseDetailInner	{
	 background-color: #39668A;	 
	}
div.courseDetailInner2	{
	 background-color: #BF272D;	 
	}
div.courseDetailInner3	{
	 background-color: #F26522;	 
	}
div.courseDetailInner,
div.courseDetailInner2,
div.courseDetailInner3	{
	 width:350px;
	 margin: 0 auto;
	 padding: 5px 10px 10px 10px ;
	}
div.courseDetailInner p,
div.courseDetailInner2 p,
div.courseDetailInner3 p	{
color:#FFFFFF;
	}
div.courseDetailInner h2,
div.courseDetailInner2 h2,
div.courseDetailInner3 h2	{
color:#FFFFFF;
text-align:center;
margin: 10px 0 10px 0!important;
	 
	}
div.courseDetailInner img,
div.courseDetailInner2 img	{
	width:82px;
	margin:0 auto !important;
	}
div.courseDetailInner a,
div.courseDetailInner2 a	{
color:#FFFFFF;
	}

P.btn	{
margin:0 0 3px 0 !important;
	}


/*-----------------------------
END MANCHESTER CLASSES Styles*/

ol	{
font-size:80%;
color:#4E4E4E;
}
h3{
color:#4E4E4E;
}
.small{
font-size:80%;
}
.smallHeader{
font-size:60%;
margin-bottom:4px;
}