/* GLOBAL PARAMETERS */
html, body {
background-color:#000000;
margin: 0;
padding: 0;
border: none;
height: 100%;
}
h1 {
font-family: arial;
font-size: 12px;
color: #666666;
font-weight: normal;
margin-bottom: 0;
margin-top: 6px;
margin-left: auto;
width: 774px;
text-align: center;
height: 33px;
}
h2, h3, h4, h5, h6, h7 {
font-family: arial;
font-size: 10pt;
color: #810B0B;
font-weight: bold;
text-transform: uppercase;
width: 292px;
padding-top: 30px;
margin-bottom: 0;
}
h3 {
color: #C38A0A;
}
h4 {
color: #A0A92F;
}
h5 {
color: #D05604;
}
h6 {
color: #385795;
}
h7 {
color: #C38A0A;
font-size: 14pt;
}
ul, li, ol {
font-family: verdana;
font-size: 10pt;
color: #5B5B5B;
}
table {
border-collapse: collapse;
}
table td, table th {
padding: 0;
vertical-align: top;
}
img {
border: 0px none;
}
.imageright {
float: right;
}
.red {
color: #FF9900;
}
/* DOCUMENT LINKS */
a:link, a:active, a:visited, a.link_menu:link, a.link_menu:visited, a.link_menu:active {
font-family: tahoma;
font-size: 10pt;
color: #666363;
text-decoration: underline;
font-weight: normal;
}
a:hover, a.link_menu:hover {
font-family: tahoma;
font-size: 10pt;
color: #000000;
text-decoration: underline;
font-weight: normal;
}
a.link_menu:link, a.link_menu:visited, a.link_menu:active {
font-weight: bold;
}
a.link_menu:hover {
font-weight: bold;
}
/* CENTER */
#wrapper {
width: 980px;
height: 100%;
min-height: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 1;
left: 0px;
top: 0px;
}
/* MENU */
#mainmenu {
width: 980px;
height: 19px;
text-align: right;
margin-bottom: 8px;
margin-top: 0px;
}
#mainmenu-footer {
width: 980px;
height: 19px;
text-align: right;
margin-bottom: 0px;
margin-top: 8px;
padding-top: 6px;
clear: both;
}
#mainmenu a:link, #mainmenu a:visited, #mainmenu a:active {
font-family: arial;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
padding-left: 18px;
padding-right: 18px;
}
#mainmenu-footer a:link, #mainmenu-footer a:visited, #mainmenu-footer a:active {
font-family: arial;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
padding-left: 15px;
}
#mainmenu a:hover {
font-family: arial;
font-size: 12px;
color: #666666;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
padding-left: 18px;
padding-right: 18px;
}
#mainmenu-footer a:hover {
font-family: arial;
font-size: 12px;
color: #666666;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
padding-left: 15px;
}
#mainmenu a.red:link, #mainmenu a.red:visited, #mainmenu a.red:active {
font-family: arial;
font-size: 12px;
color: #FF9900;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
padding-left: 18px;
padding-right: 18px;
}
#mainmenu-footer a.red:link, #mainmenu-footer a.red:visited, #mainmenu-footer a.red:active {
font-family: arial;
font-size: 12px;
color: #FF9900;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
padding-left: 10px;
padding-right: 10px;
}
#mainmenu a.red:hover {
font-family: arial;
font-size: 12px;
color: #666666;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
padding-left: 18px;
padding-right: 18px;
}
#mainmenu-footer a.red:hover {
font-family: arial;
font-size: 12px;
color: #666666;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;
padding-left: 10px;
padding-right: 10px;
}
/* SUBLEFTMENU */
.leftmenu, .leftmenu2, .leftmenu3, .leftmenu4, .leftmenu5 {
width: 190px;
height: 57px;
}
.leftmenu ul, .leftmenu2 ul, .leftmenu3 ul, .leftmenu4 ul, .leftmenu5 ul {
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: -1px;
}
.leftmenu ul li a, .leftmenu ul li a:visited, .leftmenu2 ul li a, .leftmenu2 ul li a:visited, .leftmenu3 ul li a, .leftmenu3 ul li a:visited, .leftmenu4 ul li a, .leftmenu4 ul li a:visited, .leftmenu5 ul li a, .leftmenu5 ul li a:visited, .leftmenu5 ul li {
font: normal 12px Arial;
font-weight: bold;
text-transform: uppercase;
color: #D3BFBF;
position: relative;
background: #560707 url('images/submenu.gif');
background-repeat: no-repeat;
display: block;
height: 57px;
padding-left: 16px;
text-decoration: none;
}
.leftmenu2 ul li a, .leftmenu2 ul li a:visited {
color: #E6DABF;
background: #9D6F07 url('images/submenu2.gif');
}
.leftmenu3 ul li a, .leftmenu3 ul li a:visited {
color: #DDDFC6;
background: #7B8224 url('images/submenu3.gif');
}
.leftmenu4 ul li a, .leftmenu4 ul li a:visited {
color: #E8CFBE;
background: #A84503 url('images/submenu4.gif');
}
.leftmenu5 ul li a, .leftmenu5 ul li a:visited {
color: #C7CDD8;
background: #273D68 url('images/submenu5.gif');
}
.leftmenu5 ul li {
color: #C7CDD8;
background: #273D68 url('images/submenu5.gif');
}
.leftmenu ul li a:hover, .leftmenu2 ul li a:hover, .leftmenu3 ul li a:hover, .leftmenu4 ul li a:hover, .leftmenu5 ul li a:hover {
font: normal 12px Arial;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
background: #560707 url('images/submenu_1.gif');
background-repeat: no-repeat;
}
.leftmenu2 ul li a:hover {
background: #9D6F07 url('images/submenu2_1.gif');
}
.leftmenu3 ul li a:hover {
background: #7B8224 url('images/submenu3_1.gif');
}
.leftmenu4 ul li a:hover {
background: #A84503 url('images/submenu4_1.gif');
}
.leftmenu5 ul li a:hover {
background: #273D68 url('images/submenu5_1.gif');
}
/* Tables */
.maintable {
width: 785px;
height: 477px;
border: 5px solid #707070;
background-color: #FFFFFF;
float: right;
}
.lefttable {
width: 190px;
border-left: 5px solid #707070;
border-top: 5px solid #707070;
border-bottom: 5px solid #707070;
background-color: #560707;
float: left;
}
.lefttable td, .lefttable th {
padding: 0;
vertical-align: bottom;
}
.leftcontent {
width: 318px;
padding-left: 26px;
}
.leftsubcontent {
width: 774px;
padding-left: 26px;
padding-right: 21px;
font: normal 12px tahoma;
font-weight: normal;
color: #666363;
text-decoration: none;
text-align: justify;
}
.leftcontent1, .leftcontent2, .leftcontent3, .leftcontent4, .leftcontent5, .leftcontent6, .leftcontent7, .leftcontent8, .leftcontent9, .leftcontent10, .leftcontent11, .leftcontent12, .leftcontent13, .leftcontent14, .leftcontent15, .leftcontent16, .leftcontent17, .leftcontent18, .leftcontent19, .leftcontent20, .leftcontent21, .leftcontent22, .leftcontent23, .leftcontent24, .leftcontent26, .leftcontent27, .leftcontent28, .leftcontent29 {
width: 318px;
background: url('images/boathouse-wine-grill.jpg') no-repeat bottom left;
padding-left: 26px;
height: 467px;
}
.leftcontent2 {
background: url('images/best-of-award-of-excellence-2006-2008.jpg') no-repeat bottom left;
}
.leftcontent3 {
background: url('images/boathouse-wine-grill-chefs2.jpg') no-repeat bottom left;
}
.leftcontent4 {
background: url('images/boathouse-wine-grill-food.jpg') no-repeat bottom left;
}
.leftcontent5 {
background: url('images/boathouse-wine-grill-map.gif') no-repeat bottom left;
}
.leftcontent6 {
background: url('images/mom-tri-kitchen-dinner.jpg') no-repeat bottom left;
}
.leftcontent7 {
background: url('images/Executive-Chef-Sura-Putha-Darren-Wiper.jpg') no-repeat bottom left;
}
.leftcontent8 {
background: url('images/mom-tri-kitchen-menu.jpg') no-repeat bottom left;
}
.leftcontent9 {
background: url('images/mom-tri-kitchen-map.gif') no-repeat bottom left;
}
.leftcontent10 {
background: url('images/mom-tri-kitchen-holiday-menu.jpg') no-repeat bottom left;
}
.leftcontent11 {
background: url('images/mom-tri-kitchen-reservations.jpg') no-repeat top left;
}
.leftcontent12 {
background: url('images/oasis-on-the-sea-restaurant-dinner.jpg') no-repeat bottom left;
}
.leftcontent13 {
background: url('images/momtri-oasis-onthesea-restaurant-map.gif') no-repeat bottom left;
}
.leftcontent14 {
background: url('images/mom-tri-boathouse-regatta-phuket-marina.jpg') no-repeat bottom left;
}
.leftcontent15 {
background: url('images/mom-tri-boathouse-regatta-map.gif') no-repeat bottom left;
}
.leftcontent16 {
background: url('images/boathouse-wine-grill-chefs2.jpg') no-repeat bottom left;
}
.leftcontent17 {
background: url('images/mom-tri-kitchen-villa-royale.jpg') no-repeat bottom left;
}
.leftcontent18 {
background: url('images/mom-tri-boathouse-regatta-wine.jpg') no-repeat bottom left;
}
.leftcontent19 {
background: url('images/mom-tri-boathouse-regatta-menu.jpg') no-repeat bottom left;
}
.leftcontent20 {
background: url('images/mom-tri-kitchen-villa-royale.jpg') no-repeat bottom left;
}
.leftcontent21 {
background: url('images/oasis-spring-tapas-bar-wine2.jpg') no-repeat bottom left;
}
.leftcontent22 {
background: url('images/oasis-on-the-sea-restaurant-wine.jpg') no-repeat bottom left;
}
.leftcontent23 {
background: url('images/oasis-on-the-sea-restaurant-menu.jpg') no-repeat bottom left;
}
.leftcontent24 {
background: url('images/oasis-spring-tapas-bar-menu2.jpg') no-repeat bottom left;
}
.leftcontent26 {
background: url('images/boathouse-wine-grill-chefs2.jpg') no-repeat bottom left;
}
.leftcontent27 {
background: url('images/momtri-restaurants-maps.gif') no-repeat bottom left;
background-position: 0px 14px;
}
.leftcontent28 {
background: url('images/mom-luang-tri.jpg') no-repeat bottom left;
}
.leftcontent29 {
background: url('images/Sous-Chef-Rattana-Pholthaisong.jpg') no-repeat bottom left;
}
.subcontent, .subcontent4, .subcontent5, .subcontent6, .subcontent7, .subcontent8 {
width: 456px;
padding-right: 21px;
font: normal 12px tahoma;
font-weight: normal;
color: #666363;
text-decoration: none;
text-align: justify;
}
.subcontent1 {
width: 456px;
padding-right: 21px;
font: normal 12px tahoma;
font-weight: normal;
color: #666363;
text-decoration: none;
text-align: justify;
}
.subcontent4 {
background: url('images/boathouse-wine-grill-map2.gif') no-repeat bottom left;
}
.subcontent5 {
background: url('images/mom-tri-kitchen-map2.gif') no-repeat bottom left;
}
.subcontent6 {
background: url('images/oasis-spring-tapas-bar-map2.gif') no-repeat bottom left;
}
.subcontent7 {
background: url('images/momtri-oasis-onthesea-restaurant-map2.gif') no-repeat bottom left;
}
.subcontent8 {
background: url('images/mom-tri-boathouse-regatta-map2.gif') no-repeat bottom left;
}
.subcontent2 {
width: 774px;
padding-left: 26px;
padding-right: 21px;
font: normal 10pt tahoma;
font-weight: normal;
color: #666363;
text-decoration: none;
text-align: justify;
}
/* Links Footer */
#linksfooter {
width: 774px;
height: 22px;
padding-top: 8px;
text-align: center;
font: normal 8pt tahoma;
font-weight: bold;
color: #333333;
text-decoration: none;
float: right;
}
#linksfooter a:link, #linksfooter a:visited, #linksfooter a:active {
font-family: tahoma;
font-size: 8pt;
color: #333333;
text-decoration: none;
font-weight: normal;
padding-left: 10px;
padding-right: 10px;
}
#linksfooter a:hover {
font-family: tahoma;
font-size: 8pt;
color: #CCCCCC;
text-decoration: none;
font-weight: normal;
padding-left: 10px;
padding-right: 10px;
}
/* Footer */
#footer {
width: 980px;
height: 22px;
padding-top: 4px;
text-align: right;
font: normal 8pt tahoma;
font-weight: normal;
color: #1F1F1F;
text-decoration: none;
float: right;
margin-top: 22px;
}
#footer a:link, #footer a:visited, #footer a:active {
font-family: arial;
font-size: 8pt;
color: #1F1F1F;
text-decoration: underline;
font-weight: normal;
}
#footer a:hover {
font-family: arial;
font-size: 8pt;
color: #666666;
text-decoration: underline;
font-weight: normal;
}
/*DROPDOWN MENU*/
.anylinkcss, .anylinkcss2, .anylinkcss3, .anylinkcss4, .anylinkcss5, .anylinkcss6 {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid white;
border-bottom-width: 0;
line-height: 20px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #E5E5E5;
width: 150px; /* default width for menu */
border-left: 5px solid #810B0B;
}
.anylinkcss2 {
border-left: 5px solid #C38A0A;
}
.anylinkcss3 {
border-left: 5px solid #A0A92F;
}
.anylinkcss4 {
border-left: 5px solid #D05604;
}
.anylinkcss5 {
border-left: 5px solid #385795;
}
.anylinkcss6 {
margin-left: -10px;
margin-top: 8px;
border: 1px solid #414040;
margin-left: 0;
}
.anylinkcss ul, .anylinkcss2 ul, .anylinkcss3 ul, .anylinkcss4 ul, .anylinkcss5 ul, .anylinkcss6 ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.anylinkcss ul li a, .anylinkcss ul li a:visited, .anylinkcss2 ul li a, .anylinkcss2 ul li a:visited, .anylinkcss3 ul li a, .anylinkcss3 ul li a:visited, .anylinkcss4 ul li a, .anylinkcss4 ul li a:visited, .anylinkcss5 ul li a, .anylinkcss5 ul li a:visited, .anylinkcss6 ul li a, .anylinkcss6 ul li a:visited {
width: 100%;
display: block;
border-bottom: 1px solid white;
padding: 2px 0;
text-decoration: none;
text-indent: 16px;
font: bold 12px arial;
color: #898989;
}
.anylinkcss a:hover, .anylinkcss2 a:hover, .anylinkcss3 a:hover, .anylinkcss4 a:hover, .anylinkcss5 a:hover, .anylinkcss6 a:hover { /*hover background color*/
background: #FFFFFF;
color: #000000;
font: bold 12px arial;
text-decoration: none;
}
/* ######### class for shadow DIV ######### */
.anylinkshadow { /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: #666666;
visibility: hidden;
}
/* MENU TABLE1 */
.MainContent table {
background-color: #F2E9DA;
width:100%;
border:1px solid #C63939;
border-collapse: collapse;
padding: 0px;
margin: 0px 0px 10px 0px;
font-family: arial, verdana, helvetica;
font-size: 12px;
color: #660000;
}
.MainContent table tr td {
text-align:left;
padding:4px;
margin:0px;
}
.MainContent table tr.cty {
background-color:#C63939;
font-weight:bold;
color: #FFFFFF;
}
.MainContent table tr.cat {
background-color:#EDB78B;
font-weight:bold;
color: #FFFFCC;
}
.MainContent table tr.cty td {
text-align: center;
}
.MainContent table tr td.td1,
.MainContent table tr td.td3 {
width:10%;
text-align:center;
}
.MainContent table tr td.td4 {
width:10%;
text-align:center;
}
/* MENU TABLE2 */
.MainContent2 table {
background-color: #DFECF7;
width:100%;
border:1px solid #4D6FB3;
border-collapse: collapse;
padding: 0px;
margin: 0px 0px 10px 0px;
font-family: arial, verdana, helvetica;
font-size: 12px;
color: #002E66;
}
.MainContent2 table tr td {
text-align:left;
padding:4px;
margin:0px;
}
.MainContent2 table tr.cty {
background-color:#4D6FB3;
font-weight:bold;
color: #FFFFFF;
}
.MainContent2 table tr.cat {
background-color:#9AE0EA;
font-weight:bold;
color: #FFFFFF;
}
.MainContent2 table tr.cty td {
text-align: center;
}
.MainContent2 table tr td.td1,
.MainContent2 table tr td.td3 {
width:10%;
text-align:center;
}
.MainContent2 table tr td.td4 {
width:10%;
text-align:center;
}
/* MENU TABLE3 */
.MainContent3 table {
background-color: #F7E9DF;
width:100%;
border:1px solid #C37025;
border-collapse: collapse;
padding: 0px;
margin: 0px 0px 10px 0px;
font-family: arial, verdana, helvetica;
font-size: 12px;
color: #664100;
}
.MainContent3 table tr td {
text-align:left;
padding:4px;
margin:0px;
}
.MainContent3 table tr.cty {
background-color:#C37025;
font-weight:bold;
color: #FFFFFF;
}
.MainContent3 table tr.cat {
background-color:#EAC29A;
font-weight:bold;
color: #FFFFFF;
}
.MainContent3 table tr.cty td {
text-align: center;
}
.MainContent3 table tr td.td1,
.MainContent3 table tr td.td3 {
width:10%;
text-align:center;
}
.MainContent3 table tr td.td4 {
width:10%;
text-align:center;
}
/* MENU TABLE4 */
.MainContent4 table {
background-color: #EBF7DF;
width:100%;
border:1px solid #67BB15;
border-collapse: collapse;
padding: 0px;
margin: 0px 0px 10px 0px;
font-family: arial, verdana, helvetica;
font-size: 12px;
color: #376600;
}
.MainContent4 table tr td {
text-align:left;
padding:4px;
margin:0px;
}
.MainContent4 table tr.cty {
background-color:#67BB15;
font-weight:bold;
color: #FFFFFF;
}
.MainContent4 table tr.cat {
background-color:#C3EA9A;
font-weight:bold;
color: #FFFFFF;
}
.MainContent4 table tr.cty td {
text-align: center;
}
.MainContent4 table tr td.td1,
.MainContent4 table tr td.td3 {
width:10%;
text-align:center;
}
.MainContent4 table tr td.td4 {
width:10%;
text-align:center;
}
/* MENU TABLE5 */
.MainContent5 table {
background-color: #F7F2DF;
width:100%;
border:1px solid #BB6F15;
border-collapse: collapse;
padding: 0px;
margin: 0px 0px 10px 0px;
font-family: arial, verdana, helvetica;
font-size: 12px;
color: #664F00;
}
.MainContent5 table tr td {
text-align:left;
padding:4px;
margin:0px;
}
.MainContent5 table tr.cty {
background-color:#BB6F15;
font-weight:bold;
color: #FFFFFF;
}
.MainContent5 table tr.cat {
background-color:#EAD89A;
font-weight:bold;
color: #FFFFFF;
}
.MainContent5 table tr.cty td {
text-align: center;
}
.MainContent5 table tr td.td1,
.MainContent5 table tr td.td3 {
width:10%;
text-align:center;
}
.MainContent5 table tr td.td4 {
width:10%;
text-align:center;
}
/* General tables */
.fullwidth {
width: 100%;
}
.halfwidth {
width: 50%;
text-align: left;
}
.halfwidth_right {
width: 50%;
text-align: right;
}
.news td {
padding: 4px;
width: 50%;
}
.news {
width: 100%;
}
#flashcontent {
margin-left:auto;
margin-right:auto;
margin-top: 36px;
width: 727px;
height: 341px;
vertical-align: top;
}
/* Document Fonts */
.texts-9ptb, .texts-9ptb2, .texts-9ptb3, .texts-9ptb4, .texts-9ptb5 {
font-family: arial;
font-size: 12px;
color: #B54900;
text-decoration: none;
font-weight: bold;
}
.texts-9ptb2 {
color: #0040B5;
}
.texts-9ptb3 {
color: #B56F00;
}
.texts-9ptb4 {
color: #55B500;
}
.texts-9ptb5 {
color: #B59100;
}
.texts-9ptb6 {
font-family: tahoma;
font-size: 11px;
color: #FF0000;
text-decoration: none;
font-weight: normal;
}
.events td {
padding: 6px;
}
.events {
width: 100%;
}
.events2 td {
border-bottom: 1px dotted #CCCCCC;
padding-bottom: 20px;
padding-top: 20px;
padding-right: 6px;
}
.contact-table {
width: 90%; margin-left:40px;
}
.contact-table td {
padding: 2px;
}bold_tc {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #CC0000;
}
.terms {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #CC0000;
}