/* reset initial values */
body,div,ul,li,form{
	margin:0;
	padding:0;
	border:0;
}


/* font styles */
body{
	font-family:"tahoma", Verdana, sans-serif; /* check these */
	font-size:12px;
	color:#666666;
}

h1{
	font-size:18px;
	font-weight:normal;
	margin-top:0;
	margin-bottom:10px;
	float:left;
}
.h1small{
	font-size:smaller;
}
h2{
	font-size:15px;
	font-weight:normal;
	color:#808080;
	/*border-left:5px solid #d0e42d;*/
	background-image:url(/images/template/h2bullet.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
	margin-left:-15px;
	margin-top:15px;
	margin-bottom:5px;
	/*border:1px solid red;*/
}
h3{
	font-size:12px;
	margin-top:10px;
	margin-bottom:0px;
}

p{
	margin-top:5px;
	margin-bottom:0px;
	/*border:1px solid blue;*/
}

a{
	color:#3f708e;
	text-decoration:none;
}

ul{
	list-style-position:outside;
	list-style-type:none;
	margin-top:5px;
	margin-bottom:0px;
}
ul li{
	padding-left:15px;
	background-image:url(../images/bullet.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

ol{
	margin-top:5px;
	margin-bottom:0px;
	margin-left:0;
	padding-left:0;
	list-style-position:inside;
}
ol li{
}

/* image styles */
img{
	border:0;
}


/* table styles */
table{
	border:0;
}
th{
	text-align:left;
	vertical-align:top;
	border:0;
	padding:2px;
	border-bottom:1px dotted #477086;
}
td{
	vertical-align:top;
	border:0;
	padding:2px;
	border-bottom:1px dotted #477086;
}
.x-tabs-top td{
	border-bottom:0;
}
#weatherWrapper td{
	padding:0;
}


/* misc styles */
#h1wrapper{
	overflow:hidden;
	height:1%;
	margin-bottom:10px;
}

div#breadcrumbs{
	margin-bottom:5px;
	margin-top:0;
	padding:2px;
	background-color:#eef5fb;
}
div#breadcrumbs span.current{
	font-style:italic;
}

div#nextPrevLinks{
	margin-top:20px;
}
div#nextPrevLinks a{
	margin-right:20px;
	font-weight:bold;
	text-decoration:none;
	color:#808080;
}

#mainImage{
	margin-bottom:15px;
}

p.readmore{
	text-align:right;
	margin-top:10px;
	margin-right:5px;
}

/* layout styles */
body{
	height:auto;
	background-image:url(/images/template/mainBG.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFFFFF;
}

#mainwrapper{
	margin:0 auto;
	width:804px;
	/*background-image:url(/images/template/bannerBG.gif);
	background-image:url(/images/template/banners/header_img_africa.jpg);*/
	background-position:top;
	background-repeat:no-repeat;
}

#topnav{
	/*height:170px;*/
	height:70px;
	width:804px;
}

#logo{
	width:160px;
	height:65px;
	margin-left:15px;
	margin-bottom:30px;
	border:0;/**/
}

#innerwrapper{
	padding:0;
	margin:0;
	margin-left:12px;
	border-left:1px solid #e5e5e5;
}

#leftbar{
	width:192px;
	float:left;
	/*border:1px solid red;*/
}

#mainsection{
	width:536px;
	margin-left:193px;
	margin-right:7px;
	margin-bottom:20px;
	padding-left:28px;
	padding-right:20px;
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
}

#content{
	margin-right:180px;
	margin-left:0px;
	/*margin-left:15px;*/
}

#rightbar{
	width:180px;
	float:right;
	margin-top:3px;
}



#footerwrapper{
	clear:both;
	margin-top:20px;
	background-color:#e5e5e5;
}
#footer{
	margin:auto auto;
	padding-bottom:20px;
	padding-top:10px;
	width:804px;
	text-align:center;
	font-size:10px;
}
#footerLinks{
	margin-bottom:10px;
}
a.footerLink{
	background-image:url(../images/footerLinkBGLeft.gif);
	background-position:center left;
	background-repeat:no-repeat;/**/
	padding:0;
	padding-top:3px;
	padding-bottom:3px;
	margin-bottom:5px;
	/*padding:1px 5px;*/
}
a.footerLink span{
	background-image:url(../images/footerLinkBGRight.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding:0;
	margin-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	color:#666666;
	/*padding:1px 5px;*/
}
#contactDetails{
	margin-bottom:10px;
}
#lowerFooterWrapper{
	margin:auto auto;
	width:804px;
	padding-left:60px;
	padding-right:60px;
	padding-top:10px;
}
#logos{
	float:left;
}
#esus{
	float:right;
}
#tui{
	padding-left:30px;
}
#awards{
	padding-left:30px;
}



/* specials styles */
#specials{
	background-image:url(/images/template/paperBG.gif);
	background-repeat:repeat-y;
	width:159px;
	margin-top:20px;
	margin-left:20px;
}
#specials h2{
	background-image:url(/images/template/paperTop.gif);
	background-repeat:no-repeat;
	background-position:top right;
	height:40px;
	padding-top:10px;
	padding-left:10px;
	margin-left:0;
	margin-bottom:0;
	margin-top:0;
}
#specials ul{
	padding-left:10px;
	padding-right:10px;
}
#specials li{
	background-image:url(/images/template/specialBullet.gif);
	padding-top:0px;
	padding-bottom:10px;
}



/* topnav styles */
#topnav ul{
	padding-top:10px;
	padding-left:20px;
	margin-top:0;
}
#topnav li{
	background-image:url(../images/notSelectedTab.png);
	float:left;
	width:109px;
	height:26px;
	padding:0;
	padding-top:5px;
	text-align:center;
}
#topnav li a{
	color:#477086;
	font-size:larger;
	font-weight:bold;
}
#topnav li.selected{
	background-image:url(../images/selectedTab.png);
}
#topnav li.selected a{
	color:#ffffff;
}
#topnav li:hover{
	background-image:url(../images/selectedTab.png);
}
#topnav li:hover a{
	color:#ffffff;
}


/* leftbar styles */
#leftbar h2{
	margin-left:0;
	padding-left:20px;
	background-image:none;
	font-weight:bold;
}
#leftbar ul{
	list-style:none;
	padding-left:20px;
	padding-right:20px;
}
#leftbar ul li{
	padding-left:0;
	background-image:none;
}
#leftbar ul ul{
	padding-right:0;
	padding-left:0px;
}
#leftbar a{
	background-color:#ffffff;
	padding-left:10px;
}
#leftbar ul ul a{
	padding-left:20px;
}
#leftbar ul ul ul a{
	padding-left:30px;
	background-image:url(/images/template/triangleBulletWhiteBG.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#leftbar a.selected{
	font-weight:bold;
}
#leftbar ul li a.selected{
	background-color:#5facd8;
	color:#FFFFFF;
}
#leftbar ul li ul li a.selected{
	background-color:#aad7da;
	color:#03585b;
}
#leftbar ul li ul li ul li a.selected{
	background-image:url(/images/template/triangleBulletBlueBG.gif);
	background-color:#ddefef;
	color:#256e75;
}
#leftbar div#leftnavDynamicSection a:hover{
	background-color:#eef5fb;
}
#leftbar ul li ul li ul li a:hover{
	background-image:url(/images/template/triangleBulletHoverBG.gif);
}
#leftbar li a{
	display:inline-block;
}
#leftbar li a{
	display:block;
	padding:3px 10px;
	border-bottom:1px dotted #bbc3c6;
}



/* leftnav search forms */
input.blueButton{
	display:inline;
	background-image:url(/images/template/blueButtonBG.gif);
	background-position:center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	background-color:#FFFFFF;
	border:0;
	font-size:smaller;
	padding:5px;
}
.leftnavForm{
	padding-left:15px;
	margin-bottom:15px;
}
.leftnavForm label{
	display:block;
	color:#8ca900;
	font-weight:bold;
	font-size:14px;
	padding-bottom:3px;
}
.leftnavButton{
	padding-left:15px;
	margin-bottom:15px;
	display:block;
}
div#leftnavDynamicSection{
	margin-bottom:20px;
}




#galleryLink{
	float:right;
}




/* fix for IE cf tab layouts */
.x-tabs-strip-wrap{
	width:auto;
}



/* tab styles */

.x-tabs-strip .x-tabs-text {
	color:#ffffff;
}
.x-tabs-strip .on .x-tabs-text {
	color:#477086;
}

.x-tabs-strip .on .x-tabs-right {
	 background: url(/images/tabs/tab-sprite_flex_blue.gif) no-repeat right 0px;
}

.x-tabs-strip .on .x-tabs-left {
	 background: url(/images/tabs/tab-sprite_flex_blue.gif) no-repeat 0px -100px;
}

.x-tabs-strip .x-tabs-right {
	 background: url(/images/tabs/tab-sprite_flex_blue.gif) no-repeat right -50px;
}

.x-tabs-strip .x-tabs-left {
	 background: url(/images/tabs/tab-sprite_flex_blue.gif) no-repeat 0px -150px;
}

/* weather chart styles */
#weatherWrapper{
	background-image:url(/images/template/weatherBG.gif);
	background-repeat:no-repeat;
	width:500px;
	height:163px;
	padding-top:32px;
	margin-top:5px;
}

table.displaytable{
	margin-top:5px;
	width:100%;
}
table.displaytable td,table.displaytable th{
	border-bottom:1px dotted #477086;
	padding:3px;
	vertical-align:middle;
}


#specials p.readmore{
	text-align:right;
	margin-top:0px;
	margin-right:5px;
}


/* holiday decider form */
div#holidaydecider{
	width:535px;
	height:179px;
	margin-top:15px;
	padding:30px;
	padding-top:12px;
	padding-left:0;
	padding-right:0;
	background-color:#eef5fb;
	/*border:1px solid red;*/
}
div#holidaydecider h2{
	background-image:none;
	margin:0;
	padding:0;
	padding-left:15px;
	color:#b95700;
	text-transform:uppercase;
	font-weight:bold;
}
div#holidaydecider h2 span.thinner{
	font-weight:normal;
	font-size:14px;
}
div#holidaydecider label{
	display:block;
	padding-left:25px;
	padding-top:5px;
	padding-bottom:5px;
	background-repeat:no-repeat;
	background-position:left;
}
div#holidaydecider select{
	/*width:180px;*/
	width:100%;
}
div#holidaydecider div#hdleftbox{
	width:165px;
	float:left;
	margin-top:0;
	padding-top:5px;
	padding-left:15px;
	padding-bottom:30px;
	vertical-align:middle;
	/*border:1px solid red;*/
}
div#holidaydecider div#hdcenterbox{
	width:140px;
	float:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	/*border:1px solid red;*/
}
div#holidaydecider div#hdrightbox{
	width:165px;
	float:left;
	padding-left:20px;
	padding-top:5px;
	/*border:1px solid red;*/
}
div#holidaydecider select{
	margin-top:5px;
	margin-bottom:10px;
}

#facilities ul{
	list-style:none;
	margin-top:0;
	padding-top:0;
}
#facilities li{
	background-image:none;
	padding-left:0;
}
#facilities li label{
	display:inline;
	padding:0;
}


/* search styles */
#searchBtn{
	float:right;
	margin-right:5px;
	background-image:url(/images/template/lgeBrownButton.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#eef5fb;
	color:#FFFFFF;
	border:0;
	padding:5px 20px;
}


span.searchHighlight{
	font-weight:bold;
	font-style:italic;
}

form#advancedSearchForm{
	background-color:#eef5fb;
	overflow:hidden;
	height:1%;
	padding:4px;
}
#mainSearch{
	padding:3px;
	width:160px;
	float:left;
}
#mainSearch h2{
	margin:0;
	padding:0;
	background-image:none;
}
#searchCategories{
	border-left:1px solid #666666;
	padding:3px;
	padding-left:10px;
	width:330px;
	float:left;
}
#searchCategories label{
	font-size:smaller;
}
#includeResultsFor{
	font-weight:bold;
}

div#searchNavWrapper{
	padding-top:10px;
	padding-bottom:10px;
}
div#searchNumResults{
	float:left;
}
div#searchNextPrev{
	float:right;
}


/* sitemap tree */
/* Put this inside a @media qualifier so Netscape 4 ignores it */
@media screen { 
	/* Turn off list bullets */
	ul.mktree  li { list-style: none; background-image:none; } 
	/* Control how "spaced out" the tree is */
	ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; }
	/* Provide space for our own "bullet" inside the LI */
	ul.mktree  li           .bullet { padding-left: 15px; }
	/* Show "bullets" in the links, depending on the class of the LI that the link's in */
	ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(/images/template/sitemap/minus.gif)  center left no-repeat; }
	ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(/images/template/sitemap/plus.gif)   center left no-repeat; }
	/*ul.mktree  li.liBullet  .bullet { cursor: default; background: url(/images/template/sitemap/bullet.gif) center left no-repeat; }*/
	/* Sublists are visible or not based on class of parent LI */
	ul.mktree  li.liOpen    ul { display: block; }
	ul.mktree  li.liClosed  ul { display: none; }
	/* Format menu items differently depending on what level of the tree they are in */
	ul.mktree  li { font-size: 10pt; }
	ul.mktree  li ul li { font-size: 9pt; }
	ul.mktree  li ul li ul li { font-size: 8pt; }
	ul.mktree  ul li ul li ul li li { font-size: 7pt; }
}



/*  form styles */
form.edit fieldset {
	border:0;
}
form.edit input{
	width:300px;
}
div.formfieldinputstack input{
	width:auto;
}
div.controls input{
	width:auto;
	margin-left:105px;
}
form.edit textarea{
	width:300px;
	height:60px;
}
form.edit label{
	width:90px;
	text-align:right;
	padding:0px 15px 0px 0px;
	clear:both;
	float:left;
}
form.edit label.required{
	font-weight:bold;
}
form.edit .formfield {
	clear:both;
	margin-bottom:10px;
}

form.edit .error ul {
	margin:0px 0px 0px 95px;
	padding:0px;
	list-style:none;
	/*border:1px solid blue;*/
}

form.edit .error ul li {
	text-align:left;
	color:#FF0000;
	background-image:none;
	/*border:1px solid green;*/
}
form.edit .formfieldinputstack {
	/*float:left;*/
	padding:0px 0px 10px 95px;
}

form.edit .formfieldinputstack label {
	float:none;
	width:auto;	
	font-weight:normal;
}
form.edit input.short{
	width:50px;
}


/* actions */
div.actions{
	background-color:#f7f7f7;
	border:1px solid #d1d1d1;
	padding:3px;
	overflow:hidden;
	height:1%;
}
div.actionbox{
	border-left:1px solid #d1d1d1;
	height:28px;
	float:left;
	padding:2px;
	background-position:left;
	background-repeat:no-repeat;
}
div.actionbox img{
	float:left;
}
div#enquire{
	width:128px;
	border-left:0;
	/*background-image:url(/images/template/enquire.gif);*/
}
div#email{
	width:108px;
	/*background-image:url(/images/template/email.gif);*/
}
div#print{
	width:108px;
	/*background-image:url(/images/template/print.gif);*/
}
div#call{
	width:128px;
	/*background-image:url(/images/template/call.gif);*/
}
div.actionsshort div#enquire{
	border-bottom:1px solid #d1d1d1;
	width:152px;
}
div.actionsshort div#email{
	border-bottom:1px solid #d1d1d1;
	width:152px;
}
div.actionsshort div#print{
	width:152px;
	border-left:0;
	clear:left;
}
div.actionsshort div#call{
	width:152px;
}
span.phonenumber{
	color:#1f5c7f;
	font-weight:bold;
}


/* brochure list page */
div.brochure{
	overflow:auto;
	width:100%;
	margin-bottom:15px;
}
div.brochure h2{
	font-weight:bold;
	margin-top:0;
}


a#returnButton{
	display:inline;
	background-image:url(/images/template/blueButtonBG175.gif);
	background-position:center;
	background-repeat:no-repeat;
	color:#FFFFFF;
	background-color:#FFFFFF;
	border:0;
	font-size:smaller;
	padding:15px;
}


