body{
	/*font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16pt;*/
}
#contentDiv{
  margin: 0 auto;
  padding:0;
  background-color: #FFF;
  max-width: 1280px;

}
#headerBlock{
	background-color: #336633;
	height: 4em;
	max-width: 1280px;
	padding: 10px;
	padding-bottom: 1em;
	margin:0;
}
#logo{
	float: left;
}
#shopExplan{
	position: relative;
	top: 0.4em;
	color: white;
	font-size: 0.8em; /* was 0.6*/
	float: right;
	margin-bottom: 0.5em;
	text-align: right;	
}
.clear{
	clear: both;
}
/*Version 1
ul#navlist {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
	font-size: 0.8em;
}

#navlist li {
	display: inline;
	list-style-type: none;
}

#navlist a { padding: 3px 20px; }

#navlist a:link, #navlist a:visited {
	color: #fff;
	background-color: #a54033; 
	text-decoration: none;
}

#navlist a:hover {
	color: #fff;
	background-color: #036;
	text-decoration: none;
}
*/
#navcontainer ul
{
	padding-left: 0;
	margin-left: 0;
	background-color: #336633;
	color: White;
	float: left;
	width: 100%;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
	padding: 0.2em 1em;
	background-color: #a54033;
	color: White;
	text-decoration: none;
	float: left;
	border-right: 3px solid #336633;
}

#navcontainer ul li a:hover {
	background-color: #036;
	color: #fff;
}
/*Works but not well at low px width
.leftBlock{
	margin-right: 420px;
	margin-left:0;
}
.rightBlock{
	text-align: right;
	float: right;
	width: 410px;
	margin-right: 0px;
}
NB must put right html before left
*/
.shopSubhead{
	background-color: #a54033;
	color: white;
	font-family: 'Khand', sans-serif;
	font-weight: 700;
	font-size: 1.5em;
	padding-left: 3px;
	
}

.rightBlock{
	float: none;
	text-align: right;
	margin-right: 0px;
	background-color:lime;
}
.leftBlock{
	float: left;
	margin-left:0;
	margin-right: 420px;
	background-color:yellow;
}
td.day{
	font-weight: 500;
	padding-right: 2em;
}
table#hoursTable{
	border: 2px solid #DDDDDD;
	margin-left: 0em;
	border-collapse: collapse;
}
table#hoursTable td{
	margin-left: 0.22em;
	margin-right: 2em;
	border-bottom: 3px solid #336633;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
td.day{
	padding-left: 0.2em;
	padding-right: 1em;
}

td.hours, td.closed {
	padding-right: 0.2em;
	padding-left: 1em;
}
td.hours, td.lunch{
	font-weight: 700;
}
td.lunch{
	font-weight: 700;
	border-bottom: 0;
}
td.lunch{
	text-align: center;
}
div#tablediv{
	margin: 0 auto;
	padding-top:0;
	margin-top:0;
}
div.iconLeft{
	float: left;
	margin-right: 10px;
}
div.rightOfIcon{
	margin-left: 110px;
}
div.contact{
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}
#verticalMontage{
	width: 25%;
	max-width: 200px;
}
#mainTable{
	display: table;
	width: 100%;
}
#mainTableRow{
	display: table-row;
	width: 100%;
}
#mainTableCell1{
	display: table-cell;
	width: auto;
	vertical-align: top
}



#stopPress{
	background-color: yellow;
	font-weight: 700;
	font-size: 1.2em;
	margin: 5px 5px 5px 5px;
}


#googleMap270{
	display: none;
}
#googleMap300{
	display: block;
}

#mainTableCell2{
	display: table-cell;
	width: 200px;
	vertical-align: top
}
@media (max-width: 35em) {
	#mainTableCell2{
		display: none;
	}
}
 html {
    font-size: 100%;
    -ms-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%;
}
    #tablediv{
        /*display: inline;*/
 
        text-align:center;
        width: auto;
    }
    #tableInnerDivx{
        background-color: lime;
        width: 14em;
        text-align:left;
        margin:0px auto;
    }
    #hoursTable{
        /*background-color: pink;*/
    }
    .dummyDiv{
        height: 1px;
    }
    .rDiv{
        float: right;
    }
    
    .hoursT {
        display: table;
    }
    .hoursR {
        display: table-row;
        /*border: 2px solid #dddddd;*/
        border: 2px solid red;
        
    }
    .hoursC {
        display: table-cell;
        /*margin: 5px 5px 5px 5px;
        padding: 5px 5px 5px 5px;*/
        margin-left:0;
        margin-right:0;
        padding-left:0;
        padding-right:0;

        text-align: center;
    }
    .day{
        width: 11em;
        border-left: 2px solid #336633;
        border-top: 2px solid #336633;
        border-bottom: 2px solid #336633;
    }
    .hours{
        width: 8em;
    }
	
	.hours, .closed{
        border-right: 2px solid #336633;
        border-top: 2px solid #336633;
        border-bottom: 2px solid #336633;
    }
	
    .hoursFirst{
        border-bottom: 0;
    }
    .lunch2{
        display: block;
        width: 19.05em;
        text-align: center;
        border-right: 2px solid #336633;
        border-left: 2px solid #336633;
        border-bottom: 2px solid #336633;
    }
    .hours, .lunch{
	font-weight: 700;
}
/*COLOURS
.hours{
        background-color: #99FF66;
    }
    
.day{
        background-color: #FF6699;
    }
    .lunch2{
        background-color: lime;
    }
    .hoursC {
        background-color: cyan;
    }
    #tablediv{
        background-color: yellow;
        border: 3px solid red;
    }
 */


@media (min-width: 72em) {
    /* For wide screens, lay out times side by side*/
    #tableInnerDiv{
        /*background-color: orange;*/
        border: 3px solid #336633;
        display: inline-block;
    }
    .day{
        /*background-color: lime;*/
        width: inherit;
    }
    .hoursT,.hoursR,.hoursC{
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .hoursT{
        display: inline-block;
        
        /*border: 2px solid red;*/
    }
    .hoursR, .hoursC, .lunch2{
        padding-left: 0.35em;
        padding-right: 0.35em;
    }
    .hoursR{
		display: inline;
        border: 0;
        border-right: 2px solid #336633;
	}
	.hoursC{
		display: inline;
        border:0;
        border-left: 0;
        padding-top: 5px;
        padding-bottom: 5px;
	}
    
    .lunch2{
        display: inline-block;
        width: inherit;
        border: 0;
    }
   
}
@media (min-width: 90em) {
    .hoursR, .hoursC, .lunch2{
        padding-left: 0.5em;
        padding-right: 0.5em;
    }
   
}
@media (min-width: 100em) {
    .hoursR, .hoursC, .lunch2{
        padding-left: 0.6em;
        padding-right: 0.6em;
    }
}
@media (max-width: 80em) {
    #wvsGif{
            width: 375px;
        }
}
@media (max-width: 62em) {
    .rDiv{display: none;}
}
@media (max-width: 45em){
    #navcontainer ul li a{
        margin-bottom: 0.3em;
    }
}
@media (max-width: 40em) {
    #pic1{display: none;}
    
}

@media (max-width: 30em) {
    .lunch2{
        border: 0;
        font-weight: 700;
        text-align: left;
        font-size: 1.2em;
        margin-top: 0.3em;
        margin-bottom: 0.3em;
    }
    #wvsGif{
        width: 250px;
    }
    #shopExplan{
        margin-top: 1.8em;
        display: block;
        text-align: left;
        margin-left: 10px;
        padding-left: 0;
        float: inherit;
    }
    #logoInner{
        display: block;
    }
    .day{
        font-size: 0.8em;
        width: 8em;
        border-left: 2px solid #336633;
        border-top: 2px solid #336633;
        border-bottom: 2px solid #336633;
    }
    .hours{
        font-size: 0.8em;
        width: 5em;
    }
    #navcontainer{
        margin-left;0;
        margin-right;0;
    }
    .hoursFirst{
        border-bottom: 0;
    }
    body{
        overflow: none !important;
    }
	div.rightOfIcon{
		margin-left: 0px;
	}
	#googleMap270{
		display: block;
	}
	#googleMap300{
		display: none;
	}
}