/* REVISED January 2012 added padding to remove headertop gap */
body {
padding: 0.1%;
font-family: helvetica,arial,sans-serif;
font-size: 0.94em;
text-align: left;
vertical-align: top;
color: #330000;
margin-left: 0.001%;
margin-right: 0.001%;
}
/*Main body affects right cols. see below. text old colour #faf3e8 new #E2D09A*/
html {
margin: 0em;
padding: 0em;
background-color: #faf3e8;
}
/*added new style rules to position header top of page rest of site to do*/
#headertop {
position: absolute; 
top:0px;
left:0px;
background-image: url(imageshome/frametop3.png);
background-repeat: repeat-x;
width: 100%;
height: 15px;
padding: 0 0 0 8px;
}
/* simple background on which the winchester restaurants logo sits*/
#header {
background-image: url(imageshome/headerbg17.png);
background-repeat: repeat-x;
width: 100%;
height: 60px;
position: absolute; 
top:9px;
left:0px;
margin:0;
padding: 8px 0px 0px 7px;
float: left;
}
/*contains menu style rules set in body above affect gap between header and main content*/
#content {
width: 100%;
position: absolute; 
top:72px;
left:0px;
font-family: helvetica,arial,sans-serif;
font-size: 0.92em;
text-align: left;
}
#header a {
border:0px;
}
#heading {
font-family: helvetica,arial,verdana;
font-size: 1em;
text-align: center;
color: #660000;
padding: 0%;
margin: 0%;
}
h1{
font-family: helvetica,arial,verdana;
font-size: 1em;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-weight: normal;
text-align: center;
color: #ff3300;
}
h2{
font-family: helvetica,arial,verdana;
font-size: 1em;
margin: 0 0 0 0;
padding: 0 0 0 0;
text-align: center;
color: #ff3300;
}
h3{
font-family: helvetica,verdana,arial;
font-size: 1em;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-weight: normal;
text-align: center;
color: #ff3300;
}
h4{
font-family: helvetica,verdana,arial;
font-size: 1em;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-weight: normal;
text-align: center;
color: #ff3300;
}
h5{
font-family: helvetica,verdana,arial;
font-size: 1em;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-weight: normal;
text-align: center;
color: #ff3300;
}
#img {
border:  none;
margin: 0 1px 0 1px;
float: none;
}
/* nav colors */
a:link { 
color: #3300cc;
text-decoration: underline;
border:none;
}
a:visited { 
color: #ff0099;
text-decoration: underline;
}
a:hover { 
color: #ff0033;
text-decoration: underline;
}
a:active {
color: #333333;
text-decoration: underline;
}
#nav {
float: left;
padding: 0px 0px 0px 0px;
top: 0.02em;
width: 170px;  
clear: both;
text-decoration: none;
}
#nav a {
color: #fdf5e6;
font-weight: bold;
text-decoration: none;
}
#nav a:hover {
text-decoration: underline;
}
/*Border around and between nav box added 8px to margin bottom to give space under main nav bar*/
#browse {
border-bottom: 1px solid;
color: #ffffff;
margin: -1px 1px 8px 1px;
padding: 0px;
background: #fffaf0;
float: left;
width: 170px;
}
/*top nav boxes dt  TO DO remove ensp; or nsbp; and centre text Home done oct 2011*/
#browse dt {
margin: 1px;
padding: 6px 0 6px 0;
background: #330033;
color: #ffffcc;
border-bottom: 1px solid;
border-top: 1px solid;
font-family: helvetica,arial,verdana;
font-size: 0.90em;
font-weight: bold;
text-decoration: none;
text-align: center;
}
#browse .menuhead {
border-top: 2px solid black;
border-bottom: 2px solid white;
padding-bottom: 1px;
}
/*Top nav box navigation and colours*/
#browse dt a {
padding: 0px 0px 0px 0px;
color: #ffffcc;
font-family: helvetica,arial,verdana;
font-size: 1em;
font-weight: bold;
text-decoration: none;
text-align: center;
display: block;
}
/* other nav titles */
#browse dd {
margin: 1px;
padding: 2px 1px 2px 6px;
color: #330000;
border-bottom: 1px solid;
font-family: helvetica,arial,verdana;
font-size: 0.90em;
font-weight: bold;
text-decoration: none;
text-align: left;
background: url(imageshome/headerbg6.png);
}
#browse dd a {
padding: 2px 1px 2px 6px;
color: #330000;
font-family: helvetica,arial,verdana;
font-size: 1em;
font-weight: bold;
text-decoration: none;
text-align: left;
display: block;
}
* html #browse dd {
padding: 1px 1px 1px 6px;
font-family: helvetica,arial,verdana;
}
* html #browse dd a {
display: block;
}
/*colour of hover over nav*/
#browse dd a:hover {
background: #fffff0;
}
/*added to show visited links March 2010*/
#browse dd a:visited {
background: #fffff0;
}
#browse .first {
padding-top: 6px;
}
#browse .last {
border-bottom: 1px solid white;
padding-bottom: 1px;
}
#leftcol {
border:  none;
margin: 0px 1px 0px 2px;
float: left;
width: 170px;
}
#main {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#centercol {
margin: 0px 202px 0px 175px;
padding: 0px 1px 0px 1px;
font-family:helvetica,arial,verdana;
font-size:0.94em;
text-align: center;
vertical-align: top;
}
#centercolpic {
float: none;
}
.short {
font-family:arial,helvetica,verdana;
text-align: center;
}
/*added to increase text size for Tanoshii feature*/
.short2 {
font-family:verdana,arial,helvetica;
text-align: center;
font-size:1.01em;
}
/*added to align text left on porterhouse feature*/
.shortleft {
font-family:arial,helvetica,verdana;
text-align: justify;
padding: 0 12% 0 12%;
}
/*added to align text left on Elsabio Tapas bar feature*/
.shorttapas {
font-family:arial,helvetica,verdana;
text-align: justify;
padding: 0 1% 0 1%;
}
/*added to align body text left on Vatika feature*/
.vatika {
font-family:verdana,arial,helvetica,sans-serif;
text-align: justify;
font-size: 1em;
padding: 0 1% 0 1%;
}
/*added for title above photo compilation on roebuck feature page*/
.shortlg {
font-family:verdana, arial, helvetica, sans-serif;
text-align: center;
font-size:1.5em;
padding: 3px 0 6px 0;
margin-top:0;
margin-right:9px;
margin-bottom:1px;
margin-left:9px;
font-weight: normal;
color: #faf3e8;
text-decoration:none;
vertical-align: top;
background-color:#000000;
}
/*added for title above photo compilation on porterhouse feature page*/
.shortlg2 {
font-family:helvetica, verdana, arial, sans-serif;
text-align: center;
font-size:1.1em;
letter-spacing:0.2em;
padding: 6px 0 6px 0;
margin-top:0;
margin-right:9px;
margin-bottom:1px;
margin-left:9px;
font-weight: normal;
color: #ffffff;
text-decoration:none;
vertical-align: top;
background-color:#475b66;
}
/*added for title above photo on El Sabio feature page*/
.shortlg3 {
font-family:helvetica, verdana, arial, sans-serif;
text-align: center;
font-size:1em;
letter-spacing:0.2em;
padding: 6px 0 6px 0;
margin-top:0;
margin-right:9px;
margin-bottom:1px;
margin-left:9px;
font-weight: bold;
color: #ffff99;
text-decoration:none;
vertical-align: top;
background-color:#000000;
}
/*added for title above photo compilation on CHINESE feature page*/
.categorylist {
font-family:verdana, arial, helvetica, sans-serif;
text-align: center;
font-size:1.2em;
padding: 12px 0 6px 0;
margin-top:0;
margin-right:9px;
margin-bottom:4px;
margin-left:9px;
font-weight: normal;
color: #faf3e8;
text-decoration:none;
vertical-align: top;
background-color:#000000;
}
/*Category lists text large restaurants names heading*/
.cattextlg {
font-family:verdana, arial, helvetica, sans-serif;
text-align: center;
font-size:1.5em;
padding: 12px 0 12px 0;
margin-top:0;
margin-right:9px;
margin-bottom:1px;
margin-left:9px;
font-weight: normal;
color: #e2d09a;
text-decoration:none;
vertical-align: top;
background-color:#330000;
}
/*address text box in category list on CHINESE page*/
.cattextsm {
font-family:verdana, arial, helvetica, sans-serif;
text-align: center;
font-size:.90em;
padding: 0px 0 9px 0;
margin-top:0;
margin-right:9px;
margin-bottom:1px;
margin-left:9px;
font-weight: normal;
color: #000000;
text-decoration:none;
vertical-align: top;
background-color:#e2d09a;
}
#rightcol {
border:  none;
margin: 0px 1px 0px 1px;
padding: 0px 0px 0px 0px;
float: right;
width: 200px;
font-size: 0.92em;
text-align: left;
vertical-align: top;
}
#rightcoltwo {
border:  none;
margin: 0px 1px 0px 1px;
padding: 0px 0px 0px 0px;
float: right;
width: 200px;
font-size: 0.92em;
text-align: left;
vertical-align:top;
}
#leftcoltwo {
border:  none;
margin: 1px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
width: 94px;
text-align: left;
vertical-align: top;
}
.left {
margin: 0px 4px 1px 1px;
float: left;
vertical-align: top;
}
/* affects wording Right hand side text by photos border added to stop misalign on unlinked graphics*/
.lefttwo {
margin: 0px 4px 1px 1px;
float: left;
vertical-align: top;
border: 1px solid #000;
}
/*added to features page to float img with box type border in text*/
img.floatleft {
float:left;
background: #ebe3ff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 4px 4px 4px 4px;
color: inherit;
padding: 2px 2px 2px 2px;
margin: 4px 20px 4px 8px;
}
img.floatright {
float:right;
background: #ebe3ff;
border-color: #aaa #ccc #ddd #bbb;
border-style: solid;
border-width: 4px 4px 4px 4px;
color: inherit;
padding: 2px 2px 2px 2px;
margin: 4px 8px 4px 20px;
}
/* banner style added style removed from html for banner ads on bar restaurants page july 2011 */
.banner {
width:90%;
height:auto;
}
/*clear both added to push footer to bottom of page*/
#footer {
background: url(imageshome/footer3.png);
width: 100%;
height: 85px;
text-align: center;
padding: 17px 0px 10px 0px;
font-size: 0.92em;
background-repeat: repeat-x;
clear:both;
}