/* CSS Document */

/************************************************************************************
Program Name : WickesMainV2.css
Program Description: Contains style for StoreLocator Wickes.
IMPORTANT NOTE: there was no previous history so changes start when David WS3 added changes for:
	- 006 asp release Merge Wickes Kitchens with Venda 

History
Date		User		ProjID	Description
16/11/09	David WS3	318		Changes for 006 asp release Merge Wickes Kitchens with Venda 
15/11/09	David WS3	318		Functionality for new Store Locator is now Independent from Previous One, so This CSS should not override previous one.
************************************************************************************/

body
{
	margin:0px;
	padding:0px;
}

#head
{
	background-color:#023d7c;
	width:760px; /* Changes by David WS3 16/11/09, increased with for IFRAME (previous 558px, noe 760px) */
	height:10px;
	font-size:1px;
}	


#content
{
	width:760px; /* Changes by David WS3 16/11/09, increased with for IFRAME (previous 558px, noe 760px) */
	float:left;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	font-weight:normal;
}

#Title
{
	float:left;
	display:inline;
	width:270px;
	height:35px;
	color:#e47e18;
}
	
#StoreInfo /* Changes by David WS3 16/11/09, data moved to the left and other style changes */
{
	float:left;
	display:inline;
	width:270px;
	height:250px;
	text-align:left;
}

#StoreInfo p
{
	color:#000000;
	text-align:left;
}

.errorPcode {
  color: #cc0000;
  font-weight: bold;
}

/* Margins */
.marginTop10
{
	margin-top:10px;
}

/* Changes by David WS3 16/11/09, DEPRECATED 
.bg
{
  background-image:url(/Assets/Images/SL_Map_Background.gif);
  background-position:bottom;
  background-repeat:no-repeat
}
*/

.link2
{
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

a.link2:link
{
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	border:none;
}

a.link2:visited
{
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	border:none;
}

a.link2:hover
{
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
	border:none;
}

.link3
{
	font-family:Arial;
	font-size:11px;
	color:#023d7c;
	font-weight:normal;
	text-decoration:none;
}

a.link3:link
{
	font-family:Arial;
	font-size:11px;
	color:#023d7c;
	font-weight:normal;
	text-decoration:none;
}

a.link3:visited
{
	font-family:Arial;
	font-size:11px;
	color:#023d7c;
	font-weight:normal;
	text-decoration:none;
}

a.link3:hover
{
	font-family:Arial;
	font-size:11px;
	color:#cc0000;
	font-weight:normal;
	text-decoration:underline;
}

.link4
{
	font-family:Arial;
	font-size:11px;
	color:#023d7c;
	font-weight:bold;
	text-decoration:none;
}

a.link4:link
{
	font-family:Arial;
	font-size:11px;
	color:#023d7c;
	font-weight:bold;
	text-decoration:none;
}

a.link4:visited
{
	font-family:Arial;
	font-size:11px;
	color:#023d7c;
	font-weight:bold;
	text-decoration:none;
}

a.link4:hover
{
	font-family:Arial;
	font-size:11px;
	color:#cc0000;
	font-weight:bold;
	text-decoration:none;
}

.SectionLinks
{
	font-family:Arial;
	font-size:18px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}

a.SectionLinks:link
{
	font-family:Arial;
	font-size:18px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}

a.SectionLinks:visited
{
	font-family:Arial;
	font-size:18px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}

a.SectionLinks:hover
{
	font-family:Arial;
	font-size:18px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
}

.SectionLinks2
{
	font-family:Arial;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
}

a.SectionLinks2:link
{
	font-family:Arial;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
}

a.SectionLinks2:visited
{
	font-family:Arial;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
}

a.SectionLinks2:hover
{
	font-family:Arial;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
}

.ParagraphLink
{
	font-family:Arial;
	font-size:12px;
	color:#023d7c;
	font-weight:bold;
	text-decoration:none;
}

a.ParagraphLink:link
{
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	border:none;
}

a.ParagraphLink:visited
{
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	border:none;
}

a.ParagraphLink:hover
{
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:underline;
	border:none;
}

.ParagraphLink2
{
	font-family:Arial;
	font-size:12px;
	color:#023d7c;
	text-decoration:underline;
}

a.ParagraphLink2:link
{
	font-family:Arial;
	font-size:12px;
	color:#023d7c;
	text-decoration:underline;
}

a.ParagraphLink2:visited
{
	font-family:Arial;
	font-size:12px;
	color:#023d7c;
	text-decoration:underline;
}

a.ParagraphLink2:hover
{
	font-family:Arial;
	font-size:12px;
	color:#cc0000;
	text-decoration:underline;
}

.ParagraphHeading
{
	font-family:Arial;
	font-size:12px;
	color:#000000;
	font-weight:normal
}

a.ParagraphHeading
{
	font-family:Arial;
	font-size:12px;
	color:#000000;
}

a.ParagraphHeading:link
{
	font-family:Arial;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

a.ParagraphHeading:visited
{
	font-family:Arial;
	font-size:12px;
	color:#000000;
	font-weight:bold;
}

a.ParagraphHeading:hover
{
	font-family:Arial;
	font-size:12px;
	color:#cc0000;
	font-weight:bold;
	text-decoration:underline;
}

a.ParagraphHeading:active
{
	font-family:Arial;
	font-size:12px;
	color:#cc0000;
	font-weight:bold;
	text-decoration:underline;
}

.paragraph1
{
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
}

.paragraph2
{
	font-family:Arial;
	font-size:12px;
	color:#023d7c;
	font-weight:normal;
	text-decoration:none;
}

a.paragraph2:link
{
	font-family:Arial;
	font-size:12px;
	color:#023d7c;
	font-weight:normal;
	text-decoration:underline;
}

a.paragraph2:visited
{
	font-family:Arial;
	font-size:12px;
	color:#023d7c;
	font-weight:normal;
	text-decoration:underline;
}

a.paragraph2:hover
{
	font-family:Arial;
	font-size:12px;
	color:#cc0000;
	font-weight:normal;
	text-decoration:underline;
}

.paragraph3
{
	font-family:Arial;
	font-size:16px;
	color:#023d7c;
	font-weight:normal;
	font-style:italic;
}

.paragraph4
{
	font-family:Arial;
	font-size:11px;
	color:#023d7c;
	font-style:normal;
	font-weight:normal;
}

.paragraph5
{
	font-family:Arial;
	font-size:11px;
	color:#023d7c;
	font-weight:bold;
	font-style:italic;
}

.paragraph6
{
	font-family:Arial;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	font-style:italic;
}

.paragraph7
{
	font-family:Arial;
	font-size:11px;
	color:#999999;
	font-weight:normal;
	font-style:normal;
}

.SubHeading1
{
	font-family:Arial;
	font-size:16px;
	color:#023d7c;
	font-weight:normal;
	text-decoration:none;
}

a.SubHeading1:link
{
	font-family:Arial;
	font-size:16px;
	color:#023d7c;
	font-weight:normal;
	text-decoration:none;
}

a.SubHeading1:visited
{
	font-family:Arial;
	font-size:16px;
	color:#023d7c;
	font-weight:normal;
	text-decoration:none;
}

a.SubHeading1:hover
{
	font-family:Arial;
	font-size:16px;
	color:#cc0000;
	font-weight:normal;
	text-decoration:underline;
}

.SubHeading2
{
	font-family:Arial;
	font-size:12px;
	color:#023d7c;
	font-weight:bold;
}
	
.SubHeading3
{
	font-family:Arial;
	font-size:11px;
	color:#999999;
	font-weight:bold;
}

h1
{
	font-family:Arial;
	font-size:16px;
	color:#e47e18;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
}

h2
{
	font-family:Arial;
	font-size:24px;
	color:#023d7c;
	font-weight:normal;
	padding:0px;
	margin-top:3px;
	margin-bottom:3px;
}

h3
{
	font-family:Arial;
	font-size:18px;
	color:#023d7c;
	margin:0px;
	padding:0px;
	font-weight:normal;
	text-decoration:none;
}

a.h3:link
{
	font-family:Arial;
	font-size:18px;
	color:#023d7c;
	margin:0px;
	padding:0px;
	font-weight:normal;
	text-decoration:none;
	border:none;
}

a.h3:visited
{
	font-family:Arial;
	font-size:18px;
	color:#023d7c;
	margin:0px;
	padding:0px;
	font-weight:normal;
	text-decoration:none;
	border:none;
}

a.h3:hover
{
	font-family:Arial;
	font-size:18px;
	color:#cc0000;
	margin:0px;
	padding:0px;
	font-weight:normal;
	text-decoration:underline;
	border:none;
}

h4
{
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:16px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

h5
{
	font-family:Arial;
	font-size:16px;
	margin:0px;
	padding:0px;
	color:#023d7c;
	font-weight:bold;
}

h6
{
	font-family:Arial;
	font-size:14px;
	margin:0px;
	padding:0px;
	color:#023d7c;
	font-weight:bold;
}

.h6
{
	font-family:Arial;
	font-size:14px;
	margin:0px;
	padding:0px;
	color:#023d7c;
	font-weight:bold;
	text-decoration:none;
}

a.h6:link
{
	font-family:Arial;
	font-size:14px;
	margin:0px;
	padding:0px;
	color:#023d7c;
	font-weight:bold;
	text-decoration:none;
}

a.h6:visited
{
	font-family:Arial;
	font-size:14px;
	margin:0px;
	padding:0px;
	color:#023d7c;
	font-weight:bold;
	text-decoration:none;
}

a.h6:hover
{
	font-family:Arial;
	font-size:14px;
	margin:0px;
	padding:0px;
	color:#cc0000;
	font-weight:bold;
	text-decoration:underline;
}

h7
{
	font-family:Arial;
	font-size:11px;
	color:#023d7c;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

.h7
{
	font-family:Arial;
	font-size:11px;
	color:#023d7c;
	font-weight:bold;
	margin:0px;
	padding:0px;
}

h8
{
	margin:0px;
	padding:0px;
}

.h8
{
	font-family:Arial;
	font-size:16px;
	margin:0px;
	padding:0px;
	color:#023d7c;
	font-weight:bold;
}

img
{
	padding:0px;
	margin:0px;
	border:none;
}

form
{
	padding:0px;
	margin:0px;
	border:none;
}

input
{
	padding:0px;
	margin:0px;
}

.button1
{
	font-family:Arial;
	font-size:12px;
	margin:0px;
	padding:0px;
	font-weight:bold;
}

/* Changes to these borders etc in order to get rid of inline styling */
b.rtop, b.rbottom
{
	display:block;
	background: #000;
}

b.rtop b, b.rbottom b
{
	display:block;
	height: 1px;
	overflow: hidden;
}

b.r1
{
	margin: 0 5px;
}

b.r2
{
	margin: 0 3px;
}

b.r3
{
	margin: 0 2px;
}

b.rtop b.r4, b.rbottom b.r4
{
	margin: 0 1px;
	height: 2px;
}

.mainnavigation
{
	font-family:Arial;
	font-size:14px;
	color:#023d7c;
	font-weight:bold;
	display:block; 
	cursor:pointer;
}

a.mainnavigation:link
{
	font-family:Arial;
	font-size:14px;
	color:#023d7c;
	font-weight:bold;
	text-decoration:none;
	border:none;
}

a.mainnavigation:visited
{
	font-family:Arial;
	font-size:14px;
	color:#023d7c;
	font-weight:bold;
	text-decoration:none;
	border:none;
}

a.mainnavigation:hover
{
	font-family:Arial;
	font-size:14px;
	color:#cc0000;
	font-weight:bold;
	text-decoration:none;
	border:none;
}

/* Added by David WS3 16/11/09*/

#divMapContents
{
	float:right;
}


#Postcode
{
	float:left;
	display:inline;
	border:#c6c8d1 solid 1px;
	color:#000000;
	height:18px;
	width:166px;
	padding-left:5px;
	padding-top:2px;
}
.mainForm
{
	float:left;
	display:inline;
	width:270px;
	height:24px;
}

.submitButton
{
	float:right;
	display:inline;
	height:22px;
	width:86px;
	font-size:0px;
	background-image:url(../Images/Common/button_FindStore.gif);
	background-repeat:no-repeat;
	border:none;
	background-color:#FFFFFF;
	cursor:pointer;
}

/* New Styles for Columns */
.column
{
	float:left;
	display:inline;
	width:230px;
}

.columnSeparator
{
	float:left;
	display:inline;
	width:35px;
	height:50px;
}

.column .topBorder
{
	float:left;
	display:inline;
	width:230px;
	height:8px;
	font-size:0px;
	background-image:url(../Images/Common/border_Top.gif);
	background-repeat:no-repeat;
}

.column .mainContents
{	float:left;
	display:inline;
	width:230px;
	background-color:#ededf1;
	color:#000000;
}

.column .bottomBorder
{
	float:left;
	display:inline;
	width:230px;
	height:8px;
	font-size:0px;
	background-image:url(../Images/Common/border_Bottom.gif);
	background-repeat:no-repeat;
}

.column .mainContents .branchWrappers
{
	float:left;
	display:inline;
	width:230px;
	height:40px;
	margin-top:5px;
}

.column .mainContents .branchWrappers .branchDescription
{
	float:left;
	display:inline;
	font-size:13px;
	font-weight:bold;	
	margin-left:12px;
}

.column .mainContents .branchWrappers .branchDescription a:link, .column .mainContents .branchWrappers .branchDescription a:visited
{
	color:#000000;
	text-decoration:none;
}

.column .mainContents .branchWrappers .branchDescription a:hover, .column .mainContents .branchWrappers .branchDescription a:active
{
	color:#cc0000;
	text-decoration:none;
}

.column .mainContents .branchWrappers .phoneNumber
{
	float:left;
	display:inline;
	clear:both;
	font-size:12px;
	height:14px;
	width:200px;
	font-weight:normal;	
	margin-left:12px;
}

.column .mainContents .branchWrappers .separator
{
	float:left;
	display:inline;
	clear:both;
	width:204px;
	margin-left:12px;
	height:5px;
	border-bottom:1px solid #838385;
	font-size:0px;
}

.buttonSearchAgain
{
	float:right;
	display:inline;
	background-image:url(../Images/Common/button_SearchAgain.gif);
	background-repeat:no-repeat;
	width:104px;
	height:22px;
	font-size:0px;
	cursor:pointer;
	margin-top:30px;
}

.buttonSearchAgainV2
{
	float:right;
	display:inline;
	background-image:url(../Images/Common/button_SearchAgain_V2.gif);
	background-repeat:no-repeat;
	width:104px;
	height:22px;
	font-size:0px;
	cursor:pointer;
}

/* Branches Info */
#map_canvas
{
	float:left;
	display:inline;
	width:758px;
	height:400px;
	margin-top:8px;
	border:1px solid #c6c8d1;
}

.getDirections
{
	float:right;
	display:inline;
	width:500px;
	height:30px;
	margin-top:12px;
	color:#000000;
}

.getDirections .label
{
	float:right;
	display:inline;
	margin-top:4px;
	margin-right:5px;
}

.getDirections .textField
{
	float:right;
	margin-right:5px;
	display:inline;
	border:#c6c8d1 solid 1px;
	color:#000000;
	height:18px;
	width:70px;
	padding-left:5px;
	padding-top:2px;	
	
}

.getDirections .formbutton
{
	display:inline;
	float:right;
	width:68px;
	height:22px;
	font-size:0px;
	background-image:url(../Images/Common/button_Submit.gif);
	background-repeat:no-repeat;
	border:none;
	cursor:pointer;
}

.InfoDisplay
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000000;
}

#divFirstColumn
{
	background-color:#EDEDF1;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}

#divSecondColumn
{
	background-color:#EDEDF1;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;	
}
#divSecondColumn li
{
	color:#000000;
	padding-bottom:5px;
}