@content-bg: #fff;
@facet-bg:#F8FAFD;
@facet-width:190px;
@facet-margin:10px 15px 0 0;
@search_block-width:480px;
@sidebar-width:200px;
@sidebar-margin:10px 0px 0 0; 
@font-for-site:arial, sans-serif;
@font-weight:500;
@facet-title-color:#222;
@facet-link-size:11px;
@results-title-hover:#4F85C4;
@pagination-selected-bg:#4F85C4;
@pagination-selected-color:#fff;

#search_block, #item-page, #main, #sidebar_facet div, #sidebar div.box, #facebook-box {
	background: @content-bg;
	text-align: left;
}
#content, #sidebar, #search_facet, #sidebar_facet { 
	text-align: left;
	background: @content-bg;
	
}
#search_block ul {
	font-size: 1em;
	margin:10px 10px 10px 0px; 
	border-bottom: 0px solid #eee; 
	float: left; 
	width:100%;
}
ul#search_results {border-top: 1px solid #eaeaea; margin:0;}
#search_block ul, #sidebar_facet ul, ul#search_results {
	list-style: none;
    padding:0;
}
#sidebar_facet ul {
	margin-bottom: 0;
}
#search_results h2 {
	line-height: 1.1;
	margin:5px 0 5px 0px; 
	width:400px;
	display:block;
}

#search_results h2 a {
	text-decoration: none;
	color: #222;
	font-size: 16px;
}
#search_results h2 a:hover {
    color:@results-title-hover;
}
#search_results span {
	font-size: 12px;
	text-transform: normal;
}
#search_results li {
	min-height: 70px;
	border-bottom: 1px solid #eaeaea; 
	line-height: 1.3;
	padding: 5px 0 15px 0;
	position: relative;
}
#search_results a {
	font-size: 11px;
	text-decoration: none;
}

#logo-wrapper {
    float: right;
    margin-top: 0px;
    padding: 0 15px;
}
#item-page #logo-wrapper {
    margin-top: 10px;
}
#logo-wrapper div {
    float: left;
    height: 50px;
    width: 150px;
}
#search_facet ul {
	font-size: 10px;
	list-style: none;
	margin: 0 10px 0 12px;
	padding:0;
}
#search_facet span.title, #sidebar div.box span.header {
	display: block;
	padding: 10px 10px 5px 10px;
	font-size: 22px;
	color: @facet-title-color;
	font-family: @font-for-site; 
	font-weight:@font-weight;
}
#search_facet span.cat {
	padding-left: 38px;
	background: transparent url(images/bransch-icon-large.png) no-repeat 12px 10px;
}
#search_facet span.reg {
	padding-left: 32px;
	background: transparent url(images/region-icon-large.png) no-repeat 12px 5px;
}
#search_facet li {
	margin: 0 0px 5px 0;
	border-bottom: 0px solid #EEEEEE;
	padding-bottom: 5px;
}
#search_facet li a {
	display: block;
	padding: 0 5px 0 0px;
	font-size: @facet-link-size;
	line-height: 1.2;
	text-decoration: none;
}
#search_facet li a:hover {
	color: #888;
}
#search_pagination {
	text-align: center;
	margin-bottom: 20px; 
    padding-top:10px;
}
#search_pagination li {
	display: inline-block;
	margin: 0 2px;
}
#search_pagination li a {
	display: block;
	font-size: 12px;
	overflow: hidden;
	border:1px solid #eee;
	padding:2px 5px;
	
}
#search_pagination li span, #search_pagination li a:hover {
	display: block;
	overflow: hidden;
	font-weight:bold;
	font-size: 12px;
	background:@pagination-selected-bg;
	color:@pagination-selected-color;
	padding:3px 6px;
	border:0;
	
}
#item-page {
	padding: 0px 5px 10px 5px; 
	margin:10px 0 20px 0;
	border-bottom:0px solid #eee;
	font-size: 12px;
	line-height: 1.6;
}
#item-page h1 {
	font-size: 28px;
	font-family:@font-for-site;
	margin:0px 0 10px 0;
	text-align:left;
	color:#222;
	padding:0;
}
#breadcrumb {
	font-size: 11px;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
}
.item-info {
	width: 500px;
	float: left;
	position:relative;
}
.item-info span {font-weight:bold;}
.item-info p {margin:0 0;}
.print-coup {
	width: 150px;
	height: 40px;
	float: right;
	margin: 20px;
	background: transparent url(images/print_coup.png) no-repeat top left;
	margin-top: 30px;
}
#sidebar_facet span {
	display: block;
	padding: 5px 10px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	background: #ddd4c5;
	color: #444;
	text-shadow: 0px 1px 0px #eee;
}
#search_facet span.title {
	margin-bottom: 5px;
}
#sidebar_facet li {
	float: left;
	margin: 0 5px 10px 0;
}
#sidebar_facet li a {
	display: block;
	padding: 0 5px 0 10px;
	height: 17px;
	text-transform: uppercase;
	font-size: 11px;
	color: #444;
	line-height: 1.4;
	text-shadow: 0px 1px 0px #eee;
	text-decoration: none;
	background: #ddd4c5 url(../../images/coup-small-left.gif) no-repeat top left;
}
#sidebar_facet li a:hover {
	color: #fff;
	text-shadow: none;
}
span.title {
	display: block;
	padding: 5px 10px; 
	font-size: 18px;
	color: #222;
	font-family:@font-for-site; 
	font-weight:@font-weight;
}
#sidebar_facet div.purp span {
	background: #c2c2d5;
}
#sidebar_facet div.purp li a {
	background: #c2c2d5 url(../../images/coup-small-left-purp.png) no-repeat top left;
}
#alpha-filter {
	text-align: left;
	padding: 0px 0;
	margin: 10px 0 10px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
#alpha-filter li {
	display: block;
	float: left;
	margin: 0px;
}
#alpha-filter li a {
	display: block;
	padding: 3px 5px;
	font-size: 14px;
	font-weight: bold;
	overflow: hidden;
}
#page_map {
	float: right;
}
#sidebar {
    float: right;
    margin: @sidebar-margin;
    width: @sidebar-width;
}
#sidebar .results-map {
	margin-bottom: 10px;
	overflow:hidden;
}
#search_facet div, #sidebar div.box {
	padding-bottom: 0px;
	overflow: hidden;
}
.small-text {
	font-size: 10px;
	line-height: 1.1;
	padding: 8px 15px 0 15px;
}
#map {
	height: 300px !important;
	width: 200px !important;
	background: @content-bg;
}
#item-page #map {
	height: 300px !important;
	width: 370px !important;
	background: #fff;
}
#search_facet {
	width: @facet-width;
	margin: @facet-margin;
	float: left;
	background:@facet-bg;
	border:1px solid #E7EFF5;
}
#search_block {
    float:left; 
    width:@search_block-width; 
    padding-top:10px;
}
#search_block h1 {
    font-size:16px; 
    margin:10px 5px 0 0px; 
    line-height:1;
    text-align:left;
    color:@facet-title-color;
}
/**
 * 	Autosuggest
 */
.ui-autocomplete { position: absolute; cursor: default; border:1px solid #ddd;} 

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-autocomplete em {background:#fefddd;}

.ui-menu {
  list-style:none;
  padding: 0;
  margin: 0;
  display:block;
  float: left;
  text-align:left;
}
.ui-menu .ui-menu {
  margin-top: -3px;
}

.ui-menu-item {
  margin:0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
  background:#fff;
} 

.ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: .2em .4em;
	line-height: 1.5;
	zoom: 1;
}

.ui-state-hover, .ui-state-hover:hover {
	text-decoration: none;
	background: #f4f4f4;
}