/*  Element Rules for http://www.cookandstay                                              */

/*  -- NOTE ON VALIDATION --                                                              */
/*  This CSS validates except for the scrollbar color attributes (first element).         */
/*  These are Microsoft proprietary extensions and will only work in Microsoft browsers.  */
/*  For all other browsers, the scroll bars will display using default colors.            */

acronym {
  background-color: inherit;
  color: inherit;
  cursor: help;
}
a:link,
a:visited,
a:active {
  background-color: inherit;
  color: #666;
  text-decoration: underline;
}
a:hover {
  background-color: inherit;
  color: #660000;
  text-decoration: underline;
}
body {
  background-color: black;
  color: #333;
  font-family: verdana, helvetica, sans-serif;
  font-size: 80%;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  vertical-align: top;
}
dfn {
  border-bottom: dashed 1px #999;
  background-color: inherit;
  color: inherit;
  cursor: help;
  font-style: normal;
}  
div.credits {
  background-color: inherit;
  color: white;
  font-size: 90%;
}
div.credits a:link,
div.credits a:visited,
div.credits a:active {
  background-color: inherit;
  color: white;
  text-decoration: none;
} 
div.credits a:hover {
  background-color: inherit;
  text-decoration: underline;
}
h1 {
  background-color: inherit;
  background-color: inherit;
  border-bottom: 1px dashed #CCC;
  color: #666;
  font-size: 140%;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 1em;
}
h2 {
  background-color: inherit;
  color: #660000;
  font-size: 120%;
}
h3 {
  background-color: inherit;
  font-size: 90%; 
  font-weight: bold;
  color: #333;
  padding-top: 0;
  padding-bottom: 0;
}
html {
  scrollbar-face-color: #EAEAEA; 
  scrollbar-shadow-color: #000000; 
  scrollbar-highlight-color: #808080; 
  scrollbar-3dlight-color: #F0F8FF; 
  scrollbar-darkshadow-color: #F0F8FF; 
  scrollbar-track-color: #F5F5FF; 
  scrollbar-arrow-color: #990000
}
img {
  border: none;
}
p.dropcap:first-letter {
  font-size: 140%;
}
p.nonresult input {
  cursor: hand;
}
select {
  font-size: 8pt;
}
table.body {
}
table.body td.content {
  background: #EEE8D9 url(../img/body_bg.gif) no-repeat top left fixed;
}
table.contact {
  background-color: #E1E1E1;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  border-bottom: 1px solid #B6B6B6;
  font-size: 85%;
}
table.contact td {
  vertical-align: middle;
}
table.contact td.top {
  padding-top: 1em;
  padding-bottom: 0.2em;
}
table.contact td.mid {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
table.contact td.bottom {
  padding-top: 0.2em;
  padding-bottom: 1em;
}

table.control {
  background-color: #E1E1E1;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
  border-bottom: 1px solid #B6B6B6;
}
table.control.td {
  vertical-align: top;
}
table.control th.left {
  text-align: left;
  padding-top: 0;
  vertical-align: middle;
}
table.control th.price {
  text-align: right;
  padding-top: 0;
  vertical-align: middle;
}
table.control th.right {
  color: #660000;
  text-align: right;
  padding-top: 0;
  vertical-align: middle;
}
table.control td.bodyleft {
  text-align: left;
}
table.control td.bodycenter {
  text-align: center;
}
table.control td.bodyright {
  text-align: right;
}  
table.footer {
  background-color: #EEE8D9;
}
table.footer td.left {
  background-color: black;
}
table.footer td.righttop {
  background: #EEE8D9 url(../img/footer_bg.jpg) repeat-x top left fixed;
  border-left: 3px solid #EEE8D9;
  border-right: 3px solid #EEE8D9;
}
table.footer td.rightbottom {
  background-color: #CC9966;
  border-left: 3px solid #EEE8D9;
  border-right: 3px solid #EEE8D9;
  border-bottom: 3px solid #EEE8D9;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
table.form {
  font-size: 90%;
}
table.form td {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
table.form th {
  background-color: #E1E1E1;
  text-align: left;
  padding: 0.5em;
  font-size: 95%;
}
table.form th.center {
  background-color: #E1E1E1;
  text-align: right;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}
table.form th.right {
  background-color: #E1E1E1;
  text-align: right;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}
table.form td.option {
  /*border-top: 1px solid white;
  border-bottom: 1px solid white;*/
  background-color: #E1E1E1;
  font-size: 95%;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
table.form td.optionmid {
  text-align: right;
  /*border-top: 1px solid white;
  border-bottom: 1px solid white;*/
  background-color: #E1E1E1;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
table.form td.optionright {
  text-align: right;
  /*border-top: 1px solid white;
  border-bottom: 1px solid white;*/
  background-color: #E1E1E1;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
table.form td.total {
  font-weight: bold;
  background-color: #B6B6B6;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
table.form td.totalright {
  font-weight: bold;
  font-size: 110%;
  background-color: #B6B6B6;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: right;
}
table.form td.totalleft {
  font-weight: bold;
  font-size: 110%;
  background-color: #B6B6B6;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-align: left;
}
table.form td.checkout {
  color: white;
  background-color: #990000;
  font-weight: bold;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
table.form td.confirm {
  color: white;
  background-color: #CCCCCC;
  font-weight: bold;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
table.form td.totalright a:link,
table.form td.totalright a:visited,
table.form td.totalright a:active {
  background-color: inherit;
  color: black;
  text-decoration: underline;
} 
table.form td.totalright a:hover {
  background-color: inherit;
  color: #660000;
  text-decoration: underline;
}
table.form th {
  vertical-align: top;
  font-weight: normal;
}
table.form td a:link,
table.form td a:visited,
table.form td a:active {
  background-color: inherit;
  color: white;
  text-decoration: none;
} 
table.form td a:hover {
  background-color: inherit;
  color: white;
  text-decoration: underline;
}
table.header {
  border-bottom: 8px solid #990000;
}
table.header td.headerLeftFeature {
  background: transparent url(../img/header_foodpic.jpg) no-repeat top left;
}
table.header td.headerLogo {
  background: white url(../img/header_repeat.gif) repeat-x top left;
}
table.header td.headerRightFeature {
  background: transparent url(../img/header_season.jpg) no-repeat top left;
}
table.select {
  background-color: white;
  border-bottom: 1px solid #EEE8D9;
  font-size: 12px;
  padding-top: 5px;
  padding-left: 15px;
  padding-right: 5px;
  padding-bottom: 10px;
  font-size: 85%;
}
table.select p.label {
  color: #660000;
  margin-bottom: -10px;
}
td {
  vertical-align: top;
}
td.subtotal {
  text-align: right;
}
ul {
  list-style-type: square;
}
ul.ital {
  list-style-image: url(../img/pointer.gif);
  background-color: inherit;
  color: #990000;
  font-style: italic;
  margin-left: 2em;
  line-height: 1.5em;
}  
ul#mainnav {
  background: black url(../img/_default_bowl.gif) no-repeat top left;
  list-style: none;
  margin: 0;
  padding-top: 120px;
  padding-bottom: 0.5em;
  background-color: black;
  color: #CCC;
  font-weight: bold;
}		
ul#mainnav li a {
  color: #CCC;
  text-decoration: none;
  display: block;
  width: 88%;
  padding: 6px 6%;
}
ul#mainnav li a:hover {
  color: white;
  text-decoration: none;
  background-color: #242424;
}
ul.top {
  font-family: verdana, helvetica, sans-serif;
  list-style-image: url(../img/icon_top.gif);
  margin-left: 2em;
  padding-top: 0.7em;
}
ul.top li {
  padding-top: 0;
  vertical-align: top;
}
#form table.form p {
  font-size: 95%;
}
#form table.form th p.describe {
  font-size: 100%;
}
#form {
  color: inherit;
  background-color: #B6B6B6;
  border: 3px solid #EEE8D9;
  padding: 0 0.5em 0.5em 0.5em;
}
#mainresults #form h2 {
  background-color: inherit;
  border-top: 0;
  color: #333;
  font-size: 110%;
  font-style: normal;
  font-weight: bold;
  margin-bottom: 0.5em;
  margin-top: 0.8em;
  padding-bottom: 0;
  padding-top: 0;
}
#mainresults #form h3 {
  color: #666;
  padding-top: 0;
  border: 0;
  font-style: italic;
  padding-bottom: 0;
  margin-bottom: 0;
  background-color: inherit;
  color: #660000;
  font-size: 100%;
}
#main {
  padding-left: 15px;
  padding-bottom: 1em;
  width: 380px;
}
#mainresults {
  padding-left: 15px;
  padding-bottom: 1em;
  width: 630px;
}
#mainresults p {
  font-size: 90%;
  color: #333;
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.5em;
}
#mainresults h2 {
  border-top: 1px dashed #999;
  font-style: italic;
  padding-top: 1em;
  padding-bottom: 0;
  margin-bottom: 0.5em;
}
#mainresults h1 {
  border-bottom: 0;
  padding-bottom: 0;
}
#html {
  padding-left: 15px;
  padding-bottom: 1em;
  width: 630px;
}
#html p {
  font-size: 90%;
  font-family: verdana, helvetica, sans-serif;  
  color: #333;
  margin-top: 1em;
  margin-bottom: 1em;
  line-height: 1.6em;
}
#html li {
  font-family: verdana, helvetica, sans-serif;
  font-size: 90%;
  line-height: 1.5em;
}
#html ul.top {
  list-style-image: url(../img/icon_top.gif);
  margin-left: 2em;
  padding-top: 0.7em;
}
#html ul.top li {
  font-family: verdana, helvetica, sans-serif;
  padding-top: 0;
  vertical-align: top;
}
#main p {
  font-family: verdana, helvetica, sans-serif;
  line-height: 1.6em;
  font-size: 90%;
}
#rightbox {
  background-color: white;
  font-size: 85%;
  top: 180px;
  left: 630px;
  line-height: 1.5em;
  width: 200px;
  padding: 1em;
  position: absolute;
  border: 3px solid #EEE8D9;
}
#rightbox p.note {
  font-size: 90%;
  color: #666;
  line-height: 1.4em;
}
#rightbox ul {
  margin-left: 1.8em;
}
span.function a:link,
span.function a:visited,
span.function a:active {
  font-size: 80%;
  background-color: #990000;
  padding: 0.1em 0.7em 0.3em 0.7em;
  color: white;
  text-decoration: none;
  width: 7em;
  text-align: center;
}
span.function a:hover {
  background-color: #660000;
  color: white;
}
span.info {
  font-style: normal;
  font-weight: normal;
}
span.info a:link,
span.info a:visited,
span.info a:active {
  font-size: 80%;
  background-color: #999;
  padding: 0.1em 0.7em 0.3em 0.7em;
  color: white;
  text-decoration: none;
  width: 7em;
  text-align: center;
}
span.info a:hover {
  background-color: #666;
  color: white;
}

.formbutton {
  background-color: #990000; 
  color: white; 
  border: 0;
  cursor: hand;
}
.checkoutbutton {
  background: url("../img/btnTrolley.gif") transparent no-repeat fixed;
  border: 1px white solid;
  color: white; 
  cursor: hand;
}
.heavy {
  font-weight: bold;
}
.heavycolor {
  color: #660000;
  background-color: inherit;
  font-weight: bold;
}
.caption {
  color: #666;
  font-size: 80%;
  line-height: 1.3em;
  text-align: middle;
}
.float {
  float: left;
  padding-right: 0.5em;
  padding-bottom: 1em;
  padding-top: 0.5em;
}
.floatright {
  float: right;
  padding-left: 0.5em;
  padding-bottom: 1em;
  padding-top: 0.5em;
}
.wai {
  display: none;
}

/*  ---------------------------------------------
Element Rules for http://www.cookandstay.com pop-up windows  */

#pop.colours {
  background-color: #EEE8D9;
  color: #666;
}
#close {
  background-color: #CC9966;
  text-align: center;
  margin-left: 5px;
  margin-right: 5px;
}
#close p {
  margin-top: 0;
  margin-bottom: 0;
}
#close span.closewindow a:link,
#close span.closewindow a:visited,
#close span.closewindow a:active {
  background-color: #990000;
  color: white;
  font-family: arial, helvetica, sans-serif;
  font-size: 90%;
  padding: 0.13em 0.7em 0.3em 0.7em; 
  text-decoration: none;
}
#close span.closewindow a:hover {
  background-color: #660000;
  color: white;
  text-decoration: none;
}
#pop p {
  line-height: 1.4em;
  font-family: arial, helvetica, sans-serif;
}
#pop div.info {
  background-color: white;
  border: 5px solid #EEE8D9;
  color: inherit;
  padding: 0 1em 0.5em 1em;
}
ul {
  line-height: 1.4em;
  list-style-type: square;
  font-family: arial, helvetica, sans-serif;
}