/* Uyaphi.com CSS - Copyright Uyaphi Safaris - all rights reserved */

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

body,td,th,h1,h2,h3,h4,h5,h6,h7 {
	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;
}
a {
	font-family: Verdana;
	font-size: 10px;
	color: #F6F1D4;
}
a:visited {
	color: #FFFF00;
	text-decoration: none;
}
a:link {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
h1 {
	font-size: 21pt;
	text-align: left;
	margin-right:0px;
	margin-top:3px;
	margin-bottom:10px;
	font-weight:normal;
	padding-bottom: 5px;
}
h2	{
	font-size: 10px;
	color: #3F340A;
	text-align: left;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
	background: #EFDFA0;
}
h3	{
	font-size: 10px;
	color: #000000;
	text-align: left;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
}
h5 {
	font-family:Verdana;
	color:#3f340a;
	font-size: 11px;
	background-color:#efdfa0;
	width:200px;
	margin-bottom:2px;
	margin-top:0px;
	font-weight:bold;	
	height:13px;
	overflow:hidden;
}
.searchform	{
	margin: 0px;
}
.searchbox	{
	border: 1px solid #CBA921; 
	background-color: #EFDFA0;
	font-size:8pt;
	font-family:Verdana;
	color:#3F340A
}
.searchbutton	{
	border-style:solid;
	border-width:0px;
	color: #000000;
	background-color: #FFFFFF;
	font-size:7pt;
	font-family:Verdana
}
.formboxes	{
	border: 1px solid #CBA921; 
	background-color: #EFDFA0;
	font-size:10pt;
	font-family:Verdana;
	color:#3F340A
}
.main		{
	font-family: Verdana;
	font-size: 7.5pt;
	font-variant:normal;
	font-weight: normal;
	color:#000000;
	letter-spacing:-0.5pt;
	margin:0px
}
.bestquest {
	color: #FF9900;
	font-family: Arial;
}

table {
	border-collapse: collapse;
}
th {
	border-top-width: 1pt;
	border-right-width: 1pt;
	border-bottom-width: 1pt;
	border-left-width: 1pt;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #3F340A;
}

.featured {
	border:1px solid #3F340A;
	padding-left: 2px;
	padding-right: 2px;
}
.image {
	border:1px dotted #3F340A;
	border-color: #3F340A;
}
.imagejoinuson {
	border:0px;
	margin-bottom: 3px;
	margin-top: 3px;
}
.style1 {
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
	text-align: left;
	font-weight:bold;
}
.style2 {
	font-family: Verdana;
	font-size: 10px;
	color: #FF0000;
	text-align: left;
	font-weight: normal;
}
.style3 {
	font-size: 14px;
	font-weight: bold;
}
.style4 {
	font-size: 9pt;
	text-align: center;
	margin-right:0px;
	margin-bottom:0px;
	font-weight:normal;
	padding-bottom: 5px;
}
/* RATES CSS */
/* *************************************************** */
/* ------------ start containers --------------------------- */
#special-rates {width:550px; height:65px; background:#8AAD1F; position:relative; overflow:hidden;
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; }/* main container */
#special-rates .left-block {display:block; width:165px; height:65px; background:#690; position:absolute; left:0; top:0;
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; }/* left container */
#special-rates .right-block {display:block; width:175px; height:65px; background:#78A310; position:absolute; right:0; top:0;
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px; }/* right container */
/* ------------ end containers --------------------------- */
/* ------------ start text --------------------------- */
/* ------------ text in left container --------------------------- */
#special-rates .prop-rates {font-size:26px; color:#fff; position:absolute; left:3px; top:20px; margin:0; padding:0; font-family:arial, sans-serif; text-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.7);
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out; }/* property rates text - left container */
#special-rates .prop-rates span {font-weight:normal; margin-left:-5px; color:#fff;} /* property rates text - left container */
#special-rates .safari-rates {font-size:26px; color:#fff; position:absolute; left:5px; top:20px; margin:0; padding:0; font-family:arial, sans-serif; text-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.7);
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out; }/* safari rates text - left container */
#special-rates .safari-rates span {font-weight:normal; margin-left:-5px; color:#fff;} /* safari rates text - left container */
#special-rates .rates-from {font-size:14px; color:#fff; position:absolute; left:5px; top:1px; margin:0; padding:0; font-family:arial, sans-serif; text-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.7);
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out; }/* from text - left container */ 
#special-rates .rates-from-save {font-size:14px; color:#fff; position:absolute; left:5px; top:40px; margin:0; padding:0; font-family:arial, sans-serif; text-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.7);
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out; }/* from text - left container */ 
/* ------------ text in main container --------------------------- */
#special-rates .whats-included {font: 18px/14px arial, sans-serif;} /* what is included - middle container */
#special-rates .whats-included {font-size:10px; color:#fff; position:absolute; line-height: 12px; left:170px; top:0px; margin:0; padding:0; text-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.7);
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out; }/* what is included - middle container */
#special-rates a {font: 11px arial, sans-serif; text-decoration:none; color:#fff; font-weight:bold; position:absolute; left:170px; top:49px; margin:0; padding:0; text-shadow: -1px -1px 2px rgba(0, 0, 0, 0.7); opacity:1;
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out; }/* contact us for a free quotation */
#special-rates:hover a {opacity:1;} /* contact us for a free quotation */
#special-rates:hover a:hover {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);} /* contact us for a free quotation */
/* ------------ text in right container --------------------------- */
#special-rates .flight-rates {font-size:10px; color:#fff; font-family:arial, sans-serif; position:absolute; left:385px; top:1px; margin:0; padding:0; text-shadow:  -1px -1px 2px rgba(0, 0, 0, 0.7);
-webkit-transition: 0.6s ease-in-out;
-moz-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out; }/* flight rates text - right container */
#special-rates:hover {background:#9CB72E;} /* hover main colour change */
#special-rates:hover .prop-rates {color:#000;} /* hover on request colour change */
#special-rates:hover .safari-rates {color:#000;} /* hover on request colour change */
/* ------------ end text --------------------------- */
/* *************************************************** */
/* 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: 198px;
	margin-bottom: 3px;
	cursor:pointer;
	overflow:hidden;
}
.myButton:hover {
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	background-color:#7A6512;
	width: 198px;
}
.myButton:active {
	position:relative;
	top:1px;
	width: 198px;
}
.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: 198px;
	margin-bottom: 3px;
	cursor:pointer;
}
	/* *************************************************** overflow:hidden; */
.titlesoc:hover, 
.titles:hover {
	-moz-border-radius:5px; /* Firefox */
	border-radius:5px;
	background-color:#7A6512;
	width: 198px;
}
.titlesoc:active, 
.titles:active {
	position:relative;
	top:1px;
	width: 198px;
}
.content{
	background-color: #A5891B;
	width: 198px;
	visibility: hidden;
	height: 0px;
	overflow: hidden;
	position: relative;
	padding-left: 1px;
}
/* *************************************************** */
.fb_share,
.plusone { 
   padding:0 15px 0 25px;
   float:left;
}

#fb-root {
    display: none;
}