/* @override http://navigator.nutricia.com/css/Navigator.Styles.css */

/*----------------------------------
	Body Section
------------------------------------
*/
#BodyNavigator {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100px;
	background: url(../img/Background_Line_Top.jpg) repeat-x 0 top;
}


/*----------------------------------
	Logo
------------------------------------
*/
#logoLink {
	width:250px;
	height:70px;
	float:left;
}



/*----------------------------------
	Map Section
------------------------------------
*/
#MapNavigator {
	margin: 0;
	padding: 40px 0 0 0;
	width: 100%;
	background: url(../img/Background_Line_Middle.jpg) repeat-x 0 120px;
}

#MapContainer {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	height: 500px;
	background: #000 url(../img/Background_MapContainer.jpg) no-repeat 0 0;
	
}

#MapContainer #TopLinks {
	width:100%;
	height:100px;
	
}

#MapContainer #TopLinks #Key {
	float:right;
	width:250px;
	height:60px;
	padding:10px 0;
}

#MapContainer #TopLinks #Key ul li {
	padding:10px 5px 10px 30px; 
	font-size:110%;
	background-position:left;
	background-repeat:no-repeat;
}


#MapContainer #TopLinks #Key ul li.KeyWith {
	background-image:url('../img/with_website_key.jpg');
}
#MapContainer #TopLinks #Key ul li.KeyWithout {
	background-image:url('../img/without_website_key.jpg');
}


#MapContainer #MapHolder {
	width:940px;
	height:400px;
	margin:0 0 0 11px;	
	padding:0;
} 


/*----------------------------------
	Martynars Style
------------------------------------
*/
#map_container { position: relative; }
#map_container a { cursor: pointer; cursor: hand; }
#map_tools	{ position: absolute; top: 11px; right: 11px; }
#map_continents	{ }
#map_countries .map_list_body	{ height: 316px; overflow-y: scroll; overflow-x: hidden; }
.map_list	{ position: absolute; top: 34px; right: 21px; width: 132px; }
.map_list_top { width: 154px; height: 4px; padding: 0px; background-image: url(/img/choose_country_top.png); }
.map_list_body { width: 132px; padding: 0px 10px 0px 10px; font-size: 12px; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #d6d6d6; background-color: #ffffff; }
.map_list_bottom { width: 154px; height: 4px; padding: 0px; background-image: url(/img/choose_country_bottom.png); }




/*----------------------------------
	Countries List Section
------------------------------------
*/
#ListNavigator {
	margin: 0;
	padding: 0;
	width: 100%;
}

#ListContainer {
	margin: 0 auto;
	padding: 15px 0 0 30px;
	width: 930px;
	height: 220px;
	background: #cccccc url(../img/Background_ListContainer.jpg) no-repeat 0 0;
}

#ListContainer h3 {font-size:80%;}

#ListContainer #CountriesContainer,
#ListContainer #TypesContainer,
#ListContainer #WebsitesContainer, 
#ListContainer #BrandsContainer {
	float: left;
	margin: 0;
	padding: 0 20px;
	width: 160px;
	height: 180px;
	border-right:1px solid #927fba;
}

#ListContainer #WebsitesContainer {border-right:1px dotted #2b0062;	}

#ListContainer #BrandsContainer {
	border:0;
	width: 220px;
}

#ListContainer .ListBox li img.flag {
	float:right;
	margin:7px 14px 0 0;
}
#ListContainer .ListBox li img.brand {
	float:right;
	/*margin:0 3px 0  0;*/
}

/* brands list*/
#ListContainer #BrandsContainer ul li {
	border:0;
	width: 180px;
	padding:1px 10px;
	margin:0 0 5px 0;
}


#ListContainer #BrandsContainer h2,
#ListContainer #BrandsContainer h3{color:#2b0062;}
#ListContainer #WebsitesContainer {width: 200px;}

#ListContainer .ListBox{
	height: 120px;
	background-color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #666;
}

/*----------------------------------
	 List box on hover colours 
------------------------------------
*/

#ListContainer .ListBox li {display:block;width:auto;height:auto;}
#ListContainer .ListBox ul li:hover {background:#4f2683;}
#ListContainer .ListBox li a{display:block;}
#ListContainer .ListBox li a:hover {color:#ffffff;text-decoration:none;}

#CountriesContainer ul#countries ,
#TypesContainer ul#types,
#WebsitesContainer dl#websites,
#BrandsContainer ul#brands
{
	overflow-y: scroll;
	overflow-x: none;
	height: 120px;
	line-height:200%;

}

#BrandsContainer ul#brands li {display:block;width:auto;height:auto;}
#BrandsContainer ul#brands li:hover {background:#fff;}
#BrandsContainer ul#brands li a{display:block;color:#4f2683;}
#BrandsContainer ul#brands li a:hover { color:#666;text-decoration:none;}
		
/*----------------------------------
	AJAX Loading SPinners...
------------------------------------
*/
	
.Loader {
	background-color:#eeeeee;
	background-image:url('../img/ajax-loader.gif');
	background-repeat:no-repeat;
	background-position:center;
	position:absolute;
	height:120px;
}	
	
#typeLoading { width:160px; }
#websiteLoading {width:200px; }

	
/*----------------------------------
	Footer Section
------------------------------------
*/

#FooterNavigator {
	margin: 0;
	padding: 20px 0;
	width: 100%;
	height: 35px;
	background: url(../img/Background_Line_Bottom.jpg) repeat-x 0 bottom;
}

#FooterContainer {
	margin: 0 auto;
	padding: 10px 10px 20px 10px;
	width: 890px;
	height: 45px;
	border-top:1px solid #4d2984;
}

#FooterContainer p.left,
#FooterContainer p.right {
	display:inline;
	font-size:70%;
}

#FooterContainer p.left {float:left;}
#FooterContainer p.right {float:right;}