/*reset*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse;border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
/*fonts*/
body{font:13px Arial, Helvetica, sans-serif;font-size:small;font:x-small; background:#fff;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99%  Arial, Helvetica, sans-serif;}
pre, code {font:115% monospace;font-size:100%;}
body * {}
/* IMAGES ---------------------- */	
img, a img {border: none;}
/* TABLES ---------------------- */
table {font-size: 1em;}
/* FORMS ----------------------- */
form {margin: 0;}
/* CLEARS n FLOATS ----------------------- */
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.floatleft {float:left;}
.floatright {float:right; margin:0 0 15px 15px; clear:both;}
.screen-readers {position:absolute;left:-9999px;top:-9999px;z-index : 2;}


/* LAYOUT BLOCKS ----------------------- */

body { text-align:center; padding:0 0; margin:0; background:#1F5865; }

#wrapper { text-align:left; margin:0 auto 40px auto; position:relative; padding:0 0; width:975px;}

#header { width:975px; height:107px; background:url(Images/logo.gif) no-repeat 0 0;  padding:0 0 0 0; margin:15px 0;  }

#mid { width:100%;  padding:0 0 0 0; background: url(Images/back-mid.gif) repeat-y 0 0; }
#side { width:230px;  padding:0 0 0 0; margin:0;  float:left; display:inline; }
#side-right { width:230px;  padding:0 0 0 0; margin:5px 0 0 5px;  float:left; display:inline; }

#main { width:500px;  padding:0 0 0 0; float:left; display:inline; margin-left:5px; }
#main .inner { margin:5px;}
#side .inner { margin:5px;}
#side .inner div { margin-bottom:5px!important;}

#footer { width:100%;  padding:10px 0;}


/* ----- header ----- */

#logo { height:40px; width:200px;  float:left; }

/* ----- footer ----- */

#footer ul { display:inline; list-style:none;}
#footer li {  border-right:#fff 1px solid;float:left;padding:0 10px; color:#fff;}
#footer li a {color:#fff;}
#footer li a:hover { color:#fff;}

#footer li.credit { float:right; border:none; }




/* CONTENT  ----------------------- */

#banner-home { float:left; margin:-25px 0 0 0; }
#main p.introtxt { font-size:22px; color:#E54C87}

/* ----- left column ----- */

#mid #language { width:220px; margin:0; float:left; display:inline; }
#mid #language ul { list-style:none;  margin:15px;}
#mid #language li { padding-bottom:15px; margin-right:16px; float:left;}
#mid #language li a { color:#005985;}
#mid #language li span { margin-left:6px;}

#search { width:220px; margin:0; float:left; background:#E7EEC8; }
.searchform { float:left; margin:10px 5px 20px 10px; line-height:150%; padding:5px 0; background:#fff; border:#AFC848 1px solid; width:150px; color:#3E77B4; display:inline}
.searchform-btn{ margin:10px 0 0 0; float:left; display:inline; }
.searchselectcourse {width:200px; float:left;margin:15px 0 10px 10px; }


#benefits {float:left; margin:0;width:220px;  }
#benefits ul { list-style:none;  margin:10px 5px 0;}
#benefits li { padding:5px 0; padding-left:17px; background:url(Images/icon-tick1.gif) no-repeat 0 6px; color:#6b6b6b; border-bottom:#666 1px dotted;}
#benefits li a { font-weight:bold; }
#benefits h3 { padding:10px; color:#E01E6E; font-size:14px; font-weight:bold;}
#benefits p { padding:0!important 10px 0; color:#6b6b6b; font-size:12px; line-height:140%;}

#brochure { float:left; margin:0;width:230px; }
#side p { padding:10px;}


#learnonline {width:220px; margin:0; float:left; display:inline; }

#featured-courses {width:220px; margin:0; float:left; display:inline; }
#featured-courses h3 { font-size:22px; color:#DC0067 }
#featured-courses li {float:left; width:100%; list-style:none;}
#featured-courses li a { background:#FCF5F8; display:block; padding:6px; border-bottom:#FADBE6 1px solid;}
#featured-courses li a:hover { background:#FADBE6; color:#DC0067}

#newsSection {background-color:#6CADE7;
display:inline;
float:left;
margin:20px 0;
min-height:200px;
width:230px;}
#newsSection h3 { font-size:22px; color:#DC0067 }
#newsSection h2 { background:#0070A7!important; font-size:22px!important; padding:10px!important; color:#fff!important; }
#newsSection li {float:left; width:100%; list-style:none;}
#newsSection li a { background:#6CADE7; display:block; padding:6px; border-bottom:#008FD6 1px solid; color:#FFF!important}
#newsSection li a:hover { background:#008FD6; color:#DC0067}

#courseType {width:230px; margin:5px 0 1px; float:left; display:inline; }
#courseType h3 { background:#008FD6 none repeat scroll 0 0; color:#FFFFFF; font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:15px; padding:10px; text-transform:uppercase; }
#courseType h2 { background:#1F5865!important;}
#courseType a { color:White; display:block;}
#courseType a:hover { color:#fff}

#optionslist { width:220px; margin:0; float:left; background:#E3F3FA; margin-bottom:5px; }
#optionslist li {float:left; width:100%; list-style:none;border-bottom:#9ED5EF 1px solid;}
#optionslist li a {  color:#005986; display:block; padding:8px; border-top:#EFF8FC 1px solid;}
#optionslist li a:hover { background:#EFF8FC; color:#005986}

/* LANGUAGE MAIN  ----------------------- */

.languages-main { margin-bottom:10px;}
.languages-main img { display:block;}
.languages-main-txt { background:#E74E89; margin-left:0}
#main .languages-main-txt ul { margin:0 0 0 12px; padding:10px;}
#main .languages-main-txt li { list-style:none; margin:1px; }
#main .languages-main-txt a { color:#fff; font-size:13px;}

.languages-main-txt.spanish { background:#FFBC00; }
.languages-main-txt.french { background:#AFC848; }


#main .course-item {  float:left; background:url(Images/language/back-course-item.jpg) repeat-x 0 0; width:475px; padding:20px 10px; margin:0 0 0 0; border-bottom:#d8d8d8 1px solid; }
#main .course-txt { width:310px; float:left; margin-left:20px;}
#main .course-item img { float:left; }
#main .course-item h3 { margin:0 0 10px 0; padding:0; font-size:15px; font-weight:bold; }
#main .course-item h3 a { color:#000;}
#main .course-item p { margin:10px 0; padding:0; font-size:13px;  color:#444; }
#main .course-item ul { margin:10px 0 0 0; padding:0; float:right }
#main .course-item li { font-size:14px;  color:#444; float:left; list-style:none; margin-left:20px; line-height:30px; }
#main .course-item li a {color:#DF136F}

/* COURSE DETAIL  ----------------------- */

.course-head { float:left;  margin:0 0 20px ; width:490px; }
.course-head img.coursemainpic { margin:0 ; float:left; width:145px; }
.booknow { float:right;  padding:0 0; width:320px}
.booknow p { float:right; margin:0!important; padding:25px 15px 0}


.details-overview { background:#F4f4f4; margin:10px 0 30px 0;} 
.details-overview td, .details-overview th { padding:10px; vertical-align:top; color:#444;font-size:14px; line-height:140%; }
.details-overview tr td { border-bottom:#fff 1px solid; }
.details-overview th { font-weight:bold; border-bottom:#fff 1px solid;}
.details-overview tr.pricepp td, .details-overview tr.pricepp th { background:#DC0067; color:#fff;}

.advert { float:left; margin-bottom:5px; }
.advert img { display:block;}

/* booking table  ----------------------- 

img.coursedetail-pic { margin:30px 10px; }

.booking-overview { background:#F4f4f4; margin:10px 8px 30px 8px; width:557px;} 
.booking-overview td { padding:14px; vertical-align:top; color:#444;font-size:14px; line-height:140%; }
.booking-overview tr td { border-bottom:#fff 1px solid; }
.booking-overview th { font-weight:bold; color:#DC0067; font-size:15px; padding:14px; background:#fff;}
.booking-overview tr:hover td { border-bottom:#fff 1px solid; background:#D9EDF6; color:#000;}

.booking-overview label { margin:0 0 0 20px; }*/


/* booking table  ----------------------- */

img.coursedetail-pic { margin:30px 10px; }

.booking-overview {   margin:30px 0; padding-top:20px;} 
.booking-overview td { padding:9px 8px; vertical-align:top; color:#444;font-size:14px; line-height:140%; }
.booking-overview tr td { }
.booking-overview th { font-weight:normal;  padding:14px; text-align:right;  width:160px; color:#666; vertical-align:top}
.booking-overview label { margin:0 0 0 0; font-size:12px; font-weight:bold; }
.booking-overview select, .booking-overview input, .booking-overview textarea { padding:4px; width:250px; background:#fff; border:#999 1px solid; color:#333; font-size:13px;}
.booking-overview input.btn-booknow { width:119px; padding:0; background:none; border:none;}
#main .booking-overview h3 { font-size:13px; text-align:left; font-weight:bold; padding:10px 0 0 5px; margin:0; background:none; text-transform:none; color:#000; border-top:#d7d7d7 1px solid; }

.booking-overview select.dob-day { width:70px;}
.booking-overview select.dob-month { width:110px;}
.booking-overview select.dob-year, .booking-overview .postcode { width:70px;}
.booking-overview select.formshort, .booking-overview input.formshort { width:110px;}

fieldset { background:#F4f4f4 url(Images/back-fieldset.jpg) repeat-x 0 0;   border:#d7d7d7 1px solid;margin:0 ; border-top:none;}
legend { font-size:15px; text-transform:normal; font-weight:bold; padding:0 10px; margin-left:10px; background:#fff; color:#DC0067; }

.booking-overview input.radio { width:22px; background:none; border:0; padding:0; margin-top:10px}
.booking-overview span.smltxt { font-size:11px; color:#999; margin-left:6px;}
.booking-overview span.req { color:#DC0067; margin-left:0px;}

/* News ----------------------- */
.newsDate {float:right; font-size:60%; text-decoration:underline;}

/* PRICES ----------------------- */

table.pricelists { margin:10px 0 30px 0; width:490px; }
#main table.pricelists td p { margin:0; padding:0; }
table.pricelists td, table.pricelists th { padding:6px 4px 18px 4px ; vertical-align:top;  color:#444;font-size:13px; line-height:140%; border-top:#999 1px dotted; }
table.pricelists tr td { }
table.pricelists th {   width:130px;font-weight:bold;}

table.pricelists td.coursepricehead { font-size:16px; font-weight:bold; color:#dc0067; border-top:#dc0067 1px solid }

table.pricelists tr.length td span { font-size:11px; font-weight:normal; }


.brochure-link {background:#8EB6ED url(Images/back-brochurelink.jpg) repeat-x 0 100%; width:100%; float: left; padding:20px; width:450px; position:relative; margin-bottom:40px }
#main .brochure-link h3 { text-transform:uppercase; font:24px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff; padding:0; margin:0; line-height:120%; }
#main .brochure-link p { font-weight:bold; padding:0; margin:10px 0; color:#fff; }
#main .brochure-link a { color:#fff; background:url(Images/icon-arrow1.gif) no-repeat 0 50%; padding-left:15px; }
.brochure-link .brochurepic { width:100px; height:130px; background:#fff; position:absolute; top:-10px; right:20px; border:#c8c8c8 1px solid; }


/* LOCATION ----------------------- */
.banner-location { position:relative; }
#main .banner-location h1 { position:absolute; top:10px; left:10px; background:#FFBC00; color:#fff; font-size:46px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:15px; text-transform:uppercase; line-height:80%;  }
.banner-location h1 span.learnlang { font-size:20px; padding:0; margin:0;}

/* ----- global paragraphs, headers & horizontal rules ----- */
p, h1, h2, h3, h4, h5, h6{margin:0 0;}
#main h1{font-size:140%;}
#main h2 {font-size:130%; background:#DC0067; padding:10px; color:#fff; text-transform:uppercase; margin:0 0; font:18px "Lucida Sans Unicode", "Lucida Grande", sans-serif}
#main h3 {font-size:120%; color:#DC0067; font-size:17px; font-weight:bold;margin:15px 8px ;}
#main h4, #main h5{ font-size:15px; color:#444; font-weight:bold;margin:0 8px ;}

#main p { margin:20px 8px; color:#444; font-size:14px; line-height:140%; }
#main ul, #main ol { margin:20px 8px; padding-left:22px; }
#main li { margin:2px 0; line-height:140%; color:#444; font-size:14px; }

#main ol li { margin:10px 0; line-height:140%; color:#444; font-size:14px; }

#main h2.head-spain {background:#FFBC00;}
#main h2.head-france {background:#AFC848;}

#side h2 { padding:10px; background:#008FD6; color:#fff; text-transform:uppercase; font:15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal;}
#side-right h2.headpink { padding:10px; background:#008FD6; color:#fff; text-transform:uppercase; font:15px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal;}

#side h2.headpink { background:#E74E89}
#side-right h2.headpink { background:#E74E89}
#side h2.headwhite { background:none; color:#E74E89;}
#side h2.headgreen {background:#AFC848;}
 h2.head-languagelearn { text-transform:uppercase; font:18px "Lucida Sans Unicode", "Lucida Grande", sans-serif; line-height:130%; margin:10px; color:#333; }

h2.headsmall{ padding:5px 10px; background:#fff!important; color:#fff; text-transform:uppercase; font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal; color:#000!important; margin-bottom:5px;}

/*h2.coursetype { background:#FFBC00; padding:10px; color:#fff; text-transform:uppercase; margin:10px 0;}
h2.coursetype.pink { background:#DC0067;}*/


#main ul.course-list { margin:15px 0; padding:0; list-style:none; }
#main ul.course-list li {margin:0 0 1px 0; padding:0; }
#main ul.course-list li a { display:block; margin:0; padding:10px; background:#f4f4f4; color:#444; }
#main ul.course-list li a:hover { background:#9BD0E9; color:#fff;}
#main ul.course-list li span.moretxt { float:right; font-size:11px; font-weight:bold; padding-right:10px; line-height:170%;}
#main ul.course-list li span.isAdultText { font-size:11px; color:#DC0067; font-weight:bold; padding-left:10px; line-height:170%;}


/* ----- global links ----- */
a:link, a:visited, a:active{
	color:#DC0067;
	text-decoration:none;
}
a:hover{color:#555;}

strong { font-weight:bold;}
hr{display:none;}
em { font-style:italic;}








/* ----- float fix ----- */
#wrapper:after, #header:after, #side:after, #main:after, #mid:after, #footer:after, .box:after, #language:after, #search:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#wrapper, #header, #side, #main, #footer, .box, #language, #search {display:block;}
/*  \*/
#wrapper, #header, #side, #main, #footer, .box, #language, #search {min-height:1%;}
* html #wrapper, * html #header, * html #side, * html #main, * html #footer, * html .box, * html #language, * html #search  {height:1%;}
 /*  */
/* ----- end float fix ----- */