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

Revision:	27/07/2007
Name:		Benjamin Lucas (ctrl+f and enter blu)		


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

* 0. reset_all styling
* 1. common styling
* 2. content styling
* 4. navigation styling
* 5. miscs styling
* 6. styling specific pages
**************************************/

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

img, iframe { 
	border: none; 
	}

br {
	margin:0;
	padding:0;
	}
/* Headers
------------------------------ */
h1, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}

/* Lists
------------------------------ */
ul, li {
	font-size:12px;
	font-weight:normal;
	}
ul, ol, dl, li, dt, dd {
	margin: 0;
	padding: 0;
	list-style-type:none;
}

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

/* Forms
------------------------------ */
form, fieldset {
	margin: 0;
	padding: 0;
	}

input, textarea, select {
	margin: 0;
	padding: 1px;
	font-size: 11px;
	font-family: inherit;
	color:#666;
	background-color:#FFF;
	}
textarea {
	overflow:hidden;
	width:370px;
	height:150px;
	}



/* 1. common styling 
---------------------------------------------------------- */
body {
	background: url(../_images/main_bg.gif);
	font-size:12px;
	}
h1 {
	margin-bottom:20px;
	font-size:20px;
	font-weight:normal;
	}
h2 {
	color:#BF78AD;
	font-weight:bold;
	font-size:14px;
	margin:20px 0 10px 0;
	}
h3 {
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
	color:#666;
	}

p {
	line-height:130%;
	font-size:12px;
	}

#container {
	width:995px;
	margin:0 auto;
	text-align:center;
	position:relative;
	}

/*pink top bar
-------------------------------------------- */

#top {
	background-color:#ECC4E4;
	height:20px;
	width:100%;
	margin-bottom:20px;
	vertical-align:bottom;
	line-height:20px;
	}
ul.pinkborder {
	text-align:right;
	border-left:1px solid #D182BD;
	float:right;
	padding:0 10px;
	}
.pinkborder li {
	color:#000;
	line-height:20px;
	vertical-align:middle;
	float:left;
	font-size:11px;
	}
.pinkborder li.active {
	background-color:#BF78AD;
	color:#FFF;
	text-decoration:none;
	padding:0 5px;
	}
.pinkborder a, .pinkborder a:link {
	display:block;
	padding:0 5px;
	float:left;
	}
.pinkborder a:hover {
	color:#FFF;
	background-color:#BF78AD;
	height:20px;
}
.bottomtext {
position:absolute;
bottom:5px;
right:10px;
color:#7d1a75;
font-size:9px;

}


/* common  =content
-------------------------------------------- */
#content {
	background-color:#FFF;
	text-align:left;  /*clear text-align center from container */
	float:left;
	position:relative;
	}

/*left part of pages*/
#left_content {
	width: 353px;
	float:left;
	}
#buttons {
	margin:auto;
	text-align:center;
	margin:20px 0 20px 0;
	}
	
#logo {
	margin: 20px 0 0 0;
	text-align:center;
	color:#A41984;
	font-weight:bold;
	font-size:13px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#logotext{
	border:2px solid #a41984;
	padding:5px;
	width:270px;
	text-align:center;
	display:block;
	margin:auto;
}	
#logo img {
	display:block;
	margin:auto;
	margin-bottom:15px;
	}

/*right part of pages*/
#right_content {
	width: 642px;
	float:left;
	}
/*pages with sidebar*/	
#middle {
	float:left;
	width:415px;
	}
#middle p {
	margin-bottom:15px;
	}

/*pages without sidebar*/
#fullcontent {
	padding-bottom:30px;
	}
#fullcontent p {
	margin: 0 15px 15px 0;
	text-align:justify;
	}
/* styles right column
-------------------------------------------- */
#sidebar {
	float:left;
	width:227px;
	}
#packshot {
	margin-top:20px;
	}
#tvspot {
	margin:0 0 0 10px;
}	
	
	

/* common  =footer
-------------------------------------------- */
#footer {
	width:995px;
	position:relative;
	margin: 0 auto;
	background:url(../_images/bg_bottom.gif) no-repeat top;
	height:34px;
	}

#legal {
	width:410px; 
	height:40px; 
	background-color:#FFFFFF; 
	text-align:center; 
	margin:10px auto 0px auto;
	}
#legal p {
	font-size:9px;
	color:#D182BD;
	line-height:20px;
	vertical-align:middle;
	}
#legal a, #legal a:link, #legal a:visited, #legal a:hover {
	color:#8E9295;
	padding-left:5px;
	}
#footertext {
	position:absolute; 
	bottom:0;
	width:415px;
	}
#footertext p {
	font-size:10px;
	}


/* 2. content styling 
---------------------------------------------------------- */
/* Some notices */
/* Styles here */
#middle ul {
	margin-bottom:15px;
	}
#middle li, #leaflets li, #fullcontent li {
	background: url(../_images/listitem.gif) 0 top no-repeat; 
	padding-left:15px;
	}
.pink, .pink a, .pink a:link, .pink a:visited, .pink a:hover {
	color:#A41984;
	}

/* 3. navigation styling 
---------------------------------------------------------- */

#topnav {
	height:115px;
	clear:both;
	width:549px;
	} 
#no_subnav #topnav, #home #topnav {  /*without subnavigation*/
	height:90px;
	margin-bottom:0;
	} 
#topnav li  {
	list-style-type:none;
	color:#A41984;
	font-size:11px;
		}
#topnav li a, #topnav li a:link, #topnav li a:visited {
	color:#A41984;
	text-decoration:none;
	}
/*main navigation */

#main-navigation {
	text-align:center;
	height:60px; /*height of buttons + padding-top 10px*/
	}
#main-navigation li {
	display:inline;
	}

/* styles for Home-button
-------------------------------------------- */

/* styles home button not active or hovered
-------------------------------------------- */

#main-navigation li#navhome.active, #main-navigation li#navhome a, #main-navigation li#navhome a:link {
	width:88px;
	line-height:50px;
	vertical-align:middle;
	background: url(../_images/nav_home.gif) no-repeat;
	padding-top:0;
	}

#main-navigation li#navhome.activehr, #main-navigation li#navhome.hr a, #main-navigation li#navhome.hr a:link {
	line-height:13px;
	padding-top:10px;
	}
	
/*styles home button on hover
-------------------------------------------- */

#main-navigation li#navhome a:hover, #main-navigation li#navhome.active {

	background:url(../_images/nav_home_active.gif) no-repeat;
	}
	
/*styles home button active without mouse cursor
-------------------------------------------- */

#main-navigation li#navhome.active {
	height:50px;
	float:left;
	color:#FFF;
	}
	
/*styles one line of copy buttons*/
#main-navigation li#navsmall.active, #main-navigation li#navsmall a, #main-navigation li#navsmall a:link {
	line-height:50px;
	vertical-align:middle;
	padding-top:0;
	}



/*styles for other buttons
-------------------------------------------- */

/* styles buttons not active or hovered
-------------------------------------------- */

#main-navigation li.active, #main-navigation li a, #main-navigation li a:link{
	float:left;
	width:115px;
	background:url(../_images/nav_bg.gif) no-repeat;
	height:50px;
	padding-top:10px;
	}
/*styles buttons on hover 
-------------------------------------------- */

#main-navigation li a:hover
 {
	background:url(../_images/nav_bg_active.gif) no-repeat;
	color:#FFF;
	}

/*styles buttons active
-------------------------------------------- */

#main-navigation li.active {
	color:#FFF;
	background:url(../_images/nav_bg_active.gif) no-repeat;
	}

/* subnavigation
-------------------------------------------- */
#sub-navigation {
	padding:0 10px 0 5px;
	}

#sub-navigation li {
	display:inline;
	line-height:25px;
	vertical-align:middle;
	padding-right:10px;
	}
	
#sub-navigation li a, #sub-navigation li a:link, #sub-navigation li a:visited {
	color:#000;
	}
#sub-navigation li, #sub-navigation li.active, #sub-navigation li a:hover {
	color:#A41984;
	}
#sub-navigation li.active {
	font-weight:bold;
	}
.link-02 {
 background:url(../_images/subnav2.gif) no-repeat bottom left
 }
.link-03 {
 background:url(../_images/subnav3_large.gif) no-repeat bottom left
 }
.link-04 {
 background:url(../_images/subnav4_large.gif) no-repeat bottom left
 }
.link-05 {
 background:url(../_images/subnav5.gif) no-repeat bottom left
 }
/*if subnavigation is spread over two lines*/
.link-02-large {
 background:url(../_images/subnav2_large.gif) no-repeat bottom left
 }
.link-03-large {
 background:url(../_images/subnav3_large.gif) no-repeat bottom left
 }
#topnav.link-03-large{
	margin-bottom:20px;
	}
#topnav.link-04-large{
	margin-bottom:20px;
	}
.link-04-large {
 background:url(../_images/subnav4_large.gif) no-repeat bottom left
 }
.link-05-large {
 background:url(../_images/subnav5_large.gif) no-repeat bottom left
 }



/* 5. miscs styling 
---------------------------------------------------------- */
/* =Miscs Clear 21st Century
----------------------------- */
.clearfix:after {
     content: ".";			/* adds content to this div without adding XHTML code */
     display: block;			/* clear:both only works on block-level elements */
     height: 0;				/* no height added to new text */
     clear: both;			/* clears all floats */
     visibility: hidden;		/* hides de content */
}

/* CSS not accepted because of inline-block */ .clearfix {
	display: inline-block;	/* IE7 accepts a value that isn't in the standard CSS2 but only in CSS 2.1(draft), 'inline-block' */ }

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
	}
.clearfix {
	display: block;
	}
/* End hide from IE-mac */

#noflash {
		text-align:left;
		margin: 0px auto;
		padding-top:100px;
		font-size:11px;
		}

/*general classes*/
.left {
	float:left;
	}
.right {
	float:right;
	}
.bold {
	font-weight:bold;
	margin-bottom:0; padding-bottom:0
	}
.clear {
	clear:both;
	}	

.smalltxt {
	font-size:10px;
	}
	
/* 6. Specific styling for pages
-------------------------------------------- */

/*homepage with image in the middle-bottom 
-------------------------------------------- */

#home-buttons {
	margin-top:25px;
	}
#home-buttons .btnhome{
	clear:left;
	}

#home-content .btnhome-middle {
	width:170px;
	}
#home-content .btnhome-middle, #home-content .btnhome-right, #home-content .btnhome-left {
	margin-bottom:5px;
	} 
.btnhome-left {
	background:url(../_images/button-home_left.jpg) no-repeat; 
	width:3px; 
	height:29px; 
	float:left;
	margin-bottom:15px;
	}	
.btnhome-middle {
	background:url(../_images/button-home_middle.jpg) repeat-x; 
	width:170px; 
	float:left; 
	height:29px;
	line-height:29px;
	vertical-align:middle;
	padding-left:5px;
	margin-bottom:15px;
	}
.btnhome-middle a, .btnhome-middle a:link, .btnhome-middle a:visited, .btnhome-middle a:hover {
	color:#666;
	font-size:11px;
	text-decoration:none;
	}
.btnhome-right {
	float:left;
	margin-bottom:15px;
	}

/*contact page
-------------------------------------------- */

#contact {
	width:370px; 
	background: url(../_images/main_bg.gif); 
	padding:15px 30px 20px 10px;
	}
#contact h2 {
	color:#BF78AD;
	font-weight:bold;
	margin:15px 0 5px 0;
	font-size:12px;
	}
#contact p {
	margin:10px 0 5px 0;
	}
.brdr_input {
	border:1px dotted #000;
}
#contact .contactleft {
	float:left;
	width:116px;
	}
#contact .contactleft p {
	line-height:22px;
	vertical-align:middle;
	}
#contact .contactright {
	float:right;
	width:250px;
	}
#contact .contactright p {
	margin:10px 0 0 0;
	width:50%; 
	float:left;
	}
	
.big_input {
	width:370px;
	}
.small_input {
	width:250px;
	margin-top:8px;
	height:20px;
	}
.send, .validation {
	margin-top:20px;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif
	}
.send {
	background:url(../contactus/_images/_UK-en/btn_send.gif); 
	color:#FFF;
	width:48px; 
	height:26px; 
	border:0;
	}
.send.hr {
	background:url(../contactus/_images/_HR-hr/btn_send.gif); 
	width:60px;
	}
.validation {
	float:left;
	color:#A41984;
	}
#contact-footer {
	margin-top:5px;
	}
#contact-footer p {
	font-size:9px;
	line-height:14px;
	padding-left:10px;
	}
#contact-footer p, #contact-footer a, #contact-footer a:link, #contact-footer a:visited, #contact-footer a:hover {
	color:#BF78AD;
	}

/*language selection
---------------------------------------------------------- */
#language-top {	
	height:73px; 
	background-color:#FFF
	}
#languagebg {
	text-align:left; 
	height:599px;
 	}
#language-content {
	width:300px; 
	margin-left:450px; 
	}
#language-content p {
	font-weight:bold;
	margin-bottom:5px;
	}
#language-content select, #language-content p {
	font-size:11px;
	}
#language-content select {
		border:1px dotted #000;
		float:left;
		margin-top:2px;
	}
.go {
	float:left; 
	margin-left:10px;
	}
	
.language-bg-uk-en {
    background:url(../_images/_UK-en/bg_language.gif) no-repeat;
	}
.language-bg-be-de {
	background:url(../_images/_BE-de/bg_language.gif) no-repeat; 
	}
.language-bg-be-fr {
	background:url(../_images/_BE-fr/bg_language.gif) no-repeat; 
	}
.language-bg-be-nl {
	background:url(../_images/_BE-nl/bg_language.gif) no-repeat; 
	}
.language-bg-ch-de {
	background:url(../_images/_CH-de/bg_language.gif) no-repeat; 
	}
.language-bg-ch-fr {
	background:url(../_images/_CH-fr/bg_language.gif) no-repeat; 
	}
.language-bg-ch-it {
	background:url(../_images/_CH-it/bg_language.gif) no-repeat; 
	}
.language-bg-de-de {
	background:url(../_images/_DE-de/bg_language.gif) no-repeat; 
	}
.language-bg-dk-dk {
	background:url(../_images/_DK-dk/bg_language.gif) no-repeat; 
	}
.language-bg-es-es {
	background:url(../_images/_ES-es/bg_language.gif) no-repeat; 
	}
.language-bg-fi-fi {
	background:url(../_images/_FI-fi/bg_language.gif) no-repeat; 
	}
.language-bg-fr-fr {
	background:url(../_images/_FR-fr/bg_language.gif) no-repeat; 
	}
.language-bg-gr-en {
	background:url(../_images/_GR-en/bg_language.gif) no-repeat; 
	}
.language-bg-gr-gr {
	background:url(../_images/_GR-gr/bg_language.gif) no-repeat; 
	}
.language-bg-hu-hu {
	background:url(../_images/_HU-hu/bg_language.gif) no-repeat; 
	}
.language-bg-hr-hr {
	background:url(../_images/_HR-hr/bg_language.gif) no-repeat; 
	}
.language-bg-it-it {
	background:url(../_images/_IT-it/bg_language.gif) no-repeat; 
	}
.language-bg-pt-pt {
	background:url(../_images/_PT-pt/bg_language.gif) no-repeat; 
	}
.language-bg-nl-nl {
	background:url(../_images/_NL-nl/bg_language.gif) no-repeat; 
	}
	
.language-bg-no-no {
	background:url(../_images/_NO-no/bg_language.gif) no-repeat; 
	}
.language-bg-at-de {
	background:url(../_images/_AT-de/bg_language.gif) no-repeat; 
	}
/* --BLU jpg ipv gif --*/
.language-bg-se-se {
	background:url(../_images/_SE-se/bg_language.gif) no-repeat; 
	}
.language-bg-si-si {
	background:url(../_images/_SI-si/bg_language.gif) no-repeat; 
	}
	
/*faq pagina
---------------------------------------------------------- */
#footertext {
	padding-top:100px;
	}
#content .faq-question p {
	margin-bottom:5px;
	}
#content .faq-answer p {
	margin:10px 0 20px 0;
	}
.faq-answer {
    display:none;
}
#content .faq-answer img {
	margin:0px 10px 10px 0;
	}


/*privacy policy 
---------------------------------------------------------- */

#lastupdate {
	text-decoration:underline;
	font-weight:bold;
	}
/*head lice*/
#headlice {
	padding-bottom:100px; /*to show footertext*/
	}
#headlice img { 
	margin:0px 10px 20px 0;
	 }
#headlice .arrow img {
	float:right;
	margin:0;
	}
dl.lifecycle {
	float:left;
	width:80px;
	margin:0 0 20px 0;
	padding-right:31px;
	background:url(../_images/arrow-horizontal.gif) 87px 28px no-repeat;
	}
dl.lifecycle.last {
	padding-right:0px;
	}
dl.lifecycle dd {
	text-align:center;
	font-size:12px;
	margin:0;
	padding:0;
	}
dl.lifecycle dt {
	margin:0;
	padding:0;
	}
#headlice dl.lifecycle dt img {
	margin:0;
	padding:0;
	}

/*sitemap
---------------------------------------------------------- */

#middle ul#sitemap li {
background-image:none;
padding-left:0;
line-height:130%;
margin-bottom:5px;
 }

#middle ul#sitemap li ul li  {
	background: url(../_images/listitem.gif) 0 top no-repeat; 
	margin:5px 0 10px 15px;
	padding-left:15px;
	font-size:11px;
     }

/*how to use
---------------------------------------------------------- */

#treatdemo, #detectdemo {
	 margin-bottom:20px;
	}
/*leaflets popup 
---------------------------------------------------------- */

#leaflets {
	width:500px;
	background-color:#FFF;
	height:500px;
	}
#leaflets p {
	padding:50px 0 10px 20px;
	}
#leaflets ul {
	padding-left:20px;
	}


#demouk {
	position:absolute;
	top:350px;
	left:590px;
	}
	
#sidepackshot {
	margin-top:4em;
	}