/* -------------------------------------------------------------- 
  
   Screen Styles: European Schools
   Date: 21.12.09
  
-------------------------------------------------------------- */

@import 'screen/reset.css'; /*Resets browser default settings to give all browsers same starting point*/

/*--=General Styles--*/
body { background: #5e5f76; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #5a5a5a; }

/*--=Image Replacement=--*/
.ir { display: block; text-indent: -5000px;}

/*--=Holder - should be the total width--*/
.holder { width: 940px; margin: 0 auto; position: relative; }

button { cursor: pointer; border: 0; }

.float_l { float: left;}
.float_r { float: right;}

.hide { display: none; }

.txt_align_l { text-align: left;}
.txt_align_c { text-align: center;}
.txt_align_r { text-align: right;}

.clear_right { clear:right; }
.clear_both { clear: both; }
.clear { clear: both; margin: 0; padding: 0; visibility: hidden; height: 0;}
.clear_after:after { content: ""; display: block; height: 0; clear: both; }

.bold { font-weight: 700; }

a:focus, a:hover { text-decoration:none; color: #00188f; }
a { color: #141762; text-decoration: underline; overflow: hidden; }

/*--Header--*/
#header { height: 101px; border-bottom:#141762 solid 5px; }
.logo { float:left; width:320px; height:101px; }

/*--Primary Nav--*/
.primary_nav { float:right; height:31px; padding-top:10px; font-size:1.4em; color:#434568; font-weight:bold; }
.primary_nav li { height:31px; float: left; margin: 0 0 0 20px; }
.primary_nav li a { height:31px; color:#141762; text-decoration:none; }
.primary_nav li a:hover { color:#434568; text-decoration:none; }
.primary_nav li.on { background:url(../images/nav_arrow.gif) no-repeat center bottom; height:31px; }
.primary_nav li.on a { color:#fff; text-decoration:none; }

.nav_contact { float:right; height:34px; padding-top:6px; font-weight:bold; color:#fff; font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #434568; }

/*--Secondary Nav--*/
.language_space { float:right; height:19px; padding:0; }
.language { background:url(../images/language_bg.gif) no-repeat #434568; float:right; height:19px; width:160px; padding:0 0 0 6px; }
.language li { float:left; display: inline; color: #fff; }
.language li a { color: #fff; text-decoration: none; }
.language li a:hover { text-decoration: underline; }
.english { background: url(../images/england_flag.gif) no-repeat top; width:19px; height:16px; margin:0 3px 0 10px; }
.german { background: url(../images/german_flag.gif) no-repeat top; width:19px; height:16px; margin:0 3px; }
.french { background: url(../images/french_flag.gif) no-repeat top; width:19px; height:16px; margin:0 3px; }

/*--Main Image--*/
#main_image { height:360px; width:940px; }

/* Content Panels */
.slideshow_holder { background:#fff; }
#slideshow, .slideshow { height:360px;	width:30px;}
#slideshow div, .slideshow div { position:absolute; top:106px; left:0; _right: -1px; z-index:1; height:360px; width:940px;}
#slideshow div { opacity:0.0; }
#slideshow div.active { z-index:10; opacity:1.0;}
#slideshow div.last-active { z-index:2;}

/* Background Images */
.banner1 { background: url(../images/top_banner/01.jpg) no-repeat top left; }
.banner2 { background: url(../images/top_banner/02.jpg) no-repeat top left; }
.banner3 { background: url(../images/top_banner/03.jpg) no-repeat top left; }
.banner4 { background: url(../images/top_banner/04.jpg) no-repeat top left; }
.banner5 { background: url(../images/top_banner/10.jpg) no-repeat top left; }
.banner6 { background: url(../images/top_banner/06.jpg) no-repeat top left; }
.banner7 { background: url(../images/top_banner/07.jpg) no-repeat top left; }
.banner8 { background: url(../images/top_banner/08.jpg) no-repeat top left; }
.banner9 { background: url(../images/top_banner/09.jpg) no-repeat top left; }
.banner10 { background: url(../images/top_banner/10.jpg) no-repeat top left; }
.banner11 { background: url(../images/top_banner/11.jpg) no-repeat top left; }
.banner12 { background: url(../images/top_banner/12.jpg) no-repeat top left; }
.banner13 { background: url(../images/top_banner/13.jpg) no-repeat top left; }
.banner14 { background: url(../images/top_banner/14.jpg) no-repeat top left; }
.banner15 { background: url(../images/top_banner/15.jpg) no-repeat top left; }
.banner16 { background: url(../images/top_banner/16.jpg) no-repeat top left; }

/*--Breadcrumbs--*/
.breadcrumbs { position: absolute; left: 27px; top: 151px; color: #2e2e2e; }
.breadcrumbs li { display: inline; }
.breadcrumbs li a { color: #2e2e2e; font-weight: 700; }

/*--Typography--*/
h1, h2 { background:url(../images/kids_sitting.jpg) no-repeat left top;  padding: 6px 0 5px 85px; border-bottom: 1px dotted #ccc; }
h1 { background:url(../images/kids_sitting_top.jpg) no-repeat left top; height:34px; color:#141762; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.5em; margin:0 0 20px 0; font-weight:400; line-height:1.2; }
h2 { color: #141762; font-family:Georgia, "Times New Roman", Times, serif; font-size: 2.2em; margin: 30px 0 15px; font-weight: 400; }
h3 { color: #141762; font-size: 1.5em; margin: 10px 0; font-weight: 700; }
h5, .h2_faq { color: #141762; font-size: 1.3em; margin: 25px 0 10px; font-weight: bold; }
.h2_faq { background: none; padding: 15px 0 10px; margin: 0; border: none; clear: both; }
p { font-size: 1.2em; margin-bottom: 10px; }

/*--Main content--*/
#main_content { background:url(../images/bg_grad.jpg) repeat-x top #fff; border-top: solid 1px #fff; }
#details_column { width: 502px; float: left; margin: 35px 0 35px 35px; min-height: 550px; display:inline; }
#itineraries { width: 502px; float: left; margin:35px 0 35px 35px; min-height: 550px; display:inline; }
#itineraries_column { width: 500px; float: left; margin:0; }
#last_it { width: 500px; float: left; margin:0; height:750px; }
#details_column .primary_info { margin: 0 15px 0 22px; float: left; width: 327px; display: inline; }
#details_column .secondary_info { width: 220px; float: left; }
#details_column ul, #itineraries_column ul, #last_it ul { margin: 0 0 15px 40px; }
#details_column li, #itineraries_column li, #last_it li { font-size: 1.2em; list-style:disc; margin: 3px 0; }
#details_column li li, #itineraries_column li li, #last_it li li { font-size: 1em; }
#details_column li a { color:#141762 ; text-decoration: underline; }
#details_column li a:hover { color: #333; text-decoration:none; }
#itineraries_column ol > li { list-style-type: decimal; margin: 0 0 10px 40px; }
#itineraries_column ul li { list-style:disc; margin: 3px 17px; }

#home_column { width: 502px; float: left; margin: 35px 0 35px 35px; min-height: 550px; display:inline; }

#actions_column { float: right; width: 334px; margin:310px 35px 0 0; display:inline; }
#map_column { float: right; width: 334px; margin:570px 35px 0 0; display:inline; }
.london_map { position:absolute; top:467px; right:-22px; height:320px; width:420px; background: url(../images/london_map.jpg) no-repeat; _display: inline; }
.frame_bridge { position:absolute; top:467px; right:-22px; height:320px; width:420px; background: url(../images/frame_bridge.jpg) no-repeat; }
.frame_oxford { position:absolute; top:467px; right:-22px; height:320px; width:420px; background: url(../images/frame_oxford.jpg) no-repeat; }
.frame_tower { position:absolute; top:467px; right:-22px; height:320px; width:420px; background: url(../images/frame_tower.jpg) no-repeat; }
.frame_stpauls { position:absolute; top:467px; right:-22px; height:320px; width:420px; background: url(../images/frame_stpauls.jpg) no-repeat; }
.frame_cross { position:absolute; top:467px; right:-22px; height:320px; width:420px; background: url(../images/frame_cross.jpg) no-repeat; }
.frame_london { position:absolute; top:467px; right:-22px; height:320px; width:420px; background: url(../images/frame_london.jpg) no-repeat; }
.frame_covent { position:absolute; top:467px; right:-22px; height:320px; width:420px; background: url(../images/frame_covent.jpg) no-repeat; }
.frame_lesmis { position:absolute; top:467px; right:-22px; height:320px; width:420px; background: url(../images/frame_lesmis.jpg) no-repeat; }
.pic_frame { position:absolute; top:467px; right:-22px; height:585px; width:420px; background: url(../images/blank_picture_frame.jpg) no-repeat top left; padding-top:0; clear:both; }
.faq_top { font-weight:bold; margin:0; width:400px; height:20px; text-align:right;}
.address { width:170px; }
.address, .phone_numbers { float:left; height:200px; }

/*-- Tables--*/
.attractions_table { margin:0 0 10px 20px; padding:0 0 8px 0; border-bottom:solid 1px #ddd;}
th a { color: #c60; }
th a:hover { color: #666;}
th a.on { text-decoration: underline;}
table   { margin-bottom: 1.4em; }
th      { font-weight: bold; color:#141762; font-size:1.2em; }
td      { border-bottom: 2px solid #fff; border-right: 2px solid #fff; background: #f5f5f5;  font-size:1.2em; }
th,td   { padding: 8px; }
tfoot   { font-style: italic; }
caption { background: #f5f5f5; }
table, caption, tbody, tfoot, thead, tr, th, td { vertical-align: middle; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 

/*--Actions Column--*/
.actions { width: 334px; height:362px;  margin:0; padding:0; }
.actions .popular { width: 330px; height:54px; background: #f5f5f5; border:solid 1px #d7d7d7; margin: 14px 0 0 0; padding:3px 0 0 3px; }
.actions .popular h4 { width:180px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; font-weight:400; float:left; margin:0; padding:0; }
.actions .popular img { width:76px; height:51px; margin: 0 10px 0 0; float:left; padding:0; }
.actions .popular p { font-size:1.1em; margin: 0; float:left; }
.actions .popular .play_button a { background: url(../images/popular_arrow.gif) no-repeat top left; float:right; width:31px; height:30px; margin:11px 7px 0 0; display:block; }
.actions .popular .play_button a:hover { background: url(../images/popular_arrow.gif) no-repeat bottom left; float:right; width:31px; height:30px; display:block; }

.key_services { padding: 15px; margin: 0; }
.key_services ul { list-style:none; }
.key_services li { width:400px; height:24px; float: left; margin:0 0 6px 10px; padding:8px 0 0 8px; background:#f5f5f5; border:solid 1px #d7d7d7; color:#141762; font-size:1.2em; font-weight:bold; }

.read_more { width:84px; height:20px; background: url(../images/read_more_arrow.gif) no-repeat right top; float:right; margin-top:15px; padding-top:2px; font-size:1.1em; font-weight:bold; }
.allaboutlondon_map { border:solid 1px #d7d7d7; padding:2px; margin-top:10px; }
.outside_pics { border:solid 1px #d7d7d7; padding:2px; margin:10px 10px 18px 0; float:left; }
.sub_region { color: #666; font-size:1.0em; }
.day_trip { height:125px; width:500px; clear:both;  }
.day_trip p { padding-top:5px; }

/*--Forms--*/
.form_content { margin: 0 16px 0 22px; display:inline; }
.form_content form { background: #f5f5f5; padding: 15px; width: 355px; margin: 30px auto 15px; border:solid 1px #d7d7d7; }
.form_content label, .licence_content label { display: block; margin: 0 0 4px; }
.form_content input.text { width: 342px; padding: 4px; color: #333; border: 1px solid #5E5F76; }
.form_content textarea { width: 342px; padding: 4px; color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; margin: 0 0 10px; height: 150px; border: 1px solid #5E5F76; }
.submit { text-align: right; padding: 4px 0 0; margin: 0; }

/*--Footer--*/
.footer_header { margin: 0 0 10px 0; padding:5px 0 10px 0; font-weight: 700; border-bottom:1px solid #141762; width:240px; height:22px; }
.footer_header h4 { color: #fff; font-size: 1.4em; font-weight: 700; width:140px; float:left; }
.footer_header a { float:right; width:100px; font-size: 0.9em; margin-top:4px; text-align:right; }
#footer { clear: both; height:230px; background: url(../images/footer_bg.gif) repeat-x #434568; padding: 18px 0 0 0; margin-bottom:45px; }
#footer p { float: left; color: #fff; font-size: 1.1em; margin: 0; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
.footer_contact { float:left; height:180px; width:240px; margin-left:35px; display:inline; }
.footer_useful_links { float:left; height:180px; width:240px; margin:0 73px; display:inline; }
.footer_useful_downloads { float:left; height:180px; width:240px; }
.footer_contact ul, .footer_useful_links ul, .footer_useful_downloads ul { float: left; margin: 0; font-size: 1.1em; }
.footer_contact li, .footer_useful_links li, .footer_useful_downloads li { list-style:none; margin: 0 0 0 0; padding: 0 0 0 0; }
.footer_end { float:left; height:30px; width:870px; margin-left:35px; padding-top:14px; border-top:1px solid #141762; display:inline; }
.footer_end ul { float: right; margin: 0 0 0 0; }
.footer_end li { display: inline; border-right: 1px solid #fff; margin: 0 10px 0 0; padding: 0 10px 0 0; }
.footer_end li.last { margin: 0; padding: 0; border: none; }