/* stylesheet for Individual Restaurant Company plc
=================================================== */

/* general
=========================================== */
body {
  background: #b1b3b4;
  font-family: verdana, arial, sans-serif;
  font-size: 70%;
  color: #666;
  margin: 0px;
}

#container {
  width: 980px;
  background: #ccc url(../images/grey-bar_middle.gif) repeat-y;
  border-right: solid 1px #b1b3b4;
  margin-left: auto;
  margin-right: auto;
}

#container-head {
  width: 980px;
  height: 20px;
  background: #fff url(../images/grey-bar_top.gif) no-repeat;
  padding: 0px;
  margin: 0px;
}

#container-foot {
  width: 980px;
  height: 20px;
  background: #fff url(../images/grey-bar_bottom.gif) no-repeat;
  padding: 0px;
  margin: 0px;
}

#content {
  width: 936px;
  border: #fff solid 2px;
  margin: 0px 20px;
}
  
#brands-container {
  width: 936px;
  height: 254px;
  background: #b1b3b4;
}

#brands {
  width: 936px;
  height: 65px;
  padding-top: 10px;
}

.brandbox {
  width: 234px;
  height: 55px;
  text-align: center;
  float: left;
}

#main-container {
  width: 936px;
  float: left;
  background: #fff;
    background/* */:/**/#fff url(../images/main_bg.gif) repeat-y;
    background: /**/#fff url(../images/main_bg.gif) repeat-y;
}

#left-container {
  width: 570px;
  padding: 20px;
  float: left;
}

#right-container {
  width: 283px;
  font-size: 90%;
  /*background: #ccc;*/
  padding: 20px;
  float: left;
}

#restaurant-list {
  font-size: 100%;
  line-height: 160%;
  margin-left: 0px;
}

#restaurant-list a {
  color: #666;
  text-decoration: none;
}

#restaurant-list a:hover {
  color: #000;
  text-decoration: none;
}

.clearboth {
	clear: both;
}

p {
  line-height: 140%;
}

p.indent {
  line-height: 140%;
  margin-left: 10px;
}

.underline {
	margin-right: 20px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
}

h2 {
  font-size: 120%;
  font-weight: bold;
}

h3 {
  font-size: 100%;
  color: #000;
  font-weight: bold;
}

#newsimg {
  width: 278px;
  height: 93px;
  background: #b1b3b4;
}

#newsimg img {
  float: left;
}

#newsimg p {
  width: 119px;
  height: 73px;
  float: right;
  padding: 10px;
  color: #000;
  text-align: center;
}

/* header, nav, footer
=========================================== */

#header {
  width: 936px;
  height: 125px;
  background: #fff url(../images/blue-header.jpg) no-repeat;
  background-position: top;
}

.logo-pos {
  margin-top: 42px;
  margin-left: 43px;
  float: left;
}

.strapline-pos {
  margin-top: 26px;
  margin-right: 28px;
  float: right;
}

#nav-container {
  width: 630px;
  margin-top: 43px;
  float: right;
}

#nav {
  margin-right: 10px;
  font-size: 90%;
  vertical-align: middle;
  text-align: right;
}

#nav a {
  color: #666;
  text-decoration: none;
}

#nav a:hover {
  color: #00c;
  text-decoration: none;
}

.navon {
  color: #00c;
}

#footer-container {
  clear: both;
  width: 936px;
  height: 22px;
  background: #b1b3b4;
}

.footer {
  padding-top: 5px;
  margin-left: 10px;
  vertical-align: middle;
  font-size: 90%;
  float: left;
}

.foot-name {
  color: #000;
  font-weight: bold;
  padding-right: 10px;
}

#footer-container a {
  color: #444;
  text-decoration: none;
}

#footer-container a:hover {
  color: #000;
  text-decoration: none;
}

.footon {
  color: #000;
}

.foot-credit {
  float: right;
  padding-top: 5px;
  font-size: 90%;
  vertical-align: middle;
  padding-right: 10px;
}

/* lists (used in terms and conditions) */
ol, ul {
  line-height: 125%;
}
ol li {
  padding-top: 15px;
  margin-left: -5px;
}
ul li {
  padding-top: 5px;
}
ol li ul li {
  padding-top: 10px;
}
ol li ul {
  list-style: none;
}

/* table (used on careers page) */
table.standard {
    margin: 15px 30px;
}
table.standard caption {
  margin-top: 15px;
  margin-left: 30px;
  text-align: left;
  font-weight: bold;
}
table.standard tr th,table.standard tr td {
  vertical-align: top;
  line-height: 125%;
}
table.standard tr th {
  padding-bottom: 5px;
}

a { color: #666; text-decoration: underline; }
a:hover { color: #00c; text-decoration: underline; }

.padbottom10 {
    padding-bottom: 10px;
}

.divider {
	background-image: url(../images/divider.gif);
	background-repeat: repeat-y;
	background-position: center center;
}