/**
 * Merlin Learning - 
 * ----------------------------------------------
 * Spinnaker Build - GNR
 */
 
/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_3_short { width:222px;margin-left: 0px!important; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_6_short { width:448px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:990px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 990px;
	margin: 0 auto;
	overflow: hidden;
}

.row_wide {
	width: 1020px;
	margin: 0 -5px;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

/*Grid end */
 
* html a:hover { visibility:visible; }


html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-image:url(../images/bkgnd_vstrip_full.jpg);
	background-repeat:repeat-x;
	font-family:arial,sans-serif;
	font-size:small;
	color:#666;
}



h4 {
padding:0px;
margin:0px;
}

h2 {
}
	h1, h2,  {
		color:#0066CC;
	}

p { 
	line-height:1.5; 
	margin:0 0 1em;
}

a:link { color:#666; }
a:visited{ color:#666; }
a:hover { color:#333; }

.edufileslist dd ul li p { padding-bottom:0px; }
.edufileslist dd { padding-left:4px; margin:0px; padding-right:10px;   }
.edufileslist dd ul { list-style:none; padding-left:0px; margin:0px; border-right:solid 1px #EFEFEF; border-left:solid 1px #EFEFEF; list-style-position:outside; }
.edufileslist dd ul li { border-bottom:solid 1px #EFEFEF; padding-top:10px; padding-bottom:10px; padding-left:15px; margin:0px; }
.edufileslist dd ul li a { color:#8718ab; font-size:14px; font-weight:bold; }
.edufileslist dd ul li h5 { float:right; color:#8718ab; font-size:11px; margin-right:8px; padding:0px; margin-top:0px; margin-left:10px; }


.KT_field_error { color:#990000; }

img{border:none; }


div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:993px;

	
	/*background-image:url(../images/bkgn_content.jpg);*/
	background-repeat:no-repeat;
}

div#topmh {
	height:29px;
	text-align:right;

}

#topmh form{
	padding:0;
	margin:0;
}

div#topmh input {

color:#666666;
font-size:9px;
margin-top:0px;

}

div#topmh fieldset {

border:0px;
padding-top:3px;
}
div#topmh fieldset input {
display: inline; 
vertical-align: middle; 
}




div#logomh {
	width:990px;
	margin:0;
	padding:0;
	height:86px;

}



div#menumh {
	height:58px;


}

div#strapmh {
	height:171px;

}


div#content {
	background: #FFF url(../images/content_bg.gif) no-repeat;
	padding:15px 0 5px 15px; 
	margin:0px auto;
	width:975px;
	display: block;

}

#welcome{
	width:482px; 

	padding-top:60px; 
	margin-top:3px; 
	background:url(../images/welcome_to_merlin.jpg) no-repeat; 
     text-align:left
}	

#welcome h2{
	padding:0px 30px 0px 30px; 
}
	
#welcome p{
	padding:0px 30px 0px 30px; 
	}
	
	
.box{
 width:447px; background:url(../images/home_sides_rhs.jpg) repeat-y;
 margin-bottom:20px; 
}

.box_small{
 width:222px; background:url(../images/home_sides_rhs_small.jpg) repeat-y;
 margin-bottom:20px; 
}


.box.register{ background:url(../images/home_register_bg.jpg) repeat-y;}

/*Footer*/
div#footer {
	/*position:relative;*/
	display: block;
	width:990px;
	bottom:0; 
	margin:0 auto;
	padding:0 0 0 20px

	
	font-size:10px;
}

div#footer p {margin:0;}
div#footermenu {margin:0 0 0 5px; padding:10px 10px 10px 400px; width:585px; color:#929292; font-size:11px; 		height:65px;
	background: #fff url(../images/bkgn_footer_full.jpg) no-repeat;}		
div#footermenu a{ color:#999999;}
div#footermenu a:hover {color:#333;  text-decoration:none;}
div#footermenu ul {margin: 0 10px 0 0; padding: 0; float: right}
div#footermenu ul li {list-style: none; display: inline;}
div#footermenu div {margin: 3px 10px; text-align: right; clear: both}
	
div#breadcrumb {
	font-size:10px;
	margin-left:48px;
	padding-top:5px;
	color:#4763a9;

}	


	
	div#breadcrumb a{ color:#999999; text-decoration:none;}
	div#breadcrumb a:hover {color:#000}


	div#finderresults a{ color:#ff6600; }
	div#finderresults a:hover {color:#ff6600}

.menuselect { visibility:hidden; }

div#linkscontainer { width:996px; height:33px; margin-left:1px; padding-top:2px; }
	div#linkscontainer div{float:left;}
	div#linkscontainer a{display:block;}
	div#linkscontainer a:hover img{visibility:hidden;}
	

/*resources navigation update 15/10/09*/
div#resourcemenu { width:283px; height:351px; margin-top:15px; margin-right:15px; float:right; background-image:url(../images/menu/resource/resource_menu_bkgnd.jpg); background-repeat:no-repeat; }
	div#resourcemenu div{float:left;}
	div#resourcemenu a{display:block;}
	div#resourcemenu a:hover img{visibility:hidden;}
	

#reasourceNav { background:url(../images/boxes_nav.gif) no-repeat; height:351px; margin: 0 0 0 20px;}
#reasourceNav ul{margin:20px 15px; padding:0;}
#reasourceNav li{list-style:none; margin:10px 0; width:255px; height:35px;}

#reasourceNav li a{display: block; width:255px; height:35px; text-decoration: none;}
#reasourceNav li a.education{background:url(../images/resource_nav.gif) 0 0 no-repeat;}
#reasourceNav li a.education:hover,
#reasourceNav li a.edSelect{background:url(../images/resource_nav.gif) -300px 0 no-repeat;}
#reasourceNav li a.say{background:url(../images/resource_nav.gif) 0 -50px no-repeat;}
#reasourceNav li a.say:hover,
#reasourceNav li a.saySelect{background:url(../images/resource_nav.gif) -300px -50px  no-repeat;}
#reasourceNav li a.risk{background:url(../images/resource_nav.gif) 0 -100px no-repeat;}
#reasourceNav li a.risk:hover,
#reasourceNav li a.riskSelect{background:url(../images/resource_nav.gif) -300px -100px  no-repeat;}
#reasourceNav li a.benefits{background:url(../images/resource_nav.gif) 0 -150px no-repeat;}
#reasourceNav li a.benefits:hover,
#reasourceNav li a.benSelect{background:url(../images/resource_nav.gif) -300px -150px  no-repeat;}
#reasourceNav li a.recommend{background:url(../images/resource_nav.gif) 0 -200px no-repeat;}
#reasourceNav li a.recommend:hover,
#reasourceNav li a.recSelect{background:url(../images/resource_nav.gif) -300px -200px  no-repeat;}
#reasourceNav li a.q{background:url(../images/resource_nav.gif) 0 -250px no-repeat;}
#reasourceNav li a.q:hover,
#reasourceNav li a.qSelect{background:url(../images/resource_nav.gif) -300px -250px  no-repeat;}

/* addition end */


.newsitem { margin-top:0px; padding-bottom:10px;}
	
.newsthumbnail { float:left; margin-right:15px; }

.newsImage {padding:20px 0 0 10px; width:274px; height:312px; background:url(../images/rhs_families_bkgnd.jpg) no-repeat;}

.newstext { color:#b167c8; font-weight:bold; }
	
	.newstext a{display:block; color:#999; font-weight:normal;}
	.newstext a:hover {color:#333;}
	
.whatsoncontainer {padding:8px; height:123px; margin-right:20px; width:419px; background-image:url(../images/whats_on_attraction_block.jpg); background-repeat:no-repeat; float:left }
.whatsontxt { text-align:left; font-size:12px; padding:0px 40px 0px 0px;  color:#929292; }
.whatsonimg { float:left; margin-right:10px; }


.booknowcontainer {padding:8px; height:123px; margin-right:20px; width:419px; background-image:url(../images/whats_on_attraction_block.jpg); background-repeat:no-repeat; float:left }
.booknowtxt { text-align:left; font-size:12px; padding:5px 40px 0px 0px;  color:#929292; }
.booknowimg { float:left; margin-right:15px; }

		.booknowtxt a{ color:#0066FF; font-weight:normal; text-decoration:underline }
		.newstext a:hover {color:#0066FF; font-weight:normal; text-decoration:underline }
		
/* Forms     */	

.RegFormLabel {

color:#3a8300;
font-weight:bold;

}


.stackleft{ float:left }

#strapmh{width:967px; height:171px;  margin-left:15px; background-color: #fff;}

/* Navigation fix */ 
#navigation {background:url(../images/menu/navigation_main.gif) 0 -130px no-repeat; height:57px; width:990px;}
#navigation ul{margin:0 15px; padding:0; }
#navigation ul li{display:inline; list-style:none; height:31px; }
#navigation ul li a{display: block; text-decoration:none; float:left; height:31px; margin:3px 0 0 0;}

#navigation ul li a.home{width:67px; background:url(../images/menu/navigation_main.gif) -30px -3px no-repeat;}
#navigation ul li a.home:hover, #navigation ul li a.hSelect{background:url(../images/menu/navigation_main.gif) -30px -68px no-repeat;}

#navigation ul li a.whatson{width:94px; background:url(../images/menu/navigation_main.gif) -97px -3px no-repeat;}
#navigation ul li a.whatson:hover, #navigation ul li a.woSelect{background:url(../images/menu/navigation_main.gif) -97px -68px no-repeat;}

#navigation ul li a.finder{width:152px; background:url(../images/menu/navigation_main.gif) -191px -3px no-repeat;}
#navigation ul li a.finder:hover, #navigation ul li a.findSelect{ background:url(../images/menu/navigation_main.gif) -191px -68px no-repeat;}

#navigation ul li a.register{width:172px; background:url(../images/menu/navigation_main.gif) -343px -3px no-repeat;}
#navigation ul li a.register:hover, #navigation ul li a.regSelect{background:url(../images/menu/navigation_main.gif) -343px -68px no-repeat;}

#navigation ul li a.families{width:119px; background:url(../images/menu/navigation_main.gif) -517px -3px no-repeat;}
#navigation ul li a.families:hover, #navigation ul li a.famSelect{background:url(../images/menu/navigation_main.gif) -517px -68px no-repeat;}

#navigation ul li a.colleges{width:88px; background:url(../images/menu/navigation_main.gif) -636px -3px no-repeat;}
#navigation ul li a.colleges:hover, #navigation ul li a.cSelect{background:url(../images/menu/navigation_main.gif) -636px -68px no-repeat;}

#navigation ul li a.booknow{width:99px; background:url(../images/menu/navigation_main.gif) -725px -3px no-repeat;}
#navigation ul li a.booknow:hover, #navigation ul li a.bSelect{background:url(../images/menu/navigation_main.gif) -725px -68px no-repeat;}

#navigation ul li a.resources{width:155px; background:url(../images/menu/navigation_main.gif) -825px -3px no-repeat;}
#navigation ul li a.resources:hover, #navigation ul li a.resSelect{background:url(../images/menu/navigation_main.gif) -825px -68px no-repeat;}

/*logos fix*/

#logos{background:#fff; margin:0 0 0 -5px; padding:0; width:990px;}
#logos ul{margin:0; padding:0;}
#logos ul li{display:inline; list-style:none; }
#logos ul li a{display: block; text-decoration:none; float:left; height:86px; margin:0;}
#logos ul li a.logo1{background:url(../images/logos_head.jpg) 0 0 no-repeat; width:67px}      /*Alton Towers */
#logos ul li a.logo2{background:url(../images/logos_head.jpg) -67px 0 no-repeat; width:69px}  /* Chessington */
#logos ul li a.logo3{background:url(../images/logos_head.jpg) -136px 0 no-repeat; width:98px} /* Legoland Windsor */
#logos ul li a.logo4{background:url(../images/logos_head.jpg) -234px 0 no-repeat; width:81px} /* Thorpe Park */
#logos ul li a.logo5{background:url(../images/logos_head.jpg) -315px 0 no-repeat; width:108px} /* London Eye */
#logos ul li a.logo6{background:url(../images/logos_head.jpg) -423px 0 no-repeat; width:82px} /* Sealife london */
#logos ul li a.logo7{background:url(../images/logos_head.jpg) -505px 0 no-repeat; width:83px}  /* Madame Tussads */ 
#logos ul li a.logo8{background:url(../images/logos_head.jpg) -588px 0 no-repeat; width:90px} /*The dungeon */ 
#logos ul li a.logo9{background:url(../images/logos_head.jpg) -678px 0 no-repeat; width:76px} /* Warwick Castle */ 
#logos ul li a.logo10{background:url(../images/logos_head.jpg) -752px 0 no-repeat; width:77px} /* Sealife */ 
#logos ul li a.logo11{background:url(../images/logos_head.jpg) -829px 0 no-repeat; width:72px} /* Sea life Sanctuaries */ 
#logos ul li a.logo12{background:url(../images/logos_head.jpg) -901px 0 no-repeat; width:80px}	/* Legoland Discovery Centre */

	
/* sIFR   */


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;


}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 18px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 18px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/*recsources navigation*/

#resources {}

#resources ul{}


/* Forms Questionare - Addition - 13/10/09    */

/*Form top*/
.hidden{visibility: hidden !important;}
 h1.qHead,  h1.sayHead, h1.edHead, h1.sayHead, h1.riskHead, h1.benHead, h1.colHead, h1.testHead{width:938px; height:32px; visibility: visible;}
 h1.qHead {background: url(../images/resource_headers.gif) 0 -250px no-repeat; }
 h1.edHead {background: url(../images/resource_headers.gif) 0 0 no-repeat; }
 h1.sayHead {background: url(../images/resource_headers.gif) 0 -50px no-repeat; }
 h1.riskHead {background: url(../images/resource_headers.gif) 0 -100px no-repeat; }
 h1.benHead {background: url(../images/resource_headers.gif) 0 -150px no-repeat; }
 h1.colHead {background: url(../images/resource_headers.gif) 0 -200px no-repeat; }
 h1.testHead {background: url(../images/resource_headers.gif) 0 -300px no-repeat; }
 
 
 .contentBox {padding-top: 10px;}
 .contentBox .top{background:url(../images/boxes_top_bottom.gif) 0 0 no-repeat; width:620px; height:18px; display: block;}
 .contentBox .body{background:url(../images/boxes_body.gif) repeat-y;  margin: 0 10px; height:auto; }
 #quest .body{padding: 1em 1.5em; width:600px;}
 #edRes .body {padding:20px 10px; width:620px; height:auto;}
  #say .body {padding:20px 10px; width:610px;}
 .contentBox .bottom{background:url(../images/boxes_top_bottom.gif) 0 -49px no-repeat; width:620px; height:14px; display: block;}
.edufileslist {margin:0;}

form#questionnaire {}
form#questionnaire li{color: #8718ab; font-weight: bold; }


#questionniare{
	font: 100% sans-serif, Verdana, Arial;
	color:#666;
	padding:0;
	margin:0;
	width:580px;
}


/*Floats*/
.float_left {
	float: left;
	margin-bottom: 0.15em;
	margin-right: 1em;
	display: inline;
}

.float_right {
	float: right;
	margin-bottom: 0.15em;
	margin-left: 1em;
	text-align: left;
	display: inline;
}

/* Fieldsets */
form#questionnaire fieldset {
	border: none;
	margin: 0;
	padding: 0 10px;
}

.body p.form{margin: 0 !important; width:580px;}

form small{font-size: 0.6em; color:#006699; width:200px; margin:-10px 0 0 200px; }

/* Text fields */
input.text   { width: 200px; margin:0.5em 0.5em 0.5em 0; }
input.text  { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus { border:1px solid #999; background:#fff; }
.text.short 			  { width:130px; }
.text.dwarf 			  { width:60px; }
.text.micro 			  { width:38px; }
select.text.micro      { width:50px; }
input.text.disabled       { color: #fff; border:1px solid #ccc; background:#ccc;}

/*Label */
form#questionnaire fieldset label 		{ display:block; padding: 0 1em; margin: 0.7em 0.5em 0.5em 0; text-align: left; width: 110px; font-size:1em; color:#666; text-align:left;clear:both; cursor: pointer}
form#questionnaire fieldset label.maxed { width: auto; margin-right: 0; padding-right: 0; vertical-align: middle;}
form#questionnaire fieldset label.wide { width: 500px; }
form#questionnaire fieldset .radioGroup label { width: auto; margin:0.4em 0.6em 0.4em 0.2em; padding: 0 0.3em;  font-size:0.9em; }
form#questionnaire fieldset label.inline{display: inline}

form#questionnaire fieldset .radioGroup {padding: 0 1em; margin: 0.8em 0.5em 0.5em 0; }

/* optional/ required elements */
.fm-req label { font-weight: bold; }
.fm-opt label { font-weight: normal }

input.file:focus      { border:1px solid #999; background:#fff; }

/* Textareas */
textarea            { width: 400px; height: 50px; font: 100% sans-serif, Verdana, Arial; color:#666; padding:0.2em}
textarea.small      { height: 20px; }
textarea            { border:1px solid #bbb; background:#eee;  }
textarea:focus      { border:1px solid #999; background:#fff; }


/* Radio Buttons */
input.radio { margin:0.4em 0.2em 0.4em 0.4em; display: inline; font-weight: normal; font-size: 0.9em }

/* Radio Checkbox */
input.checkbox { margin:0.8em 0.5em 0 1em; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6; width:200px; margin:0.5em 0.5em 0.5em 0; }
select:focus        { border:1px solid #999; background:#fff; }

/* Rate styles for Questioniare*/
.rate{display: block; clear:both;} 
.rate li {display: inline; list-style: none; margin:0 1em; float:left; width:2em;}
.rate li label {width:1em; margin:0.4em 0.2em 0 0.4em; padding:0 0.2em}
.rate .rating{font-weight: bold; margin:0.4em 0; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: 0.5em 0; margin: 5px 10px !important; border: 2px solid #ddd; width:440px !important; }
.error      { background: #FBE3E4; border-color: #ff3300; }
.error label, .error h5{ color: #9d1f00 !important;}
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }



/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
 
}
* html .clear { height: 1%; }
.clear { display: block; }