/*<-- temp -->

* { border: 1px solid black }
*/

body 
{ margin: 0; padding: 0; 
  font: 0.9em Arial, Arial, Helvetica, sans-serif; color: #353330; 
  background-color:#e5e8eb; 
  text-align: center; height:100%; height:auto; }

#wrapper {  margin: 0 auto;  padding: 0;  width: 900px;  text-align: left; 
            position:relative;  
            background-color:White;
            height:100%; height:auto;  } 

div.MainLeftColumn {width:220px; height:100%;  
     margin-top:0px;
     padding-right:0px; padding-left:0px; 
     text-align:center; float:left; 
     background-color:White }

div.MainMidColumn { width:450px; 
      padding-right:15px; padding-left:15px; padding-bottom:10px; 
      margin-top:10px;
      text-align:left; float:left;  
      background-color:#e5e8eb; }

div.MainRightColumn { width:190px; height:100%; 
       margin-top:10px;
       padding-right:0px; padding-left:0px; 
       text-align:center; float:right; 
       background-color:White  }

div.NavHeading {width:200px; height:25px; margin-top:10px; margin-bottom:15px;
                 background: #336699; vertical-align:middle; padding-top:8px; 
                 color:White; text-align:center;
                 font-weight:bold; font-size:1.2em;  }
                 
div.NavHeadingLong {width:200px; height:25px; margin-top:10px; margin-bottom:15px;
                 background: #336699; vertical-align:middle; padding-top:8px; 
                 color:White; text-align:center;
                 font-weight:bold; font-size:1.05em;  }
                 
div.NavButton { margin-top:6px;}

li.Navigation { margin-bottom:0.4em; margin-top:0.5em; 
                margin-left:5px; margin-right:20px;
                border-bottom:1px solid #336699; 
                text-align:left;       }

li.NavigationLevel { margin-bottom:0.4em; margin-top:0.5em; 
                margin-left:5px; width:160px;
                border-bottom:1px solid #336699; 
                text-align:left;       }
      
a { text-decoration: none; color:#1648bc; }
a:hover { text-decoration: underline; color:#1648bc; }
a:active {color:Silver; }
a:visited {color:#04aaec;  }


li.NavigationServices {display:inline;}

li.NavigationServices a:link, li.NavigationServices a:visited 
{ margin-left:4px; margin-right:4px; margin-bottom:5px;
  padding: 3px, 10px, 2px, 10px;
  color:Black;
  background-color: #dce0e0;}
  
img.centerimage {
  text-align:center;
  display: block;
  margin-left: auto;
  margin-right: auto;
   }

p.indent { text-indent:15px; }


/*========== Text ==========*/
h1 { margin: 0; padding: 15px 0px 20px 0px; text-align:center;
     font-family: Arial, Arial, Helvetica, sans-serif; font-size: 2.1em; font-weight: bold; }
h2 { font-size: 1.5em; font-weight: normal; color: #336699; padding-bottom: 6px; margin: 0; 
     font-family:Arial, Arial, Helvetica, sans-serif;  }
h3 { font-size: 1.0em; font-weight: normal; color: #336699; padding-top: 5px;  margin: 0; font-family: Arial, Helvetica, sans-serif;  }
h3 a { color: #8d4a2a; }
h3 a:hover { color: #8d4a2a; text-decoration:underline;}
h4 { font-size: 0.9em; color: #336699; margin: 0; padding: 0; font-weight: bold; 
     font-family: "Times New Roman", Times, serif;  padding: 0px 0px 6px 0px;}
p { font-size: 0.9em; line-height: 18px; color: #353330; margin: 0; padding: 0em 0em 1em 0em; }
.contentNoPad p { padding:0; margin:0 }
.headingStandard { font-size: 1.1em; color: #6d2808; padding-bottom: 6px; margin: 0; font-family:"Times New Roman", Times, serif; }
.headingLarge { font-size: 1.5em; font-weight: normal; color: #6d2808; padding-bottom: 6px; margin: 0; font-family:"Times New Roman", Times, serif; }
.headingMedium { font-size: 1.3em; font-weight: normal; color: #6d2808; padding-bottom: 6px; margin: 0; font-family:"Times New Roman", Times, serif; }
.headingLarge a { color: #6d2808; }

.blue { color:#2c87bb}
.purple { color:#8f2250}
.fromPrice {font-size:20px; font-weight:bold;}

.underline {border-bottom:1px solid #f2f2dc}

.indent
{
clear:both;
margin-left: 50px ;	
margin-right: 70px;	
}

/*========== Text effects ==========*/

p.overhang
{
	margin-left: -35px ;	
}

div.pullquote 
{ float:right; width: 140px ; color: #A09080;
  border:solid#908070 ; border-width: 7px; 
  padding:3px 2px ; margin: 1px 7px;  
}

p.tip
{
 font-style:italic;	
}

/*<-- testing  --> */
div.faqsQuestion
{ 
    clear :both;
	text-indent:15px;
	background-image: url('Images/arrow_prev.gif'); background-repeat:no-repeat; background-position:left; padding-left:10px;
	text-align:left;
	color: Maroon; 
	background-color:Lime;

}

p.faqsQuestion::before
{ 
	background-image: url('Images/Domains4.gif'); background-repeat:no-repeat;
}

p.faqsAnswer
{

}

div.ConsiderationHeading
{
	font-size: 1.3em; font-weight: bold; color: #6d2808; 
	margin: 0; font-family:"Times New Roman", Times, serif; 
}


/*========== Links ==========*/

/* Dynamic Link */
a.stealth { color: #696661; }

/* Create the look of a link */
.mockLink { text-decoration: underline; cursor: pointer; color: #1648bc; }

.pagingLinks { font-weight:bold}

.white a, .white a:hover{ color:#fff}
.faqLink {color:#1648bc; cursor:pointer;}
.faqLink:hover { text-decoration:underline}
.horizontalPageHolderFadeNoSize { display:none }

/*========== Boxes ==========*/

.upgradeSurroundBox { float:left; background-color:#fff;  margin-top:10px; padding:7px 5px 5px 5px }

.khakiSurroundBox { float:left; background-color:#e1dcb8; width:515px; width/**/:/**/505px; margin-top:10px; padding:7px 5px 5px 5px }
.whiteSurroundBox { float:left; background-color:#fff; width:628px; width/**/:/**/606px; padding: 10px; border:1px solid #e7e8c8 }
.khakiSurroundAccommBox { float:left; width:498px; width/**/:/**/488px; margin-top:8px; padding:8px}
.khakiHighlightBox { float:left; margin-top:10px; margin-bottom:10px; padding:10px; width:485px; width/**/:/**/465px; }

.highlightBoxBrochureInner { padding:8px; width:440px;  width/**/:/**/424px; }
.highlightBoxBrochureOuter:hover {background-color:#f1f1d9; padding:12px}
.highlightBoxBrochureOuter {background-color:#fff; padding:12px}

.errorPanel {border: 1px solid red; padding: 10px;}
.standardPanelTop { margin-left:8px; font-size: 1px; line-height: 1px; height: 10px; 
                    background:url(/SharedResources/Images/Gambia/Site/Backgrounds/StandardPanelTop.gif) bottom left no-repeat #ffffff; }
.standardPanelBottom  { margin-left:8px; font-size: 1px; line-height: 1px; height: 10px; 
                        background: url(/SharedResources/Images/Gambia/Site/Backgrounds/StandardPanelBottom.gif) top left no-repeat #ffffff;}
.innerTabPanelTop  { font-size: 1px; line-height: 1px; height: 9px; 
                     background: url(/SharedResources/Images/Gambia/Site/Backgrounds/InnerTabPanelTop.gif) top left no-repeat #ffffff; }
.innerTabPanelBottom  { font-size: 1px; line-height: 1px; height: 9px;  
                         background: url(/SharedResources/Images/Gambia/Site/Backgrounds/InnerTabPanelBottom.gif) top left no-repeat #ffffff; }
.whitePanelBottom  { margin-left:8px; font-size: 1px; line-height: 1px; height: 10px; 
                     background: url(/SharedResources/Images/Gambia/Site/Backgrounds/ExtrasWhitePanelBottom.gif) top left no-repeat #ffffff; }
.buttonPanel { padding:10px; margin-left:8px; width:663px; width/**/:/**/ 641px; 
               border-left:1px solid #dbdbb8; border-right:1px solid #dbdbb8;  background: url(/SharedResources/Images/Gambia/Site/Backgrounds/greenPanelSmallFade.gif) top repeat-x #f2f2dc;}
.pagingPanel {padding-top:8px; padding-bottom:8px;}
.callBackRequestBox {float:right; background-color:#f1f1d9; padding:12px; width:162px; width/**/:/**/ 150px;}

.contentStrip { float:left; }
.contentStripPic { float:left; padding-right:10px; width:110px;}
.contentStripTextNoWrap { float:left; width:350px; }

/*========== Images ==========*/
img
{
	float: left;
}

/*========== Bullets and Lists Etc ==========*/
.customerQuoteWrapper p { display: inline; line-height:16px }
ul { font-size: 0.9em; line-height: 16px; color: #353330; padding: 0px 5px 0px 30px; margin: 0px 0px 10px 0px; }


.contentDivider { width:100%; font-size: 1px; line-height: 1px; height: 3px;   margin-top:15px; margin-bottom:15px;
                  background: url(/SharedResources/Images/Gambia/Site/Generic/DottedDivider.gif) left repeat-x; }
.tickBullets li {list-style-type:none; line-height:12px;  margin-left:20px; margin-top:10px; padding-left:10px; 
                 list-style-image:url(/SharedResources/Images/Gambia/Site/Bullets/Tick.gif); }

.pressDivider { display:none;}

/*========== Header ==========  SW */
#HeaderBackgound 
{                 float:left;
	              height:90px; 
                  width: 900px;
                  background: #99c2f3; 
                  } /* SW no width or border */
#HeaderLogo { float:left;  
              height:90px; 
              width: 900px; cursor:pointer; }
#HeaderStrapline {text-align: center; font-weight:bold; font-size:large; 
                  letter-spacing:2px; word-spacing:3px;
                  padding: 25px 15px 35px 35px; margin-bottom:15px;}

/*========== Header ==========*/ 
#HeaderBodyWrapper { min-width: 960px; text-align: center; } /* A full width wrapper for the header */
#Header { width: 960px; height:180px;  text-align: left; } /*TGE*/

#HeaderTopLinks { text-align: right; float: right; vertical-align:top; line-height:25px; color: #fff; padding-right:20px;  }
#HeaderTopLinks a:hover { color: #fff; text-decoration: underline; }
#HeaderTopLinks a { color: #fff; text-decoration: none; }
#HeaderTopLinks a.active { color: #fff; text-decoration: underline;}

#HeaderPrimaryLinks { text-align: center; vertical-align: top; color: #ffffff; margin-top:11px; font-weight: bold; font-size: 15px; width:960px;   }
#HeaderPrimaryLinks a:hover { color: #ffffff; text-decoration: underline; }
#HeaderPrimaryLinks a { color: #ffffff; text-decoration: none; }
#HeaderPrimaryLinks a.active { color: #ffffff; text-decoration: underline;}
.verticalTextSpacer { margin-left:16px; margin-right:16px; }

.telNumber { color: #ffffff; font-weight: bold; font-size: 22px; margin-left:806px; color: #fff;}
.openingHours { margin-top:55px;  margin-left:877px; color:#fff; font-size:11px}
.openingHours a { color: #fff; text-decoration: none; }
.openingHours a:hover { color: #fff; text-decoration: underline; }
.openingHours a.active { color: #fff; text-decoration: underline; }

#HeaderSubLinks { margin-top:8px; text-align: center; font-size: 12px; font-weight:bold; width:960px  }
#HeaderSubLinks span { font-weight:bold;}
#HeaderSubLinks a { text-decoration: none; }
#HeaderSubLinks a:hover { text-decoration: underline; }
#HeaderSubLinks a.active { text-decoration: underline; }

.navScroller { width: 960px; text-align: left; font-size: 12px; font-weight: bold; margin-top:7px; }


/*========== Log in ==========*/
#LoginWrapper { min-width: 960px; text-align: left; background-color:#463c33; color:#ffffff; } /* A full width wrapper for the login */
#LoginWrapper a { text-decoration: none; color:#ffffff; }
#LoginWrapper a:hover { text-decoration: underline;}
#LoginHeader { width: 960px; text-align: left; }
#LoginHeader p, #LoginHeader td { font-size:11px}
#LoginTab {width:139px; margin-right:10px; line-height:25px; float:right; color: #ffffff; cursor: pointer;}
.loginBoxSurround { border:1px solid #2a241f; text-align: left; margin-top:10px; }
.loginBox { border:1px solid #2a241f; text-align: left; margin-top:5px; width:150px}

/* Mode selector */
.modeSelector { margin: 0; padding: 0; }
.modeSelectorText { margin-top:6px; text-align:right;}


/*========== Footer ==========*/
#FooterWrapper { width:900px; min-width: 900px; text-align: center; } /* A full width wrapper for the footer */
/* Office  #Footer { clear:both;width: 960px; text-align: left; padding-top:30px; } */
#footer 
{
clear:both;
float:left;
width:890px; 
margin-top: 0px;
padding: 5px 5px 5px 5px;
font-size: 70%;
color: White;
background-color: Black ;	
}
#Footer a { color:#ffffff; text-decoration:none;}
#Footer a:hover { color:#ffffff; text-decoration:underline; }
#FooterLeftPanel {color:#ffffff; float:left; margin-top:20px; margin-left:17px; font-size:10px; }
#FooterRightPanel {color:#ffffff; float:right; margin-top:20px;  font-size:10px; text-align:right; }
#FooterRightPanel p {color:#ffffff; line-height:13px; font-size:10px}
.footerMenu {float:left; }
.tgeYearLogo {float:left; margin-top:17px;}

/*========== Homepage ==========*/
.homepageBottomLeftBox { float:left; width: 238px; width/**/:/**/ 218px; text-align:left; padding-left:10px; padding-right:10px; padding-top:15px;}
.homepageBottomRightBox { float:left; width: 238px; width/**/:/**/ 218px; text-align:left; padding-left:10px; padding-right:10px; padding-top:15px;}
.homepageBottomLeftBox, contentBox  a { text-decoration:none;}
.SmallContainer { float:left; width:150px; padding: 15px 0px 3px 0px;}
.SmallContainer ul { font-size: 0.9em; line-height: 16px; color: #353330; padding: 0px 0px 0px 20px; margin: 0;  }


/*========== Left/Middle/Right Panels ==========*/
div.clear
{
	clear:both;
}
#ThreeColumnInner { width: 773px; }
#LeftPanel { margin-bottom:10px; float: left; width: 256px; width/**/:/**/ 236px;  
             padding-left:10px; padding-right:10px; padding-top:10px; height:500px;     }
#MainPanelLarge { float: right; width: 699px; width/**/:/**/ 679px; margin-left:5px; padding:10px 10px 40px 10px;  }
#MainPanelSmall { float: right; width: 512px; width/**/:/**/ 492px; margin-left:5px; padding:10px 10px 40px 10px;  }
#RightPanel { float: left; width: 182px; width/**/:/**/ 162px; margin-left:5px; padding:12px 10px 0 10px;  }
#OuterPanelHolder { width: 960px; text-align: left; margin-top:18px; }
#FullWidthPanel {  width: 960px; width/**/:/**/ 940px;  padding-left:10px; padding-right:10px; padding-top:10px; }

.leftPanelHeaderPanel {background-color:#e6e6ca; padding:10px; margin-top:5px; margin-bottom:5px}

/* White backgrounds for two and three column masters */
#TwoColumn { background-image: url(/SharedResources/Images/Gambia/Site/Backgrounds/Two-Column-Background.gif); }
#ThreeColumn { background-image: url(/SharedResources/Images/Gambia/Site/Backgrounds/Three-Column-Background.gif); }

.extrasWhitePanelTop { background: url(/SharedResources/Images/Gambia/Site/Backgrounds/ExtrasWhitePanelTop.gif) bottom left no-repeat #ffffff; margin-left:8px; font-size: 1px; line-height: 1px; height: 10px; }
.extrasWhitePanelBottom { background: url(/SharedResources/Images/Gambia/Site/Backgrounds/ExtrasWhitePanelBottom.gif) bottom left no-repeat #ffffff; margin-left:8px; font-size: 1px; line-height: 1px; height: 10px; }

.contentBox {  background-color:#FFFFFF; }
.contentBox a { color: #1749bc; text-decoration: none; }
.contentBox a:hover { color: #1749bc; text-decoration: underline; }
.contentBox a.active { color: #1749bc; text-decoration: underline;}


/*========== OTHER - TO BE SORTED ==========*/

/* not used yet */
#ViewableContentArea { text-align: left; }

div.BulletList { float: left; width: 215px; padding-right : 20px; text-align:left; } 

/* NEW for site  */
img.Right 
{
	float: right;
	margin: 10px;
}

img.Centre
{
	float: none;
	margin: 10px;
}

div.NumberedList
{
 padding-top:0px; 
 margin-top:0px; 
 text-align:left;
 margin-left:50px;
 font: 0.9em Arial, Arial, Helvetica, sans-serif; color: #353330; 
}