/* BEGIN RESET */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* END RESET */
img, div { behavior: url(../resources/iepngfix.htc); } 

body{background: #fff url('../resources/v4bback.png') repeat-x; font-family: arial, verdana, sans-serif; font-size: 12px;}
div.container{width: 960px; margin: auto; position: relative;}
.centre{ text-align: center; display: block;}
.cerise{color: #CF1181;}
.highlight{font-weight: bold;}
.underline{text-decoration: underline;}
.topMargin{padding-top: 20px;}
.noDisplay{display: none;}
.error{color: #CF1976;}

h1, h2, h3, h4{padding: 15px 0 5px 0;}
h2 { font-size: 18px; }

a{background: transparent; color: #f951c1;}
p{text-align:justify;}

ul.nav a{background: transparent; text-decoration: none; color: #eee;}

#header{height: 100px;}
	#header h1 span{display: none;}
	#header h1{display: block; position: absolute; width: 489px; height: 98px; background: url('../resources/v4blogo.png'); overflow: hidden;}
	#header ul.nav{position: absolute; left: 420px;}
	#header ul.nav li{display: inline;}
	#header ul.nav li a{display: block; float: left; width: 100px; text-align:center; padding: 76px 0 10px;}
	#header ul.nav .selected, #header ul.nav li a:hover{background: url('../resources/v4bnavselect.png');}

#content{}
	#content .half{width: 450px; float: left; margin: 15px; margin-top: 0px;}
	#content .midleft{width: 600px; line-height: 20px;}
	#content ul{margin: 10px; clear: both;}
	#content li{margin: 5px;}
	
    #content p { margin: 10px 0 10px 0; line-height: 20px;}
    #content p.terms { color: #6F6F6F; font-size: 10px;}
    #content .topNav { margin-top: 10px;}
    #content #mainImage {background: transparent url('../resources/v4bmainimage1.png') 0 10px no-repeat; height: 210px;}
    #content .homelayout {padding: 110px 0 0 50px;}
    #content .contactlayout {padding: 80px 0 30px 100px;}
    #content .homebox {background: transparent url('../resources/strap.gif') 0 10px no-repeat;height: 120px; }
    #content .homeboxDE {background: transparent url('../resources/strapDE.gif') 0 10px no-repeat;height: 140px; }
    #content .homeboxES {background: transparent url('../resources/strapES.gif') 0 10px no-repeat;height: 140px; }
    #content .homeboxFR {background: transparent url('../resources/strapFR.gif') 0 10px no-repeat;height: 140px; }
    #content .homeboxIT {background: transparent url('../resources/strapIT.gif') 0 10px no-repeat;height: 140px; }
    
    #content .homeimgbox {background: transparent url('../resources/home.jpg') 0 25px no-repeat;height: 120px; margin:0px; padding: 0px; }
 	#content .mapBox {font-size: 12px; position: relative; float: left; text-align: left; width: 150px; left: -50px;} 		
 	#content .quickjump { float: right;position: relative; top: -20px;}
 	#content .quickjumplan { margin-bottom: 5px;}
 	#content .topright {margin-left: 150px;}
 	#content .toprightlan {margin-bottom: 5px; text-align: right; display: block;}
 	#content .topmiddlelan {text-align: right; margin: 0px; padding: 0px; margin-bottom: 5px; display: block; margin-top:10px;}
 	#content ul.memberNav{text-align: center; padding: 10px 0 20px 40px;margin: 0px; }
	#content ul.memberNav li{float: left; width: 120px; text-align:center; margin:0px; padding:0px; }
	#content ul.memberNav li a{display: block; color: #000;}
 	    #content ul.memberNav li a.selected{ color: #000;}
 	    	
#footer{height: 200px; background-color: #222; color: #eee; clear:both; margin-top: 10px;}
    #footer .container {background: #222 url('../resources/v4bfooter.gif') no-repeat 40px 0px; width: 900px; height: 100px;}
    #footer .flags{ text-align: right; padding: 5px 5px 0 0;}
        #footer .flags a.selected { color: #fff;}
	#footer #legal{position: absolute; right: 0; top: 50px;text-align: right;line-height:20px;}
	#footer ul.nav {position: absolute; left: 10px; top: 10px;}
	#footer ul.nav li{margin: 10px;}
       
/*forms fields ------------------------------------------*/
table{ margin: 0px auto;}
    tr td.label{width: 75px; text-align: left; padding-right: 15px; line-height: 40px;}
    tr td.action{ text-align: center;}
    table input, #content table textarea, table select { padding: 5px;border: solid 1px #cccccc; background-color: #F0F0F0;font-family: Arial, Helvetica, sans-serif;font-size: 12px; width: 250px;}
    table span.chk input{ width: 20px; background-color: Transparent; border: 0px;}
    table span.no-style input { padding: 0px;border: 0px; width: 50px;}
    table textarea{ height: 100px;}
    
    .action input.button, .action input.buttonlng {padding: 5px; border: solid 1px #cccccc; color: #D70077; cursor: pointer; text-align: center; width: 60px;}
    .action input.buttonlng { width: 200px;}
    .action input.button:hover, .action input.buttonlng {color: #941680;}
	
table.dynanicTable {display:table; width:100%;}
    table.dynanicTable th {font-weight: normal;font-size: 14px; padding: 20px; padding-left: 10px; text-align: left;}
    table.dynanicTable tr {border-bottom: 1px solid #ddd;}
    table.dynanicTable td { padding: 10px;}
    table.dynanicTable tr:hover{ background-color:#eee;}
    table.dynanicTable TFOOT tr:hover{ background-color:#fff;}
	
table.freightTable {display:table; width:100%;}
    table.freightTable th {font-weight: normal;font-size: 14px; padding: 20px; padding-left: 10px; text-align: left;}
    table.freightTable tr {border-bottom: 1px solid #ddd;}
    table.freightTable td { padding: 4px 10px 4px 10px;}
    table.freightTable tr:hover{ background-color:#eee;}
    table.freightTable TFOOT tr:hover{ background-color:#fff;}

table.fullWidth {display:table; width:100%;}

#loading {display: none;position: fixed; top: 40%; left: 55%; margin-left: -140px; width: 220px; background-color: #fff; color: #333; border: 1px solid #555; padding: 12px; z-index: 99;}
ul.noStyle { margin: 0px; padding: 0px;}

input.specifyBackground { background: url('../resources/specify.png') 5px 8px no-repeat; }

.grdPaging { padding:0px; margin:0px;}
.grdPaging table { padding:0px; margin:0px; border-bottom: none;}
.grdPaging table tr { padding:0px; margin:0px; border-bottom: none;}
.grdPaging table tr td{ padding:0px; margin:0px; border-bottom: none; padding-right: 10px;}
.grdPaging:hover { background-color: Red;}