@charset "UTF-8";

@media screen {

* {
	margin:0;
	padding:0;
	outline:0;
}

body {
	color:#555;
	font:0.75em Arial, sans-serif;
	background:#eeeedf;
	background-repeat:repeat-x;
}

body.epping {
	background-image:url('../images/header-werribee.png');
}

body.hg {
	background-image:url('../images/header-werribee.png');
}

.epping #header {
	background:url('../images/banner-werribee.jpg') no-repeat right top;
}

.hg #header {
	background:url('../images/banner-food-secondlevel.jpg') no-repeat right top;
}

.home #header {
	background:transparent !important;
}


a img {
	border:0;
}

a {
	color:#0038f0;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

#header {
	height:130px;
	width:960px;
	position:relative;
	left:50%;
	margin-left:-480px;
}

#header a {
	position:relative;
	top:20px;
}

/*

.hg #header a {
	top:5px;
}
*/

#nav {
	list-style:none;
	top:7px;
	width:960px;
	position:relative;
	left:50%;
	margin-left:-480px;
	padding-left: 1px;
}

#nav > li {
	position:relative;
	display:inline;
}

#nav > li > a {
	display:inline-block;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	font-size:1.0em;
	position:relative;
	padding-right:11px;
	margin-left:-7px;
	font-weight:bold;
}

#nav > li > a > span {
	display:block;
	padding:19px 7px 15px 18px;
	text-align:center;
}

#nav > li.active > a, #nav > li:hover > a {
	background:url('../images/nav-right.png') no-repeat right top;
	color:#333;
}

#nav > li.active > a >  span, #nav > li:hover > a > span {
	background:url('../images/nav-left.png') no-repeat left top;
}

#nav .underline {
	padding-bottom:0.35em;
	display:block;
}

#nav a:hover .underline {
	background:url('../images/nav-underline-werribee.png') repeat-x 0% 100% !important;
}

#nav > li:hover .expand {
	display:block;
}

#nav .expand {
	position:absolute;
	top:32px;
	left:-8px;
	width:314px;
	display:none;
}


#nav li .top {
	background:url('../images/nav-expand-top.png') no-repeat left top;
	padding-top:15px;
}

#nav li .bottom {
	background:url('../images/nav-expand-bottom.png') no-repeat left bottom;
	padding-bottom:23px;
}

#nav .expand ul {
	background:url('../images/nav-expand-body.png') repeat-y;
	list-style:none;
}

#nav .expand a {
	text-transform:uppercase;
	color:#333;
	display:block;
	padding:0.2em 0 0.5em 0;
	margin-left:1.5em;
	text-decoration:none;
	font-weight:bold;
	font-size:1.1em;
}

#nav .expand a:hover {
	color:#b0282f;
}

#slogan {
	display:none;
}

#wrap {
	
	margin-top:7px;
	background:url('../images/content.png') repeat-y center top;
	clear:both;
}

#container {
	width:960px;
	margin:0 auto;
}

/* banner */

#banner {
	width:100%;
	height:201px;
}

.epping #banner {
	background:url('../images/banner-werribee-homepage.jpg') no-repeat;
}

.hg #banner {
	background:url('../images/banner-food.jpg') no-repeat;
}

/* store search */

#store-search {
	float:right;
	background:url('../images/store-search.png') no-repeat;
	width:292px;
	height:85px;
	padding:15px;
}

#store-search .textfield {
	background:url('../images/store-search-textfield.png') no-repeat;
	width:194px;
	height:27px;
	border:0;
	padding:9px 10px 0px 10px;
	font:1.1em 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	color:#333;
	float:left;
	vertical-align:top;
	position:static;
}

#store-search .button {
	margin-top:1px;
	background:url('../images/store-search-button-werribee.png') no-repeat;
	width:70px;
	height:36px;
	border:0;
	vertical-align:top;
	cursor:pointer;
	float:left;
	text-indent:-999em;
	/* remove text for ie */
	font-size:0;
	color:#aa3036;
}

#store-search h3 {
	font-size:1.2em;
	margin-bottom:0.4em;
	margin-left:0.2em;
	margin-top:0.4em;
	text-transform:uppercase;
}

#store-search p {
	clear:both;
	float:right;
	margin-right:1em;
	margin-top:0em;
}

/* content */

#content {
	margin-left:25px;
	width:660px;
	float:left;
	line-height:1.6em;
	padding-bottom:2em;
}

#content h1 {
	font:2em 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-weight:normal;
	letter-spacing:-1px;
	margin-top:0.6em;
	padding-bottom:0.3em;
	background:url('../images/heading-underline.png') repeat-x left bottom;
	margin-bottom:0.5em;
}

#content p, #content ul, #content ol, #content dl, #content table, #content form, #content address {
	margin-bottom:1.2em;
}

/* sidebar */

#sidebar {
	margin-top:1.2em;
	width:221px;
	float:right;
	margin-right:5px;
}

.sidebar-item {
	background:url('../images/sidebar-body.png') repeat-y top center;
}

#sidebar h3 {
	background:url('../images/sidebar-heading.png') no-repeat;
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
	text-align:center;
	padding:1.1em 0.5em;
}

#sidebar .bottom > h3:first-child {
	background:url('../images/sidebar-heading-first-werribee.png') no-repeat;
}

#sidebar .bottom {
	padding:0 8px 11px 8px;
	background:url('../images/sidebar-bottom.png') no-repeat left bottom;
}

#sidebar ul {
	list-style:none;
}

#sidebar ul li {
	background:url('../images/sidebar-list.png') no-repeat left center;
	padding:3px 10px 3px 18px;
	margin:10px 0;
}

/* footer */

#footer {
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	color:#EEE;
	position:relative;
	clear:both;
	height:132px;
}

#footer address {
	position:absolute;
	right:1.5em;
	line-height:1.6em;
	top:1.5em;
	text-align:right;
	font-style:normal;
}

#links {
	position:absolute;
	top:1em;
	left:1em;
	width:50%;
	overflow:hidden;
	list-style:none;
}

#links li {
	width:30%;
	margin:0.5em 1% 0.5em 1%;
	float:left;
}

#links a {
	padding:0.3em;
	color:#EEE;
	text-decoration:none;
}

#links a:hover {
	color:#FFF;
	text-decoration:underline;
	background:transparent !important;
}

#copyright {
	position:absolute;
	left:1.5em;
	bottom:2em;
}

#pacific {
	position:absolute;
	right:1em;
	bottom:1em;
	padding:1em 48px 1em 1em;
	background:url('../images/pacific-logo.png') no-repeat right center;
}


.epping #links a {
	/*background:#b5642d;*/
}

.hg #links a {
	/*background:#b5642d;*/
}

.epping #footer {
	background:url('../images/footer-werribee-body.png') repeat-x;
}

.hg #footer {
	background:url('../images/footer-werribee-body.png') repeat-x;
}

.epping #footer .left, .epping #footer .right {
	background-image:url('../images/footer-werribee-sides.png');
}

.hg #footer .left, .hg #footer .right {
	background-image:url('../images/footer-werribee-sides.png');
}

#footer  .left, #footer .right {
	background-repeat:no-repeat;
	width:960px;
	height:132px;
}

#footer .left {
	background-position:left top;
}

#footer .right {
	background-position:right top;
}

/* av */

#av {
	width:960px;
	position:relative;
	left:50%;
	margin-left:-480px;
	text-align:right;
	margin-top:1em;
	margin-bottom:2em;
	color:#888;
}

#av a {
	color:#555;
}

/* content styles */

#content .alphabet, #content .paging {
	margin-bottom:1em;
	/*word-spacing:0.5em;*/
	font-size:1.4em;
	border:#999 solid;
	border-width:1px 0;
	padding:0.5em;
	text-align:center;
}

#content .alphabet .alphabet-selected, #content .paging .current {
	border:#CCC solid 1px;
	padding:0.2em 0.5em;
	color:#333;
}

#content .paging .disabled {
	display:inline;
}

#content .alphabet a {
	padding: 0.2em;
}

#content ul {
	margin-left:1em;
}

.stores-list-first {
	clear:left;
}

.stores-list-first, .stores-list {
	float:left;
	width:30%;
	margin-bottom:1em;
}

.stores-list-first li, .stores-list li {
	margin-bottom:2em;
}

.stores-list a, .stores-list-first a {
	font-size:1.3em;
}

.store-type a {
	font-size:0.9em;
}

.clear-left {
	clear:left;
}

#StoreSearch {
	font:1.1em Arial, sans-serif;
	color:#333;
	padding:0.3em 0.2em;
	border:#999 solid 1px;
	width:200px;
}

hr {
	display:none;
}

#search-form .button {
	font:1.2em Arial, sans-serif;
	padding:0.15em 0.5em;
}

#content small {
	font-size:0.9em;
	margin-bottom:0.5em;
	display:block;
}

#content h2 {
	font-weight:normal;
}

#content h4 {
	font-size:1.1em;
	margin-bottom:0.5em;
}

#contact-form div {
	overflow:hidden;
	margin:0.5em 0;
	clear:both;
}

#contact-form .textfield, #contact-form select {
	float:left;
}

#contact-form label {
	float:left;
	width:180px;
}

#contact-form .textfield-left {
	margin-left:180px;
}

#contact-form .textfield, #contact-form textarea {
	border:#999 solid 1px;
	font-family:Arial,sans-serif;
	font-size:1.1em;
	padding:0.3em 0.2em;
	background:#FFF !important;
}

#contact-form .textfield {
	width:150px;
}

#contact-form select {
	border:#999 solid 1px;
	font-family:Arial,sans-serif;
	font-size:1.1em;
	padding:0.3em 0.2em;
	width:100px;
}

#contact-form .button {
font-family:Arial,sans-serif;
font-size:1.2em;
padding:0.15em 0.5em;
}

.columns {
	overflow:hidden;
}

.columns .col {
	float:left;
	width:40%;
}

/* membership form */

#member-form label {
	float:left;
	width:250px;
	margin-top:0.5em;
}

#member-form .textfield input {
	float:left;
	font:1em Arial, sans-serif;
	color:#333;
	padding:0.5em 0.3em;
	border:#CCC solid 1px;
	background:#FFF;
	width:200px;
}

#member-form div {
	clear:both;
	overflow:hidden;
	margin:0.5em 0;
}

#member-form .checkbox-group ul {
	margin:1em 0;
	padding:0;
	list-style-type:none;
	overflow:hidden;
}

.checkbox-group li {
	float:left;
	overflow:hidden;
	width:20%;
	margin-bottom:1em;
	margin-right:1em;
}

.checkbox-group li input {
	float:left;
	margin:0.2em 0.5em 0 0;

}

#member-form .checkbox-group li label {
	width:80%;
	float:left;
	margin:0;
}

#member-form .radio legend {
	display:none;
}

#member-form .radio fieldset {
	float:left;
	width:auto;
	display:inline-block;
	border:0;
	margin-left:-1em;
}

#member-form .radio fieldset input {
	margin-right:0.3em;
	margin-left:1em;
	
}

#member-form p.checkbox input {

}

#member-form p.checkbox label {
	float:none;
}

#member-form .button input {
	font-family:Arial,sans-serif;
font-size:1.2em;
padding:0.15em 0.5em;
}

#content .home-block-news {

	margin-top:1em;
	float:left;
	width:47%;
	margin-right:2%;
}

#content .home-block-events {
	border-left:#CCC solid 1px;
	margin-top:1em;
	float:left;
	width:47%;
	padding-left:2%;
}

#content h2 {
	margin-bottom:8px;
	font-weight:normal;
	font:19px 'Lucida Grande', 'Lucida Sans Serif', Arial, sans-serif;
}

#content h3 {
	margin-bottom:8px;
	font-size:1.2em;
}

.next-event {
	border-bottom:#CCC solid 1px;
	margin-bottom:1em;
}

#trading-hours p, #contact-us p
{
	margin: 2px;
}

#contact-form p.error, #contact-form h3
{
	clear: both;
	color: #B0282F;
}

.home-row
{
	clear: both;
}
.home-row div.home-block-events, .home-row div.home-block-news, .home-row div.home-block-ad, .home-row div.home-block
{
	width: 47%!important;
	float: left;
}
.home-block-ad
{
	float: left;
	margin-top: 1em;
}

}