* {margin: 0;padding: 0;border: 0;}


@import "newfrontpage/mega_css.css";

/* HTML */

body {
	font-family:Arial, Helvetica, sans-serif;
	/*font-family:Trebuchet MS, Helvetica, Arial, sans-serif;*/
	font-size:75%;
    line-height:1.5em;
	text-align:center;
	background:url(../images/page-bg-line.jpg) top left repeat-x #FFFFFF;
}


.smH1 {
	font-size:12px;
	color:#999999;
	text-align:center;
	line-height:12px;
	margin:0px;
}
h1 {
	font-size:1.6em;
	margin-bottom:1.5em;
}
h2 {
	font-size:1.4em;
	margin-bottom:1em;
}
h3 {
	font-size:1.2em;
	margin-bottom:1em;
}

p {margin:0 0 20px 0;}
#footer p {margin-left:0;}

a:link {color:#3498B6;font-weight:bold; text-decoration:none;}
a:visited {color:#3498B6;font-weight:bold; text-decoration:none;}
<!--a:hover {color:#333;font-weight:bold;text-decoration:underline;}-->
a:hover {color:#FFF;font-weight:bold; background-color:#CCC; text-decoration:none;}
a:active {color:#3498B6;font-weight:bold; text-decoration:none;}

img#logo {
	margin:40px 0 0 59px;
}
#banner {
	margin:15px 0 20px 59px;
}

#banner_manchester_botox_dermal_filler_training_course {
	margin:0 0 0 59px;
}

ul {
	margin:0 0 1.5em 30px;
}

table {
	border:1px solid #444;
	margin-bottom:1.5em;
}
th, td {padding:3px;}
th {
	background:#444;
	color:white;
	text-align:left;
}
td {
	vertical-align:top;
	border:1px solid #CCC;
}

input, select, textarea {
	border:1px solid #333;
	margin-bottom:10px;
}
input.submit {
	padding:5px 20px;
	cursor:pointer;
}

/* ----- Forms ----- */

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}
body.admin form {width:800px;}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:none;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea, form select {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
input.submit {
	margin:0;
	padding:3px;
	background:#333;
	color:white;
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
form.paypal {
	width:auto;
	min-width:1px;
}
div.checkboxlist input {
	float:none;
	border:0;
}
div.checkboxlist label {
	float:none;
	display:inline;
	width:400px;
	text-align:left;
}

/* Page layout */

#outerwrapper {
	width:900px;
	margin:0 auto;
	background:url(../images/page-bg-body.jpg) top left repeat-y;
}

#innerwrapper {
	margin:0 auto;
	text-align:left;
	background:url(../images/page-bg.jpg) top left no-repeat
	
}
#header {
	height:120px;
}


/*#basket {
	float:right;
	width:136px;
	height:33px;
	margin: 20px 59px 0 0;
	padding:41px 5px 5px 60px;
	background:url(../images/basket.png) top left no-repeat;
}*/
#basket {
	float:right;
	width:136px;
	height:33px;
	margin: 20px 59px 0 0;
	padding:0 65px 5px 0;
}
#newsletter {
	float:right;
	width:82px;
	height:37px;
	margin: 20px 22px 0 0;
	padding:32px 5px 10px 86px;
	background:url(../images/newsletter.jpg) top left no-repeat; 
}

#newsletter a span {
  visibility: hidden;}
  
#newsletter a, #basket a {
	color:#333;
}
#navcontainer {
	width:782px;
	margin-left:59px;
}
#flashbanner {
	padding-left:59px;
}
#flashbanner2 {
	padding-left:59px;
}
#content {
	padding:0px 59px 0 59px;
	left: 0px
}
#coursecontent {
	float:right;
	width:519px;
}
#footer {
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	text-align:center;
	background:url(../images/footer.jpg) bottom left no-repeat;
}

#csesize

{
	width: 201px;
}


/* Custom classes */

.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}
.response {color:#0066CC;font-weight:bold;}
.warning {color:red;}
a:link.warning {color:red;}
a:visited.warning {color:red;}
a:hover.warning {color:black;}
a:active.warning {color:red;}

.important {
	border:1px solid red;
	padding:10px;
	font-weight:bold;
}

.coursesummary {
	margin-bottom:1.5em;
	padding:10px 10px 0 10px;
	border:1px solid #DCA111;
	background:#F9EED4;
}

.corporateoffer {
	padding:20px;
	margin-bottom:20px;
	border:1px solid #DCA111;
	background:#FDFAF3 url(../images/folder.jpg) no-repeat top right;
}
.corporateoffer h2 {
	font-size:1.2em;
	font-weight:normal;
}
.corporateoffer img {
	margin-bottom:10px;
	border:1px solid #333;
}
ul.faculty {
	margin:0 20px;
	list-style-type:none;
}
ul.faculty li {
	clear:left;
	min-height:155px;
	margin:10px 0 20px 0;
	padding:20px;
	border:1px solid #3498B6;
	background:#EDF6F8;
}
ul.faculty li img {
	float:left;
	margin:0 20px 20px 0;
	border:1px solid #777;
}
ul.customerservicesteam {
	height:100px;
	margin:0 20px;
	list-style-type:none;
	padding:20px;
	border:1px solid #3498B6;
	background:#EDF6F8;
}
ul.customerservicesteam li {
	float:left;
}
ul.customerservicesteam li img {
	margin:0 20px 0 0;
	border:1px solid #777;
}
img.imagetext {
	margin:0 0 20px 0;
}
img.alignleft {
	float:left;
	margin:0 20px 20px 0;
}
img.alignright {
	float:right;
	margin:0 0 20px 20px;
}
img.coursemap {
	float:left;
	clear:left;
	margin:0 30px 20px 0;
}
form.paypal input {
	border:0;
	margin:0;
}

div.gallery {
	width:200;
	height:174;
	margin:0 0 20px 30px;}


div.sponsors {
	float:right;
	width:170px;
	margin:0 0 20px 30px;
}
div.sponsors h2 {
	height:22px;
	margin-bottom:0pt;
	text-indent:-9999px;
	background:url(../images/header-supportedby.png) top left no-repeat;
}

div.before, div.after {
	float:left;
	width:200px;
	margin:10px 20px 10px 0;
}
div.before h2, div.after h2, div.before h3, div.after h3 {
	height:26px;
	margin-bottom:0pt;
	text-indent:-9999px;
}
div.before {background:url(../images/header-narrow-before.png) top left no-repeat;}
div.after {background:url(../images/header-narrow-after.png) top left no-repeat;}

/* Quick links */

#quicklinks {
	float:left;
	width:233px;
	margin:0 30px 20px 0;
	padding:0 0 10px 0;
	background:url(../images/quick-links-footer.png) bottom left no-repeat #D6EAF0;
}
#quicklinks h2 {
	height:26px;
	margin-bottom:0;
	text-indent:-9999px;
}
#quicklinks p {
	margin:10px;
}
#quicklinks a {
	color:black;
}
#quicklinks a:link {text-decoration:none;}
#quicklinks a:visited {text-decoration:none;}
#quicklinks a:hover {text-decoration:none;}
#quicklinks a:active {text-decoration:none;}

#quicklinks ul {
	margin:10px 0 0 30px;
}
#quicklinks.availablecourses ul {
	margin:0;
	list-style-type:none;
}
#quicklinks.availablecourses ul li {
	padding:18px 10px 16px 52px;
	margin:3px 10px 0 10px;
	background:url(../images/quick-links-calendar.jpg) 0 10px no-repeat;

}
#quicklinks.availablecourses h2 {background:url(../images/header-availablecourses.png) top left no-repeat;}
#quicklinks.coursesavailable h2 {background:url(../images/header-coursesavailable.png) top left no-repeat;}
#quicklinks.coursedates h2 {background:url(../images/header-coursedates.png) top left no-repeat;}
#quicklinks.botoxcourse h2 {background:url(../images/header-botoxcourse.png) top left no-repeat;}
#quicklinks.chemicalpeelscourse h2 {background:url(../images/header-chemicalpeelscourse.png) top left no-repeat;}
#quicklinks.advancedchemicalpeelscourse h2 {background:url(../images/header-advanced_chemical_peels_course.png) top left no-repeat;}
#quicklinks.dermalfillerscourse h2 {background:url(../images/header-dermalfillerscourse.png) top left no-repeat;}
#quicklinks.microsclerotherapycourse h2 {background:url(../images/header-microsclerotherapy.png) top left no-repeat;}
#quicklinks.lips h2 {background:url(../images/header-lipaugmentation.png) top left no-repeat;}
#quicklinks.microdermabrasioncourse h2 {background:url(../images/header-microdermabrasion.png) top left no-repeat;}
#quicklinks.services h2 {background:url(../images/header-services.png) top left no-repeat;}
#quicklinks.localanaesthetics h2 {background:url(../images/header-local-anaesthetics.png) top left no-repeat;}
#quicklinks.advanced h2 {background:url(../images/header-advanced-courses.png) top left no-repeat;}
#quicklinks.basicsurgical h2 {background:url(../images/header-basicsurgical.png) top left no-repeat;}
#quicklinks.aboutus h2 {background:url(../images/header-aboutus.png) top left no-repeat;}
#quicklinks.websitedesign h2 {background:url(../images/header-websitedesign.png) top left no-repeat;}

#quicklinks.business h2 {background:url(../images/header-business-courses.png) top left no-repeat;}
#quicklinks.refresherdiscount h2 {background:url(../images/header-refresher-discount.png) top left no-repeat;}
#quicklinks.manchesterjul09 h2 {background:url(../images/header_Manchester_July09_botox_dermal_filler_course_training.png) top left no-repeat;}
#quicklinks.peter h2 {background:url(../images/header_testimonials_cosmetic_courses.png) top left no-repeat;} 
#quicklinks.location h2 {background:url(../images/header_botox_training_and_other_cosmetic_training_locations.png) top left no-repeat;} 
#quicklinks.coursesavailable {margin-bottom:30px;}

#quicklinks.resources h2 {background:url(../images/resources.png) top left no-repeat;}

ul.coursedates {
	list-style:none;
	margin:0;
}
ul.thumbs {
	list-style:none;
}
ul.thumbs li {
	float:left;
	margin:5px 8px;
}

/* Navigation */

#navcontainer ul#nav {
	float:left;
	width:100%;
	padding-left:0;
	margin:0;
	background:url(../images/nav/nav-grey.jpg) repeat-x;
	color:white;
}

#navcontainer ul#nav li {display:inline;}

#navcontainer ul#nav li a {
	float: left;
	padding: 3px 1em;
	font-weight:bold;
	color: White;
	text-decoration: none;
	border-right: 1px solid #fff;
}

#navcontainer ul#nav li.lightblue a {background:url(../images/nav/nav-lightblue.jpg) repeat-x;}
#navcontainer ul#nav li.darkblue a {background:url(../images/nav/nav-darkblue.jpg) repeat-x;}
#navcontainer ul#nav li.green a {background:url(../images/nav/nav-green.jpg) repeat-x;}
#navcontainer ul#nav li.sand a {background:url(../images/nav/nav-sand.jpg) repeat-x;}
#navcontainer ul#nav li.orange a {background:url(../images/nav/nav-orange.jpg) repeat-x;}
#navcontainer ul#nav li.red a {background:url(../images/nav/nav-red.jpg) repeat-x;}
#navcontainer ul#nav li.burgundy a {background:url(../images/nav/nav-burgundy.jpg) repeat-x;}
#navcontainer ul#nav li.lilac a {background:url(../images/nav/nav-lilac.jpg) repeat-x;}
#navcontainer ul#nav li.purple a {background:url(../images/nav/nav-purple.jpg) repeat-x;}
#navcontainer ul#nav li.black a {background:url(../images/nav/nav-black.jpg) repeat-x;}

#navcontainer ul#nav li a:hover {
	background:url(../images/nav/nav-darkgrey.jpg) repeat-x;;
}

ul#footernav {
	padding:5px 0;
	margin:5px 0 0 0;
	list-style-type:none;
	width:100%;
	text-align:center;
}

ul#footernav li {display:inline;}

ul#footernav li a {
	padding:3px 5px;
	font-weight:normal;
	color:black;
}
ul#footernav li a:link {text-decoration:none;}
ul#footernav li a:visited {text-decoration:none;}
ul#footernav li a:hover {text-decoration:underline;}
ul#footernav li a:active {text-decoration:none;}

span.slideheader {
	font-size:2em;
	line-height:1.4em;
}
span.slidespeaker {
	font-size:1.2em;
	line-height:2em;
	font-weight:bold;
}
div.slidemenu ul {
	margin:10px 0 20px 0;
	list-style:none;
}
div.slidemenu ul li a {
	display:block;
	padding:6px;
	border-bottom:1px dotted #333;
}
div.slidemenu ul li a:link {background:white;color:#333;}
div.slidemenu ul li a:visited {background:white;color:#333;}
div.slidemenu ul li a:hover {background:#EEE;color:#333;}
div.slidemenu ul li a:active {background:white;color:#333;}

div.slidemenu ul li  a.currentPanelGroup {
	padding:10px;
	background:#777;
	color:white;
	border-left:10px solid black;
}
.slidedeck ol {
	margin:0 0 0 30px;
}
.slidebio p {
	float:left;
	width:340px;
}


/* ---------- Mega Drop Down --------- */
#mega {
list-style:none;
font-weight:bold;
height:2em;
margin:0px -1px 0 0;
position:relative;
z-index:10;
}
#mega li {
background:url(../images/nav/nav-grey.jpg) repeat-x;
/*border:1px solid #000;*/
margin-left:-1px;
border-right: 1px solid #fff;
float:left;
width:111px;
text-align:center;
position:relative;
z-index: 10;
}
#mega li:hover {
background:#eee;
border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps <li> and <div> connected */
padding:7px 0 1px 0;
margin-top:-7px;
z-index:1; /* shadow above adjacent li */
}
#mega a {
color:#000;
outline:0;
text-decoration:none;
display:block;
line-height:2em;
}
/* ----------- Hide/Show Div ---------- */
#mega div {
position:absolute;
left:-999em;
margin-top:1px;
width:350px;
padding:0 10px 10px;
/*border:1px solid #000;*/
border-top:0;
font-weight:normal;
text-align:left;
background:url(../images/page-bg-line.jpg) top left repeat-x #FFFFFF;

}
#mega li:hover div {
left:-1px;top:auto;
}
#mega li.dif:hover div {
left:-221px;
}
/* --------- Within Div Styles --------- */
#mega div h2 {
background:#999;
font-size:1em;
padding:0 10px;
margin:10px 0 5px 0;
clear:both;
float:left;
width:330px;
position:relative; /* makes above drop shadow */
}
#mega div p {
float:left;
width:106px;
padding-left:10px;
position:relative; /* makes above drop shadow */
}
#mega div p a {
text-decoration:none;
float:left;
clear:left;
width:100%; /* For IE6/7 */
line-height:1.4;
}
#mega div a:hover, #mega div a:focus, #mega div a:active {
text-decoration:none;
}
/* ---------- Drop Shadow ---------- */
#mega div .s1, #mega div .s2, #mega div .s3 {
position:absolute;
width:100%;height:100%;
}
#mega div .s1 {
background:url(../images/rightcorner.png) 100% 0 no-repeat;
top:1px;right:-9px;
} 
#mega div .s2 {
background:url(../images/leftcorner.png) 0 100% no-repeat;
bottom:-9px;left:1px;
} 
#mega div .s3 {
background:url(../images/shadow.png) 100% 100%;
top:9px;right:-9px;
}
#mega li:hover .s4 {
background:url(images/li-shadow.png) 100% 0 repeat-y;
position:absolute;
top:0;right:-9px;
height:100%;
padding:0 8px 0 0;
}
* html #mega li:hover .s4 {
background:none;
}
#mega li:hover .dif-s4 {
padding-bottom:9px
}



/*-------slider ----------*/

#content2 {
	width: 740px;
	margin-top: 5px;
	margin-left: 59px;
	padding: 20px;
	background: #FFF;	
	/*border: 1px solid #CCC;*/
}


hr {
	border: none;
	height: 1px; line-height: 1px;
	background: #CCC;	
	margin-bottom: 20px;
	padding: 0;
}


	
	
	
		h3 {
			margin: 0;	
			padding: 7px 0 0 0;
			font-size: 16px;
			text-transform: uppercase;
		}

		div#feature_list {
			border: 1px solid #CCC;
			width: 750px;
			height: 240px;
			overflow: hidden;
			position: relative;
		}

		div#feature_list ul {
			position: absolute;
			top: 0;
			list-style: none;	
			padding: 0;
			margin: 0;
		}

		ul#tabs {
			left: 0;
			z-index: 2;
			width: 320px;
		}

		ul#tabs li {
			font-size: 12px;
			font-family: Arial;
		}
		
		ul#tabs li img {
			padding: 5px;
			border: none;
			float: left;
			margin: 10px 10px 0 0;
		}

		ul#tabs li a {
			color: #222;
			text-decoration: none;	
			display: block;
			padding: 10px;
			height: 60px;
			outline: none;
		}

		ul#tabs li a:hover {
			text-decoration: underline;
		}

		ul#tabs li a.current {
			background:  url('../slider - Copy/feature-tab-current.png');
			color: #FFF;
		}

		ul#tabs li a.current:hover {
			text-decoration: none;
			cursor: default;
		}

		ul#output {
			right: 0;
			width: 463px;
			height: 240px;
			position: relative;
		}

		ul#output li {
			position: absolute;
			width: 463px;
			height: 240px;
		}

		ul#output li a {
			position: absolute;
			bottom: 10px;
			right: 10px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 11px;
			color: #FFF;
			background: #000;
			-moz-border-radius: 5px;
		}
		
		ul#output li a:hover {
			background: #D33431;
		}

/* column widgets */


.column {
		width:					250px;
		padding:				5px;
		margin:					0 0 30px 0;
		float:					left;
		min-height:				300px;
		height:					100%;
	}
	
	.widget {
		position:				relative;
		padding:				6px;
		margin:					0;
		margin-top:				10px;
		background:				#ffffff url(../MeshandMash/styles/grad1.png) no-repeat top right;
		border-radius:			5px;
		-moz-border-radius:		5px;
		-webkit-border-radius:	5px;
		min-height:				30px;
		overflow:				hidden;
		border: 1px solid #CCC;
	}
	
	.widget .close {
		width:					25px;
		height:					25px;
		position:				absolute;
		top:					0;
		right:					0;
		cursor:					pointer;
	}
		
	.ui-sortable-helper {		
		border:					3px solid #990000;
		cursor:					move;
		
	}
	
	.widget h3 {
		margin-top:				-6px;
		color:					#990000;
		font-size:				12px;
		line-height:			2em;
		font-weight:			bold;
		border-bottom:			1px solid #999999;
		background:				transparent url(../MeshandMash/styles/movable.png) no-repeat center left;
		text-indent:			12px;
		cursor:					hand;
	}