/*
Theme Name: 	Downtown Chatham Centre
Theme URI: 		http://www.number4studios.com
Description: 	Custom theme developed specifically for the Downtown Chatham Centre in Chatham, Ontario.
Author: 		Bill Johnson, Number 4 Studios
Author URI: 	http://www.number4studios.com
Version: 		1.0
*/

body{
background-color: white;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
color: #3b3d49;
background-image: url("i/bg-body.png");
background-repeat: no-repeat;
background-position: top center;
margin: 0px;
padding: 0px;
}

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

img.left{
float: left;
margin-bottom: 8px;
margin-right: 10px;
}

img.right{
float: right;
margin-bottom: 8px;
margin-left: 10px;
}

img.logo-dcc{
float: left;
margin-top: 40px;
margin-left: 170px;
}

img, img a{
border: 0px;
}

div.header-outer{
width: 996px;
margin-left: auto;
margin-right: auto;
height: 253px;
}

div.header-inner{
	position: relative;
	width: 996px;
	height: 253px;
	background-image: url("i/bg-header.png");
	background-repeat: no-repeat;
	background-position: top center;
}

div.store-finder{
float: right;
margin-top: 188px;
}

div.store-finder select{
width: 238px;
font-size: 80%;
border: 1px solid #d1d1d1;
font-family: Arial, Helvetica, sans-serif;
color: #3b3d49;
}

div.nav-outer{
width: 100%;
height: 92px;
background-image: url("i/bg-nav-outer.png");
background-repeat: repeat-x;
}

div.nav-inner{
height: 92px;
width: 996px;
margin-left: auto;
margin-right: auto;
background-image: url("i/bg-nav.png");
background-repeat: repeat-x;
}

div.nav-inner.gen{
background-image: url("i/bg-nav-gen.png");
}

div.nav-inner ul{
margin: 0px;
padding: 0px;
list-style: none;
float: left;
clear: both;
width: 996px;
z-index: 1;
}

div.nav-inner li{
margin: 0px;
padding: 0px;
float: left;
font-size: 95%;
font-weight: bold;
color: #3f4150;
list-style: none;
padding-left: 20px;
padding-right: 20px;
background-image: url("i/bg-nav-li.png");
background-position: right;
background-repeat: no-repeat;
padding-top: 13px;
padding-bottom: 10px;
margin-top: 3px;
}

div.nav-inner li a{
text-decoration: none;
color: #3f4150;
}

div.nav-inner ul li a:hover{
color: #8c0000;
}

div.nav-inner li:first-child{
padding-left: 0px;
}

div.nav-inner li.menu-item-24{
padding-right: 0px;
background-image: none;
}

div.tools{
width: 996px;
position: relative;
top: 18px;
}

div.breadcrumb{
font-size: 80%;
float: left;
}

div.members{
font-size: 80%;
float: right;
}

a{
color: #840000;
}


img.breadcrumb{
vertical-align: middle;
}

img.retail{
vertical-align: middle;
margin-right: 5px;
}



div.row1-outer{
width: 996px;
margin-left: auto;
margin-right: auto;
}
div.row1-inner{
float: left;
width: 996px;
background-image: url("i/bg-row1.jpg");
background-repeat: no-repeat;
background-position: top;
}




div.row2-outer{
width: 996px;
margin-left: auto;
margin-right: auto;
}

div.row2-inner{
float: left;
width: 996px;
height: 20px;
background-image: url("i/bg-row2.jpg");
background-repeat: no-repeat;
background-position: top;
}



div.row3-outer{
width: 996px;
margin-left: auto;
margin-right: auto;
}
div.row3-inner{
float: left;
width: 996px;
background-image: url("i/bg-row3.jpg");
background-repeat: no-repeat;
background-position: top;
}


div.row4-outer{
width: 996px;
margin-left: auto;
margin-right: auto;
}
div.row4-inner{
width: 996px;
float: left;
background-image: url("i/bg-row4.jpg");
background-repeat: no-repeat;
background-position: top;
}



div.footer-outer{
width: 100%;
float: left;
height: 100px;
clear: both;
background-image: url("i/bg-footer.png");
background-repeat: repeat-x;
}

div.footer-inner{
width: 996px;
margin-left: auto;
margin-right: auto;
font-size: 75%;
}

div.footer-inner div.designed-by{
padding: 0px;
margin: 0px;
margin-top: 16px;
float: left;
}

div.social-networking{
float: right;
margin-top:10px;;
}

div.social-networking a {
	color: #fff;	
}

div.social-networking img{
margin-left: 14px;
border: 0;
}

div.row1-inner h1.initial{
margin-top: 0px;
padding-top: 20px;
font-size: 130%;
}
div.row1-inner{
font-size: 80%;
min-height: 206px;
}
div.row1-inner div.left{
float: left;
width: 410px;
}
div.row1-inner div.right{
float: right;
width: 271px;
color: white;
margin-right: 10px;
display: inline;
}
div.row1-inner div.right h1.initial{
margin: 0px;
padding: 0px;
margin-top: 12px;
}

div.row4-inner div.left-news{
float: left;
width: 615px;
}







div.row3-inner h1.initial{
margin-top: 0px;
padding-top: 20px;
font-size: 130%;
}
div.row3-inner{
font-size: 80%;
padding-bottom: 8px;
}
div.row3-inner div.left{
float: left;
width: 620px;
margin-left: 17px;
display: inline;
}
div.row3-inner div.right{
float: right;
width: 272px;
color: white;
margin-right: 10px;
display: inline;
}
div.row3-inner div.right h1.initial{
margin: 0px;
padding: 0px;
margin-top: 24px;
}

div.row3-inner ul{
list-style: none;
margin: 0px;
padding: 0px;
font-size: 110%;
} 

div.browse-left{
float: left;
width: 100%;
margin-left: 1px;
display: inline;
}

div.browse-left ul li{
background-image: url("i/icon-browse.png");
/*display: inline-block;*/
float: left;
background-repeat: no-repeat;
padding-left: 18px;
background-position:left;
width: 292px;
}

div.browse-left ul li{
margin-top: 4px;
}

div.browse-right{
float: left;
width: 280px;
margin-left: 56px;
display: inline;
}


div.browse-right ul li{
background-image: url("i/icon-browse.png");
background-repeat: no-repeat;
padding-left: 18px;
background-position:left;
}

div.browse-right ul li{
margin-top: 4px;
}

div.row4-inner h1.initial{
margin-top: 0px;
padding-top: 42px;
font-size: 130%;
}
div.row4-inner{
font-size: 80%;
min-height: 206px;
}
div.row4-inner div.left{
float: left;
width: 415px;
}
div.row4-inner div.right{
float: right;
width: 272px;
color: white;
margin-right: 10px;
display: inline;
}
div.row4-inner div.right h1.initial{
margin: 0px;
padding: 0px;
margin-top: 36px;
}

div.subpage-outer{
width: 996px;
margin-left: auto;
margin-right: auto;
}

div.subpage-inner{
float: left;
width: 996px;
background-image: url("i/bg-subpage.png");
background-repeat: no-repeat;
background-position: top;
font-size: 80%;
}

.events-archive div.subpage-inner {
	background-image: url("i/bg-events.png");	
}

.events-single div.subpage-inner {
	background-image: none;
	background: #fff;	
}

div.subpage-subnav{
float: left;
width: 214px;
}

div.subpage-content{
float: left;
width: 737px;
margin-left: 45px;
padding-bottom: 20px;
min-height: 300px;
}

div.subpage-content h1.initial{
font-size: 130%;
margin-top: 20px;
}



div.subpage-listing{
float: left;
width: 767px;
margin-left: 14px;
padding-bottom: 20px;
min-height: 300px;
}

div.subpage-listing h1.initial{
font-size: 130%;
margin-top: 20px;
margin-left: 32px;
}


div.subpage-subnav ul li{
list-style: none;
margin: 0px;
padding: 0px;
padding-left: 15px;
background-image: url("i/bg-subnav-li.png");
background-repeat: no-repeat;
background-position: left;
margin-top: 4px;
}

div.subpage-subnav ul{
margin: 0px;
padding: 0px;
list-style: none;
margin-top: 24px;
margin-left: 2px;
}


div.store-top{
width: 769px;
min-height: 240px;
float: bottom left;
background-image: url("i/store-top.png");
background-repeat: no-repeat;
background-position: bottom;
}

div.store-bottom{
width: 769px;
float: left;
background-image: url("i/store-bottom.png");
background-repeat: no-repeat;
background-position: top;
}

div.storepage-outer{
width: 996px;
margin-left: auto;
margin-right: auto;
}

div.storepage-inner{
float: left;
width: 996px;
background-image: url("i/bg-subpage.png");
background-repeat: no-repeat;
background-position: top;
font-size: 80%;
}

div.storepage-subnav{
float: left;
width: 214px;
}

div.storepage-content{
float: left;
width: 737px;
margin-left: 13px;
}

div.storepage-content h1.initial{
font-size: 130%;
margin-top: 20px;
}

div.storepage-subnav ul li{
list-style: none;
margin: 0px;
padding: 0px;
padding-left: 15px;
background-image: url("i/bg-subnav-li.png");
background-repeat: no-repeat;
background-position: left;
margin-top: 4px;
}

div.storepage-subnav ul{
margin: 0px;
padding: 0px;
list-style: none;
margin-top: 24px;
margin-left: 2px;
}


div.store-top{
width: 769px;
float: bottom left;
background-image: url("i/store-top.png");
background-repeat: no-repeat;
background-position: bottom left;
}

div.store-bottom{
width: 769px;
float: left;
background-image: url("i/store-bottom.png");
background-repeat: no-repeat;
background-position: top left;
padding-bottom: 20px;
}

div.store-left{
float: left;
width: 200px;
}

div.store-right{
float: left;
width: 200px;
}

table.store{
width: 768px;

}

table td.column1{
width: 239px;
padding-left: 20px;
}

table td.column2{
width: 167px;
padding-left: 20px;
}

div.store-icons img{
margin-right: 14px;
}

div.store-wrapper{
margin-right: 16px;
}


div#slider{
position: absolute;
margin-top: 20px;
}

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

#slider li{ 
width:303px;
height:201px;
overflow:hidden; 
}

#prevBtn, #nextBtn{ 
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;
top:56px;
display: none;
}	

#nextBtn{ 
left:351px;
display: none;
}														
#prevBtn a, #nextBtn a{  
display:block;
width:30px;
height:77px;
background:url("i/btn_prev.jpg"); no-repeat 0 0;	
}	

#nextBtn a{ 
background:url("i/btn_next.jpg"); no-repeat 0 0;	
}	
											
div#slider div.caption{
display: none;
}

div.listing{
background-image: url("i/bg-listing.png");
background-repeat: no-repeat;
background-position: bottom;
width: 767px;
padding-bottom: 16px;
}

div.listing-wrapper{
margin-left: 32px;
}


div.subpage-listing h1.initial{
margin-bottom: 20px;
}

/*******************************************************/
/* Homepage ********************************************/

.latest-article-date {
	font-size: 11px;
	color: #999;	
}

/*******************************************************/
/* Calendar Widget *************************************/

.widget_box #calendar_wrap {
	position: relative;
	right: 20px;	
}

.widget_box #calendar_wrap h4 {
	margin-bottom: 2px;	
}

a.sp-view-all-events {
	color: #ccc;	
}

table.tec-calendar-widget {
	background: #ccc;	
}

a.tec-mini-has-event {
	padding: 6px 13px;
	background: #9D1F34;
	color: #fff !important;	
}

a.tec-mini-has-event:visited {
	color: #fff;	
}

/********************************************************/
/* News Section *****************************************/

div.news-loop-wrapper {
	margin-top: 30px;	
}

.news div.post, .single div.post {
	position: relative;
}

.news .post h3 {
	margin-bottom: 5px;	
}

.news .post span.news-date {
	font-size: 11px;
	color: #aaa;	
}

.news div.post p {
	line-height: 20px;	
	color: #777;
}

.news div.post a.more-link {
	display: inline-block;
	padding: 0 3px;
	text-decoration: none;
	border: #9D1F34 1px solid;
	position: absolute;
	bottom: 20px;
	right: 35px;
	font-size: 11px;
}

/*******************************************************/
/* Single News Article *********************************/

.single {
	padding-bottom: 30px !important;	
}

div.single-loop-wrapper {
	margin-top: 20px;	
}

.single .post {
	padding-bottom: 25px !important;
	margin-bottom: 10px !important;
}

.single .post h1 {


	margin-bottom: 5px;
}

.single .post .entry-meta {


}

.single .post .entry-content {


}

.single .post .entry-content p {


}

.single .nav-previous {
	display: block;
	width: 200px;
	float: left;	
}

.single .nav-next {
	text-align: right;
	display: block;
	width: 200px;
	float: right;	
}

/******************************************************************/
/* Post Images ****************************************************/

.entry-content img, .news .post img {
	background: #fff;
	padding: 5px;
	border: 1px solid #e1e1e1;	
}

.news .post .img {
	width: 50% !important;
	height: 50% !important;	
}

img.alignleft {
	float: left;
	margin-right: 15px;	
}

img.alignright {
	float: right;
	margin-left: 15px;	
}

/***************************************************************/
/* Browse Stores ***********************************************/

.listing-wrapper {
	position: relative;	
}

.listing-wrapper a:first-child {
	font-size: 16px;
}

.return-home {
	width: 300px;
	text-align: center;
	margin: 35px auto 10px auto;	
}

img.button-visit-store {
	margin-top: 10px;	
}

.store-phone {
	color: #777;
	position: relative;
	top: 5px;
}

img.listing-image {
	position: absolute;
	top: 4px;
	right: 0px;
	width: 145px;
	clip: rect(auto auto 96px auto);
}

/**************************************************************/
/* Contact Page ***********************************************/

.contact p {
	line-height: 20px;
	margin-bottom: 40px;
	color: #777;	
}

.contact fieldset p {
	color: #414141;	
}

.contact label, legend { 
	font: 14px Arial, sans-serif, "Lucida Grande", "Lucida Sans Unicode"; 
}

.contact h1 { 
	margin: 10px 0 10px; 
	font-size: 24px; 
	color: #333333; 
}

.contact hr { 
	color: inherit; 
	height: 0; 
	margin: 6px 0 6px 0; 
	padding: 0; 
	border: 1px solid #d9d9d9; 
	border-style: none none solid; 
}



.contact fieldset table {
	width: 100%	
}

.contact-phone {
	margin: 48px auto 38px auto;
	width: 713px;
}

/* Form style */

.contact label { 
	display: inline-block; 
	float: left; 
	height: 26px; 
	line-height: 26px; 
	width: 155px; 
	font-size: 14px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}

.contact input, textarea, select { 
	width: 280px; 
	margin: 0; 
	padding: 5px; 
	color: #666; 
	background: #f5f5f5; 
	border: 1px solid #ccc; 
	margin: 5px 0; 
	font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}

.contact textarea {
	overflow: auto;	
}

.contact input:focus, textarea:focus, select:focus { 
	border: 1px solid #999; 
	background-color: #fff; 
	color:#333; 
}

.contact input.submit { 
	width: 85px; 
	cursor: pointer; 
	border: 1px solid #222; 
	background:#333; 
	color:#fff; 
	margin-left: 155px;
}

.contact input.submit:hover { 
	background:#444; 
}

.contact input[type="submit"][disabled] { 
	background:#888; 
	cursor: default; 
}

.contact fieldset { 
	margin-bottom: 40px;
	margin-top: 15px;
	padding:0 20px 20px 20px; 
	border:1px solid #eee; 
	moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}

.contact fieldset#fieldset-2 { 
	margin-top: 40px;
}

.contact legend { 
	padding:7px 10px; 
	color:#414141; 
	border:1px solid #ddd; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	margin-bottom:0 !important; 
	margin-bottom:20px; 
}

.contact span.required { 
	float: right;
	text-indent: -9999px;
	width: 12px;
	height: 23px;
	background: url("i/required.jpg") bottom no-repeat;
} /* Select the colour of the * if the field is required. */

span.required-text {
	font-size: 11px;	
}

#message { 
	margin: 10px 0; 
	padding: 0; 
}

.error_message { 
	display: block; 
	line-height: 22px; 
	background: #FBE3E4 url('contact/assets/error.gif') no-repeat 10px 6px; 
	padding: 3px 10px 3px 35px; 
	color:#8a1f11;
	border: 1px solid #FBC2C4; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}

ul.error_messages { 
	margin: 0 0 0 15px; 
	padding: 0; 
}

ul.error_messages li { 
	height: 22px; 
	line-height: 22px; 
	color:#333; 
}

.loader { 
	padding: 0 10px; 
}

.contact #success_page h1 { 
	background: url('contact/assets/success.gif') left no-repeat; 
	padding-left: 25px;
}

acronym { 
	border-bottom:1px dotted #ccc; 
}

#contact-content {
	width: 740px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	font-family:Arial, Helvetica, sans-serif;

	line-height:21px;
	color:#414141;
	font-size:14px
}

h2.our-contact {
	margin:0 0 20px 0;
	padding:0;
}

h2.contact-info {
	margin:0 0 20px 0;
	padding:0;
}

h2.message {
	margin:0 0 20px 0;
	padding:0;
}

#welcome p.contact {
	text-align: justify;
	margin:0; padding:0;

	line-height:21px;
	color:#414141;
	font-size:13px
}

#rememberContact {
	width: 100%;
	text-align: center;
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: -15px;
}

span.required {
	font-size: small;
	color: red;
	
}

span.required_star {
	font-size: small;
	color: red;
	font-weight: bolder;
}

.contact td.top_spacer {
	padding-top: 25px;
}

.contact td {
	vertical-align: text-top;
}

.contact td p {
	margin: 0;	
}

/**************************************************************/
/* Contest Page ***********************************************/

.contest p {
	line-height: 20px;
	margin-bottom: 25px;
	color: #777;	
}

.contest label, legend { 
	font: 14px Arial, sans-serif, "Lucida Grande", "Lucida Sans Unicode"; 
}

.contest h1 { 
	margin: 10px 0 10px; 
	font-size: 24px; 
	color: #333333; 
}

.contest hr { 
	color: inherit; 
	height: 0; 
	margin: 6px 0 6px 0; 
	padding: 0; 
	border: 1px solid #d9d9d9; 
	border-style: none none solid; 
}



.contest fieldset table {
	width: 100%	
}

.contest-phone {
	margin: 48px auto 38px auto;
	width: 713px;
}

/* Form style */

.contest label { 
	display: inline-block; 
	float: left; 
	height: 26px; 
	line-height: 26px; 
	width: 155px; 
	font-size: 14px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}

.contest input, textarea, select { 
	width: 280px; 
	margin: 0; 
	padding: 5px; 
	color: #666; 
	background: #f5f5f5; 
	border: 1px solid #ccc; 
	margin: 5px 0; 
	font: 14px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}

.contest textarea {
	overflow: auto;	
}

.contest input:focus, textarea:focus, select:focus { 
	border: 1px solid #999; 
	background-color: #fff; 
	color:#333; 
}

.contest input.submit { 
	width: 85px; 
	cursor: pointer; 
	border: 1px solid #222; 
	background:#333; 
	color:#fff; 
	margin-left: 155px;
}

.contest input.submit:hover { 
	background:#444; 
}

.contest input[type="submit"][disabled] { 
	background:#888; 
	cursor: default; 
}

.contest fieldset { 
	margin-bottom: 40px;
	margin-top: 15px;
	padding:0 20px 20px 20px; 
	border:1px solid #eee; 
	moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}

.contest fieldset#fieldset-2 { 
	margin-top: 0px;
}

.contest legend { 
	padding:7px 10px; 
	color:#414141; 
	border:1px solid #ddd; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
	margin-bottom:0 !important; 
	margin-bottom:20px; 
}

.contest span.required { 
	float: right;
	text-indent: -9999px;
	width: 12px;
	height: 23px;
	background: url("i/required.jpg") bottom no-repeat;
} /* Select the colour of the * if the field is required. */

span.required-text {
	font-size: 11px;	
}

#message { 
	margin: 10px 0; 
	padding: 0; 
}

.error_message { 
	display: block; 
	line-height: 22px; 
	background: #FBE3E4 url('contact/assets/error.gif') no-repeat 10px 6px; 
	padding: 3px 10px 3px 35px; 
	color:#8a1f11;
	border: 1px solid #FBC2C4; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px; 
}

ul.error_messages { 
	margin: 0 0 0 15px; 
	padding: 0; 
}

ul.error_messages li { 
	height: 22px; 
	line-height: 22px; 
	color:#333; 
}

.loader { 
	padding: 0 10px; 
}

.contest #success_page h1 { 
	background: url('contact/assets/success.gif') left no-repeat; 
	padding-left: 25px;
}

acronym { 
	border-bottom:1px dotted #ccc; 
}

#contest-content {
	width: 740px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	font-family:Arial, Helvetica, sans-serif;

	line-height:21px;
	color:#414141;
	font-size:14px
}

h2.our-contest {
	margin:0 0 20px 0;
	padding:0;
}

h2.contest-info {
	margin:0 0 20px 0;
	padding:0;
}

h2.message {
	margin:0 0 20px 0;
	padding:0;
}

#welcome p.contest {
	text-align: justify;
	margin:0; padding:0;

	line-height:21px;
	color:#414141;
	font-size:13px
}

#rememberContact {
	width: 100%;
	text-align: center;
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: -15px;
}

span.required {
	font-size: small;
	color: red;
	
}

span.required_star {
	font-size: small;
	color: red;
	font-weight: bolder;
}

.contest td.top_spacer {
	padding-top: 25px;
}

.contest td {
	vertical-align: text-top;
}

.contest td p {
	margin: 0;	
}

/*******************************************************************/
/* Store Category **************************************************/

.store-category ul {
	list-style: none;	
}

.store-category ul li{
	height: 25px;		
}

.store-category h1.initial {
	margin-bottom: 20px;	
}

span.youtube {
	float: left;
	height: 265px;
	margin-right: 20px;
	margin-top: 17px;
}

.store-category .listing {
	position: relative;
	right: 31px;	
}

.homelink a{
color: white;
}

h1{
font-size: 130%;
}

h2{
font-size: 120%;
}

h3, h4{
font-size: 110%;

}

hr{
border-top: 1px solid #d1d1d1;
border-bottom: 0px;
border-left: 0px;
border-bottom: 0px;
height: 1px;
}

.news div.post, .single div.post {
    padding: 10px 30px 30px 30px;
    border: #e1e1e1 1px solid;
    position: relative;
    margin-bottom: 30px;
}

p.yd_linkware {
    display: none;
}