/* ************************************************************************** */
/*                      MEDITERRANEN CELLARS STYLE SHEET                      */
/* ************************************************************************** */

/* ************************************************************************** */
/* GENERAL STYLES                                                             */
/* ************************************************************************** */
html, body {
  background: #000056;
  color: #000000;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
}

a:link {
  color: #993333;
}

a:visited {
  color: #008000;
}

a:hover {
  color: #FF00FF;
}

a:active {
  color: #FF00FF;
}

h1.main {
  color: #000096;
  font-size: 26px;
}

h2.main {
  color: #000096;
  font-size: 24px;
}

h3.main {
  color: #000096;
  font-size: 22px;
}

h4.main {
  color: #000096;
  font-size: 20px;
}

img {
  border: 0px;
  margin: 0px 0px 0px 0px;
  clear: both;
}

mc-logo-large {
  clear: both;
  margin: 0px 0px 0px 0px;
}

td.mc-logo-large {
}

table.content {
  background: #FFFFFF;
  border-spacing: 0px 0px;
  width: 700px;
  empty-cells: show;
}
/* ************************************************************************** */
/* MAIN STYLES                                                                */
/* ************************************************************************** */
table.main {
  background: #FFFFFF;
  border-spacing: 0px 0px;
  width: 700px;
  empty-cells: show;
}
/* ************************************************************************** */
/* SPECIAL STYLES                                                             */
/* ************************************************************************** */
b.specialred {
  color: #FF0000;
  font-size: 14px;
}

b.specialgreen {
  color: #006B33;
  font-size: 14px;
}

b.specialpink {
  color: #E773C2;
  font-size: 14px;
}

/* ************************************************************************** */
/* IMAGE STYLES                                                               */
/* ************************************************************************** */
img.centre {
  border: 0px;
  margin: 5px 5px 5px 5px;
  clear: none;
}

img.left {
  border: 0px;
  margin: 0px 10px 10px 5px;
  float: left;
  clear: none;
}

img.right {
  border: 0px;
  margin: 10px 5px 10px 10px;
  float: right;
  clear: none;
}

/* ************************************************************************** */
/* PAGE TITLE SECTION                                                         */
/* ************************************************************************** */
div.title {
  clear: both;
  margin: 0px 0px 0px 0px;
}

/* ************************************************************************** */
/* PAGE LOGO SECTION                                                          */
/* ************************************************************************** */
tr.logo {
  background-image: url(../images/logo_large.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 180px;
}

/* ************************************************************************** */
/* TOP BORDER SECTION SECTION                                                 */
/* ************************************************************************** */
tr.bordertop {
  background-image: url(../images/border_top.jpg);
  background-repeat: no-repeat;
  height: 85px;
}

/* ************************************************************************** */
/* BOTTOM BORDER SECTION SECTION                                              */
/* ************************************************************************** */
tr.borderbottom {
  background-image: url(../images/border_bottom.jpg);
  background-repeat: no-repeat;
  height: 80px;
}

/* ************************************************************************** */
/* HOURS SECTION                                                              */
/* ************************************************************************** */
tr.address {
  background-image: url(../images/address.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 50px;
}

div.hours {
  text-align: center;
  font-size: 10px;
  margin: 0px 0px 0px 0px;
}

/* ************************************************************************** */
/* COPYRIGHT SECTION                                                          */
/* ************************************************************************** */
tr.copyright {
  background: #000056;
  background-image: url(../images/copyright.jpg);
  background-repeat: no-repeat;
  height: 25px;
}

div.copyright {
  text-align: left;
  font-size: 9px;
  color: #AAAAAA;
  margin: 0px 0px 0px 10px;
  padding: 10px;
}

/* ************************************************************************** */
/* CONTENT SECTION                                                            */
/* ************************************************************************** */
div.content {
  text-align: left;
  font-size: 12px;
  color: #000000;
  margin: 0px 30px 0px 30px;
  padding: 10px;
}

/* ************************************************************************** */
/* HERITAGE SECTION                                                           */
/* ************************************************************************** */

/* ************************************************************************** */
/* WINES SECTION                                                              */
/* ************************************************************************** */
table.wines {
  background: #FFFFFF;
  border-spacing: 0px 0px;
  width: 600px;
  empty-cells: show;
}

th.wines {
  color: #000096;
  border-bottom-color: #0F8BAD;
  border-bottom-style: ridge;
  border-bottom-width: thin;
  height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
}

div.wines {
  text-align: left;
  font-size: 12px;
  color: #000000;
  margin: 0px 30px 0px 30px;
  padding: 10px;
}

/* ************************************************************************** */
/* PHOTO GALLERY SECTION                                                      */
/* ************************************************************************** */
div#photo-container {
  width: 450px;
  height: 395px;
}

div#photo-frame {
  width: 450px;
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #000096;
}

#slider ul, #slider li{
  margin:0;
  padding:0;
  list-style:none;
}

#slider, #slider li { 
  /* 
    define width and height of container element and list item (slide)
    list items must be the same size as the slider area
  */ 
  width:396px;
  height:368px;
  overflow:hidden; 
}

span#prevBtn {}
span#nextBtn {}
span#slideBtn {                                                   /* MOC hack */
  padding-left: 30px;
}

/* ************************************************************************** */
/* DIRECTIONS MAP SECTION                                                     */
/* ************************************************************************** */
table.text {
  background: #FFFFFF;
  border-spacing: 0px 0px;
  width: 600px;
  empty-cells: show;
}

th.text {
  color: #000096;
  border-bottom-color: #0F8BAD;
  border-bottom-style: ridge;
  border-bottom-width: thin;
  height: 25px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
}

div.text {
  text-align: left;
  font-size: 12px;
  color: #000000;
  margin: 0px 30px 0px 30px;
  padding: 10px;
}

tr.map {
  background-image: url(../images/map.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  height: 423px;
}

td.distance {
  float: right;
}

/* ************************************************************************** */
/* CONTACT SECTION                                                            */
/* ************************************************************************** */
input.centry {
  background-color: #FFF0F0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  width: 250px;
}

textarea.centry {
  background-color: #FFF0F0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: normal;
  width: 500px;
}

SPAN.require {
  text-align: left;
  color: #FF0000;
}

td.esubmit {
  text-align: center;
}

/* ************************************************************************** */
/* NAVIGATION BAR                                                             */
/* ************************************************************************** */

tr.navigation {
  background: #BCCDDB;
  color: #000096;
  background-image: url(../graphics/navigation_background.jpg);
}

/* no bullets for item list */
ul.navigation {
  list-style-type: none;
}

/* Size the navigation bar */
#navigation ul {
  margin: 0px;
  padding: 0px;
  height: 1%;
}

/* Display navigation bar on one row */
#navigation li {
  float: left;
  overflow: inherit;
  padding: 0px 11px 0px 12px;
  white-space: nowrap;
}

/* Define the navigation bar block size */
#navigation li a {
  color: #000096;
  white-space: nowrap;
  display: block;
  padding: 4px 0px;
}

/* highlight navigation items at mouseover/hover */
#navigation li:hover {
  background: #4096C7
    url('../graphics/navigation_h1.jpg')
    repeat-x 0% 0%;
}

/* Make navigation bar items bold */
#navigation ul {
  font-family: arial,sans-serif;
  font-size: 1em;
  font-weight: bold;
}