@import url("jqGalScroll.css");

body 
{        
    color: #000;
    text-align: center;
    background-color: #EFFFBF;
    background:#E7D2B3 url(../img/bg.jpg) no-repeat fixed 50% top;
}
h1
{
    margin-left: 10px;
    font-size: 2.0em;
}
h2
{
    font-size: 1.2em;
    margin-left: -10px;
}
.divWebContentHolder
{
    font-family: Calibri, Gill Sans MT, Tahoma;
    margin: 0 auto 0 auto;
    width: 950px;  
    background-color: #fff;
}

.divHeader
{
    width: 950px;
    height: 90px;     
    background-color: #F8F6EA;
    background-image: url(../img/newLogo.jpg);
}

.divHeaderLogo
{
    width: 210px;
    height: 90px;
    float: left;        
    vertical-align: middle;
}
.divHeaderLogo a
{
    float: left;    
    margin: 35px 0 0 25px;
}

.divHeaderMenu
{
    width: 580px;
    height: 90px;
    float: left;      
    margin-left: 65px;
}

.divHeaderMenu a
{                
    color: #621603;
    font-size: 1.0em;  
    text-decoration: none;    
    font-weight: bold;
    position:relative;
    top: 35px;        
}
.divHeaderMenu a:hover 
{
    text-decoration: underline;  
}
.divHeaderMenu div
{                
    float: left; 
    width: 95px;
    height: 90px;
}

.divPageHeaderImage
{
    border-top: solid 1px #fff;
    width: 950px;
    height: 275px;
    background-image: url('../img/mainHeaderImage.jpg');
}
.divPageHeaderImageSPA
{
    border-top: solid 1px #fff;
    width: 950px;
    height: 275px;
    background-image: url('../img/mainHeaderImageSPA.jpg');
}
.divBreadcrumbHolder
{
    height: 25px;
    width: 950px;
    background-image: url('../img/hr.jpg');
}

.divBreadCrumb
{
    width: 350px;
    float: left;
    color: #000;
    font-size: 0.8em;
    text-align: left;
    margin: 5px 0px 0px 5px;    
}

.divLanguageSelector
{
    width: 350px;
    float: right;
    color: #000;
    font-size: 0.8em;
    text-align: right;
    margin: 20px 5px 0px 0px;  
}

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

.divPageContent
{
    padding-top: 20px;
    width: 950px;
    height: auto;
    text-align: left;
    color: #000;
    font-size: 0.8em;
}

.divFlashItem
{
    width: 950px;
    height: 470px;    
    text-align: center;    
}

/* Team Member Page */
.ImageCell
{
    width: 160px;
    text-align: center;
}

.TeamMemberName
{
    color: Black;
    font-size: 1.2em;
    font-weight: bold;
}

.TeamMemberPosition
{
    color: #666;
    font-size: 1.2em;
    font-weight: bold;
}

.TeamMemberDescription
{
    color: black;
    font-size: 1.0em;
    font-weight: normal;
}

.ContactImageCell
{
    vertical-align: top;
}

.ContactImageDiv
{
    height: 40px;
    float: left;
}

.ContactImageTextDiv
{
    padding-top: 10px;
    margin-left: 10px;
    float: left;
    height: 40px;
    font-weight: bold;
    font-size: 1.2em;
}
.ContactSpacing
{
    float: left;
    height: 40px;
    width: 100px;
}

.TeamMemberBorder
{
    border-top: solid 2px #333;
}

.TeamMemberHolder
{
    vertical-align: top;
}

/* NewsLetter Styles */
.NewsLetterHeading
{
    color: Black;
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    margin-left: 20px;
}

.PublishDate
{
    color: #666;
    font-size: 1.2em;
    font-weight: bold;
    float: left;
    margin-left: 10px;
}
.NewsLetterDescription
{
    color: black;
    font-size: 1.0em;
    font-weight: normal;
}
.NewsLetterReadMore
{
    float: right;
    color: #ADCC04;
    font-size: 1.2em;
    font-weight: bold;
    margin-right: 20px;
    text-decoration: none;
}
.NewsLetterReadMore:hover
{    
    text-decoration: underline;
}

/* Sub Menu Pages */
.SubMenuHolder
{
    float: left;   
    width: 250px;
}
.SubMenu
{
    width: 200px;
    height: auto;
    border: solid 2px #ADCC04;
    float: left;
    margin-left: 20px;
}
.SubMenuMainContent
{    
    width: 695px;
    float: left;
}
.SubMenuHyperLink
{
    color: #333;
    font-size: 1.2em;
    float: left;
    margin-left: 30px;
    width: 250px;
    text-decoration: none;
    padding-bottom: 5px;
}
.SubMenuHyperLink:hover
{
    color: black;
    font-weight: bold;
}
.SubContentImages
{
    padding-left: 20px;
    width: 100%;
    margin-bottom: 20px;    
}

.SubContentHeading h4
{
    font-size: 1.6em;
    color: #ADCC04;
    font-weight: bold;
    margin-bottom: 0px;
}

.SubContentText
{
    margin-left: 20px;
}

/* Gallery */
.GalleryHolder
{
    width: 900px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.FooterDeveloper
{	
	color: black;
	font-size: 0.9em;	
	padding-top: 10px;
	padding-bottom: 10px;
	width: 950px;
}
.FooterDeveloper a
{
	color: #9BD601;
}
.FooterQuickLinks
{
	color: #ccc	;
	font-size: 0.8em;	
	padding-top: 10px;
	margin-top: 30px;
	float: left;
	width: 1000px;
}
.FooterQuickLinks img
{
	border: solid 1px white;
}
.ContactUsLeftPanel
{
	width: 470px; 
	height: auto;	
	float: left;
	border-right: solid 2px #ADCC04;
}
.ContactUsLeftPanel td
{ vertical-align: text-top;}
.ContactUsRightPanel
{
	margin-left: 10px;
	float: left;
	width: 465px; 
}

.GridContainer		{padding: 5px; margin-left: auto; margin-right: auto;}
.GridContainer td, .aa	{border: solid 1px #ccc !important; padding-left:3px; padding-right: 3px}
.GridContainer th	{border: solid 1px #ccc;padding-bottom:3px; padding-left:3px; padding-right: 3px}
.GridHeader			{font-weight:bold;  background-color: #ADCC04; color:white}
.GridAlterRow		{background-color: #E7FFA6}	/* Used by Grids */
.GridLockedRow		{background-color: #d0cacd}	/* Used by Grids */
.GridContainer a	{color: #000;}

.FullPanel {float: left; width: 100%; text-align: center;}
.FullPanel table {margin-left: auto; margin-right: auto;width: 430px; border: solid 2px #ccc;}
.FullPanel table input	{width: 300px;}
.RadioBtn{ width: auto; text-align: left; float: left; margin-left: -140px; }
.RadioBtn label { margin-left: -130px; }

#logocarousel-holder {background:white;}
.logocarousel {height:125px; display:block; float:left; background:white;}

.logocarousel-prev {height:125px; display:block; float:left; width:32px; background: url(http://thebetourism.co.za/global/globaltheme/images/prev-horizontal-e.png) no-repeat left center; margin-right:10px;}
.logocarousel-next {height:125px; display:block; float:left; width:32px; background: url(http://thebetourism.co.za/global/globaltheme/images/next-horizontal-e.png) no-repeat right center;}
.logocarousel ul li {margin-right:22px;}

.QuickLinksMainDiv
{
	float: left; width: 950px;margin-top: 30px; margin-bottom: 10px; background-image: url(../img/quicklinkbg.jpg); background-repeat: no-repeat; background-position: top left;	
	margin-bottom: 40px;
	*margin-bottom: 20px;
}
.QuickLinksMainDiv div
{
	margin-left: 250px; width:500px;
}