/**************************************
Author:		Agency.com
Client:		Omega Pharma
Name: 		Milena Polimeno
Start:		30/06/2007
End:		dd/mm/yyyy



* Table of Contents
* =================

* 0. reset_all styling
* 1. common styling
	- 1.1 left part of pages 
	- 1.2 main content
	- 1.3 right part of pages 
	- 1.4 footer
* 2. navigation styling
	- 2.1 green top bar
	- 2.2 navigation
	- 2.3 subnavigation
* 3. Language page
* 4. Where do you travel page
* 5. Contact page
* 6. Sitemap
* 7. About insects
* 8. About diseases
* 9. Advice for travellers
* 10. General styles
**************************************/


/* 0. reset_all styling
---------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	}
body, p, blockquote {
	color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
img, iframe { 
	border: none; 
	}
ul, li {
	list-style-type:none;
	}

/* Links
------------------------------ */
a, a:link, a:visited, a:hover, a:active {
	color:#063;
	}
a:hover {
	text-decoration:none;
	}

/* Forms
------------------------------ */
input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 11px;
	font-family: inherit;
	color:#666;
	}
input[type=radio] {
	margin-right:3px;
	}

/* 1. common styling 
---------------------------------------------------------- */
body {
	background: url(../_images/main_bg.gif);
	font-size:12px;
	}
h1 {
	margin:0 0 20px;
	font-size:20px;
	}
h2 {
	color:#063;
	font-size:14px;
	margin:30px 0 15px;
	}
h3 {
	font-size:13px;
	font-weight:bold;
	color:#505050;
	clear:left;
	padding-top:15px;
	}
p {
	font-size:12px;
	}
.smallTxt {
	font-size:10px;
	margin-top:20px;
	}
.underlined {
	text-decoration:underline;
	}
#container {
	width:995px;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
#fullcontent #content {
	background-image:none;
	}
#home #content {
	background:#FFF url(../_images/bg_content-homepage.jpg) top right no-repeat;
	}
#content {
	background:#FFF url(../_images/bg_content-subpage.jpg) top right no-repeat;
	text-align:left;  /*clear text-align center from container */
	float:left;
	width:995px;
	margin-top:40px;
	padding-bottom:60px;
	}
/* 1.1 left part of pages 
---------------------------------------------------------- */
#sidebar {
	width:333px;
	float:left;
	margin:30px auto 0;
	text-align:center;
	}
#mosquitos {
	position:absolute;
	top:110px;
	left:0;
	margin-left:-55px;
	background:url(../_images/mosquitos.png) top left no-repeat;
	width:77px;
	height:318px;
	}
#logo p {
	width:200px;
	color:#063;
	font-size:13px;
	margin:10px auto 0;
	text-align:center;
	}
#globe {
	margin:25px 0 10px;
	}
#othersites {
	width:205px;
	margin:0 auto;
	}
#othersites .button {
	background:url(../_images/btn-bg.gif) top left no-repeat;
	height:38px;
	padding-left:5px;
	text-align:left;
	float:left;
	margin-bottom:5px;
	width:198px;
	}
#othersites .button p {
	float:left;
	line-height:38px;
	vertical-align:middle;
	font-size:11px;
	}
#othersites .button a {
	color:#666;
	text-decoration:none;
	}
#othersites .button img {
	float:right;
	}
/* 1.2 main content
---------------------------------------------------------- */
#fullcontent #main {
	width:620px;
	}
#home #main {
	width:340px;
	margin:115px 0 0 22px;
	}
#main {
	float:left;
	width:415px;
	margin:115px 0 0 22px;
	}
#main p, #main li {
	line-height:1.5em;
	}
#main p {
	margin:0 0 15px;
	}
#buttons, #checklist {
	margin:30px 0 15px;
	float:left;
	}
#checklist {
	margin:15px 0 25px;}
#buttons div, #checklist div {
	background:url(../_images/btn_home_bg.gif) top left no-repeat;
	width:335px;
	line-height:29px;
	vertical-align:middle;
	padding-left:5px;
	height:29px;
	margin-bottom:5px;
	font-size:11px;
	float:left;
	}
#buttons div a img, #checklist div a img {
	float:right;
	margin:1px 1px 0 0;
	}
#buttons a, #checklist a {
	text-decoration:none;
	}

/* 1.3 right part of pages 
---------------------------------------------------------- */
#home #packshot {
	width:300px;
	}
#home #nomercy {
	width:250px;
	}
#packshot {
	margin-top:286px;
	float:right;
	width:225px;
	}
#nomercy {
	float:right;
	width:225px;
	}
#nomercy img {
	float:left;
	}
#home #nomercy p {
	margin-left:5px;
	}
#nomercy p {
	float:left;
	width:160px;
	margin:15px 0 0;
	color:#063;
	font-size:11px;
	}
/* 1.4 footer
---------------------------------------------------------- */
#footer {
	width:995px;
	background:url(../_images/bg_bottom.gif) no-repeat bottom;
	height:34px;
	float:left;
	margin-bottom:20px;
	}
#legal {
	clear:both;
	width:375px; 
	height:20px; 
	background-color:#FFF; 
	margin:0 auto;
	}
#legal p {
	font-size:9px;
	color:#063;
	line-height:20px;
	vertical-align:middle;
	}
#legal a, #legal a:link, #legal a:visited, #legal a:hover {
	color:#8E9295;
	padding-left:5px;
	}

/* 2. navigation styling 
-------------------------------------------- */	
/* 2.1 green top bar
-------------------------------------------- */	
#topbar {
	background-color:#00582D;
	height:20px;
	width:995px;
	position:absolute;
	top:0;
	left:0;
	clear:left;
	}
#topbar ul {
	text-align:right;
	border-left:1px solid #91C73E;
	padding:0 10px;
	float:right;
	}
#topbar li {
	color:#FFF;
	line-height:20px;
	vertical-align:middle;
	float:left;
	font-size:11px;
	}
#topbar a {
	display:block;
	float:left;
	color:#9C3;
	padding:0 5px;
	}
#topbar a:hover, #topbar li.active {
	color:#FFF;
	background-color:#9C3;
	height:20px;
	}
#topbar li.active {
	padding:0 5px;
	}
/* 2.2 navigation
-------------------------------------------- */	
#nav {
	position:absolute;
	top:40px;
	left:355px;
	clear:left;
	text-align:left;
	}
#nav ul#main-navigation {
	height:48px; 
	background:url(../_images/nav/bg-nav.gif) top right no-repeat;
	padding-right:3px;
	width:422px;
	}
#nav ul#main-navigation li {
	text-align:center;
	font-weight:bold;
	color:#063;
	float:left;
	font-size:11px;
	}
#nav ul#main-navigation li a {
	text-decoration:none;
	float:left;
	width:113px;
	padding-top:10px;
	height:38px;
	display:block;
	background:url(../_images/nav/nav.gif) top left no-repeat;
	}
#nav ul#main-navigation li a:hover {
	background:url(../_images/nav/nav-active.gif) top left no-repeat;
	}
#nav ul#main-navigation li#home a {
	background:url(../_images/nav/nav-home.gif) top left no-repeat;
	width:83px;
	padding-top:0;
	vertical-align:middle;
	line-height:48px;
	height:48px;
	}
#nav ul#main-navigation li#home a:hover {
	background:url(../_images/nav/nav-home-active.gif) top left no-repeat;
	}
#nav ul#main-navigation li#home.active {
	background:url(../_images/nav/nav-home-active.gif) top left no-repeat;
	width:83px;
	padding-top:0;
	vertical-align:middle;
	line-height:48px;
	height:48px;
	}
#nav ul#main-navigation li.active {
	width:113px;
	text-align:center;
	background:url(../_images/nav/nav-active.gif) top left no-repeat;
	padding-top:10px;
	height:38px;
	}
/* 2.3 subnavigation
-------------------------------------------- */	
#sub-navigation {
	padding:0 10px 0 5px;
	height:52px;
	width:409px;
	padding-top:18px;
	}
#sub-navigation li {
	padding-right:10px;
	font-size:11px;
	display:inline;
	line-height:20px;
	}
#sub-navigation li a, #sub-navigation li a:link, #sub-navigation li a:visited {
	color:#000;
	text-decoration:none; 
	}
#sub-navigation li, #sub-navigation li.active, #sub-navigation li a:hover {
	color:#063;
	}
#sub-navigation li.active {
	font-weight:bold;
	}
.link-02 {
 background:url(../_images/subnav2.gif) left 35px no-repeat;
 }
.link-03 {
 background:url(../_images/subnav3.gif) left 35px no-repeat;
 }
.link-04 {
 background:url(../_images/subnav4.gif) left 35px no-repeat;
 }
/*if subnavigation is spread over two lines*/
.link-02-large {
 background:url(../_images/subnav2_large.gif) left 35px no-repeat;
 }
.link-03-large {
 background:url(../_images/subnav3_large.gif) left 35px no-repeat;
 }
.link-04-large {
 background:url(../_images/subnav4_large.gif) left 35px no-repeat;
 }

/* 3. Language page
-------------------------------------------- */
#language #content {
	background:#000 url(../_images/packshot-language.jpg) bottom left no-repeat;
	height:570px;
	padding-bottom:40px;
	}
#language #mosquitos {
	background:url(../_images/mosquitos-language.png) top left no-repeat;
	width:89px;
	height:207px;
	top:240px;
	margin-left:-65px;
	}
#language #logo {
	float:left;
	padding:45px 0 0 50px;
	}
#language-content {
	margin:70px 0 0;
	float:right;
	}
#language-content p {
	font-weight:bold;
	margin-bottom:5px;
	font-size:11px;
	}
#language-content select {
	border:1px dotted #000;
	float:left;
	margin-top:2px;
	}
#palmtree {
	float:right;
	}
.go {
	float:left; 
	margin-left:10px;
	}
#language #nomercy {
	margin-top:98px;
	clear:both;
	width:416px;
		}
#language #nomercy p {
	width:275px;
	padding-top:5px;
	}

/* 4. Where do you travel page
---------------------------------------------------------- */
.countryname {
	background:#C1DF79;
	float:left;
	padding:3px 5px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	width:330px;
	}
.countryname h2 {
	font-size:11px;
	margin:0;
	}
.countryname-top {
	background:url(../_images/green-corner-top.gif) top left no-repeat;
	width:100%;
	height:2px;
	float:left;
	overflow:hidden;
	}
.countryname-bottom {
	background:url(../_images/green-corner-bottom.gif) top left no-repeat;
	width:100%;
	height:2px;
	float:left;
	}
ul#abc {
	margin:10px 0 20px 0;
	width:286px;
	float:left;
	}
#abc li {
	width:17px;
	line-height:17px;
	float:left;
	margin:0 5px 3px 0;
	text-align:center;
	font-weight:bold;
	background:url(../_images/abc-active.gif) left top no-repeat;
	color:#FFF;
	vertical-align:middle;
	}
#abc li a, .letter {
	color:#063;
	background:url(../_images/abc.gif) left top no-repeat;
	width:17px;
	display:block;
	text-decoration:none;
	}
.letter {
	clear:left;
	line-height:17px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
	}
#abc li a:hover {
	background:url(../_images/abc-active.gif) left top no-repeat;
	color:#FFF;
	}
/* 5. Contact page
---------------------------------------------------------- */
#contact {
	width:320px;
	background:url(../contact-us/_images/bg.gif); 
	padding:15px 10px 20px;
	float:left;
	}
#contact h2 {
	color:#063;
	font-weight:bold;
	margin:15px 0 5px;
	font-size:12px;
	}
#contact p {
	margin:10px 0 5px;
	}
.brdr_input {
	border:1px dotted #000;
	}
#contact .send {
	float:right;
	background:url(../contact-us/_images/btn_send.gif) top left no-repeat;
	height:26px;
	width:80px;
	color:#063;
	}
#contact .contactleft {
	float:left;
	width:100px;
	}
#contact .contactleft p {
	line-height:22px;
	vertical-align:middle;
	}
#contact .contactright {
	float:right;
	width:220px;
	}
#contact .contactright p {
	margin:10px 0 0;
	width:50%; 
	float:left;
	}
#contact textarea {
	width:316px;
	overflow:hidden;
	height:150px;
	}
.big_input {
	width:316px;
	}
.small_input {
	width:216px;
	margin-top:8px;
	height:20px;
	}
.send {
	background:url(../contactus/_images/_UK-en/btn_send.gif); 
	color:#FFF;
	width:48px; 
	height:26px; 
	border:0;
	margin-top:20px;
	font-size:12px;
	}
.error {
	color:#063;
	clear:left;
	float:left;
	padding-top:10px;
	width:240px;
	}
#contact-footer {
	float:left;
	width:100%;
	}
#contact-footer p {
	font-size:9px;
	padding-left:10px;
	}
#contact-footer p, #contact-footer a, #contact-footer a:link, #contact-footer a:visited, #contact-footer a:hover {
	color:#063;
	}
/* 6. Sitemap
---------------------------------------------------------- */
ul#sitemap li {
	margin-bottom:5px;
	padding-left:0;
 	}
ul#sitemap li ul li  {
	background:url(../_images/list-square.gif) 0 -2px  no-repeat;	
	font-size:11px;
	margin:5px 0 10px 15px;
	padding-left:15px;
    }
/* 7. About insects
---------------------------------------------------------- */
#ticks img {
	float:left;
	}
#ticks img.arrow {
	margin:39px 5px 0 5px;
	}
/* 8. About diseases
---------------------------------------------------------- */
#main p.showmoreinfo {
	color:#628E04;
	cursor:pointer;
	text-decoration:underline;
	clear:right;
	background:url(../_images/list-square.gif) 0 -1px  no-repeat;	
	margin:5px 0 10px 0;
	padding-left:15px;
	}
div.moreinfo {
	margin-top:5px;
	}
img.hidemoreinfo {
	float:right;
	cursor:pointer;
	}
/* 9. Advice for travellers
---------------------------------------------------------- */
#usefull-links {
	clear:both;
	}
#usefull-links p {
	margin:30px 0 10px 0;
	}
#usefull-links li {
	margin:0 0 15px 0;
	background:url(../_images/list-square.gif) left -2px no-repeat;
	padding-left:15px;
	}
/* 10. General styles
---------------------------------------------------------- */
.clear {
	clear:both;
	}
.imgLeft {
	padding:0 10px 5px 0;
	float:left;
	}
.pLeft {
	float:left;
	width:245px;
	}