/* CSS Reset Browser Default Code */

body,div,dl,dt,dd,pre,form,fieldset,input,textarea,blockquote,th,td,hr { 
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img { 
	border: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
ol,ul {
	list-style:none;
}
address,caption,cite,code,dfn,th,var {
	font-style: normal;
	font-weight: normal;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}
a {	/* get rid of link outlines in firefox */
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
}
a:focus {
	outline: none;
}

/* End CSS Reset Browser Default Code */

/* Start CSS Layout Code */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background: url("/images/body-background.png") center repeat-y #f1f6f8;
}

div#container {
	position: relative;
	min-height: 100%;
	background-color: #FFFFFF;
	z-index: 1;
	width: 960px; /* 1000px */
	margin: 0 auto;
	padding: 0 20px 10px 20px;
}

/* Start Header Layout Code */

div#header-content {
	position: relative;
	display: block;
	height: 158px;
	width: 100%;
	margin: 0 0 16px 0;
	background: #070707 url("/images/header-bg.png") 0 0 no-repeat;
	float: left;
}

img.logo {
	position: absolute;
	top: 19px;
	left: 63px;
}

img.slogan {
	position: absolute;
	top: 48px;
	right: 60px;
	color: #fff;
}

div#menu-container {
	position: absolute;
	left: 7px;
	bottom: 7px;
	display: block;
	height: 38px;
	width: 947px;
	background: none;
}

/* End Header Layout Code */

/* Start Copy Layout Code */

div#copy-container {
	display: block;
	width: 100%;
	height: auto;
	padding: 0;
}

div#copy-content {
	display: block;
	clear: both;
    height: 100%;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

div#copy-pannel {
	float: left;
	display: inline; /* IE6 HACK */
	width: 599px; /* 607px */
	min-height: 600px;
	height: auto !important;
    height: 600px; /* IE6 Hack */
	margin: 0 17px 0 0;
	padding: 0 0 0 8px;
}

/* End Copy Layout Code */

/* Start Right Panel Layout and Styles */

div#right-pannel {
	float: left;
	width: 336px;
	min-height: 600px;
	height: auto !important;
    height: 600px; /* IE6 Hack */
	background-color: #fff;
	margin-top:0;
	padding-bottom: 30px;
}

/* Start Find-A-Store Button Layout and Styles */

div#button-find-a-store {	
	width: 336px; /* 336px */ 
	height: 127px; /* 127px; */
	display: block;
	background: url("/images/button-find-a-store-bg.png") top left no-repeat;
	margin-bottom: 16px;
	padding: 0;
	font-size: 12px;
	color: #1f3500;
	font-family: Helvetica, Arial, Verdana,Sans-Serif;
}

div#button-find-a-store a {
	display: block;
	width: 330px; 
	height: 49px;
	padding: 0;
	margin: 0;	
	text-indent: -9999px;
}

/* End Find-A-Store Button Layout and Styles */

/* Start Opening Hours Button Layout and Styles */

div#button-opening {	
	width: 336px; /* 336px */ 
	height: 124px; /* 124px; */
	display: block;
	overflow: hidden;
	background: url("/images/button-opening-hours-bg.png") top left no-repeat;
	margin-bottom: 16px;
	padding: 0;
	position: relative;
}

div#button-opening a.top {
	display: block;
	width: 330px; 
	height: 49px;
	overflow: hidden;
	padding: 0;
	margin: 0;	
	text-decoration: none;
	text-indent: -9999px;
}

div#button-opening p {
	font-size: 13px;
	color: #ffffff;
	font-family: Helvetica, Arial, Verdana,Sans-Serif;
	padding: 0 10px 0 25px;
}

div#button-opening p strong {
	font-size: 13px;
	color: #ffffff;
	font-family: Helvetica, Arial, Verdana,Sans-Serif;
}

div#button-opening p a:link, div#button-opening p a:visited  {
	color: #ffffff;
	text-decoration: underline;	
}

div#button-opening p a:hover, div#button-opening p a:active  {
	text-decoration: none;	
}

/* End Opening Hours Button Layout and Styles */

/* Start Mailing List Button Layout and Styles */

div#button-mailing {	
	width: 336px; /* 336px */ 
	height: 126px; /* 126px; */
	display: block;
	overflow: hidden;
	background: url("/images/button-mailing-bg.png") top left no-repeat;
	margin-bottom: 16px;
	padding: 0;
	position: relative;
}

div#button-mailing a.top {
	display: block;
	width: 330px; 
	height: 49px;
	overflow: hidden;
	padding: 0;
	margin: 0;	
	text-decoration: none;
	text-indent: -9999px;
}

div#button-mailing p {
	font-size: 13px;
	color: #ffffff;
	font-family: Helvetica, Arial, Verdana,Sans-Serif;
	padding: 0 5px 0 25px;
}

div#button-mailing p strong {
	font-size: 13px;
	color: #ffffff;
	font-family: Helvetica, Arial, Verdana,Sans-Serif;
}

div#button-mailing p a:link, div#button-mailing p a:visited  {
	color: #ffffff;
	text-decoration: underline;	
}

div#button-mailing p a:hover, div#button-mailing p a:active  {
	text-decoration: none;	
}

/* End Mailing List Button Layout and Styles */

/* Start Kids Club Button Layout and Styles */

div#button-kids {	
	width: 336px; /* 336px */ 
	height: 124px; /* 124px; */
	display: block;
	overflow: hidden;
	background: url("/images/button-kids-club.png") top left no-repeat;
	margin-bottom: 16px;
	padding: 0;
	position: relative;
}

div#button-kids a.top {
	display: block;
	width: 330px; 
	height: 49px;
	overflow: hidden;
	padding: 0;
	margin: 0;	
	text-decoration: none;
	text-indent: -9999px;
}

div#button-kids p {
	font-size: 13px;
	color: #ffffff;
	font-family: Helvetica, Arial, Verdana,Sans-Serif;
	padding: 2px 5px 0 85px;
}

div#button-kids p strong {
	font-size: 13px;
	color: #ffffff;
	font-family: Helvetica, Arial, Verdana,Sans-Serif;
}

div#button-kids p a:link, div#button-kids p a:visited  {
	color: #ffffff;
	text-decoration: underline;	
}

div#button-kids p a:hover, div#button-kids p a:active  {
	text-decoration: none;	
}

/* End Kids Club Button Layout and Styles */

/* End Right Panel Layout and Styles 

/* Start Footer Layout Code */

div#footer-container {
	clear: both;
	float: left;
	position: relative;
	display: block;
	height: 194px;
	width: 960px;
	background: none;
	margin-top: 20px;
}

div#footer-content img.shoppers {
	position: absolute;
	right: 34px;
	bottom: 23px; 
	overflow: hidden;
	z-index: 6;
}

div#footer-content img.gov {
	position: absolute;
	bottom: 36px;
	left: 294px;
	z-index: 6;
}

div#footer-content {
	position: relative;
	display: block;
    height: 135px;
	width: 960px;
	z-index: 6;
	background: #0c0c0c url("/images/footer-bg.png") top right repeat;
}

div#footer-menu {
	position: absolute;
	left: 9px;
	top: 5px;
	display: block;
    height: 41px;
	width: 599px;
	background: none;
	overflow: hidden;
}
	
div#footer-copyright {
	height: 59px;
	clear: both;
	padding-left: 8px;
	position: relative;
}

div#footer-copyright img {
	position: absolute;
	top: 3px;
	right: 7px;
}

/* End Footer Layout Code */

/* End CSS Layout Code */

/* Start Menu Nav */

div#cat_398484_divs {
	display: block;
	height: 38px;
	width: 947px;
	margin: 0 auto;
	border: none;
}

#nav_398484, #nav_398484 ul {
	padding: 0;
	margin: 0;
	list-style: none;
} 

#nav_398484 a {
	display: block;
	/* width: 136px;*/
}

#nav_398484 li {
	float: left;
	list-style: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	/* width: 135px; /* width needed or else Opera goes*/
} 

#nav_398484 li a { /* all list */
	display: block;
	height: 38px;
	color: #fff;
	font-size: 13px;
	font-family: Helvetica, Arial, Verdana,Sans-Serif;
    text-align: center;
	line-height: 36px;
	vertical-align: middle;
	text-decoration: none;
}

#nav_398484 li#menu-home a {
	width: 136px;
	margin-right: 1px;
}

#nav_398484 li#menu-store a {
	width: 135px;
	margin-right: 1px;
}

#nav_398484 li#menu-news a {
	width: 134px;
	margin-right: 1px;
}

#nav_398484 li#menu-centre a {
	width: 134px;
	margin-right: 1px;
}

#nav_398484 li#menu-community a {
	width: 136px;
	margin-right: 1px;
}

#nav_398484 li#menu-kids a {
	width: 132px;
	margin-right: 1px;
}

#nav_398484 li#menu-contact a {
	width: 134px;
}

#nav_398484 li a:hover {
	background: url("/images/top-menu-hover.png") 0 0 repeat-x;
	text-decoration: none;
}

#nav_398484 li#menu-home a:hover {
	background: url("/images/top-menu-hover-home.png") 0 0 no-repeat;
	text-decoration: none;
}

#nav_398484 li#menu-contact a:hover {
	background: url("/images/top-menu-hover-contact.png") 0 0 no-repeat;
	text-decoration: none;
}

body#home #nav_398484 li#menu-home a {
	background: url("/images/top-menu-hover-home.png") 0 0 no-repeat;
}

body#store #nav_398484 li#menu-store a, body#centre #nav_398484 li#menu-centre a, body#news #nav_398484 li#menu-news a, body#community #nav_398484 li#menu-community a, body#kids #nav_398484 li#menu-kids a {
	background: url("/images/top-menu-hover.png") 0 0 repeat-x;
}

body#contact #nav_398484 li#menu-contact a {
	background: url("/images/top-menu-hover-contact.png") 0 0 no-repeat;
}

/* Sub Menu Styles */

#nav_398484 li ul {
	position: absolute;
	width: 134px;
	left: -999em;
	padding: 0;
	margin: 0;
	z-index: 20;
}

#nav_398484 li:hover ul, #nav_398484 li.sfhover ul {
	left: auto;
}

#nav_398484 li ul li a {
	display: block;
	height: 39px;
	color: #040404;
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana,Sans-Serif;
    text-align: center;
	line-height: 39px;
	vertical-align: middle;
	text-decoration: none;	
	background: #ffffff url("/images/sub-menu-bg-contact.png") 0 0 no-repeat;
	width: 134px;
	margin-right: 1px;
}

#nav_398484 li ul li a:hover, #nav_398484 li#menu-contact ul li a:hover {
	color: #ffffff;
	background: #000000 url("/images/sub-menu-bg-contact.png") 0 -39px no-repeat;
} 

body#news #nav_398484 li ul#navsub_398484_231814 li a, body#centre #nav_398484 li ul#navsub_398484_231817 li a, body#contact #nav_398484 li ul#navsub_398484_231820 li a {
	background: #ffffff url("/images/sub-menu-bg-contact.png") 0 0 no-repeat;
}

body#news #nav_398484 li ul#navsub_398484_231814 li a:hover, body#centre #nav_398484 li ul#navsub_398484_231817 li a:hover, body#contact #nav_398484 li ul#navsub_398484_231820 li a:hover {
	color: #ffffff;
	background: #000000 url("/images/sub-menu-bg-contact.png") 0 -39px no-repeat;
} 


/* End Main Menu Styles */

/* Start Footer Menu Styles */

div#cat_398856_divs {
	display: block;
	height: 41px;
	width: 599px;
	margin: 0;
}

#nav_398856, #nav_398856 ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 599px; /* 599 */
	height: 41px; /* 40px */
} 

#nav_398856 a {
	display: block;
}

#nav_398856 li {
	float: left;
	list-style: none;
	background: none;
	margin: 0;
	padding: 0;
	/* width: 85px; /* width needed or else Opera goes*/
} 

#nav_398856 li a { /* all list */
	display: block;
	height: 41px;
	color: #fff;
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana,Sans-Serif;
    text-align: center;
	line-height: 40px;
	vertical-align: middle;
	text-decoration: none;
	width: 85px;
	margin-right: 1px;
}

#nav_398856 li#footer-menu-home a {
	width: 84px;
}

#nav_398856 li#footer-menu-kids a {
	width: 84px;
}

#nav_398856 li#footer-menu-contact a {
	margin-right: 0;
}

#nav_398856 li a:hover {
	background: url("/images/footer-menu-hover.png") 0 0 repeat-x;
	text-decoration: none;
}

#nav_398856 li#footer-menu-home a:hover {
	background: url("/images/footer-menu-hover-home.png") 0 0 no-repeat;
}

/* End Menu Nav */

.highlight-box{
	background-color: #ECECEC;
	border:2px solid #F3F3F3;
	padding: 10px;
	margin: 10px 0;
}

/*   general         --------------------------------------------------------------------------------------------------------*/


.hasFloat:after{
	content: '.';
	height: 0;
	display: block;
	clear: both;
	visibility: hidden;
}

*:first-child+html .hasFloat{
	min-height: 1px;
}

* html .hasFloat{
	height: 1%;
}