body, html{
font-size:100%;
margin:0;
padding:0;
margin-top:5px;
}

/* Origional File is in the base web site. Origional file is copied over this on on each build.*/

.offscreen{
	position:absolute;
	left:-10000px;
}

/* One Col with header, top nav, page content, footer */

div{
/*border:thin green solid; */
position:static;
z-index:2;
}


#outerRightCol{
	/*float:right;
	border:1px solid black;
	width:160px;
	margin-top:0px;
	margin-left:10px;*/
}


#containerExtraCols{	/* all inc outer cols*/
	 width:970px;
	 margin:auto !important;
}

#containerOuterOuter{	/* all except outer cols*/
	position:relative;
	margin:auto; 
	width:970px;	
	float:left;	
	border: 1px solid #BF965E;

	/*border-top:0;*/
	text-align:left; /* must left align content  because the body tag centers all content*/
	margin-top:0;
}

#containerOuter{ /*contains all except footer*/
/*can use to add more cols next to page content */

}



/* CSS layout */
#masthead {

	position:absolute;
	top:0px;
	left:0px;
	
	width:100%;
	
	
	
	
	/*height:130px;*/
	background: url(/images/template/headerbg3.jpg) no-repeat;
	/*background-position: 0px -140px;*/
	background-position: left center;
	background-color:#ebe0c2;
	background-color:black;
	
}

#headerLogo
{
	position:absolute;
	top:20px;
	left:20px;
/*	background: url(/images/template/breadshoplogo.jpg) no-repeat;*/
	height:160px;
	width:300px;
}


#topNav {		/* top menu in masthead */
	/**/position:absolute;
	top:0px;	
	text-align:left;
	width:100%;
	

}

/*Masthead banner*/
.headBanner{
	/*_index:1000;*/
	z-index:100;
	position:relative;
}


.headBanner{
/*
background: url(/images/template/headerbg5.jpg) no-repeat;

	border-left:2px solid #BF965E;	
*/	/*background-image: url(/images/banners/bannerBack2.jpg);*/
	
	/*background: url(/images/template/muffins1.jpg) no-repeat;*/
	background-repeat: no-repeat;
	/**/
	background-position:-0500px -0px;

	/*background-position: 0px -40px;*/
/*	background-color:#000000;*/
	

	width:350px;
	height:156px;
	font-family:Cambria;
	text-align:center;
	
	color: #ffffff;

	
	float:right;

}

.categoriesMenu{
position:static;
	width:350px;
	height:156px;

	/*float:left;*/
	color: #ffffff;
	text-align:center;
	font-family: Calibri;
	font-weight:normal;
	
	border:0px solid black;

	/*margin-left:240px;*/
	/*margin-top:15px;*/
	margin-top:13px !important;
	/*font-size:3em;*/
}

.categoriesMenu .header{
font-size: 1.3em;
}



.categoriesMenu .addThis{
position:absolute;
top:93px;
left:216px;
}
.categoriesMenu .addThis .title{
position:relative;
font-size:0.9em;
margin-bottom:0px;
}
.categoriesMenu .btn{
/*	border:2px solid #ffa500;*/
	border: 2px solid #16157b;
	background-color:#16157b;
	width:80px;
	font-size: 15px;
	
}
.categoriesMenu a:link, .categoriesMenu a:visited
{
font-weight:normal;
	color:#ffffff;
	text-decoration:none;
}
.categoriesMenu a:hover{
	color:#ffa500;
}

.categoriesMenu .loaves{
	position:absolute;
	top: 55px;
	left:10px;
}
.categoriesMenu .spelt{
	position:absolute;
	top: 55px;
	left:100px;
	width:100px;
}

.categoriesMenu .snacks{
	position:absolute;
	top: 55px;
	left:210px;
	width:130px;
}
.categoriesMenu .pastries{
	position:absolute;
	top: 103px;
	left:10px;
}
.categoriesMenu .illy{
	position:absolute;
	top: 103px;
	left:100px;
	width:100px;
}



.storeLocator select{
width:120px;

}
.storeLocator .StoreLocatorBtn{

}
.storeLocator option{}








#topNav2{	/* stores list */
	position:absolute;

	top:156px;
	text-align:center;
	width:100%;
	background: url(/images/grad-row.gif) repeat-x;
	
	padding-top:0px;
	padding-bottom:4px;	
	
	height:2em;
	min-height:1.9em;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 0.6em;*/
	/*color: #000000 !important;
	text-decoration: none;*/
	
	
	border-top: 1px solid #000000;
	border-bottom: 1px solid #BF965E;
	
	background-color:#ebe0c2;
	color:#000000;
}








#pageContent {
	position:relative;
	/*margin-top:190px;*/
	padding-top:190px;
	
	height:100%;
	
	
	/*padding-left:20px;
	padding-right:20px;	*/
	/*margin-right: 200px;
	margin-left: 200px;
	padding-top:1px;*/

	/*border-bottom: 1px solid #BF965E;*/
	background-color: #ebe0c2;
	
	
	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 0.7em;

}
/* extra rows for internal header and footer*/
#pageContent .ContentHeader{
	/*margin-right: -20px;
	margin-left: -20px;*/
	/*height:281px;	*/
}
#pageContent .ContentFooter
{
	margin-right: -20px;
	margin-left: -20px;
}


/* extra cols for pages with 2 cols*/
#mainCol{
	/*position: relative;*/
	float:left;
	width:70%;
	padding:0 10px;
	/*font-size: 0.7em;*/
	height:100%; /* needed to make bg color appear in ie6 */
	
}

#rightCol {
	float:right;
	/*border-left: 1px solid #BF965E;*/
	/*width:40%;*/
	height:100%;
}


.floatHelper{
	clear:both; 	/*this makes the outer container expane to hold the floating content divs*/
	
}

.ContentHeader .floatHelper{
height:1px;

}

#footerPart {
	position: relative;

	background-color: #ffffff;
	
	font-size:0.8em;
	
	text-align:right;
	
	/*height:25px;*/
	
	padding:10px;
	width:950px;
	
		border-top: 1px solid #BF965E;

}





















/* Menus */










#topNav h2{		/* hide Main Menu title as only screen readers need it.*/
	position:absolute;
	left:-10000px;
	width:250px;
	
}


#navlist li
{
display: inline;
list-style-type: none;
padding-right: 20px;

}



/****************** Menu Layout - Size and Border are on the list Item rather than the anchor. ***********************************/





/* new banner for header */
/*	background: url(/images/bluewaterlong.jpg) repeat-x;*/

/*
.headBanner{
	background-image: url(/images/banners/bannerBack2.jpg);
	background-repeat: no-repeat;
	background-position: -185px -98px;

	border-left:2px solid #BF965E;		
	width:412px;
	height:156px;
	font-family:Cambria;
	text-align:center;
	
	color: black;

	
	float:right;
}
.headBanner .largeText{
	padding-top:10px;
	font-size:1.26em;	

}
.headBanner .mediumText{	
	font-size:1.1em;
}
.headBanner .smallText{
	line-height:1.6em;
	font-size:0.75em;
	font-weight:bold;
	
}
.headBanner .actionLink a{
	line-height:2.1em;
	font-size:0.9em;
	color:#0066A6 !important;
	text-decoration:underline !important;
}
*/


/* changes  for eShop header  - much wider*/
.templateBanner{
	/*background: url(/images/bluewaterlong.jpg) repeat-x;
	background-position:0px -75px;*/
	width:100%;
	text-align: left;
}
.templateBanner .headBanner {
	background-position: 0px -98px;
	width:100%;
}

/* fix or text size in blog */
.templateBanner.blog{
	font-size:150%;
}
.templateBanner.gallery{
	font-size:120%;
}
.templateBanner.gallery .headBanner {
	background-position: -90px -98px;
}

.splashDivContainer{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	height:600px;
	border: 1px solid black;
	padding:1px;
}

.splashDiv{
	clear:both;
	float:none;
	margin:0;
	padding:0;
}



/* shop list menu on template*/
.shopsList{
	background-image:url(/images/grad-row.gif);
	text-align: center;
	height: 30px;
	vertical-align: middle;	
	line-height: 30px;
}