/*<-- temp -->

*{ border: 1px solid black }
*/


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

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

a { text-decoration: none; color:#1648bc; }
a:hover { text-decoration: underline; color:#1648bc; }

a.blue { text-decoration: underline; color:#003875; }

.RadTreeView, 
.RadTreeView a.rtIn, 
.RadTreeView .rtEdit .rtIn input  {
  font-size: 1.1em !important;
}


/*========== Text ==========*/
h1 { margin: 0; padding: 15px 0px 20px 0px;  color: #003875; font-family: Arial, Helvetica, sans-serif; font-size: 2.1em; font-weight: normal; }
h2 { font-size: 1.4em; font-weight: normal; color: #003875; padding-bottom: 6px; margin: 0; font-family:Arial, Helvetica, sans-serif;  }
h3 { font-size: 1.0em; font-weight: normal; color: #003875; 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: #353330; margin: 0; padding: 0; font-weight: bold; font-family: Arial, Helvetica, sans-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; }

a.white { color: White;}

/* 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:100px; 
                  width: 960px;
                  background: #ffffff; } /* SW no width or border */
#HeaderLogo { float:left;  margin-left:5px; margin-bottom:5px; margin-top:5px; cursor:pointer; }
#HeaderStrapline {text-align: center; font-weight:bold; font-size:larger; 
                  letter-spacing:3px; word-spacing:4px;
                  padding: 35px 35px 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:960px; 
margin-top: 20px;
padding: 10px 0 10px 0px;
font-size: 70%;
color: Blue;
border-top-width:5px;
border-top-color:#3E3F8F ;
border-top-style:solid;

background-color: #e4eefa
}
#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 {  float: left; width: 250px;   margin-bottom:10px;
             padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px; height:100%;     
            }
            
#MainPanel {  float: left; width: 500px;  margin-bottom:10px;
             padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px; height:100%;     
            }
            
#RightPanel { float: left; width: 170px;  margin-left:5px; 
               padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px; height:100%;    }
            
#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;  }


#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; }

/*  http://www.vertexwerks.com/tests/sidebox/

The XHTML: 
<div class="sidebox">
	<div class="boxhead"><h2>Test Headline</h2></div>
	<div class="boxbody">
		<p>This is a short sample paragraph.</p>
		<p>And another one.</p>
	</div>
</div>   */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(/Images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/Images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/Images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px;  Safari-only, but cool */
}
.boxbody {
	background: url(/Images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding:  5px 30px 31px;
}

#PadStart { padding-left:3px; }