/* ---------------------------------

Euroserv Public Web Site Stylesheet

Version:  1.1
website:  http://www.euroserv.org/
Author:   Jim Handley
email:    jimh@linetex.co.uk

------------------------------------ */

@media screen, print {

* {margin: 0;padding: 0;}
body {font-family: Arial, Helvetica, sans-serif;line-height: 1.6;font-size: 62.5%;text-align: left;background-color:#FFFFFF;}
.clear {clear:both;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

h1 {font-size: 2.4em;font-weight: bold;color: #990000;line-height: 1.2em;margin-bottom:10px;}
h2 {font-size: 1.8em;font-weight: bold;line-height: 1em;padding-bottom: 0.2em;color: #000099;padding-top: 0.5em;}
h3 {font-size: 1.4em;font-weight: bold;color: #000099;}
p, li {font-size: 1em;}
strong {font-weight: bold;}
#mainContent li {font-size: 1em;margin-left: 20px;padding: 0;}
#mainContent li ul li {font-size: 0.9em;margin-left: 20px;padding: 0;}
#frmContact {clear:left;float: left;width: 421px;height: 216px;margin-left:30px;margin-right:1px;margin-top:10px;background-image:url(images/bgd_euroserv_talk.gif);font-size:1.2em;}
#frmContact p {margin-left:30px;margin-top:60px;margin-bottom:20px;color:#EEFFFF;}
#frmContact ul {margin-left:10px;color:#EEFFFF;list-style:none;text-indent:15px;}
#frmContact li {background: url(images/icon_star.gif) no-repeat left;margin-bottom:2px;}
#frmContact ul li a {color:#EEFFFF;font-weight:bold;}
#frmContact ul li a:hover, .selected a {color:#FFFF00;}
#textArea {margin-left:495px;margin-right:20px;}
#textArea  p   {font-size: 1.2em;padding-bottom: 5px;margin-right: 10px;}
#textArea td {vertical-align:top;}
#textArea td * {font-size: 1.21em;padding:0;margin:0;}
#textArea a {color: #000099;}
#textArea a:hover {color: #990000;}
#textArea a:hover {color: #990000;}
#textArea ul {padding-top: 10px;padding-bottom: 10px;list-style-image: url(images/icon_star_blue.gif);font-size: 1.2em;}
#navList a {display: block;float: left;padding-right: 15px;height: 20px;line-height: 20px;color: #99FFFF;font-size: 1.2em;font-weight: bold;text-decoration: none;text-indent: 15px;}
#navList a .last {padding-right: 0px;}
#navList a:hover, .selected a {background: url(images/icon_star.gif) no-repeat left;color: #ff3;}
.last_para {margin-bottom:10px;}
#footer a {color: #999999;}
#footer a:hover {color: #ffffff;}
#navCopy {float:left;color:#999999;margin-left:15px;margin-top:30px;}
#navFooter {float:right;margin-right:25px;margin-top:30px;}
.mandatory {background-color: #FFFF99;}
#tblMarkets {background:url(images/bgd_markets.jpg) no-repeat left top;width:490px;height:1374px;margin-top:10px;}
#tblMarkets p {font-weight:normal;font-size:2em;text-indent:20px;padding-top:20px;padding-bottom:29px;}
#tblMarkets a {text-decoration:none;color:#336699;}
#tblMarkets a:hover {color:#990000;}
.errRequired {background-color: #FFE6FF;}
.submit {text-indent:10em;}
.txtWarning {font-weight:bold;color:#990000;}
.txtAddress {font-size:1em;}
.flag_waving {float:right;height:50px;width:68px;margin-left:10px;margin-right:10px;border:none;}
#flag_eu {float:right;height:50px;width:75px;margin-left:10px;margin-bottom:10px;margin-right:25px;border:none;}
#imgSupply {float: none;height: 185px;width: 316px;}
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
#imgReady {float: right;height: 57px;width: 68px;margin-left: 10px;margin-right: 10px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}
.listL {float:left;width:48%;padding: 0px;margin-top: 0px;}
.listR {float:left;width:48%;padding: 0px;margin-left: 10px;}
.clearleft{clear:left;height:0;font-size: 1px;line-height: 0px;}
.clearright{clear:right;height:0;font-size: 1px;line-height: 0px;}

.austria {background:url(images/fl_austria.jpg) no-repeat left center;padding-left:25px;margin: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;}
.france {background:url(images/fl_france.jpg) no-repeat left center;padding-left:25px;margin: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;}
.germany {background:url(images/fl_germany.jpg) no-repeat left center;padding-left:25px;margin: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;}
.holland {background:url(images/fl_netherlands.jpg) no-repeat left center;padding-left:25px;margin: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;}
.italy {background:url(images/fl_italy.jpg) no-repeat left center;padding-left:25px;margin: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;}
.spain {background:url(images/fl_spain.jpg) no-repeat left center;padding-left:25px;margin: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;}
.uk {background:url(images/fl_uk.jpg) no-repeat left center;padding-left:25px;}

}

@media screen {

a img {border:none;}
#wrapper {width: 1010px;margin: 5px auto;text-align: center;background: url(images/bgd_euroserv_top.gif) no-repeat left top;}
#branding {height:80px;}
#mainContent {clear:left;width: 1010px;text-align:left;background: url(images/bgd_euroserv_mid.gif) repeat-y left top;}
#mapEurope {float: left;width: 466px;height: 465px;background-image:  url(images/bgd_euroserv.gif);background-repeat: no-repeat;margin-left:1px;margin-top:10px;margin-bottom:10px;}
#mainNav {float: right;margin-right:10px;margin-top:20px;}
#navList li {display: inline;font-family: Verdana, Arial, Helvetica, sans-serif;}
#footer {clear: both;width: 1010px;height:72px;color: #999999;border: none;margin-top:0;margin-left:0;margin-right:0;background: url(images/bgd_euroserv_bottom.gif) no-repeat left bottom;font-family: Verdana, Arial, Helvetica, sans-serif;} 
.Error {font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;color: #990000;background-color: #FFEEEE;}
#memberLeft {float:left;padding-left: 15px;padding-bottom: 10px;}
#memberRight {float:right;margin-right:15px;padding-right: 15px;}
#listLeft {float:left;width:47%;padding: 0px;margin-top: 0px;}
#listRight {float:left;width:47%;padding: 0px;margin-left: 20px;}
#boxMember {background: url(images/box-rg-top.jpg) top left no-repeat;width:491px;margin: 10px 0px 0px;padding: 0px;height:10px;}
#boxMember2 {background: url(images/box-rg-bottom.jpg) bottom left no-repeat;width:491px;margin: 0px;padding: 0px;}
.flag_waving {float:right;height:50px;width:68px;margin-left:10px;margin-right:10px;border:none;}
.imgMarket {width:490px;height:210px;margin-top: 10px;margin-bottom: 10px;border: none;}
#imgIMAC {height: 292px;width: 169px;margin-right: 8px;margin-left: 10px;float:right;}
/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
.listL {float:left;width:48%;padding: 0px;margin-top: 0px;}
.listR {float:left;width:48%;padding: 0px;margin-left: 10px;}
.clearleft{clear:left;height:0;font-size: 1px;line-height: 0px;}
.clearright{clear:right;height:0;font-size: 1px;line-height: 0px;}

}

@media print {

#wrapper {width: 1010px;margin: 5px auto;padding: 0px;text-align: center;}
#branding {visibility: hidden;}
#mainContent {clear:left;width: 1010px;float:left;text-align:left;}
#mainContent li {font-size: 1em;margin-left: 20px;padding: 0;}
#mainContent li ul li {font-size: 0.9em;margin-left: 20px;padding: 0;}
#mapEurope {visibility: hidden;}
#mainNav {visibility: hidden;}
#navList li {display: inline;}
#footer {visibility: hidden;} 
#memberLeft {float:left;padding: 0px;margin-top: 0px;margin-bottom: 10px;}
#memberRight {float:right;margin-right:15px;padding: 0px;margin-top: 0px;}
#listLeft {float:left;padding: 0px;margin-top: 0px;}
#listRight {float:left;padding: 0px;margin-left: 20px;}
.txtWarning {font-weight:bold;color:#990000;}
.txtIndent1 {width:5em;font-weight:bold;display:inline-block;}
.txtLastPara {border-bottom:dashed;border-bottom-width:1px;border-color:#999999;border-spacing:10px;margin-bottom:5px;}
.flag_waving {float:right;height:50px;width:68px;margin-left:10px;margin-right:10px;margin-top:5px;border:none;}
.imgMarket {width:490px;height:210px;}
#boxMember {margin: 0px;padding: 0px;height: 10px;}
#boxMember2 {margin: 0px;padding: 0px;}
.errRequired {background-color: #FFE6FF;}

}