@charset "utf-8";
/* CSS Document */

/* //////////////// HTML TAGS ///////////// */
html body { background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666; margin:0; padding:0; z-index:0; height:18px}
a {outline:none; text-decoration:none; color:#666}
td a:hover{text-decoration:underline;}
form p {margin:0 0 5px 0; padding:0;}
form {margin:0; padding:0;}
img{border:none; outline:none;}
/* //////////////// DIV TAGS ///////////// */
#wrapheader{  z-index:0;  }
#wrapheader_line{ background:url(../images/grdnt.gif) repeat-x; margin:0 0 25px 0; }
#wrapcenter{ z-index:0;  margin:0 auto; width:960px; padding:0 0 30px 0;}
#wrapfooter{ z-index:0; border-top:1px solid #b2b2b2;}

#header{ margin:0 auto; width:975px; height:110px; position:relative;}
#header2 { background-image:url(../images/africanaffair_header_new.gif); background-position:center top; background-repeat:no-repeat; min-height:125px;}
.search { background-image:url(../images/bg_search.gif); background-position:center top; background-repeat:no-repeat; background-color:#f4f3f1; margin-top:3px}
#leftcol{ width:236px; float:left; background-color:#f4f3f1}
.bgleftcol {background-image:url(../images/bg_leftcol.gif); background-position:center; background-repeat: repeat-y;}
#leftcolcomponent{ margin-bottom:1px}
#centercol{ width:480px; float:left; padding-bottom:15px; }
#rightcol{ width:236px; float:right; margin-top:3px}
#rightA{height:283px;}
/* IE6 Hack*/	* html #rightA{height:273px;}
#rightB{}
.introduction { line-height:15px; text-align:justify;}
div{ line-height:15px}
.footer{background-image:url(../images/bg_shaddow.gif); background-repeat:repeat-x; background-color:#f4f3f1;}
#footer{ margin:0 auto; width:100%;}
	#footer ul{margin:0; padding:20px 0 0 0;}
	#footer li{display:inline; list-style:none; padding:0px 0px 0px 3px; letter-spacing:1px;}
	#footer li a{color:#666; text-decoration:none;}
	#footer li a:hover{color:#666; text-decoration:underline;}
#clear{ clear:both;}

#linkA{color:#ff0000;}
#linkA a{color:#ff0000; text-decoration:none;}
#btn_wishlist a{ position:absolute; bottom:0px; right:0px; width:110px; height:25px; line-height:25px; text-align:center; background:#ff0000; text-transform:capitalize; color:#fff; font-weight:bold; display:block; text-decoration:none; }
/* IE7 Hack*/		+html #btn_wishlist a{margin:0 0 0 0;}
/* FF Hack*/		*|html #btn_wishlist a{margin:0 0 0 0;}
/* IE6 Hack*/		* html #btn_wishlist a{margin:0 0 -19px 0;}
#bdrlft{margin-left:-25px; border-bottom:1px solid #ccc; height:1px;}
#searchfield{ border:none; background:none; width:170px; height:24px; padding:0px 0px 15px 0px;}
#search_img{ background:url(../images/src_cntr.gif) repeat-x;}
#small_ttl{ font-size:10px; color:#999;}
#map_name{ font-size:10px; color:#660000;}
#map_image{}
#search_adv select{width:200px; margin:0 0 5px 0; background:none; border:1px solid #ccc;}
#search_adv .submit{background:#ff0000; font-size:11px; font-weight:bold; text-transform:capitalize; color:#fff; border:none; width:37px; height:24px; margin:0 0 0 163px; cursor:pointer;}
#sort_list{padding:5px 0 0 10px;}
#special{ text-transform:uppercase; color:#ff0000; }
#btn_add_wish a{ float:right; width:15px; height:15px; line-height:10px; background:#ff9900; color:#fff; font-size:14px; font-weight:bold; display:block; text-decoration:none; padding:4px 0 0 4px; clear:right; overflow:visible; }
#btn_req_quote a{float:right; width:105px; height:25px; line-height:25px; background:#ff9900; color:#fff; font-size:10px; font-weight:bold; display:block; text-decoration:none; text-align:center; clear:right;}

.reqQuote { float:right; padding-top:7px; line-height:25px; background-color:#F2F2F2; width:100%; margin-top:10px; }
.reqQuote a{float:right; clear:both; width:105px; height:25px; line-height:25px; background:#ff9900; color:#fff; font-size:10px; font-weight:bold; display:block; text-decoration:none; text-align:center; clear:right;}

#btn_add_wishpop a{float:right; width:15px; height:15px; line-height:10px; color:#fff; font-size:14px; font-weight:bold; display:block; text-decoration:none; padding:4px 20px 0 4px; clear:right; }
#btn_req_quotepop a{float:right; line-height:11px; color:#fff; font-weight:bold; font-size:11px; padding:5px 0 0 0;}
#acomm_ttl a{color:#666;}
#closeit{ width:50px; height:50px; position:absolute; right:0px; top:0px; background:#ff9900; color:#fff; display:block;text-align:center;}
#closeit a{font-size:25px; font-weight:bold; color:#fff; display:block; text-decoration:none;  cursor:pointer; width:50px; height:50px; line-height:50px; }
 html * #rotator_wrapper{ width:480px; height:244px; display:block;}
#right_addon{ margin-top:250px;}
 * html #right_addon{ margin-top:15px;  }/* IE6 Hack*/
 *|html #right_addon{ margin-top:230px;  }/* FF Hack*/	
.minus5{margin-left:-8px;}
#bottom p{margin-bottom:0px; height:0px}
 *|html #bottom{height:60px;}
 *html #bottom p{margin-bottom:0px; height:0px}
/* //////////////// CLASSES///////////// */
.nine{font-size:9px;}
.ten{font-size:10px;}
.eleven{font-size:11px;}
.twelve{font-size:12px;}
.fourteen{font-size:14px;}
.sixteen{font-size:16px;}
.twentyOne{font-size:21px; line-height:21px}
.twentySeven{font-size:27px;padding-top:2px;}
.red1{color:#cc0000;}
.red2{color:#660000;}
.darkRed{color:#851607;}
.purple{color:#4d3870;}
.orange{color:#ff9933;}
.blue{color:#45539d;}
.green{color:#669900;}
.grey{color:#ccc;}
.grey2{color:#999;}
.white{color:#fff;}
.bold{ font-weight:bold; }
.brownBold{ font-weight: bold; color: #AE9E94; }
.black{color:#000;}
.view{color:#ff9900;}
	.view a:link{color:#ff9900; text-decoration:none;}
	.view a:visited{color:#ff9900; text-decoration:none;}
.bold{ font-weight:bold;}
.pad10{padding:10px;}
.top5{padding:5px 0px 0px 0px;}
.top10{padding:10px 0px 0px 0px;}
.top20{padding:20px 0px 0px 0px;}
.right5{padding:0px 5px 0px 0px;}
.right10{padding:0px 10px 0px 0px;}
.bot5{padding:0px 0px 5px 0px;}
.bot10{padding:0px 0px 10px 0px;}
.left5{padding:0px 0px 0px 5px;}
.left10{padding:0px 0px 0px 10px;}
.left20{padding:0px 0px 0px 20px;}
.mtop5{margin:5px 0px 0px 0px;}
.mtop10{margin:10px 0px 0px 0px;}
.mright5{margin:0px 5px 0px 0px;}
.mright10{margin:0px 10px 0px 0px;}
.mbot5{margin:0px 0px 5px 0px;}
.mbot10{margin:0px 0px 10px 0px;}
.mleft5{margin:0px 0px 0px 5px;}
.mleft10{margin:0px 0px 0px 10px;}
.mleft20{margin:0px 0px 0px 20px;}
.heading{ font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.bdr_dotbot{ border-bottom:1px dotted #ccc; }
.height18{line-height:18px;}
.border{ border:1px solid #ccc;}
.uppercase{ text-transform:uppercase;}
.center{ text-align:center;}
.floatleft{ float:left;}
.floatright{ float:right;}
.clear{ clear:both;}
.firstFavPropHP{ padding-right:10px; padding-bottom:10px; }

/* //////////////// COMPONENT ELEMENTS BELOW ///////////// */

/* ///////////////////////////////////// TABBED TOP MENU /////////////////////////////////////////////////  */
#tabcontainer{
padding-top:0px;
height:25px;
width:700px;
position:relative;
z-index:8888;
}
	* html #tabcontainer{padding-top:0px; margin-bottom:-11px; }
.menu {
float:left; 
padding-left:2px; /* space before first tab */
width:700px; 
height:auto;
margin-bottom:-1px !important; 
}

.menu ul {
margin:0;
padding:0; 
list-style:none; 
display:block;

}

.menu li {
display:inline; 
margin:0; 
padding:0;
height:auto;
}

.menu ul li a{
display:block; 
height:24px; 
float:left; 
background:url(../images/nav_left.png) no-repeat left top; 
padding:0 0 0 6px; 
/*border-bottom:1px solid #fff;  line below the tab */
font-size:11px; 
text-decoration:none; 
line-height:20px; 
white-space:nowrap; 
margin-left:2px; /* intertab spacing */
cursor:pointer;
}

* html .menu ul li a, * html .menu ul li a {
width:1px;
height:24px; 
}

.menu ul a b {
height:100%; 
display:block; 
background:url(../images/nav_right.png) no-repeat right top; 
padding:0 9px 0 6px; 
color:#ff0000; 
font-weight:normal;
}
.menu ul li a.tabactive 
/*#nav ul li:hover a*/{
height:27px;
background-position:0 -29px; 
border-color:#66000; /* colour of dividing line */
cursor:pointer;
}

.menu ul li a.tabactive b{
background-position:100% -29px; 
color:#660000;
}

.menu ul li a.defaultTabOff b {
color: #660000;
}

#contentContainer div {
position:absolute; top:27px; left:350px; width:120px;
background:#FAFAFA; border:1px solid #EFEFEF; z-index:9979;

font-size:11px;
padding:0px 0px; /*padding around 2nd level links*/
color:#ccc;
height:80px;
margin-top:0px !important;
}
#contentContainer div ul{margin:0; padding:0;}
#contentContainer div li{ list-style-type:none; border-bottom:1px solid #EFEFEF; display:block;}
#contentContainer div li a{ color:#999; display:block; padding:3px 10px; text-decoration:none; }
#contentContainer div li a:hover{ color:#999; background:#fff; display:block; width:100px; }

#contentContainer div a {
color:#000;
text-decoration:none;.
}

#contentContainer div a:hover {
color:#FF0;
text-decoration:none;
}

/* ////////////////////////////////////////////// ROTATOR STYLES //////////////////////////////////////////// */
#rotator{ position:relative; background:#660000; height:284px; width:480px; margin:0; padding:0;  z-index:898;}
#rotatorpop{ position:relative; background:#fff; height:270px; width:480px; margin:0; padding:0;  z-index:898; }
/*ROTATING FOCUS 1*/
 #mynamefocustabs{ display:none; height:0px; width:0px;}
 
 /* AJ change font colour of the tab */
 #mynamefocustabs a {width:93px; height:25px; text-decoration:none; font:bold 10px Verdana; color: #333333; line-height:24px;  display:inline; background-image:url(../AppThemes/img/tab.gif); background-repeat: no-repeat; text-align:center; overflow:hidden; text-transform:uppercase;}
 #mynamefocustabs a:hover {text-decoration:underline;}
 #mynamefocustabs a.current{background-image:url(../AppThemes/img/tabover.gif); color: #E03D36; width:93px; text-decoration:none; font-weight:bold;}
 #mynamefocustabs a.current:hover{text-decoration:none;}
 
 /* AJ change background-color for the main layer*/
 #mynametabcontentcontainer{width:480px; height:280px; float:left; position:relative; overflow:hidden;}
 .mynametabcontent{ display:none; position:relative; }
 #mynamefocus1 {width:480px; height:280px; display:block; }
 #mynamefocus2 {width:480px; height:280px; display:none; }
 #mynamefocus3 {width:480px; height:280px; display:none; }
 #mynamefocus4 {width:480px; height:280px; display:none; }
 
#mynamefocus_content1 { width:480px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; }
#mynamefocus_content2 { width:480px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left;   }
#mynamefocus_content3 { width:480px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; }
#mynamefocus_content3 { width:480px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:left; }

#thumb1 { width:480px; height:244px; margin:0; position:relative; overflow:hidden; z-index:888;} 
#thumb2 { width:480px; height:244px; margin:0; position:relative; overflow:hidden; z-index:888;} 
#thumb3 { width:480px; height:244px; margin:0; position:relative; overflow:hidden; z-index:888;}
#thumb4 { width:480px; height:244px; margin:0; position:relative; overflow:hidden; z-index:888;}

#thumb1pop { width:480px; height:270px; margin:0; position:absolute; top:0px; left:0px; z-index:798} 
#thumb2pop { width:480px; height:270px; margin:0; position:absolute;  top:0px; left:0px; z-index:798} 
#thumb3pop { width:480px; height:270px; margin:0; position:absolute;  top:0px; left:0px; z-index:798}
#thumb4pop { width:480px; height:270px; margin:0; position:absolute; top:0px; left:0px; z-index:798}

#rot_title{ color:#fff; font-size:12px; font-weight:bold; text-align:left; padding:5px 0px 5px 10px;}
#rot_details{ color:#999; font-size:9px; font-weight:normal;  text-align:left; padding:0px 0px 5px 10px;}

#rot_btns{ position:absolute; bottom:5px; right:5px; font-size:11px; width:117px;  padding:10px 0 0 0; color:#acacad; z-index:899; }
#rot{float:left; width:20px; height:20px; border:1px solid #fff; margin:0 0 0 5px; color:#fff; text-align:center; display:block;}
#rot a{color:#fff; width:20px; height:17px;  display:block;  text-decoration:none;  padding:3px 0 0 0px; }
#rot a:hover{display:block; background:#ff0000; }
#rot a:active{display:block; }


/* ////////////////////////////////////////////// SELECT LIST BOX STYLES //////////////////////////////////////////// */

   .trigger{
			border:1px solid #ccc;
			color:#666;
			width:198px;
			height:18px;
			padding:2px 0 0 2px;
			text-decoration:none;
			background:url(../images/arrow.gif) top right no-repeat #fff;
			display:block;
		}
		.activetrigger{
			border:1px solid #ccc;
			color:#666;
			width:198px;
			height:18px;
			padding:2px 0 0 2px;
			text-decoration:none;
			display:block;
			background:#fff;
		}
		/* style of the UL */
		.dropcontainer ul{
			background:#fff;
			border-bottom:none;
			list-style-type:none;
			padding:0;
			margin:0;
			width:200px;
			height:20px;
			position:absolute;
		}
		.dropdownhidden{
		background:#fff;
			top:0;
			left:-999em;
		}
		.dropdownvisible{
		background:#fff;
			top:0;
			left:0;
		}
		.dropcontainer ul a{	
			background:#F9F9F9;	
			display:block;
			width:198px;
			height:18px;
			padding:2px 0 0 2px;
			text-decoration:none;
			color:#999;
			border-bottom:1px solid #EFEFEF;
			border-left:1px solid #EFEFEF;
			border-right:1px solid #EFEFEF;
		}
		.dropcontainer ul a:hover{
		color:#999;
			background:#fff;
		}
		.dropcontainer{
		background:#fff;
			position:relative;
		}
		
/* ///////////////////////////  MF LIGHTBOX ///////////////////////////  */

#overlay{ /* set the opacity in mf_lightbox.js line 199  */

    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    width: 100%;
    height: 100%;
}

#box{
    background:#FFFFFF;
	margin: 0;
	padding: 0;
    border:2px solid #000000;
	overflow: auto;
}

#box #close{
    position:absolute;
    top:0px;
    right:0px;
    cursor:pointer;
}

#box #boxContents {
	margin-top:12px;
	padding:10px;
}

/* ////////////////// IE SELECT HACK /////////  */

.select-free
{
	position:absolute;
	z-index:10;
	cursor:move;

	overflow:hidden;/*must have*/
	width:33em;/*must have for any value*/;
	
}
.select-free iframe
{
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:3000px;/*must have for any big value*/
	height:3000px/*must have for any big value*/;
}

.select-free .bd{border:solid 1px #aaaaaa;padding:12px;}

#dolphincontainer{position:relative;width:100%;font-family:Verdana,Arial,sans-serif;}
#dolphinnav{position:relative;height:12px;font-size:10px;padding:10px 1px 8px 1px; width:100%}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;}
#dolphinnav ul li{display:inline;}
#dolphinnav ul li a{color:#666;text-decoration:none;padding:10px;}
#dolphinnav ul li a:hover{color:#fff;padding:10px; width:50%}
#dolphinnav ul li a.current,
#dolphinnav ul li a.current:hover{color:#fff; background-image:url(../images/bg_mi_locations.gif); background-repeat:no-repeat;padding:10px;width:50%}
#dolphin_inner{color: #666666;}
#dolphin_inner a:link, 
#dolphin_inner a:visited, 
#dolphin_inner a:active{color:#45539d}
#dolphin_inner a:hover{color: #ff9933}

.innercontent{display: none;}

/* Style for the popup calendar */
.MyCalendar .ajax__calendar_container {
    border:4px solid #646464;
    background-color: #FFFFFF;
    color: #646464;
    width:175px;
    z-index:9999;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day
{
	    background-color:Orange;
	        color: red;
	        font-weight:bold;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: red;
    font-weight:bold;
}
/* Style for the popup calendar */