﻿/*** 
Common
***/
.StorePostcode
{
	text-transform:uppercase !important;
}

.HomeImage
{
		display:inline-block;
		float:left;
		margin:30px 150px 20px 50px;
}


/************************************************************
** StoreConfirm
************************************************************/
#StoreConfirm
{
	padding:0px;
	margin:0px;
}
#StoreConfirm h1
{
	
}
#StoreConfirm div.StoreMap
{

}
#StoreConfirm .ChoseStore
{
	font-weight:bold;
	clear:both;
	display:inline-block;
	margin-bottom:15px;
	float:left;
}
/************************************************************
** StoreListForTradezone
************************************************************/
.StoreListForTradezone {}
.StoreListForTradezone .StoreListResults 
{}
.StoreListForTradezone .Store {}
.StoreListForTradezone hr.StoreSeparator 
{
	height: 1px;
	color: #e3e3e3; /* ie */
	background-color: #e3e3e3; /* mozilla/opera */
	width:660px;
	margin-top:10px;
	margin-bottom:20px;
	border:0px;
}

.StoreListResults .StoreAlternate
{
	background-color:#F5F5F5;
}

/************************************************************
** StoreList
************************************************************/

.StoreListDropDown
{
	display:inline-block;
	width:auto;
	float:left;
}

.StoreListDropDown .FormField
{
	margin:0px;
}

.StoreSearchContainer 
{
	min-height: 300px;
	height:auto !important;
	_height:306px;
}
.StoreLocatorForm
{

}
.StoreSearchContainer .StoreLocatorCustomerInputContainer
{
}

.StoreLocatorCustomerInput
{
	display:inline-block;
	float:left;
	clear:both;
	margin-bottom:10px;
}

.StoreLocatorCustomerInput input
{
	width:175px;
}

.StoreLocatorCustomerInput .LinkButton
{
	margin-left:8px;
}
.StoreLocatorCustomerInput a
{
	float:left;
}
.StoreLocatorCustomerInput .ErrorMessage
{
}
	
.StoreSearchContainer .StoreLocatorCustomerInput>span
{
/*	display: block;*/
	clear: left;
}
.StoreSearchContainer .AllStoresForCollection
{
	clear: left;
}
.StoreSearchContainer .StoreListContainer, .StoreSearchContainer .StoreListForTradezone
{

}
.StoreSearchContainer .StoresNotFound
{
	clear: left;
	padding: 5px 100px 20px 0px;
}

.StoreSearchContainer .PostcodeError
{
	clear: left;
	width:90%;
	padding-bottom: 5px;
	color: #FF0000;
}



.StoreList {}
.StoreList .StoreListResults {}
.StoreList .Store {}
.StoreList hr.StoreSeparator 
{
	height: 1px;
	color: #e3e3e3; /* ie */
	background-color: #e3e3e3; /* mozilla/opera */
	width:660px;
	margin-top:10px;
	margin-bottom:20px;
	border:0px;
}
.StoreSearchContainer .TradezoneNotFound {}
.StoreSearchContainer .StoreListContainer {}
.StoreSearchContainer .StoreListForTradezone
{

}
.StoreSearchContainer .StoreListContainer
{
	display:inline-block;
	float:left;
	clear:both;
}
.StoreSearchContainer .StoreListForTradezone label.FormLabel{
	text-indent:0px;
}
.StoreSearchContainer .StoreListForTradezone select
{
	margin-right: 20px;
}
.StoreSearchContainer .StoreListForTradezone .StoreListRefinementAction
{
}
.StoreLocator 
{
margin:20px 0 0 40px;
display:inline-block;
float:left;
width:300px;
}
.StoreSearchContainer .TradezoneSearchContainer 
{
	padding:12px; 
}
.RefinementSelector
{
	display: block;
	float: left;
	margin-bottom: 10px;
}
.RefinementSelector dv label
{
	display: block;
}
.RefinementSelector .FormField
{
	clear: none;
}
.RefinementSelector .FormLabel
{
	clear: none;
	width: auto !important;
	width: 100px;
}
.RefinementSelector .FormInput
{
	margin: 0px;
}
.StoreListRefinementAction .LinkButton
{
	margin: 2px 0px !important;
}


/************************************************************
** StoreListItem
************************************************************/
.StoreListItem
{	
	min-height:50px;
	padding:12px 24px;
	line-height:1.3em;
	font-size:0.8em;
	display:block;
}
.StoreListItem .StoreDetails 
{
	float: left;
	width: 70%;
}
.StoreListItem .StoreName span
{	
	font-weight: bold;	
	font-size:1.1em;
}
.StoreListItem .StoreAddress {}
.StoreListItem .OpeningHours {

}
.StoreListItem .ClosedHours {}
.StoreListItem .StoreAction
{
	clear:right;
}
.StoreListItem .StoreAction a
{
	float: right;
	margin-top:16px;
}
.StoreListItem .break 
{
	clear: left;
}
.StoreOpeningHoursList div.StoreOpeningHoursListTitle
{
	font-weight: bold;
	font-size:11pt;
	width:150px;
	display:block;
}
.StoreOpeningHoursList .DayName
{
	padding: 2px 20px 2px 0px;
}
.StoreOpeningHoursList .DayOpeningHours
{
}
.StoreListItem .ErrorMessage
{
	margin:0px;
}


/************************************************************
** StoreSummary
************************************************************/
.StoreSummary 
{
	clear: right;
}
.StoreSummaryContainer{
	background: transparent url(../../../images/layout/bg-pod.gif) no-repeat scroll right bottom;
	padding-bottom:20px;
}
.StoreSummaryContainer .StoreSummary 
{
	margin-top:20px;
	padding-left:12px;
}
.StoreSummary .StoreSummaryTitle 
{
	border-bottom: solid 1px #B50400;
	margin-bottom: 10px;
}
.StoreSummaryContainer .StoreSummary .StoreSummaryTitle 
{
	display:none;
}

.StoreSummary .StoreSummaryTitleText
{
	font-size: 14px;
    color: #B50400;
    font-weight: bold;	
}
.StoreSummary .StoreNameTitle
{
	clear:both;
	font-weight: bold;
}
.StoreSummary .StoreNameTitleText 
{
	font-size: 14px;
}
.StoreNameTitleHeader
{
	color: #B50400;
	font-size: 2.0em;
}
.StoreSummary .StoreAddress 
{
    padding: 0px;
}
.StoreSummary .StoreAddressText 
{
	font-weight: bold;
	font-size:14px;
}
.StoreSummary .StoreAddressValue {}
.StoreSummary .StoreTelephone {}
.StoreSummary .StoreTelephoneText 
{	

	font-weight: bold;
	font-size:14px;
}
.StoreSummary .StoreTelephoneValue {}
.StoreSummary .StoreRequirements {}

/************************************************************
** StoreOrderSummary
************************************************************/
.StoreSummaryContainer .StoreOrderSummary
{
	padding:15px 0px 15px 12px;
}

.StoreOrderSummaryHeader
{
	font-weight:bold;
	font-size:14px;
}

/************************************************************
** StoreOrderStart
************************************************************/
.StoreOrderStart 
{
	display:inline-block;
	width:280;
	margin:16px 0 0 24px;
}
.StoreOrderStart .StoreActionOption
{
	margin-top: 0;
}
.StoreOrderStart .StoreActionInfoText
{
	font-weight: normal; 
	color: #000000; 
	font-size:9pt;
	padding:6px 0 6px 0;
	clear: left;
	display:inline-block;
}
 
.StoreOrderStart ul
{
	margin: 0px 0px 0px 0px;	
	padding: 0px;
}
.StoreOrderStart li
{
	clear: right;
	display: inline-block;
	font-size: 1.8em;
	text-decoration: none;
	text-align: left;
	list-style:none;
	width:282px;
}


.StoreOrderStart a
{
	float:left;
	margin: 7px 10px 0 0;
	min-width:30px;
	clear:right;
}
.StoreOrderStart li:hover a
{

}
.StoreOrderStart li:hover .StoreActionInfoText
{

}

.StoreOrderStart .StoreActionText
{
	font-size:11pt;
	font-weight:bold;
	display: inline-block;
	
}

.StoreOrderStart .Arrow
{
	cursor:inherit;
	float:right;
	margin:20px 10px;
}

.StoreOrderStart .t  {background: url(../../../images/layout/dot.gif) 0 0 repeat-x #e6e6e6;}
.StoreOrderStart .b {background: url(../../../images/layout/dot.gif) 0 100% repeat-x;	}
.StoreOrderStart .l  {background: url(../../../images/layout/dot.gif) 0 0 repeat-y;}
.StoreOrderStart .r  {background: url(../../../images/layout/dot.gif) 100% 0 repeat-y;	}
.StoreOrderStart .bl {background: url(../../../images/layout/bl.gif) 0 100% no-repeat;}
.StoreOrderStart .br {background: url(../../../images/layout/br.gif) 100% 100% no-repeat; }
.StoreOrderStart .tl {background: url(../../../images/layout/tl.gif) 0 0 no-repeat;}
.StoreOrderStart .tr {background: url(../../../images/layout/tr.gif) 100% 0 no-repeat; padding: 3px 12px 12px 12px; height:80px;} 

.StoreOrderStart .StoreExtraInfo
{
	clear:right;
	margin-top: 10px;
}
.StoreOrderStart .OrderForLaterForm
{
}

.StoreOrderStart .OrderForLaterForm .FormLabelContainer
{
	width:55px;
}

.StoreOrderStart .OrderForLaterForm select
{
	margin-top:6px;
}
.StoreOrderStart .StoreOptionDisabled
{
	color: #DEDEDE !important;	
}
.StoreOrderStart .StoreOptionDisabled:hover
{
	/*color: #DEDEDE;	*/
}
.StoreOrderStart .StoreOptionDisabled:disabled
{
	color: #DEDEDE !important;	
}
.StoreOrderStart .StoreOptionDisabled .t {background: url(../../../images/layout/dot-gray.gif) 0 0 repeat-x;}
.StoreOrderStart .StoreOptionDisabled .b {background: url(../../../images/layout/dot-gray.gif) 0 100% repeat-x}
.StoreOrderStart .StoreOptionDisabled .l {background: url(../../../images/layout/dot-gray.gif) 0 0 repeat-y}
.StoreOrderStart .StoreOptionDisabled .r {background: url(../../../images/layout/dot-gray.gif) 100% 0 repeat-y}
.StoreOrderStart .StoreOptionDisabled .bl {background: url(../../../images/layout/bl-gray.gif) 0 100% no-repeat}
.StoreOrderStart .StoreOptionDisabled .br {background: url(../../../images/layout/br-gray.gif) 100% 100% no-repeat}
.StoreOrderStart .StoreOptionDisabled .tl {background: url(../../../images/layout/tl-gray.gif) 0 0 no-repeat}
.StoreOrderStart .StoreOptionDisabled .tr {background: url(../../../images/layout/tr-gray.gif) 100% 0 no-repeat; padding: 15px 0px 10px 30px;} 


.StoreOrderStart .StoreActionInfoMessage 
{
	font-weight: normal; 
	color: #000000; 
	font-size: 12px;	
}
.StoreOrderStart .StoreActionInfoMessage #ctl00_ctl00_MainContent_ContentCentreColumn_ucStoreOrderStart_lblNextCollectionTime
{
	background:transparent url(../../../images/layout/bg-time.gif) no-repeat scroll left top;
	clear:none;
	display:inline-block;
	font-size:1.2em;
	font-weight:bold;
	height:21px;
	padding-top:4px;
	text-align:center;
	width:89px;
	margin-top:10px;
}
.StoreOrderStart li:hover .StoreActionInfoMessage
{
	/*color: #fff;*/
}
.OrderStartError
{
	color: #FF0000;
	font-size: 1.2em;
	width: 350px;
	display: block;
}
/**********************************************
* Store Details
**********************************************/
.StoreDetails
{

}
.StoreDetails .StoreDetailsTitle
{
	border-bottom: solid 1px #B50400; /* #E5E5E5; */
}
.StoreDetails .StoreDetailsTitle div
{
	padding:10px 0px 0px 15px;
}
.StoreDetails .StoreFulfilmentMethod
{
	display:block;
}

.StoreDetails .StoreDetailsTitleText
{
	clear:both;
	font-size: 14px;
    color: #B50400;
    font-weight: bold;
    display:block;
}
.StoreDetails .StoreAddress 
{

}
.StoreDetails .StoreAddressText 
{
	font-weight: bold;
	font-size:1.2em;
}
.StoreDetails .StoreAddressvalue {}

.StoreDetails .StoreTelephone {}
.StoreDetails .StoreTelephoneText
{
	font-weight: bold;
	width: 100px;
	font-size:1.2em;
}
.StoreDetails .StoreTelephoneValue {}
.StoreDetails .StoreMapLink
{
	display:inline;
    padding: 1px 0px 0px 15px;
}

/**********************************************
* Store Locator 
**********************************************/
#map_canvas{
	width:310px !important;
	height:346px !important;
	border: 2px solid black;
	overflow:hidden;
}
.StoreListSub
{
	background-color:#DADADA;
	height:40px;
	display:block;
	width:100%;
	clear:both;
}

.StoreListSubText
{
    line-height:1.8em;
	font-size:1.16em;
	font-weight:bold;
	float:left;
	margin-left:24px;
	margin-top:12px;
	display:block;
	padding:0px;
	height:20px;
	clear:none;
}
.StoreListSubText span
{
	line-height:normal;
}

.StoreListSubAction
{
	display:inline-block;
	float:right;
	margin-right:24px;
	margin-top:12px;
	font-weight: bold !important;
}

.StoreListAllStores
{
	display:inline-block;
	float:right;
}

.StoreListItem .OrderTypeIcons table
{
	clear:both;
	margin-top:5px;
}
.StoreListItem .OrderTypeIcons table td
{
	font-weight:bold;
}
.StoreListItem .OrderTypeIcons table td.tdCollection
{
	padding-right:10px;
}
.StoreListItem .OrderTypeIcons table td.tdDelivery
{
	padding-left:10px;
	border-left:solid 1px #c4c4c4
}
.StoreListItem .OrderTypeIcons table span
{
	display:block;
	padding-top:4px;
}

.StoreListItem .CollectionImage img, .StoreListItem .CollectionImage span,
.StoreListItem .DeliveryImage img, .StoreListItem .DeliveryImage span
{
	float:left;
}

.StoreListItem .DeliveryImage span, .StoreListItem .CollectionImage span
{
	margin-left:10px;
}