/* Site design by AFM Software Solutions Limited  */
/* Site designer Neil Harrison                  */
/* Contact AFM at info@afmss.co.uk                */

/* Light direction      135 Degrees, height 30   */

BODY{
  background-color:                     #FFFFFF;
  font-family:                          arial, sans-serif;
  margin:                               0px;
  border:                               0px;
  padding:                              0px;
  background-image:                     url("background.jpg");
  background-repeat:                    repeat}

IMG {
  margin:                               0px;
  border:                               0px;
  padding:                              0px}

P {
  text-align:                           left;
  font-size:                            100%;
  font-weight:                          normal;
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          10px;
  padding-left:                         20px;
  padding-right:                        0px;
  padding-bottom:                       10px}

TD {
  vertical-align:                       top;
  margin:                               0px;
  border:                               0px;
  padding:                              0px}

H1 {
  text-align:                           center;
  font-size:                            140%;
  font-weight:                          bold;
  color:                                #CC3333;
  background-color:                     transparent;
  margin-top:                           30px;
  margin-bottom:                        40px;
  margin-left:                          0px;
  margin-right:                         0px;
  border:                               0px;
  padding:                              0px}

H2 {
  text-align:                           left;
  font-size:                            110%;
  font-weight:                          bold;
  color:                                #CC3333;
  background-color:                     transparent;
  margin-top:                           10px;
  margin-bottom:                        10px;
  margin-left:                          20px;
  margin-right:                         0px;
  border:                               0px;
  padding:                              0px}

H3 {
  text-align:                           left;
  font-size:                            100%;
  font-weight:                          bold;
  color:                                #CC3333;
  background-color:                     transparent;
  margin-top:                           30px;
  margin-bottom:                        10px;
  margin-left:                          20px;
  margin-right:                         0px;
  border:                               0px;
  padding:                              0px}

A:link {
  color:                                #000000;
  text-decoration:                      none}

A:visited {
  color:                                #000000;
  text-decoration:                      none}

A:active {
  color:                                #000000;
  text-decoration:                      underline}

A:hover {
  color:                                #CC3333;
  text-decoration:                      underline}

IMG.FloatLeft {
  float:                                left;
  margin-top:                           10px;
  margin-left:                          20px;
  margin-right:                         20px;
  margin-bottom:                        0px}

IMG.FloatRight {
  float:                                right;
  margin-top:                           15px;
  margin-left:                          10px;
  margin-right:                         10px;
  margin-bottom:                        40px}

HR {
  margin-top:                           20px;
  color:                                #FF0000;
  width:                                95%;
  height:                               2px}

/* Paper frame */
/* ----------- */

TD.PaperTopLeft {
  height:                               20px;
  width:                                20px;
  background-image:                     url("new-top-left.jpg");
  background-repeat:                    no-repeat}

TD.PaperTop {
  background-image:                     url("new-top.jpg");
  background-repeat:                    repeat-x}

TD.PaperTopRight {
  width:                                        20px;
  background-image:                     url("new-top-right.jpg");
  background-repeat:                    no-repeat}

TD.PaperLeft {
  background-image:                     url("new-left.jpg");
  background-repeat:                    repeat-y}

TD.PaperCenter {
  background-image:                     url("new-center.jpg");
  background-repeat:                    repeat}

TD.PaperCenterMenuHeight {
  height:                               290px;
  background-image:                     url("new-center.jpg");
  background-repeat:                    repeat}

TD.PaperRight {
  background-image:                     url("new-right.jpg");
  background-repeat:                    repeat-y}

TD.PaperBottomLeft {
  height:                                       20px;
  background-image:                     url("new-bottom-left.jpg");
  background-repeat:                    no-repeat}

TD.PaperBottom {
  background-image:                     url("new-bottom.jpg");
  background-repeat:                    repeat-x}

TD.PaperBottomRight {
  background-image:                     url("new-bottom-right.jpg");
  background-repeat:                    no-repeat}

/* Black board frame */
/* ----------------- */

TD.BlackBoardTopLeft {
  height:                               10px;
  width:                                10px;
  background-image:                     url("black-board-top-left.jpg");
  background-repeat:                    no-repeat}

TD.BlackBoardTop {
  background-image:                     url("black-board-top.jpg");
  background-repeat:                    repeat-x}

TD.BlackBoardTopRight {
  width:                                17px;
  background-image:                     url("black-board-top-right.jpg");
  background-repeat:                    no-repeat}

TD.BlackBoardLeft {
  background-image:                     url("black-board-left.jpg");
  background-repeat:                    repeat-y}

TD.BlackBoardCenter {
  background-image:                     url("black-board-center.jpg");
  background-repeat:                    repeat}

TD.BlackBoardRight {
  background-image:                     url("black-board-right.jpg");
  background-repeat:                    repeat-y}

TD.BlackBoardBottomLeft {
  height:                               15px;
  background-image:                     url("black-board-bottom-left.jpg");
  background-repeat:                    no-repeat}

TD.BlackBoardBottom {
  background-image:                     url("black-board-bottom.jpg");
  background-repeat:                    repeat-x}

TD.BlackBoardBottomRight {
  background-image:                     url("black-board-bottom-right.jpg");
  background-repeat:                    no-repeat}

/* Page layout */
/* ----------- */

TABLE.PageWrapper {
  table-layout:                         fixed;
  width:                                100%;
  background-image:                     url("background-tile.jpg");
  background-repeat:                    repeat-x;
  background-position:                  top center}

TD.PageWrapperTopSpacerRowMiddle {
  width:                                950px;
  height:                               20px;
  background-image:                     url("background-top-spacer.jpg");
  background-repeat:                    repeat-x}

TD.PageWrapperTopSpacerRowEnd {
  background-image:                     url("background-top-spacer.jpg");
  background-repeat:                    repeat-x}

TD.PageWrapperBottomSpacerRow {
  height:                               20px}

TD.PageWrapper {
  padding:                              20px;
  border:                               solid 1px #000000;
  vertical-align:                       top;
  background-image:                     url("wood-background.jpg");
  background-repeat:                    repeat}

TD.PageWrapperSpacer {}


/* Top page layout */
/* --------------- */

TABLE.TopPage {
  table-layout:                         fixed}

TD.PageTopColumn1 {
  width:                                20px;
  height:                               1px}
TD.PageTopColumn2 {
  width:                                200px}
TD.PageTopColumn3 {}
TD.PageTopColumn4 {
  width:                                220px}
TD.PageTopColumn5 {
  width:                                20px}

TD.PubRelief {
  text-align:                           left;
  vertical-align:                       middle;
  padding-left:                         30px;
  background-image:                     url("new-center.jpg");
  background-repeat:                    repeat}

IMG.PubRelief {
  width:                                187px;
  height:                               150px}

TD.TitleBlock {
  text-align:                           center;
  vertical-align:                       middle;
  background-image:                     url("new-center.jpg");
  background-repeat:                    repeat}

IMG.TitleBlock {
  width:                                340px;
  height:                               138px}

TD.TitleContactDetails {
  text-align:                           right;
  vertical-align:                       middle;
  padding-right:                        20px;
  background-image:                     url("new-center.jpg");
  background-repeat:                    repeat}

P.TopContactDetailsAddress {
  text-align:                           left;
  font-size:                            12pt;
  font-weight:                          bold;
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          0px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

P.TopContactDetailsPhone {
  text-align:                           left;
  font-size:                            12pt;
  font-weight:                          bold;
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          10px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

P.TopContactDetailsEmail {
  text-align:                           left;
  font-size:                            12pt;
  font-weight:                          bold;
  background-color:                     transparent;
  margin:                               0px;
  border:                               0px;
  padding-top:                          10px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

TD.TopPageLayoutSpacer {
  height:                               20px}

/* Main page layout */
/* ---------------- */

TABLE.MainPage {
  table-layout:                         fixed}

TD.PageContents {}

TABLE.PageContents {
  table-layout:                         fixed}

TD.PageColumnSpacer {
  width:                                20px}

TD.SideColumn {
  width:                                200px}

UL.SiteMap {
  list-style-image:                     url(menu-level-1-indicator-2.jpg);
  font-size:                            100%;
  font-weight:                          normal;
  color:                                #FFFFFF;
  background:                           transparent;
  margin-top:                           3px;
  margin-bottom:                        0px;
  margin-left:                          70px;
  margin-right:                         5px;
  border:                               0px;
  padding:                              0px}

LI.SiteMap {
  font-size:                            100%;
  font-weight:                          normal;
  color:                                #FFFFFF;
  background:                           transparent;
  margin-top:                           3px;
  margin-bottom:                        0px;
  margin-left:                          0px;
  margin-right:                         5px;
  border:                               0px;
  padding:                              0px}

  H2.SiteMapLevel1 {
  text-align:                           left;
  font-size:                            110%;
  font-weight:                          bold;
  color:                                #003366;
  background-color:                     #FFFFFF;
  padding-top:                          20px;
  padding-bottom:                       0px;
  padding-left:                         20px;
  padding-right:                        20px;
  margin:                               0px;
  border:                               0px}

P.SiteMapLevel2 {
  text-align:                           left;
  font-size:                            100%;
  font-weight:                          bold;
  color:                                #003366;
  background-color:                     #FFFFFF;
  padding-top:                          5px;
  padding-bottom:                       0px;
  padding-left:                         40px;
  padding-right:                        20px;
  margin:                               0px;
  border:                               0px}

A.SiteLinks:link {
  color:                                #FF0000;
  text-decoration:                      none}
A.SiteLinks:visited {
  color:                                #FF0000;
  text-decoration:                      none}
A.SiteLinks:active {
  color:                                #FF0000;
  text-decoration:                      none}
A.SiteLinks:hover {
  color:                                #FF0000;
  text-decoration:                      underline}

UL.Page {
  list-style-image:                     url("rose-indicator.jpg");
  list-style-position:                  outside;
  margin:                               0px;
  padding-top:                          5px;
  padding-left:                         50px;
  padding-right:                        0px;
  padding-bottom:                       10px;
  border:                               0px}

LI.Page {
  color:                                #000000;
  margin:                               0px;
  padding-top:                          0px;
  padding-left:                         15px;
  padding-right:                        0px;
  padding-bottom:                       10px;
  border:                               0px}

UL.SubPage {
  list-style-image:                     url("crown-indicator.jpg");
  list-style-position:                  outside;
  margin:                               0px;
  padding-top:                          0px;
  padding-left:                         70px;
  padding-right:                        0px;
  padding-bottom:                       10px;
  border:                               0px}

LI.SubPage {
  color:                                #000000;
  margin:                               0px;
  padding-top:                          0px;
  padding-left:                         15px;
  padding-right:                        0px;
  padding-bottom:                       10px;
  border:                               0px}

TABLE.Menu {
  table-layout:                         fixed}

TD.Item {
  width:                                200px;
  text-align:                           left}

P.Item {
  text-align:                           left}

TD.Price {
  width:                                100px;
  text-align:                           left}

P.Price {
  text-align:                           center}

TD.Description {
  text-align:                           left}

P.Description {
  text-align:                           left}

TD.Date {
  width:                                200px;
  text-align:                           left}

P.Date {
  text-align:                           left}

TD.Event {
  width:                                320px;
  text-align:                           left}

P.Event {
  text-align:                           center}

H2.Menu {
  text-align:                           left;
  font-size:                            110%;
  font-weight:                          bold;
  color:                                #000000;
  background-color:                     transparent;
  margin-top:                           10px;
  margin-bottom:                        10px;
  margin-left:                          20px;
  margin-right:                         0px;
  border:                               0px;
  padding:                              0px}

TABLE.Calendar {
  table-layout:                         fixed}

/* Menu layout */
/* ----------- */

TABLE.menu {
  table-layout:                         fixed}

TD.BlackBoardMenuCell {
  padding-top:                          10px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       10px;
  background-image:                     url("black-board-center.jpg");
  background-repeat:                    repeat}

TD.MenuBottomSpacer {
  height:                               20px}

P.BlackBoardMenuHeading {
  text-align:                           center;
  padding-top:                          5px;
  padding-left:                         10px;
  padding-right:                        10px;
  padding-bottom:                       5px}

P.MenuEntryLevel1Selected {
  color:                                #FFFFFF;
  font-size:                            100%;
  font-weight:                          bold;
  text-align:                           left;
  padding-top:                          2px;
  padding-left:                         5px;
  padding-right:                        5px;
  padding-bottom:                       2px}

P.MenuEntryLevel1 {
  color:                                #FFFFFF;
  font-size:                            100%;
  font-weight:                          bold;
  text-align:                           left;
  padding-top:                          2px;
  padding-left:                         18px;
  padding-right:                        5px;
  padding-bottom:                       2px}

P.MenuEntryLevel2 {
  color:                                #FFFFFF;
  font-size:                            85%;
  font-weight:                          normal;
  text-align:                           left;
  padding-top:                          2px;
  padding-left:                         35px;
  padding-right:                        5px;
  padding-bottom:                       2px}

P.MenuEntryLevel2Selected {
  color:                                #FFFFFF;
  font-size:                            85%;
  font-weight:                          normal;
  text-align:                           left;
  padding-top:                          2px;
  padding-left:                         25px;
  padding-right:                        5px;
  padding-bottom:                       2px}

LI.SideMenuCurrent {
  font-size:                            80%;
  font-weight:                          normal;
  color:                                #ffffff;
  background:                           transparent;
  margin-top:                           3px;
  margin-bottom:                        0px;
  margin-left:                          5px;
  margin-right:                         5px;
  border:                               0px;
  padding:                              0px}

A.Menu:link {
  color:                                #FFFFFF;
  text-decoration:                      none}
A.Menu:visited {
  color:                                #FFFFFF;
  text-decoration:                      none}
A.Menu:active {
  color:                                #FFFFFF;
  text-decoration:                      none}
A.Menu:hover {
  color:                                #FFFFFF;
  text-decoration:                      underline}

/* Side column items */
/* ----------------- */

IMG.SideColumnPictureThumbnail {
  margin-top:                           10px;
  margin-bottom:                        10px}

/* Wine List */
/* --------- */

TABLE.WineList {
  table-layout:                         fixed}

TD.WineListTop {
  width:                                150px}

TD.WineListTopRating {
  width:                                70px}

P.WineListTopRating {
  text-align:                           left}

TD.WineListTopPrice {
  width:                                100px}

P.WineListTopPrice {
  text-align:                           left}

TD.WineList1 {
  padding-right:                        20px;}

P.WineList1 {
  text-align:                           left}

TD.WineList2 {
  width:                                100px}

TD.WineList3 {
  width:                                100px}



/* Bottom contact details */
/* ---------------------- */

TABLE.BottomContactDetails {}

TD.BottomContactDetailsSpacer {
  height:                               20px}

TD.BottomRose {
  width:                                110px;
  text-align:                           center;
  vertical-align:                       middle}

TD.BottomContactDetails {
  text-align:                           center;
  vertical-align:                       middle}

TD.BottomCrown {
  width:                                110px;
  text-align:                           center;
  vertical-align:                       middle}

TABLE.NestedBottomContactDetails {}

P.BottomContactDetailsLine1 {
  color:                                #CC3333;
  text-align:                           center;
  font-size:                            100%;
  font-weight:                          bold;
  padding-top:                          10px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       3px}

P.BottomContactDetailsLine2 {
  text-align:                           center;
  font-size:                            90%;
  font-weight:                          normal;
  padding-top:                          3px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       3px}

P.BottomContactDetailsLine3 {
  text-align:                           center;
  font-size:                            90%;
  font-weight:                          normal;
  padding-top:                          3px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       10px}

P.AFMContactDetails {
  text-align:                           center;
  color:                                #00000;
  font-size:                            80%;
  font-weight:                          normal;
  padding-top:                          10px;
  padding-left:                         0px;
  padding-right:                        0px;
  padding-bottom:                       0px}

/* Contact Forms */
/* ------------- */


TD.ContactForm {
  text-align:                           left;
  vertical-align:                       middle}

TD.ContactFormSpacer {
  height:                               10px}

TD.ContactFormColumn1 {
  width:                                10px;
  height:                               0px}

TD.ContactFormColumn2 {
  width:                                200px}

TD.ContactFormColumn3 {
  width:                                280px}

TD.ContactFormColumn4 {
  width:                                10px}

TD.ContactFormShadowTopRight {
  height:                               10px;
  background-image:                     url("../elements/shadow-top-right.jpg");
  background-repeat:                    no-repeat}

TD.ContactFormShadowRight {
  background-image:                     url("../elements/shadow-right.jpg");
  background-repeat:                    repeat-y}

TD.ContactFormShadowBottomLeft {
  height:                                       10px;
  background-image:                     url("../elements/shadow-bottom-left.jpg");
  background-repeat:                    no-repeat}

TD.ContactFormShadowBottom {
  background-image:                     url("../elements/shadow-bottom.jpg");
  background-repeat:                    repeat-x}

TD.ContactFormShadowBottomRight {
  background-image:                     url("../elements/shadow-bottom-right.jpg");
  background-repeat:                    no-repeat}

P.ContactForm {
  color:                                #000000;
  border:                               0px;
  padding:                              0px;
  margin:                               0px}

INPUT.ContactFormDetailsBox {
  width:                                260px;
  font-size:                            100%;
  font-weight:                          normal}

INPUT.ContactFormDetailsBoxPostcode {
  width:                                130px;
  font-size:                            100%;
  font-weight:                          normal}

TEXTAREA.ContactFormDetailsBox {
  width:                                260px;
  font-family:                          arial, sans-serif;
  font-size:                            100%;
  font-weight:                          normal}

SELECT.ContactForm {
  width:                                260px;
  font-size:                            100%;
  font-weight:                          normal}

TD.ContactFormButton {
  text-align:                           center;
  vertical-align:                       middle}

INPUT.ContactFormButton {
  font-family:                          arial, sans-serif;
  font-size:                            100%;
  font-weight:                          normal}