/* CSS Document */

/* ***** header & body ***** */

body,td,th,h1,h2,h3,h4,h5,h6 {
	font-family: verdana, helvetica, arial, sans-serif !important;
	font-size: 10px;
	color: #000000;
	height: auto;
	line-height: 120%;
}
body {
	background-color: #E1B606;
	margin-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	background-image: url();
	background-repeat: no-repeat;
}

/* ***** header text ***** */
.main		{
	font-size: 7.5pt;
	font-variant:normal;
	font-weight: normal;
	color:#000000;
	letter-spacing:-0.5pt;
	margin:0px;
}
.captext		{
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	color:#ff0000;
}
.redtext {
	color:#FF0000;
}

/* ***** tables ***** */
table {
	border-collapse: collapse;
}

/* ***** links ***** */
a {
	font-size: 10px;
	color: #FFFFFF;
}
a:visited {
	color: #FFFF00;
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/* ***** headers ***** */
#slidewrap {
	z-index:1;
	height: 157px
}
h1 {
	font-size: 21pt;
	text-align: center;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:normal;
	padding-bottom: 5px;
}
h2	{
	font-size: 12px;
	color: #3F340A;
	text-align: left;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
	background: #EFDFA0;
}
h3 {
	font-size: 10px;
	color: #3F340A;
	text-align: left;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
	background: #EFDFA0;
}
h4 {
	font-size: 11px;
	color: #3F340A;
	text-align: left;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
	background: #EFDFA0;
}
h5 {
	color:#3f340a;
	font-size: 11px;
	background-color:#efdfa0;
	width:150px;
	margin-bottom:2px;
	margin-top:0px;
	font-weight:bold;	
	height:13px;
	overflow:hidden;
}
h6 {
	font-size: 11px;
	color: #3F340A;
	text-align: left;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
	background: #EFDFA0;	
	width:150px
}
h7 {
	line-height: 100%;
	background: #EFDFA0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	opacity:.75;
	margin-left: 15px;
	padding-left: 5px;
	padding-right: 5px;
}
/* ***** search box ***** */
.searchform	{
	margin: 0px;
}
.searchbox	{
	border: 1px solid #CBA921; 
	background-color: #EFDFA0;
	font-size:8pt;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#3F340A
}
.searchbutton	{
	border-style:solid;
	border-width:0px;
	color: #000000;
	background-color: #FFFFFF;
	font-size:7pt;
	font-family: verdana, helvetica, arial, sans-serif;
}
/* ------------------------------------------------------------------------------ accordion ***** */
ul#accordion {
	padding:0;
	margin:0;
	list-style:none;
	height:400px;

}
ul li div {
	position:inherit;
}
#accordion li.top {
	display:block;
	position:inherit;
	float:left;
	height:16px;
	line-height:24px;
	width:596px;
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #CBA921;
	overflow:hidden;
}
#accordion li {
	cursor:pointer;
}
#accordion li div {
	position:static;
    height:140px;
	width:596px;
	padding:1px;
	line-height:1.2em;
	text-indent:0;
}
#accordion li div p {
	color:#000;
	margin:0;
}
#accordion li div dl {
	margin:0 0 0 0;
	padding-bottom:1px;
}
#accordion li div dt {
	font-weight:bold;
	color:#000;
}
#accordion li div dd {
	padding:0;
	margin:0;
}
/* ***** search box ***** */
.searchform	{
	margin: 0px;
}
.searchbox	{
	border: 1px solid #CBA921; 
	background-color: #EFDFA0;
	font-size:12px;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#3F340A
}
.searchbutton	{
	border-style:solid;
	border-width:0px;
	color: #000000;
	background-color: #FFFFFF;
	font-size:12px;
	font-family: verdana, helvetica, arial, sans-serif;
}
/* ***** maintext ***** */
.text {
	width:420px;
	float:left;
	overflow:hidden;
}
.right-div {
	float:right;
	position:relative;
	overflow:hidden;
}
.right-specials {
	border:1px solid #3F340A;
	background:#A5891B;
	width:168px;
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	position:relative;
	margin-top: 1px;
}
.right-maps {
	border:1px solid #3F340A; 
    background:#A5891B;
	width:169px;
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	position:relative;
	margin-top: 1px;
}
.right-flights {
	border:1px solid #3F340A; 
    background:#ffffff;
	width:165px;
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	position:relative;
	margin-top: 1px;
	padding: 2px 2px 2px 2px;
}
.image-right-menu {
	border:0px;
	z-index:1
}
.google-webfonts {
	width: 100%;
	font-family: arial, serif;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	position:absolute;
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	background-color:#C30;
	filter:alpha(opacity=70);
    /* CSS3 standard */
    opacity:0.7;
}
.google-maps-webfonts {
	font-family: arial, serif;
	font-size: 11px;
	color: #000;
	text-align: center;
	position:absolute;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 2px;
	padding-right: 2px;
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	background-color:#FFF;
	filter:alpha(opacity=80);
	/* CSS3 standard */
    opacity:0.8;
}
/* ***** bestquest ***** */
.bestquest {
	color: #FF9900;
	font-family: Arial;
}

/* ***** main body ***** */
.featured {
	border:1px solid #3F340A;
	padding-left: 1px;
	padding-right: 1px;
	overflow: hidden;	
}
.travelplanner {
	border:1px solid #3F340A;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
}
.leftmenu {
	border:1px solid #3F340A;
	background-color: #A5891B;
	padding-left: 1px;
	padding-right: 1px;
	height: 100%;
}
.rightmenu {
	border:1px solid #3F340A;
	background-color: #A5891B;
	padding-left: 1px;
	padding-right: 1px;
	height: 100%;
}
.image {
	border:1px dotted #3F340A;
}
.imagejoinuson {
	border:0px;
	margin-bottom: 3px;
	margin-top: 3px;
}
.imageleft {
	border:1px dotted #3F340A;
	float: left;
	margin-right: 1px;
}
/** The Form **/
button
{
	background-color:#EFDFA0;
	border: 1px solid #3F340A;
}

input {
	background-color:#EFDFA0;
	border: 1px solid #3F340A;
}
select {
	border:1px solid #3F340A; 
	background-color:#EFDFA0;
}
textarea {
	border:1px solid #3F340A; 
	background-color:#EFDFA0;
}
submit {
	background-color:#EFDFA0;
	border:1px solid #3F340A;
}
reset {
	background-color:#EFDFA0;
	border:1px solid #3F340A;
}
#knpark {height: 244px;}
#subscribe {height: 232px;}
#sixLines {height: 196px;}
#sevenLines {height: 208px;}
#eightLines {height: 219px;}
#ninelines{height:231px;}
#tenlines {height: 243px;}
#elevenlines {height: 255px;}
#twelvelines {height: 268px;}
#thirteenlines {height: 280px;}
#suncitylines {height: 250px;}
#whybook {height: 100%;}
#whybookWC {height:134px;}
#whybookNam{height:166px;}
#whybookBots{height:165px;}
#whybookKZN {height:145px;}
#whybookFAM {height:146px;}
#topheader {height: 100%;}
#whybookKen{height:133px;}
#whybookTanz{height:132px;}
#whybookMAL{height:132px;}
#whybookOver{height:144px;}
#whybookZim{height:164px;}
#whybookWINE{height:122px;}
#whyBookUGA{height:141px;}
#whyBookNAM{height:164px;}

#mapKNP{height:478px}
#mapKNP1{height:358pt}
#krugerlodgemap{height:500px}
#mapsintro {height: 269px;}
#mapsintroSAmap {height:243px;}
#mapsintroSunCitymap {height:240px;}
#mapsSASAF {height:245px;}
#mapsintroMP{height:236px;}
#mapWesternCape {height:216px;}
#mapNam {height:250px;}
#mapBot {height:282px;}
#mapZam {height:241px;}
#mapTanz{height:265px;}
#mapKenya {height:297px;}
#mapOver {height:269px ;}
#mapMoz {height:333px;}
#mapMad {height:390px;}
#mapNP {height:196px;}
#mapKZN {height:286px;}
#mapnCapeTown {height:373px;}
#mapEC {height:217px;}
#mapLim {height:220px;}
#mapZim {height:244px;}
#mapMAL {height:493px;}
#mapUGANDA {height: 277px;}
.travelplanner {
	border:1px solid #3F340A;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
}
.formboxes	{
	border: 1px solid #CBA921; 
	background-color: #EFDFA0;
	font-size:10pt;
	font-family: verdana, helvetica, arial, sans-serif;
	color:#3F340A
}
/* LEFT MENU CSS */
/* CSS for the slide menu */
/* *************************************************** */
/* ------------------------------------------------------------------------------ call to action ***** */
a.myButton {
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	background-color:#3F340A; /* background colour DOES NOT SEEM TO DO ANYTHING CBA921 */
	border:1px solid #CBA921; /* border colour  */
	display:inline-block;
	font-size:9px;
	color:#FFF;
	font-weight:bold;
	padding-top:5px;
	padding-bottom: 5px;
	text-decoration:none;
	text-align: center;
	width: 149px;
	margin-bottom: 3px;
	cursor:pointer;
	overflow:hidden;
}
.myButton:hover {
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	background-color:#7A6512;
	width: 149px;
}
.myButton:active {
	position:relative;
	top:1px;
	width: 149px;
}
.at {
	font-size:25px;
	float:left;
	padding-right: 2px;
}
/* *************************************************** */
/* RIGHT MENU CSS */
/* ------------------------------------------------------------------------------ CSS for the right slide menu ***** */
.titlesoc, 
.titles{
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	background-color:#3F340A; /* background colour DOES NOT SEEM TO DO ANYTHING CBA921 */
	border:1px solid #CBA921; /* border colour  */
	display:inline-block;
	font-size:9px;
	color:#FFF;
	font-weight:bold;
	padding-top:5px;
	padding-bottom: 5px;
	text-decoration:none;
	text-align: left;
	width: 149px;
	margin-bottom: 3px;
	cursor:pointer;
	
}
/**** overflow:hidden; removed, fb button comments ***/

.titlesoc:hover,
.titles:hover {
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	background-color:#7A6512;
	width: 149px;
}
.titlesoc:active,
.titles:active {
	position:relative;
	top:1px;
	width: 149px;
}
.content{
	background-color: #A5891B;
	width: 100%;
	visibility: hidden;
	height: 0px;
	overflow: hidden;
	position: relative;
	padding-left: 1px;
}
.content{
	font-family: verdana, helvetica, arial, sans-serif;
	background-color:#A5891B;
	width:100%;
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
/* --- */
.fb_share,

.plusone { 
   padding:0 10px 0 12px;
   float:left;
   
}