﻿/* "zero out" Standard Browser Formatting */
body, h1, h2, h3, h4, h5, h6, p, ol, ul, form, blockquote
{
	font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
	font-size: 1em;
	font-weight: normal;
}
* {margin: 0; padding: 0; border: 0;}
a {text-decoration: none;}
a img {border: none;} 

/* Set normal flow of elements */
.clear
{
	clear: both;
}

#wrapper
{
	width: 950px; /* recommended width for at least 1024 x 760 screen resolution */ 
	height: 720px; /* 40 less than 1024 x 760 screen resolution */
	/* Center container within the browser */
	margin-right: auto;
	margin-left: auto;
}

#banner
{ 
	margin-top: 10px;
	margin-bottom: 10px; 
	font-size: 2em;
	background: #FFFFFF;
}

#bannerContent
{
	padding-top: 5px;
	background: #006634;
	text-align: center;
}

#main
{	
	background: #FFFFFF;
	margin-bottom: 10px; 
}

#mainHeader
{ 
	padding-left: 10px;
	padding-bottom: 5px;
	background: #006634; border-right:1px solid #006634; border-left:1px solid #006634;
	color: #FFFFFF; 
}

#mainContent
{
	height: 500px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	background: #FFFFFF; border-right:1px solid #006634; border-left:1px solid #006634;
	overflow: auto;
}

#nav
{
	margin-bottom: 10px; 
	background: #FFFFFF;
	font-size: .80em; 
}

#navContent
{
	height: 53px;
	background: #006634;	
}

#navContent li
{
	display: inline;
}

#navContent a, #navContent a:active, #navContent a:visited
{
	color: #FFFFFF;
}

#navContent a:hover
{
	color: #9ACC02;
	font-weight: bold;
	font-size: .88em;
}

#navContent a.page
{
	color: #9ACC02;
	font-weight: bold;
	font-size: .88em;
}

#navContent #pageLinks
{
	float: left;
	padding-top: 15px;
	padding-left: 7px;
}

.storeLocator
{
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	float: right;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #9ACC02;
	padding-left: 2px;
	padding-right: 2px;
}

.storeLocator span
{
	font-size: .9em;
	font-style: italic;
	padding-left: 20px;
}

#footer
{
	background: #FFFFFF; 
}

#footerContent
{
	background: #006634;
	font-size: .70em;
	text-align: center;
	color:#FFFFFF;	
}

#footerContent li
{
	list-style: none;
	line-height: 1.1em;
}

#footerContent a, #footerContent a:active, #footerContent a:visited
{
	color: #FFFFFF;
}

#footerContent a:hover
{
	text-decoration: underline;
}

.ampersand
{
	color:#9ACC02;
}

/* Rounded Corners */
.b1rc, .b2rc, .b3rc, .b4rc, .b2rcC, .b3rcC, .b4rcC
{
	font-size:1px; overflow:hidden; display:block;
}
#banner .b1rc {height:1px; background:#006634; margin:0 5px;}
#banner .b2rc {height:1px; background:#006634; margin:0 3px;}
#banner .b3rc {height:1px; background:#006634; margin:0 2px;}
#banner .b4rc {height:2px; background:#006634; margin:0 1px;}
#footer .b1rc {height:1px; background:#006634; margin:0 5px;}
#footer .b2rc {height:1px; background:#006634; margin:0 3px;}
#footer .b3rc {height:1px; background:#006634; margin:0 2px;}
#footer .b4rc {height:2px; background:#006634; margin:0 1px;}
#nav .b1rc {height:1px; background:#006634; margin:0 5px;}
#nav .b2rc {height:1px; background:#006634; margin:0 3px;}
#nav .b3rc {height:1px; background:#006634; margin:0 2px;}
#nav .b4rc {height:2px; background:#006634; margin:0 1px;}
#main .b1rc {height:1px; background:#006634; margin:0 5px;}
#main .b2rc, #main .b2rcC {height:1px; background:#006634; border-right:2px solid #006634; border-left:2px solid #006634; margin:0 3px;}
#main .b3rc, #main .b3rcC {height:1px; background:#006634; border-right:1px solid #006634; border-left:1px solid #006634; margin:0 2px;}
#main .b4rc, #main .b4rcC {height:2px; background:#006634; border-right:1px solid #006634; border-left:1px solid #006634; margin:0 1px;}
#main .b2rcC, #main .b3rcC, #main .b4rcC {background: #FFFFFF;}

/* Control Classes */
.storeList
{
	width: 120px;
	font-size: .80em;	
}
.postcode
{
	border: 1px solid #9ACC02;
	font-size: .80em;
	padding-top: 2px;
	padding-left: 3px;
	background: #FFFFFF;
	height: 15px;
	width: 75px;
}
.findStores
{
	font-size: .80em;
	font-weight: bold;
	height: 18px;
	width: 22px;
}
.storeGrid table
{
	width: 100%;
}
.storeGrid table th 
{
	text-align: left;
	padding-bottom: 5px;
}
.storeGrid a, .storeGrid a:active, .storeGrid a:visited
{
	color: #000000;
}
.storeGrid a:hover
{
	text-decoration: underline;
}

.charity
{
	font-size: .90em;
}

.charity h2
{
	font-weight: bold;
}

.charity a, .charity a:active, .charity a:visited
{
	font-size: .80em;
	color: #000000;
}
.charity a:hover
{
	text-decoration: underline;
}
.charityHL
{
	width: 80%;
	float: left;
}
.charityHR
{
	margin-left: 80%;
	text-align: right;
	padding-right: 10px;
}
.charityHR a, .charityHR a:active, .charityHR a:visited
{
	color: #FFFFFF;
}
.charityHR a:hover
{
	text-decoration: underline;
}

#contactUsOuter
{
	
}
#contactUsLeft
{
	width: 40%;
	float: left;
}
#contactUsRight
{
	margin-left: 40%;
}
.hideControl
{
	display:none;
}
