/*
MMSuggest stylesheet.
Contains the styles used by the client side MatchMakerSuggest component.
Copyright exorbyte GmbH,2005,2006. All rights reserved.
Author:Leo Meyer,leo.meyer_at_exorbyte.com
*/
/* Suggest Headline */
.mmheadline{
   border-bottom:1px solid;
   border-color:#b0b7bd;
   font-size:10px;
   padding:3px 0 4px 3px;
}
.suggInputHeader{
   font-size:10px;
   font-weight:bold;
   width:100%;
   color:#000000;
   margin-top:3px;
   padding-left:3px;
   margin-bottom:2px;
}
/* Suggest box style */
.suggBox{
   border-right:1px solid;
   border-left:1px solid;
   border-top:1px solid;
   border-bottom:0px solid;
   border-color:#b0b7bd; /* z-index:1;*/
   visibility:hidden;
   position:absolute;
   background-color:#FFF;	
/*	min-width:440px;*/
   width:440px; /* Optional styles to make the suggest box slightly transparent */
   opacity:0.95;
   -moz-opacity:0.95;
   -khtml-opacity:0.95;
   filter:alpha(opacity=95);
   padding:0px;
}
.navRow{
   font-size:11px;
   color:black;
   background-color:white;
   font-family:Verdana,Arial,Helvetica,Sans-Serif;
   width:100%;
   height:16px;
   overflow:hidden;
   padding-bottom:3px;
   border-bottom:black 1px solid;
}
.suggRow{
   color:black; /* Attention! These must match the colors provided for SetupMMSuggest! */
   background-color:white;
   font-size:11pt;
   font-family:Verdana,Arial,Helvetica,Sans-Serif;
   width:100%;
   height:16px;
   overflow:hidden;
   border-color:#b0b7bd;
}
/* Default column styles */
.suggProduct{
   font-size:11px; /* Attention! Do not specify colors here! */
   max-width:65%;
   overflow:hidden;
   white-space:nowrap;
   float:left;
   text-align:left;
   padding-left:3px;
   padding-right:3px;
}
.suggCat{
   font-size:11px; /* Attention! Do not specify colors here! */
   max-width:35%;
   overflow:visible;
   white-space:nowrap;
   float:right;
   text-align:right;
   color:green;
   padding-right:3px;
}
/* Styles to be used with flag AS_HIERARCHICAL */
.suggHierarchicalProduct{
   font-size:10px; /* Attention! Do not specify colors here! */
   max-width:100%;
   overflow:hidden;
   white-space:nowrap;
   float:left;
   text-align:left;
   padding-left:3px;
   padding-right:3px;
}
.suggHierarchicalCat{
   font-size:10px; /* Attention! Do not specify colors here! */
   max-width:35%;
   overflow:visible;
   white-space:nowrap;
   float:right;
   text-align:right;
   color:green;
   padding-top:3px;
}
/* Styles to be used with flag AS_GROUPED and AS_GROUPED_DISPLAYCAT */
.suggGroupCaption{
   font-size:10px; /* Attention! Do not specify colors here! */
   font-weight:bold;
   max-width:100%;
   overflow:hidden;
   white-space:nowrap;
   float:left;
   text-align:left;
   padding-left:3px;
   padding-right:3px;
}
.suggGroupProduct{
   font-size:10px; /* Attention! Do not specify colors here! */
   max-width:65%;
   overflow:hidden;
   white-space:nowrap;
   float:left;
   text-align:left;
   padding-left:3px;
   padding-right:3px;
}
.suggGroupCat{
   font-size:10px; /* Attention! Do not specify colors here! */
   max-width:35%;
   overflow:visible;
   white-space:nowrap;
   float:right;
   text-align:right;
   color:green;
   padding-top:3px;
}
.suggGroupProductOnly{
   font-size:10px; /* Attention! Do not specify colors here! */
   max-width:100%;
   overflow:hidden;
   white-space:nowrap;
   float:left;
   text-align:left;
   padding-left:3px;
   padding-right:3px;
}
.suggFooter {
    border-bottom: 10px solid #b0b7bd;
}