/* -- undo browser HTML defaults -- */
:link,:visited {text-decoration: none;}
ul,ol {list-style: none;}
ul,ol,dl,li,dt,dd,pre,form,body,html,p,blockquote,fieldset,input {margin: 0; padding: 0;}
address {font-style: normal;}
img{border:none}
a, a:visited {outline:none} 


body {
 font-size: 13px;
 font-family: Tahoma, Geneva, sans-serif;
 line-height: 140%;
 color: #195289;
 background: #ececec url(/images/BG.png) repeat-y center top fixed;
-web33kit-background-size: 1900px 1200px;
}


a:link, a:visited { color: #6FB2D4; text-decoration:underline; outline:none; } 
a:hover {color: #999; text-decoration:none; outline:none;}

p  {line-height: 19px; margin: 0 0 15px 0;}

p a:link, p a:visited { font-size: 15px; color: #195289; font-weight: bold; padding:0 0 2px 0; text-decoration: none; background: url(/images/blackdot_bg.gif) bottom left repeat-x;}
p a:hover { color: #000; text-decoration: none; border-bottom: 2px solid #e82429; padding:0 0 1px 0; font-weight: bold; background: url()}

.clear { clear: both; }
.clearL { clear: left; }
.clearR { clear: right; }
.fright { float: right; }

/* ----- headings -----*/
#header{
 position: absolute; left: 0; top: 0;
 margin: 0;
 width: 1000px;
 height: 114px;
 background-image: url(/images/logo.jpg); 
}
#header.offer { background-image: url(/images/logo-20pc-off-all.jpg); }
#social { position: absolute; top: 24px; left: 580px; width: 415px;}
#social div, a.socbut { position: absolute; }
.fb-like-box { left: 102px; top: 1px;}
.gplus { top: 2px; }
#social .twitter { left: 40px; }
#social .facebook { left: 70px; }

#header h1 { margin: 12px 0 0; }
h1 a{
 border: 0 solid #294E61;
 display: block;
 width: 500px;
 height: 102px;
 margin: 0;
 text-indent: -9000px;
}

h1 a:link{
 display: block;
 width: 500px;
}


h1.alt{
 float: left;
 margin: 0;
 height: 33px;
}


h2 {height:23px;
 padding: 0; 
 margin: 0 0 10px 0;
 background-repeat: no-repeat;
 text-indent: -9000px;
}
h2.plain { text-indent: 0; height: auto; }
h2.head1{ background-image: url(/images/heading1-2013.png); height: 33px; margin: -3px 0 7px; }
h2.head1offer{background-image: url(/images/heading1-20pc-off.png); height: 33px; margin: -3px 0 7px; }
h2.head2{ background-image: url(/images/heading2-2013.png); height: 33px; margin: -3px 0 7px; }
h2.head2offer{background-image: url(/images/heading2-20pc-off.png); height: 33px; margin: -3px 0 7px; }
h2.head3{background-image: url(/images/heading3-2013.png); height: 34px; margin: -3px -15px 7px 0; }
h2.head3offer{background-image: url(/images/heading3-20pc-off.png); height: 34px; margin: -3px -15px 7px 0; }
h2.head4{background-image: url(/images/heading4.gif)}
h2.head5{background-image: url(/images/heading5.gif)}
h2.head6{background-image: url(/images/heading6.gif)}
h2.head7{background-image: url(/images/heading7.gif)}
h2.head8{background-image: url(/images/heading8.gif)}
h2.head9{background-image: url(/images/heading9.gif)}
h2.head10{background-image: url(/images/heading10.gif)}
h2.head11{background-image: url(/images/heading11.gif)}
h2.head12{background-image: url(/images/heading12.gif)}
h2.head13{background-image: url(/images/heading13.png)}
h2.head14{background-image: url(/images/heading-summer-special.png); height: 34px; margin: -3px -15px 7px 0; }


h3 { margin:16px 0 11px; font-weight: normal; font: 20px Verdana, Geneva, sans-serif; color: #326eaa; letter-spacing: -1px; }

h3.nomargin { margin:0 0 8px; }

.header2for1 { width: 1000px; height: 100px; background:url(/images/2for1-header.png) no-repeat 0 0; margin: 7px 0; position: relative; }
.header2for1 p { position: absolute; width: 300px; left: 640px; top: 32px; margin: 0; font-size: 1.3em; font-weight: bold; color: #600; text-align: center; line-height: 130%;}
.header2for1 p strong { text-transform: uppercase; }

/*main navigation*/


#nav ul { width: 100%; float: left; padding: 0; margin: 0 0 15px 0; list-style-type: none; text-align:center; line-height: 28px;}
#nav li { float: left; padding: 0; margin: 0; display: inline}
#nav li a { DISPLAY: block; HEIGHT: 47px; color:#FFF; font-size:13px; font-weight:600; text-decoration: none }

#nav li a.home, #nav li a.homeActive { background: url(/images/nav.png) -73px 0; WIDTH: 122px}
#nav li a.aims, #nav li a.aimsActive { background: url(/images/nav.png) -57px 0; WIDTH: 145px; }
#nav li a.ourschool, #nav li a.ourschoolActive { background: url(/images/nav.png) -61px 0; WIDTH: 148px;}
#nav li a.curriculum, #nav li a.curriculumActive { background: url(/images/nav.png) -55px 0; WIDTH: 142px;}
#nav li a.stag, #nav li a.stagActive { background: url(/images/nav.png) -55px 0; WIDTH: 147px;}
#nav li a.news, #nav li a.newsActive { background: url(/images/nav.png) -62px 0; WIDTH: 140px;}
#nav li a.gallery, #nav li a.galleryActive { background: url(/images/nav.png) -10px 0; WIDTH: 155px;}

#nav li a:hover.home, #nav li a.homeActive,
#nav li a:hover.aims, #nav li a.aimsActive,
#nav li a:hover.ourschool, #nav li a.ourschoolActive,
#nav li a:hover.curriculum, #nav li a.curriculumActive,
#nav li a:hover.stag, #nav li a.stagActive,
#nav li a:hover.news, #nav li a.newsActive,
#nav li a:hover.gallery, #nav li a.galleryActive { background-position: right top; }


/*the meat and veg layout*/
/*///////////////////////////////////////////////////////////////////////////////////////*/
#container{margin: auto; width: 1000px; border: 0 solid #979797; position: relative; padding-top: 114px; }
#nav{margin: 0; clear: both; border: none; height: 47px;}

.right_col {float: right; width:304px; border: none; }
#errorpage { padding: 30px 30px 150px; }

.float_right {float: right; margin: 0 0 0 15px; border: none; }


.grid1 p {height: 228px; font-size:14px; line-height: 18px; border: 5px solid #93af47; margin: 0; padding: 20px 15px 20px 15px; color:#135113; background-color:#bfe18b;}


.london p {height: 222px; font-size:12px; line-height: 17px; border: 5px solid #93af47; margin:0; padding: 20px 15px 20px 15px; color:#135113; background-color:#bfe18b;}


.grid2, .grid2offer {border: 5px solid #548ccf; margin: 15px 0; padding: 0; color:#135113; }
.grid3 {border: 5px solid #548ccf; margin: 0; padding: 0; color:#135113; float: right; }
.grid4 {width:403px; border: 5px solid #548ccf; margin: 0; padding: 0; color:#135113; }
.grid5, .grid5offer {float:right; border: 5px solid #548ccf; margin: 0 0 15px 15px; padding: 0; color:#135113; width: 270px; }

.box {float:left; height:180px; width:635px; padding: 15px; margin: 0 0 15px 0; border:5px solid #000; position: relative; }
.box2 { float:left; height:419px; width:340px; padding: 15px; border: #c1c1c1 5px solid; margin: 0 0 15px 15px;}
.box4 { float:left; width:959px; padding: 15px; border: #cd9c07 5px solid; margin: 0 0 15px 0;}

.box2thirds, .boxFull { float:left; height:419px; width:635px; padding: 15px; border: #c1c1c1 5px solid; margin: 0 0 15px 15px;}

.boxFull { height:auto; width:960px; margin: 0 0 15px 0;}

.box3 { float:left; height:500px; width:340px; padding: 15px; border: #c1c1c1 5px solid; margin: 0 0 15px 15px;}

.box .flash-2for1 { position: absolute; right: 10px; top: 5px; }

.boxContact { background-color:#336699; float:right; height:419px; width:240px; padding: 15px; border: #336699 5px solid; margin: 0 0 15px 0}
.boxdetails { background: #609bd6 url(/images/bg.gif) top left repeat-x; float:right; height:151px; width:240px; padding: 15px; border: #548ccf 5px solid; margin: 0 0 15px 0}

.boxContact2 { height:500px; }

.innerleft {float:left; width:440px; padding: 0 15px 0 0; border-right: 2px solid #dddddd}
.innerwide { width:470px; }
.innerleft p.offer, p.offer { color: #b00; font-size: 1.2em; }
p.offer img { float: right; margin: 0 10px; }
.innernew p { margin: 0 0 8px; }
.innerleft a.button { position: absolute;  right: 18px; top: 80px; font-size: 15px; padding: 4px 15px 5px; background-color: #e10100; }
.innerleft a.button:hover, .innerleft a.button:active, .innerleft a.button:focus { background-color: #390; }

.innerright p{float:left; width:150px; margin: 0 0 0 15px; border: 0 solid #dddddd; font-size: 12px; text-align:justify }

p.restrictions { clear: both; padding-top: 10px; }
p.restrictions-short { padding-top: 5px; }
.restrictions em { font-style: normal; font-weight: bold;}
#green .restrictions strong { color: #280; }
#blue .restrictions strong { color: #3373c0; }
#orange .restrictions strong { color: #cd9c07; }
#skorange .restrictions strong { color: #df4b02; }

#green {border: 5px solid #390}
#blue {border: 5px solid #3373c0}
#orange {border: 5px solid #cd9c07}
#dkorange {border: 5px solid #df4b02}

#dkorange .innerleft a.button { top: 75px; }
p.conditions { position: absolute; width: 136px; right: 14px; top: 115px; text-align: center; font-weight: bold; }

.sprite a {height: 122px; display: block; text-indent: -9000px; width:100%}
.sprite a.first {width:100%; background: url(/images/rides_box-first-2013.jpg) no-repeat top left;}
.sprite .grid2offer a.first {width:100%; background: url(/images/rides_box-first-20pc-off.jpg) no-repeat top left;}
.sprite a:hover.first {background-position: 0 -130px;}
.sprite a.second {width:100%; background: url(/images/rides_boxes.jpg) 0 -260px;}
.sprite a:hover.second {background-position: 0 -391px;}
.sprite a.second-offer {width:100%; background: url(/images/rides_box-giftbox-2013.png) 0 0;}
.sprite .grid2offer a.second-offer { background: url(/images/rides_box-giftbox-20pc-off.png?) 0 0;}
.sprite a:hover.second-offer {background-position: 0 -131px;}


#slide a {height: 179px; DISPLAY: block; text-indent: -9000px; width:100%}
#slide a.first { background: url(/images/slide_gift.jpg) no-repeat top left;}
#slide.grid5offer  a.first { background: url(/images/slide_gift.jpg) no-repeat top left;}
#slide a:hover.first {background-position: 0 -179px;}
#slide a.second {background: url(/images/slide_gift_2013.jpg) 0 -358px;}
#slide.grid5offer a.second { background: url(/images/slide_gift_20pc_off_new.jpg?) no-repeat 0 -358px;}
#slide a:hover.second {background-position: 0 -537px;}

#slide2 a {height: 179px; DISPLAY: block; text-indent: -9000px; width:100%}
#slide2 a.first { background: url(/images/slide_gift2.jpg) no-repeat top left;}
#slide2 a:hover.first {background: url(/images/slide_gift2.jpg) 0 -179px;}
#slide2 a.second {background: url(/images/slide_gift2.jpg) 0 -358px;}
#slide2 a:hover.second {background: url(/images/slide_gift2.jpg) 0 -537px;}


.buy {DISPLAY: block; text-indent: -6000px; margin: -20px 0 0 0;}
.buy a{ float:right; width:88px; height: 25px; padding-right:4px}
.buy a:link{background: url(/images/buy.gif) no-repeat top left; height: 25px;}
.buy a.first {background: url(/images/buy.gif) no-repeat top left; height: 25px;}
.buy a:hover.first {background: url(/images/buy.gif) no-repeat bottom left; height: 25px;}


.full_col {float: left; width:100%; margin: 0 0 1px 0; padding: 0 0 170px 0; border: 0 solid #000; background: url(/images/bg_tree.jpg) no-repeat bottom left; }

.col_left {float: left; width:310px; border: 0 solid #cd9c07; margin: 0 12px 0 0}

p.christmasdelivery, .contact p.christmasdelivery { background: #c80000; margin: 10px 0; color: #fff; padding: 0px 6px 4px; line-height: 120%; text-align: center; }

/* ----- forms ----- */

form{ margin: 10px; padding: 0 0 12px 0; }

.label{
 display: block;
 margin: 0 0 5px 0;
 text-indent: 0;
 color:#fff;
 font-weight:600;
}

span{ color: #e82429; }

input{
 display: block;
 width: 221px;
 height: 20px;
 text-indent: 2px;
 border: 1px solid #646464;
 font: 13px Verdana, Tahoma, Verdana, sans-serif;
 background: #edf0f2; 
}

textarea{
 display: block;
 width: 220px;
 height: 170px;
 margin-bottom: 15px;
 text-indent: 2px;
 border: 1px solid #F3F3F3;
 font: 13px Verdana, Tahoma, Verdana, sans-serif;
 background: #edf0f2; 
}


.wordup{
 display: block;
 font-size:14px;
 width: 100%;
 height: 170px;
 margin-bottom: 15px;
 margin-top: 15px;
 text-indent: 2px;
 border: 1px solid #19529f;
 background: #edf0f2; 
}


.radio {
display:inline;
padding: 20px 15px 0 0;
width: 13px;
height: 13px;
border: 0 solid #646464;
background: transparent;
}

.dvd input { width: auto;}

#contactsend{
float: right;
display: block;
font-family: Tahoma, Geneva, sans-serif;
font-size: 12px;
font-weight:bold;
width: 125px; height: auto;
border: solid 1px #fff;
background-color: #e10000;
color: #fff;
margin: 5px 0 0 0;
padding: 5px ;
letter-spacing: 0;
cursor: pointer;
-moz-border-radius: 4px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;
 -webkit-box-shadow: 0 0 6px rgba(14, 32, 59, .5);
 -moz-box-shadow: 0 0 6px rgba(114, 32, 59, .5);
}
#contactsend:focus,
#contactsend:hover{
background-color: #e10000;
border: solid 1px #e10000;
color: #fff;
}


/*map*/
.headermap {
 width: 1000px; 
 height: 109px; 
 position: relative;
 margin: 0;
}

.headermap a {
  position: absolute;
  display: block;
  width: 52px;
  height: 35px;
  border: 0;
 background-image:url(/img/blank.gif);
}

.headermap span{display: none;}

.headermap .video a, .headermap .video a:link {
 top: 39px;
 left: 882px;
 width: 84px;
}

.headermap .gift a, .headermap .gift a:link {
 top: 39px;
 left: 352px;
 width: 345px;
}

.headermap a:hover span.textbx{
position: absolute;
bottom: -3em;
width: 10em;
padding: 0.5em;
display: block;
text-align: center;
vertical-align: top;
color: #000;
background-color: #ffc;
border: 1px solid #BCBCBC;
}


/* ----- footer ----- */
#footer { clear: both; width:100%; margin: 0 0 10px; position: relative; }
#footer p { font-family:Arial, Helvetica, sans-serif; color: #5d5d5d; font-size:12px; padding-top:0px}

.ccards { width: 1000px; height: 95px; position: relative; }
 .ccards .thanks { position: absolute; top: 46px; left: 410px; }
 #share { position: absolute; top: 52px; left: 20px; }

div.bottomlinks { text-align: right; margin: 0; padding-bottom: 14px; }


/* Rating */
.ratingStar {
 font-size: 0pt;
 width: 13px;
 height: 12px;
 margin: 6px 0 6px 6px;
 padding: 4px;
 cursor: pointer;
 display: block;
 background-repeat: no-repeat;
}

.filledRatingStar { background-image: url(/images/FilledStar.png); }

.emptyRatingStar { background-image: url(/images/EmptyStar.png); }

.savedRatingStar { background-image: url(/images/SavedStar.png); }

.boxContact p { color: #fff; margin: 0 0 6px; line-height: 110%;}
.boxContact form p { color: #fff; margin: 0 0 3px; position: relative; line-height: 140%;}

.boxContact label { color: #fff; font-weight: bold; }
.boxContact textarea { height: 150px; max-height: 150px; resize: none; }
.boxContact2 textarea { height: 190px; max-height: 190px; }
.boxContact label.error { position: absolute; right: 0; top: 0; color: #ffa;}
.boxContact input.error, .boxContact textarea.error { border: 1px solid #d00; }
.boxContact h3 { color: #fff; font-size: 1.4em;}

.galleryimg { border: #93af47 5px solid; }

.giftboxheader { background:url(/images/giftboxheader_new.png) no-repeat 0 0; width: 418px; height: 112px; margin: 15px 0; padding: 13px 242px 0 340px;} 
.giftboxheader h3 { color: #195289; margin: 10px 0 4px; font-weight: bold; font-size: 1.2em; letter-spacing: 0; padding-right: 20px; }
.giftboxheader p { color: #195289; font-size: 1.1em; line-height: 120%;  }
.giftboxheader p strong em { color: #e40208; text-transform:uppercase; font-style: normal; }
.giftboxheaderoffer { background:url(/images/giftboxheader-35pc-off-2012.png) no-repeat 0 0; width: 490px;  padding: 13px 170px 0 340px;} 
.giftboxheader10pc { background:url(/images/giftboxheader-10pc-off.png) no-repeat 0 0; width: 490px;  padding: 13px 170px 0 340px;} 
.giftboxheader20pc { background:url(/images/giftboxheader-20pc-off.png) no-repeat 0 0; width: 490px;  padding: 13px 170px 0 340px;} 
.giftboxheader25pc { background:url(/images/giftboxheader-25pc-off.png) no-repeat 0 0; width: 490px;  padding: 13px 170px 0 340px;} 

/* messages */
p.msgok, p.msgalert, p.msginfo, p.msgerror { padding: 2px 3px 4px 25px; font-size: 1.1em; margin: 14px 0 16px; color: #222; border-radius: 4px; box-shadow: inset 0px 8px 20px -8px #fff;  }
p.msgok { background: #e1f3ba url(/images/icons/tick.png) no-repeat 4px 4px; border: 1px solid #cde599;}
p.msginfo { background: #d3e1f7 url(/images/icons/exclamation-blue.png) no-repeat 5px 4px; border: 1px solid #aec8f2;}
p.msgalert { background: #fdf2aa url(/images/icons/alert.png) no-repeat 4px 3px; border: 1px solid #f5cf93; }
p.msgerror { background: #f6544c url(/images/icons/exclamation-red.png) no-repeat 4px 5px; border: 1px solid #c42a23; color: #fff; }

#offerarrow { position: absolute; top: 615px; left: 615px; }
#offerbubble { position: absolute; top: 373px; left: 441px; }


#redeemBook, #redeemBookOne { width: 998px; height: 101px; background:url(/images/redeem-or-buy-header.png) no-repeat 0 0; position: relative; margin-bottom: 14px;}
#redeemBookOne { background:url(/images/buy-a-voucher-header.png) no-repeat 0 0; }
.boxRedeem { width: 495px }
.boxRedeem label { position: absolute; }
.boxRedeem label { left: 74px; top: 53px; font-weight: normal; color: #000; width: 120px; text-align: right; line-height: 110%; font-size: 0.95em;}
.boxRedeem input { position: absolute; left: 202px; top: 56px; width: 160px; }
.boxRedeem input.button { left: 384px; top: 58px; width: 80px; height: 24px; line-height: 24px; padding: 0 0 4px;}

.boxBook h3, .boxBook h4, .boxBook p { position: absolute; text-align: center; color: #175087; }
.boxBook h3 { width: 250px; left: 738px; top: 10px; margin: 0; font-size: 1.1em; font-weight: bold; line-height: 125%;}
.boxBook h3 strong { color: #d92634; font-size: 1.1em; }

.boxBook p { left: 584px; top: 70px; width: 412px; font-size: 1.1em;}

#redeemBookOne { margin-top: 10px; }
#redeemBookOne h3 { width: 640px; left: 265px; top: 10px;font-size: 1.2em; }
#redeemBookOne h3 em { font-style: normal; color: #c00; }
#redeemBookOne h4 { width: 480px; left: 345px; top: 17px; line-height: 120%; }
#redeemBookOne p { width: 910px; left: 20px; top: 71px; }
#redeemBookOne img { position: absolute; right: 8px; top: 10px; }


.springspecial { background: #fcf9b9; border: 1px solid #fae581; overflow: hidden; margin: 0 5px 12px; padding: 0px 5px 0 10px; border-radius: 6px; }
.springspecial h4 { margin: 6px 0 8px; font-size: 1.3em; color: #b00; }
.springspecial p { color: #000; line-height: 140%; margin: 0 0 6px; }
.springspecial img { margin-left: 10px; }


