/**************************************
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. Paradust bed purifier
* 5. Contact page
* 6. Homepage
* 7. Sitemap
* 8. About dust mites
* 9. About allergies
* 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:#00B2B1;
	}
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:#00B2B1;
	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;
	}
.smallTxtAT {
	font-size:10px;
	margin-top:20px;
	width:160px !important;
	}
.underlined {
	text-decoration:underline;
	}
.font18px {
	font-size:18px;
	}
.intro {
	float:left;
	background:url(../_images/bg_intro.gif) bottom left no-repeat;
	margin-bottom:10px;
	padding-bottom:10px;
	width:100%;
	}
.intro div {
	float:left;
	}
.intro h1 {
	color:#119D9D;
	font-size:18px;
	padding:10px 0 0;
	width:242px
	}
#main .intro p {	
	width:242px;
	margin-bottom:0;
	}
.intro img {
	float:left;
	margin-left:5px;
	}
#container {
	width:995px;
	margin:0 auto;
	text-align:center;
	position:relative;
	}
#fullcontent #content {
	background-image:none;
	}
#content {
	background:#FFF url(../_images/bg_content.gif) right 95px 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:355px;
	float:left;
	margin:30px 0 0;
	}
#logo {
	margin-left:45px;
	}
#logo p {
	width:220px;
	color:#007070;
	font-size:13px;
	margin:10px 0 0;
	text-align:center;
	}
#flash {
	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;
	}
#main {
	float:left;
	width:415px;
	margin:115px 0 0;
	}
#main p, #main li {
	line-height:1.5em;
	}
#main p, #main ul {
	margin:0 0 15px;
	}
#main li {
	background:url(../_images/list-square.gif) 0 -2px  no-repeat;	
	margin:5px 0 0 15px;
	padding-left:15px;
	}
.buttons {
	margin:30px 0;
	}
.buttons div {
	background:url(../_images/btn_home_bg.gif) top left no-repeat;
	width:335px;
	line-height:38px;
	vertical-align:middle;
	padding-left:5px;
	height:38px;
	margin-bottom:5px;
	font-size:11px;
	}
.buttons a {
	text-decoration:none;
	}
.buttons img {
	float:right;
	}
/* 1.3 right part of pages 
---------------------------------------------------------- */
#home #packshot {	
	width:282px;
	}
#packshot {
	float:right;
	width:220px;
	margin-top:95px;
	}
#packshot img {
	float:right;
	}
#packshot .othersites {
	clear:both;
	padding-top:70px;
	}
#packshot .othersites .button p {
	line-height:normal;
	padding:5px 0 0; 
	}
#home #nomercy {
	width:244px;
	}
#nomercy {
	float:right;
	width:220px;
	}
#nomercy img {
	float:left;
	}
#home #nomercy p {
	width:160px;
	}
#nomercy p {
	float:left;
	width:140px;
	margin:20px 0 0 5px;
	color:#007070;
	text-align:center;
	}
#home #packshot #bug img {
	padding-left:50px;
	}
#packshot #bug img {
	float:left;
	padding:15px 0 0 20px;
	}
/* 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:460px; 
	height:20px; 
	background-color:#FFF; 
	margin:0 auto;
	}
#legal.long {
	width:470px;
	}
#legal.xlong {
	width:530px;
	}
#legal p {
	font-size:9px;
	color:#007070;
	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:#028685;
	height:20px;
	width:995px;
	position:absolute;
	top:0;
	left:0;
	clear:left;
	}
#topbar ul {
	text-align:right;
	border-left:1px solid #33FFFF;
	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:#3FF;
	padding:0 5px;
	}
#topbar a:hover, #topbar li.active {
	color:#FFF;
	background-color:#3FF;
	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:#007070;
	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;
	color:#FFF;
	}
#nav ul#main-navigation li#homenav 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#homenav a:hover {
	background:url(../_images/nav/nav-home-active.gif) top left no-repeat;
	}
#nav ul#main-navigation li#homenav.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#homenav2 a {
	background:url(../_images/nav/nav-home.gif) top left no-repeat;
	width:83px;
	padding-top:10px;
	height:38px;
	display:block;
	}
#nav ul#main-navigation li#homenav2 a:hover {
	background:url(../_images/nav/nav-home-active.gif) top left no-repeat;
	}
#nav ul#main-navigation li#homenav2.active {
	background:url(../_images/nav/nav-home-active.gif) top left no-repeat;
	width:83px;
	padding-top:10px;
	height:38px;
	display:block;
	}
#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;
	color:#FFF;
	}
/* 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;
	font-weight:normal;
	}
#sub-navigation li, #sub-navigation li.active, #sub-navigation li a:hover {
	color:#007070;
	}
#sub-navigation li.active {
	font-weight:bold;
	}
.link-02 {
 background:url(../_images/subnav2.gif) no-repeat bottom left
 }
.link-03 {
 background:url(../_images/subnav3.gif) no-repeat bottom left
 }
.link-04 {
 background:url(../_images/subnav4.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
 }
.link-04-large {
 background:url(../_images/subnav4_large.gif) no-repeat bottom left
 }

/* 3. Language page
-------------------------------------------- */
#languagebg {

	text-align:left;  /*clear text-align center from container */
	float:left;
	width:995px;
	margin-top:40px;
	padding-bottom:60px;
	}

#language #languagebg {
	/* Original code:
	background: #FFF url(../_images/_UK-en/packshot-language.jpg) left top no-repeat;
	*/
	background-color: #FFF;
	background-position: left top;
	background-repeat: no-repeat;
	height:680px;
	margin-top:0;
	text-align:left; 
	height:599px;
	}

/* 1 class per language, for background images */

 	.language-bg-uk-en {
    background-image:url(../_images/_UK-en/packshot-language.jpg);
	}
	.language-bg-be-fr {
	background-image:url(../_images/_BE-fr/packshot-language.jpg); 
	}
	.language-bg-be-nl {
	background-image:url(../_images/_BE-nl/packshot-language.jpg); 
	}
	.language-bg-es-es {
	background-image:url(../_images/_ES-es/packshot-language.jpg); 
	}
	.language-bg-gr-gr {
	background-image:url(../_images/_GR-gr/packshot-language.jpg); 
	}
	.language-bg-pt-pt {
	background-image:url(../_images/_PT-pt/packshot-language.jpg); 
	}
	.language-bg-at-de {
	background-image:url(../_images/_AT-de/packshot-language.jpg); 
	}
	.language-bg-ee-ee {
	background-image:url(../_images/_EE-ee/packshot-language.jpg); 
	}
	.language-bg-lv-lv {
    background-image:url(../_images/_UK-en/packshot-language.jpg);
	}


/* end */

#language #logo {
	float:left;
	padding:45px 0 0 50px;
	}
#language-content {
	padding:70px 0 0 200px;
	float:left;
	}
#language-content p {
	font-weight:bold;
	margin-bottom:5px;
	font-size:11px;
	}
#language-content select {
	border:1px dotted #000;
	float:left;
	margin-top:2px;
	}

.go {
	float:left; 
	margin-left:10px;
	}
#language #nomercy {
	margin-top:320px;
	float:right;
	width:360px;
		}
#language #nomercy p {
 	width:180px;
	margin-left:0;
	}		
/* 4. Paradust bed purifier
---------------------------------------------------------- */
.graphic {
	margin:10px 0 10px 20px;
	}
.paddingLeft20px {
	padding-left:20px;
	}
/* 5. Contact page
---------------------------------------------------------- */
#contact {
	width:320px;
	background:url(../contact-us/_images/bg.gif); 
	padding:15px 10px 20px;
	float:left;
	}
#contact h2 {
	color:#007070;
	font-weight:bold;
	margin:15px 0 5px;
	font-size:12px;
	}
#contact p {
	margin:10px 0 5px;
	}
#main #contact li {
	background:none;
	margin:0;
	padding-left:0;
	}
.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:48px;
	color:#fff;
	}
#contact .send.long {
	background:url(../contact-us/_images/btn_send_long.gif) top left no-repeat;
	width:60px;
	}
#contact .send.longer {
	background:url(../contact-us/_images/btn_send_longer.gif) top left no-repeat;
	width:90px;
	}
#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:#007070;
	clear:left;
	float:left;
	padding-top:10px;
	width:240px;
	}
#contact-footer {
	float:left;
	width:100%;
	}
#contact-footer p {
	font-size:9px;
	padding-left:10px;
	font-weight:bold;
	}
#contact-footer p, #contact-footer a, #contact-footer a:link, #contact-footer a:visited, #contact-footer a:hover {
	color:#007070;
	}
/* 7. Sitemap
---------------------------------------------------------- */
ul#sitemap li {
	margin:0 0 5px 0;
	padding-left:0;
	background:none;
 	}
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;
    }
ul#sitemap li ul li ul, ul#sitemap li ul li ul li {
	margin-bottom:0}
/* 8. About dust mites
---------------------------------------------------------- */
#ticks img {
	float:left;
	}
#ticks img.arrow {
	margin:39px 5px 0 5px;
	}
/* 9. About allergies
---------------------------------------------------------- */
#main p.showmoreinfo {
	color:#066766;
	cursor:pointer;
	margin:5px 0 0;
	text-decoration:underline;
	clear:right;
	background:url(../_images/list-square.gif) 0 -1px  no-repeat;	
	padding-left:15px;
	}
div.moreinfo {
	margin-top:5px;
	}
img.hidemoreinfo {
	float:right;
	cursor:pointer;
	}
/* 10. About Parazeet
---------------------------------------------------------- */
#main .intro-slogan {
	font-size:16px;
	font-weight:bold;
	padding:0 0 0;
	margin-top:20px;
	color:#119D9D;
	}
	
/* 11. General styles
---------------------------------------------------------- */
.clear {
	clear:both;
	}
.imgLeft {
	padding:0 10px 0 0;
	float:left;
	}
.pLeft {
	float:left;
	width:245px;
	}
#nomercy p.smallp { 
	font-size:11px; 
	width:150px; 
	margin-top:12px  
	}	
#home p.smallp { 
	font-size:10px; 
	width:140px; 
	margin-top:12px; 
	padding-left:15px 
	}		
#content .images {
	padding-top:10px;
	}
#content .images img.left {
	float:left;
	padding:0 20px 0 0; 
	}
#content .images img.right {
	float:right;
	padding:0 20px 0 0;
	}