/* reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}/* remember to define focus styles! */:focus {outline: 0;}body {line-height: 1;color: black;background: white;font-size: 62.5%;}ol, ul {list-style: none;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: separate;border-spacing: 0;}caption, th, td {text-align: left;font-weight: normal;}blockquote:before, blockquote:after,q:before, q:after {content: "";}blockquote, q {quotes: "" "";}img,object{display: block;}

/* shortcuts */
.fl{float: left;display: inline;}
.fr{float: right;display: inline;}
.clr{clear: both;visibility: hidden;}
.ctr{margin: 0 auto;display: block;}

/* m & p */
body {
	font-size: 62.5%;	
	font-family: Arial, sans-serif;
	line-height: 1.5em;
	background: #FFF url('../images/mast_oak_bg.jpg') no-repeat top center;
}

strong {
	font-weight: bold;
}

div#container {
	width: 970px;
	margin: 0 auto;
}





div#header {
	background: transparent url('../images/mast_oak_bg.jpg') no-repeat top center;
	font-size: 1.2em;
	height: 126px;
}

div#header div#logo {
	position: relative;
	left: 50px;
	float: left;
}

div#header div#newsletter {
	position: relative;
	height: 111px;
	float: right;
	width: 556px;
}

div#header div#newsletter div#foil {
	position: absolute;
	bottom: 0px;
	/* sean changed -38 -> -15 - sean */
	left: -15px;
	
}

div#header div#newsletter div#news_content {
	/* sean changed 68 -> 73 - sean */
	margin: 32px 0 0 73px;
}

div#header div#newsletter p {
	color: #e9ecdd;
	margin: 0 68px 10px 0;
}

div#header div#newsletter input#newsletter_email {
	width: 162px;
}



div#newsletter form div img {
	display: inline;
	vertical-align: middle;
}

div#newsletter form div input {
	vertical-align: middle;
	border: none;
	height: 18px;
	margin: 0;
	padding: 0;
}



div#nav {
	font-size: 1.2em;
	width: 140px;
	margin: 45px 0 0 60px;
}

div#nav ul {	
}

div#nav ul li {
	display: inline;
}

div#nav ul li a {
	margin-bottom: 9px;
	display: block;
}






div#content {
	margin: 24px 0 0 0;
	font-size: 1.2em;
	width: 730px;
	/*min-height: 465px;*/
	position: relative;
	left: -40px;
}


ul.breadcrumbs {
	margin-bottom: 28px;
}

ul.breadcrumbs li {
	display: inline;
	color: #a7a9ac;
}

ul.breadcrumbs li a {
	color: #a7a9ac;
	text-decoration: none;
}

ul.breadcrumbs li a:hover {
	text-decoration: underline;
}






div#footer {
	font-size: 1.2em;
	clear: both;
	text-align: center;
	padding-left: 200px;
	padding-top: 20px;
	position: relative;
}

div#footer ul {
	
}

div#footer ul li {
	display: inline;
	margin: 0 12px 0 0;
}

div#footer ul li a {
	text-decoration: none;
	color: #717174;
}

div#footer p {
	position: absolute;
	right: 0px;
	color: #d95936;
	margin-left:0px;
}

.hl {
	color: #d95936;
}

div#menupage {
	margin-bottom: 50px;
}

div#menupage p {
	margin-bottom: 1em;
	font-size: 1.16667em;
	line-height: 1.3em;
	margin-left:0px;
}

div#menupage p a {
	color: #d95936;
	text-decoration: none;
}


/* sean */

.no {
	font-weight:bold; color:#d95936;
	}
	

#toggleBayHours, #toggleGerrardHours, #toggleKingHours, #toggleYorkHours, #toggleFairviewHours {
	clear: left;
}	
/* all new contact page styles */

div#contact {
	background: url(../images/bg_contact.jpg) no-repeat left top;
	width: 772px;
	line-height:17px;
	position: relative;
	padding-bottom: 20px;
	}
div#contact p {	
	color:#ffffff;
	font-size:12px;
	margin-left:0px;
	}
div#contact a {	
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	}
	div#contact a:hover {	
		color:#ffffff;
		}
		div#contact a.mail {	
			color:#ffffff;
			}
			div#contact .mail:hover {	
				color:#000000;
				}

div#headoffice
{
	position: absolute;
	width: 214px;
	top: 185px;
	left: 60px;
}

div.zteca-store
{
	clear: left;
	position: relative;
	top: 10px;
	left: 500px;
	z-index: 100;
}

p.store-location {
	padding-top: 20px !important;
	font-size: 1.2em;
	font-weight: bold !important;
	color: #d95936 !important;
}

p.store-address {
	color: #000 !important;
	font-size: 0.9em !important;
	font-weight: bold;
	line-height: 1.3 !important;
}

p.download {
	font-size: 0.9em !important;
	color: #d95936 !important;
	font-weight: bold;
	line-height: 1.3 !important;
	padding-bottom: 5px;
}
a.map-link {
	float: left;
	width: 48px;
	height: 32px;
	text-indent: -99999px;
	display: block;
	background: url(../images/icon_map.jpg) no-repeat;
}

a.fax-link {
	float: left;
	width: 78px;
	height: 32px;
	display: block;
	text-indent: -99999px;
	background: url(../images/icon_fax.jpg) no-repeat;
}

a.catering-link {
	float: left;
	width: 85px;
	height: 32px;
	display: block;
	text-indent: -99999px;
	background: url(../images/icon_catering.jpg) no-repeat;
}

a.hours-link {
	float: left;
	width: 69px;
	height: 32px;
	display: block;
	text-indent: -99999px;
	background: url(../images/icon_hours.jpg) no-repeat;
}
/*
div#headoffice .boxtop { background: transparent url('../images/bigboxtop.png') no-repeat top left; padding-top: 16px; }
div#headoffice .boxbottom { background: transparent url('../images/bigboxbottom.png') no-repeat bottom left; padding-bottom: 16px; }
div#headoffice .boxmiddle { background: #d95936; padding: 0 10px; }
div#bay .boxtop, div#gerrard .boxtop, div#king .boxtop { background: transparent url('../images/smallboxtop.png') no-repeat top left; padding-top: 12px; }
div#bay .boxbottom, div#gerrard .boxbottom, div#king .boxbottom { background: transparent url('../images/smallboxbottom.png') no-repeat bottom left; padding-bottom: 12px; }
div#bay .boxmiddle, div#gerrard .boxmiddle, div#king .boxmiddle { background: #d95936; padding: 0 10px; }
*/

div#headoffice .boxtop { background: transparent url('../images/bigboxtop.png') no-repeat top left; padding-top: 16px; }
div#headoffice .boxbottom { background: transparent url('../images/bigboxbottom.png') no-repeat bottom left; padding-bottom: 16px; }
div#headoffice .boxmiddle { background: #d95936; padding: 0 10px; }
.boxtop { background: transparent url('../images/smallboxtop.png') no-repeat top left; padding-top: 12px; }
.boxbottom { background: transparent url('../images/smallboxbottom.png') no-repeat bottom left; padding-bottom: 12px; }
.boxmiddle { background: #d95936; padding: 0 10px; }