h3 {
font-weight: bold;
font-size: 14px;
padding: 9px 0px 7px 35px;
margin: 0 0 13px 0;
text-transform: uppercase;
font-family: arial, helvetica, verdana, sans-serif; 
background-color: #4283b2;
background-color: #0277bd;
color : #fffedd;
}

h4 {
font-weight: bold;
font-size: 11px;
padding: 7px 0px 6px 35px;
margin: 0 0 13px 0;
text-transform: uppercase;
font-family: arial, helvetica, verdana, sans-serif; 
background-color: #62a3d2;
color : #fffedd;
}


.venuelist {
padding: 9px 0 7px 0;
font-size: 16px;
font-weight: bold;
}

.venuelist p {
font-size: 11px;
font-weight: bold;
padding: 1px 10px 7px 32px;
}

span.opentime {
font-size: 11px;
font-weight: normal;
display: block; 
padding: 4px 0 0 0;
}

.revthumbnail {
float: right;
padding: 0 4px 0 7px;
}

.reviewsnippet {
font-size: 13px;
padding: 7px 4px 4px 0px;
}

div.wrapper {
padding: 18px 6px 18px 18px;
margin: 18px 14px 18px 14px;
border-width: 1px;
border-style: solid;
border-color: #aaaaaa;
display: block; 
}

div.alphalist div.wrapper {
border-width: 0px;
padding: 4px 6px 4px 18px;
margin: 18px 14px 18px 14px;
}

div.filterarea, div.pickarea, div.borders {
padding: 15px 5px 20px 10px;
background-color: #aaaaaa;
background-color: #000000;
background-color: #aaaaaa;
background-color: #ffffff;
color: #ffffff;
color: #333333;
margin: 4px 2px 3px 2px;
}

div.filterarea a {
color: #ffffff;
color: #fce5a1;
color: #333333;
}

span.filterheader, .pickheading, .borderhead {
font-weight: bold;
font-size: 15px;
padding: 1px 11px 5px 11px;
font-family: arial, helvetica, verdana, sans-serif; 
background-color: transparent;
color : #334455;
margin: 0px 0px 6px 0px;
}

img.floatarrow {
border-width: 1px;
border-style: solid;
border-color: #cccccc;
margin: 1px 10px 0px 0;
padding: 2px 2px 2px 2px;
float: right;
}

img.floatarrow2 {
border-color: #eeeeee;
}

img.floatarrow3 {
margin: 1px 10px 5px 0;
}


#mealselect {
width: 200px;
padding: 3px 5px 3px 2px ;
margin: 5px 10px 0px 10px; 
-webkit-appearance: listbox;
    height: 40px;
    line-height:30px;
    border: 1px solid #999;
    border-radius: 6px;
background-image: url(gifs/arrow_down_black.png);
background-position: 160px 8px;
background-repeat: no-repeat;
}

.extranavdiv, .coveragenote {
font-size: 15px;
padding: 1px 0px 1px 0px;
margin: 1px 10px 1px 14px;
border-width: 0px;
border-style: solid;
border-color: #aaaaaa;
display: block; 
}

.coveragenote {
background-color: transparent;
padding: 4px 6px 18px 18px;
}


ul.extranav {
list-style-type: none;
margin: 0px;
padding: 0px;
text-align: left;
}

div.seealso {
background-color: #e9e9e9;
margin: 7px 0 7px 0;
padding: 10px 8px 10px 10px;
}

ul.extranav li, div.groupmap {
background-color: #e9e9e9;
margin: 7px 6px 7px 0;
padding: 10px 8px 10px 10px;
}


div.seealso a, ul.extranav li a, div.groupmap a {
font-weight: bold;
font-size: 16px;
text-decoration: none;
width: 100%;
height: 100%;
display: block;
}

.listingsnote {
font-size: 13px;
padding: 1px 6px 8px 18px;
margin: 22px 14px 22px 14px;
}

.bottomnote, .insidenote {
padding: 8px 11px 20px 20px;
font-weight: bold;
font-size: 90%;
}


.seealso {
margin: 22px 0 22px 0;
}


/* EXTRA-WIDE MOBILE, SMALL TABLET xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */


@media only screen and (min-width: 500px) and (max-width: 767px) {

div.wrapper, div.seealsonote, div.extranavdiv, div.coveragenote {
width: 75%;
margin: 18px auto 18px 40px;
}

} /* end of extra-wide mobile */



/* TABLET xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

@media only screen and (min-width: 768px) {

div.wrapper, div.seealsonote, div.extranavdiv, div.coveragenote {
width: 61%;
margin: 18px auto 18px 100px;
}

} /* KEEP THIS */




.pickarea {
padding: 10px 15px 15px 18px;
font-size: 85%;
font-weight: bold;
margin: 4px 2px 3px 2px;
}


.leftphoto, .smallphototop {
float: left;
padding: 0 10px 0 0;
margin: 4px 15px 6px 8px;
}

div.wrapper img {
padding-right: 6px;
}