/*
  							
  mediso.com style sheet		
  							
*/

/* General styles, body etc. */

body 		{ background:#ffffff; color:#202020; margin:0px; padding:0px; }

a			{ background:transparent; text-decoration: none; }
a:link 		{ color:#0D90BB; }
a:active 	{ color:#0D90BB; }
a:visited 	{ color:#0D90BB; }
a:hover 	{ color:#06608F; text-decoration: underline; }

a.white:link 		{ color:#fff; }
a.white:visited		{ color:#fff; }
a.white:hover 		{ color:#64bfdb; }
a.white:active		{ color:#64bfdb; }

a img { border: none; }

p { margin: 0 0 0.8em 0; padding:0; line-height: 130%; text-align: justify; }

dd { margin: 1em 0em 1em 2em; }

/* Useful clear elements */

hr.clear	{ clear:both; margin:0px; padding:0px; visibility:hidden; }
br.clear	{ clear:both; margin:0px; padding:0px; }

/* Horisontal rules - check if this can be simplifyed */

div.gray1	{ margin:8px 0px; padding:0px; height:3px; background:#fff url("gfx/hr_gray10.png") repeat-x; }
div.gray1 hr { display:none; }
div.gray2	{ margin:8px 0px; padding:0px; height:3px; background:#fff url("gfx/hr_gray20.png") repeat-x; }
div.gray2 hr { display:none; }
div.orange1	{ margin:8px 0px; padding:0px; height:3px; background:#fff url("gfx/hr_orange10.png") repeat-x; }
div.orange1 hr { display:none; }
div.orange2	{ margin:8px 0px; padding:0px; height:3px; background:#fff url("gfx/hr_orange20.png") repeat-x; }
div.orange2 hr { display:none; }
div.red1	{ margin:8px 0px; padding:0px; height:3px; background:#fff url("gfx/hr_red10.png") repeat-x; }
div.red1 hr { display:none; }
div.red2	{ margin:8px 0px; padding:0px; height:3px; background:#fff url("gfx/hr_red20.png") repeat-x; }
div.red2 hr { display:none; }
div.lblue1	{ margin:8px 0px; padding:0px; height:3px; background:#fff url("gfx/hr_lblue10.png") repeat-x; }
div.lblue1 hr { display:none; }
div.lblue2	{ margin:8px 0px; padding:0px; height:3px; background:#fff url("gfx/hr_lblue20.png") repeat-x; }
div.lblue2 hr { display:none; }

/* 	Layout	
	The container div embrace the whole layout; max-width and min-width won't work on Internet Explorer */
#container	{ position:relative; max-width:1000px; min-width:760px; }

/* The top background graphics for Products, Clinical and Distributors */

#header					{ position:absolute; top:0px; left:0px; width:98%; height:75px; max-width:980px; }
body.prod #header 		{ background:#FFFBCB url("gfx/header_prod.jpg") repeat-y; }
body.clin #header 		{ background:#c9e0e8 url("gfx/header_clin.jpg") repeat-y; }
body.dist #header 		{ background:#004E62 url("gfx/header_dist.jpg") repeat-y; }

#logo		{ position:absolute; top:10px; left:2.3%; margin:0px; padding:0px; z-index:50; }
#tag		{ position:absolute; top:21px; left:220px; margin:0px; padding:0px; z-index:50; }

#head		{ position:absolute; left:1%; top:10px; width:97%; height:100%; text-align:right; margin:0px; padding:0px; }
#search		{ float:right; width:400px; margin:0px 4px 0px 0px; }
#searchbox	{ background:url("gfx/gray1000.png") repeat-x bottom; padding-bottom:6px; float:right; }
/* Not necessary yet 
.toplogin	{ float:right; margin:2px 10px 0px 0px; }
*/
#worldwide	{ clear:right; float:right; }

#nav		{ position:absolute; left:1%; top:50px; width:98%; float:left; margin:0px 0px 0px 0px; padding:0px; }

#page		{ padding-top:8px; } /* main content place*/

/* leave 4 percent for separating the content and set the inner margin to 3% */
.lCol	  	{ float:left; width:48%; margin-right:3%; background:#fff; }
.rCol	 	{ float:left; width:48%; background:#fff; }

.col99	 { float:left; width:99%; background:transparent; }
.col84	 { float:left; width:83%; margin-right:3%; background:transparent; }
.col15	 { float:left; width:13%; background:transparent; }
.col66	 { float:left; width:64%; margin-right:3%; background:transparent; }
.col33	 { float:left; width:32%; background:transparent; }
.col49	 { float:left; width:48%; background:transparent; }


/*IMHO nem kell minden classra definialni az indent-et, marad 1!*/
.indent 	{ margin:0px 12px 0px 12px; padding:0px; }

/* Start page things */

/* Products things */

/* Clinical things */

/* Distributor things */

/* Typography			*/
/* Font settings and special treatment of text - color etc. */
html 		{ font-size: 65%; }
body		{ font-size: 100%; font-family: Verdana, Helvetica, Arial, sans-serif; }

p, li, dt, dd { font-size: 1.1em; }

strong		{ font-style:normal; font-weight:bold; }

h1			{ color: #004E62; font:bold 1.5em verdana, arial, helvetica, sans-serif; margin: 0.5em 0; }
h2			{ color: #EA8A29; font:bold 1.3em verdana, arial, helvetica, sans-serif; margin: 0.5em 0 0.4em 0; }
h3			{ font: bold 1.2em verdana, arial, helvetica, sans-serif; margin:0 0 0.3em 0; }

.left { text-align: left; } 
.center { text-align: center; }
.right {text-align: right; } 
.be { margin-left: 1em; }

#subfld h1		{ color: #737373; font-size: 1.3em; margin:0 0 0.3em 0; height: 25px; margin-left: -10px; } 
#subfld h1 a	{ text-decoration: none; }
#subfld h1 a:link 		{ color:#737373; }
#subfld h1 a:active 	{ color:#737373; }
#subfld h1 a:visited 	{ color:#737373; }
#subfld h1 a:hover 		{ color:#737373; }

body.dist #subfld h1	{ color: #A4DCEE; }

h3.line		{ text-align: right; font-variant: small-caps; border-top: 1px solid #00AABB; padding-right: 0.5em; margin: 0 1em 0.5em 0;}

/* Small paragraph and footer paragraph */
p.s, #footer p { font-size:1em; }

#tabs li, th	{ font:1.1em verdana, arial, helvetica, sans-serif; }
#tabs li #current { font:bold 1.1em verdana, arial, helvetica, sans-serif; }

.frm, select, textarea, submit, .submit, .submit2, .submit3 { font-family:verdana, arial, helvetica, sans-serif; }
.frm, input, submit	{ font-size:1em; }
select, option, textarea { font-size:1em; }

.border		{ border:1px solid #737373; padding:10px 10px 4px 10px; margin:30px 0px; }

/* Lists */

#page ul			{ margin:0 0.2em 0.5em 2em; padding:0; list-style:url("gfx/list_dblue.png");}
#page ul li			{ line-height: 1.1em; }
#page ul li ul li	{ font-size: 1em; }
#page ul li.date	{ font-size: 1em; }

#page ul.dblue	{ list-style:url("gfx/list_dblue.png"); }
#page ul.lblue	{ list-style:url("gfx/list_lblue.png"); }
#page ul.ora	{ list-style:url("gfx/list_ora.png"); }
#page ul.red	{ list-style:url("gfx/list_red.png"); }
#page ul.yellow	{ list-style:url("gfx/list_yellow.png"); }

#page dt	{ font-weight:bold; }

/* The text at the top */
body #tag p				{ font-weight:bold; letter-spacing:0.3em; color:#00AABB; }
body.www #tag p			{ font-weight:bold; letter-spacing:0.3em; color:#00AABB; }
body.prod #tag p		{ font-weight:bold; letter-spacing:0.3em; color:#ea8a29; margin-left:198px; }
body.clin #tag p		{ font-weight:bold; letter-spacing:0.3em; color:#06608F; margin-left:198px; }
body.dist #tag p		{ font-weight:bold; letter-spacing:0.3em; color:#0D90BB; margin-left:198px; }

/* Footer menu */

#page #footer			{ width:99%; margin:8px 0px; padding:8px 0px; border-top:1px solid #06608F; color:#737373; }
#page #footer p			{ margin:0px 12px 0px 12px; float:left; }
#page #footer p img  	{ position:relative; top:4px; }

#page #footer ul		{ margin:0px; padding:0px; list-style:none; float:left; width: 60%; }
#page #footer li		{ font-size:1.1em; margin:0px; padding:0px 8px 0px 6px; float:left; background:url("gfx/sep.png") no-repeat right top; }
#page #footer li.last	{ background:none; }

/* Level 4 menu for Products*/
#page #menu4 { width: 19em; margin: 0 auto 1em; padding: 0.5em 0.5em 0.5em 0; text-align:left; border: 1px solid #A4DCEE; background-color: #EAF6FA; }
#page #menu4 ul { list-style: none; }
#page #menu4 ul li { margin: 0; padding: 0.1em; }
#page #menu4 ul li a { display: block; padding: 0.2em; }
#page #menu4 ul li a:hover {
	background-color: #A4DCEE;
	border-right: 8px solid #0D90BB;
	text-decoration: none;
}

/* Forms atdolgozni*/

form		{ margin:0px; padding:0px; }
.radio, .check	{ position:relative; top:3px; }
fieldset	{ margin:8px 0px; padding:12px; border:1px solid #737373; }
legend		{ font-weight:bold; color:#202020; margin:0px 4px; }

.frm		{ border:1px solid #737373; padding:2px 1px 0px 1px; line-height:110%; }
.submit		{ background:#0D90BB; border:0px; padding:0px; color:#fff; font-weight:bold; font-size:100%; border:1px solid #0D90BB; }

/* Tables */
table { margin: 0.4em auto; border-collapse: collapse; }

tr { margin: 0; padding: 0; }
th { 
	font: 1.1em verdana, arial, helvetica, sans-serif;
	background: #00AABB; color: white; font-weight: bold; padding: 0.3em; 
	border: 1px solid #06608F;
	border-bottom: 2px dotted #06608F;
}
td { 
	font: 1.1em verdana, arial, helvetica, sans-serif;
	vertical-align: bottom;
	padding: 0.3em;
	border: 1px solid #06608F;
}
table.clean td { border: 0px solid white; }
table.csc-mailform td { border: 0px solid white; }

td p { font-size: 1em; }
td h4 { font-size: 1.1em; }

/* Colours */