/*  
Theme Name: Africa Explorations
Theme URI: http://www.boltonwebdesign.co.uk
Description: Custom Theme <br> - Designed by <a href="http://www.boltonwebdesign.co.uk">Jigsaw Internet Solutions</a> 
Author: Shaun Barnes
Author URI: http://www.boltonwebdesign.co.uk
� 2008, Jigsaw Internet Solutions. All rights reserved. 
*/

/* Localized */
body, h1, h2, h3, h4, ul, ol, li, form { margin: 0; padding: 0; }

ul {list-style-type: disc;}

body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFFFFF; }
p {text-align:left;}

img {margin: 0px; padding: 0px; border: 0px;}

.clr {clear: both;}

#container {margin: 0 auto; text-align:center; width: 778px; background-image: url(img/body_bg.gif); background-repeat: repeat-y; }
#homepage #container {background-image: url(img/home_body_bg_dark.gif);}



#container_09 {margin: 0 auto; text-align:center; width: 778px; xbackground-image: url(img/body_bg.gif); background-repeat: repeat-y; }
#homepage_09 #container_09 {xbackground-image: url(img/home_body_bg_dark.gif);}

#header_home, #header 
{ 
  color: #FFFFFF;
  background-color: #626262; 
  text-align:center; 
  width: 760px; 
  font-weight: bold;
  margin: 0px 9px;
}

#header_home p {padding: 0px 0px 10px 0px;}
#header { height: 150px;}

.africa_header { background-image: url(img/header_bg_africa.gif); }
.middleeast_header { background-image: url(img/header_bg_middleeast.gif); }
.india_header { background-image: url(img/header_bg_india.gif); }

#header a {text-decoration:none; color: #000000; width:95px; height: 18px; display:block; font-size:12px; }

#header_tab_whoarewe
{
  margin: 130px 0px 0px 2px; 
  font: bold 14px Verdana; 
  color: #000000; 
  float: left; 
  width: 95px; 
  height: 20px;
  line-height: 20px;
  padding: 0px 5px 0px 0px;
  text-align: right;
}
#header_tab_whoarewe a
{
    width: 95px;
}



#header_tab_pressarticles
{
  margin: 130px 0px 0px 2px; 
  font: bold 14px Verdana; 
  color: #000000; 
  float: left; 
  width: 95px; 
  height: 20px;
  line-height: 20px;
  padding: 0px 5px 0px 0px;
  text-align: right;
}
#header_tab_pressarticles a
{
    width: 95px;
}




#header_tab_whyarewedifferent
{
  margin: 130px 0px 0px 2px; 
  font: bold 14px Verdana; 
  color: #000000; 
  float: left; 
  width: 156px; 
  height: 20px;
  line-height: 20px;
  padding: 0px 5px 0px 0px;
  text-align: right;
}
#header_tab_whyarewedifferent a
{
    width: 156px;
}

#header_tab_africa 
{
  margin: 130px 10px 0px 0px; 
  font: bold 14px Verdana; 
  color: #000000; 
  float: right; 
  width: 55px; 
  height: 20px;
  line-height: 20px;
  padding: 0px 5px 0px 0px;
  text-align: right;
}
#header_tab_india
{
  margin: 130px 10px 0px 0px; 
  font: bold 14px Verdana; 
  color: #000000; 
  float: right; 
  width: 55px; 
  height: 20px;
  line-height: 20px;
  padding: 0px 5px 0px 0px;
  text-align: right;
}
#header_tab_middleeast 
{
  margin: 130px 10px 0px 0px; 
  font: bold 14px Verdana; 
  color: #000000; 
  float: right; 
  width: 95px; 
  height: 20px;
  line-height: 20px;
  padding: 0px 5px 0px 0px;
  text-align: right;
}

.headertab_active { background-image: url(img/header_tab_active.gif); }
.headertab_inactive { background-image: url(img/header_tab_inactive.gif); }
.headertab_active_wide { background-image: url(img/header_tab_active_wide.gif); }
.headertab_inactive_wide { background-image: url(img/header_tab_inactive_wide.gif); }
#header_tab_africa { background-image: url(img/header_tab_active_africa.gif); }
#header_tab_india { background-image: url(img/header_tab_inactive_africa.gif); }

#header_tab_africa a,#header_tab_india a { width: 55px;}
#page_body 
{
  text-align:center; 
  width: 760px; 
  margin: 0px 9px;
  color: #292929;
 xbackground-color:Red;
}
#footer 
{
  font-family: Verdana;
  text-align:center;
  background-color: #363636;
  color: #FFFFFF;
  width: 760px;
  margin: 0px 9px;
  height: 30px;
}
#footer .left {float:left; line-height: 30px; padding: 0px 0px 0px 20px; font-weight: bold;}
#footer .credit {float:right; line-height: 30px; padding: 0px 20px 0px 0px; font-size: 10px;}
#footer .credit a {color: #FFFFFF;}
#bottom { background: url(img/body_bottom.gif) bottom center no-repeat; height: 60px; width: 778px; font-weight: bold; margin: 0px auto; text-align:center; color: #3A3A3A; }
#bottom a { color: #3A3A3A; }
#bottom p { margin: 6px 0 0 0; text-align: center; }

#homepage p {text-align:center;}
#homepage h1 {font-size: 15px; font-weight:bold; text-align:center; padding: 10px 0px 10px 0px; height: 46px;}
#homepage h1 a {text-decoration:none; color: #ffffff;}
#homepage h1 a:hover {color: #F1DC50;}
#homepage h1.africa {background-color: #292929; }
#homepage h1.india {background-color: #3B3B3B; }
#homepage #col1 {width: 760px; float:left; background-color: #626262; color: #FFFFFF;}
#homepage #col2 {width: 380px; float:right; background-color: #626262; color: #FFFFFF;}
#homepage #col1 p, #homepage #col2 p { text-align: justify; margin: 10px 4px; font-size: 12px;} 
#homepage #page_body p {padding: 0px 10px 10px 10px;}
.home_header_image {height: 69px; width: 760px; background-color:#292929;}
.home_image {width:760px; height: 382px;}

#breadcrumb_trail {width: 750px; height: 30px; background-image: url(img/breadcrumb_bg.gif); text-align:left; font-family: Verdana; font-size: 12px; line-height: 30px; font-weight: bold; padding-left: 10px;}
#breadcrumb_trail a {color: #626262; text-decoration:none; font-weight: bold;}
#breadcrumb_trail a:hover {text-decoration:underline;}

#maincontent { width: 570px; float:left; text-align:left;}
#maintext {width: 530px; padding: 20px; min-height: 400px; height: auto !important; height: 400px;}
#maintext #col1 {width: 310px; float:left; text-align:left; padding: 0px 20px 20px 0px;}
#maintext #col2 {width: 200px; float:left; text-align:left; padding: 0px 0px 20px 0px;}
#maintext p {padding: 0px 0px 10px 0px; margin: 0px;}
#maintext ul {padding: 0px 0px 10px 40px; }
#maintext .largetext {font-size: 16px;}
#maintext img.destination {padding: 0px 20px 0px 0px; float:left; }
#maintext img.whereleft {padding: 0px 20px 20px 0px; float:left; }
#maintext img.whereright {padding: 0px 0px 20px 20px; float:right; }

.destination_divider {height: 1px; width: 530px; margin: 5px 0px 5px 0px; }

#mainnav {width: 150px; float:left; padding: 20px 20px 0px 20px; text-align:left; }
#mainnav ul {padding: 0px 0px 20px 0px;}
#mainnav ul.bottom {padding-top: 10px;}
#mainnav ul li { list-style-type: none; width: 150px; }
#mainnav ul li.gap { list-style-type: none; width: 150px; padding-top: 10px;}
#mainnav ul li a { line-height: 20px; font-size: 12px; color: #FFFFFF; text-decoration: none; background: url(img/nav_bg.gif) 0 0 no-repeat; width: 150px; display:block;}
#mainnav ul li a  { padding: 0px 0px 0px 15px; display:block; }
#mainnav ul li a:hover {color: #F1DC50;}
#mainnav p { color: #FFFFFF; font-size: 12px; font-weight: bold; }

#subnav {width: 150px; float:left; padding: 0px 20px 20px 20px; text-align:left; }
#subnav ul {padding: 0px 0px 20px 0px;}
#subnav ul.bottom {padding-top: 10px;}
#subnav ul li { list-style-type: none; width: 150px; }
#subnav ul li.gap { list-style-type: none; width: 150px; padding-top: 10px;}
#subnav ul li a { line-height: 20px; font-size: 12px; color: #FFFFFF; text-decoration: none; background: url(img/nav_bg.gif) 0 0 no-repeat; width: 150px; display:block; }
#subnav ul li a span { padding: 0px 0px 0px 15px; display:block; }
#subnav ul li a:hover {color: #F1DC50;}
#subnav h2 {color: #FFFFFF; text-decoration:underline;}

h1 {font: normal 22px Verdana; text-align: left; padding: 0px 0px 20px 0px;}
h2 {font: normal 14px Verdana; font-weight: bold; text-align: left; padding: 5px 0px 10px 0px; }
h2 a {color: #292929; text-decoration: none;}
h2 a:hover {text-decoration:underline;}
h2.nopad {padding-top: 0px;}

.normalform dl {}
.normalform dt {width: 270px; float:left; text-align:right; line-height: 24px; padding-right: 3px; clear:left; }
.normalform dd {line-height: 24px; margin-left: 270px; }
.normalform .largefield {width: 240px; }
.normalform .mediumfield {width: 150px; }
.normalform .smallfield {width: 80px; }
.normalform .largetextarea {width: 240px; height: 150px;}
.normalform input.checkbox { margin-left: 5px; }

.formhighlight {color: #FF0000; font-weight: bold;}

.quote {font-weight: bold; font-size: 13px;}

ol {margin: 0px 0px 10px 30px;}
ul.downloads {font-size: 13px; list-style-type:none;}

div.destinationlist {width: 250px; text-align: center; float:left; }
h2.destinationlist {text-align:center; padding: 0px; margin: 0px;}
img.destinationlist_divider {padding: 10px 0px 10px 0px;}
img.accommodation_divider {padding: 10px 0px 10px 0px;}

div.destinationlistsmall {width: 170px; text-align: center; float:left; }
h2.destinationlistsmall {text-align:center; padding: 0px; margin: 0px;}

.featureboxright_africa { border: none; padding: 0px; float:right; background-color: #fff; margin: 2px 10px 10px 10px; width: 180px; }
.featureboxright { border: solid 1px #B08B61; padding: 5px; float:right; background-color: #F2D4A0; margin: 2px 10px 10px 10px; width: 180px; }
.featureboxleft { border: solid 1px #B08B61; padding: 5px; float:left; background-color: #F2D4A0; margin: 2px 10px 10px 0px; width: 180px;}
.featureboxright h2, .featureboxleft h2 {text-align:center;}
.featureboxright p, .featureboxleft p {text-align:center;}

div.stepsheader {background-image: url(img/tensteps.jpg); width: 530px; height: 50px; margin: 20px 0px 10px 0px;}
div.stepsheadertop, div.stepsheadertop-me {background-image: url(img/tensteps.jpg); width: 530px; height: 50px; margin: 0px 0px 10px 0px;}
div.stepsheadertop-me {background-image: url(img/tensteps-me.jpg);}
div.stepsheader span, div.stepsheadertop span, div.stepsheadertop-me span {display:block; font-size: 24px; color: #613415; text-align:right; line-height: 50px; padding-right: 70px;}

img.experts {float:left; padding: 10px 20px 10px 0px;}

.doclist {background-color: #F2D4A0; border: solid 1px #B08B61; padding: 10px; }
.doclist li {line-height: 20px;}

#newslist div { border-bottom: solid 1px #e0e0e0; margin: 0 0 10px 0; padding: 0; overflow:auto;}
#newslist div.clr { border: none; height: 1px; margin: 0; overflow: hidden; }
#newslist div img { margin: 0 0 10px 0; padding: 0; float: left; }
#newslist div h2 { margin: 0 0 10px 215px; padding: 0; }
#newslist div p { margin: 0 0 10px 215px; padding: 0; }

img.expertimage {border: none; margin-top: 10px; }

img.get_in_touch {border: none; margin-left:-12px; }

#homeinfopopup {width: 70px; height: 20px; background-color: #ffffff; border: solid 1px #000000; display: none; position: absolute; padding: 0px; margin: 0px;}
#homeinfopopup p { padding: 5px; }

div.post h2 { margin-bottom: 0; padding-bottom: 0;}

#maintext .post p.postmetadata { border-top: 1px solid #666; margin-top: 5px; padding-top: 5px;}

textarea#comment { 
	width: 450px;
}
ul.comment-list { 
	margin: 0; 
	padding:0;
}
.comment-info h4 { 
	margin:0; 
	font-size: 13px;
}

.comment-info { 
	left:10px;
	padding:0 20px 0 0;
	position:absolute;
	top:10px;
	width:130px;
		}

.comment-body { 
	margin:0 0 0 160px;
	min-height:100px;
	padding:0 10px 0 0;
	 }

.post ul li.comment { 
	border-bottom: 3px solid #e3e3e3; 
	padding: 10px 0 10px;
	position: relative;
	list-style-type: none; }
	
	#respond h3, h3#comments { margin-top: 50px; border-bottom:  3px solid #e3e3e3; padding-bottom: 10px;}
	
	h3#respond { margin-top: 35px;}
	
	p.commentdate { margin: 0; padding:0; font-size: 10px; font-weight: bold; line-height: 14px;}
	
	.comment-info h4 { margin:0; padding:0;}
	
#commentform input, #commentform textarea { border: 1px solid #666; }

#maintext ul.comment-list { padding-left:0;}

#mainnav h3 { color: #fff;}

#searchform { margin-bottom: 20px;}

#salesletter #container {margin: 0 auto; text-align:center; width: 778px; background-image: url(img/sales_bg.gif); background-repeat: repeat-y; }

#salesletter #maintext { width: 720px;}

#salesletter p { font-size: 13px;}

#salesletter h2 { font-size: 20px; color: #d80c04;}
#salesletter h3 { font-size: 16px; margin-bottom: 10px;}



.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}



.itinerary { background: #f4d2ad; margin-bottom: 15px; padding: 10px;-moz-border-radius: 10px;
-webkit-border-radius: 10px;}

.alt { background: #b8e9a5;}

body#salesletter { background: url(img/46.jpg)}

#gravityform { width: 480px; margin: 0 auto; clear: both; margin-top: 20px;}

.navigation { font-size: 18px; font-weight: bold;}

#magazines img { border: 4px solid #e1e1e1;}
#magazines img:hover { border: 4px solid #6e6e6e;}

.magbox { width: 173px; float: left; margin: 20px 0; height: 265px;}
#magazines .magbox ul { clear: both; padding-top: 10px; }

.barclays { margin-top: -10px; padding-bottom: 20px;}