/* padding - define the space between the element border and the element content. inside */

body, table {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: normal;
 line-height: normal;
 color: Black;                              /* DarkBlue; */
 font-size: 10pt;
 text-align: center;                        /* to get the div in the middle of the screen */
 background-color: White;                   /* the none used screen part should be whit   */
 margin-top: 1em;
}

/* ---------------------------------------- */

h1, h2, h3 {
 font-weight: bold;
 color: Black;                              
}

#header {
 text-align: center;
 font-size: 24pt;
 font-weight: bold;
 color: #FFA531;
}

h1 { 
 font-size: 14pt;
 background-color: #FFB961;
}

h2 { 
 font-size: 12pt;
 background-color: #FBCF93;
}

h3 { 
 font-size: 10pt;
 background-color: #FBCF93;
}

a { 
 color: Sienna;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

ul, li {
 margin-top: 0em;
 margin-bottom: 0em;
}

img { 
 border: none;
}

/* ---------------------------------------- */
div#mypanoviewer {
 width: 780px;
 height: 600px;
 background-color: WhiteSmoke; 
}

div#menu {
 width: 800px; /* the combination of width, margin-left and margin right will center the div */
 margin-left: auto ;
 margin-right: auto ;
 padding-left: 5px;                             /* should be same as content div, to align sub-menu */         
 padding-right: 5px;                                     
 background-color: #FBDBB0;
 text-align: left;
}

div#submenu {
 width: 800px; /* the combination of width, margin-left and margin right will center the div */
 margin-left: auto ;
 margin-right: auto ;
 padding-left: 0px;                             /* to align menu and submenu buttons */
 padding-right: 0px;
 padding-bottom: 2px;
 border-bottom: 2px solid #FAC071;
}

#menu ul, #submenu ul {                         /* make sure that the buttons start at the left */
 margin-left: 0em;
}

#menu ul li, #submenu ul li {
 text-decoration: none;                        /* it should not look like a menu, so no decoration */
 display: inline;                              /* display the element on the same line the current block on the same line. */
 margin-top: 0em;
 margin-bottom: 0em;
 text-align: center;
}

#menu li, #submenu li {
 text-align: center;
 border-width: 1px;
 border-style: solid;
 border-color: #ccc #888 #555 #bbb;            /* 4 colors, top, right, bottom, left - kind of 3D effect */
 background-color: #FAC071; /* #FFA531; */
 width: 140px;
}

#menu a, #submenu a {                                      /* Menu should just look like normal menu without link info*/                        
 text-decoration: none;
 color: Black
}

#menu a:hover, #submenu a:hover {
 font-weight: bold;
}

/* ---------------------------------------- */
div.content {
 width: 800px; /* the combination of width, margin-left and margin right will center the div */
 margin-left: auto ;
 margin-right: auto ;
 padding: 0px;               /* no padding as this will use the background color and will cause a problem with h2 */              
 overflow: visible;
 text-align: left;           /* to solve the center of the body */
 background-color: #FBDBB0;  /* Lavender; LightCyan;*/
 border-width: 5px;
 border-color: #FBDBB0;
 border-style: solid;
}

/* ---------------------------------------- */
div.contentbb{
 width: 800px; /* the combination of width, margin-left and margin right will center the div */
 margin-left: auto ;
 margin-right: auto ;
 padding: 0px;               /* no padding as this will use the background color and will cause a problem with h2 */              
 overflow: scroll;
 text-align: left;           /* to solve the center of the body */
 background-color: #FBDBB0;  /* Lavender; LightCyan;*/
 border-width: 5px;
 border-color: #FBDBB0;
 border-style: solid;
}


table {
 background-color: #FBDBB0;  /* Lavender; LightCyan;*/
}

/* ---------------------------------------- */
img.pano { 
   width: 790px;
}


td.whiskyimage {
 text-align: center;
 background-color: #FFFFFF;
 width: 30%;
}

td.whiskytext {
 vertical-align: top;
 text-align: left;
 width: 70%;
}