﻿html,body{margin:0 0 20px 0;padding:0; background: #FFF url(../images/BannerShadow.jpg) no-repeat center 402px;}
body{ font: 76% "Helvetica Neue",Helvetica,Arial,sans-serif; text-align:center; color:#787A7C; }
p { line-height:1.4em; font-size:1em; text-align:justify; }
h1 { color:#F68E56; font-size: 2.6em; }
h2 { color:#F68E56; font-size: 1.4em; }
h3 { font-size:1.2em; }
h4 { font-size:1em; }

a, a:active, a:visited, a:link { text-decoration:none; color:#787A7C; }
a:hover { text-decoration: underline; }
img { border:none; }

div.clearer { clear:both; }

body#Home h1 { font-size:1.8em; }

#wrapcontents ul { margin-left: 30px; padding-left: 0; list-style: none; }
#wrapcontents li { padding: 5px 0 5px 31px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0.5em; }

div#header { float:left; width:700px; height:151px; clear:both; position:relative; }
#TitleImage { margin: 70px 0 0 20px; }

div#container{ min-height:860px; background: transparent url(../images/people.jpg) no-repeat right bottom; padding-bottom:108px; border-right: solid 1px #B2B4B6; border-bottom: solid 1px #B2B4B6; border-left: solid 1px #B2B4B6; text-align:left; width:950px; margin:0 auto; }
div#wrapper { clear:both; }
div#content{ min-height:620px; float:left; width:700px; padding: 0 0 20px 0; clear:both; }
div#search{ float:right; width:250px; height:68px; }
div#wrapcontents { margin: 0 0 0 20px; }
div#Banner { width:100%; height:250px; }
div#Banner-CTA { background: #D1D3D4 url(../images/speech_bubble.jpg) no-repeat left top; float:right; width:250px; height:401px; position:relative; }
div#Banner-CTA img { position:absolute; top:199px; left:73px;  }
div#Banner-CTA div { position:absolute; bottom: 20px; left:0px; width:250px; font-weight:bold; font-size:1.6em; line-height:1.6em; color:#fff; text-align:center; }
div#Banner-CTA a { color:#fff; }
div#wrap-Banner { position:relative; z-index:100; }

#slideImage { margin: 0; padding:0; list-style:none; }
#slideImage li { margin: 0; padding:0; }

div.Information { margin: 20px 0 20px 0; padding:10px; background-color:#B6E2F7; color:#004792; border: solid 1px #004792; }
div.Success { margin: 20px 0 20px 0; padding:10px; background-color:#DBF0B8; color:#44800B; border: solid 1px #44800B; }
div.Error { margin: 20px 0 20px 0; padding:10px; background-color:#FFB3B3; color:#D40008; border: solid 1px #D40008; }
div.Warning { margin: 20px 0 20px 0; padding:10px; background-color:#FEEDAB; color:#965500; border: solid 1px #965500; }
div.Information span.title, div.Success span.title, div.Error span.title, div.Warning span.title { display:block; margin: 0 0 10px 0; font-weight:bold; }

div#content a, div#content a:active, div#content a:visited, div#content a:link { text-decoration: underline; color:#F68E56; }
div#content a:hover { text-decoration: none; }

ul#nav-coursetypes { margin:20px 0 10px 20px; padding:0; }
ul#nav-coursetypes li { display: inline; margin:0 20px 0 0; padding:0; }
ul#nav-coursetypes a, ul#nav-coursetypes a:active, ul#nav-coursetypes a:visited, ul#nav-coursetypes a:link { text-transform: uppercase; text-decoration:none; font-weight:bold; color:#787A7C; }
ul#nav-coursetypes a:hover { text-decoration: underline; }

ul#flags { list-style:none; position:absolute; top:0; left:20px; padding:0; margin:0; z-index:0; }
ul#flags li { float:left; padding:0 0 10px 0; margin:-10px 5px 0 0; }
ul#flags li:hover { margin-top: 0px; }

div#nav-about{ margin: 20px 0 20px 0; background: transparent url(../images/nav_bg_body.jpg) no-repeat center bottom; float:right; clear:right; width:250px; }
div#nav-about .head { height:10px; line-height:10px; background: transparent url(../images/nav_bg_head.jpg) no-repeat center top; }
div#nav-about a, div#nav-about a:active, div#nav-about a:visited, div#nav-about a:link { text-decoration:none; font-weight:bold; color:#787A7C; }
div#nav-about a:hover { text-decoration: underline; }
div#nav-about ul { list-style-type:none; margin: 0 0 10px 0; padding: 0; }
div#nav-about ul li { margin: 0 40px 0 40px; line-height:26px; padding:0; }

div#nav-language { margin: 20px 0 0 20px; height:48px; }
div#nav-language ul { margin: 10px 0 0 0; padding:0; position:absolute;  }
div#nav-language li { display: inline; margin: 0 0 0 44px; padding:0; }
div#nav-language a, sul#nav-language a:active, ul#nav-language a:visited, ul#nav-language a:link { text-transform: uppercase; display:-moz-inline-box; display:inline-block; height:40px; padding: 8px 0 0 35px; text-decoration:none; font-weight:bold; color:#787A7C; }
div#nav-language a:hover { text-decoration: underline; }

div#nav-language li.flag-german a { background: transparent url(../images/flag_german.jpg) no-repeat left top;  }
div#nav-language li.flag-french a { background: transparent url(../images/flag_french.jpg) no-repeat left top; }
div#nav-language li.flag-italian a { background: transparent url(../images/flag_italian.jpg) no-repeat left top; }
div#nav-language li.flag-spanish a { background: transparent url(../images/flag_spanish.jpg) no-repeat left top; }
div#nav-language li.flag-chinese a { background: transparent url(../images/flag_chinese.jpg) no-repeat left top; }

div#footer{ margin: 10px auto 0 auto; clear:both; width:950px; text-align:left; }
div#footer ul { margin:0; padding:0; }
div#footer ul li { font-size:0.9em; list-style-type: none; display: inline; margin: 0 40px 0 0;}

div#content table { width:100%; margin: 0 0 0 0; }
div#content table th { padding:6px; }
div#content table td { padding:6px; }

span.Btn-BookNow { background: transparent url(../images/Btn_Left.jpg) no-repeat 0 0; padding: 0 0 0 20px;  }
span.Btn-BookNow a, span.Btn-BookNow a:active, span.Btn-BookNow a:visited, span.Btn-BookNow a:link { background: transparent url(../images/Btn_Body.jpg) repeat-x 100% 0;  padding: 0 20px 0 0; display:-moz-inline-box; display:inline-block; height:41px; line-height:41px; text-decoration:none !important; font-weight:bold; color:#FFF !important; text-transform: uppercase; }

table#Course-Availability .MonthHeader { font-weight:bold; border-bottom: solid 1px #DDD; }
table#Course-Availability span.Btn-BookNow { float:right; }
table#Course-Availability tr th { vertical-align: top; }
table#Course-Availability tr td { height: 41px; }
table#Course-Availability .SoldOut { float:right; margin: 0 12px 0 0; }

input, select, textarea { color:#666; }
label { display:block; width:160px; text-align:right; float:left; margin: 4px 0 0 0; color:#666; }
fieldset .TextBox { width:300px; font-size:1.2em; margin: 0 0 10px 10px; }
fieldset .CheckBox { margin: 0 0 0 10px; }
fieldset .DropDownList { width:308px; line-height:40px; margin: 0 0 10px 10px; }
fieldset .TextArea { width:300px; height:120px; margin: 0 0 10px 10px; }
fieldset .CheckBoxList { display:block; margin: 0 0 10px 205px; }
fieldset .RadioButton { display:block; margin: 0 0 10px 165px !important; }
fieldset .RadioButton label { display:inline !important; width:auto !important; float:none !important; }
fieldset .RadioButtonList { display:block; margin: 0 0 10px 165px !important; }
fieldset .RadioButtonList label { display:inline !important; width:auto !important; float:none !important; }
fieldset { border: none; padding: 0; }
fieldset.Styled div { border-bottom: solid 1px #EEE; margin: 0 0 10px 0; }
fieldset .Controls { margin: 0 0 0 170px; }
fieldset .Controls .Submit { margin: 0 5px 0 0; }
fieldset .InvalidField { vertical-align:top; color:Red; display:-moz-inline-box; display:inline-block; margin: 4px 0 0 10px; }
fieldset label span { color:Red; }
fieldset h4 { background-color:#EEE; padding:6px; }
fieldset span.notes { display:block; margin: 0 0 10px 165px; font-size: 0.9em; }
fieldset div.FullWidth label { width:auto; float:none; text-align:left; margin: 20px 0 0 0; }
fieldset div.FullWidth .TextArea { width:100%; margin: 10px 0 0 0; }

div#content input.Submit {background-color: #FE4100;
	border:none;
	display:block;
	color:#fff;
	font-weight:bold;
	width: auto;
	height:32px;
	padding:0 10px 0 10px;
	margin:10px 0 0 10px;
	float:right;
}

table#BasketItems { border-collapse: collapse; width:100%;  }
table#BasketItems th {  background-color:#EEE; padding:10px !important; }
table#BasketItems tr.odd td, table#BasketItems tr.even td, table#BasketItems td#Total { padding:10px !important; border-bottom: solid 1px #999; }
table#BasketItems td#Total { text-align:right; padding-right: 80px !important; }
table#BasketItems td#Total span { font-weight:bold; margin-right: 5px; }

table#BasketItems th#Quantity, table#BasketItems td#Quantity { text-align:center; width:50px; }
table#BasketItems th#Price, table#BasketItems td#Price { text-align:right; width:60px; }
table#BasketItems th#Remove, table#BasketItems td#Remove { text-align:right; width:50px; }

.Footer-CTA { width: 360px; margin: 40px auto 0 auto; }
.Footer-CTA img { float:left; }
.Footer-CTA h3 { text-align:center; }
.Footer-CTA span { float:left; margin:0 60px; line-height:108px; font-size:1.4em; }

.Footer-CTA2 { width: 360px; margin: 40px auto 0 auto; }
.Footer-CTA2 h3 { text-align:center; }
.Footer-CTA2 img { margin: 15px auto 0 auto; display:block; }

.modalSelect { padding: 27px 0 0 15px; }
.modalSelect h2 { margin: 20px 0 0 0; }
.modalSelect p { margin: 10px 0 10px 0;}
.modalSelect ul { margin: 0 0 0 30px; padding-left: 0; list-style: none; }
.modalSelect li { padding: 5px 0 5px 31px; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0.5em; }

.item { float:left; display:block; width:160px; height:140px; }
.item.german { background: #000 url(/images/German.jpg) no-repeat -20px -20px; }
.item.french { background: #000 url(/images/French.jpg) no-repeat -20px -20px; }
.item.italian { background: #000 url(/images/Italian.jpg) no-repeat -20px -20px; }
.item.spanish { background: #000 url(/images/Spanish.jpg) no-repeat -20px -20px; }

.german:hover .subitem { display:block; position:relative; margin: -20px 0 0 -20px; width:200px; height:180px; background: #000 url(/images/German.jpg) no-repeat 0px 0px; }
.french:hover .subitem { display:block; position:relative; margin: -20px 0 0 -20px; width:200px; height:180px; background: #000 url(/images/French.jpg) no-repeat 0px 0px; }
.italian:hover .subitem { display:block; position:relative; margin: -20px 0 0 -20px; width:200px; height:180px; background: #000 url(/images/Italian.jpg) no-repeat 0px 0px; }
.spanish:hover .subitem { display:block; position:relative; margin: -20px 0 0 -20px; width:200px; height:180px; background: #000 url(/images/Spanish.jpg) no-repeat 0px 0px; }

.item.weekend { background: #000 url(/images/Weekend.jpg) no-repeat -20px -20px; }
.item.business { background: #000 url(/images/Business.jpg) no-repeat -20px -20px; }
.item.onetoone { background: #000 url(/images/1To1.jpg) no-repeat -20px -20px; }
.item.followon { background: #000 url(/images/FollowOn.jpg) no-repeat -20px -20px; }

.weekend:hover .subitem { display:block; position:relative; margin: -20px 0 0 -20px; width:200px; height:180px; background: #000 url(/images/Weekend.jpg) no-repeat 0px 0px; }
.business:hover .subitem { display:block; position:relative; margin: -20px 0 0 -20px; width:200px; height:180px; background: #000 url(/images/Business.jpg) no-repeat 0px 0px; }
.onetoone:hover .subitem { display:block; position:relative; margin: -20px 0 0 -20px; width:200px; height:180px; background: #000 url(/images/1To1.jpg) no-repeat 0px 0px; }
.followon:hover .subitem { display:block; position:relative; margin: -20px 0 0 -20px; width:200px; height:180px; background: #000 url(/images/FollowOn.jpg) no-repeat 0px 0px; }

.subitem { display:none; }
.subitem a { display:block; text-align:center; height:100%; }
.item:hover .subitem a {display:block; text-indent:-10000px; }

blockquote.right img { float:right; padding: 0 0 0 20px; }
blockquote.left img { float:left; padding: 0 20px 0 0; }
blockquote p { margin: 5px 0 0 0; }
blockquote p.title { margin: 0px 0 0 0; font-size:1.2em; font-weight:bold; color:#666; }
blockquote p.title span { font-weight:bold; }
blockquote p.subtitle { margin: 0 0 0 0; font-weight:bold; }
blockquote p.quote { margin: 20px 0 0 0; line-height:1.6em!important; font-size:1em; text-align:justify; }
blockquote.right p.quote { margin: 20px 0px 0 0; line-height:1.4em; font-size:1em; text-align:justify; }
blockquote.left p.quote { margin: 20px 0 0 0px; line-height:1.4em; font-size:1em; text-align:justify; }
blockquote { margin: 1em 0 50px 0; display:block; clear:both; }

div.rightColumn { float:right; margin: 0 0 0 20px; }
div.rightColumn img { display:block; }
div.rightColumn p { text-align:center; margin: 5px 0 20px 0; font-size:0.9em; }

div#box-floated{ background: transparent url(../images/box_bg_body.jpg) no-repeat center bottom; margin: 0 0 0 20px; float:right; clear:right; width:250px; }
div#box-floated .head { background: transparent url(../images/box_bg_head.jpg) no-repeat center top; height:10px; line-height:10px; }
div#box-floated p { font-size:0.9em; padding: 0 15px 15px 15px; margin: 0 0 0 0; }
div#box-floated h4 { font-size:0.9em; padding: 0 15px 5px 15px; margin: 0 0 0 0; }

#Team h2 { margin: 1em 0 3em 0;}