/* Styles for the dunelm store locator page */
/* Author: Ben Hull */

/* For enhancing the store locator in IE */

/* end */
#storeloc #storelocatorform .actions {background:none;}

#storeloc #mapsearch{
	float:left;
	border:1px solid #CCC;
	width:600px;
	height:600px;
}

#storeloc #storelocatorform,
#storeloc #storeList,
#storeloc .detailContainer {
	float:right;
	width:300px;
	position:relative;
	zoom:1;
}

#storelocatorform  {display:none;}

#storeloc .store-load-message {
	height:35px;
	width:300px;
}

#storeloc #storelocatorform fieldset,
#storeloc .storeDetails {
	border:1px solid #CCC;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:1em;
	margin-bottom:2em;
}

#storeloc .storeDetails {
	width:278px;
	clear:both;
}

#storeloc h1 {
	color:#49A943;
}

#storeloc h1 span {
	color:#505350;
}

#storeloc h1 span:after {
	content:':';
}

#storeloc .newSearchContainer {

}

#storeloc .actions {
	font-weight:bold;
	width:100%;
	float:right;
	margin-bottom:5px;
}

#storeloc .actions button {
	float: right;
	*width: 102px; 
	_width: 102px; 
}

#storeloc .searchedAddressName {
	text-transform: capitalize;
}

#storeloc .actions li {
	padding:10px;
}

#storeloc .actions li.back {
	float:left;
	font-size:0.9em;
}

#storeloc .actions li.newSearch {
	float:right;
}
#storeloc .actions li.newSearch a {
	/* background:none !important;*/
	font-size:1.1em;
}


/* Map elements */

#storeloc .hoverstorename {
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:0.6em;
}

#storeloc .hoverstoredist,
#storeloc .hoverstoreaddress,
#storeloc .hoverstorephone {
	font-size:1.2em;
}
#storeloc .hoverstorelabel {
	font-weight:bold;
}
#storeloc .hoverstorephone {
	margin-bottom:.5em;
}
#storeloc .directions {
	margin-left:65px;
}

/* Search form styles */


#storeloc #storelocatorform .locations label {
	width:40%;
	display:block;
	float:left;
}

#storeloc #storelocatorform .locations input,
#storeloc #storelocatorform .locations select {
	font-size:12px!important;
	width:265px;
}

#storeloc #storelocatorform .locations select {
	width:273px;
}


#storeloc #storelocatorform .separator {
	color:#AAA;
	text-align:center;
	font-size:1.4em;
	margin:0.8em 0 0.8em 0;
	clear:both;
	background: transparent url('../images/Master1_1/280px-line-seperator-bg.gif') no-repeat 0 0.4em;
}

#storeloc #storelocatorform .separator em{
	padding:0 1em;
	font-weight:bold;
	top:-0.65em;
	background:#FFF;
}

#storeloc #storelocatorform .attributes {
	margin-right:1em;
}

#storeloc #storelocatorform .attributes li {
	float:left;
	width:100%;
	margin-bottom:0.5em;
}

#storeloc #storelocatorform .attributes label {
	display:block;
	cursor:pointer;
}

#storeloc #storelocatorform .attributes input {
	float:left;
	margin-right:1em;
	margin-top:0.25em;
}

#storeloc .storeDetails h3 {
	color:#49A943;
}

#storeloc .storeDetails h4 {
	margin-bottom:1em;
	font-size:1.2em;
	color:#222;
}

#storeloc .storeDetails .storeAddress,
#storeloc .storeDetails .phone,
#storeloc .storeDetails .facilities,
#storeloc .storeDetails .openingHours,
#storeloc .storeDetails .note{
	font-size:1.2em;
	margin-bottom:0.5em;
	line-height:1.6em;
}

#storeloc .storeDetails .storeAddress span {
	display:block;
}

#storeloc .openingHours {
	border:1px solid #E4E4E4;
	border-bottom-width:0;
	width:100%;
}

#storeloc .openingHours td,
#storeloc .openingHours th {
	border-bottom:1px solid #E4E4E4;
	padding:0.35em 0.5em;
}

#storeloc .openingHours th {
	font-size:0.91em;
	font-weight:bold;
}

#storeloc .openingHours th,
#storeloc .openingHours td.day {
	background-color:#E8F4E7;
}	

#storeloc .openingHours .open,
#storeloc .openingHours .close {
	text-align:center;
}

#storeloc .storeDetails .facilities {
	margin-bottom:1em;
}

#storeloc .storeDetails .facilities li {
	margin-bottom:0.5em;
	background:transparent url(../images/Master1_1/icon_listBullet.png) no-repeat left center;
	padding-left:16px;
}

/* Search results - list of stores */

#storeloc #storelist {
	border:1px solid #CCC;
	border-bottom-width:0;
	clear:both;
	float:left;
	
}

#storeloc #storelist li {
	border-bottom:1px solid #CCC;
	padding:10px;
	width:280px;
	float:left;
	position:relative;
}

#storeloc #storelist .storeName {
	margin-right:5em;
	margin-bottom:0.25em;
}

#storeloc #storelist .type,
#storeloc #storelist .address,
#storeloc #storelist .phone{
	font-size:1.1em;
}

#storeloc #storelist .action {
	clear:both;
	background:none transparent;
	margin-bottom:0;
}

#storeloc #storelist .action a {
	float:left;
}

#storeloc #storelist .type {
	font-weight:bold;
	margin-bottom:0.5em;
}

#storeloc #storelist .distance {
	position:absolute;
	top:1em;
	right:1em;
	font-size:1.4em;
	font-weight:bold;
}

#storeloc .phone .label {
	font-weight:bold;
}