.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.Input { font-size: 11px; font-family: Arial; color: Black }
.searchbox { font-size: 14px; font-family: Arial; color: Black }

/* 
Common Text elements */
h1, .Heading1 { 
	font: Verdana normal;
	font-size:20px; 
	letter-spacing: 0px; 
	margin: 0 0 5px 0; 
	padding:0; 
	color: #006CB5; 
	}
h2, .Heading2 { 
	font: Verdana normal; 
	font-size: 18px; 
	letter-spacing: 0px; 
	margin: 0 0 3px 0; 
	color: #557711; 
	}
h3, .Heading3 { 
	font: Arial normal; 
	font-size: 11px; 
	letter-spacing: 0px; 
	margin: 0; 
	color: #006699 
	}
	
.LogInLabel {
    font: Verdana normal;
    font-size: 10px;
    letter-spacing: 0px;
    margin: 13px 0 5px 0;
    padding: 0;
    color: #000000;
    text-align: right;
    right:15px;
    position:absolute;
}
body, ul, a, p, .Normal { 
	font-family: Arial; 
	font-size: 11px; 
	color: #333; 
	}

/* 
Each element div is contained in a Wrapper. the div "bloc" is in "blocWrp"
The wrapper is positionned and the bloc itself format the content.

Define basics elements */
html { height: 100%; margin-bottom: 1px }
body {
	margin:0;
	padding:0;
	text-align:center;
	min-width:940px;
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
div {
	margin:0;
	padding:0;
	}
/*
DECO & BORDERS */

  div#outDesign {
	margin: 10px auto 0 auto;
	max-width: 998px;
	position:relative;
	background: url(../img/borderBg.png) repeat-y center top; }
	div#borderLeftTop {
		position:absolute;
		top:0px;
		left:0px;
		width: 30px;
		height: 135px; 
		background: #FFF url(../img/borderLeftTop.png) no-repeat right bottom;}
		
	div#borderLeftBottom {
		position:absolute;
		bottom:0;
		left:0;
		width: 30px;
		height: 90px; 
		background: #FFF url(../img/borderLeftBottom.png) no-repeat right top;
		}
		
	div#borderRightTop {
		position:absolute;
		top:0px;
		right:0px;
		width: 30px;
		height: 147px; 
		background: #FFF url(../img/borderRightTop.png) no-repeat left bottom;
		}
	div#borderRightBottom {
		position:absolute;
		bottom:0;
		right:0px;
		width: 30px;
		height: 90px; 
		background: #FFF url(../img/borderRightBottom.png) no-repeat left top;
		}
		
	div#Wrapper {

		/*border:1px #FFF solid;*/

		padding: 0px;
		text-align:left;
		width: 938px;
		min-height: 300px;
		margin: 0 auto;
		position: relative;
    
}

/* 
Position logo & blocks */
div#logoWrp {
	padding: 0px;
	float: left;
	width: 200px;
	height: 60px;
	}


/* content page */
#contentPage div#blocHeaderWrp {
	clear:both;
	padding-top:15px;
	padding-left: 15px;
	width:923px;
	height:36px;
	overflow:hidden;
	background: url(../img/TopContent.gif) no-repeat center top;
	position:relative;
    
}
div#blocHeaderWrp h1 {
	font-family: Verdana; 
	font-size: 20px; 
	color: White;
	text-transform:uppercase;
	font-weight:lighter;    
}
#contentPage div#blocHeader {
	position:absolute;
	top:15px;
	right:20px;
	width:310px;
	}

/* 
Position Menus */
div#menu1Wrp {	
	float: right;
	min-width: 738px;
	height: 60px;
	position:relative;
    
}
div#menu1 {	
	position:absolute;
	bottom: 0px;
	right: 5px;
	text-align:right;
	text-decoration: none;
	text-transform:uppercase;
	font-size: 13px;
	color:#004370;
    
}
div#menu1 ul { 
	/*Set padding to the list*/
	margin:0;
	padding:10px 0 8px 0;
	}
div#menu1 li { 
	/*liste elements are presented horizontaly*/
	display:inline;
	padding:10px 4px 8px 16px;
	}
div#menu1 li + li {
	/*this is the specific style for furher li but not first
		place separator to 6px from li border to use 6px widht broken corner when selected*/
	background:url(../img/menuSep.png) no-repeat 6px center;
	}
div#menu1 .s {
	/*highlight selected li*/
	background:url(../img/menuSep.png) repeat-x center;
	}
div#menu1 li.s + li {
	/*6px widht broken corner when previous li selected*/
	background:url(../img/menuCorner.png) no-repeat left center;
	}
div#menu1 a {
	text-decoration:none;
	color: #004370; 
	}
div#menu1 li.s a {
	text-decoration:none;
	color: #FFF;
	font-weight:bold; 
	}

div#menu2 {	
	margin: 0 1px 1px 1px;
	height: 30px;
	width:936px;
	background:url(../img/Menu2off.png) repeat-x;
	overflow:hidden;
	}
div#menu2 ul { 
	/*Set padding to the list*/
	margin:0;
	padding:8px 0 10px 0;
	}
div#menu2 li { 
	/*liste elements are presented horizontaly*/
	display:inline;
	padding: 8px 10px 10px 10px;
	}
div#menu2 li + li {
	/*this is the specific style for furher li but not first
		place separator to 6px from li border to use 6px widht broken corner when selected*/
	background:url(../img/menu2sep.png) no-repeat left ;
	}
div#menu2 .s {
	/*highlight selected li*/
	background:url(../img/menu2on.png) no-repeat left top;
	}
div#menu2 li.s + li {
	/*6px widht broken corner when previous li selected*/
	}
div#menu2 a {
	text-decoration:none;
	color:#557711;
	font-weight:bold;
	}
div#menu2 li.s a {
	text-decoration:none;
	color: #FFF;
	font-weight:bold; 
	}

/* 
Position Content elements */
div#contentDesign {
	border: #FFF solid;
	border-width: 0 0 1px 0;
	position:relative;
	}
#contentPage div#contentDesign {
	}
div#graphItem {
	position:absolute;
	}
#contentPage div#graphItem {
	bottom:1px;
	right:1px;
	width:308px;
	height:310px;
	background:url(../img/bottomboxshade.jpg) repeat-x bottom;
	position:absolute;
	}
div#contentWrp {
	border: #FFF solid;
	border-width: 0 1px;
	background-color:#FFFFFF;
	float:left;
	width:100%;
	min-height:310px;
	}
#contentPage div#breadcrumb {	
	padding: 20px 20px 0 20px;
	}
div#content {
	padding: 20px;
	min-height:500px
	}
* html div#content {
	padding: 20px;
	height:500px
	}
div#bannerWrp {
	border: #FFF solid;
	border-width: 0 1px;
	border-left-color:#EEE;
	float:right;
	min-height:310px;
	width:308px;
	position:relative;
	}
div#banner {
	padding: 0px;
	}
div#bottomWrp {
	border-top:1px #CCC solid;
	margin: 1px;
	clear:both;
	}
div#idweaver {
  float:left;
	text-align:left;
	color: #666666; 
	padding: 5px 5px 5px 0px;
	}
div#idweaver a {
	text-decoration:none;
	color: #666666; 
	}
div#bottom {
	float:right;
	text-align:right;
	color: #666666; 
	padding: 5px 5px 5px 0px;
	}
div#bottom a {
	color: #666666; 
	}

div.clear {
	clear:both;
	}
	
#customerinfo
{
	display:inline-table;	
	width:597px;
}	

#contacts
{
	display:inline-table;
    width: 177px;
}	

.contactslist
{
	margin: 10px 0px 0px 0px;
	padding:0px;
	list-style-type: none;
}

.customerTableLabelColumn
{
        width: 140px;
}
    
.modalBackground
{
  background-color:Gray;
  filter:alpha(opacity=50);
  opacity:0.5;
}

.ModalWindow
{
  border: solid 1px #c0c0c0;
  background:#f0f0f0;
  padding: 3px;  
  text-align:center;
}

.VATFormatLabel
{
    font-size: 12px; 
}

#extraInfo
{
     padding-left: 25px;  
}

.bold
{
    font-weight: bold;
}

.underlined
{
    text-decoration: underline;
}