html,body {text-align:left;font:12px Arial,Helvetica,sans-serif; line-height: 16px;}
p,td,th {text-align:left;font:12px Arial,Helvetica,sans-serif;line-height: 16px;}
body {background:#fff;margin:0; }
img {border:0px}
h4 { font-size:15px; margin:0px}
a, a:link,  a:visited { text-decoration:none; color:#000}
a:hover,  a:active { text-decoration: underline}

#container { width:588px}

#search-box {background: #fae7b5 url(/images/background_search.gif) repeat-x; border:2px solid #f7eed4; padding:7px; display:block; overflow:auto; height:100%; margin-bottom:12px}
	#search-box h1 { font-size:22px; margin:0px; padding-top:8px }
	#search-box h2 { font-size:14px; margin:0px; margin-bottom:2px }	
	#search-box	#column-what { width:216px; float:left}
	#search-box	#column-where {width:216px; float:left}	
	#search-box	#column-search {width:85px; float:left}	
	
	#search-box	#column-free { width:196px; float:left}
	#search-box	#column-category {width:170px; float:left}	
	#search-box	#column-month {width:115px; float:left}		

	#category_input { width:150px}
	#category_container { width:200px}
	#month_input { width:95px}
	#month_container { width:120px}
	
	#search-box	#search {width:182px; border:1px solid #000; padding:5px 3px 6px 3px; background:url(/images/background_input.gif) no-repeat; color:#9d9d9d}
	#search-box	#location {width:192px; border:1px solid #000; padding:5px 3px 6px 3px; background:url(/images/background_input.gif) no-repeat; color:#9d9d9d}	
	#search-box	#btnSearch { background:url(/images/background_search_button.gif) no-repeat 1px 0px; border:0px; padding:4px 4px 5px 4px; color:#FFF; font-weight:bold; margin-top:18px; width:82px; height:29px}
	#search-box a, #search-box a:link, #search-box a:visited { display:block; padding-left:10px; background:url(/images/arrow_red.gif) no-repeat 1px 5px; text-decoration:none; color:#000}
	#search-box a:hover, #search-box a:active { text-decoration: underline}

	#search-box #search-advanced { text-align:right; float:right; font-size:11px; font-weight:bold;padding:5px}

	
.box {border:2px solid #f7eed4}
	.box .box-title {border-bottom:2px solid #f7eed4;padding:7px}	
		.box .box-title h2 { font-size:14px; margin:0px; margin-bottom:2px }	
	.box .box-content {padding:7px}	
	.box .box-content ul {margin:0px;padding:0px; list-style:none}
	.box .box-content ul li {margin:0px;padding:0px; list-style:none}
	.box .box-content ul li a, .box .box-content ul li a:link, .box .box-content ul li a:visited { display:block; padding-left:10px; background:url(/images/arrow_red.gif) no-repeat 1px 5px; text-decoration:none; color:#000; width:520px}
	.box .box-content ul li a:hover, .box .box-content ul li a:active { text-decoration: underline}		
.filled { background:#f7eed4}
	
#categories ul  {margin:0px; padding:0px; list-style:none; width:270px; float:left}	
#categories-expand a, #categories-expand a:link, #categories-expand a:visited {padding-right:12px; background:url(/images/arrow_red_right.gif) no-repeat right 5px; text-decoration:none; color:#C00; width:110px}
#categories-expand a:hover, #categories-expand a:active { text-decoration: underline}	
	
#results-crumbs { padding-left:9px; margin-bottom:12px;}
#suppliers {border-top:2px solid	 #f7eed4}
	#suppliers .supplier-row {border:2px solid #f7eed4; border-top:0px; border-bottom-width:1px; padding:4px; height:100%; overflow:auto; display:block}
		.supplier-row .name-paid, .supplier-row .name { width:300px; float:left}
		.supplier-row .name {padding-left:18px; font-weight:bold ; color:#666666 }
		.supplier-row .name-paid a, .supplier-row .name-paid a:link, .supplier-row .name-paid a:visited { display:block; padding-left:18px; background:url(/images/arrow_red_large.gif) no-repeat 5px 5px; text-decoration:none; color:#000; font-weight:bold}
		.supplier-row .name-paid a:hover,.supplier-row .name-paid a:active { text-decoration: underline}
		.supplier-row .address { width:280px; padding-left:18px; float:left }
		.supplier-row .telephone { width:280px; padding-left:18px; background:url(/images/icon_phone.gif) no-repeat 1px 3px; float:left  }		
		.supplier-row .mail { width:280px; padding-left:18px; background:url(/images/icon_mail.gif) no-repeat 0px 2px; float:left  }				
		.supplier-row .web { width:280px; padding-left:18px; background:url(/images/icon_web.gif) no-repeat 1px 1px;  float:left }				
		.supplier-row .supplierlogo	{float:right ;width:250px; float:right; text-align:right; overflow:hidden }	
	#suppliers .paging {border:2px solid #f7eed4; border-top:0px;  padding:8px; display:block; height:100%; overflow:auto }
	#suppliers .paging-count {font-weight:bold; font-size:11px; float:left; width:110px}
	#suppliers .paging-numbers {font-weight:bold; font-size:11px; float:left; width:360px; text-align:center; }
	#suppliers .paging a, #suppliers .paging a:link, #suppliers .paging a:visited { text-decoration:none; color:#e60004}

#supplier {border:2px solid	 #f7eed4; padding:10px; margin-bottom:10px; height:100%; overflow:auto; display:block}
	#supplier  h1 { font-size:18px}
	#supplier   .logo	{float:right ;width:250px; float:right; text-align:right }	
	#supplier .address { width:298px; float:left }
	#supplier .telephone { width:280px; padding-left:18px; background:url(/images/icon_phone.gif) no-repeat 1px 3px; float:left  }	
	#supplier .fax { width:280px; padding-left:18px; background:url(/images/icon_fax.gif) no-repeat 0px 0px; float:left  }			
	#supplier .mail { width:280px; padding-left:18px; background:url(/images/icon_mail.gif) no-repeat 0px 2px; float:left  }				
	#supplier .web { width:280px; padding-left:18px; background:url(/images/icon_web.gif) no-repeat 1px 1px;  float:left }		
	#supplier .seperator { margin-top:4px; width:280px; float:left;display:block; height:2px}
	
#request-info {background:#f8eed5; padding:10px; height:100%; display:block; overflow:auto; color:#333333}	
	#request-info  h2 { font-size:16px}
	#request-info  .row {clear:both}
	#request-info  .row label {float:left; width:200px;}	
	#request-info	.row span	{color:#58585a}
	#request-info  .button {clear:both; text-align:right; margin-top:4px}
	#request-info #btnSend { background:url(/images/background_send_button.gif) no-repeat; border:0px; padding:1px 2px 3px 2px; color:#FFF; font-weight:bold; margin-right:20px}
	#request-info #fldReUse { padding-bottom:14px}
	#request-info #fldName, 	#request-info #fldTelephone, 	#request-info #fldEmail, 	#request-info #fldInformation { width:330px}
	
	
div.selectbox-wrapper {
  position:absolute;
  width:400px;
  background-color:white;
  border:1px solid #ccc;
  margin:0px;
  margin-top:-10px;
  padding:0px;
  text-align:left;
  overflow:auto;
  z-index:4000;
  height:200px;

}
div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #faf5e7;
}

div.selectbox-wrapper ul li.current { 
  background-color: #faf5e7
}

div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

label {
    display: block;
}
.selectbox /* look&fell of  select box*/
{
  margin: 0px 5px 0px 0px;
  display : block;
  text-align:left; 
  background: url(/images/background_select.gif) top right no-repeat;
  /*height:18px;*/
  cursor: pointer;
  border:0px;
  color:#333;
  height:17px;
  padding:6px;
  display:block;
  border-left:1px solid #000;
}

select {
	background: url('background_select.gif') right;
}

.paging { padding-top:10px; border-top:1px solid #666; margin-top:10px}
.paging .pgs { font-weight:bold}
.paging a { color:#666666}
.paging a:hover { color:#C00}