@charset "utf-8";
/* CSS Document */

#imageColumHeigt {
height:153px;
}

#displaynameHeigt{
heigt:30px;
}
.withTooltip {


}
.descHeight{
overflow: hidden;
/*max-height:56px;*/
min-height:45px;

}

a.tooltip span {display:none; padding:2px 3px; margin-left:-1px; width:223px; margin-top:-1px;}
a.tooltip div {display:none;  width:250px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:black; font-weight:normal; margin-top:-56px;}
/*a.tooltip:hover div{display:inline; position:absolute; background:#ffffff; color:#6c6c6c; height:53px; left:0; top:-2px; width:255px;}*/
.descriptionHeigtColum {
overflow: hidden;
}

.descriptionHeigtColum  a{

}

.border table {
width:100%;
}

.addToPalletIcon {
  text-indent:-1000000px;
  cursor: pointer;
  margin-left:3px;
}

.addToPalletIcon a {
  background-image: url("../images/Icon/ActionIcon/plusGray.gif");
  background-repeat:no-repeat;
  background-position:  center center;
  cursor: pointer;
  text-indent:-1000000px;
  width:14px;
  height:14px;
  display:block;
}

.addToPalletIcon a:hover {
  background-image: url("../images/Icon/ActionIcon/RollOver/plusRed.gif");
  background-repeat:no-repeat;
  background-position: center center;
  cursor: pointer;
  width:14px;
  height:14px;
  text-indent:-1000000px;
  display:block;
  }

.priceIcon 
{
  height:14px;
  width:14px;
  text-indent:-1000000px;
 }


.priceIcon a
{
  background-image: url(../images/Icon/InformationIcons/pris.gif);
  background-repeat: no-repeat;
  background-position:  left center;
  cursor: pointer;
  display:block;
  text-indent:-1000000px;
  height:14px;
  width:14px;
}


.priceIcon a:hover
{
  background-image: url(../images/Icon/InformationIcons/prisRed.gif);
  background-repeat: no-repeat;
  background-position:  left center;
  cursor: pointer;
  text-indent:-1000000px;
  display:block;
  height:14px;
  width:14px;
}

.a4Icon {
  height:14px;
  width:14px;
}

.a4Icon a  {
  background-image: url(../images/Icon/InformationIcons/a4.gif);
  background-repeat: no-repeat;
  background-position:  left center;
  cursor: pointer;
  display:block;
  height:14px;
  width:14px;
}

.a4Icon a:hover {
  background-image: url(../images/Icon/InformationIcons/a4Red.gif);
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
  display:block;
  height:14px;
  width:14px;
}
.a4Icon, .favorites {
  height:14px;
  width:14px;
}

.favorites a  {
  background-image: url(../images/Icon/ActionIcon/heart.gif);
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
  display:block;
  height:14px;
  width:14px;
}

.favorites a:hover{
  background-image: url(../images/Icon/ActionIcon/heart-roll-over.gif);
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
  display:block;
  height:14px;
  width:14px;
}

.moreInfo a{
  background:transparent url(../images/Icon/NavigationIcon/PilFram.gif) no-repeat scroll left center;
  padding:0 0 0 10px;
}

.gotoTop a {
background:transparent url(../images/Icon/NavigationIcon/PilFram.gif) no-repeat scroll left center;
padding:0 0 0 10px;
}

/* top of the sku used in productExtra.jsp */
/*#usage, #pictureText, #raster, #printing, #aftertreatment, #priceindex, #envelopes, #coating, #surface, #fibre, #directions, #technicaldata, #longDescription, #other, #making {
background-color:#F7F7F7;
margin-top:10px;
height:auto;
padding: 5px 5px 5px 0;
}*/

#longDescription {
 margin-top:10px;
 margin-bottom:10px;
}

.wikiLinkDiv {
 margin-top:10px;
 margin-bottom:10px;
}

.poductExtra strong{
  color: #444444;
  display:block;
  border-top:1px solid #F7F7F7;
  background-color:#F7F7F7;
}


.poductTexthead{
  font-weight: bold;
  background:#EEEEEE;
}

/* top main used in products.jsp */
.print #product .head table{
  font-size:14px;
 }

.head 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  border-bottom:3px solid #7F7F7F;
  margin-bottom:5px;
  padding-bottom:5px;
  background-color:#FFFFFF;
  color:#7F7F7F;

}

.headTable
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  border-bottom:3px solid #7F7F7F;
  padding-bottom:2px;
  margin-bottom:10px;
  background-color:#FFFFFF;
  color:#7F7F7F;
}

.headTable table tr td {
 font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color:#7F7F7F;
}

#product{
  position:static;
  margin-left: 20px;
  float: left;
  width:460px;
  min-height:105px;
  height: auto !important;
  height:105px;
}


#product div{
  padding-left:5px;
}


#product div div{
  margin:0px;
  padding:0px;

}



#product .head table {
  padding-left:0px;
  color:#7F7F7F;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:bold;
  margin-top:-3px;
}



/* top of the sku used in skuPaging.jsp */

#paging{
  height:auto;
}

/* middle main used in products.jsp */


#sku{
  float:left;
  width:auto;
  height:auto;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  margin-top:15px;
}


/* middle  main used in products.jsp */

#productExtra{
  background-color:#FCFCFC;
}

#productExtra div{
  padding: 5px 5px 5px 5px;
  margin-top:10px;
  background-color:#FCFCFC;
}

#technicaldata table{
  padding: 0px;
  margin:0px;
  font-family:Arial;
  font-weight:normal;
  border-collapse:collapse;
  text-align:left;
  border:1px solid #f5f5f5;
  width:80%;
  }
 
 
  #technicaldata table tr td {
  border:1px solid #f5f5f5;
  text-align:left;
  padding:2px;
    font-family:Arial;
  font-weight:normal;
  
  

}

  #technicaldata table tr th {
  border:1px solid #f5f5f5;
  text-align:left;
  font-family:Arial;
  padding:2px;

}
  /* error: background-color: none; */

  #technicaldata table tr td font{
  font-family:Arial;
  font-weight:normal;
}
 
 
 #technicaldata table tr th font{
   font-family:Arial;
  font-weight:normal;
}


#technicaldata div font {
  font-family:Arial;
  font-size:11px;
  font-weight:normal;
}


#productExtra div div{
  padding: 0px;
  margin:0;
  /* error: background-color: none; */
}




/* end  main used in products.jsp */

#link_assortment{
  margin-top:15px;
  background:#FCFCFC;
}

/* sideBarLeft used in products.jsp */



#skuContainer {
  position:static;
  float:left;
  margin-left: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
  visibility:hidden;
  background-color:FCFCFC;
}


#skuEmpty {
  position:static;
  width:180px;
  float:right;
  height:250px;
  border: thin solid #0000FF;


}

#thumbnail{
  /*position:static;
  height:auto;*/
  padding: 0 0 20px 10px;
  display:inline;
  float:right;
}


img.thumbnailImg{margin: 10px 0 10px 10px; float:right; 

}


table.showtable {
}


.border {
  border-bottom: 1px solid  #CCCCCC;
  width:49%;
}


#skuTable {
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #7F7F7F;
  border-collapse: collapse;
  background:#fcfcfc;
} 

#skuTable tr td{
padding:2px;
} 


#skuTable th{
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #7F7F7F;
  background-color:#F0F0F0;
}

.sortColumn {
  color: black;
}

.unit{
  width: 55px;
  height: 18px;
}
/* classes used in sku.jsp */
.infosheetIcon {text-align: center;}
.outgoingIcon {text-align: center;}
.thumbnail {text-align: center;}
.skuNumber {text-align: left; padding-right:2px}
.articleName { text-align:left; width:auto; text-align: left; white-space:nowrap;}
.columnDetails {
text-align:right; 
}
.quantity {text-align: left; width: 35px;}
.stockIcon {text-align: center;}
.priceIcon {text-align: center; width:14px;}
.packIcon {text-align: center;}

.odd *{
  border-bottom:1px solid #7f7f7f;
  widows:100%;
}


.productodd{
  widows:100%;
}


tr.even *{
  border-bottom:1px solid #7f7f7f;
}

.sortabletable tr.odd
{
border:none;
}

.sortabletable  tr.even
{
border:none;
}

/* classes used in assortment.jsp */

.subheadAssortment{
  font-weight:bold;
  font-size: 11px;
  padding-top:8px;
  padding-bottom:8px;
  margin-bottom:5px;
  background-color:#F0F0F0;
  border-bottom:3px solid #7F7F7F;
}


.assortmentHeadTable {
  margin-top:5px;
}



.assortmentHeadTable img{
  margin-right:3px;
  margin-left:3px
}



.assortmentTableDiv { 
  border-bottom: 1px solid #7F7F7F;
  border-top: 1px solid #7F7F7F;
  margin-bottom:15px;

}

.assortmentTable {
  border: 1px solid #D3D3D3;
  border-collapse:collapse;
  width:auto;}

.colDefault {
  padding:5px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #C0C0C0;
  text-align:center;
}

.column {
  padding:5px;
  border: 1px solid  #C0C0C0;
  text-align: center;
}



.headCategory table 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-bottom:5px;
  color:#7F7F7F;
  border-bottom:3px solid #7F7F7F;
  margin-top:-3px
}

.categoryDesc
{
  padding-left:5px;
  padding-top:10px;

}

.enviroment {
  margin-top:5px;
}

/* classes for lightbox */
#lightbox{
  background-color:#F7F7F7;
 border: 1px outset #f5f5f5;;
 border-left:1px solid #F7F7F7;
 border-top:1px solid #F7F7F7;
  z-index:100;
}
#lightboxDetails{
  font-size: 0.8em;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{  clear: both; border:1px solid  #EBEBEB;
  margin:12px;
/*  min-height:400px;
  height: auto !important;
  height: 400px;
  min-width:400px;
  height: auto !important;
  height: 400px;  
  max-height:600px;
  max-width:600px;
*/  
 } 
#overlay img{ border: none; }

#overlay{  
  background-color:black;
  z-index:1;
  -moz-opacity: 0.65;
  opacity:.65;
  filter: alpha(opacity=65,finishopacity=65,style=0);} 

#lightbox a {

cursor:url(../images/Icon/InformationIcons/zoomout.cur) 2 2, pointer;
cursor:url(../images/Icon/InformationIcons/zoomout.cur);

}
/* print */

.printbody{
  margin:0;
  padding:0;
  height: 100%;
  font-size: 14px;
  background-image: url("../images/background.png");
  background-attachment: scroll;
  background-position:left top;
  background-repeat: repeat-y;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;

}


.printTop {
  padding: 5px 20px 0;
  position: static;
  border-bottom:  1px solid #E3E3E3;
  width: 900px;
  height:45px;
  text-align:left;
  margin-left:30px;
 }


.print{
  margin-left: 50px;
  margin-top: 30px;
  width:600px;
  font-size:14px;
  background:none;
  text-align:left;
  }



.print table{
  font-size:14px;
  }

.print #productExtra {
background-color: white;}


.print #productExtra div{
background-color: white;
}

.print #skuContainer {
background-color: white;
}

.print #sku {
width:500px;
}


.print #skuTable{
width:auto;
}


#printing{
  height:auto;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left:5px;
  margin-top:15px;
}

.print #sku .head {
border:none;
}


.print .skuNumber  {
width:70px;
}

.print #product{
margin-left:0;
height: auto !important;
}

.productBody #print_button {display:none;
} 
.productBody #searchArea { }

html>body #tooltip a{ /*Non IE rule*/
width: auto;
}

#tooltip a{
padding: 4px;
padding-left: 2px;
display: block;
width: 100%;
color:black;
border-bottom: 1px solid #7f7f7f;
font-size:11px;
font-weight:normal;
}

#tooltip a:hover{
background-color: black;
padding:4px;
padding-left: 2px;
width: auto;
display: block;
color:white;
cursor:pointer;
font-size:11px;
font-weight:normal;
}

.printLogo{
margin-left:20px;
}

#print{
text-align: right;
}

#thumbnail .resizeimage {
cursor:url(../images/Icon/InformationIcons/zoomin.cur), pointer;
cursor:url(../images/Icon/InformationIcons/zoomin.cur);
}


.resizeimage{
visibility:hidden;
filter: alpha(opacity=100); 
-moz-opacity: 1.0;
opacity:1.0;
max-height:150px;
max-width:150px;
}

.resizeimage:hover{
z-index:1;
-moz-opacity: 0.65;
opacity:.65;
filter: alpha(opacity=65,finishopacity=65,style=0);
max-height:150px;
max-width:150px;
  }



#smallimage img{
width:200px;
height:150px;
}



/* error:
*html #overlay{
}*/
