/* upper menu bar starts here */
#topmenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #d7c357 url("../images/white.gif") no-repeat;
	position:relative;
	float:right;
	right :0px;
	top:0px;
	height:18px;
	width:580px;
	text-align:right;
	padding: 3px;
	}
	
#topmenu a:link 	{color: #3D3B3B; text-decoration: none}
#topmenu a:visited 	{color: #3D3B3B; text-decoration: none}	
#topmenu a:hover 	{color: #DDDBDB; text-decoration: none}
#topmenuitem{
	padding-right: 8px;
	padding-left: 8px;
	border-right: 1px solid #3B7BAC;}
	
#topmenuitemnoborder{
	padding-right: 8px;
	padding-left: 8px;}
	
/* upper menu bar ends here */



/* floated div to hold phone number and suitcase starts here */

#menufloatright {
	float:right;
	padding: 2px;
	margin: 5px 0px 0px 0px;
	/*border: 1px solid;*/
	}

#menufloatright form {
	display:inline;
}	

	
/* floated div to hold phone number and suitcase ends here */

.whyusfull {
	text-align: left;
	font-size: 24px;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	/*border: 1px #ddd solid;*/
	margin-top: 0px;
	padding: 8px 8px 0px 8px;
	width: 98%;
	float: left;
	}

.whyusleft {
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px #ddd solid;
	margin-top: 0px;
	padding: 8px 8px 0px 8px;
	width: 47%;
	float: left;
	}
	
.whyusright{
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px #ddd solid;
	padding: 8px 8px 0px 8px;
	margin-top: 0px;
	float: right;
	width: 47%;
}	

.groupitem {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-right: 7px;
	padding-left: 7px;
	border-right: 1px solid #3B7BAC;}
	
a.groupitem:link {color: #97552e; text-decoration: none;}
a.groupitem:visited {color: #97552e; text-decoration: none;}
a.groupitem:hover {color: #000; text-decoration: none;}
a.groupitem:ACTIVE {color: #97552e; text-decoration: none;}

.bookleft {
	text-align: left;
	/*border: 1px #ddd solid;*/
	margin: 0px 0px 8px 0px;
	padding: 0px 8px 0px 8px;
	float: left;
	width:15%;
	}
	
.bookright{
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	/*border: 1px #ddd solid;*/
	margin: 10px 48px 0px 20px;
	float: right;
	width:55%;
	}
	
.bookfull {
	text-align: left;
	border-bottom: 1px #ddd solid;
	margin: 0px 0px 4px 4px;
	padding: 3px 5px 4px 3px;
	width:99%;
	float: left;
	}
	
.quote{
	text-align: left;
	font-size: 1.1em;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	padding: 3px 3px 0px 5px;
	margin-bottom:10px;
	}
	
.quotename{
	text-align: left;
	font-size: 12px;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	padding: 3px 3px 0px 5px;
	margin-bottom:10px;
	}
	
.quoteright{
	float:right;
	}	
	
.tick li{
	margin-left: -1em;
	list-style-image: url("../images/tick.gif");
	font: 12px Arial, Helvetica, sans-serif;
}	

.bullets li{
	margin-left: -1.5em;
	
	margin-bottom: 0.6em;
	/*list-style-image: url("../images/tick.gif");
	color:#666666;*/
	font: 12px Arial, Helvetica, sans-serif;
	}
	
	
/* FONTS*/	

.arialbold11 {
	text-align: left;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: bold;
	}
	
/* Dive Calendar*/	
.arialgrey12 {
	text-align: left;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
/* Dive Calendar - end*/	

/* book.php*/	
.arialgrey16 {
	text-align: left;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	}
	
.arialblack14 {
	text-align: left;
	color:#000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	}	
	
.arialblack14bold {
	text-align: left;
	color:#000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	}	
/* book.php - end*/	

.greyheadingitalic14 {
	color:#696262;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	}
	
/* header.php*/	

.blackheading14 {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	}	
	
.blackheading12 {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	text-align:left;
	}	
/* header.php - end*/
/* index.php*/
.arialreditalic12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #841919;
	font-style:italic;
	}	
.homeboxright {
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#353232;
	border: 1px #ddd solid;
	float:right;
	margin: 0px 5px 0px 5px;
	padding: 8px 8px 0px 8px;
	width: 68%;;
	}	
	
/* index.php - end*/
/* aboutus1.php*/
.red16 {font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#990000;
	margin-bottom:8px;
	}
/* aboutus1.php - end*/

/*Controls the new image in the menur bar*/
.new {
	margin: 0px 0px 0px 3px;
	background-image: url("../images/new.gif");
	background-repeat:no-repeat;}
/*Controls the new image in the menur bar - end*/
/* general-south-africa.php*/
.indexfull {
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#353232;
	border: 1px #ddd solid;
	padding: 8px 8px 0px 8px;
	width:97%;
	float: left;
	}
/* general-south-africa.php - end*/
/* guided-shark-tour.php*/
.captionbox {
	text-align: left;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	/*background-color:#F7F0D0;*/
	color:#353232;
	background-image: url("../images/arrow_header_60.gif");
	background-repeat:no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 2px 17px 2px 40px;
	}
	
.captionbox a:link {color: #191346; text-decoration: none;}
.captionbox a:visited {color: #191346; text-decoration: none;}
.captionbox a:hover {color: #000; text-decoration: none;}
.captionbox a:ACTIVE {color: #191346; text-decoration: none;}

.sharkleftbox {
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px #ddd solid;
	margin-top: 0px;
	padding: 8px 8px 0px 8px;
	width: 47%;
	float: left;
	}
/* guided-shark-tour.php - end*/

.thirdleft {
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#353232;
	border: 1px #ddd solid;
	padding: 8px 8px 0px 8px;
	width:30%;
	float: left;
	}

.twothirdrright{
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#353232;
	border: 1px #ddd solid;
	margin: 0px 0px 8px 0px;
	padding: 8px 8px 0px 8px;
	float: right;
	width: 65%;
}	

.thirdright {
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#353232;
	border: 1px #ddd solid;
	padding: 8px 8px 0px 8px;
	width:30%;
	float: right;
	}

.twothirdleft{
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#353232;
	border: 1px #ddd solid;
	margin: 0px 0px 8px 0px;
	padding: 8px 8px 0px 8px;
	float: left;
	width: 65%;
}		

.countrybox {
	background-image: url("../images/arrow_header_200.gif");
	background-repeat:no-repeat;
	margin:0px 0px 0px 0px;
	padding: 8px 17px 5px 40px;
	}
	
.countrybox a:link {color: #97552e; text-decoration: none;}
.countrybox a:visited {color: #97552e; text-decoration: none;}
.countrybox a:hover {color: #000; text-decoration: none;}
.countrybox a:ACTIVE {color: #97552e; text-decoration: none;}

.countryspacer img{ 
	border-right: solid 1px #DBDFE5;
	margin:0px 0px 10px 0px;}
	
.feature {
	text-align: left;
	font-size: 14px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color:#353232;
	}

.feature a:link {color: #000; text-decoration: none;}
.feature a:visited {color: #000; text-decoration: none;}
.feature a:hover {color: #000; text-decoration: underline}
.feature a:ACTIVE {color: #000;}		

.menuspacer {
	margin: 5px 10px 1px 5px;
	padding-bottom: 15px;
	border-bottom: 2px #ddd solid;
	}
	
.menuspacer2 {
	margin: 0px 0px 5px 0px;
	border-bottom: 2px #ddd solid;
	}	
	
.menuspacer3 {
	margin: 5px 10px 1px 5px;
	}

.floatleft2 {
	float:left;
	margin: 5px 7px 1px 0px;
	}
	
.floatleft3 {
	float:left;
	margin: 5px 7px 1px 0px;
	}	
	
.menuspacertop10px {margin: 10px 0px 0px 0px;}

.homeimage {padding-top: 5px;}

.hometext {
	text-align: left;
	color: #000000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 5px 0px 13px 0px;
	border-bottom: 2px #ddd solid;
	}
	
.hometexttype {
	text-align: left;
	color: #000000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-top:4px;
	margin-bottom: 10px;
	}			
	
.georgia14 {
	text-align: left;
	color: #2C3649;
	font-family: Georgia;
	font-size:14px;
	}

.georgia12 {
	text-align: left;
	color: #2C3649;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	}

.georgia14spacer {
	text-align: left;
	color: #2C3649;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	padding-top:6px;
	}
.georgia14spacer a:link {color: #2C3649; text-decoration: none;}
.georgia14spacer a:visited {color: #2C3649; text-decoration: none;}
.georgia14spacer a:hover {color: #2C3649; text-decoration: underline;}
.georgia14spacer a:ACTIVE {color: #2C3649; text-decoration: none;}

.georgia16spacer {
	text-align: left;
	color: #2C3649;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	padding-top:6px;
	}	
	
.georgia16spacer a:link {color: #2C3649; text-decoration: none;}
.georgia16spacer a:visited {color: #2C3649; text-decoration: none;}
.georgia16spacer a:hover {color: #2C3649; text-decoration: underline;}
.georgia16spacer a:ACTIVE {color: #2C3649; text-decoration: none;}

.georgia16spacer1 {
	text-align: left;
	color: #2C3649;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	padding-top:2px;
	}	
	
.georgia16spacer1 a:link {color: #2C3649; text-decoration: none;}
.georgia16spacer1 a:visited {color: #2C3649; text-decoration: none;}
.georgia16spacer1 a:hover {color: #2C3649; text-decoration: underline;}
.georgia16spacer1 a:ACTIVE {color: #2C3649; text-decoration: none;}	

.calibri12 {
	text-align: left;
	color: #000000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding: 5px 0px 5px 10px;
	}
	
.calibri12 a:link {color: #000; text-decoration: none;}
.calibri12 a:visited {color: #000; text-decoration: none;}
.calibri12 a:hover {color: #000; text-decoration: underline;}
.calibri12 a:ACTIVE {color: #000; text-decoration: none;}

.arial11 {
	text-align: left;
	color: #000000;
	font-family: arial, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 5px 0px 5px 10px;
	}
	
.arial11 a:link {color: #000; text-decoration: none;}
.arial11 a:visited {color: #000; text-decoration: none;}
.arial11 a:hover {color: #000; text-decoration: underline;}
.arial11 a:ACTIVE {color: #000; text-decoration: none;}

.arial11nopad {
	text-align: left;
	color: #000000;
	font-family: arial, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0px 0px 0px 00px;
	}

.fiftyleft {
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#353232;
	border: 1px #ddd solid;
	padding: 8px 8px 0px 8px;
	width:52%;
	float: left;
	}
	
.fiftyright{
	text-align: left;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#353232;
	border: 1px #ddd solid;
	margin: 0px 0px 8px 0px;
	padding: 8px 8px 0px 8px;
	float: right;
	width: 43%;
}					

/*Start of itinerary page CSS*/
.itineraryleft {
	text-align: left;
	margin-left:10px;
	border-right: 1px #ddd solid;
	padding: 15px 0px 0px 10px;
	width:140px;
	float:left;
	}
	
.itineraryright {
	text-align: left;
	border-top: 1px #ddd solid;
	border-right: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
	padding: 15px 0px 0px 10px;
	width:715px;
	float:right;
	}	

.itinerarybulletspacer {
	margin: 5px 0px 0px 30px;
	
	}

.itineraryfloatright {
	float:right;
	margin: 0px 8px 0px 8px;
	}	
	
.itineraryfloatright2 {
	float:right;
	margin: -10px 8px 0px 8px;
	}	
	
.itincalibri12 {
	text-align: left;
	color: #000000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
	}	

.itincalibriitalic12 {
	text-align: left;
	color: #000000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	}
	
.itincalibriitalic11 {
	text-align: left;
	color: #000000;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 5px 0px 5px 25px;
	}	
	
.itincalibriitalic11 a:link {color: #000; text-decoration: none;}
.itincalibriitalic11 a:visited {color: #000; text-decoration: none;}
.itincalibriitalic11 a:hover {color: #000; text-decoration: underline;}
.itincalibriitalic11 a:ACTIVE {color: #000; text-decoration: none;}

/* stlying of photos - look like polaroid */
ol, ul, li { list-style:none }
/** a { position:relative }  Gets links displaying over a PNG background - TIM - had to remove as it was causing problems with lightbox */
a { outline:none } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */
div.transparency { background:url("../images/semi-transparent.png"); padding:10px 14px; width:225px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #fff; float:right; margin: -29px 20px 0px 0px; 	min-height: 104px; _height: 104px; }

div.gallery {margin:10px 0 0 0px }
div.gallery ul li { float:left; margin:0 7px 0 0; background:url("../images/shadow.png") bottom left no-repeat; height:83px }
ul li a img { border:5px solid #fff; border-bottom:20px solid #fff }


/* stlying of videos - look like polaroid */
a { position:relative }
a { outline:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #000; } /* Gets rid of Firefox's dashed borders */
a img { border:none } /* Gets rid of IE's blue borders */

div.video {clear: both; margin:10px 0 0 0px }
div.video ul li { float:left; margin:20px 7px 0 0; height:83px }
div.video ul li a img { border:5px solid #ccc;}
.moveup {marging-top: -5px; background-color:#ccc; border-top:5px solid #ccc; border-bottom:10px solid #ccc;padding-left: 5px;}


/* Styling for the itinerary pages*/
.black {background-color:#666666;}
.generalformat {font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:left;}
.generalformat p {margin-top: 0px;}
.highlight {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; text-align:left; color:#336699;}
.click {font-family:Arial, Helvetica, sans-serif; font-size:1.0em; text-align:left; font-style:italic; margin:0px; padding:0px;}

.countryheading {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#336699; margin-top: 10px;}

/* Styling links on video page*/
.tagheading {font-size: 12px; font-family:Arial, Helvetica, sans-serif;  font-weight:bold; color:#336699;}
.tagheading a:link {color: #336699; text-decoration: none;}
.tagheading a:visited {color: #336699; text-decoration: none;}
.tagheading a:hover {color: #336699; text-decoration: underline;}
.tagheading a:ACTIVE {color: #336699; text-decoration: none;}

.itinleft {
	/*border: 1px #ddd solid;*/
    text-align:left;
	border-right:1px #ddd solid;
	margin-top: 0px;
	padding: 8px 0px 0px 8px;
	width: 140px;
	float: left;
	min-height: 500px; /* moz/FF/Opera */
	_height: 500px; /* IE-win */
	}

/*itinright moved to header to create a dynamic image */
		
.headingh1 {
	position:relative; left: 20px; top: 22px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 2.8em; margin:0px; padding:0px; color:#FFFF00;
	font-family: Calibri, Arial, Helvetica, sans-serif;}
			
.headingh2 {
	font-size: 1.9em;
	margin: 0px 0px 0px 0px;
	padding:0px; color:#FFFFFF;}

.itinsmallleft {
	/*border: 1px #ddd solid;*/
	padding: 0px 0px 0px 4px;
	margin-top: 119px;
	float: left;
	width: 185px;}

.itinsmallright {
	/*border: 1px #ddd solid;*/
	border-left:1px #ddd solid;
	padding: 0px 8px 0px 12px;
	margin-top: 25px;
	float: right;
	width: 515px;}
		
.itinsmallfull {
	border: 1px #ddd solid;
	padding: 0px 8px 0px 8px;
	margin-top: 0px;
	float: left;
	width: 715px;}
	
ul.list li {display: inline;}

/*Creat styles that will handle the at a glance - set two different li tags so that the different widths can be catered for*/
.glance {margin-left:-40px}

.glance li.glanceset {
		/*border: 1px #ddd solid;*/
		width: 30px;
		float: left;
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0px 5px 0px 5px;
		list-style-type: none;}

.glance li.glancesetday {
		/*border: 1px #ddd solid;*/
		width: 138px;
		float: left;
		font-size: 1.0em;
		line-height: 1.4em;
		margin: 0px 0px 0px 0px;
		list-style-type: none;}
		
.dives {margin-left:-40px}	

.dives li.diver {
		/*border: 1px #ddd solid;*/
		width: 45px;
		float: left;
		margin: 12px 5px 0px 0px;
		list-style-type: none;}

.dives li.divertext {
		/*border: 1px #ddd solid;*/
		width: 120px;
		float: left;
		font-size: 0.85em;
		line-height: 1.1em;
		margin: 7px 0px 0px 0px;
		list-style-type: none;}

.footer {margin-left:-40px}
.footer li.included {
		/*border: 1px #ddd solid;*/
		width: 80px;
		float: left;
		font-size: 1.1em;
		margin: -7px 0px 0px 0px;
		list-style-type: none;}
		
.footer li.includedtext {
		/*border: 1px #ddd solid;*/
		width: 420px;
		float: left;
		font-size: 0.85em;
		line-height: 1.1em;
		margin: -2px 0px 0px 0px;
		padding: 0px 0px 5px 0px;
		list-style-type: none;}		

.footer li.price  {
		/*border: 1px #ddd solid;*/
		width: 90px;
		float: left;
		font-size: 1.1em;
		margin: 0px 0px 0px 5px;
		list-style-type: none;}	
		
.footer li.pricetext  {
		/*border: 1px #ddd solid;*/
		width: 105px;
		float: left;
		font-size: 1.1em;
		margin: 5px 0px 0px 5px;
		list-style-type: none;}		


/* Styling for the feature pages*/
.featureright {
	/*border: 1px #ddd solid;*/
	padding: 0px 0px 0px 4px;
	margin-top: 0px;
	float: left;
	width:725px;}

.featuresmallleft {
	/*border: 1px #ddd solid;*/
	padding: 0px 0px 0px 4px;
	float: left;
	width: 185px;}

.featuresmallright {
	/*border: 1px #ddd solid;*/
	border-left:1px #ddd solid;
	padding: 0px 8px 0px 12px;
	float: right;
	width: 495px;}
	

.quotefeature{
	text-align: left;
	font-size: 1.1em;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	padding: 3px 3px 0px 5px;
	margin-bottom:10px;
	}

.footer li.itinerary {
		/*border: 1px #ddd solid;*/
		width: 200px;
		float: left;
		font-size: 1.1em;
		margin: -7px 0px 0px 0px;
		list-style-type: none;}

.red {font-size: 14px; color: #FF0000;}

/*Styling for Research pages*/

.country {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#336699; margin-top: 15px;}
.country a:link {color: #336699; text-decoration: none;}
.country a:visited {color: #336699; text-decoration: none;}
.country a:hover {color: #336699; text-decoration: underline;}
.country a:ACTIVE {color: #336699; text-decoration: none;}