@charset "UTF-8";

a.addIcon span {display:none;}
a.editIcon span {display:none;}
a.orderIcon span {display:none;}
#bannerpanel a.editIcon {display:block; padding:8px 0;}
#contentWrapper a.editIcon {display:block; padding:8px 0;}
a.deleteIcon span {display:none;}


body  {
	margin:0 ; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	background:#fff;	
}

table {font-size:1em;}

#wrap {/* background: url(images/outerfooter_bg.gif) bottom no-repeat; */ padding-bottom:18px; background-color:#fff;}

#outerContent { 
	width:948px;
	margin:0 auto;  /* the auto margins (in conjunction with a width) center the page */
	/* background: url(images/outercontent_bgrpt.gif) center repeat-y; */
	background-color:#eee;
	-webkit-box-shadow: 2px 2px 16px 0px rgba(50, 50, 50, 0.80);
	-moz-box-shadow:    2px 2px 16px 0px rgba(50, 50, 50, 0.80);
	box-shadow:         2px 2px 16px 0px rgba(50, 50, 50, 0.80);
	padding:0;
}

#innerContent { 
	width:; 
	margin:; 
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding:12px 24px;
	color:#333;
	background:#eee;
/* to give centred fixed width page - width plus padding */
	width:900px;
	margin:0 0 0 0px;
}

#header { padding:0; } 
#header a.logo {display: block; margin-top:57px; clear:both; }
#header  h1 {margin:4px 0 4px; color:#666;}

#contentWrapper {margin-bottom:20px; }
#mainContent {clear:both;}

/* width and placement of content blocks */
.page_standard #content1 {width:49%; width:calc(50% - 4px); float:left;}
.page_standard #content2 {width:49%; width:calc(50% - 4px); float:right;}
.page_standard #content3 {width:49%; width:calc(50% - 4px); float:right;}

.page_email #content1 {width:39%; float:left;}
.page_email #content2 {width:60%; float:right;}
.page_email #content3 {width:60%; float:right;}

.page_form #contentForm1 {width:39%; float:left;}
.page_form #content1 {width:39%; float:left; }
.page_form #content2 {width:60%; float:right; }
.page_form #content3 {width:39%; float:left;}
.page_form #book {width:60%; float:right; }


/* rounded corners for content boxes */
.cssbox h2, #contentWrapper .page_form #content2 .cssbox h2, 
.page_form #content2 .cssbox h2, .page_form #content3 .cssbox h2 {
background: #1d1d1e url(images/mdo_sprite.png) 0 -272px repeat-x; color:#fff; padding:2px 8px 3px 8px; font-weight:bold; margin:0 -10px 8px -10px;text-transform:;}
.cssboxSmall h2 {font-size:1em;}

.cssbox, 
.page_form #content2 .cssbox, .page_form #content3 .cssbox {
border:3px solid #333; 
background:#fff;
margin-bottom:6px; 
padding:0 10px 10px 10px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;

/* Warning: Needed for oldIE support, but words are broken up letter-by-letter */
/* 
-ms-word-break: break-all;
word-break: break-all; 
*/

/* Non standard for webkit */
word-break: break-word;
/* new name as per the CSS3 spec */
overflow-wrap: break-word; 

-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;

}
/* orange panels */
#content2 .cssbox h2 {background:#FFCD33; color:#fff; background:#f7b90f url(images/mdo_sprite.png) 0 -344px repeat-x ;}
#content2 .cssbox {border:3px solid #FFCD33; }
/* blue panels */
#content3 .cssbox h2 {background:#016699 url(images/mdo_sprite.png) 0 -128px repeat-x ; color:#fff; }
#content3 .cssbox {border:3px solid #016699; }

/* CMS image control */
p img.imageSize_1 {float:left; margin:0 5px 5px 0;}
p img.imageSize_2 {text-align:center;}


#book iframe { margin:0 auto ; padding:0; text-align:center; width:100%;}



/* ------ controls and placement of subMenu ------ */
#subMenu { color:#666; float:right; position:absolute; top:10px; padding:0; margin:0;  width:900px;}
#subMenu ul {list-style:none; padding:0; margin:0;  }
#subMenu li {float:right; padding:0 0.5em; margin:0; }
#subMenu li a {color:#333; font-weight:normal; text-decoration:underline;}
#subMenu li a:hover {color:#FFC222; font-weight:normal;}


/* ------ controls and placement of innerFooter ------ */
#innerFooter { display:block; clear:both; color:#aaa; text-align:left;   }
#innerFooter ul li {list-style:none; display:inline; margin:0 8px; }
#innerFooter a {color:#aaa;}
#innerFooter a:hover {color:#ccc;}


/* ------ controls and placement of outerFooter ------ */
#outerFooter { clear:both; color:#eee; text-align:left; }
#outerFooter ul {margin:0; padding:0; text-align:left;}
#outerFooter ul.level1 {}
#outerFooter ul li.level1 {list-style:none; display:block; padding:0 0px; margin:1px 4px; width:24%; background:; float:left; }
#outerFooter ul li.level1 > a.link8 span, #outerFooter ul li.level1 > a.link9 span { display:block; background:#ccc; padding-left:4px; font-weight:bold; color:#666;}
#outerFooter ul li.level2  {list-style:none; display:block; padding:0 4px; }

#outerFooter a {color:#ccc;}
#outerFooter a:hover {color:#999;}
#outerFooter h6 {color:#999;}


/* ------ controls and placement of footerMenu ------ */
.footerMenu {display:block; text-align:center; clear:both;  }
.footerMenu li a:active, #footerMenu li a#current {color:#FFC222; font-weight:normal;}



/* controls of #bannerAdverts */
#bannerAdverts a.editIcon, #bannerAdverts a.addIcon {
padding: 10px;
display:block;
}

#bannerAdverts li {
	list-style:none;
}

#bannerAdverts ul.advertScroll {
	width:230px;
	height:120px;
	margin:0 -3px 0 0;
	display:block;
	float:left;
	list-style:none;
	padding:0;
}

.bannerEdit {
	display:block;
	margin:0;
	float:left;
	list-style:none;
	padding:0;
	width:30px;
}

.bannerEdit li {
	height: 17px !important;
	width: 17px !important;
	display:block;
	float:left;
	list-style:none;
}


#bannerAdverts {
 	display: block; width:960px;	
	position:relative;
	margin:0px 0 0 -45px;
}

#bannerAdverts ul.advertScroll li {
	list-style:none; margin:0; padding:0;
	height:120px;
	width: 230px;
}
#bannerAdverts li:last-child { padding-right:0;}


/* ------ controls and placement of mainMenu ------ */
#mainMenu {
display:block;
position:absolute;
top:40px;
text-align:left;
width:940px;
margin:0;
padding:0 0 0 0;
clear:both;
}

#mainMenu ul {list-style:none; padding:0; margin:0;}
#mainMenu ul li {float:left; padding:0;  margin:0 2px;  position:relative;}
#mainMenu li a {color:#fff; font-weight:bold; text-transform:;  }
#mainMenu li a:hover, #mainMenu li a:active, #mainMenu li a.current {color:#FFC222; font-weight:bold; text-decoration:none;}

#mainMenu ul.level1 li.addIcon, #mainMenu ul.level1 li.orderIcon {background:none; background-image:none; float:right;}
#mainMenu ul.level1 li.addIcon a {}
#mainMenu ul.level1 li.addIcon a span {}

#mainMenu ul li a.addIcon, #mainMenu ul li a.orderIcon { display:block; margin:0 0 -100px 0; padding:0 8px; width:17px; line-height:28px; height:28px; }
#mainMenu ul li a.addIcon {margin-right:-30px; margin-top:-8px;}
#mainMenu ul li a.orderIcon {margin-right:-80px; margin-top:8px;}

#mainMenu ul.level1 li a.link1 {float:left;}
#mainMenu ul.level1 li a.editIcon, #mainMenu ul.level1 li a.deleteIcon {display:block; float:left; margin:0; padding:0 3px; width:12px; line-height:28px; height:28px; background-color:#333;}

/* ====== colours for drop downs ===== */
#mainMenu ul.level1 li a {color:#fff;
padding:0px 0px 0px 0px;
font-size:12px;
line-height:30px;
}
#mainMenu ul.level1 li a span {
padding:7px 7px 7px 7px;
font-size:12px;
line-height:28px;
}

#mainMenu ul.level1 li  {color:white; background:#016699 url(images/mdo_sprite.png) 0px -128px repeat-x ; }
#mainMenu ul.level1 li a:hover span {color:white; background: #8a8c8f  url(images/mdo_sprite.png) 0 -200px repeat-x;}
#mainMenu ul.level1 li.current a span {color:#fff; background: #1d1d1e url(images/mdo_sprite.png) 0 -272px repeat-x;}

/* ------ controls and placement of mainMenu dropMenu ------ */

/*dropdowns*/
#mainMenu li ul.level2 {
display: none;
position: absolute;
width:174px;
top: 28px;
left: 0;
background: #ccc;
border-top:4px solid #eee;
}
#mainMenu li ul.level2 li {
padding:0px; margin:0;
width:174px;
margin-top:0;
}
#mainMenu li > #mainMenu ul {
top: auto;
left: auto;
}
#mainMenu li:hover ul.level2, #mainMenu li.over ul.level2 {
display: block;
}
#mainMenu ul.level2 li a {
float: left;
width:174px;
margin:0px 0px 0px 0px;
padding:1px 0px 0px 0px;
font-size:12px;
line-height:14px;
text-decoration:none;
text-transform:;
}
#mainMenu ul.level2 li a span{
background: /* url(../siteimages/dropmenu.gif) bottom repeat-x*/;
float: left;
width:164px;
margin:0px 0px 0px 0px;
padding:4px 5px 4px 5px;
font-size:12px;
line-height:14px;
text-decoration:none;
text-transform:;
}


/* ====== colours for drop downs ===== */
#mainMenu ul.level2 li a {color:#fff; font-weight:normal;}
#mainMenu ul.level2 li a {background-color:white; background-color:#A0A0A0;}
#mainMenu ul.level2 li a:link span, #mainMenu ul.level2 li a:visited span {color:#fff; background:#A0A0A0 /* url(images/mdo_sprite.png) 0 -200px repeat-x */; }
#mainMenu ul.level2 li a.current span {color:#fff; background: #1d1d1e /* url(images/mdo_sprite.png) 0 -272px repeat-x */;}
#mainMenu ul.level2 li a:hover span {color:#fff; text-decoration:underline;}
/* ====== drop down menu end ===== */

/* mega dropdown */
#mainMenu li ul.level2.mega {width:920px; background:#A0A0A0; position: fixed; top: 68px; margin-left:calc(50vw - 460px);  }
#mainMenu li ul.level2.mega ul.level3 {width:180px; padding:;}
#mainMenu ul.level2.mega > li.level2 {background:#A0A0A0; padding:0 10px 10px 0px;}
#mainMenu ul.level2.mega li a:hover span {}
#mainMenu li ul.level2.mega li.level2 > span {border-bottom:1px solid #666; display:block; padding:5px; font-weight:bold; color:#333;}

#mainMenu ul.level2.mega li.level3 a {font-weight:normal;}

.menuAnchor {display: none; }
#innerFooter h6 {display: none; }


#mainMenu ul.level2 li a.editIcon,
#mainMenu ul.level2 li a.deleteIcon 
{display:inline; height:20px; width:17px; background-color:#333 ; position:absolute;  padding:1px 0px 1px 0px; border-top:1px solid #ccc;}
#mainMenu ul.level2 li a.deleteIcon {margin-left:17px /* must match width above */; }
#mainMenu ul.level2 li a.orderIcon {display:inline; height:20px; border-top:1px solid #ccc; background-color:#333;}

#mainMenu ul.socialLinks {float:right; margin-right:40px;}

div#menu9 { border-bottom:3px solid #eee; background:;}


.clearfloats, .clearboth {clear:both; height:1%; display:block; line-height:1%; margin:0; padding:0; }
.dev_notes {color:#FF0000; padding:4px;}



/* ====== breadcrumb ===== */
ul.breadcrumb {margin:0; padding:0;}
ul.breadcrumb li {display:inline-block;}
ul.breadcrumb li:after {content:' » ';}
ul.breadcrumb li:last-child:after {content:'';}
/* ====== breadcrumb end ===== */


table.user_journeys tr.highlight {color:#FFC222;}


ul.journey li {list-style:none; padding:0; margin:0;}
ul.journey li {padding:0, 0, 5px, 0;}
ul.journey li.booking_id {font-weight:bold; font-size:14px;}
ul.journey li.status {font-weight:bold; font-size:13px; color:#666666;}
ul.journey li span {font-weight:bold;}

fieldset {border:none;}
fieldset label {width:80px; float:left;}
fieldset label.long {width:200px;}
fieldset div {margin-top:10px;}
input.text_long {width:250px; border:1px solid #333; padding:2px;}
fieldset span.right {float:right;}
fieldset span.clear {clear:both;}
fieldset input.button {background:#FFC222; padding:2px; border:1px solid #333;}

.trustedsite_floating_element img {top:130px!important;}