﻿


/** StoreLocator Main **/

#sheadline 
{
	height:30px;
	font-size:12px;
	font-weight:bold;
	color:#2c58bc;	
}

#sheadline .leftcol
{
	float:left;
	width:315px;
}

#sheadline .rightcol
{
	float:left;
	width:435px;
}

#sheadline .rightcol b
{
	color:#de630b;
}

#scontainer
{
	width:750px;	
}


#scontent 
{
	/*width:750px;*/
	
}

#scontent .leftcol
{
	float:left;
	width:250px;
}

#scontent .rightcol
{
	float:left;
	width:500px;
	background:url('/local/de-de/img/storelocator/separator_v.gif') repeat-y;
}

#scontent .leftcol .txt
{
	width:170px;
	padding:2px;
	border: 1px solid #B4B4B4 !important;
}

#scontent .leftcol .error
{	
	border: 1px solid #DE630B !important;
}

#scontent .leftcol select 
{
	width:176px;
}

#scontent .rightcol div 
{
	padding-left:65px;
}

#scontent .rightcol td.counter
{
	width:12px;
	background:url('/local/de-de/img/storelocator/separator_h.gif') repeat-x bottom;
	color:#2c58bc;
	font-size:11px;
	font-weight:bold;
	text-align:right;
	padding-right:4px;
}

#scontent .rightcol td.result
{
	width:170px;
	background:url('/local/de-de/img/storelocator/separator_h.gif') repeat-x bottom;
	font-size:10px;
	padding-bottom:10px;
}

#scontent .rightcol td.result a
{
	text-decoration:none;
}

#scontent .rightcol td.result h2
{
	color:#2c58bc;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
}

#scontent .rightcol td.vdivider
{
	width:70px;
}

#scontent .rightcol td.hdivider
{
	height:14px;
}

#scontent .loading 
{
	background:url(/local/de-de/img/storelocator/map_loader.gif) center no-repeat;
	height:150px;
}


#map 
{
	width:750px;
	height:272px;
	z-index:999;
	border:1px solid #ccc;
}

#map .loader
{
	background:url(/local/de-de/img/storelocator/map_loader.gif) center no-repeat !important;
}


div.mapicon1  {
  color: #2C58BC;
  font-family: Verdana,Arial,sans-serif;
  font-size:15px;
  font-weight:bold;
  text-align: left;
}

div.mapicon2  {
  color: #2C58BC;
  font-family: Verdana,Arial,sans-serif;
  font-size:14px;
  font-weight:bold;
  text-align: left;
}

div.mapicon3  {
  color: #2C58BC;
  font-family: Verdana,Arial,sans-serif;
  font-size:11px;
  font-weight:bold;
  text-align: left;
}


#extSearchLeftColumnForm .txt
{
	width:170px;
	padding:2px;
	border: 1px solid #B4B4B4 !important;
}

#extSearchLeftColumnForm .error
{	
	border: 1px solid #DE630B !important;
}

#extSearchLeftColumnForm select 
{
	width:176px;
}

ul.searchCityCompleter
{
	padding:				0;
	margin:                 0;
    height:                 0;
	list-style:				none;	
	background-color:		#f2f2f2;
	border-left:            1px solid #c1c1c1 !important;
    border-right:           1px solid #c1c1c1 !important;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:              10px;
	z-index:				50;	
	width:                  174px !important;	
	overflow:               auto;
}

ul.searchCityCompleter.active
{
    height:                 auto;
    border:					1px solid #eee;
}   

ul.searchCityCompleter li
{
    padding:				0.1em 0.1em 0.1em 2px !important;
	cursor:					pointer;
	font-weight:			normal;
	font-size:				1em;
	background:             none !important;
	border-bottom:          1px solid #c1c1c1;
}

ul.searchCityCompleter li.autocompleter-selected
{
	background-color:		#ccc !important;
	color:					#000;
}

ul.searchCityCompleter span.autocompleter-queried
{
	font-weight:			bold;
}

ul.searchCityCompleter li.autocompleter-selected span.autocompleter-queried
{
	color:					#0035AD !important;
}

#searchDermablend label {
    margin:0;
    margin-left:4px;
}
