/* ================================
    CSS STYLES FOR GEPIR Germany version 2.0
    Copyright 2007/11 MS 
    Updated:  2010/01 MS
   ================================
*/   



body{width:1096px !important; width /**/:1096px;margin: 0 auto;padding:0px;text-align:left}

/* general GS1 layout HEADER, CONTENT and FOOTER
--------------------------------------------------------------------------------------------------*/
#header {margin-top: 12px;font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;line-height:18px;color:#000000;}

#header_links {float:  right;height:14px;}
#header_form {float:  right}
#header_image {float: left;}

/*#content {clear: both;}*/
#footer {float:  left;background-color:  white}

.headerText {font-size: 10px;color: #888888} 
.headerText a:link {font-size: 10px;color: #888888} 
.headerText a:visited {font-size: 10px;color: #888888}
.headerText a:hover {font-size: 10px;color: #103c85;text-decoration: none}

.input {font-size: 10px; font-family: Verdana,Arial, Helvetica, sans-serif}
.button {BORDER-RIGHT: #606060 1px solid;border-top: #606060 1px solid; font-size: 10px; border-left: #606060 1px solid; BORDER-BOTTOM: #606060 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
.btnSearch {margin-left:450px;font-size:30px;}
.btnSearchGTIN {margin-left:130px;font-size:30px;}
.btnSearchNAME {margin-left:215px;font-size:30px;}

.topnav {clear:both;height:48px;font-weight: bold; font-size: 10px; color: #ffffff; background-color: #ffffff;line-height: 48px; }
.topnav img {height: 48px; width: 48px}
.topnav li{list-style-type:none;float:left;}
.topnav li p{text-align:center;padding-left:10px;padding-right:50px;}
.topnav a:link {color:#000000; text-decoration: none}
.topnav a:visited {color: #000000; text-decoration: none}
.topnav a:hover {color: #f26334;text-decoration: none} 
.live   { color:#f26334} 
.topnav a.live:link {color: #f26334;text-decoration: none} 
.topnav a.live:visited {color: #f26334;text-decoration: none} 
.topnav a.live:hover {color: #f26334;text-decoration: none} 

.topBild img {padding-left:45px;height:72px;width:720px}

.breadcrumb {font-size: 11px;color: #aaaaaa;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif} 
.breadcrumb a:link {color: #aaaaaa; text-decoration: none}
.breadcrumb a:visited {color: #aaaaaa; text-decoration: none}
.breadcrumb a:hover {color: #103c85; text-decoration: none}

.footerText{font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:10px;color:#888888;width:1096px}
.footerText  img{ float:  left;  margin-top: 0px;  margin-right:  0px; margin-bottom:  0px;  margin-left: 0px  }
.footerText a:link {font-size: 10px; color: #888888; }
.footerText a:visited {font-size: 10px; color: #888888; }
.footerText a:hover {font-size: 10px; color:  #103c85; text-decoration: none; }

/* GS1 Styles 
--------------------------------------------------------------------------------------------------*/
td  {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;line-height:18px;color:#000000}
th  {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;line-height:18px;color:#000000}
p   {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;line-height:18px;color:#000000}
span   {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;line-height:18px;color:#000000}  
h1, h2, h3, h4, h5, h6 {font-family:  Arial, Helvetica, Sans-serif;margin-bottom: 0px;padding-bottom: 0px; color:#002c6c;font-weight: normal}
h1  {font-size: 24px; line-height:24px; }
h2  {font-size: 20px; line-height:20px; }  
h3  {font-size: 18px; line-height:18px; }
h4  {font-size: 16px; line-height:16px;font-weight:bold}
h5  {font-size: 14px; line-height:14px; }
h6  {font-size: 12px; line-height:12px; }  
ul li   {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;line-height:18px;color:#000000;list-style-type:disc } 
ol li {list-style-type: decimal}
ol ol li {list-style-type: lower-alpha}
ol ul li {list-style-type: square}

/* LINKS 
--------------------------------------------------------------------------------------------------*/
a:link {color: #f26334; text-decoration: none}
a:visited {color: #f26334;text-decoration: none}
a:hover {color: #103c85;text-decoration: none}


/* GEPIR LAYOUT 
--------------------------------------------------------------------------------------------------*/


/* Encadrer le texte autour d'une image à droite */
.rightimg, .leftimg, .centreimg img {
  border:0px solid #FFFFFF;
  background-color:#FFFFFF;
  padding:0px 40px 0px 45px;
  margin:6px;
}
.rightimg {float:right;}
.leftimg {float:left;}
div.centreimg {
 text-align:center;
}

div.content{float:left;width:1096px;padding:0px 5 5 5;margin:5px 5px 5px 40px;}
div.leftside{float:left;width:200px;padding:0 5px 5px 5px;margin:0}
div.spacer{float:left;width:20px;height:420px;padding:0px 0;margin:0px 0}
div.spacernutz{float:left;width:20px;height:460px;padding:0px 0;margin:0px 0}
div.spacerstartseite{float:left;width:20px;height:660px;padding:0px 0;margin:0px 0}
div.rightside{float:right;width:545px;padding:0;margin:0px}
div.menurightside{float:right;width:200px;padding:0 50px 5px 5px;margin:0}
div.summarycontrol{float:right;width:500px;padding:0;margin:0px}

/* LEFT NAVIGATION 
--------------------------------------------------------------------------------------------------*/
.leftnav{border-right:#cccccc 1px solid;margin-top:-5px;margin-bottom:-5px;border-left:#cccccc 1px solid;background: #F4F4F4;width:200px;}
.level1 a:link {font-weight:bold; color: #006299; text-decoration:none}
.level1 a:visited {font-weight:bold;color: #006299; text-decoration:none}
.level1 a:hover { font-weight:bold; color:    #ee6234;    text-decoration:none}
.level2 {line-height: 15px}
.level2 a:link{color:#777777;text-decoration:none}
.level2 a:visited{color:#777777;text-decoration:none}
.level2 a:hover{color:#103c85;text-decoration:none}
.level2.live{color:#777777;font-weight:bold}
.level2blind a:link, .level2blind a:hover, .level2blind a:visited{color:#aaaaaa;cursor:default;}
.scell{height: 16px;overflow: hidden;color: #777777;}
.scellTitle{padding-left:45px;font-size:14px;overflow: hidden;color: #000000; text-decoration: none;font-weight:bold;}
.scellTitleImg{padding-left:0px;font-size:14px;overflow: hidden;color: #000000; text-decoration: none;font-weight:bold;}
.scellTitleMenu{font-size:14px;overflow: hidden;color: #103c85; text-decoration: none;font-weight:bold;}
.bluetext{color:#103c85;font-weight:bold;padding-left:45px;}
.scellContent{padding-left:45px;}

/* CENTRAL TABS 
--------------------------------------------------------------------------------------------------*/
ul.teaser {list-style-type:none;margin:0;padding:0;text-align:center; }
ul.teaser{width: 75%;margin:0px 0px 0px 200px;text-align:center}
ul.teaser li{list-style: none; float:left;width: 196px; padding: 10px;margin:0px; }
/*ul.teaser li{background-color:  #F4F4F4; border: dashed; border-color: #cccccc ; border-width: 1px}*/
ul.teaser a {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;}
ul.teaser li img {display: block; width: 196px; margin-left:auto; margin-right:auto}
ul.teaser img {margin-top:0px}
img.floatLeft { float: left; margin: 0px;padding: 10px 10px 10px 0; }
img.floatRight { float: right;margin: 0px; }

/* RAILS ERROR LAYOUT 
--------------------------------------------------------------------------------------------------*/
#errorExplanation {font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;width: 400px;border: 2px solid red;padding: 7px;padding-bottom: 12px;margin-bottom: 20px;background-color: #f0f0f0;}
#errorExplanation h2 {text-align: left;font-weight: bold;padding: 5px 5px 5px 15px;font-size: 12px;margin: -7px;background-color: #c00;color: #fff;}
#errorExplanation p {color: #333;margin-bottom: 0;padding: 0px;}
#errorExplanation ul li {font-size: 12px;list-style: square;padding:0px}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}


.closeLoginPanel
{
    font-family: Verdana, Helvetica, Arial, sans-serif;
    line-height: 17px;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top:8px;
    right: 10px;
}

.closeLoginPanel a
{
    background-color: #002c6c; 
    cursor: pointer;
    color: #FFFFFF; 
    text-align: center; 
    text-decoration: none; 
    padding: 5px;
}

.handcursor
{
 cursor:pointer;
 color: #f26334;
}

.handcursor:link {color: #f26334; text-decoration: none}
.handcursor:visited {color: #f26334;text-decoration: none}
.handcursor:hover {color: #f26334;text-decoration: none}

.txtlogin
{
 color:Black;
}

.loginPanel
{
 background-color: #DDDDDD;
 border: solid 1px Gray;
 color: Black;
}

#description_HeaderPanel
{
 font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;font-size:12px;line-height:18px;color:#000000;	
}

.btsub {
   width: 48px;
   height: 45px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(image/excelbutton.jpg) no-repeat top left ;/* on place l'image en arrière plan */
   cursor: pointer;  /* pour transformer de pointeur en main */
}


.btprint {
   width: 48px;
   height: 45px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(image/printerbutton.gif) no-repeat top left ;/* on place l'image en arrière plan */
   cursor: pointer;  /* pour transformer de pointeur en main */
}


P.blocktext {
    margin-left: auto;
    margin-right: auto;
    width: 35em;
    border-width : 2px;
    border-color : black;
    border-style : solid;
    padding: 5px 10px 5px 10px;
}