/* ---[ General ]----------------------------------- */

html{ overflow-y: hidden; overflow-x:hidden; }

body{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; }

body h3{ color:#6ebe46; font-size:14px; line-height:1.5em; }
body h4{ color:#0093d0; font-size:14px; }
p{ color:#666666; font-family: Arial, Verdana, Helvetica, sans-serif; }

a{ color:#666666; }
a:hover{ color:#6ebe46; }

div.content div.description p.inputDesc{ font-family: Arial, Verdana, Helvetica, sans-serif;color:#6ebe46; margin:0px 0 0 0; padding:0; }
div.content div.description p.inputDetails{ font-family: Arial, Verdana, Helvetica, sans-serif;font-size:80%; }
input.email{ width:375px; }

p.note{ font-size:75%; border-top:solid 1px black; margin-top:20px; }
p.note span{ padding-right:30px; }
a.pleaseReview{ display:block; text-decoration:none; margin-bottom:10px; color:#0093d0; }

p.comment{ font-size:11px; float:left; clear:both; width:350px; }
/* Mission section */

body.mission h3,
body.mission a:hover{
	color:#f78f1e;
}

/* Xo Laptor section */

body.xoLaptop h3,
body.xoLaptop a:hover{
	color:#6ebe46;
}

/* Donate now section */

body.donateNow h3,
body.donateNow a:hover,
body.donateNow a:active{	
	color:#0093d0;
}

/* The children section */

body.theChildren h3,
body.theChildren a:hover{
	color:#e50278;
}



/* ---[ Template layout ]----------------------------------- */

#wrapper{ width:660px; margin:0 auto; }
#bd{
	clear:both;
	border:0;
	border-left:0;
	//float:left;
	background-image:url("../g1g1/line-bkg.gif"); background-repeat:repeat-y;
	overflow: hidden;	
	}
#subNav{ width:166px; float:left; }
#content{ width:660px; padding:20px;overflow: hidden; }

/*------------------------------------------Header CSS------------------------------------------*/
	#hd {
		text-align:right;
		width:660px;
	}
	#hd div#logo {
		float:left;
		width:187px;
		padding:20px 43px 20px 0px;
	}
	#hd div#navigation {
		float:left;
		top:-1px;
		padding-left:220px; 
	}
	#hd div#navigation ul#Header_Nav {
		text-align:right;
	}
	
	#hd ul li {
		display:inline;
		margin:0pt;
	}

	#hd ul li {
	list-style:none;
	padding-right:0px;
	padding-left:0px;
	}
	#hd ul li .NavButton{
	  display:inline;
		float:left;
	  width:105px;
		text-align:left;
	  /*padding-right:20px;
	  padding-left:20px;*/
	  padding-top:20px;
	  padding-left:10px;
	  border-left:solid 1px #B2B2B2;
	  
	  border-color:#B2B2B2;
	  background-color:RGB(0xff,0xff,0xff);
	}
	#hd ul li .NavButton a {
	  font-family:Verdana, arial, sans-serif;
	  color:#666666;
		text-decoration:none;
		font-size:12px;
		text-align:center;
	  vertical-align:bottom;
	}
		#hd ul li .NavButton a:hover{
			color:#6ebe46;
		}

		/* Colorisation of the Menu items */
		#hd ul li #mission a:hover,
		body.mission #hd ul li #mission a {
			color:#f78f1e;
		}
		#hd ul li #xo_laptop a:hover,
		body.xoLaptop #hd ul li #xo_laptop a{
			color:#6ebe46;
		}
		#hd ul li #g1g1 a:hover,
		body.donateNow #hd ul li #g1g1 a{			
			color:#0093d0;
		}
		#hd ul li #the_children a:hover,
		body.theChildren #hd ul li #the_children a{
			color:#e50278;
		}		
		
	#hd ul li .NavButton#the_children {
		border-right:solid 1px #B2B2B2;
		border-color:#B2B2B2;
	}

/* --- Footer CSS ----------------------------------- */
#footer_container {
	width:660px;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;

}

#languages {
	float:left;
	width:385px;
	text-align:right;
	color:#666666;
}

#languages	a {
		color:#6ebe46;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
}
#languages	a:hover {
		color:#666666;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
}
#languages	a:active {
		color:#6ebe46;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
}

#fd	{
		color:#666666;
		width:600px;
		text-align:left;
		float:left;
}

#fd	a {
		color:#6ebe46;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
}
#fd	a:hover {
		color:#666666;
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:none;
}

#fd span.footer_text {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size:11px;
		color:#666666;
}

.callToGive{
	clear:both;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
	padding-top:10px;
	}
	
.callToGive p{
	font-size:11px;
	color:#666666;
	}
.callToGive p a{
	color:#666666;
	}
.callToGive p a:hover{
	color:#666666;
	}

body.mission #fd	a,
body.mission #languages a{ color:#f78f1e; }

body.xoLaptop #fd a
body.xoLaptop #languages a{ color:#6ebe46 }

body.donateNow #fd a,
body.donateNow #languages a{ color:#0093d0; }

body.theChildren #fd a,
body.theChildren #languages a{ color:#e50278; }

body.mission #fd a:hover,
body.xoLaptop #fd a:hover,
body.donateNow #fd a:hover,
body.theChildren #fd a:hover,
body.mission #languages a:hover,
body.xoLaptop #languages a:hover,
body.donateNow #languages a:hover,
body.theChildren #languages a:hover{ color:#666666;}

/* ---[ subNav ]----------------------------------- */


#subNav ul { display:none; }
body.mission #subNav ul#subNav-mission { display:block; }
body.xoLaptop #subNav ul#subNav-xoLaptop { display:block; }
body.donateNow #subNav ul#subNav-donateNow { display:block; }
body.theChildren #subNav ul#subNav-theChildren { display:block; }
body.privacyPolicy #subNav ul#subNav-privacyPolicy{ display:block; }
body.sendToAFriend #subNav-sendToAFriend{ display:block; }
body.faq #subNav ul#subNav-faq{ display:block; }
body.termsAndConditions #subNav ul#subNav-termsAndConditions{ display:block; }
body.warranty #subNav ul#subNav-warranty{ display:block; }
body.returnMerchandise #subNav ul#subNav-returnMerchandise{ display:block; }
body.confirmation #subNav ul#subNav-confirmation{ display:block; }
body.shipping #subNav ul#subNav-shipping{ display:block; }
body.gettingStarted #subNav ul#subNav-gettingStarted{ display:block; }

#subNav ul li{ list-style:none; }    
#subNav ul li a{
	display:block;
	width:165px;
	height:42px;
	padding-top:5px;
	background-color:#fff;
	border-right:solid 1px #B2B2B2;
	border-bottom:solid 1px #B2B2B2;
	
	text-decoration:none;
	} 
#subNav ul li a:active {
	border-right:solid 0px #fff;
}

/* Mission section */
body.vision #subNav ul#subNav-mission li#vision a{
	border-right:solid 1px #fff;
	color:#f78f1e;
	}

/* XO Laptop section */
body.explore #subNav ul#subNav-xoLaptop li#explore a,
body.software #subNav ul#subNav-xoLaptop li#software a,
body.social #subNav ul#subNav-xoLaptop li#social a,
body.reviews #subNav ul#subNav-xoLaptop li#reviews a,
body.giftCards #subNav ul#subNav-xoLaptop li#gift a {
	border-right:solid 1px #fff;
	color:#6ebe46;
	}
	
/* Donate now section */
body.ways #subNav ul#subNav-donateNow li#ways a,
body.give #subNav ul#subNav-donateNow li#give a,
body.personal #subNav ul#subNav-donateNow li#personal a,
body.group #subNav ul#subNav-donateNow li#group a,
body.free #subNav ul#subNav-donateNow li#free a{
	border-right:solid 1px #fff;
	color:#0093d0;
	}
	
/* The Children section */
body.learning #subNav ul#subNav-theChildren li#learning a,
body.what #subNav ul#subNav-theChildren li#what a,
body.teachers #subNav ul#subNav-theChildren li#teachers a,
body.nigeria #subNav ul#subNav-theChildren li#nigeria a{
	border-right:solid 1px #fff;
	color:#e50278;
	}

/* Privacy policy section */	
body.privacy #subNav ul#subNav-privacyPolicy li#privacy a{
	border-right:solid 1px #fff;
	color:#6ebe46;
	}
	
/* Send to a friend section */	
body.send #subNav ul#subNav-sendToAFriend li#send a{
	border-right:solid 1px #fff;
	color:#6ebe46;
	}
	
/* FAQ section */	
body.faq #subNav ul#subNav-faq li#faq a{
	border-right:solid 1px #fff;
	color:#6ebe46;
	}
	
/* Terms and conditions section */	
body.termsAndConditions #subNav ul#subNav-termsAndConditions li#terms a{
	border-right:solid 1px #fff;
	color:#6ebe46;
	}
	
/* Warranty section */	
body.warranty #subNav ul#subNav-warranty li#warranty a{
	border-right:solid 1px #fff;
	color:#6ebe46;
	}

/* returnMerchandise section */	
body.returnMerchandise #subNav ul#subNav-returnMerchandise li#returnMerchandise a{
	border-right:solid 1px #fff;
	color:#6ebe46;
	}

/* Confirmation section */	
body.confirmation #subNav ul#subNav-confirmation li#c?nfirmation a{
	border-right:solid 1px #fff;
	color:#6ebe46;
	}
	
/* Shipping section */	
body.shipping #subNav ul#subNav-shipping li#shipping a{
	border-right:solid 1px #fff;
	color:#6ebe46;
	}

/* Getting Started section */	
body.gettingStarted #subNav ul#subNav-gettingStarted li#gettingStarted a{
	border-right:solid 1px #fff;
	color:#e50278;
	}

/* ---[ Software and interface ]----------------------------------- */

#divSoftwares{ width:660px; float:left; }

#clickOn{ width:332px; float:right; margin-top:10px; margin-right:-1px; padding:2px 3px 3px 7px; color:#666666; }

#xoviews{ width:660px; float:left; position:relative;left:155px;}
    
div.software{ clear:both; padding-top:10px; margin:0; }
div.software div.media{ float:left; width:350px; }
div.software div.description{ float:right; text-align:left; width:230px; }
div.software p{ line-height:1.5em; margin-bottom:10px; }

/* ---[ Gift Cards]----------------------------------- */

body.giftCards div.content div.description p.inputDesc{ margin:10px 0 0 0; }
body.giftCards input.email{ width:330px; }
body.giftCards div.media img { margin: 5px 0 0 18px; }

/* ---[ The Children - learning-around-the-world ]----------------------------------- */

body.theChildren div.slide div.media{ float:left; width:445px; padding:0; margin:0; }

/* ---[ xoLaptop - social-sharing ]----------------------------------- */

body.social div.slide div.media{ float:left; width:351px; padding:0; margin:0; }

/* ---[ Explore ]----------------------------------- */

#rollOver{ width:332px; float:right; margin-top:10px; margin-right:-1px; padding:2px 3px 3px 7px; color:#666666; }

/* ---[ Content template ]----------------------------------- */

#xoviews{ width:370px; float:left; position:relative;left:155px;}

div.content{ clear:both; margin:0; }
div.content div.media{ float:left; width:351px; padding:0; margin:0; }
div.content div.media p{ font-size:80%; margin-top:8px; }
div.content div.description{ float:right; text-align:left; width:340px; }
div.content div.description p{ line-height:1.5em; margin-bottom:10px; margin-top: 0; clear:both; }

div.content div.description table{ margin-bottom:10px; width:500px; color:#666666 }
div.content div.description table tr th{ color:#6ebe46; padding-bottom:5px; }
div.content div.description table tr td{ padding-bottom:2px; }

div.content div.description div.wayBlock{ clear:both; border-top:solid 1px #B2B2B2; }
div.content div.description div.wayBlock h4{ margin-top:5px; }

div.content div.description a.orderNow span,
div.content div.description a.donateNow span,
div.content div.description a.submit span,
div.content div.description a.findOutMore span{ display:none; }
div.content div.description a.giveOneGetone span{ display:none; }
div.content div.description a.theXoLaptop span{ display:none; }
div.content div.description a.waysToDonate span{ display:none; }
div.content div.description a.moreInformation span{ display:none; }

div.content div.description p.letter-indent{ text-indent: -15px; margin: 0 0 0 45px; padding:0; }

div.content div.description p a{ text-decoration:none; color:#6ebe46; }

body.give div.content div.description p a,
body.personal div.content div.description p a,
body.group div.content div.description p a,
body.free div.content div.description p a{ color:#0093d0; }

body.learning div.content div.description p a,
body.what div.content div.description p a,
body.			s div.content div.description p a{ color:#e50278; }

body.vision div.content div.description p a{ color:#f78f1e; }

div.content form{ float:left; }
#tac{ float:right; margin-top:5px; }

/* textual */
div.textual div.content{ padding-left:20px; }
div.textual div.content div.description{ clear:both; float:left; text-align:left; width:340px; }
div.textual div.content div.description h3{ font-size:14px; }
div.larger div.content div.description{ width:500px; }

/* slideShow */
div.slide{ clear:both; float:left; margin:0; padding-bottom:10px; }
div.slide div.media{ float:left; width:351px; padding:0; margin:0; }
div.slide div.media p{ font-size:80%; }
div.slide div.description{ float:right; text-align:left; width:265px; }
div.slide div.description h3{ clear:left; }
div.slide div.description p{ line-height:1.5em; margin-bottom:10px; }
div.slide div.slideControlPanel{ padding-bottom:30px; }
div.slide div.slideControlPanel a{ display:block; float:left; }
div.slide div.slideControlPanel span{ display:block; padding:2px 5px 0 5px; float:left; color:#666; }

#controlAnchorPanel{ display:none; }
div.slide div#controlAnchorPanel a{ margin-top:5px; text-decoration:none; float:left; clear:left; font-size:90%; }
div.slide div#controlAnchorPanel a.selected{ color:#e50278; }

/* Home */
body.home div#bd{ border:0; border-bottom:solid 1px #B2B2B2; background-image:url("../g1g1/home-bkg_en.jpg"); background-repeat:no-repeat; background-position:left bottom; }
body.home div#content{ padding-left:195px; padding-right:0; }
body.home div.content div.media{ width:600px; float:right; border-bottom:solid 1px #B2B2B2; }
body.home div.content div.media div{ float:right; }
body.home div.content div.media div.daysCounter{ position: absolute; margin-top: 50px; }
body.home div.content div.description{ float:right; width:600px; margin:20px 0 20px 0; }
body.home div.content div.description p{ line-height: 25px; }
body.home div.content div.description .boutons{ float: left; margin:10px 10px 20px 0; }
body.home div.content div.description .boutons p{ float: left; }
body.home div.content div.description .boutons a{ float: left; margin: 0 0 0 10px; }
/* Reviews */
body.reviews div.content{ padding-bottom:10px; float:left; }

/* getting started */
body.gettingStarted h3,
body.gettingStarted h4{ color:#e50278; font-size:14px; line-height:1.5em; }
body.gettingStarted #bd a,
body.gettingStarted #footer_container a{ color:#e50278!important; }

/* Xo in Nigeria */

body.nigeria div.slide div.media{ float:left; width:350px; padding:0; margin:0; }
body.nigeria div.description{ float:right; text-align:left; width:341px; }