/* Start CSS Standard Font Formatting */

h1 {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 18px;
	font-weight: none;
	color: #e87d1e;
	text-transform: none;
	vertical-align: none;
	text-align: none;
	line-height: 100%;
	word-spacing: none;
	padding: 0 0;
	margin: 10px 0;
	border: 0px solid red;
}

h1 a:link, h1 a:visited {
	text-decoration: none;
	color: #e87d1e;
}

h1 a:hover, h1 a:active {
	text-decoration: underline;
	color: #f9bc28;
}

h2 {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #413d39;
	text-transform: none;
	vertical-align: none;
	text-align: none;
	line-height: 150%;
	word-spacing: none;
	padding: 0 0;
	margin: 5px 0;
	border: 0px solid red;
}

h2 a:link, h2 a:visited {
	text-decoration: none;
	color: #413d39;
}

h2 a:hover, h2 a:active {
	text-decoration: underline;
	color: #413d39;
}

p {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: 100;
	color: #625d59;
	text-transform: none;
	vertical-align: none;
	text-align: none;
	line-height: 150%;
	word-spacing: none;
	padding: 0 0;
	margin: 10px 0;
	border: 0px solid red;
}

p a:link, p a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #102b72;
}

p a:hover, p a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #102b72;
}

ul {
	list-style-type: disc;
	margin: 0 0;
	padding: 0 15px;
	border: 0px solid red;
}
                                
li {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: 100;
	color: #625d59;
	text-transform: none;
	vertical-align: none;
	text-align: none;
	line-height: 150%;
	word-spacing: none;
	margin: 0 0;
	padding: 1px 0;
	border: 0px solid green;
}

li a:link, li a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #625d59;
}

li a:hover, li a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #102b72;
}

/* End CSS Standard Font Formatting */

/* Start CSS ID/Class Font Formatting */

div#top-content-left p, div#top-content-right p {
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: 100;
    color: #934602;
    text-transform: none;
    vertical-align: none;
    line-height: 39px;
    word-spacing: 3px;
    padding: 0 0;
    margin: 0 0;
    border: 0px solid red;
}

div#top-content-right p {
    word-spacing: normal;
}

div#top-content-left p a:link, div#top-content-right p a:link, div#top-content-left p a:visited, div#top-content-right p a:visited {
    text-decoration: none;
	font-weight: 100;
    color: #934602;
}

div#top-content-left p a:hover, div#top-content-right p a:hover, #top-content-left p a:active, div#top-content-right p a:active {
	text-decoration: underline; 
	font-weight: 100;
    color: #934602;
}

.side-box-header h1 {
	display: block;
	float: left;
	clear: right;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 22px;
    font-weight: none;
    color: #FFFFFF;
    text-transform: none;
	line-height: 46px;
    word-spacing: none;
    padding: 0 0 0 17px;
    margin: 0 0;
    border: 0px solid red;
}

.side-box-header p {
    display: block;
	float: right;
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: 100;
    text-transform: none;
    line-height: 50px;
    word-spacing: none;
    padding: 0 27px 0 0;
    margin: 0 0;
    border: 0px solid red;
}

#news-area .side-box-header p {
    background-image: url(/images/more-arrow-pink.gif);
	background-position: 30px 23px;
	background-repeat: no-repeat;
    color: #edd5e9;
}

#news-area .side-box-header p a:link, #news-area .side-box-header p a:visited {
    text-decoration: none;
	font-weight: 100;
    color: #edd5e9;
}

#news-area .side-box-header p a:hover, #news-area .side-box-header p a:active {
	text-decoration: underline; 
	font-weight: 100;
    color: #edd5e9;
}

#specials-area .side-box-header p {
    background-image: url(/images/more-arrow-green.gif);
	background-position: 30px 23px;
	background-repeat: no-repeat;
    color: #dbebd2;
}

#specials-area .side-box-header p a:link, #specials-area .side-box-header  p a:visited {
    text-decoration: none;
    font-weight: 100;
    color: #dbebd2;
}

#specials-area .side-box-header p a:hover, #specials-area .side-box-header p a:active {
	text-decoration: underline; 
    font-weight: 100;
    color: #dbebd2;
}

#sign-up-area .side-box-header p {
    background-image: url(/images/more-arrow-aqua.gif);
	background-position: 30px 23px;
	background-repeat: no-repeat;
    color: #ebddd9;
}

#sign-up-area .side-box-header p a:link, #sign-up-area .side-box-header p a:visited {
    text-decoration: none;
    font-weight: 100;
    color: #ebddd9;
}

#sign-up-area .side-box-header p a:hover, #sign-up-area .side-box-header p a:active {
	text-decoration: underline; 
    font-weight: 100;
    color: #ebddd9;
}

.side-box-content h1 {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #102b72;
    text-transform: none;
    line-height: 150%;
    word-spacing: none;
    padding: 0 0 5px 0;
    margin: 0 0 4px 0;
    width: 265px;
    height: 18px;
    overflow: hidden;
}

.side-box-content h1 a:link, .side-box-content h1 a:visited {
    text-decoration: none;
    color: #102b72;
}

.side-box-content h1 a:hover, .side-box-contentt h1 a:active {
	text-decoration: underline; 
    color: #102b72;
}

#news-area .side-box-content p, #specials-area .side-box-content p {
	padding: 10px 0;
    margin: 0 0 0 0;
	border-top: 1px solid #e8e4da;
}

.side-box-content p {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
    font-weight: 100;
    color: #625d59;
    text-transform: none;
    line-height: 170%;
    word-spacing: none;
    padding: 0 0;
    margin: 0 0;
    border: 0px solid red;
}

.side-box-content p a:link, .side-box-content p a:visited {
    text-decoration: none;
	font-weight: bold;
    color: #625d59;
}

.side-box-content p a:hover, .side-box-content p a:active {
	text-decoration: underline; 
	font-weight: bold;
    color: #625d59;
}

#news-area div.side-box-content p, #specials-area div.side-box-content p {
	margin: 0 0 10px 0;
}

.side-box-content input {
	display: block;	
	background-color: #FFFFFF;
	border: 1px solid #E8E4DA;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #625D59;
	height: 16px;
	margin: 0 0;
	padding: 3px 5px;
	width: 265px;
}
.side-box-content input:hover, .side-box-content input:focus {
	background-color: #FFFFFF;
}

.side-box-content input.cat_button {
    display: block;
    height: 25px;
    width: 88px;
    background-image: url(/images/newsletter-submit-button.gif);
    background-color: #3891bf;
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0px solid red;
    margin: 10px 0 0 0;
    padding: 0 0;
    cursor: pointer;
    cursor: hand;
}

.side-box-content input.cat_button:hover, .side-box-content input.cat_button:focus {
	background-position: -88px 0;
}

div#footer-content p {
    font-family: Arial, Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: 100;
    color: #934602;
    text-transform: none;
    text-align: justify;
    line-height: 42px;
    word-spacing: 2.4px;
    padding: 0;
    margin: 0;
    border: 0px solid red;
}

div#footer-content p a:link, #footer-content p a:visited {
    text-decoration: none;
	font-weight: 100;
    color: #934602;
}

div#footer-content p a:hover, #footer-content p a:active {
	text-decoration: underline; 
	font-weight: 100;
    color: #934602;
}

h1.page-heading {
	font-size: 24px;
	color: #413d39;
	text-transform: lowercase;
}

h1.page-heading a:link, h1.page-heading a:visited {
	text-decoration: none;
	color: #413d39;
}

h1.page-heading a:hover, h1.page-heading a:active {
	text-decoration: underline;
	color: #413d39;
}

#form-style p {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: 100;
	color: #625D59;
	text-transform: none;
	vertical-align: none;
	text-align: none;
	line-height: 150%;
	word-spacing: none;
	padding: 0 0;
	margin: 10px 0;
}

#form-style p a:link, #form-style p a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #625d59;
}

#form-style p a:hover, #form-style p a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #625d59;
}

#form-style label, .webform-results {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: 100;
	color: #625D59;
	text-transform: none;
	vertical-align: none;
	text-align: none;
	line-height: 150%;
	word-spacing: none;
	padding: 0 0;
	margin: 10px 0;
}

#form-style label a:link, #form-style label a:visited, .webform-results a:link, .webform-results a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #102b72;
}

#form-style label a:hover, #form-style label a:active, .webform-results a:hover, .webform-results a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #102b72;
}

#form-style input {
	background-color: #FFFFFF;
	border: 1px solid #E8E4DA;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #625D59;
	height: 16px;
	width: 265px;
	padding: 3px 5px;
	margin: 7px 2px 0 0;}

#form-style input:hover, #form-style input:focus {
	background-color: #FFFFFF;
}

#form-style input.cat_button {
	display: block;
	height: 25px;
	width: 66px;
	background-image: url(/images/submit-button.gif);
	background-color: #ea7713;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0px solid red;
	margin: 10px 2px;
	padding: 0 0;
	cursor: pointer;
	cursor: hand;
}

#form-style input.cat_button:hover, #form-style input.cat_button:focus {
	background-position: -66px 0;
}

#form-style select {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #625D59;
	height: 22px;
	width: 275px;
	margin: 3px 0 7px 0;
	padding: 3px 5px;
    background-color: #FFFFFF;
	border: 1px solid #E8E4DA;
}

#form-style select:hover, #form-style select:focus {
	background-color: #FFFFFF;
}

#form-style textarea {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #625D59;
	height: 100px;
	width: 265px;
	margin: 3px 0 7px 0;
	padding: 3px 5px;
	background-color: #FFFFFF;
	border: 1px solid #E8E4DA;
}

#form-style textarea:hover, #form-style textarea:focus {
	background-color: #FFFFFF;
}

#form-style input.checkbox, #form-style input.checkbox:hover, #form-style input.checkbox:focus {
	border: 0px solid red;
	text-align: left;
	width: 20px;
	margin: 0 0;
	padding: 0 0;
}

/* End CSS ID/Class Font Formatting */

/* Start CSS Misc Elements */

.mouse {
	cursor: pointer;
	cursor: hand;
}

#top-content-right img {
	padding-top: 7px; 
	border: 0px solid red;
}

img#home-logo {
	position: absolute;
	left: 2px;
	top: 0px;
	float: left;
	cursor: pointer;
	cursor: hand;
	border: 0px solid red;
}

body#news-events div#content-area div#Specials {
	display: none;
}

body#specials div#content-area div#News {
	display: none;
}

body#specials div#content-area div#Event {
	display: none;
}

div.webapp {
	display: block;
	overflow: hidden;
	height: 76px; /* 96px */
	width: 521px; /* 601px */
	padding: 15px 0 10px 80px;
	margin: 0 0 -1px 0;
	background-color: #FFFFFF;
	background-position: 10px 20px;
	background-repeat: no-repeat;	
	border-top: 1px solid #e8e4da;
	border-bottom: 1px solid #e8e4da;
}

div.webapp-large {
	height: 76px; /* 96px */
	height: auto !important;
	min-height: 76px; /* 96px */
	margin: 0 0 15px 0;
	border-top: 1px solid #e8e4da;
	border-bottom: 1px solid #e8e4da;
}

body#News h1.specials-title {
	display: none;
}

body#Event h1.specials-title {
	display: none;
}

body#Specials h1.news-title {
	display: none;
}

.webapp-list h1, webapp-list h2, webapp-list p {
	padding: 0 0;
	margin: 0 0 8px 0;
	width: 445px;
	overflow: hidden;
	border: 0px solid red;
}

.webapp-list h1 {
	height: 20px;
	width: 420px;
}

.webapp-list h2 {
	height: 20px;
}

.webapp-large h1, .webapp-large h2 {
	padding: 0 0;
	margin: 0 0 8px 0;
	width: 445px;
	height: 100%;
	overflow: visible;
	border: 0px solid green;
}

.webapp-large p {
	padding: 0 0;
	margin: 0 0 8px 0;
	width: 445px;
	overflow: hidden;
	border: 0px solid red;
}

div#News.webapp {
	background-image: url("/images/icon-news.gif");
}

div#Event.webapp {
	background-image: url("/images/icon-event.gif");
}

div#Specials.webapp {
	background-image: url("/images/icon-special.gif");
}

.more {
	background-image: url("/images/more-arrow-orange.gif");
	background-position: right;
	background-repeat: no-repeat;	
	display: block;
	clear: left;
	position: relative;
	top: 0;
	right: 0;
	float: right;
	height: 20px;
	line-height: 20px;
	text-align: right;
	border: 0px solid red;
}

.more p, .more p a:link, .more p a:visited,  .more p a:hover, .more p a:active {
	color: #413d39;
	width: 45px;
	margin: 0 0;
	padding: 0 5px 0 0;
}

.back {
	background-image: url("/images/back-arrow-orange.gif");
	background-position: left;
	background-repeat: no-repeat;	
	display: block;
	clear: left;
	position: relative;
	top: 0;
	right: 0;
	float: right;
	height: 20px;
	line-height: 20px;
	text-align: right;
	border: 0px solid red;
}

.back p, .back p a:link, .back p a:visited,  .back p a:hover, .back p a:active {
	color: #413d39;
	width: 45px;
	margin: 0 0;
	padding: 0 5px 0 0;
}

div#news-area div#Specials {
	display: none;
}

div#retailers-search {
	display: block;
	float: left;
	width: 360px;
	height: 160px;
	background-color: #f5f1e4;
	padding: 20px;
	margin: 0 0;
}

div#retailers-search .left {
	display: block;
	float: left;
	height: 40px;	
	width: 120px;
	padding: 0 0;
	margin: 0 0;
	border: 0px solid red;
}

div#retailers-search .right {
	display: block;
	float: right;
	height: 40px;
	width: 220px;
	padding: 0 0;
	margin: 0 0;
	border: 0px solid red;
}

#retailers-search input {
	background-color: #FFFFFF;
	border: 1px solid #E8E4DA;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #625D59;
	height: 16px;
	width: 200px;
	padding: 3px 5px;
	margin: 7px 2px 0 0;}

#retailers-search input:hover, #retailers-search input:focus {
	background-color: #FFFFFF;
}

#retailers-search input.cat_button {
	display: block;
	height: 25px;
	width: 66px;
	background-image: url(/images/submit-button.gif);
	background-color: #ea7713;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0px solid red;
	margin: 10px 2px;
	padding: 0 0;
	cursor: pointer;
	cursor: hand;
}

#retailers-search input.cat_button:hover, #retailers-search input.cat_button:focus {
	background-position: -66px 0;
}

#retailers-search select {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 13px;
	color: #625D59;
	height: 22px;
	width: 210px;
	margin: 3px 0 7px 0;
	padding: 3px 5px;
    background-color: #FFFFFF;
	border: 1px solid #E8E4DA;
}

#retailers-search select:hover, #retailers-search select:focus {
	background-color: #FFFFFF;
}

div#retailers-results {
	display: block;
	float: left;
	width: 601px;
	height: 10px;
	height: auto !important;
	min-height: 10px;
	padding: 0 0;
	margin: 30px 0 0 0;
	border: 0px solid red;
}

div#retailer-list {
	display: block;
	overflow: hidden;
	height: 66px; /* 96px */
	width: 541px; /* 601px */
	padding: 15px 30px;
	margin: 0 0 -1px 0;
	border-top: 1px solid #e8e4da;
	border-bottom: 1px solid #e8e4da;
}

div#retailer-list .spacer {
	padding: 0 13px 0 0;
}

div#retailer-list h1, div#retailer-list p {
	margin: 0 0 8px 0;
    line-height: 100%;
}

.pagination {
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: 100;
	color: #625d59;
	text-transform: none;
	vertical-align: none;
	text-align: none;
	line-height: 150%;
	word-spacing: none;
	padding: 0 0;
	margin: 10px 0;
	border: 0px solid red;
}

.pagination a:link, .pagination a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #102b72;
}

.pagination a:hover, .pagination a:active {
	text-decoration: underline;
	font-weight: bold;
	color: #102b72;
}

#webapp2908next, #webapp2908prev {
	display: none;
}

body#contact .security-box {
	display: block;
	float: right;
	height: 72px;
    background-image: url(/images/bg-telephone.gif);
	background-color: #f5f1e4;
	background-position: 17px 63px;
	background-repeat: no-repeat;
	width: 168px;
	padding: 16px; 
	margin: 10px 0 60px 0;
	border: 0px solid red;
}

/* End CSS Misc Elements */

/* Start Menu Nav */

ul#menu-nav {
	float: right;
	height: 36px;
	position: relative;
	padding: 0;
	margin: 0;
}

ul#menu-nav li {
	display: inline;
	list-style: none;
}

ul#menu-nav a {
	display: block;
	height: 36px;
	line-height: 36px;
}

ul#menu-nav li.tab, ul#menu-nav li.tab a {
	float: left;
	margin: 0;
	font-size: 14px;
	font-weight: 100;
	color: #fdfcfc;
	text-transform: lowercase;
	text-decoration: none;
	text-align: center;
}

ul#menu-nav li.home a {
	width: 50px;
	text-align: left;
}

ul#menu-nav li.retailers a {
	width: 80px;
}

ul#menu-nav li.news-events a {
	width: 116px;
}

ul#menu-nav li.specials a {
	width: 80px;
}

ul#menu-nav li.trading-hours a {
	width: 112px;
}

ul#menu-nav li.community a {
	width: 97px;
}

ul#menu-nav li.centre-information a {
	width: 150px;
}

ul#menu-nav li.contact a {
	width: 80px;
	text-align: right
}

ul#menu-nav li.seperator {
	display: block;
	height: 36px;
	line-height: 36px;
	width: 3px;
}

ul#menu-nav li.home a:hover,
ul#menu-nav li.retailers a:hover,
ul#menu-nav li.news-events a:hover,
ul#menu-nav li.specials a:hover, 
ul#menu-nav li.trading-hours a:hover,
ul#menu-nav li.community a:hover,
ul#menu-nav li.centre-information a:hover,
ul#menu-nav li.contact a:hover {
	color: #e08f46;
	text-decoration: none;
}

body#home ul#menu-nav li.home a,
body#retailers ul#menu-nav li.retailers a,
body#news-events ul#menu-nav li.news-events a,
body#specials ul#menu-nav li.specials a,
body#trading-hours ul#menu-nav li.trading-hours a,
body#community ul#menu-nav li.community a,
body#centre-information ul#menu-nav li.centre-information a,
body#contact ul#menu-nav li.contact a {
	color: #e08f46;
	cursor: default;
}

/* End Menu Nav */