
.MainCoursesWrapper {
  margin:30px 20px -52px;
}


.MainCoursesWrapper h1 {
width:427px;
}
				@media only screen and (max-width: 320px) {
					.MainCoursesWrapper h1, .MainCoursesWrapper p {
					width:240px;
					}

					.MainCoursesWrapper p{

						font-size: 0.6em;
						line-height: 30px;
					}

					.MainCoursesWrapper {
					margin: 30px 20px 0 0;

					}

}
				@media only screen and (min-width: 320px) and (max-width: 480px) {
					.MainCoursesWrapper h1, .MainCoursesWrapper p {
					width:240px;
					}
					.MainCoursesWrapper p{

						font-size: 0.65em;
						line-height: 30px;

					}

					.MainCoursesWrapper {
					margin: 30px 20	
	
					}

}
	

				@media only screen and (min-width: 768px) and (max-width: 1000px) {
			.MainCoursesWrapper {
			  margin:30px 20px 0;
			}
			.MainCoursesWrapper h1 {
				width:300px;
				}
}

.single-course .additional-contentsCourse {
  display: inline-block;
  min-height: 0;
  position: relative;
  width: 900px;
}

.single-course .additional-contentsCourse p {
	 font-family:'Open Sans', Arial;
	 font-size: 14px;
	 margin: 0 20px;
	 text-align: justify;
}


		@media only screen and (min-width: 768px) and (max-width: 1000px) {

				.single-course .additional-contentsCourse p {
					 font-family:'Open Sans', Arial;
					 font-size: 12px;
				}

				.single-course .additional-contentsCourse {
				  width: 683px;
				}

		}

		@media only screen and (max-width: 380px) {
				.single-course .additional-contentsCourse {
				  width: 263px;

				}
		}



.single-course .additional-contentsCourse h3 {
	padding-left: 15px;
	padding-top: 35px;
	font-size: 24px;
}							
						@media only screen and (max-width: 380px) {
						
								.single-course .additional-contentsCourse h3 {
								font-size: 16px;
								}


							}


.single-course #logos-carouselCourse {
	width: 920px;
	margin: 0 auto;
}



.single-course ul#client-logosCourse {
	overflow: hidden;
	margin: 0 auto;
}

.single-course #client-logosCourse li {
	height: 120px;
	/*width: 150px;*/
	background: url(/assets/img/corporate/frame.jpg) center center no-repeat;
	position: relative;
	float: left;
	list-style: none;
	display: block;
}



			@media only screen and (min-width: 768px) and (max-width: 1000px) {


				.single-course #client-logosCourse li {
				  margin: 0 18px;
				}

			}
.single-course #client-logosCourse li {

margin: 0 18px;
}



.single-course #client-logosCourse .logo {
	width: 120px;
	height: 60px;
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -60px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.single-course #prev_logosyll, .single-course #next_logosyll {
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	overflow: hidden;
	position: absolute;
	top:244px;
	width: 50px;
	cursor: pointer;
}
				@media only screen and (max-width: 480px) {

					.single-course #prev_logosyll, .single-course #next_logosyll {
					  top: 555px;
					}

				}


.single-course #prev_logosyll {
	background-image: url("../img/carousel-prev.png");
	left: 1.5%;
}

.single-course #next_logosyll {
	background-image: url("../img/carousel-next.png");
	right: 1.5%;
}

.single-course #logos_paginationsyll {
	margin: 30px auto 0px;
	text-align: center;
}

.pricinglister {
	font-size: 18px!important;
	padding-left: 60px;
}

.pricinglister small {
	font-size: 14px;
}

				@media only screen and (max-width: 380px) {
						.pricinglister {
						font-size: 18px!important;
						padding-left: 10px;
						}

				}



.single-course #logos_paginationsyll a {
	background: none repeat scroll 0 0 #EEEEEE;
	border: 0.5px solid #DDDDDD;
	border-radius: 50px;
	cursor: pointer;
	display: inline-block;
	height: 10px;
	margin: 0 10px 0 0;
	outline-color: rgba(0, 0, 0, 0);
	text-indent: -99999px;
	width: 10px;
}

.single-course #logos_paginationsyll a.selected {
	background: none repeat scroll 0 0 #FF7C21;	
}


.CoursesIntro {
  display: inline-block;
  float: left;
  position: relative;
   width: 450px;
   margin-bottom: 15px;
   text-align: justify;
}
				@media only screen and (max-width: 320px) {
									.CoursesIntro {
										 width: 240px;
										}
									}


				@media only screen and (max-width: 480px) {
					.CoursesIntro {
						 width: 240px;
						}
					}
				@media only screen and (min-width: 768px) and (max-width: 1000px) {
					.CoursesIntro {
						  width: 269px;
						}
				 	}



.Coursefeatures {
  border: 1px solid #F0F0F0;
  border-radius: 3px;
  box-shadow:rgba(0, 0, 0, 0.0470588) 0 -1px 0 inset;
  display: inline-block;
  margin-left: 20px;
  padding: 20px;
  top:-88px;
  position: relative;
  width: 365px;
}

					@media only screen and (max-width: 480px) {

						.Coursefeatures {
								  margin-left: 0;
								  width: 218px;
								  top:0;
								   margin-bottom: 28px;
								}

							}

				@media only screen and (min-width: 768px) and (max-width: 1000px) {
	 						.Coursefeatures {
								  width: 326px;
								}
							}


.Coursefeatures .videofeature span { 
    background-image: url("../img/video-large.png");
    cursor: pointer;
    display: block;
    height: 242px;
    left: -18px;
    opacity: 0.7;
    position: absolute;
    top: -18px;
    width: 302px;
}


			@media only screen and (max-width: 480px) {

					.Coursefeatures .videofeature span {
 					  height: 217px;
  						left: -91px;
 						  top: -106px;
  						width: 334px;
 						 margin-top: 54px;
					}

			}


			@media only screen and (min-width: 768px) and (max-width: 1000px) {

			.Coursefeatures .videofeature span {
					  background-position: -59px -34px;
					  height: 242px;
					  left: -10px;
					  top: 4px;
					  width: 273px;
					}
			}



.Coursefeatures .videofeature span:hover{ 
    opacity: 1.0;
    cursor: pointer;
}

.featuredcourseinfo {

}

.featuredcourseinfo ul {
	list-style-type: none;
	width: 100%;
}

.featuredcourseinfo ul li {
	margin-left: -10px;
	font-size: 12px;
}


.button_featured {
  /*background: url("../img/bg_tabs_grey.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);*/
  background:#29a1ad;
  border: medium none;
  border-radius: 5px;
  color: #FFFFFF;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
  font-weight: bold;
  left: -10px;
  opacity: 1;
  height:36px;
  outline: medium none;
  position: relative;
  text-transform: uppercase;
  top: 0;
  width:100%;
}

			@media only screen and (max-width: 480px) {


						.button_featured {
						  left: -10px;
						  opacity: 1;
						   padding: 7px 20px;
						  }
					}
						
				@media only screen and (min-width: 768px) and (max-width: 1000px) {
							.button_featured {
						  left: -10px;
						  /*padding: 7px 40px;*/
						  padding:7px 6%;
						}
					}



.featuredcourseinfo ul li:first-child {
  margin-top:12px;
/*  padding-bottom:12px;
*/  padding-top:8px;
}

.featuredcourseinfo	ul .singleBUY .mp_button_buynow{
width:94.5%; /* was 96% */
padding:4% 0px 4% 0px; /*18px 0*/

}
				@media only screen and (max-width: 767px) {

			.featuredcourseinfo ul .singleBUY .mp_button_buynow {
						  padding: 15px 0;
						  width: 100%; /* was 97% */
						  /*left: 5px;*/
						  margin-left:1px;

						}
}
				@media only screen and (max-width: 479px) {

			.featuredcourseinfo ul .singleBUY .mp_button_buynow {
						  padding: 15px 0;
						  width: 100%; /* was 97% */
						  /*left: 5px;*/
						  margin-left:1px;

						}
}

				@media only screen and (max-width: 320px) {

			.featuredcourseinfo ul .singleBUY .mp_button_buynow {
					
						  /*left: 5px;
						  margin-left:1px;*/
						  width: 100%;

						}
}





 .button_featured:hover {
   background-image: url('../img/button-booking-over.gif');
   color: #ffffff;
   text-decoration: none;
}


.featuredcourseinfo	ul  .price_option {
width: 103%;
}

.featuredcourseinfo ul .singleBUY .mp_course_instance_variations {
  height: 40px;
  left: -11px;
  margin-bottom: -15px;
  padding: 10px;
  position: relative;
  width: 358px;
}

 @media only screen and (min-width: 768px) and (max-width: 1000px) {
.featuredcourseinfo ul .singleBUY .mp_course_instance_variations {
	  width: 95%;

}
}
 @media only screen and (min-width: 320px) and (max-width: 767px) {
.featuredcourseinfo ul .singleBUY .mp_course_instance_variations {
  /*left: 4px;*/
  width: 100%;

}

}

 @media only screen and (max-width: 320px) {
.featuredcourseinfo ul .singleBUY .mp_course_instance_variations {
  /*left: 7px;*/
  width: 100%;

}

}


/*REMOVED 25/07/2014 requested by Manus */
.watermarkPlay {
	display: none;
}


.buttonCourses {
	color: #ffffff;
	display: block;
}

.buttonCourses:hover {
	color: #ffffff;
	text-decoration:none;
}

.featuredcourseinfo ul .normaltwo {
    display: inline-block;
    left: -17px;
    margin: 2px 0 2px 0; /*was 0*/
    position: relative;
    text-align: center;
    top: -13px;
    width: 97%;
    height:36px;
    line-height:17px;
}

 @media only screen and (min-width: 768px) and (max-width: 1000px) {
.featuredcourseinfo ul .normaltwo {
                        /*left: -15px;*/
                        width: 87%;
                }
            }
 

 @media only screen and (min-width: 320px) and (max-width: 767px) {
.featuredcourseinfo ul .normaltwo {
    /*left: -3px;
    top: -13px; 
    width: 172px;*/
}

}


.normaltwo:first-child {
	margin-left: -10px;
	}



/* .cclectures  */
			@media only screen and (max-width: 480px) {
				.cclectures {
					width:235px;
					 left: 27px;
   					 position: relative;
				}

				.cclectures li:first-child {
					  margin: 12px !important;
					}

				.cclectures li {
					    display: list-item !important;
					    width: 230px;
					    list-style-type: none;
					 }

						.cclectures li p {
						padding:10px;
						}
				}


/* .lecturerswrapped */
			@media only screen and (min-width: 768px) and (max-width: 1000px) {

					.lecturerswrapped {
					  display: inline-block;
					  float: left;
					  width: 88px;
					}

					.lecturerswrapped img {
							width: 80px;
					}

				}



.coursetopicsBlock1 {
  display: inline-block;
  float: left;
  /*width: 20%;*/
}

.coursetopicsBlock2  {
    display: inline-block;
    float: left;
    width: 80%;
}
				@media only screen and (min-width: 768px) and (max-width: 1000px) {
					.left-container {
  					width: 368px;
						}	

					  #tabs .ui-tabs-nav li a, #tabs2 .ui-tabs-nav li a {
					  	font-size: 10px;
					  }

					  .coursetopicsBlock1 {
					  	width: 70px;
					  }
					  .coursetopicsBlock2 {
					  	width: 300px;	
					  }

					  .topics li {
					  	width:385px;
					  }

					   .topics li a img{
					  	width:65px;
					  }
				}

.selfy small {
	position: relative;
	top: 10px;
}



.price-row {
	position: relative;
}


.price-row small {
  font-size: 10px;
  font-weight: normal;
  left: 28px;
  position: absolute;
  top: 14px;
}

		@media only screen and (max-width: 480px) {

			.price-row small {
				  left: 66px;
				  position: relative;
				  top: 0;
				}
			
			.Fixertab11 small {
				  left: 145px;
				  position: absolute;
				}

			.selfy .mp_course_instance_price {
				  left: 0;
				  position: absolute;
				  top: 0 !important;
				}
 			.selfy .mobile_block {
 				height: 100px;
 			}
 			
 			.selfy small {
			  left: 66px;
			  position: absolute;
			  top: 19px;
			}
 			 		}

#tabs-11 .mp_buy_form {
   width:200px;
}

.map-row {
  width:83px;
}

.buynow-row {
  padding-left:1px;
  width:200px;
}

				@media only screen and (min-width: 768px) and (max-width: 1000px) {

.buynow-row {
  margin-left:22px;
}
}

		@media only screen and (max-width: 480px) {

#tabs2-1 ul {
  
  list-style-type:disc;
  position:relative;
  width:231px;
}



}