/* 	SCREEN CSS
	Styling for current Site Theme.
   
   ------------------------------------------------------------------------------------------------------------
   FILE-INFO
   Version:         2.2     
   Last updated:	30/05/2011, Hugh - footer links

   ------------------------------------------------------------------------------------------------------------ 

        :: COLOUR PALLET ::
        81674f - LIGHT BLACK - general text etc
        685340 - DARKER BLACK - headings etc
        581900 - DARK BROWN - headings etc
        b83400 - DARK RED - staff name, highlights etc
        e9dab6 - SANDY BROWN - border lines etc
        447d97 - BLUE - headings, links etc
        74a219 - GREEN - headings, hovers etc
        718823 - DARK GREEN - tab borders

        :: FONT FAMILY ::
        Georgia, "Times New Roman", Times, serif;
        Arial, "Trebuchet MS", "Helvetica", sans serif;
*/


    
*	
{ 
    margin: 0px; 
    padding: 0px; 	
} 
html
{
    margin: 0px;
    padding: 0px;       
}
@font-face {
  font-family: "Segoe";
  src: url("../fonts/segoesc.ttf") format("TrueType");
  }
  @font-face
{
    font-family: 'Segoe';
    src: url(  '../fonts/segoesc-webfont.eot' );
    src: url(  '../fonts/segoesc-webfont.eot?#iefix' ) format(  'embedded-opentype' ), url(  '../fonts/segoesc-webfont.woff' ) format(  'woff' ), url(  '../fonts/segoesc-webfont.ttf' ) format(  'truetype' ), url(  '../fonts/segoesc-webfont.svg#VLADIMIRRegular' ) format(  'svg' );
    font-weight: normal;
    font-style: normal;
}

body 
{
    margin: 0px 0px 40px 0px;
    padding: 0px 0px 0px 0px;
    color: #867560;
    background: url(../images/layout/body-background.jpg) top center no-repeat;
    font: 13px "Arial", "Trebuchet MS", "Helvetica", "sans serif";
}

#container 
{	    	    
    position: relative; 
    width: 940px;
    min-height: 500px;
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    font-size: 95%;	
}

#header 
{   
    clear: both;
    position: relative;
    height: 510px;
    width: 940px;	    
    top: 0px;
    left: 0px; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 6px 0px;
    border-bottom: 1px solid #dcd3bc;
    z-index: 2000;
}

.atolLogo 
{
    position: absolute;
    margin: 18px 0px 22px 790px;
}

.ttaLogo 
{
    position: absolute;
    margin: 16px 0px 20px 715px;
}

.contactNumber
{
    position: absolute;
    top: 30px;
    left: 350px;
    width: 340px;
    height: 16px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: -9999px;  
    overflow: hidden;
}
#contactNo
{
    background: url(/images/contact.gif) no-repeat top right;
}

.mainContent			
{ 
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    z-index: 100;
}	
          
#column2 #leftColumn 	
{ 
    float: left; 
    width: 639px; 
    min-height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 40px 0px; 
}	
    
#column2 #rightColumn	
{ 
    float: right;
    width: 271px; 
    margin: 0px 0px 50px 0px;
    padding: 0px 0px 0px 0px; 
}
          
#column2 #leftenquiryColumn 	
{ 
    float: left; 
    width: 735px; 
    min-height: 40px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 40px 0px;
    background: url(/images/layout/enquiry-border-01.jpg) repeat-y top right;
}	
    
#column2 #rightenquiryColumn	
{ 
    float: right;
    width: 200px; 
    margin: 0px 0px 50px 0px;
    padding: 0px 0px 0px 0px; 
}

#column3 #leftCenter	{ float: left; width: 705px; margin-bottom: 50px; }
#column3 #centerColumn	{ float: right; width: 469px; margin-bottom: 50px; }

#column3 #leftColumn	{ float: left; width: 210px; margin-bottom: 50px; }
#column3 #rightColumn	{ float: right; width: 210px; margin-bottom: 50px; }


#flashMap 
{
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 40px 0px;
    z-index: 1000;
}
#headerMap
{
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    z-index: 1000;
}

.flashPatch 
{
    clear: both;
    overflow: hidden;
    height: 0px;
    display: block;	    
}
	
#footer 
{      
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
    border-top: 1px solid #dcd3bc;
    background: url(../images/layout/footer-bg-03.jpg) top left no-repeat;
}
.footerLinks 
{
    background: url(../images/layout/footer-bg-02.jpg) center left no-repeat;       
}

.contentImage 
{
    display: block;
    float: right;
    margin: 4px 0px 6px 6px;
}

#column2 .contentImage 
{
    margin-right: 20px;
}
	
/* ---------- Header Styles ---------- */

#logo 
{ 
    position: absolute; 
}

#selectLocation 
{
    position: absolute;
    width: 100px;
    margin: 28px 0 0 840px;
    text-align: right;
    font-size: 11px;
}

#selectLocation img
 {
    float: left;
    width: 20px;
    margin-top: 2px;
}

#selectLocation select 
{
    font-size: 11px;
    width: 70px;
    margin-left: 10px;
    float: right;
}

#mainNavContainer 
{
    width: 678px;
    height: 38px;
    position: absolute;
    top: 70px;
    left: 262px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(../images/layout/nav-background.gif);
    overflow: hidden;	    
}
	
#mainNav 
{ 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 476px; 
    float: left; 
}
#secondaryNav 
{ 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 175px; 
    float: right;
}	
#mainNav li, #secondaryNav li 
{
    list-style: none;
    display: inline;
}

#holidayDropdown, #countryDropdown, #twinCentreDropdown 
{
    position: absolute;
    z-index: 5000;
    margin: 104px 0px 0px 324px;
    padding: 0px 0px 0px 0px;
    background: url(../images/layout/grunge-tile.jpg) top left repeat-y;
    border: 1px solid #d1bc8f;
    border-top: none;	    
}	

/*#countryDropdown 
{
    position: absolute;
    width:375px;
    z-index: 5000;
    margin: 104px 0px 0px 324px;
    padding: 0px 0px 0px 0px;
    background: url(../images/layout/grunge-mega-tile.jpg) top left repeat-y;
    border: 1px solid #d1bc8f;
    border-top: none;	    
}		

#countryDropdown .head
{
	font-size:15px;
	color:#74a219;
	font-weight:normal;
	padding-bottom:2px;
}
#countryDropdown li
{
	list-style:none;
	width:185px;
	text-indent:10px;
	display: block;
}
#countryDropdown .last
{
	margin-bottom:10px;
}

.megamenubox
{
	float:left;
	width:185px;
	margin-top:10px;
	padding-left:0px;
}
#countryDropdown li a
{
	text-decoration:none;
	font-size:13px;
	color: #447d97;
	display: block;
	height:25px;
}

#countryDropdown li a:hover
{
	text-decoration:none;
	font-size:13px;
	color:#ffffff;
	background: url(../images/layout/h1-mega-background-01.jpg) top left repeat-x;
	width:185px;
	display: block;
}*/
#countryDropdown li
{
	list-style:none;
	width:185px;
	text-indent:10px;
	display: block;
	height:27px;
}
#countryDropdown .last
{
	margin-bottom:6px;
}
#countryDropdown .head2
{
	margin-top:15px;
	font-size:15px;
	color:#84796A;
	font-weight:700;
	padding-left:5px;
	margin-bottom:-10px;
	border-bottom:none;
}
#countryDropdown .head
{
	font-size:15px;
	color:#84796A;
	font-weight:700;
	padding-left:5px;
	margin-bottom:-10px;
	border-bottom:none;
}


#countryDropdown 
{
    position: absolute;
    width:376px;
    z-index: 5000;
    margin: 104px 0px 0px 324px;
    padding: 0px 0px 0px 0px;
    background: url(../images/layout/grunge-mega-tile.jpg) top left repeat-y;
    border-bottom: 1px solid #d1bc8f;	    
    border-left: 1px solid #d1bc8f;
    border-right: 1px solid #d1bc8f;
}
.megamenubox
{
	float:left;
	width:376px;
	margin-top:10px;
	padding-left:0px;
}
.megamenubox1
{
	float:left;
	width:188px;
	padding:0px;
	display:inline;
}
#holidayDropdown 
{
    margin-left: 420px;
}  	
#twinCentreDropdown 
{
    margin-left: 543px;
}

#breadcrumbs 
{
    position: absolute;
    top: 115px;
    left: 262px;
    z-index: 50;
    width: 678px;
    min-height: 14px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
    font-size: 90%;
    color: #77a816;  
}

#breadcrumbs li { display: inline; }
	
#banner, #imageBanner { margin-top: 143px;}


/* ---------- Left Column Styles ---------- */

/* -- 2 Column Layout -- */

.contentBoxTwo
{
    margin: 0px 0px 25px 0px; 
    padding: 0px 0px 0px 0px;
    border: 1px solid #e9d9b5;
    background: url(../images/layout/content-box-background.jpg) bottom left no-repeat; 
}

#factfile2
{
    padding: 15px 10px 15px 10px;
    background: #f5eccf url(../images/layout/factfile-background.jpg) bottom left no-repeat;
}

#factfile2 dl
{
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 2px 0px;
}
 
#factfile2 dt 
{
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 2px 0px;
    font-weight: bold;
    color: #447d97;
    width: 60px;
}

#factfile2 dd 
{
    margin: 0px 0px 6px 60px;
    padding: 4px 2px 2px 0px;  
    color: #81674f;
    width: 124px;
    text-align: left;
}

.contentBoxLarge, .contentBox
{
    margin: 0px 0px 25px 0px; 
    padding: 0px 0px 0px 0px;
    border: 1px solid #e9d9b5;
    background: url(../images/layout/content-box-background.jpg) bottom left no-repeat;
}

.whenWhereText 
{
    color:Green;
}
	
#leftColumn .contentBoxLarge p { margin: 0 16px 25px 16px; }
	
#column2 #leftColumn h1, #centerColumn h1, .favoriteLocations h2 
{
    margin-bottom: 15px;
    padding: 11px 16px 15px 16px;
    font-size: 110%;
    text-transform: uppercase;
    font-weight: normal;
    color: #685340;
    background: url(../images/layout/h1-background.jpg) bottom right no-repeat;
}
	
#centerColumn h1 
{
    font-weight:bold;
}

.favoriteLocations h2 
{
    margin: 0;
    padding-bottom: 11px;
    background: url(../images/layout/h1-background.jpg) right center no-repeat;
    border: 1px solid #e9d9b5;
    border-bottom: none;
}

.favoriteLocations
{
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
}
	
.favoriteLocations .content 
{
    width: 637px;
    height: 328px;
    border: 1px solid #e9d9b5;
    overflow: hidden;
}

.favoriteLocations .content a 
{
    position: absolute;
    width: 94px;
    height: 28px;
    margin: 301px 0 0 544px;
    text-indent: -9999px;
    background: url(../images/buttons/read-more.gif);
}
	
.favoriteLocations .content a:hover { background: url(../images/buttons/read-more-hover.gif); }


/* -- 3 Column Layout -- */

#sideNav 
{
	margin-bottom: 25px;
	background: url(../images/layout/grunge-tile.jpg) top left repeat-y;	
}
	
#sideNav ul 
{
	border: 1px solid #d1bc8f;
	border-top: none;	
}
	
#sideNav li, .accordionNav span, #holidayDropdown li, #twinCentreDropdown li 
{
	list-style: none;
	background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}
#countryDropdown li
{
	list-style: none;
	font-size:13px;
	border-bottom:1px dotted #e9dab6;
}
#sideNav li.last, #accommodationLinks li.last, #itineraryLinks li.last, #itineraryLinks1 li.last, #itineraryLinks2 li.last, #itineraryLinks3 li.last, #countryDropdown .last, #holidayDropdown .last, #twinCentreDropdown .last 
{
    background: none; 
}
	
#sideNav li a, #holidayDropdown li a, #twinCentreDropdown li a 
{
    display: block;
    width: 173px;
    padding: 10px 25px 10px 10px;
    color: #1d6a87;
    text-decoration: none;
}

#countryDropdown li a
{
	text-indent:5px;
	display: block;
    width: 173px;
    padding: 10px 25px 10px 10px;
    color: #1d6a87;
    text-decoration: none;
    height:10px;
}
.accordionNav span
{
    display: block;
    width: 173px;
    padding: 10px 25px 10px 10px;
    color: #1d6a87;
    text-decoration: none;
    /*background-color: #1d6a87;*/
    background: url(../images/layout/nav-drop-down-bg-3.jpg) top left no-repeat;
    z-index: 10000;
}
	
#sideNav li a.safariHolidays 
{
	font-weight: bold;
	text-transform: uppercase;
}	
	
#sideNav li a:hover, #activeAccordion, #holidayDropdown li a:hover, #twinCentreDropdown li a:hover 
{ 
    color: #fff; 	background: url(../images/layout/h1-background-02.jpg) top left repeat-y;

}
#countryDropdown li a:hover
{ 
    color: #fff; 	background: url(../images/layout/h1-background-03.jpg) top left repeat-y;

}

.accordionNav span:hover, #sideNav .accordionNav:hover span
{ 
    color: #fff; 
    background: url(../images/layout/nav-drop-down-hover.jpg) top left no-repeat;
}

#sideNav li a.active 
{ 
    color: #74a219; 
    background: url(../images/layout/green-arrow.png) 185px center no-repeat; 
}

#sideNav .accordionNav ul 
{
	border: none;
}

#sideNav .accordionNav li
{
    background: #eae2c4;
}

#sideNav .accordionNav li a 
{
    width: 163px;
    padding-left: 20px;
    font-size: 95%;
    color: #668c0c;
    border-bottom: 1px solid #dad1b0;
}

#sideNav .accordionNav li a:hover
{
    background-color: #74a219;
    color: #fff;
} 

#sideNav .accordionNav li a.active 
{
    /*background: #bfcfd5;background: #74a219;*/   
    /*color: #1d6a87;*/
    /*border-bottom: 1px solid #1d6a87;*/
    color: #67951b; 
    /*background-color: #f5f0df;e0d8b7*/   
    background-color: #dad1b0;   
}
#sideNav .accordionNav li a.active:hover 
{
    color: #67951b;
    background: url(../images/layout/green-arrow.png) 185px center no-repeat;   
    background-color: #dad1b0;
}
	
	
/* ---------- Center Column Styles ---------- */
#centerColumn h1 {
	padding-left: 0;
	border-top: 1px solid #e9d9b5;
	background: url(../images/layout/h1-country-background.jpg) bottom left no-repeat;
	}
	
.staffOpinion {
	margin-bottom: 25px;
	padding: 10px;
	background: url(../images/layout/staff-comment-background.jpg) top left repeat-y;
	}
	
.contentBoxLarge .staffOpinion {
	background: none;
	margin: 0 5px 25px 5px;
	}
	
.staffOpinion img {
	float: left;
	width: 88px;
	border: 1px solid #fff;
	}
	
.contentBoxLarge .staffOpinion img {
	padding: 4px;
	border: 1px solid #e4e4e4;
	}
	
.staffOpinionInner {
	margin: 0 10px 10px 100px;
	color: #b83400;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 90%;
	line-height: 1.4em;
	}
	
div.staffOpinionInner a {               
	color:#581900;
}

div.staffOpinionInner a:hover {
	color:#581900;                   
	text-decoration:underline;
}
	
#centerColumn .staffOpinionInner p { margin: 0; }
	
.staffOpinionInner li {
	margin-top: 5px;
	list-style: none;
	color: #81674f;
	}
	
.staffMember {
	width: 230px;
	float: left;
	}
	
.contentBoxLarge .staffMember {
	width: 90px;
	margin-left: 16px;
	}
	
.readMore 
{
	/* ori code (05/2011 - delete if no errors)
	width: 100px;
	margin-left: 245px;  
	*/
	width: 80px;
	float: right;	
}
	
.contentBoxLarge .readMore {
	margin-left: 95px;
	}
	
#tabbedContentContainer 
{
    position: relative;
    padding-top: 30px; 
}

.tabContentActive, .tabContent 
{
    display: block;
    position: relative;
    z-index: 1;
    float: left;
    margin-top: -1px;
    padding: 22px 18px;
    background: url(../images/layout/tab-background.jpg) top left no-repeat;
    border-top: 1px solid #d8cfb2; 
    width: 433px;
}	
#contactForm .tabContentActive, #contactForm .tabContent
{
    display: block;
    position: relative;
    z-index: 1;
    float: left;
    margin-top: -1px;
    padding: 0px 0px 0px 10px;
    background: url(../images/layout/tab-background-contact.jpg) top left no-repeat;
    border-top:0px;
    width: 725px;
}	
	
/* -- Our Review.. container -- */

.bgHeader 
{
    position:relative;
    background: url(/images/quotes/quotebgTopQ.jpg) top left no-repeat;
    width:435px;
    height: 25px;	
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
.bgRepeater 
{
    position:relative;
    background: url(/images/quotes/quotebgMid.jpg) top left repeat-y;
    width:435px;
    min-height: 40px;
    margin-bottom: 20px;
    padding: 0px;
}
.bgFooter
{ 
    position:relative;
    background: url(/images/quotes/quotebgBottomQ.jpg) top left no-repeat;
    width:435px;
    height:35px;
    margin-top: -20px;
    padding: 0px;
    overflow: hidden;
}
.quotehead
{
    margin: 0px;
    padding:  0px 20px 0px 20px;
    text-align: justify;
    display: block;
    font-family: "Georgia", Serif;
    color:#447d97;
    text-transform:capitalize;
    font-size:14px;
    padding-bottom:5px;
}
p.quote 
{
    margin: 0px;
    padding:  0px 20px 0px 20px;
    text-align: justify;
    display: block;
    font-family: "Georgia", Serif;
}

span.firstLetter
{
    float: left;
    font-size: 300%;
    line-height: 1em;
    margin: 0px 4px 0px 0px;
    padding: 0px 6px;
}

/* -- Style for nested links, Mauritius -- */

.tabContentList
{
    margin: 0px 0px 0px 0px;
    display: block;
    padding: 0;
    height: 20px;
}

.tabContentList ul
{
    border: 0;
    margin-left: 0px;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

.tabContentList ul li
{
    display: block;
    float: left;
    text-align: center;
    padding: 0;
    margin-right: 10px;
}

.tabContentList ul li a
{
    background-color: #74a219;
    width: 78px;
    height: 18px;
    border-top: 1px solid #718823;
    border-left: 1px solid #718823;
    border-bottom: 1px solid #718823;
    border-right: none;
    padding: 0;
    margin: 0 0 10px 0;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

.tabContentList ul li a:hover
{
    color: #fff;
    background-color: #447d97;
}

.tabContentList a:active
{
    background-color: #fff;
    color: #74a219;
}

.tabContentList li.activeItem a
{
    background-color: #fff;
    border: 1px solid #718823;
    color: #74a219;
}
.tabContentList li.activeItem a:hover
{
    color: #74a219;
    background-color: #fff;
}

/* -- Mauritius Overview -- */

.resortContainer
{
    margin: 20px 0px 0px 0px;
    padding: 10px 10px 0px 10px;
    background: url(/images/layout/staff-comment-background.jpg) top left repeat-y;
    min-height: 140px;
    border: 1px solid #e9dab6;
}
.resortContainer img
{
    border: 1px solid #e9dab6;
}

img.floatRight 
{ 
    float: left; 
    margin: 0px 8px 0px 0px; 
    width: 84px;
    border: 1px solid #fff;
}
h5	
{
    margin: 0px 0px 20px 0px;
    color: #447d97;
    text-transform: uppercase;
    font-size: 100%;
}
h4.left	
{
    margin: 0px 0px 2px 20px;
}
span.big
{
    font-size: 120%;
    line-height: 18px;
    color: #685340;
    font-weight: bold;
    font-family: "Times New Roman", Times, serif;
}

span.green
{
    color: #74a219;
}
span.red
{
    color: #b83400;
}
span.blue
{
    color: #447d97;
}
span.boldGreen
{
    font-weight: bold;
    color: #74a219;
}    
span.boldBlue
{
    font-weight: bold;
    color: #447d97;
}
span.boldRed
{
    font-weight: bold;
    color: #b83400;
}
span.bold
{
    font-weight: bold;
}

/* -- Staff Opinion Box -- */
/*Do not use general styles anymore- these are in use for several pages but further use is redundant, ensure any style changes for staff opnionthree are made here in general also.*/
.staffOpinionThreeGeneral
{
    position:relative;
    background: url(/images/layout/staff-comment-backgroundmore.jpg) top left repeat-y;
    /*background-color: #e2e2e2;*/
    border-top: 1px solid #e9dab6;
    border-left: 1px solid #e9dab6;
    border-right: 1px solid #e9dab6;
    width:447px;
    min-height: 96px;	
    margin-bottom: 0px;
    padding: 10px 10px 2px 10px;
}
.staffOpinionThreeGeneralInner
{
    margin: 0 10px 0px 100px;
    padding-top:20px;/*This padding corrects the issue between the general staff opinion on default pages and staff oprion-css as below for itineraries and accomodation- changed due to the addition of socialmediabox-google+1 & fb like*/
}
.staffOpinionThreeGeneralFooter
{ 
    clear: both;
    position:relative;
    background: url(/images/quotes/MainQuotebgBottom.jpg) top left no-repeat;
    width:469px;
    height:38px;
    margin-top: -10px;
    margin-bottom: 20px;
    padding: 0px;
    overflow: hidden;
}

.staffOpinionThreeGeneral img 
{
    float: left;
    width: 88px;
    padding:4px;
    border-left: 1px solid #e9dab6;
    border-top: 1px solid #e9dab6;
}
p.staffText 
{
    color: #685340;
    margin: 0px;
    padding:  0px 0px 0px 0px;
    text-align: left;
    display: block;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 18px;
    word-spacing: 1px;
    font-size: 11px;
}

div.staffOpinionThreeGeneralInner a 
{           
    color: #447d97;
}
div.staffOpinionThreeGeneralInner a:hover 
{
    color: #74a219;               
}

.staffOpinionThreeGeneralInner ul
{
    margin-top: -10px;
    padding: 0px;
    height: 30px;
    width: 320px;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.staffOpinionThreeGeneralInner li 
{
    margin-top: 2px;
    padding: 0px;
    display: block;
    list-style: none;
    color: #685340;
}
li.staffMemberThree
{
    color: #b83400;
    width: 130px;
    float: left;
    margin-left: 0px;
    margin-top:0px;
    padding-top: 0px;
}
li.readMoreThree 
{
    color: #685340;
    width: 200px;
    margin-left: 230px;
    padding: 0px;
    padding-bottom:10px;
    margin-top:-50px;

}
.imageContainer
{
    
}
/* -- Staff Opinion Box For (this style was made for itineraries & accommodation with social media boxes however all new staff opinions should use this class from now on )all staff opinions -- */

.staffOpinionThree
{
    position:relative;
    background: url(/images/layout/staff-comment-backgroundmore.jpg) top left repeat-y;
    /*background-color: #e2e2e2;*/
    border-top: 1px solid #e9dab6;
    border-left: 1px solid #e9dab6;
    border-right: 1px solid #e9dab6;
    width:447px;
    min-height: 96px;	
    margin-bottom: 0px;
    padding: 10px 10px 2px 10px;
}
.staffOpinionThreeInner 
{
    margin: 0 10px 0px 100px;
    padding-top:20px;/*This padding corrects the issue between the general staff opinion on default pages and staff oprion-css as below for itineraries and accomodation- changed due to the addition of socialmediabox-google+1 & fb like*/
}
.staffOpinionThreeFooter
{ 
    clear: both;
    position:relative;
    background: url(/images/quotes/MainQuotebgBottom.jpg) top left no-repeat;
    width:469px;
    height:38px;
    margin-top: -10px;
    margin-bottom: 20px;
    padding: 0px;
    overflow: hidden;
}

.staffOpinionThree img 
{
    float: left;
    width: 88px;
    padding:4px;
    border-left: 1px solid #e9dab6;
    border-top: 1px solid #e9dab6;
}
p.staffText 
{
    color: #685340;
    margin: 0px;
    padding:  0px 0px 0px 0px;
    text-align: left;
    display: block;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 18px;
    word-spacing: 1px;
    font-size: 11px;
    position:relative;
	top:-20px;
	min-height: 96px;
}

div.staffOpinionThreeInner a 
{           
    color: #447d97;
}
div.staffOpinionThreeInner a:hover 
{
    color: #74a219;               
}

.staffOpinionThreeInner ul
{
    margin-top: -10px;
    padding: 0px;
    height: 30px;
    width: 320px;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.staffOpinionThreeInner li 
{
    margin-top: 2px;
    padding: 0px;
    display: block;
    list-style: none;
    color: #685340;
}
li.staffMemberThree
{
    color: #b83400;
    width: 130px;
    float: left;
    margin-left: 0px;
    padding-top: 0px;
}

li.readMoreThree 
{
    color: #685340;
    width: 100px;
    margin-left: 230px;
    padding: 0px;
    padding-bottom:10px;
    list-style:none;
}

li.readMoreThree_comments 
{
    color: #685340;
    width: 200px;
    margin-left: 230px;
    padding: 0px;
    list-style:none;
    position:relative;
    top:-32px;
}
.imageContainer
{
    
}
.staffOpinionThreemore
{
    position:relative;
    background:none;
    width:447px;
    min-height: 96px;	
    margin-top: 15px;
    padding: 0px 0px 0px 0px;
}
    
/* staff experiences list */  
   
.staffExpList 
{
    margin: 0px 15px 25px 15px;
    padding: 0px 0px 10px 0px;
    min-height: 110px;
    clear: both;
}

.staffExpList img 
{
    float: left;
    width: 88px;
    padding: 4px;
    border: 1px solid #e4e4e4;
}

.staffExpListInner 
{
    margin: 0px 0px 10px 100px;
    padding: 0px;
    min-height: 110px;
}
.staffExpListInner p
{    
    color: #685340;
    margin: 0px;
    padding:  0px 0px 0px 0px;
    text-align: left;
    display: block;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 18px;
    font-style: italic;
    word-spacing: 1px;
    font-size: 11px;
}
.staffExpListInner ul
{
    margin: -10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 30px;
    width: 500px;
    font-family: Georgia, "Times New Roman", Times, serif;
}
.staffExpListInner li 
{
    margin-top: 2px;
    padding: 0px;
    display: block;
    list-style: none;
    color: #685340;
}
.staffExpListInner li.staffExpMember
{
    color: #b83400;
    width: 280px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 2px 20px;	 
}
.staffExpListInner li.staffExpMore 
{
    color: #685340;
    width: 185px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 15px 0px 0px;
}


/* Customer Comments in Mauritius Accomm Page */
    
blockquote.tabQuote
{
    margin: 0px 10px 10px 10px;
    color: #b83400;
	
    font-size: 90%;
    line-height: 1.4em;
}

span.bigQuote
{
    display: inline;
    font-size: 80px;
    color: #1d6a87;
    font-family: Georgia, "Times New Roman", Times, serif;

}

.staffOpinionTwo 
{
    margin-bottom: 25px;
    padding: 10px;
    background: url(../images/layout/staff-comment-background.jpg) top left repeat-y;
}

#tabbedContentContainer, holidaySelection .tabContentActive 
{
    width: 429px;
    padding: 22px 0px 22px 0px;
    margin-top: -1px;
}


#tabbedContentContainer.holidaySelection .itinerarySummary 
{
    font-size: 95%;
}

#tabbedContentContainer.holidaySelection dd 
{
    margin: 0;
}	
	
#holidaySelectionNav {
	position: relative;
	z-index: 2;
	}
	
#holidaySelectionNav li {
	list-style: none;
	float: left;
	margin-right: 1px;
	background: url(../images/layout/tab-right.gif) top right no-repeat;
	}
	
#holidaySelectionNav li a {
	display: block;
	padding: 7px 10px;
	color: #fff;
	background: url(../images/layout/tab-left.gif) top left no-repeat;
	font-size: 95%;
	}
	
#holidaySelectionNav li.active, #holidaySelectionNav li.active:hover		{ background: url(../images/layout/tab-active-right.gif) top right no-repeat; }
#holidaySelectionNav li.active a, #holidaySelectionNav li.active a:hover 	{ background: url(../images/layout/tab-active-left.gif) top left no-repeat; color: #74a219; }
#holidaySelectionNav li:hover	{ background: url(../images/layout/tab-hover-right.gif) top right no-repeat; }
#holidaySelectionNav li a:hover { background: url(../images/layout/tab-hover-left.gif) top left no-repeat; } 

.tabContent 
{
    display: none;
}
#contactForm .tabContent 
{
    display: none;
}
	
#tabNav {
	position: relative;
	z-index: 10;
	}
	
#tabNav li {
	list-style: none;
	float: left;
	margin-right: 0px; /* was 1px */
	background: url(../images/layout/tab-right.gif) top right no-repeat;
	}
	
#tabNav li a {
	display: block;
	padding: 7px 10px;
	color: #fff;
	background: url(../images/layout/tab-left.gif) top left no-repeat;
	font-size: 95%;
	}
	

#tabNav li.active, #tabNav li.active:hover		{background: url(../images/layout/tab-active-right.gif) top right no-repeat;  }
#tabNav li.active a,#tabNav li.active a:hover 	{background: url(../images/layout/tab-active-left.gif) top left no-repeat; color: #74a219;  }
#tabNav li:hover	{ background: url(../images/layout/tab-hover-right.gif) top right no-repeat; }
#tabNav li a:hover 	{ background: url(../images/layout/tab-hover-left.gif) top left no-repeat; }

#tabbedContentContainer dl.itinerary dt
{
    clear: both;
    float: left;
    color: #b83400;
    font-weight: bold;
    width: 80px;
}

#tabbedContentContainer dl.itinerary dt {
	width: 70px !important;
	}
	
#tabbedContentContainer dl.itinerary dd {
	margin: 0 0 20px 80px;
	}

	
#tabbedContentContainer dd {
	margin: 0 0 20px 100px;
	}

#tabbedContentContainer dd.itineraryDetailed {
	margin: 0 0 8px 100px;
	}
	
#tabbedContentContainer dd.itineraryLodge {
	font-weight: bold;
	font-size: 90%;
	}
	
#tabbedContentContainer dd li {
	margin-bottom: 2px;
	}
	
.tabContent li, .tabContentActive li {
	list-style: none;
	margin-bottom: 8px;
	}
	
#accommodationPage ul {
	margin-bottom: 30px;
	}
	
#accommodationPage li, .twoColumnList li {
	list-style: none;
	width: 49%;
	float: left;
	font-size: 90%;
	padding: 2px 0;
	border-bottom: 1px solid #f2f4f7;
	}
	
#accommodationPage .listLong li {
	width: 100%;
	float: none;
	}
	
#accommodationPage h3 {
	clear: both;
	margin-bottom: 15px;
	}
	
.hotelThumb {
	float: right;
	margin-left: 15px;
	border: 1px solid #e4e4e4;
	padding: 4px;
	}
	
#links {
	margin: 20px 10px 40px 10px;
	}
	
#links th {
	display: none;
	}
	
#links td {
	vertical-align: top;
	padding: 0 10px 15px 10px;
	}
	
#links td.linkField {
	width: 100px;
	}
	
/* ---- Form Styles ---- */
.contactMahlatini
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;    
}
.contactMahlatini dt 
{
    float: left;
    width: 140px;
    background-color: Blue;
}
.contactMahlatini dd 
{
    float: left;
    margin: 2px;
    padding: 2px;
    width: 320px;
    margin-left: 145px;
    margin-bottom: 16px;
    color: #718823;
    background-color: Red;
}

.contactForm 
{
    padding: 10px 20px;
}

.formSectionContainer .contactForm 
{
    padding: 0 20px;
}

.contactForm dt 
{
    float: left;
    width: 140px;
}

.contactForm dd 
{
    width: 320px;
    margin-left: 145px;
    margin-bottom: 16px;
    color: #718823;
}
	
*:first-child+html .contactForm dd {
	margin: 0 0 10px 0;
	}
	
*:first-child+html .contactForm dt {
	margin: 0 0 4px 0;
	float: none;
	}

	
.contactForm dd.smallSpace {
	margin-bottom: 6px;
	}
	
.contactForm input {
	border: 1px solid #c5bba3;
	padding: 1px;
	}
.inputage
{
	width:110px;
	display:inline;
	margin-left:4px;
}
.inputagebox
{
	width:245px;
	display:block;
	margin-bottom:13px;
}
.inputageboxlast
{
	width:245px;
	display:block;
	margin-bottom:0px;

}
.inputagebox1
{
	width:324px;
	display:block;
}
.inputagesection
{
	display:inline;
	margin-left:115px;
	float:right;
}
.inputLong {
	width: 260px;
	}
.inputTrain {
	width: 270px;
	}
.inputLong2 {
	width: 200px;
	}
.inputShorttoMedium 
{
    width: 160px;
}
.inputMedium 
{
    width: 192px;
}
.inputCabinClass
{
	width:168px;
}
.inputMediumtolong 
{
    width: 220px;
}

.inputPhone 
{
    width: 179px;
}
.inputMediumSpace 
{
    float: left;
    margin-top: 8px;
}

.insertInputContainer
{
    margin: 0px 0px 0px 0px;
}
.insertInput 
{
    width: 160px;
    padding: 2px;    
    margin: 0px 0px 0px 0px;
}

select.inputMedium {
	width: 104px;
	}
	
select.inputMedium2 {
	width: 125px;
	}
.inputMini 
{
	width: 50px;
}

.inputShort {
	width: 70px;
	}
	
select.inputShort {
	width: 65px;
	}
	
.contactForm select {
	border: 1px solid #c5bba3;
	}
	
.formSectionContainer 
{
    border: 1px solid #eddfbf;
    margin: 25px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}	
.innerSectionContainer
{
    margin: 20px 0px 35px 0px;
    padding: 0px 0px 0px 20px;
}	
	
.formSectionContainer p.topQuestion {
	background: url(../images/layout/content-box-background.jpg) bottom left no-repeat;
	border-bottom: 1px solid #eddfbf;
	padding: 6px 12px;
	}
	
.topQuestion strong {
	display: block;
	padding-top: 5px;
	}
	
.topQuestion strong input {
	margin: 1px 10px 0 5px;
	}
	
	
.formSectionContainer p {
	padding: 0 20px;
	}

.formSelectionList, .formSelectionListSingle {
	padding: 0px 20px;
	}
	
.formSelectionList li, .formSelectionListSingle li 
{
    list-style: none;
    float: left;
    width: 160px;
    margin: 0px 10px 8px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 14px; 
} 
	
.formSelectionListSingle li {
	width: 100%;
	}
	
.formSelectionList span, .formSelectionListSingle span {
	width: 130px;
	display: block;
	float: left;
	}
	
.formSelectionList label, .formSelectionListSingle label {
	padding-left: 10px;
	}
	
.submitForm {
	text-align: right;
	margin-right: 40px;
	clear: both;
	}
	
.submitForm input {
	padding: 1px 4px;
	}
.submitGiftForm {
	text-align: right;
	clear: both;
	}
	
.submitGiftForm input {
	padding: 1px 4px;
	}
	
.otherDestination {
	margin: 10px 1px;
	}
	
.otherDestination input {
	width: 50px;
	}
	
#formHotelList {
	padding: 10px 5px 5px 20px;
	}
	
#formHotelList dt {
	width: 350px;
	float: left;
	margin-bottom: 12px;
	font-size: 90%;
	}

#formHotelList dd {
	width: 30px;
	float: right;
	margin-bottom: 12px;
	}
	
#airportList {
	margin: 0 0 0px 0px;
	font-size:14px;
	}
	
#contactPage {
	padding: 10px 25px 30px 25px;
	}
	
#contactPage ul li {
	padding: 0;
	margin: 0 0 3px 30px;
	}
	
#contactPage dl {
	margin: 0 20px;
	}
	
#contactPage dd { margin-bottom: 10px; }
#contactPage dt { margin-bottom: 3px; }


/*old enquiry form style
#contactForm fieldset 
{
    display:block;
    width: 432px;
    min-height: 20px;
    border: none;
    margin: 12px 0px 10px 0px;
    padding: 0px 0px 2px 0px;  
}*/

#contactForm fieldset.nested 
{
    margin: 12px 0px 10px 20px;
    padding: 0px 0px 2px 0px;
}


#contactForm .newlabel 
{
    float: left;
    font-size:14px;
    display: inline;
    margin: 0px 3px 0px 10px;
    padding: 2px 2px 2px 0px;
}
#contactForm label 
{
    float: left;
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 0px 2px 0px 0px;
}
#contactForm .golflabel
{
	width:95px;
    float: left;
    display: inline;
    margin: 0px 7px 0px 12px;
    padding: 0px 2px 0px 0px;
}
#contactForm .regularlabel 
{
    float: left;
    font-size:14px;
    display: inline;
    margin: 0px 3px 0px 10px;
    padding: 2px 2px 2px 0px;
}
#contactForm .leftlabel
{
    float: left;
    width:50px;
    font-size:14px;
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 2px 2px 2px 0px;
}
.leftlabel
{
    float: left;
    width:50px;
    font-size:14px;
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 2px 2px 2px 0px;
}
#contactForm .leftlabel2
{
    float: left;
    width:110px;
    font-size:14px;
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 2px 2px 2px 0px;
}
#contactForm .fields .honeylabel
{
    float: left;
    width:100px;
    font-size:14px;
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 2px 2px 2px 0px;
}
#contactForm .mailinglabel
{
    float: left;
    width:240px;
    font-size:14px;
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 2px 2px 2px 0px;
}
#contactForm .rightlabel2
{
    float: left;
    width:110px;
    font-size:14px;
    display: inline;
    margin: 0px 0px 0px 14px;
    padding: 2px 2px 2px 0px;
}
#contactForm .regionlabelLeft
{
    float: left;
    width:120px;
    font-size:14px;
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 2px 0px;
}
#contactForm .extraslabel
{
    float: left;
    width:105px;
    font-size:14px;
    display: inline;
    margin: 0px 0px 0px 0px;
    padding: 2px 0px 2px 0px;
    text-align:left;
}
#contactForm .regionlabel
{
    float: left;
    width:120px;
    font-size:14px;
    display: inline;
    margin: 0px 0px 0px 67px;
    padding: 2px 2px 2px 0px;
}
#contactForm label.labelShort 
{
    float: left;
    width: 50px;
    display: inline;
    margin: 0px 6px 0px 0px;
    padding: 2px 2px 2px 0px;
     
}
#contactForm label.labelLeft
{
    float: left;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
    width: 80px;
    height: 20px; 
} 
#contactForm label.labelLong
{
    float: left;
    width: 400px;
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 2px 2px 2px 0px;
    line-height: 12px;
} 
#contactForm .labelairport
{
    float: left;
    width:290px;
    font-size:14px;
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 2px 2px 2px 0px;
}

.checkbox
{
    margin: 8px 0px 0px 6px;   
}
.mailCheckbox
{
    padding-left: 4px;
}

#contactForm h4 
{
	color:#447d97;
    float: left;
    margin: 10px 60px 0px 0px;
    padding: 0px 0px 0px 20px;
    font-family: Arial, "Trebuchet MS", "Helvetica", sans serif;   
}

#contactForm h4.pagetext 
{
    margin-top: 20px;
    padding: 0px;
    float: none;
    width: auto;
    display: block;
    font-size: 13px;
    line-height:20px;
    font-weight: bold;
}
#contactForm label .honeymoneylabel
{
float: left;
    width: 100px;
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 2px 2px 2px 0px;}

.field 
{
	margin: 0px 0px 0px 110px;
    padding: 1px 0px;}	
.fieldInner 
{
    margin: 0px 0px 0px 0px;
    padding: 1px 0px;   
}	

.tagField 
{
    margin: 0px 0px 0px 110px;
    padding: 0px 0px 0px 2px;
    width: 230px;
    line-height: 18px;
}	
.tagField p
{
    display: inline;
}
.responseField
{
    float: left;
    margin: 0px 0px 0px 110px;
    padding: 0px 2px 0px 2px;
    width: 210px;
    min-height: 20px;
    line-height: 18px;
    display: inline;
}
.response
{
    color: Red;
}

.field input, .field textarea 
{
    padding: 2px;
    float: left;
}
.fieldInner input, .fieldInner textarea 
{
    padding: 2px;
    float: left;
}
	
.field input.inputShort 
{
    width: 50px;
}
.fieldInner input.inputShort 
{
    width: 160px;
}
	
.formSelectionList li, .formSelectionListSingle li 
{
    list-style: none;
    width: 45%;
}
	
.formSelectionList li input 
{
    float: right;
    width: 50px;
}

.dropDownField 
{
    margin-left: 110px;
}
.dropDownField .inputLong 
{
    width: 202px;
    margin: 4px 0px 4px 0px;
}
.button
{
    padding: 0px 10px 0px 10px;
}

.maps 
{
    margin: 20px 0;
    background:transparent url(../images/layout/map-background.gif) no-repeat scroll 0 0;
    height:463px;
    margin-bottom:10px;
    overflow:hidden;
    padding:3px;
    width:463px;
}

a img 
{
    border: none;
}
a
{
    outline: none;
}

/*-- Contact form tabs --   */ 

.largeHead
{ 
    margin: 0px 0px 0px 0px !important;
    padding: 12px 0px 0px 18px !important;
    width: 621px !important;
    height: 30px !important;
    font-weight: bold !important;
    background: url(../images/layout/h1-background-01.jpg) top left no-repeat !important;  
}

#tabbedContentContainerLong 
{
    position: relative;
    padding-top: 30px; 
}
	
.tabContentLongActive, .tabContentLong 
{
    display: block;
    position: relative;
    z-index: 1;
    float: left;
    margin-top: -1px;
    padding: 22px 18px;
    background-color: Green;
    border-top: 1px solid #d8cfb2;
    width: 603px;
}	

.tabContentList
{
    margin: 0px 0px 0px 0px;
    display: block;
    padding: 0;
    height: 20px;
}

.tabContentList ul
{
    border: 0;
    margin-left: 0px;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

.tabContentList ul li
{
    display: block;
    float: left;
    text-align: center;
    padding: 0;
    margin-right: 10px;
}

.tabContentList ul li a
{
    background-color: #74a219;
    width: 78px;
    height: 18px;
    border-top: 1px solid #718823;
    border-left: 1px solid #718823;
    border-bottom: 1px solid #718823;
    border-right: none;
    padding: 0;
    margin: 0 0 10px 0;
    color: #fff;
    text-decoration: none;
    display: block;
    text-align: center;
    font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
}

.tabContentList ul li a:hover
{
    color: #fff;
    background-color: #447d97;
}

.tabContentList a:active
{
    background-color: #fff;
    color: #74a219;
}

.tabContentList li.activeItem a
{
    background-color: #fff;
    border: 1px solid #718823;
    color: #74a219;
}
.tabContentList li.activeItem a:hover
{
    color: #74a219;
    background-color: #fff;
}

#tabNavTwo 
{
    position: relative;
    z-index: 2000;
    width: 469px;
}
	
#tabNavTwo li 
{
    list-style: none;
    float: left;
    margin-right: 0px;
    background: url(../images/layout/tabs/tab-right-two.gif) top right no-repeat;
}
	
#tabNavTwo li a 
{
    display: block;
    padding: 8px 16px 6px 12px;
    color: #fff;
    line-height: 19px;
    font-weight: normal;
    background: url(../images/layout/tabs/tab-left-two.gif) top left no-repeat; 
}
	
#tabNavTwo li.active, #tabNavTwo li.active:hover {background: url(../images/layout/tabs/tab-active-right-two.gif) top right no-repeat;  }
#tabNavTwo li.active a, #tabNavTwo li.active a:hover {background: url(../images/layout/tabs/tab-active-left-two.gif) top left no-repeat; }
#tabNavTwo li:hover	{ background: url(../images/layout/tabs/tab-hover-right.gif) top right no-repeat; } 
#tabNavTwo li a:hover { background: url(../images/layout/tabs/tab-hover-left.gif) top left no-repeat; color: #ffffff; } 


.tabBorder
{
    z-index: 100;
    display: block;
    position: relative;
    float: left;
    margin-top: -2px;
    padding: 5px 0px 0px 0px;
    width: 471px;
    background: url(/images/layout/tabs/child-tab-background2.jpg) top left no-repeat;  
}
.tabBorder
{
    z-index: 100;
    display: block;
    position: relative;
    float: left;
    margin-top: -2px;
    padding: 5px 0px 0px 0px;
    width: 471px;
    background: url(/images/layout/tabs/child-tab-background2.jpg) top left no-repeat;  
}

/*--------------weather Pages styles------*/

.weatherStats{
	background-image: url(../images/layout/staff-comment-background.jpg);
	margin-bottom: 25px;
	padding-bottom:17px;
	padding-left:10px;
	
	}
	
.weatherImage {
	float:right;
	padding:30px 5px 0px 0px;
	}
	
.weatherKey {
	clear:both;
	}
		
.weatherStats p {
	padding: 10px 0px 0px 10px;
	color: #685340;
	font-size: 100%;
	font-weight:bold;
	}

.months {
	padding: 0px;
	margin-top:-10px;
	}
	
.months td  {
	padding: 2px 6px;
	}

.maxTemp td {
	border-top: #e9d9b6 1px solid;
	}

.maxTemp {
	color:#a53205;
	font-weight: bold;
	text-align: center;
	}
 .minTemp {
	color:#447d97;
	font-weight: bold;
	text-align: center;
	}

 .rainFall {
	color: #74a219;
	font-weight: bold;
	text-align: center;
	}



/* -------------job advert page-----------*/
#desirableCriteriaL 
{
	float:left;
	margin: 0px 12px 0px 0px;
	width: 226px;
	padding:1px;
}
#desirableCriteriaR 
{
	float:left;
	margin: 0px 0px 0px 0px;
	width: 226px;
	padding:1px;
}

#desirableCriteriaL p, #desirableCriteriaR p 
{
    font-weight:bold;
}

#desirableCriteriaL ul, #desirableCriteriaR ul 
{
    list-style: disc;
    line-height: 18px;
}
#desirableCriteriaL ul li, #desirableCriteriaR ul li 
{
    margin-left: 10px;
}
  
#desirableCriteriaL ul li.heading, #desirableCriteriaR ul li.heading 
{
    margin: 0px 0px 10px 0px;
    font-weight: bold;
    list-style: none;
}
		
.clearUl 
{
    clear: both;
    padding-top: 10px;
}

/* ---------- Right Column Styles ---------- */

#itineraryLarge, #itinerarySmall, #honeyMoney, #honeyMoneyLarge, #iplBanner {
	display: block;
	width: 271px;
	height: 75px;
	margin-bottom: 25px;
	text-indent: -9999px;
	background: url(../images/buttons/itinerary-large.jpg);
	}

/* -- styling for downroyal ad -- */	
#downRoyalAd
{
    display: block;
    width: 271px;
    height: 140px;
    margin: 20px 0px 25px 0px;
    /*text-indent: -9999px;*/
    background: url("../images/ads/down-royal-ad.jpg");
}
#downRoyalAd:hover
{
    background: url("../images/ads/down-royal-ad-hover.jpg");
}

/* -- styling for rhino competition -- */
#toyContainer
{
    position: relative;
    margin: 0px 0px 10px 0px;
    min-height: 148px;
    /*background-color: Red; */
}
#rhinoToy
{
    position: absolute;
    top: 26px;
    left: 280px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 122px;
    height: 128px;
    /*background-color: blue; */
}


#entryBoxOne
{
    position: relative;
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 0px 150px;
    width: 319px;
    min-height: 120px;
    background: url("../images/cartoons/rhino-01.jpg") top left no-repeat;
    /* background-color: Red; */
}
#entryBoxTwo
{
    position: relative;
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 20px 150px;
    width: 319px;
    min-height: 120px;
    background: url("../images/cartoons/rhino-02.jpg") top left no-repeat;
    /* background-color: Red; */
}
#entryBoxThree
{
    position: relative;
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 20px 150px;
    width: 319px;
    min-height: 120px;
    background: url("../images/cartoons/rhino-03.jpg") top left no-repeat;
    /* background-color: Red; */
}


.entryList
{   
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}
.entryList li.steps
{
    margin: 4px 0px 0px 0px;
}
.entryList li.link
{
    margin: 8px 0px 0px 10px;
}
.entryList li.fblink
{
    margin: 8px 0px 0px 10px;
    /*background-color: Aqua;*/
    width: 310px;
    min-height: 20px;
}


.competitionForm
{
    margin: 0px;
    padding: 20px 20px 0px 20px;
    border: 1px solid #e2e2e2;
}
.replyBox
{
    /*margin: 0px 0px 0px 0px;
    padding: 20px 20px 0px 20px;
     background-color: #f2f2f2; */
     
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 0px 20px;
    height: 84px;
    background: url("../images/ads/rhino-thank-you.jpg") top left no-repeat;  
}
.replyBox p
{
    text-align: center;
    margin-right: 80px; 
}


.submitCompForm 
{
	text-align: right;
	margin: 0px 0px 0px 0px;
	clear: both;
}
.submitCompForm2 
{
	text-align: right;
	margin: 0px 0px 0px 0px;
}
.submitCompForm input
{
	
}
.compClickHere
{
    padding: 1px 4px;
}
.subBTN
{
padding: 1px 4px;
width: 100px;
}


/* -- styling for rhino campaign ad box -- */

.rhinoAdContainer
{
    position: relative;
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 1px 0px;
    background: url("../images/ads/specials-border.jpg") bottom left no-repeat;
}
.rhinoAdBox
{
    position: relative;
    display: block;
    margin: 0px;
    padding: 166px 8px 10px 4px;
    width: 202px;
    min-height: 100px;
    background: url("../images/ads/rhino-ad.jpg") top left no-repeat;
}
.rhinoAdHeading
{  
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px; 
    width: 182px; 
    word-wrap: break-word;   
    text-align: center; 
    text-transform: none;
    letter-spacing: 0px;
    font-weight: normal;
    font-size: 16px;    
    line-height: 20px;
    color: #447d97;  
    font-family: Georgia, "Times New Roman", Times, serif; 
}
.rhinoAdText
{
    margin: 10px 0px 0px 0px;
    padding: 6px 0px 4px 0px;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    font-weight: normal;
	list-style-type:none;
	background: none;
	color: #447d97;
	font-family: Arial, "Trebuchet MS", "Helvetica", sans serif;
}


.rhinoList 
{
	margin: 4px 10px 0px 10px;
	list-style-type: none;
}
.rhinoList li 
{
    margin: 0px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;	
	list-style-type:none;
}
.rhinoList li a
{
    /* font-family: Arial, "Trebuchet MS", "Helvetica", sans serif !important; */
}
.rhinoList li.offer 
{
    margin: 0px 0px 0px 0px;
    padding: 6px 6px 4px 0px;
    font-size: 12px;
    text-align: center;
    font-weight: normal;
	list-style-type:none;
	background: none;
	color: #447d97;
	font-family: Arial, "Trebuchet MS", "Helvetica", sans serif;
}
.rhinoList li.offer img
{
    margin: 1px 4px 0px 12px;
    padding: 0px 0px 0px 0px;
    top: 0px;
    border: 0px;
    float: left;
}


/* -- styling for special offers box -- */

.specialsContainer
{
    position: relative;
    margin: 23px 0px 25px 0px;
    padding: 0px 0px 1px 0px;
    background: url("../images/ads/specials-border.jpg") bottom left no-repeat;
}

.specialsBox
{
    position: relative;
    display: block;
    margin: 0px;
    padding: 18px 8px 10px 4px;
    width: 202px;
    min-height: 80px;
    background: url("../images/ads/specials-bg.jpg") top left no-repeat;
}

.specialsHeading
{  
    width: 135px; 
    word-wrap: break-word;
    font-weight: normal;
    font-size: 13px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 18px;
    color: #74a219; 
    font-family: Georgia, "Times New Roman", Times, serif;    
}

.specialsList 
{
	margin: 4px 10px 10px 10px;
	list-style-type: none;
}
.specialsList li 
{
    margin: 0px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;	
	list-style-type:none;
}
.specialsList li a
{
    /* font-family: Arial, "Trebuchet MS", "Helvetica", sans serif !important; */
}
.specialsList li.offer 
{
    margin: 0px 0px 0px 0px;
    padding: 6px 0px 4px 0px;
    font-size: 12px;    
    font-weight: normal;
	list-style-type:none;
	background: none;
	color: #447d97;
	font-family: Arial, "Trebuchet MS", "Helvetica", sans serif;
}
.specialsList li.offer img
{
    margin: 1px 8px 0px 0px;
    padding: 0px 0px 0px 0px;
    top: 0px;
    border: 0px;
    float: left;
}
.border
{
    margin: 0px 0px 0px 8px;
    padding: 0px 0px 0px 0px;
    height: 1px;
    width: 184px;
    background: url(../images/layout/dotted-border-horizontal.png) bottom center repeat-x; 
}
.specialsListInner 
{
	margin: 0px 0px 0px 0px;
	list-style-type:none;
}
.specialsListInner li
{
    margin: 0px 0px;
    padding: 0px 0px 0px 10px;
	line-height: 18px;
	list-style-type:none;
}
.specialsListInner li.sub
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 16px;
    font-weight: bold;
    font-size: 11px;
	list-style-type:none;
	background: none;
}


/* --  Style for small personalised button -- */	

#itinerarySmall 
{
    width: 210px;
    height: 70px;
    margin-bottom: 16px;
    background: url(../images/buttons/itinerary-small.jpg);
}

.mapLink 
{
    width: 172px;
    height: 23px;
    display: block;
    margin-bottom: 25px;
    color: #fff !important;
    padding: 118px 30px 0 8px;
}
	
.mapLink:hover { text-decoration: underline; }
	
#botswanaMap 	{ background: url(../images/buttons/map-botswana.jpg); }
#kenyaMap	 	{ background: url(../images/buttons/map-kenya.jpg); }
#malawiMap	 	{ background: url(../images/buttons/map-malawi.jpg); }
#mauritiusMap 	{ background: url(../images/buttons/map-mauritius.jpg); }
#mozambiqueMap 	{ background: url(../images/buttons/map-mozambique.jpg); }
#namibiaMap 	{ background: url(../images/buttons/map-namibia.jpg); }
#seychellesMap 	{ background: url(../images/buttons/map-seychelles.jpg); }
#saMap 			{ background: url(../images/buttons/map-south-africa.jpg); }
#tanzaniaMap 	{ background: url(../images/buttons/map-tanzania.jpg); }
#ugandaMap 		{ background: url(../images/buttons/map-uganda.jpg); }
#zambiaMap 		{ background: url(../images/buttons/map-zambia.jpg); }

	
#honeyMoney 
{
    width: 210px;
    height: 52px;
    margin-bottom: 20px;
    margin-top: 0px;
    background: url(../images/buttons/honey-money.jpg);
}

#honeyMoneyLarge 
{
    width: 270px;
    height: 67px;
    margin-bottom: 20px;
    margin-top: -10px;
    background: url(../images/buttons/honey-money-large.jpg);
}

#iplBanner 
{
    width: 269px;
    height: 200px;
    margin-bottom: 20px;
    margin-top: -10px;
    background: url(../images/banners/ipl-cricket-south-africa.jpg);
}	
	
#itineraryLarge:hover { background: url(../images/buttons/itinerary-large-hover.jpg); }
#itinerarySmall:hover { background: url(../images/buttons/itinerary-small-hover.jpg); }
#honeyMoney:hover { background: url(../images/buttons/honey-money-hover.jpg); }
#honeyMoneyLarge:hover { background: url(../images/buttons/honey-money-large-hover.jpg); }
	
.contentBox
{
    border-top: none;
    padding: 10px 0px 0px 0px;
    font-size: 90%;
}
	
h2.green, h2.blue, h2.itineraryTitle, h3.green, h3.blue {
	text-transform: uppercase;
	padding: 10px;
	font-size: 100%;
	font-weight: normal;
	color: #fff;
	background: #74a219;
	}
	
h2.blue, h3.blue { background: #447d97; }

h2.itineraryTitle {
	border-bottom: 1px solid #586d10;
	padding: 6px 10px;
	}
	
h2.itineraryTitle a, h2.itineraryTitle a:hover {
	color: #fff;
	}
	
#ourExperience img {
	width: 88px;
	float: left;
	margin: 0 10px 10px 10px;
	}

.commentNames {
font-weight: bold;
color: #74a219;
display: block;
margin-top: 10px;
margin-right: 10px;
text-align: right;
}
	
#container .contentBoxLink 
{
    clear: both;
    border-top: 1px solid #e9d9b5;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
	
.contentBoxLink select 
{
	width: 170px;
	float: left;
	font-size: 95%;
}
	
#factfile 
{
	padding: 15px 10px 15px 10px;
	/*background: #f5eccf url(../images/layout/factfile-background.jpg) bottom left no-repeat;*/
}
	
div#factfile a  /* ------------------ factfile ------------------- */
{
	color:#5f5140;
}

div#factfile a:hover {		 /* ------------------ factfile ------------------- */
	color:#5f5140;
	text-decoration:underline;
}
	
#rightColumn #factfile p {		/* ------------ right hand side links -------------- */
	padding: 0;
	}
	
#factfile dt 
{
	clear: both;
	font-weight: bold;
	color: #447d97;	
	float: left;
	width: 75px;
}
	
#factfile dd 
{
	margin: 0 0 10px 85px;
	color: #81674f;
}

#accommodationLinks li, #itineraryLinks li, #itineraryLinks1 li, #itineraryLinks2 li, #itineraryLinks3 li 
{
    list-style: none;
     background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}
	
#itineraryLinks li a, #itineraryLinks1 li a, #itineraryLinks2 li a, #itineraryLinks3 li a 
{
	display: block;
	padding: 8px;
	color: #74a219;
}
#accommodationLinks li a
{
display: block;
padding: 8px;
/*color: #74a219;*/
color: #447d97; 
font-weight: bold;
font-size: 11px;
}
	
#itineraryLinks li a:hover, #itineraryLinks1 li a:hover, #itineraryLinks2 li a:hover, #itineraryLinks3 li a:hover 
{
color: #fff;
background: #74a219;
}
#accommodationLinks li:hover a, #accommodationLinks li:hover span
{
color: #fff;
background: #74a219;
}

	
#itineraryLinks li a strong, #itineraryLinks1 li a strong, #itineraryLinks2 li a strong, #itineraryLinks3 li a strong { color: #367592; }
#itineraryLinks li a:hover strong, #itineraryLinks1 li a:hover strong, #itineraryLinks2 li a:hover strong, #itineraryLinks3 li a:hover strong { color: #effad9; }


/* -- Tabbed Itinerary Styles -- */

.itineraryBoxTabbed 
{
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
    width: 431px;   
    min-height: 160px;     
    border: 1px solid #d1bc8f;
    border-top: none;
    overflow: hidden;
    background: url(../images/layout/itinerary-box-background.jpg) top left repeat-y;
}

.itinerarySummaryTabbed 
{
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 143px;
    min-height: 100px;
    font-size: 105%;
}
.itinerarySummaryTabbed dl 
{
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 2px 0px;
    border-bottom: 1px solid #bca67d;
    list-style-type: none;
    width: 143px;
    height: 80px;
    overflow: hidden;
}	
.itinerarySummaryTabbed dt 
{
    color: #b83400;
    float: left;
    width: 70px;
    padding: 5px 5px 8px 10px;
}	
.itinerarySummaryTabbed dd 
{
    width: 64px;
    margin: 0 10px 0 74px;
    padding: 5px 10px 8px 2px;
    color: #81674f;
}	
	
.itinerarySummaryTabbed dd strong 
{
    font-size: 70%;
    font-weight: normal;
}	
.itinerarySummaryTabbed .dotted 
{
    background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}


.itineraryDescriptionTabbed 
{
    width: 261px; 
    margin: 0px 0px 0px 144px;
    padding: 15px 15px 15px 10px;
    font-size: 90%;
    line-height: 1.4em;
}	
.itineraryDescriptionTabbed table 
{
    width: 100%;
}	
.itineraryDescriptionTabbed table th 
{
    text-transform: uppercase;
    text-align: left;
    color: #b83400;
    background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}	
.itineraryDescriptionTabbed table td 
{
    vertical-align: top;
    padding: 12px 0 4px;
    line-height: 1.3em;
    background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}	
.itineraryDescriptionTabbed table td.rightAlign, .itineraryDescriptionTabbed table th.rightAlign 
{
    text-align: right;
    padding-left: 10px;
    padding-right:10px;
}
.itineraryDescriptionTabbed table td.rightAlign strong 
{
    font-size: 90%;
    text-transform: uppercase;
}
	
	
/* -- Non Tabbed Itinerary Styles -- */
	
.itineraryBox 
{
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
    background: url(../images/layout/itinerary-box-background.jpg) top left repeat-y;
    border: 1px solid #d1bc8f;
    border-top: none;
    width: 467px;        
    overflow: hidden;
}

.itinerarySummary 
{
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 143px;
    min-height: 100px;
    font-size: 100%;
}
.itinerarySummary dl 
{
    padding: 10px 0 0 0;
    line-height: normal;
    border-bottom: 1px solid #bca67d
}	
.itinerarySummary dt 
{
    color: #b83400;
    float: left;
    width: 70px;
    padding: 5px 5px 8px 10px;
}	
.itinerarySummary dd 
{
    margin: 0 0 0 74px;
    padding: 5px 10px 8px 2px;
    color: #81674f;
}	
.itinerarySummary dd strong 
{
    font-size: 76%;
    font-weight: normal;
}	
.itinerarySummary .dotted 
{
    background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}

.itineraryDescription 
{
    width: 294px; 
    margin: 0px 0px 0px 144px;
    padding: 15px 10px 15px 10px;
    font-size: 90%;
    line-height: 1.4em;
}
.itineraryDescription table 
{
    width: 100%;
}	
.itineraryDescription table th 
{
    text-transform: uppercase;
    text-align: left;
    color: #b83400;
    background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}	
.itineraryDescription table td 
{
    vertical-align: top;
    padding: 12px 0 4px;
    line-height: 1.3em;
    background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}
.itineraryDescription table td.rightAlign, .itineraryDescription table th.rightAlign 
{
    text-align: right;
    padding-left: 10px;
    padding-right:10px;
}
.itineraryDescription table td.rightAlign strong 
{
    font-size: 90%;
    text-transform: uppercase;
}

	
/* -- Itinerary Styles -- */	
	
.itineraryBox .blueArrow, .itineraryBoxTabbed .blueArrow 
{
    font-size: 105%;
    margin: 8px 0;
}

#container .itineraryDescription p 
{
    margin: 0;
}	
.locationDescriptionOff, .shortDescriptionOff 
{
    display: none;
}	
.shortDescription, .locationDescription 
{
    display: block; 
    font-size: 12px; 	
    line-height: 18px; 
}

/* -- Quick Facts Style -- */    
    
dl.quickFacts
{  
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;    
}
dl.quickFacts dt
{
    margin: 0px 0px 0px 0px;
    padding: 0px 6px 20px 6px;
    color: #b83400;
    float: left;
    width: 80px;
    font-weight: bold;
}
dl.quickFacts dd
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    float: left;
    width: 340px;
}

dl dt
{
    clear: both;
    float: left;
    color: #b83400;
}
    
#tabbedContentContainer.holidaySelection .itineraryDescription 
{
    width: 254px;
}

.favorites 
{
    margin: 20px 0;
}

.favorites li 
{
    list-style: none;
    margin-bottom: 4px;
}

.contentBoxLarge .favorites 
{
    margin: 20px 30px;
}		
	
		
/* ---------- Footer Styles ---------- */

#footer h3 
{ 
    padding: 14px 10px; 
}

#footer li 
{
    list-style: none;
    padding: 0px 0px 5px 10px;
}

.footerListLeft
{
    width: 200px;
    float: left;
    margin: 0px 0px 20px 15px;
    padding: 0px 0px 0px 0px;  	    
}
.footerListLeft ul
{
   background: url(../images/layout/dotted-border-vertical.gif) top right repeat-y;
   height:175px;
}
.footerListLeft ul li
{
    width: 80px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;  	    
}

.footerListCenterLeft
{
    width: 150px;
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 10px;    
}
.footerListCenterLeft ul
{
    background: url(../images/layout/dotted-border-vertical.gif) top right repeat-y;
    height:195px;
}
.footerListCenterLeft ul li
{
    width: 120px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;  	    
}

.footerListCenter
{
    width: 190px;
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 10px; 
}
.footerListCenter ul
{
    background: url(../images/layout/dotted-border-vertical.gif) top right repeat-y;
    height:195px;
}
.footerListCenter ul li
{
    width: 160px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px; 
}
	
.footerListCenterRight
{
    width: 170px;
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 10px;  	    
}
.footerListCenterRight ul
{
    background: url(../images/layout/dotted-border-vertical.gif) top right repeat-y;
    height:215px;
}
.footerListCenterRight ul li
{
    width: 150px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;  	    
}

.footerListRight
{
    width: 170px;
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 10px;	          
}

.footerListRight ul li
{
    width: 140px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;      
}
	
#footerBottom 
{
    clear: both;
    padding: 12px 5px 9px 5px;    
    color: #685340;    
    font-size: 90%;
    line-height: 1.4em;
    border-top: 1px solid #dcd3bc;
    border-bottom: 1px solid #dcd3bc;
    background: url(../images/layout/footer-background.jpg) bottom left no-repeat;
}	
	
.contactInfo 
{ 
    width: 436px; 
    float: left; 
}
.socialNetworking 
{ 
    width: 224px; 
    float: left;
    padding-top: 3px;
}

.copyright 
{ 
    width: 240px; 
    float: right; 
    text-align: right;
}
		
/* ---------- Typography Styles ---------- */
#column2 #leftColumn, #centerColumn { line-height: 1.5em; }
#rightColumn, #leftColumn .contentBox { line-height: 1.2em; }

#rightColumn p, .contentBox p 
{
padding: 0px 10px;
}

#centerColumn p { margin-bottom: 20px; }		

    .mainContent a, #footer a 
    {
	    color: #367592;
	    text-decoration: none;
	}
	
.mainContent a:hover, #footer a:hover { color: #74a219; }

#rightColumn a, #footer a, #leftColumn .contentBox a 
{
font-family: Georgia, "Times New Roman", Times, serif;
}

.contentBoxComment p
{ 
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 10px;
    color: #81674f;
    font-size: 11px;   
    font-family: Arial, "Trebuchet MS", Helvetica, sans-serif; 
    font-weight: normal;
    line-height: 14px;
}
.contentBoxComment a 
{ 
    color: #447d97;
    font-size: 11px;   
    font-family: Arial, "Trebuchet MS", Helvetica, sans-serif ! important;
    font-weight: bold;
    line-height: 14px;
}	

	
#footer .copyright a 
{
color: #74a219;
font-family: Arial, "Trebuchet MS", Helvetica, sans-serif;
}
	
#footer .copyright a:hover { color: #367592; }
		
.blueArrowSmall 
{
    padding: 3px 22px 3px 0;
    background: url(../images/layout/blue-arrow.png) right center no-repeat;
    font-size: 115%;
    text-align: right;
    display: block;
}
.blueArrowSmall:hover 
{ 
    background: url(../images/layout/green-arrow.png) right center no-repeat; 
}
.blueArrow 
{
    padding: 3px 22px 3px 0;
    background: url(../images/layout/blue-arrow.png) right center no-repeat;
    font-size: 115%;
    text-align: right;
    display: block;
}
.blueArrow:hover 
{ 
    background: url(../images/layout/green-arrow.png) right center no-repeat; 
}
.blueArrowHotel 
{
    margin: 10px 0px 0px 0px;
    padding: 0px 22px 0px 0px;
    background: url(../images/layout/blue-arrow.png) right center no-repeat;
    font-size: 115%;
    text-align: right;
    display: block;
}
.blueArrowHotel:hover 
{ 
    background: url(../images/layout/green-arrow.png) right center no-repeat; 
}
    	
h3	
{
    color: #8e7e70;
    text-transform: uppercase;
    font-size: 95%;
}
		
.contentBoxLarge h3 
{
	margin: 0 16px 5px 16px;
	color: #447d97;
	font-size: 95%;
	background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}
	
.contentBoxLarge h2 
{
	margin: 0 16px 5px 16px;
	color: #447d97;
	font-size: 95%;
	background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}	
	
#centerColumn h3 
{
	margin-bottom: 5px;
	padding-bottom: 2px;
	color: #447d97;
	font-size: 95%;
	background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}
	
#centerColumn h3.formHeading 
{
    margin: 20px 0px 20px 0px;
    font-weight: bold;
    font-size: 90%;
}
	
.strong {
	font-weight: bold;
	}
	
.textList {
	color: #6a5c4c;
	padding: 0 20px 20px 20px;
	}
	
.textList li {
	padding-bottom: 8px;
	}
	
.blue {
	color: #447d97;
	}
	
#breadcrumbs li {
	padding-left: 8px;
	}
	
#breadcrumbs a {
	border-right: 1px solid #e4e4e4;
	padding-right: 7px;
	color: #447d97;
	}


/* ---------- STYLED LISTS -----------*/	

/* -- general list -- */
.styledList 
{
	margin: 10px 20px 20px 20px;
	list-style-type:none;
}
.styledList li 
{
    margin: 2px 0px;
    padding: 0px;
	list-style: disc;
	line-height: 18px;
}

/* -- list used in non-tabbed itineraries -- */
.styledListHotels 
{
	margin: 10px 0px 10px 0px;
	list-style-type: none;
}
.styledListHotels li 
{
    display: block;
    margin: 2px 0px 2px 6px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;
	font-size: 12px;
	font-weight: normal;
	list-style-type:none;
	background: none;
}
.styledListHotels li.last 
{
    margin: 0px 0px 30px 6px;   
}
.styledListHotels li.head 
{
    margin: -10px 0px 4px 0px;
    padding: 0px 0px 4px 0px;
	/*color: B#447d97; G#74a219; Br#81674f; 
	text-transform: uppercase; */
	color: #81674f;
	width: 292px;
    font-size: 12px;
	line-height: 16px;
    font-weight: bold;
	list-style-type:none;
	background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}
.styledListHotels li.tag 
{
    margin: 4px 0px 2px 0px;
    padding: 0px 0px 6px 0px;
    font-size: 12px;
	line-height: 16px;
    font-weight: normal;
    font-style: italic;
	list-style-type: none;
}
.styledListHotels li.link 
{
    margin: 6px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;
	font-weight: normal;
	list-style-type:none;
	background: none;
}


/* -- general list with green square bullet -- */
.styledListGreen 
{
	margin: 10px 20px 20px 20px;
	list-style-type:none;
}
.styledListGreen li 
{
    margin: 2px 0px;
    padding: 0px 0px 0px 14px;
	line-height: 18px;
	background: url(../images/layout/bullets/bullet_green.png) no-repeat;
	list-style-type:none;
}
.styledListGreen li.head 
{
    margin: 16px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;
    font-weight: bold;
	list-style-type:none;
	background: none;
}
.styledListGreen li.none 
{
    margin: 2px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;
    font-weight: normal;
	list-style-type:none;
	background: none;
}
.styledListGreen li.topSpace 
{
    margin: 16px 0px 2px 0px;
    padding: 0px 0px 0px 14px;
	line-height: 18px;
    font-weight: normal;
	list-style-type:none;
	background: url(../images/layout/bullets/bullet_green.png) no-repeat;
}

.styledListBlue
{
	margin: 10px 20px 20px 20px;
	list-style-type:none;
}
.styledListBlue li 
{
    margin: 2px 0px;
    padding: 0px 0px 0px 14px;
	list-style: disc;
	line-height: 18px;
	background: url(../images/layout/bullets/bullet_blue.png) no-repeat;
	list-style-type:none;
}


.styledListNone 
{
	margin: 10px 20px 20px 32px;
	list-style-type:none;
}
.styledListNone li 
{
    margin: 2px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;
    font-weight: normal;
	list-style-type:none;
	background: none;
}
.styledListNone li.head 
{
    margin: 16px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;
    font-weight: bold;
	list-style-type:none;
	background: none;
}


.styledListGreenFloat 
{
	margin: 10px 20px 20px 20px;
	padding: 0px 0px 2px 0px;
	width: 414px;
	min-height: 30px;
	list-style-type:none;
	overflow: hidden;
	display: block;
}
.styledListGreenFloat li 
{
    margin: 2px 2px 2px 0px;
    padding: 0px 0px 0px 14px;
	line-height: 18px;
	width: 180px;
	background: url(../images/layout/bullets/bullet_green.png) no-repeat;
	float: left;
	list-style-type:none;
}
.styledListGreenFloat li.head 
{
    margin: 16px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;
    font-weight: bold;
	list-style-type:none;
	background: none;
}
.styledListGreenFloat li.none 
{
    margin: 2px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;
    font-weight: normal;
	list-style-type:none;
	background: none;
}


/*-- honeymoney login form style --*/
dl.honeymoneyList
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: block;
}
dl.honeymoneyList dt
{
    margin: 4px 0px 14px 0px;
    line-height: 14px;
}
dl.honeymoneyList dd
{
    margin: 10px 0px 0px 0px;
}

dl.honeymoneyList dd.buttonField
{
    margin: 10px 0px 0px 110px;   
    float: left;
}
.honeyButton
{
    width: 80px;
}
	
span.underline { text-decoration: underline; color: #81674f;}
	
/* ---------- Image Replacement ---------- */

#mainNav a, #secondaryNav a 
{
    float: left;
    display: block;
    height: 34px;
    text-indent: -9999px;	    
}

#navHome 				{ width: 62px; background: url(../images/buttons/nav-home.gif); }
#navCountries 			{ width: 96px; background: url(../images/buttons/nav-countries.gif); }
#navHolidays 			{ width: 123px; background: url(../images/buttons/nav-holidays.gif); }   
#navTwinCentre 			{ width: 110px; background: url(../images/buttons/nav-twincentre.gif); }
#navNews 			    { width: 62px; background: url(../images/buttons/nav-blog.gif); }
#navAbout 				{ width: 90px; background: url(../images/buttons/nav-about.gif); }
#navContact 			{ width: 85px; background: url(../images/buttons/nav-contact.gif); }

#navBook 				{ width: 108px; background: url(../images/buttons/nav-book.gif); }

#navHome:hover 			{ width: 62px; background: url(../images/buttons/nav-home-hover.gif); }
#navCountries:hover 	{ width: 96px; background: url(../images/buttons/nav-countries-hover.gif); }

#navHolidays:hover 		{ width: 123px; background: url(../images/buttons/nav-holidays-hover.gif); }
#navTwinCentre:hover 	{ width: 110px; background: url(../images/buttons/nav-twincentre-hover.gif); }
#navNews:hover 			{ width: 62px; background: url(../images/buttons/nav-blog-hover.gif); }
#navAbout:hover 		{ width: 90px; background: url(../images/buttons/nav-about-hover.gif); }
#navContact:hover 		{ width: 85px; background: url(../images/buttons/nav-contact-hover.gif); }

#navBook:hover 			{ width: 108px; background: url(../images/buttons/nav-book-hover.gif); }


.tripDescription, .tripAccommodation, .tripDescriptionActive, .tripAccommodationActive 
{
	width: 143px;
	height: 26px;
	display: block;
	text-indent: -9999px;
}
	
.tripDescription 			{ background: url(../images/buttons/trip-description.jpg); border-bottom: 1px solid #bca67d }
.tripDescription:hover 		{ background: url(../images/buttons/trip-description-hover.jpg); border-bottom: 1px solid #bca67d }
.tripDescriptionActive 		{ background: url(../images/buttons/trip-description-active.jpg); border-bottom: 1px solid #bca67d }
.tripAccommodation 			{ background: url(../images/buttons/accommodation.jpg); border-bottom: 1px solid #bca67d }
.tripAccommodation:hover 	{ background: url(../images/buttons/accommodation-hover.jpg); border-bottom: 1px solid #bca67d }
.tripAccommodationActive 	{ background: url(../images/buttons/accommodation-active.jpg); border-bottom: 1px solid #bca67d }


/*Wedding packages- extension of itinerary box styles above*/
.packageDescription, .packages, .packageDescriptionActive, .packagesActive
{
	width: 143px;
	height: 26px;
	display: block;
	text-indent: -9999px;
}
	
.packageDescription 			{ background: url(../images/buttons/trip-description.jpg); border-bottom: 1px solid #bca67d }
.packageDescription:hover 		{ background: url(../images/buttons/trip-description-hover.jpg); border-bottom: 1px solid #bca67d }
.packageDescriptionActive 		{ background: url(../images/buttons/trip-description-active.jpg); border-bottom: 1px solid #bca67d }
.packages 			{ background: url(../images/buttons/accommodation.jpg); border-bottom: 1px solid #bca67d }
.packages:hover 	{ background: url(../images/buttons/accommodation-hover.jpg); border-bottom: 1px solid #bca67d }
.packagesActive 	{ background: url(../images/buttons/accommodation-active.jpg); border-bottom: 1px solid #bca67d }
	

/* ---------- Hacks and Patches ---------- */

/* -- Clearing divs -- */
.clear:after,
.mainContent:after,
.contentBoxLink:after,
.staffOpinion:after,
.itineraryDescription:after,
.formSelectionList:after,
.formSelectionListSingle:after,
#accommodationPage ul:after,
#img_gallery:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

* html .clear,
* html .mainContent,
* html .contentBoxLink,
* html .staffOpinion,
* html .itineraryDescription,
* html .formSelectionList,
* html .formSelectionListSingle,
* html #accommodationPage ul,
* html #img_gallery {
	height: 1px;
	}

*:first-child+html .clear,
*:first-child+html .mainContent,
*:first-child+html .contentBoxLink,
*:first-child+html .staffOpinion,
*:first-child+html .itineraryDescription,
*:first-child+html .formSelectionList,
*:first-child+html .formSelectionListSingle,
*:first-child+html #accommodationPage ul,
*:first-child+html #img_gallery {
	min-height: 1px;
	}
	
/* -- Making IE play nice -- */
* html #ourExperience .contentBoxLink {
	padding-top: 4px;
	}
	
	
/* -- element display -- */
.active 	{ display: block; }
.inactive, #menuPosition, #placesMenuPosition { display: none; }

.farLeft 	{ left: -999em; }
.auto		{ left: auto; }


/*----honeymoney page css, added by shane----- */
.poem 
{
	color: #b83400;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 90%;
	line-height: 1.5em;
}

.rightText 
{
	float:right;
	padding:5px;
}

.gridviewHM 
{
	background-image: url(../images/layout/staff-comment-background.jpg);
	width:448px;
	padding:9px;
	margin:0px;
	text-align:center;
	font-size:85%; 
	line-height:1.5em;
}

.gridviewHM th {
	border-right-style:solid;
	border-width:thin;
	border-color:#cfbda7;
	padding:0 10px 10px 15px;
	width:10px;
}

.gridviewHM td {
	border-right-style:solid;
	border-width:thin;
	border-color:#cfbda7;
	padding:0 5px 5px 5px;
}

/*--giftlist css, shane.-->*/
#giftList  {
	margin: 12px 0;
	padding: 10px;
	border: solid #e9d9b5 1px;
	}

.priceBox {
	font-weight: bold;
	float: right;
	color: #447d97;
	}

.giftAvailability {
	margin-top: -10px;
	font-style: italic;
	color: #74a219;
	}
	
/* ----------- typoography / news / blog styles ----------- */
h1.newsTitle
{
    display: block;
    margin: 0px 0px 0px 0px ! important;
    padding: 10px 10px 10px 10px ! important;
    text-transform: uppercase;
    font-size: 115% ! important;
    font-weight: bold;
    color: #fff ! important;
    background: #74a219 ! important;
}

h2.newsHeadline
{
    text-transform: uppercase;
    padding: 6px 0px 6px 0px;
    font-size: 110%;
    font-weight: bold;
    color: #685340; 
}
.newspost 
{
    font-style:normal;
    font-weight: normal;
    font-size:11px;
    line-height:2em;
}
h2.blueNews 
{
    text-transform: uppercase;
    padding: 10px;
    font-size: 100%;
    font-weight: normal;
    color: #fff;
    background: #74a219;
}
	
h4.subheading
{
    margin: 10px 0px 10px 16px;
    font-weight: bold;
    font-size: 14px;
}
h4.blog
{
    margin: 0px 0px 0px 16px;
    color: #447d97;
}
h4.blue
{
    color: #447d97;    
}
	
h2.blue, h3.blue { background: #447d97; }

.nested
{
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
}

#recentposts li.last, #categories li.last, #archives li.last 
{
background: none;
}

#categories li, #recentposts li, #archives li 
{
list-style: none;
background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}
	
#categories li a, #archives li a {
	display: block;
	padding: 8px;
	color: #74a219;
	}
	
#categories li a:hover, #archives a:hover {
	color: #fff;
	background: #74a219;
	}
	
#recentposts li a {
	display: block;
	padding: 8px;
	color: #447d97;
	}
	
#recentposts li a:hover {
	color: #fff;
	background: #447d97;
	}

/* -- code for mauritius/seychelles hotels pages -- */	
.hotelContainer
{
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 2px 0px;
    min-height: 100px;
    overflow: hidden;
}
.hotelContainerInner
{
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 2px 0px;
    min-height: 100px;
}
.hotelContainer img
{
    float: left;
    margin: 4px 10px 2px 0px;
}
.commentTop
{
    width: 413px;
    margin: 16px 0px 0px 0px;
    padding: 6px 10px 0px 10px;
    background-color: #f4f4f4;
}
.commentBottom
{
    height: 26px;
    width: 433px;
    margin: -20px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    background: url(../images/layout/hotel-comment-bottom.jpg) top left no-repeat;
}
p.hotel
{
    margin: 0px 0px 4px 0px !important;
    padding: 0px 0px 0px 0px;
    min-height: 100px;
    color: #81674f;
    font-size: 12px;   
    font-family: Arial, "Trebuchet MS", Helvetica, sans-serif; 
    font-weight: normal;
    text-align: left;
    line-height: 18px;
}
p.hotelPrice
{
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px;
    color: #81674f;
    font-size: 13px;   
    font-family: Arial, "Trebuchet MS", Helvetica, sans-serif; 
    font-weight: normal;
    line-height: 18px;
}
p.hotelComment
{
    color: #81674f;
    margin: 0px 0px 0px 0px;
    padding:  0px 0px 0px 0px;
    text-align: left;
    font-style: italic;
    font-weight: normal;
    display: block;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 18px;
    word-spacing: 1px;
    font-size: 12px;
}
p.commentAuthor
{
    color: #74a219;
    margin: 0px;
    padding:  8px 0px 0px 28px;
    text-align: left;
    font-style: italic;
    display: block;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 16px;
    word-spacing: 1px;
    font-size: 11px;   
}
h5.hotelName
{
    margin: 0px 0px 6px 0px;
    padding: 0px 0px 0px 0px;
    color: #447d97;
    font-size: 16px;   
    font-family: Arial, "Trebuchet MS", Helvetica, sans-serif; 
    font-weight: lighter;
    line-height: 22px;
    background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}
img.stars
{
    float: none;
    display: inline;
    padding: 0px;
    margin: 0px 0px 0px 8px;
}

span.hotelRating
{
    color: #74a219;
    font-weight: normal; 
    white-space: nowrap;
}

img.space
{
    margin: 16px 0px 10px 0px;
    padding: 0px;
}

/* -- code for new tabs style -- */
#tabNavTwo 
{
    position: relative;
    z-index: 2000;
    width: 469px;
}
	
#tabNavTwo li 
{
    list-style: none;
    float: left;
    margin-right: 0px;
    background: url(../images/layout/tabs/tab-right-two.gif) top right no-repeat;
}
	
#tabNavTwo li a 
{
    display: block;
    padding: 8px 16px 6px 12px;
    color: #fff;
    line-height: 19px;
    font-weight: normal;
    background: url(../images/layout/tabs/tab-left-two.gif) top left no-repeat; 
}
	
#tabNavTwo li.active, #tabNavTwo li.active:hover {background: url(../images/layout/tabs/tab-active-right-two.gif) top right no-repeat;  }
#tabNavTwo li.active a, #tabNavTwo li.active a:hover {background: url(../images/layout/tabs/tab-active-left-two.gif) top left no-repeat; }
#tabNavTwo li:hover	{ background: url(../images/layout/tabs/tab-hover-right.gif) top right no-repeat; } 
#tabNavTwo li a:hover { background: url(../images/layout/tabs/tab-hover-left.gif) top left no-repeat; color: #ffffff; } 

/* code for new child tab list */
.tabNavChild
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 420px;
    height: 0px;
    list-style-type: none;
} 
.tabNavChild li
{ 
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.tabNavChild li.child a 
{
    padding: 2px 16px 2px 2px;
    color: #ffffff; 
    line-height: 14px;
    font-weight: normal; 
    letter-spacing: 0px;
    font-size: 100%; 
}
.tabNavChild li.activeChild a
{
    color: #ffffff; 
    padding: 2px 16px 2px 2px;
    text-decoration: underline; 
    line-height: 12px;
    font-weight: normal; 
    letter-spacing: 0px;
    font-size: 100%;
}
.tabNavChild li.child a.line 
{
    background: url(/images/layout/tabs/small-white-line.png) top right no-repeat;
}
.tabNavChild li.activeChild a.line 
{
    background: url(/images/layout/tabs/small-white-line.png) top right no-repeat;
}
.tabNavChild li.activeChild a:hover {color: #ffffff;}
.tabNavChild li.child a:hover {color: #e2e2e2;}

/* code for the child tab content divs */
.childTab
{
    display: none;
}
.childTabActive 
{
    text-align: center;
    display: block;
    position: relative;
    color: #447d97;
    float: left;
    margin-top: -2px;
    margin-bottom: -6px;
    padding: 10px 9px 0px 16px;
    width: 445px;
    height: 24px;
    background: url(/images/layout/tabs/child-tab-background3.jpg) top left no-repeat;  
    overflow: hidden;
    z-index: 1000;
}
.tabBorder
{
    z-index: 100;
    display: block;
    position: relative;
    float: left;
    margin-top: -2px;
    padding: 5px 0px 0px 0px;
    width: 471px;
    background: url(/images/layout/tabs/child-tab-background2.jpg) top left no-repeat;  
}
#contactForm .tabBorder
{
    z-index: 100;
    display: block;
    position: relative;
    float: left;
    margin-top: -2px;
    padding: 5px 0px 0px 0px;
    width: 730px;
    background: url(/images/layout/tabs/child-tab-background2-contact.jpg) top left no-repeat;  
}


.atStart
{
    cursor:pointer;
}
.justClicked
{ 
    color:Blue;  
}


/* -- Home Page Styles -- */

.holidayTypesContainer
{
    margin: 25px 0px 25px 0px; 
    padding: 0px 0px 0px 1px;   
    height: 283px;
    overflow: hidden;
}
.holidayTypesContainerEnd
{
    margin: 0px 0px 25px 0px; 
    padding: 0px 0px 0px 1px;   
    height: 283px;
    overflow: hidden;
}

.holidayTypesBox
{
    float: left;
    margin: 0px 25px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 281px;
    width: 194px; 
    border: 1px solid #e9dab6;   
    background: url(../images/home-page/holiday-types/holiday-box.jpg) top left no-repeat;
}
.holidayTypesBoxEnd
{
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height: 281px;
    width: 194px;
    border: 1px solid #e9dab6;
    background: url(../images/home-page/holiday-types/holiday-box.jpg) top left no-repeat;
}

h3.holidayHeader
{
    margin: 0px 0px 0px 0px ; 
	padding: 10px 16px 10px 16px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	color: #685340;
	border-bottom: 1px solid #e9dab6;
}
img.holidayImage
{
    margin: 0px 0px 0px 0px;
    padding: 0px;
}
p.holidayText
{
    margin: 8px 10px 2px 10px;
    padding: 0px;
}


a.blueArrowHoliday
{
    margin: 12px 12px 0px 10px;
    padding: 0px 26px 0px 0px;    
    font-size: 14px;
    text-align: right;
    display: block;
    background: url(../images/layout/blue-arrow.png) right center no-repeat;
}
a.blueArrowHoliday:hover 
{ 
    background: url(../images/layout/green-arrow.png) right center no-repeat; 
}

a.blueArrowSafari
{
    margin: 14px 0px 0px 220px;
    padding: 0px 26px 0px 0px;    
    font-size: 14px;
    text-align: right;
    display: block;
    background: url(../images/layout/blue-arrow.png) right center no-repeat;
}
a.blueArrowSafari:hover 
{ 
    background: url(../images/layout/green-arrow.png) right center no-repeat; 
}

/* safari types box on home page */

h3.safariTypesHeader
{
    margin: 0px 0px 0px 0px; 
	padding: 10px 16px 10px 16px;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	color: #685340;
	border-top: 1px solid #d1bc8f; 
	border-right: 1px solid #d1bc8f; 
	border-left: 1px solid #d1bc8f; 
	background: url(../images/layout/h3-background.jpg) top left no-repeat; 
}

#safariTabContainer
{
    position: relative;
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
    width: 637px;
    border-bottom: 1px solid #d1bc8f; 
    border-top: 1px solid #d1bc8f; 
	border-right: 1px solid #d1bc8f; 
	border-left: 1px solid #d1bc8f;    
    background: url(../images/home-page/safari-types/safari-types-box.jpg) top left repeat-y;
    overflow: hidden;    
}

#safariTabNav
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2000;
    width: 182px;
    min-height: 300px;    
}
	
#safariTabNav li 
{
    list-style: none;
    margin-right: 0px;
    border-bottom: 1px solid #d1bc8f; 
    background: url(../images/home-page/safari-types/safari-tab-bg.jpg) center left repeat-y; 
}
	
#safariTabNav li a 
{
    display: block;
    padding: 8px 16px 6px 12px;
    color: #74a219;
    line-height: 19px;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}
	
#safariTabNav li.active:hover, #safariTabNav li.active a:hover 
{
    background: url(../images/home-page/safari-types/safari-tab-active-bg.jpg) center left repeat-y;
    color: #74a219; 
}

#safariTabNav li.active, #safariTabNav li.active a 
{
    background: url(../images/home-page/safari-types/safari-tab-active-bg.jpg) center left repeat-y; 
}

#safariTabNav li:hover, #safariTabNav li a:hover 
{ 
    background: url(../images/home-page/safari-types/safari-tab-hover-bg.jpg) center left repeat-y; 
    color: #ffffff; 
} 

.safariTabBorder
{
    margin: 0px 0px 0px 182px;
    padding: 0px 0px 0px 0px;
    position: relative;
    width: 455px;
    z-index: 100;
    display: block;
    background: url(../images/home-page/safari-types/texture-bg.jpg) bottom right no-repeat;  
}

.safariTabActive, .safariTab
{
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 20px 20px;
    position: relative;
    width: 415px;
    min-height: 320px;
}	
.safariTabActive img, .safariTab img
{
    margin: 0px 0px 14px 0px;
    padding: 0px 0px 0px 0px;
}

.safariTab 
{
    display: none;
}

/*Quiz CSS*/
.quiz
{
	margin-top:-25px;
}


.quizquestion
{
	color: #447d97;
	font-family:Georgia;
	font-size: 16px;
	font-weight:bold;
	padding-top: 25px;
	padding-bottom: 10px;
	margin: 0 auto;
	display:block;
	clear:both;
}

.quizimages
{
    float: left;
    margin: 0px 3px 0px 0px;
    padding: 2px 2px 0px 2px;
    height: 150px;
    width: 146px; 
    border: 1px solid #e9dab6;   
   background: url(../images/home-page/holiday-types/quiz-box.jpg) top left no-repeat;
    display:inline;
    
}

.answerimage
{
	position:relative;
	top:-18px;
}
.quiztext 
{
   color:#ffffff;
   position: relative;
   top: -15px;
   left: 0;
   float:right;
   width: 100px;
   display: block;
   text-align: right; 
   padding-bottom:5px;
   padding-right:2px;
}

.quizimagecontainer
{
	clear: all;
}

.questions
{
	margin-bottom:20px;
	display: block;
	clear:both;
}



.quiz_checkbox
{
   
   position:relative;
   top:110px;
   left:2px
   
}

.optioncontainer
{
	display:inline;
}

.quiz_radio
{
	display:inline;
	padding-right:20px;	
}


.quiz_checkbox2
{
   display:inline;
}

.qbox
{
	display:block;
	padding-bottom:10px;
	margin-left: -5px;
}

.q2text
{
	position: relative;
   top: 0px;
   left: 0;
   padding-left:3px; 
}

.question2
{
	padding-left:25px;
	display:block;
	width:82px;
	float:left;
	padding-bottom:15px;
}

.submitquiz
{
	background-image:url(/images/layout/submit-enquiry-btn.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	font-family:Arial;
	font-weight:100;
	font-style:normal;
	font-size:14px;
	width:147px;
	height:32px;
	border:none;
	margin-top:20px;
	margin-bottom:30px;
	float:left;
 	
}

.submitquiz:hover
{	
	background-image:url(/images/layout/submit-enquiry-btn-hover.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	font-family:Arial;
	font-weight:100;
	font-style:normal;
	font-size:14px;
	width:147px;
	height:32px;
	border:none;
	margin-top:20px;
	margin-bottom:30px;
	float:left;
	cursor:pointer;	
}

/*quiz answer page */
h2.quizIdeal
{
	display:inline;
	font-family:Georgia;
	font-size:16px;
	color:#74a219;
	float:left;
	width:468px;
}
.country
{	
	float:right;
	color: #74a219;
	font-family:Georgia;
	font-size: 16px;
	font-weight:bold;
	display:inline;
	
	
}
/*.answers
{
	display: block;
	clear: both;
	
}
.answerbox
{
	display: block;
	clear: both;
	background: url(../images/layout/quiz/answer_bg.jpg) top left no-repeat;
	padding-bottom:0px;
	height:100%;
	
}*/
.quizanswer
{
	color: #74a219;
	font-family:Georgia;
	font-size: 16px;
	font-weight:bold;
	padding-left:20px;
	padding-top: 15px;
	padding-bottom: 10px;
	margin: 0 auto;
	display:block;
	clear:both;
}
.sharequizresults
{
	float:left;
	margin: 0 auto;
	padding-top:40px;
	padding-bottom:10px;
}

.share
{
	color: #b83400;
	font-family:Georgia;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	padding-bottom: 10px;
	margin: 0 auto;
	display:inline;
	margin-bottom:50px;
	position:relative;
	top:-25px;
}
.sharetext
{
	color: #74a219;
	font-family:Georgia;
	font-size: 13px;
	font-weight:bold;
	text-align:left;
	padding-bottom: 10px;
	display:inline;
	margin-bottom:50px;
	position:relative;
	top:-40px;
}

.sharetext2
{
	color: #74a219;
	font-family:Georgia;
	font-size: 13px;
	font-weight:bold;
	text-align:left;
	padding-bottom: 10px;
	display:block;
	margin: 0 auto;
	position:relative;
	top:-25px;
}

.sharequiz
{
	color: #b83400;
	width:400px;
	font-family:Georgia;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	padding-bottom: 50px;
	display:inline;
	margin-bottom:50px;
	position:relative;
	top:-40px;	
}
.sharequiz li
{
	color: #b83400;
	font-family:Georgia;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	display:inline;
	margin-bottom:10px;
	position:relative;
	padding-right:0px;
	margin-right:-20px;
		
}
.fbquiz{
position:relative;
top:10px;
}


.quizanswertext
{
	width:469px;
	display:inline-block;
}

.badge
{
	display:inline;
}
.quizanswertext2
{
	color:#81674f;
    margin: 0px;
	font-weight:bold;
    text-align: justify;
    display:inline-block;
    width:200px;
    position: relative;
	top:-55px;
	padding-right:2px;
}

.quizbadge
{
	display:inline;
	padding-left:110px;
	width:100px;
	margin-bottom:0px;
	position: relative;
	top:-20px;
}


.secondchoicebox
{
	position:relative;
	top:-20px;
}
.secondchoice
{
	color: #74a219;
	font-family:Georgia;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	display:inline;
	
}
.secondchoiceCountry
{
	display:inline;
	float:right;
	padding-right:1px;

}


.answergallery
{
	position:relative;
	top:-20px;
}
.quizerror
{
	color:#b83400;
	font-family:Arial;
	font-size:small;
	display:block;
	font-weight:lighter;
	padding-top:4px;
}
.more
{
	color: #b83400;
	font-family:Georgia;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	float:left;
	margin: 0 auto;
	display:block;
	width:469px;
	clear:both;
}

/*Popup*/
.popupControl
{
	background-color:#555555;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
	overflow:hidden;
}

.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=98);
	opacity:0.98;
}


.modalPopup
{
	display:block;
	width:469px;
	overflow:hidden;
	background-color:#ffffff;
	
}

.answercontainer
{
	clear:both;
	height:85%;
	overflow-x:hidden;
	overflow-y:scroll;
}
.answerboxFooter
{ 
    clear: both;
    width:466px;
}
.redoquiz
{
	color:#b83400;
	text-align:left;
	margin-top: 10px;
	font-family:Georgia;
	font-size: 11px;
	font-weight:600;
}
.quizcomment
{
	padding-top:15px;
	text-align:left;
}
/*Google +1 and FB like for itineraries & accommodation */
.gplusonemain
{
	position:relative;
	top:-3px;
	margin-bottom:20px;
	display:inline;
}

.gplusone
{
	
	float:left;
	display:inline;
	position:relative;
	left:25px;
	padding-left:1px;
	padding-right:1px;
}

.fblike
{
	position:relative;
	top:1px;
	width:400px;
	float:left;
	padding-right:1px;
	margin: 0 auto;
	
}
.socialmedia
{
	position:relative;
	top: -10px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	height:25px;
	width:463px;
	display:block;
	float:right;
	/*border-style:dotted;
	border-color:#447d97;
	border-width:1px;*/
	padding:2px;
	overflow:visible;
}

.wrapsocial
{
	text-align:justify;
}
/* styles for contact a specialist at the end of accommodation pages*/
.specialistContact
{
	display:block;
	clear:both;
}
/*All blog styles are below*/
.oldtonewpost
{
	float:right;
}
.blogheading
{
	color:#718823;
	font-family:Arial;
	font-weight:lighter;
	font-size:16px;
	text-transform:uppercase;
	display:block;
}
.blogsubheading
{
	color:#447d97;
	font-family:Arial;
	font-weight:100;
	font-size:14px;
	text-transform:uppercase;
	display:block;
	margin-bottom:4px;
}

h2.main_blogheading
{
	margin-bottom:15px;
	color:#447d97;
	font-family:Arial;
	font-weight:lighter;
	font-size:18px;
	text-transform:uppercase;
	display:block;
}

.blogheading a
{
	color:#718823;
	font-family:Arial;
	font-weight:lighter;
	font-size:16px;
	text-decoration:none;
	display:block;
}
.blog_subheading
{
	color:#447d97;
	font-size:14px;
	font-weight:lighter;
}
.posted_on
{
	color:#81674f;
	font-family:Georgia;
	font-weight:lighter;
	font-size:14px;
}
.posted_in
{
	color:#81674f;
	font-family:Georgia;
	font-weight:lighter;
	font-size:14px;
	display:inline;
	padding-right:7px;
}

.previouspost
{
	color:#81674f;
	font-family:Georgia;
	font-weight:lighter;
	font-size:14px;
	float:left;
	padding-top:5px;
}
.nextpost
{
	color:#81674f;
	font-family:Georgia;
	font-weight:lighter;
	font-size:14px;
	float:right;
	padding-top:5px;
}

.blog_content
{
	float:left;
	width:639px;
	color:#81674f;
	font-family:Arial;
	font-weight:lighter;
	font-size:13px;
	padding-top:10px;
}
.blog_content p 
{
	float:left;
	width:639px;
	color:#81674f;
	font-family:Arial;
	font-weight:lighter;
	font-size:13px;
	padding-bottom:10px;
	
}
.blog_content img 
{
	float:left;
	padding:5px;
	border:1px #F2ECE0 solid;
	border-style:solid;
	margin:10px 3px 0px 0px;
	
	
}
.oldtonewnav
{
	margin-bottom:7px;
}
.onepost
{
	margin-bottom:15px;
	border-bottom:1px dotted #74a219;
	padding-bottom:10px;
}
.twitter
{
	color: #81674f;
	font-family:Arial;
	font-Size: 12px;
	text-align: left;
	background-image:url(/images/layout/blog/tweet_bg.jpg);
	background-repeat:no-repeat;
	width:540px;
	height:80px;
	float:left;
	display:inline;
}
.twitter li
{
	color: #81674f;
	font-family: Arial;
	font-Size: 12px;
	text-align: left;
	margin:0 auto;
	width:480px;
	padding-left:13px;
	padding-right:10px;
	padding-top:10px;
}
.twitter li a
{
	color: #74a219;
	font-family: Arial;
	font-Size: 12px;
	text-align: left;
	margin:0 auto;
}
.blog_sidebar
{
	color:#74a219;
	background-image:url(../images/layout/blog/blogsearch_bg2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:269px;
	height:74px;
	float:left;
	margin-bottom:15px;
	margin-top:-20px;
}
.bloggingsidebar
{
	margin-top:0 auto;
}
.blog_sidebar,.screen-reader-text,.screen-reader-text span
{
	padding-top:10px;
	padding-left:10px;
	padding-bottom:5px;
	font-size:16px;
	display:block;
}
.blog_sidebar,#s
{
	margin-left:10px;
}


#searchsubmit
{
	font-size:16px;
	padding-left:4px;
	border:none;
	background:none;
	color:#74a219;
	cursor:pointer;
}
#searchsubmit:hover
{
	font-size:16px;
	padding-left:4px;
	border:none;
	background:none;
	color:#447d97;
	cursor:pointer;
}
	
.blog_sidebar2
{
	width:269px;
	list-style:none;
}

.blog_sidebar2 li
{
	width:270px;
	color:#447d97;
	font-family:Georgia;
	font-size:15px;
	line-height:25px;
	list-style-image:url(/images/layout/blog/envelope.jpg);
	list-style-position:outside;
	margin-left:35px;
}
.blog_sidebar2 li:hover
{
	width:270px;
	color:#74a219;
	font-family:Georgia;
	font-size:15px;
	line-height:25px;
	list-style-image:url(/images/layout/blog/envelope2.jpg);
	list-style-position:outside;
	margin-left:35px;
}
.blog_sidebar2 .children
{
	color:#447d97;
	font-family:Georgia;
	font-size:14px;
	line-height:21px;
	list-style:none;
	margin-bottom:12px;
	margin-left:-2px;
	list-style-position:inside;
}
	
.blog_sidebar2 .children li
{
	padding-left:10px;
	color:#447d97;
	font-family:Georgia;
	font-size:14px;
	line-height:21px;
	list-style:none;
	list-style-position:inside;
	margin:0 auto;
}
.blog_sidebar2 .children li:hover
{
	padding-left:10px;
	color:#447d97;
	font-family:Georgia;
	font-size:14px;
	line-height:21px;
	list-style:none;
	list-style-position:inside;
	margin:0 auto;
}

h3.blogsidebarheading
{
	font-family:Arial;
	font-size:17px;
	color:#74a219;
	font-weight:lighter;
	padding-bottom:2px;
	border-bottom:2px dotted;
	border-bottom-color:#447d97;
	margin-bottom:10px;
	margin-top:10px;	
	margin-left:10px;
}
		
.blogrightimage
{
	margin-top:0px;
	padding-left:35px;
	float:left;
}
.leftalignblog
{
	width:345px;
	float:left;
	text-align:left;
}
.leftalignblogcentre
{
	margin-top:50px;
	width:345px;
	float:left;
	text-align:left;
}
/*Styles for leaving a comment on single posts*/
h3#reply-title
{
	color:#74a219;
	margin-top:20px;
}

p.comment-notes
{
	padding-bottom:5px;
}

p.form-submit
{
	margin-top:5px;
}

p.form-allowed-tags
{
	margin-top:5px;
}

p.comment-form-comment
{
	margin-top:10px;
}

p.comment-form-author
{
	margin-bottom:5px;
}

p.comment-form-email
{
	margin-bottom:5px;
}
p.comment-form-url
{
	margin-bottom:5px;
}
p.logged-in-as
{
	padding-bottom:10px;
}
.blog_comments
{
	margin-top:20px;
	border-top:1px dotted #74a219;
}
h3#comments-title
{
	color:#74a219;
	font-size:14px;
	font-weight:lighter;
	margin-bottom:5px;
}

.blogcommentsleft
{
	margin-bottom:15px;
	
}

.blog_input
{
	float:right;
	background:#F5F0E3;
	padding:2px;
	border:1px dotted #447d97;
	color:#447d97;
	cursor:pointer;
}

.blog_input:hover
{
	color:#74a219;
	border:1px dotted #74a219;
}
/*comment styles*/
.mahlatini_blog_comments
{
	margin-bottom:15px;
}
.awaitingapproval
{
	margin-top:40px;
	display:block;
	color:#b83400;
}
.mahlatiniblogcomment
{
	display:block;
	margin-bottom:5px;
}

/*Social media buttons for blog*/
.socialmedia_blog
{
	margin-top:-35px;
	margin-bottom:0px;
	height:22px;
	width:130px;
	display:inline;
	float:right;
	padding:2px;
	overflow:hidden;
	margin-left:250px;
}
.gplusone_blog
{
	
	float:right;
	display:inline;
	padding-left:1px;
	padding-right:1px;
}
.fblike_blog
{
	width:50px;
	height:22px;
	float:right;
	padding-right:1px;
	margin: 0 auto;
	padding-left:5px;
}
/*rss buttons for blog*/
#RSS_blog 
{
    position: absolute;
    width: 100px;
    margin: 28px 0 0 840px;
    text-align: right;
    font-size: 11px;
}

#RSS_blog img
 {
    float: left;
    width: 20px;
    margin-top: 2px;
}



/*
    :: COLOUR PALLET ::

    81674f - LIGHT BLACK - general text etc
    685340 - DARKER BLACK - headings etc
    581900 - DARK BROWN - headings etc
    d1bc8f - DARK BROWN - itinerary border lines
    b83400 - DARK RED - staff name, highlights etc  
    e9dab6 - SANDY BROWN - border lines etc
    447d97 - BLUE - headings, links etc
    305d71 - DARK BLUE - tab active border
    74a219 - GREEN - headings, hovers etc
    718823 - DARK GREEN - tab borders
*/

/*customer feedback*/
h2.formfeedbackheader 
{
	font-family:Arial;
	font-weight:lighter;
	padding-top:20px;
	padding-left:8px;
	font-weight:normal;
	font-size:20px;
	color:#447d97;
	height:60px;
	background-image:url(/images/layout/feedback/formheader_bg.jpg);
	background-repeat:no-repeat;
	text-transform:capitalize;
}
.feedbackquestionbox
{
	margin-bottom:70px;
}

.feedbackquestion
{
	color:#74a219;
	font-size:18px;
	font-weight:lighter;
	margin-top:25px;
	margin-bottom:10px;
}
.formfields
{
	color:#777777;
	font-size:12px;
	font-weight:lighter;
	padding-left:10px;
}
.rating
{
	font-size:14px;
	color:#447d97;
	padding-bottom:5px;
	display:inline;
}
.morefeedback
{
	font-size:14px;
	color:#447d97;
}
.morefeedbacktext
{
	padding: 5px;
	margin: 0px 0px 0px 0px;
	width:928px;
	resize:none;
	overflow:hidden;
}
.customsignature
{
	font-size:14px;
	color:#447d97;
	margin-left:12px;
	position:relative;
	top:28px;
}
.customsignaturetext
{
	position:relative;
	top:9px;
}
.feedbackbox
{
	display:block;
	margin-bottom:60px;
	width:940px;
	padding-top:10px;
	clear:both;
}
.ratingtext
{
	font-size:14px;
	color:#447d97;
	padding-bottom:5px;
	margin-bottom:5px;
}
.customisedSignature
{
	padding: 5px;
	margin: 0px 0px 0px 7px;
	width:280px;
	resize:none;
	overflow:visible;
	display:block;
}
.namedropdown
{
	display:inline;
	position:relative;
	left:547px;
	top:-17px;
}

.overallrating
{
	display:block;
	float:left;
	margin-bottom:20px;
}
.formfeedback
{
	font-size:14px;
	margin-top:-10px;
	width:930px;
	display:inline;
	text-align:justify;
	float:left;
	
}
.showhidereviewquestions
{
	text-decoration:none;
	padding-bottom:10px;
	color:#74a219;
	display:block;
	font-size:16px;
}
.showhidereviewquestions:hover
{
	text-decoration:none;
	padding-bottom:10px;
	color:#447d97;
	font-size:16px;
}
.submitFeedback
{
	background-image:url(/images/layout/submit-enquiry-btn.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	font-family:Arial;
	font-weight:100;
	font-style:normal;
	font-size:14px;
	width:147px;
	height:32px;
	border:none;
	margin-top:20px;
	margin-bottom:30px;
	float:right;
 	
}

.submitFeedback:hover
{	
	background-image:url(/images/layout/submit-enquiry-btn-hover.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	font-family:Arial;
	font-weight:100;
	font-style:normal;
	font-size:14px;
	width:147px;
	height:32px;
	border:none;
	margin-top:20px;
	margin-bottom:30px;
	float:right;
	cursor:pointer;	
}

/*Css for displaying results on feedback page*/
.feedbackheader 
{
	font-family:Arial;
	padding-top:15px;
	padding-left:8px;
	font-weight:normal;
	font-size:20px;
	color:#81674f;
	height:60px;
	background-image:url(/images/layout/feedback/header_bg.jpg);
	background-repeat:no-repeat;
}


#column2 #leftColumn .contentBoxLarge .individualfeedbackheader
{
	font-family:Georgia;
	color:#447d97;
	font-size:15px;
	font-weight:400;
	text-transform:capitalize;
	margin-top:-15px;
	background:none;
}

.feebacksubheading
{
	color: #447d97;
	font-size:17px;
	font-family:Georgia;
	font-weight:normal;
	padding-left:15px;
	display:block;
}
#column2 #leftColumn .contentBoxLarge .feedbacksubheader
{
	font-family:Arial;
	color:#447d97;
	font-weight:500;
	font-size:12px;
	margin-top:15px;
	font-style:normal;
}

.feedback
{
	font-size:13px;
	margin-top:7px;
}

.feedbackname
{
	font-family:Arial;
	font-size:14px;
	text-align:right;
}
.signature
{
	font-family:Segoe;
	font-size:16px;
	text-align:right;
}

.reviewsignature
{
	font-family:Segoe;
	font-size:14px;
	padding-left:4px;
}

.dynamicfeedback
{
	padding-left:0px;
}
.starrating
{
	position:relative;
	top:4px;
}
.feedbackddl
{
	margin-left:15px;
}

/*styling for left sidebar feedback control*/
.reviewleftContainer
{
    position: relative;
    margin: 23px 0px 25px 0px;
    padding: 0px 0px 1px 0px;
    background: url("../images/ads/review-border.jpg") bottom left no-repeat;
    background-position:bottom;
}
.reviewrightWideContainer
{
    position: relative;
    margin: 23px 0px 15px 0px;
    padding: 0px 0px 1px 0px;
    background: url("../images/layout/feedback/review-border-wide.jpg") bottom left no-repeat;
    background-position:bottom;
}
.comment-box-new
{
	background-image:url(/images/layout/feedback/comments_box_bg.jpg);
	background-repeat:no-repeat;	
	padding: 0px 10px 0px 10px;
	
}

.comment-box-new-wide
{
	background-image:url(/images/layout/feedback/comments_box_wide_bg.jpg);
	background-repeat:no-repeat;	
	padding: 0px 10px 0px 10px;
	
}
h2.comment-box-header
{
	font-size:17px;
	color:#ffffff;
	font-family:Georgia;
	padding-top:25px;
	padding-left:5px;
	font-weight:lighter;
	padding-bottom:15px;
}
h2.comment-box-header-wide
{
	font-size:18px;
	color:#ffffff;
	font-family:Georgia;
	padding-top:30px;
	padding-left:10px;
	font-weight:lighter;
	padding-bottom:15px;
}

h3.comment-box-subheader
{
	color:#74a219;
	font-size:14px;
	font-family:Georgia;
	padding: 0px 5px 5px 5px;
	font-weight:lighter;
	border-bottom:1px dotted #d1bc8f;
	text-transform:none;
}
h3.comment-box-subheader-wide
{
	color:#74a219;
	font-size:14px;
	font-family:Georgia;
	padding: 0px 5px 5px 10px;
	font-weight:lighter;
	background: url("../images/layout/feedback/dotted-underline.png") bottom left no-repeat;
	text-transform:none;
}

p.comment-box-text
{
	padding-top:5px;
	font-family:Arial;
	font-size:12px;
	padding: 0px 5px 0px 5px;
}
p.comment-box-text-wide
{
	margin-top:8px;
	font-family:Arial;
	font-size:12px;
	padding: 0px 5px 0px 5px;
}
.commentBoxLink
{
	clear: both;
    margin-top: 5px;
    padding-bottom: 10px;
}
.commentBoxLinkWide
{
	clear: both;
    margin-right:-8px;
    margin-top: 5px;
}

.comment-box-rating
{
	font-style:italic;
	padding: 0px 5px 5px 5px;
}
.comment-box-rating-wide
{
	font-style:italic;
	padding: 0px 5px 5px 10px;
}

.feedbacksignature
{
	font-family:Georgia;
	font-size:12px;
	color:#81674f;
	width:160px;
	text-align:left;
	margin-top:8px;
	padding-left:5px;
	margin-bottom:4px;
}
.feedbacktype
{
	font-family:Georgia;
	font-size:12px;
	width:160px;
	text-align:left;
	margin-top:5px;
	padding-left:5px;
	padding-bottom:7px;
	display:inline;
	float:left;
	color:#447d97;
}
.comment-box-footer
{
	border-bottom:1px solid #d1bc8f;
	width:206px;
	position:relative;
	left:3px;
}

.feedbacksubheader2
{
	font-family:Georgia;
	color:#447d97;
	font-weight:lighter;
	font-size:14px;
	margin-top:5px;
	margin-bottom:15px;
}

.feedbackerror
{
	color:#b83400;
	font-family:Arial;
	font-size:small;
	display:inline;
	font-weight:lighter;
	padding-top:4px;
}
.textvalidation
{
	color:#b83400;
}
.dynamicfield
{
	font-weight:bolder;
}

.customsignaturebox
{
	display:inline;
	float:right;
	width:240px;
	clear:both;
	padding-left:38px;
	margin-top:-20px;
}
.feedback_radio
{
	display:inline;
	padding-left:20px;	
}

.feedback-prize
{
	display:inline;
	float:left;
	margin-top:-28px;
	padding-left:40px;
}
/*List styles for lists appearing within the quote box- brown paper background*/
.styledListquote 
{
	margin: -10px 20px 20px 20px;
	list-style-type:none;
	font-style:italic;
}
.styledListquote li 
{
    margin: 2px 0px;
    padding: 0px 0px 0px 14px;
	line-height: 18px;
	background: url(../images/layout/bullets/bullet_brown.png) no-repeat;
	list-style-type:none;
}
.styledListquote li.head 
{
    margin: 3px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;
    font-weight: bold;
	list-style-type:none;
	background: none;
	font-style:italic;
}
.styledListquote li.none 
{
    margin: 2px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;
    font-weight: normal;
	list-style-type:none;
	background: none;
}
.styledListquote li.topSpace 
{
    margin: 16px 0px 2px 0px;
    padding: 0px 0px 0px 14px;
	line-height: 18px;
    font-weight: normal;
	list-style-type:none;
	background: url(../images/layout/bullets/bullet_brown.png) no-repeat;
}
#column2 #leftColumn .contentBoxLarge .customerfeedbackH1 
{
	color:#685340;
	font-size:17px;
	font-family:Arial;
	font-weight:500;
}

.blueArrowreview 
{
    padding: 3px 22px 3px 0;
    background: url(../images/layout/blue-arrow.png) right center no-repeat;
    font-size: 115%;
    text-align: right;
    display: inline;
    float:right;
    margin-right:15px;
    margin-top:-5px;
}
.blueArrowreview :hover 
{ 
    background: url(../images/layout/green-arrow.png) right center no-repeat; 
}
.feedbacknameoverview
{
	font-family:Arial;
	font-size:14px;
	text-align:right;
	display:inline;
	margin-top:10px;
}
.signaturereviewbox
{
	display:block;
	margin-bottom:40px;
	margin-top:-10px;
	padding-bottom:10px;
	background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;

}

#countryDropdown .head2 a
{
	font-size:15px;
	color:#84796A;
	font-weight:700;
	padding-bottom:2px;
	text-indent:0px;
	padding-top:0px;
}
#countryDropdown .head2 a:hover
{
	font-size:15px;
	color:#84796A;
	font-weight:700;
	padding-bottom:2px;
	padding-left:10px;
	background:none;
}

/*New Enquiry form styles November 2011*/

h2.enquiryformheader
{
	font-family:Arial;
	font-weight:lighter;
	padding-top:15px;
	padding-left:8px;
	margin-top:-10px;
	font-weight:normal;
	font-size:20px;
	color:#447d97;
	height:35px;
	background-image:url(/images/layout/enquiryform-header.jpg);
	background-repeat:no-repeat;
	text-transform:uppercase;
}
.asterix
{
	color:#b83400;
	position:relative;
	top:-4px;
}
.enquirytext
{
	padding: 3px 0px 0px 0px;
	font-size:14px;
}
.enquirysubheader
{
	font-family:Georgia;
	font-size:17px;
	color:#74a219;
	font-weight:normal;
	text-transform:none;
	display:block;
	margin-top:20px;
}
.enquirysubheader2
{
	font-family:Georgia;
	font-size:16px;
	color:#74a219;
	font-weight:normal;
	text-transform:none;
	display:inline;
	margin-top:20px;
}
.enquirysubheader a
{
	font-family:Georgia;
	font-size:16px;
	color:#74a219;
	font-weight:normal;
	text-transform:none;
	margin-top:15px;
}
.enquirysubheader a:hover
{
	font-family:Georgia;
	font-size:16px;
	color:#b83400;
	font-weight:normal;
	text-transform:none;
	margin-top:15px;
}
.enquirysection
{
	padding: 3px 35px 8px 0px;
	display:block;
}
.enquirysectionContact
{
	padding: 3px 15px 8px 0px;
	display:block;
}
.enquirysubsection
{
	width:330px;
	display:inline;
	float:left;
}
.enquirysubsection2
{
	width:368px;
	display:inline;
	padding-left:2px;
	float:left;
}
.enquirymore
{
	margin-top:5px;
	margin-bottom:25px;
}
#contactForm fieldset 
{
    display:inline-table;
    border: none;
    margin: 12px 0px 0px 0px;
    padding: 0px 0px 2px 0px;
    }
.fields 
{
    display:inline-table;
    border: none;
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 2px 0px;
    font-size:14px;
}
.fields_1 
{
    display:inline-table;
    border: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 2px 0px;
    font-size:14px;
}

.box
{
	position:relative;
	top:-30px;
	left:285px;
}
.submitEnquiry
{
	background-image:url(/images/layout/submit-enquiry-btn.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	font-family:Arial;
	font-weight:100;
	font-style:normal;
	font-size:14px;
	width:147px;
	height:32px;
	border:none;
	margin-top:20px;
	margin-bottom:30px;
	float:right;
}

.submitEnquiry:hover
{
	background-image:url(/images/layout/submit-enquiry-btn-hover.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	font-family:Arial;
	font-weight:100;
	font-style:normal;
	font-size:14px;
	width:147px;
	height:32px;
	border:none;
	margin-top:20px;
	margin-bottom:30px;
	float:right;
	cursor:pointer;
}

.styledPhoneList 
{
	margin: 25px 20px 20px 0px;
	list-style-type:none;
	color:#447d97;
	font-size:15px;
}
.styledPhoneList li 
{
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;
	list-style-type:none;
	list-style-position:inside;
}
.styledPhoneList li img
{
    margin-right: 10px;
}
.styledPhoneList li.head 
{
    margin: 16px 0px 2px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;
    font-weight: bold;
	list-style-type:none;
	background: none;
}

.bluehighlight
{
	color: #447d97;
}
.enquiryCB1
{
	position:relative;
	top:4px;
	margin-right:75px;
}
.enquiryCB2
{
	position:relative;
	top:4px;
	margin-right:73px;
}
.enquiryCB2last
{
	position:relative;
	top:4px;
}
.destinationCBL
{
	display:inline;
}

.styledListTick 
{
	margin: 10px 0px 20px 0px;
	list-style-type:none;
	font-size:15px;
}
.styledListTick li 
{
    margin: 0px 0px 15px 2px;
    padding: 0px 0px 0px 20px;
	line-height: 18px;
	background: url(../images/layout/enquiry-tick-01.jpg) no-repeat;
	background-position:0% 25%;
	list-style-type:none;
}
.styledListTick li.head 
{
    margin: 0px 0px 10px 2px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;
    font-weight: normal;
	list-style-type:none;
	background: none;
}
.enquirybox
{
	height:50px;
}
.radioTable {
	margin: 0 0 8px 16px;
	width:20px;
	}
.flightsradio
{
	float:left;
	text-align:right;
}
table.flightsradio td input 
{  
     padding: 0px;
     margin: 0px;
     float:left;
 }
table.flightsradio td label 
{  
     padding: 0px 0px 0px 2px;
     margin: 0px;
     float:right;
 }

.enquiryvalidation1
{
	font-size:14px;
	background: url(../images/layout/enquiry-validation-01.png) no-repeat;
	color:#ffffff;
	padding:5px 5px 5px 20px;
	width:100px;
	height:35px;
	position:absolute;
	left:385px;
	top:100px;
	z-index:999;
	

}
.enquiryvalidation1MainContact
{
	font-size:14px;
	background: url(../images/layout/enquiry-validation-01.png) no-repeat;
	color:#ffffff;
	padding:5px 5px 5px 20px;
	width:100px;
	height:35px;
	position:absolute;
	left:385px;
	top:45px;
	z-index:999;
	

}
.enquiryvalidation2
{
	font-size:14px;
	background: url(../images/layout/enquiry-validation-01.png) no-repeat;
	color:#ffffff;
	padding:5px 5px 5px 20px;
	width:100px;
	height:35px;
	position:absolute;
	left:595px;
	top:100px;
	z-index:999;

}
.enquiryvalidation2MainContact
{
	font-size:14px;
	background: url(../images/layout/enquiry-validation-01.png) no-repeat;
	color:#ffffff;
	padding:5px 5px 5px 20px;
	width:100px;
	height:35px;
	position:absolute;
	left:595px;
	top:45px;
	z-index:999;

}
.enquiryvalidation3
{
	font-size:14px;
	background: url(../images/layout/enquiry-validation-02.png) no-repeat;
	color:#ffffff;
	padding:10px 5px 5px 20px;
	width:100px;
	height:35px;
	position:absolute;
	left:270px;
	top:180px;
	z-index:999;

}
.enquiryvalidation4
{
	font-size:14px;
	background: url(../images/layout/enquiry-validation-03.png) no-repeat;
	color:#ffffff;
	padding:10px 5px 5px 20px;
	width:130px;
	height:35px;
	position:absolute;
	left:270px;
	top:180px;
	z-index:999;

}
.enquiryvalidation3MainContact
{
	font-size:14px;
	background: url(../images/layout/enquiry-validation-02.png) no-repeat;
	color:#ffffff;
	padding:10px 5px 5px 20px;
	width:100px;
	height:35px;
	position:absolute;
	left:270px;
	top:122px;
	z-index:999;

}
.enquiryvalidation4MainContact
{
	font-size:14px;
	background: url(../images/layout/enquiry-validation-03.png) no-repeat;
	color:#ffffff;
	padding:10px 5px 5px 20px;
	width:130px;
	height:35px;
	position:absolute;
	left:270px;
	top:122px;
	z-index:999;

}
.enquiryvalidation5
{
	font-size:14px;
	background: url(../images/layout/enquiry-validation-02.png) no-repeat;
	color:#ffffff;
	padding:10px 5px 5px 20px;
	width:100px;
	height:35px;
	float:left;
	position:absolute;
	left:230px;
	top:25px;
	z-index:999;
}
.enquiryvalidation6
{
	font-size:14px;
	background: url(../images/layout/enquiry-validation-04.png) no-repeat;
	color:#ffffff;
	padding:10px 5px 5px 10px;
	width:100px;
	height:35px;
	position:absolute;
	left:20px;
	top:25px;
	z-index:999;
	display:block;
}
.enquiryvalidation7
{
	font-size:14px;
	background: url(../images/layout/enquiry-validation-02.png) no-repeat;
	color:#ffffff;
	padding:10px 5px 5px 20px;
	width:100px;
	height:35px;
	position:absolute;
	left:280px;
	top:48px;
	z-index:999;

}
.enquiryvalidation8
{
	font-size:14px;
	background:url(../images/layout/enquiry-validation-01.png) no-repeat;
	color:#ffffff;
	padding:5px 5px 5px 20px;
	width:100px;
	height:35px;
	position:absolute;
	left:300px;
	top:-10px;
	z-index:999;
	display:block;
}
.enquiryvalidation9
{
	font-size:14px;
	background:url(../images/layout/enquiry-validation-01.png) no-repeat;
	color:#ffffff;
	padding:5px 5px 5px 20px;
	width:100px;
	height:35px;
	position:absolute;
	left:300px;
	top:-10px;
	z-index:999;
	display:block;
}
.enquiryvalidation10
{
	font-size:14px;
	background:url(../images/layout/enquiry-validation-02.png) no-repeat;
	color:#ffffff;
	padding:10px 5px 5px 20px;
	width:100px;
	height:35px;
	position:absolute;
	left:370px;
	top:20px;
	z-index:999;
	display:block;
}
.enquiryvalidation11
{
	font-size:14px;
	background:url(../images/layout/enquiry-validation-03.png) no-repeat;
	color:#ffffff;
	padding:10px 5px 5px 20px;
	width:100px;
	height:35px;
	position:absolute;
	left:370px;
	top:20px;
	z-index:999;
	display:block;
}

.enquiryvalidation12
{
	font-size:14px;
	background:url(../images/layout/enquiry-validation-02.png) no-repeat;
	color:#ffffff;
	padding:10px 5px 5px 20px;
	width:100px;
	height:35px;
	position:absolute;
	left:370px;
	top:25px;
	z-index:999;
	display:block;
}
.enquiryvalidation13
{
	font-size:14px;
	background:url(../images/layout/enquiry-validation-03.png) no-repeat;
	color:#ffffff;
	padding:10px 5px 5px 20px;
	width:100px;
	height:35px;
	position:absolute;
	left:370px;
	top:25px;
	z-index:999;
	display:block;
}
.enquiryvalidation14
{
	font-size:14px;
	background:url(../images/layout/enquiry-validation-02.png) no-repeat;
	color:#ffffff;
	padding:10px 5px 5px 20px;
	width:100px;
	height:35px;
	position:absolute;
	left:285px;
	top:60px;
	z-index:999;
	display:block;
}

.enquiryquestion
{
	display:block;
	font-size:14px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 2px 0px;
}
#contactForm .enquirysection .fields .enquirylabel
{
	float: left;
    width:50px;
    font-size:14px;
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 2px 2px 2px 0px;
}
#contactForm .enquirysection .fields .enquirylabel2
{
	float: left;
    width:110px;
    font-size:14px;
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 2px 2px 2px 0px;
}
#contactForm .enquirysection .fields .label 

{
    
    font-size:14px;
    display: inline;
    margin: 0px 3px 0px 10px;
    padding: 2px 2px 2px 0px;
}

#contactForm .enquirysectionContact .fields .enquirylabel
{
	float: left;
    width:50px;
    font-size:14px;
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 2px 2px 2px 0px;
}
#contactForm .enquirysectionContact .fields .enquirylabel2
{
	float: left;
    width:110px;
    font-size:14px;
    display: inline;
    margin: 0px 10px 0px 0px;
    padding: 2px 2px 2px 0px;
}
#contactForm .enquirysectionContact .fields .label 

{
    
    font-size:14px;
    display: inline;
    margin: 0px 3px 0px 10px;
    padding: 2px 2px 2px 0px;
}


.bookinginfo
{
	margin-left:25px;
	text-align:justify;
}
/*styles for individual hotel reviews*/
h3.hotel-review-subheader
{
	border-bottom:none; 
	background-image:none;
	color:#74a219;
	margin: 0 auto;
	padding:0px;
	font-size:14px;
	font-family:Georgia;
	font-weight:lighter;
	text-transform:none;
}
.hotelreviewsbox
{
		background: url(../images/layout/dotted-border-horizontal.png) bottom left repeat-x;
}

.reviewsignature2
{
	font-family:Segoe;
	font-size:14px;
	padding:0px;
	position:relative;
	top:-10px;
}
.feedbacksignature2
{
	font-family:Georgia;
	padding:0px;
	position:relative;
	top:-10px;
}
.hotelstarratings
{
	float:right;
	font-family:Arial; 
	font-style:italic;
	position:relative;
	top:-10px;
}
/*Form validation summary box*/
.enquiryvalidationboxoutter
{
	font-family:Georgia;
	width:475px;
}
.enquiryvalidationbox
{
	background: url(../images/layout/enquiry-validation-warning.jpg) top left no-repeat;
	text-indent:35px;
	font-size:16px;
	padding-top:12px;
	border:1px dashed #B7D68E;
	width:475px;

}
.enquiryvalidationbox ul
{
	margin-top:10px;
	font-size:12px;
	padding-bottom:20px;

}
.enquiryvalidationbox li
{
	font-family:arial;
	list-style:none;
	color:#81674f;
	font-size:15px;
	margin: 2px 0px 2px 35px;
    padding: 0px 0px 0px 0px;
	line-height: 17px;
	background: url(../images/layout/enquiry-validation-tick.jpg) no-repeat;
	text-indent:18px;
}
.addinfo
{
	margin-left:122px;
	font-size:12px;
}
.regulartext
{
	color: #81674f;
}

.furtheraddress
{
	width:350px;
	display:block;
	float:left;
}

/*
.validationbox
{
	position:relative;
	z-index:999;
}*/

/*Honeymoney submit button styles- conforms with all other submit buttons on website*/
.submitGift
{
	background-image:url(/images/layout/submit-enquiry-btn.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	font-family:Arial;
	font-weight:100;
	font-style:normal;
	font-size:14px;
	width:100px;
	height:32px;
	border:none;
	margin-top:5px;
	margin-bottom:5px;
	float:right;
}

.submitGift:hover
{
	background-image:url(/images/layout/submit-enquiry-btn-hover.jpg);
	background-repeat:no-repeat;
	color:#ffffff;
	font-family:Arial;
	font-weight:100;
	font-style:normal;
	font-size:14px;
	width:100px;
	height:32px;
	border:none;
	margin-top:5px;
	margin-bottom:5px;
	float:right;
	cursor:pointer;
}
/*Style for Namibia Self-Drive competition boxes- home page & RHS box*/
h3.namibiaselfheader
{
    margin: 5px 0px 0px 0px ; 
	padding: 10px 16px 10px 16px;
	position:relative;
	left:-5px;
	font-size: 14px;
	text-transform:none;
	font-family:Georgia;
	color: #ffffff;
	background-image:url(/images/layout/h3-green-bg.jpg);
	background-repeat:no-repeat;

}
#leftColumn .contentBoxSelfDrive p { margin: 0 16px 0px 16px;}
.contentBoxSelfDrive
{
    margin: 0px 0px 25px 5px; 
    padding: 0px 0px 0px 0px;
    border: 1px solid #e9d9b5;
    background: url(../images/layout/content-box-background.jpg) bottom left no-repeat;
}

#leftColumn .contentBoxSelfDrive p .namibiatourismlogo
{
	display:inline;
	float:right;
	width:100px;
}
#leftColumn .contentBoxSelfDrive p .namibiatourismtext
{
	display:block;
	margin-top:20px;
	float:left;
	width:445px;
}
a.blueArrowCompetition
{
    margin: 0px 12px 15px 10px;
    padding: 0px 26px 0px 0px;    
    font-size: 14px;
    text-align: right;
    display: block;
    background: url(../images/layout/blue-arrow.png) right center no-repeat;
}
a.blueArrowCompetition:hover 
{ 
    background: url(../images/layout/green-arrow.png) right center no-repeat; 
}
.leftcontentcomp
{
	width:490px;
	float:left;
}
.rightcontentcomp
{
	width:140px;
	float:left;
}
h2.competition-box-header
{
	font-size:17px;
	color:#ffffff;
	font-family:Georgia;
	padding-top:22px;
	padding-left:5px;
	font-weight:lighter;
	padding-bottom:15px;
	line-height:1.2em;
}
.competition-box
{
	background-image:url(/images/layout/feedback/competition_box_bg.jpg);
	background-repeat:no-repeat;	
	padding: 0px 10px 0px 10px;
	height:308px;
}
p.competition-box-text
{
	margin: 10px 0px 10px 0px;
	font-family:Georgia;
	font-size:13px;
	padding: 0px 0px 0px 0px;
	text-align:justify;
	line-height:1.4em;
}
.competition-logo
{
	padding-left:5px;
	display:inline;
	float:left;
	margin-top:7px;
}
.entercomp
{
	display:inline;
	float:right;
	margin-top:50px;
}

/*Homepage RHS coloumn redesign-FB, Special offers and Feedback styles*/
.facebookfeedbox
{
	background-image:url(/images/layout/fb-feed-bg.jpg);
	background-repeat:no-repeat;	
	width:243px;
	height:350px;
	padding: 164px 0px 0px 26px;
}
.facebookinnerfeedbox
{
	background-color:#ffffff;
	width:204px;

}
.specialsBoxWide
{
    position: relative;
    display: block;
    margin: 0px;
    padding: 18px 8px 10px 4px;
    width: 265px;
    min-height: 80px;
    background: url("../images/layout/specials-box-bg.jpg") top left no-repeat;
}
.specialsContainerWide
{
    position: relative;
    margin: 23px 0px 15px 0px;
    padding: 0px 0px 1px 0px;
    background: url("../images/ads/specials-border-wide.jpg") bottom left no-repeat;
}
.bordertop
{
    margin: 0px 0px 10px 8px;
    padding: 0px 0px 0px 0px;
    height: 1px;
    width: 184px;
    background: url(../images/layout/dotted-border-horizontal.png) bottom center repeat-x; 
}
.specialsHeadingTop
{
	width: 135px; 
    word-wrap: break-word;
    font-weight: normal;
    font-size: 13px;
    margin: 15px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 18px;
    color: #74a219; 
    font-family: Georgia, "Times New Roman", Times, serif;    
}


.specialsListHome 
{
	margin: 4px 20px 10px 10px;
	list-style-type: none;
}
.specialsListHome li 
{
    margin: 0px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 18px;	
	list-style-type:none;
}
.specialsListHome li a
{
    /* font-family: Arial, "Trebuchet MS", "Helvetica", sans serif !important; */
}
.specialsListHome li.offerHome 
{
    margin: 2px 0px;
    padding: 0px 0px 0px 20px;
	line-height: 18px;
    font-size: 12px;    
    font-weight: normal;
	list-style-type:none;
	color: #447d97;
	font-family: Arial, "Trebuchet MS", "Helvetica", sans serif;
	background: url(../images/layout/star-bullet.png) no-repeat;
}
.specialsListHome li.offer img
{
    margin: 1px 8px 0px 0px;
    padding: 0px 0px 0px 0px;
    top: 0px;
    border: 0px;
    float: left;
}
.border
{
    margin: 0px 0px 0px 8px;
    padding: 0px 0px 0px 0px;
    height: 1px;
    width: 184px;
    background: url(../images/layout/dotted-border-horizontal.png) bottom center repeat-x; 
}


.specialsListInnerHome 
{
	margin: 0px 0px 0px 0px;
	list-style-type:none;
	background:none;
}
.specialsListInnerHome li
{
    margin: 0px 0px;
    padding: 0px 0px 0px 10px;
	line-height: 18px;
	list-style-type:none;
	background:none;
}
.specialsListInnerHome li.sub
{
    margin: 0px 0px 0px 20px;
    padding: 0px 0px 0px 0px;
	line-height: 16px;
    font-weight: bold;
    font-size: 11px;
	list-style-type:none;
	background: none;
	color:#b83400;
}
h3 .hotelreviewfalse
{
	font-weight:normal;
	text-transform:none;
	color:#74a219;
	background:none;
}
.blogfeed
{
	color:Purple;
}
#rssincl-box-406962 .rssincl-box-406962
{
	width:639px;
}
#rssincl-box-406962


/*
    :: COLOUR PALLET ::

    81674f - LIGHT BLACK - general text etc
    685340 - DARKER BLACK - headings etc
    581900 - DARK BROWN - headings etc
    d1bc8f - DARK BROWN - itinerary border lines
    b83400 - DARK RED - staff name, highlights etc  
    e9dab6 - SANDY BROWN - border lines etc
    447d97 - BLUE - headings, links etc
    305d71 - DARK BLUE - tab active border
    74a219 - GREEN - headings, hovers etc
    718823 - DARK GREEN - tab borders
*/