BUTTON { font-family: Georgia, Garamond, 'New Baskerville', Times, 'Times New Roman', serif; font-size: 14px; padding: 0; cursor: url(../images/ArrowEast.png), e-resize; -webkit-transition: color 1s ease-in; -moz-transition: color 1s ease-in; -o-transition:
color: #4B4B4B; line-height: 17px; border: 1px #CCC solid; margin: 0 0 2px 4px; padding: 2px 6px 0 6px; font-weight: bold; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;
background-image: -webkit-gradient(linear, left bottom, left top,
color-stop(0.26, #BEBDC0),
color-stop(0.7, #EFF5F5),
color-stop(0.82, #FFF));
background-image: -moz-linear-gradient(center bottom,
#BEBDC0 26%,
#EFF5F5 74%,
#FFF 82%);
text-shadow: -1px 1px 2px #BBC5FF; -webkit-box-shadow: -2px 3px 4px #828282; -moz-box-shadow: -2px 3px 4px #828282; box-shadow: -2px 3px 4px #828282;
position: relative; top: 2px; }

BUTTON:hover {font-weight: bold; }

@media(max-width: 320px) {
DIV.nav P {font-size: 12px; line-height: 16px; margin: 3px 0 0 0; text-align: center; vertical-align: text-bottom}
}

@media(max-width: 800px) {
DIV.CopyrightV {text-align: left; vertical-align: top; font-size: 12px; line-height: 14px; margin: 4px 0 0 0; padding: 0 2% 0 2%}
DIV.PhotoV { text-align: center; display: inline-block; padding: 0 0 1px 0; border-width: 0 0 1px 0; border-color: black; border-style: solid }
DIV.FaceBookLikeButton {margin: 0 auto; text-align: center}
FORM {text-align: center; margin: 0 auto; }
P.CaptionNoBorder+P.CaptionNoBorder {font-size: 16px; line-height: 18px; font-weight: normal; margin: 5px 3% 0 10px; text-align: left; text-indent: 22px}
P.CaptionNoBorder {font-size: 16px; line-height: 18px; font-weight: normal; margin: 6px 3% 9px 10px; text-align: left}
P.CaptionNoBorder STRONG {font-family: GillSansBold, GillSans, 'Gill Sans', 'Trebuchet MS', Garamond, 'New Baskerville', Times, 'Times New Roman', serif; font-size: 18px; line-height: 20px; font-weight: bold}
HR {visibility: hidden; margin: 0 auto}
P.copyright {font-size: 12px; line-height: 14px; margin: 4px 3% 0 3%; text-align: center}
DIV.NavV {margin: 0 auto; }
P.EnglishAddress {margin: 6px 0 0 0}
FORM.search {margin: 2px 0 0 0; text-align: center;}
DIV.LeftBottom {margin: 0 0 0 10px; text-align: left}
P.OrderButton {margin: 3px 0 5px 0; text-align: center; }
P.addthis {margin: 6px 0 9px 0; text-align: center}
DIV.CaptionV {margin: 12px 0 0 0; text-align: left}
DIV.CaptionV P {font-size: 12px; line-height: 16px; margin: 3px 0 0 0; text-align: center}
DIV.nav P {font-size: 12px; line-height: 16px; margin: 3px 0 0 0; text-align: center }

DIV.PhotoH P {font-size: 16px; line-height: 18px; margin: 0 0 12px 0; padding: 10px 0 0 8px; text-align: left; border-width: 1px 0 0 0; border-color: black; border-style: solid }
DIV.PhotoH P STRONG {font-family: GillSansBold, GillSans, 'Gill Sans', 'Trebuchet MS', Garamond, 'New Baskerville', Times, 'Times New Roman', serif; font-size: 120%; line-height: 120%; font-weight: bold}

P.CaptionV {font-size: 16px; line-height: 18px; margin: 10px 10px 9px 10px; padding: 0; text-align: left; border: none}
P.CaptionV STRONG {font-family: GillSansBold, GillSans, 'Gill Sans', 'Trebuchet MS', Garamond, 'New Baskerville', Times, 'Times New Roman', serif; font-size: 18px; line-height: 20px; font-weight: bold}

H1 {font-size: 16px; line-height: 20px; margin: 0 0 9px 0; padding: 10px 10px 0 10px; text-align: left; border-width: 1px 0 0 0; border-color: black; border-style: solid; font-weight: normal}
H1 STRONG {font-family: GillSansBold, GillSans, 'Gill Sans', 'Trebuchet MS', Garamond, 'New Baskerville', Times, 'Times New Roman', serif; font-size: 18px; line-height: 20px; font-weight: bold}

P.Caption {font-size: 16px; line-height: 20px; margin: 0 0 9px 0; padding: 10px 10px 0 6px; text-align: left;
border-width: 1px 0 0 0; border-color: black; border-style: solid}
P.Caption STRONG {font-family: GillSansBold, GillSans, 'Gill Sans', 'Trebuchet MS', Garamond, 'New Baskerville', Times, 'Times New Roman', serif; font-size: 18px; line-height: 20px; font-weight: bold}

DIV.grid {margin: 0 auto; text-align: center; padding: 12px 0 0 0; vertical-align: top;
display: flex;
display: -webkit-flex;
flex-direction: column;
-webkit-flex-direction: column;
flex-wrap: wrap;
flex-flow: flex-wrap;
align-content: center}

DIV.nav {margin: 0 auto;
text-align: center;
-webkit-order: 2;
order: 2;
padding: 0;
flex-grow: 1;
flex-shrink: 1}

DIV.arrows {
-webkit-order: 1;
order: 1;
flex-grow: 1;
flex-shrink: 1; margin: 0 0 4px 0}

DIV.navR {
-webkit-order: 3; order: 3;
font-size: 12px; line-height: 18px; margin: 0 auto; font-weight: normal; white-space: nowrap; text-align: center; vertical-align: top; padding: 6px 0 6px 0; flex-grow: 1; flex-shrink: 1}
DIV.copyright {text-align: left; display: inline-block; vertical-align: top; font-size: 12px; line-height: 14px; vertical-align: top; margin: 0 10px 0 10px; padding: 0}
DIV.copyright2 {text-align: center; vertical-align: top; font-size: 12px; line-height: 14px; margin: 0 auto; padding: 0;}
DIV.Navig {margin: 0 auto; text-align: center; padding: 0; vertical-align: top; display: inline-block;
}
}
@media(min-width: 801px) {
DIV.nav P {font-size: 12px; line-height: 16px; margin: 3px 0 0 0; white-space: nowrap;}
DIV.CaptionV P {font-size: 12px; line-height: 16px; margin: 3px 0 0 0; white-space: nowrap; vertical-align: text-bottom; }
DIV.CopyrightV {text-align: left; vertical-align: top; font-size: 12px; line-height: 14px; margin: 4px 0 0 0; padding: 0; max-width: 500px}
DIV.nav { text-align: left }
DIV.PhotoV {text-align: center; display: inline-block; margin: 0 16px 0 0}
P.EnglishAddress {margin: 6px 0 9px 0}
P.CaptionNoBorder {font-size: 16px; line-height: 18px; font-weight: normal; margin: 6px 0 9px 0; text-align: left}
P.CaptionNoBorder STRONG {font-family: GillSansBold, GillSans, 'Gill Sans', 'Trebuchet MS', Garamond, 'New Baskerville', Times, 'Times New Roman', serif; font-size: 18px; line-height: 20px; font-weight: bold}
P.CaptionNoBorder+P.CaptionNoBorder {font-size: 16px; line-height: 18px; font-weight: normal; margin: 5px 0 0 0; text-indent: 22px}
HR {margin: 0 auto; text-align: center; max-width: 90%; margin-top:9px}

P.addthis {margin: 6px 0 10px 0}
P.copyright {font-size: 12px; line-height: 14px; margin: 10px 0 0 14px}
DIV.NavV {padding: 0}
FORM.search {margin: 2px 0 0 0 }
DIV.LeftBottom {margin: 0 }
P.OrderButton {padding: 0; margin: 0 0 7px 0}
P.CaptionV {font-size: 16px; line-height: 20px; margin: 10px 0 9px 0; padding: 0; text-align: left; border: none}
P.CaptionV STRONG {font-family: GillSansBold, GillSans, 'Gill Sans', 'Trebuchet MS', Garamond, 'New Baskerville', Times, 'Times New Roman', serif; font-size: 120%; line-height: 20px; font-weight: bold;}
H1 {font-size: 16px; line-height: 20px; margin: 0 0 9px 0; padding: 10px 0 0 0; text-align: left;
border-width: 1px 0 0 0; border-color: black; border-style: solid; font-weight: normal}
H1 STRONG {font-family: GillSansBold, GillSans, 'Gill Sans', 'Trebuchet MS', Garamond, 'New Baskerville', Times, 'Times New Roman', serif; font-size: 18px; line-height: 20px; font-weight: bold}

DIV.PhotoH P {font-size: 16px; line-height: 20px; margin: 0 0 9px 0; padding: 10px 0 0 0; text-align: left;
border-width: 1px 0 0 0; border-color: black; border-style: solid}
DIV.PhotoH STRONG {font-family: GillSansBold, GillSans, 'Gill Sans', 'Trebuchet MS', Garamond, 'New Baskerville', Times, 'Times New Roman', serif; font-size: 120%; line-height: 120%; font-weight: bold}

P.Caption {font-size: 16px; line-height: 20px; margin: 0 0 9px 0; padding: 10px 0 0 0; text-align: left;
border-width: 1px 0 0 0; border-color: black; border-style: solid}
P.Caption STRONG {font-family: GillSansBold, GillSans, 'Gill Sans', 'Trebuchet MS', Garamond, 'New Baskerville', Times, 'Times New Roman', serif; font-size: 120%; line-height: 20px; font-weight: bold}

DIV.grid {margin: 0 auto; padding: 10px 0 0 0; width: 90%; display: flex; vertical-align: bottom; }
DIV.arrows {margin: 0 auto; text-align: center; vertical-align: middle; padding: 24px 0 0 6px; white-space: nowrap;
display: inline-block}
DIV.navR {font-size: 12px; line-height: 18px; margin: 0; font-weight: normal; white-space: nowrap; text-align: right; vertical-align: bottom; padding: 0; display: inline-block}
DIV.copyright {text-align: left; display: inline-block; vertical-align: top; width: 40%; font-size: 12px; line-height: 14px; vertical-align: bottom; margin: 0; padding: 0}
DIV.copyright2 {text-align: center; display: inline-block; vertical-align: top; width: 60%; font-size: 12px; line-height: 14px; vertical-align: top; margin: 0; padding: 0}
DIV.Navig {margin: 0 auto; text-align: center; padding: 10px 1% 0 1%}
}

DIV.navR P { margin: 6px 0 0 0 }
DIV.navR FORM { margin: 6px 0 0 0 }

DIV.page-wrap {max-width: 1200px; margin: 0 auto; text-align: left}
DIV.page-wrap #inside {margin: 0; padding-top: 0; padding-bottom: 0; text-align: left }
@font-face {font-family: 'GillSansBold'; src: url('../Fonts/GillSansBold.woff') format('woff')}
@font-face {font-family: 'GillSansBold'; src: url('../Fonts/GillSansBold.ttf') format('truetype')}
@import url("../Fonts/FontSheet.css");

DIV.GridV {margin: 0 auto; text-align: center; padding: 0 }

DIV.PhotoH {margin: 0 auto; vertical-align: top; text-align: center; }

DIV.CaptionV {padding: 0; vertical-align: bottom; display: inline-block; text-align: left; font-size: 16px; line-height: 20px; text-align: left; border: none}
DIV.CaptionV STRONG {font-family: GillSansBold, GillSans, 'Gill Sans', 'Trebuchet MS', Garamond, 'New Baskerville', Times, 'Times New Roman', serif; font-size: 130%; line-height: 20px; font-weight: bold}

DIV.ArrowsV {margin: 0 auto; text-align: center; vertical-align: top; padding: 26px 0 10px 0; white-space: nowrap; width: 266px; border-width: 0 0 1px 0; border-color: #D9D9D9; border-style: solid; margin-bottom: 10px}

DIV.nav {padding: 0; vertical-align: bottom; margin: 0;}

P.CopyrightV {font-size: 12px; line-height: 14px; margin: 4px 0 0 0; text-align: left}

::-webkit-scrollbar-button:start:decrement {
background-image: url(../images/ArrowUp.png);
height: 13px;
width: 13px;
display: block;
background-color: transparent}

::-webkit-scrollbar-button:end:increment {
height: 13px;
width: 13px;
display: block;
background-color: transparent;
background-image: url(../images/ArrowDown.png);
}

::-webkit-scrollbar {
width: 13px;
height: 13px}

::-webkit-scrollbar-track-piece {
background-color: #B4B4B4}

::-webkit-scrollbar-thumb:vertical {
background: #BBBBBB;
border-top: 1px solid #C6C6C6;
border-right: 1px solid #C6C6C6;
border-bottom: 1px solid #C6C6C6;
border-left: 1px solid #C6C6C6 }

::-webkit-scrollbar-thumb:horizontal {
width: 50px;
background: #B4B4B4;
border: 1px solid white;
border-top: 1px solid #C6C6C6;
border-right: 1px solid #C6C6C6;
border-bottom: 1px solid #C6C6C6;
border-left: 1px solid #C6C6C6 }

::-webkit-scrollbar-corner {color: #A5A5A5; width: 13px;
height: 13px}

BODY {margin: 0 0 6px 0; background-color: silver; font-family: Georgia, Garamond, 'New Baskerville', Times, 'Times New Roman', serif; background-image: url(../images/GreyLaidPaper.gif); scrollbar-face-color: #b4b4b4; scrollbar-arrow-color: #a3a3a3; scrollbar-shadow-color: #b4b4d9; scrollbar-highlight-color: #b4b4d9; scrollbar-3dlight-color: #a3a3a3; scrollbar-darkshadow-color: #a3a3a3; scrollbar-track-color: #b4b4b4; -webkit-text-size-adjust: none; display: table-cell; vertical-align: middle; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-variant-ligatures: common-ligatures;
-moz-font-feature-settings: "liga", "clig";
-webkit-font-feature-settings: "liga", "clig";
font-feature-settings: "liga", "clig"}

HTML, BODY { font-family: Georgia, Garamond, Times, 'Times New Roman', serif; width: 100%; height: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-variant-ligatures: common-ligatures;
-moz-font-feature-settings: "liga", "clig";
-webkit-font-feature-settings: "liga", "clig";
font-feature-settings: "liga", "clig"}
HTML {display: table;}
FORM { font-family: Georgia, Garamond, 'New Baskerville', Times, 'Times New Roman', serif;}

IMG {border: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-touch-callout: none}

IMG.HomeArrow {margin: 0 12px 0 10px; position: relative; bottom: 10px}

IMG.RollOver {-webkit-box-shadow: -3px 4px 4px #828282; -moz-box-shadow: -3px 3px 4px #828282; box-shadow: -3px 3px 4px #828282; -moz-max-width: 100%; max-width: 100%;  width: auto; height: auto}
IMG.photo {-webkit-box-shadow: -3px 4px 4px #828282; -moz-box-shadow: -3px 3px 4px #828282; box-shadow: -3px 3px 4px #828282; -webkit-transition: all 3s; -moz-transition: all 3s; -moz-max-width: 100%; max-width: 100%;  width: auto; height: auto}
IMG.photo:hover { -webkit-filter: grayscale(100%); filter: gray; filter: grayscale(100%)}

H6 {line-height: 14px; font-size: 12px; margin: 6px 20px 10px 0; font-weight: normal; text-align: right}

P.Credit {font-size: 11px; line-height: 12px; font-weight: normal; margin: 0 5% 9px 0; text-align: right}

P.OrderButton{ color: black; background-image: -moz-linear-gradient(none) }

A.OrderButton {color: #4B4B4B; cursor: url(../images/ArrowEast.png), e-resize; font-size: 14px; line-height: 17px; border: 1px #CCC solid; margin: 0 0 2px 0; padding: 2px 6px 0 6px; font-weight: bold; white-space: nowrap; -moz-border-radius: 7px; -webkit-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;
background-image: -webkit-gradient(linear, left bottom, left top,
color-stop(0.26, #BEBDC0),
color-stop(0.7, #EFF5F5),
color-stop(0.82, #FFF));
background-image: -moz-linear-gradient(center bottom,
#BEBDC0 26%,
#EFF5F5 74%,
#FFF 82%);
text-shadow: -1px 1px 2px #BBC5FF; -webkit-box-shadow: -2px 3px 4px #828282; -moz-box-shadow: -2px 3px 4px #828282; box-shadow: -2px 3px 4px #828282;
display: inline-block;
-webkit-animation: Wiggle 5s infinite;
-moz-animation: Wiggle 5s infinite;
-o-animation: Wiggle 5s infinite;
animation: Wiggle 5s infinite;
text-align: center}

/* animation */
@-webkit-keyframes Wiggle {
0% {-webkit-transform: rotate(0deg);}
2% {-webkit-transform: rotate(-4deg);}
3.5% {-webkit-transform: rotate(4deg);}
5% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(0deg);}
}
@-o-keyframes Wiggle {
0% {-webkit-transform: rotate(0deg);}
2% {-webkit-transform: rotate(-4deg);}
3.5% {-webkit-transform: rotate(4deg);}
5% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(0deg);}
}
@keyframes Wiggle {
0% {-webkit-transform: rotate(0deg);}
2% {-webkit-transform: rotate(-4deg);}
3.5% {-webkit-transform: rotate(4deg);}
5% {-webkit-transform: rotate(0deg);}
100% {-webkit-transform: rotate(0deg);}
}

A.OrderButton:hover {color: #9AE5E1; border: 1px #BBC4FF solid; margin: 0 0 4px 0; padding: 2px 6px 0 6px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
background-image: -webkit-gradient(linear, left bottom, left top,
color-stop(0.26, #9D9D9D),
color-stop(0.74, #CBCBCB),
color-stop(0.66, #C3C3C3));
background-image: -moz-linear-gradient(center bottom, #757575 26%, #BDBDBD 74%, #B0B0B0 66%);
text-shadow: -1px 1px 2px #5F6AE6;
background-color: #7A7A7A;
-webkit-box-shadow: -2px 0 4px #828282; -moz-box-shadow: -2px 0 4px #828282; box-shadow: -2px 0 4px #828282}

.nb {white-space: nowrap}
.sc {white-space: nowrap; font-variant: small-caps}
.sup {font-size: 70%; position: relative; bottom: .35em}
.sub {font-size: 70%; position: relative; top: .35em}
A {text-decoration: none; cursor: url(../images/ArrowEast.png), e-resize; -webkit-transition: color 1s ease-in; -moz-transition: color 1s ease-in; -o-transition: color 1s ease-in}
A:visited {color: #006488}
A:hover {font-weight: bold}
A:active {color: purple}
A.contact {cursor: help; font-weight: bold; color: #03589A}
A.contact:hover {color: green}
A.contactNB {cursor: help; font-weight: bold; color: #03589A; white-space: nowrap;}
A.contactNB:hover {color: green}
A.homelink {font-weight: bold; cursor: url(../images/ArrowNorth.png), n-resize; color: #03589A}
A.homelink:hover { color: green}
A.HomelinkSubtle {cursor: url(../images/ArrowNorth.png), n-resize; color: #03589A}
A.HomelinkSubtle:hover {font-weight: normal; color: green}
A.prevlink {font-weight: bold; cursor: url(../images/ArrowWest.png), w-resize; color: #03589A}
A.prevlink:hover {color: green}
A.PrevlinkSubtle {cursor: url(../images/ArrowWest.png), w-resize; color: #03589A}
A.PrevlinkSubtle:hover {font-weight: normal; color: green}
A.nextlink {font-weight: bold; color: #03589A}
A.nextlink:hover {color: green}
A.outlink {cursor: url(../images/globe.gif), e-resize; color: #03589A}
A.outlink:hover {color: green; font-weight: bold}
A.outlinkBreak {cursor: url(../images/globe.gif), e-resize; color: #03589A; word-wrap: break-all; word-break: break-all}
A.outlinkBreak:hover {color: green; font-weight: bold}
.downlink {cursor: url(../images/ArrowSouth.png), s-resize; color: #046789}
.nextbutton {font-size: 12px; background-color:#E6E6E6; font-family: Georgia, Garamond, 'New Baskerville', Times, 'Times New Roman', serif; cursor: url(../images/ArrowEast.png), e-resize; ; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }
.nextbutton:hover { background-color:white; }
.nextbutton:focus { background-color:white; }
.nextbutton:active { background-color:white; }

.caption {font-size: 14px; line-height: 16px}
TD.left {padding: 1px 5px 1px 8px; font-family: GillSans, 'Gill Sans', 'Trebuchet MS', Georgia, Times, 'Times New Roman', serif; font-size: 14px; line-height: 14px; text-align: right; white-space: nowrap}
TD.right {font-family: GillSans, 'Gill Sans', 'Trebuchet MS', Georgia, Times, 'Times New Roman', serif; font-size: 14px; line-height: 14px; padding: 1px 30px 1px 4px; white-space: nowrap}

#dropmenudiv {width: 190px; position: absolute; font-family: GillSans, 'Gill Sans', 'Trebuchet MS', Georgia, Times, 'Times New Roman', serif; font-size: 12px; line-height: 14px; z-index: 100; white-space: nowrap}
#dropmenudiv A {width: 184px; display: block; text-decoration: none; font-weight: bold; text-align: left; padding: 4px 0 2px 6px; font-size: 100%; word-spacing: 0; line-height: 100%; border-color: #E9E9E9; border-width: 0 0 2px 0; border-style: solid }
#dropmenudiv A:hover {width: 190px; background-color: #EEE; color: green; font-weight: bold; border-color: #BE9891}