/*** 
   do not delete this dummy class which is
   used to fix some strange problems
***/

.xxx {
}

.bold {font-weight:bold;}

/**********************************************************/
#topRow .reservation,
#topRow .vipLogin
{
   float:right;
   }

#topRow a
{
      color: #000;
      font-weight: bold;
   text-decoration: none;
}
/**********************************************************/
#languagePanel {
   float: right;
}

#languagePanel div {
   float: left;
}

#languagePanel div.last {
   border-right: 0;
}

/**********************************************************/
#logo{
   padding:0px 0px;
   background-color: #DFDFDF;
}

#logo img{
   margin:auto;
   text-align:center;
}

#leftNavPanel, .leftNavPanel{
   background-color: #86CDCF;

         _height:420px; /* Fix for IE */
      min-height:420px;
   }

/**********************************************************/
#mainLinks{
   margin:10px 5px 0px 15px;
   border:0px solid #fff;
}

#mainLinks div.linkBox{
   min-height:25px;
   _height:25px;
   color:#fff;
}

#mainLinks div a{
   color:#fff;
   font-weight:bold;
   text-decoration:none;
}

#mainLinks div a:hover,
#mainLinks div a.selected
{
   text-decoration:underline;
}

/**********************************************************/
.memberInfoTop{
   margin:0px 0px 20px 0px;
   background-color: #69a7bc;
   padding:10px 10px;
   color:#fff;
   height:120px;
}

.memberInfoTop div.memberInfoRow{
   height:25px;
}

/**********************************************************/
#yourAccount, .yourAccount{
   margin:0px 0px 20px 0px;
   background-color: #69a7bc;
   padding:10px 10px;
   color:#fff;
   height:125px;
}

#yourAccount div{
   height:25px;
   color:#fff;
}

#yourAccount div a{
   color:#fff;
   text-decoration:none;
}

#yourAccount div a:hover,
#yourAccount div a.selected
{
   text-decoration:underline;
}
/**********************************************************/
#topRooms {
   border: 0px solid #fff;
   margin: 0px 0px 10px 10px;
}

#topRooms div {
   height:20px;
   margin-bottom:1px;
}

#topRooms div a {
   display:block;
   padding:3px;
   text-decoration:none;
}

#topRooms div a:hover,
#topRooms div a.selected
{
   background-color: #fff;
   text-decoration: none;
   color: #000;
}

/**********************************************************/
#rooms {
   font-size: 1em;
   vertical-align: middle;
   min-height:13px;
}

#rooms div {
   display: inline;
   padding-right: 0.7em;
   padding-left: 0.7em;
   border-right: 1px solid #fff;
}

#rooms div.last {
   border-right: 0;
}

#rooms a {
   text-decoration: none;
   color: #fff;
}

#rooms a:hover,
#rooms a.selected 
{
   text-decoration: underline;
}

/**********************************************************/
#categories {
   border: 0px solid #fff;
   margin: 0px 0px 10px 10px;
}

#categories div {
   min-height:20px;
   _height:20px;
   margin-bottom:1px;
}

#categories div a {
   display:block;
   padding:3px;
   text-decoration:none;
}

#categories div a:hover,
#categories div.selected a 
{
   background-color: #fff;
   text-decoration: none;
   color: #000;
}

/**********************************************************/
#subCategories {
}

#subCategories ul{
   list-style-position: outside;
   list-style-type:none;   
   margin:0;
}

#subCategories ul li {
   padding-left:20px; /* move text away from image */
   background:url('/images/arrow-white.jpg') no-repeat 0 5px; /* use image position to align to text */
}

#subCategories li a {
   color: #fff;
}

#subCategories li a:hover,
#subCategories li a.selected
{
   color: #fff;
   background-color: transparent;
   text-decoration: underline;
}

/**********************************************************/
/* this is used restaurant home pages - concept */

#addressCalloutContent
{
   width:690px;
   border:0px solid #fff;
   color: #fff;
   margin: 10px 5px 0px 5px;
}

#addressCallout
{
   float:left;
   width:200px;
   background-color: #86CDCF;
}

#address
{
   background-color: #69a7bc;
   _height:135px;
   min-height:135px;
   margin-bottom:5px;
   padding:5px;
}

#callout
{
   background-color: #69a7bc;
   _height:130px;
   min-height:130px;
   padding:5px;
}

#callout img{
   margin:auto;
   text-align:center;
}

#content
{
   margin-left:8px;
   float:left;
   width:470px;
   padding:5px;
   background-color: #69a7bc;

   _height:280px; /* Fix for IE */
   min-height:280px;
}

/******* this is used when no callout record & only address with more height *******/
#address2
{
   background-color: #69a7bc;
   _height:280px;
   min-height:280px;
   padding:5px;
}

/**********************************************************/
/* this is used in prmotion, locations, event planner & reservation pages */

#fatList
{
   margin:10px 0px 0px 0px;
   background-color: #69a7bc;
   padding:0px;
   
      _height:290px; /* Fix for IE */
   min-height:290px;
      color: #fff;
   border:0px solid #fff;
}

#fatList #fatListContent
{
   margin:5px;
}

#fatList .spacer
{
   background-color: #86CDCF;
   height:5px;
}

#fatList img
{
   margin:auto;
   text-align:center;
}

#fatList .imageLeft img
{
   float:left;
   text-align:left;
   margin:0px 10px 10px 0px;
}

/**********************************************************/
#fatListContent .row
{
   margin-bottom:5px;
}

#fatListContent .row div.picture
{
   float:left;
   width:150px;
   margin-left:3px;
   padding-bottom:5px;
   padding-right:5px;
}

#fatListContent .row div.descContainer
{
   float:left;
   width:350px;
}

#fatListContent .row div.redeemButton
{
   float:right;
   width:155px;
   text-align: right;
}

#fatListContent .row div.title
{
   font-weight:bold;
   font-size:12px;
   color:#fff;
}

#fatListContent .row div.desc
{
   margin-top:5px;
}

#fatListContent a {
   color:#fff;
}

/**********************************************************/
#thinList
{
   margin:5px;
   width:98%;
}

#thinList td
{
   padding:5px;
}

#thinList .heading
{
   color:#fff;
   font-weight:bold;
}

#thinList .list1
{
   background-color: #978E81;
}

#thinList .list2
{
   background-color: #A59E94;
}

#thinList a
{
   text-decoration: none;
}

#pressSearch
{
   padding:5px;
}

#pressSearch select
{
   background-color:#A59E94;
   border:0px;
}

/**********************************************************/
#gridList
{
   color:#440500;
   padding:5px;
}

#gridList .row
{
   background-color:#fff;
   margin-bottom:5px;
}

#gridList .row div.picture
{
   float:left;
   width:150px;
   margin-left:3px;
   padding-bottom:5px;
   padding-right:5px;
}

#gridList .row div.descContainer
{
   float:left;
   width:350px;
}

#gridList .row div.redeemButton
{
   float:right;
   width:155px;
   text-align: right;
}

#gridList .row div.title
{
   font-weight:bold;
   font-size:12px;
   color:#440500;
}

#gridList .row div.desc
{
   margin-top:5px;
}

#gridList a.title{
   color:#440500;
}

/**********************************************************/
#pictureContentContainer1
{
   background-image: url(images/skin5/bg_left.jpg);
   background-position: 5px 0px;
   background-repeat: repeat-y;
   border:0px solid #fff;
}

#pictureContentContainer2
{
   background-image: url(images/skin5/bg_right.jpg);
   background-position: 213px 0;
   background-repeat: repeat-y;
}

#pictureContent
{
   width:690px;
   border:0px solid #fff;
   color: #fff;
   margin: 10px 5px 0px 5px;
}

#picture
{
   float:left;
   width:200px;
   background-color: #69a7bc;
   _height:280px; /* Fix for IE */
   min-height:280px;
   padding-top:5px;
   padding-bottom:5px;
}

#picture img{
   margin:auto;
   text-align:center;
   margin-bottom:5px;
}

#picture .imageCaption{
   margin-top:-15px;
   text-align:center;
}

/**********************************************************/
/* this is used in gallery */

.thumbListBoxOuter
{
   float:left;
   width: 225px; 
   background-color: #69a7bc;
   height:280px;
   margin:3px;
}

.thumbListBoxOuter .caption
{
   text-align:center;
}

.thumbListBoxContainer
{
   display: table; 
   height: 250px; 
   width: 220px; 
   _position: relative; 
   overflow: hidden;
   border:1px solid #86CDCF;
}

.thumbListBox
{
   _position: absolute; 
   _top: 50%; 
   display: table-cell; 
   vertical-align: middle;
}

.thumbListBox2
{
   _position: relative; 
   _top: -50%;
}

.thumbListBox img{
   margin:auto;
   text-align:center;
}

/**********************************************************/
/* this is used in vip home */

.vipHome {
   float:left;
   width: 328px; 
   background-color: #69a7bc;
   margin:5px;
   color:#fff;
   min-height:400px;
   _height:400px;
   padding-left:10px;
}

.vipHome .title{
   font-weight: bold;
   padding:5px;
   font-size:14px;
}

.vipHome img{
   border: 10px solid #440500;
}

.vipHome span{
   margin-top:5px;
   color:white;
}


.thumbListBoxVIPHomeOuter
{
   float:left;
   width: 344px; 
   background-color: #69a7bc;
   height:130px;
   margin:10px 3px;
   padding:8px;
   color: #fff;
}

.thumbListBoxVIPHomeOuter .picture
{
   float:left;
   width:130px;
}

.thumbListBoxVIPHomeOuter .description
{
}

.thumbListBoxVIPHomeOuter img
{
   float:left;
   text-align:left;
}

/**********************************************************/
#footer {
   margin:auto;
   color:#ACACAC;
   text-align:center;
   margin-top:5px;
   padding-bottom:10px;
   border:0px solid #000;
}

#footer2 {
   margin:auto;
   color:#ACACAC;
}

#footer2 div {
   height:20px;
   display:inline;
}

#footer2 div a {
   color:#ACACAC;
}

#footer2 div a:hover,
#footer2 div a.selected
{
   color: #000;
}

/**********************************************************/
#attachments{
}

#attachments div{
}

#attachments .attachmentFileName{
}

#attachments .attachmentIcon{
   float:left;
   width:20px;
   height:20px;
}

#attachments .attachmentLink{
   color: #000;
}

.zoomImageCaption {
   font: 11px Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
}

/**********************************************************/
#genericForm{
   color:#fff;
   border:0px solid #fff;
}

#genericForm td{
   color:#fff;
   padding:8px;
   padding-left:0px;
   vertical-align: top;
}

#genericForm .formTitle, .formTitle{
   font-size: 14px;
   font-weight: bold;
}

#genericForm .formFieldLabel{
   font-weight: bold;
   width:150px;
}

#genericForm .formFieldValue{
   font-size: 12px;
}

#genericForm .formInputBox{
   width:250px;
}

#genericForm .formInputCountryCode{
   width:30px;
}

#genericForm .formInputBoxSmall{
   width:210px;
}

#genericForm .formSmallText{
   font-size: 10px;
   font-weight: bold;
}

/**************************************************/
#genericForm div.formRow{
    clear:both;
   _padding:1px;
   vertical-align: top;
}

#genericForm div.formTitle{
   font-size: 14px;
   font-weight: bold;
   color:#000;
   text-align:left;
   padding:8px;
}

#genericForm div.formFieldLabel{
   float:left;
   font-weight: bold;
   width:125px;
   padding:8px;
   text-align: left;
   color:#000;
}

#genericForm div.formFieldLabelError{
   color: #ff9933;
}

#genericForm div.formFieldValue{
   float:left;
   padding:8px 0px;
   width: 165px;
   text-align: left;
   color:#000;
}
/**********************************************************/
.row
{
   margin-bottom:5px;
}

.row div.picture
{
}

.row div.desc
{
   padding-top:3px;
}

.row div.title
{
   color:red;
   font-size:10px;
}

.row a
{
   color:red;
   font-size:11px;
}
.productTitle
{
}

.productTitle a
{
   color:#fff;
   text-decoration:none;
}

a.productTitle:hover{
   text-decoration:underline;
}

/***********************CART*****************************/
a.cartButton1, a.cartButton1:visited{
   font-family: verdana;
   font-size: 11px;
   font-weight: Bold;
   color: #fff;
   background-color: #680a00;
   border: 1px solid #fff;
   cursor: pointer;
   cursor: hand;
   padding: 3px;
   text-decoration:none;
}

a.cartButton1:hover{
   background-color: #000;
}


/********************** CART BODY ******************************/
.cartBody{
   width: 100%;
   margin:auto;
   border:0px solid #000;
}

.cartBody td{
   padding: 5px;
   vertical-align: top;
}

.cartBody .description{
	line-height: 18px;
	color: #666666;
}

.cartBody .inputBox2 {
   width: 200px;
   color: #666666;
   border: 1px solid #cccccc;
   background-color: #F5F8F1;
}

.cartBody .inputBox3 {
   width: 250px;
   color: #666666;
   border: 1px solid #cccccc;
   background-color: #F5F8F1;
}

.cartBody .checkBox1 {
   width: 20px;
   color: #666666;
	border: 1px solid #cccccc;
   background-color: #F5F8F1;
}
/********************** CART TABLE ******************************/
.cartTable{
   width: 100%;
   margin:auto;
   background-color: #fff;
}

.cartTable td{
   color: #666666;
   vertical-align:top;
   border: 1px solid #cccccc;
   padding:5px;
}

.cartTable td.noBorder{
   border: 0px solid #cccccc;
}

.cartTable .headerRow{
   font-size: 12px;
   font-weight: bold;
}

.cartTable .textBold {
   font-weight: bold;
}

/********************** billingDetailsForm******************************/
.billingDetailsForm{
   border: 0px solid #000;
   width:100%;
}

.billingDetailsForm td{
   color: #fff;
   padding: 8px;
   padding-left: 0px;
}

/********************** billingDetailsForm******************************/
.billingDetailsFormPrint{
   border: 0px solid #CCCCCC;
   width:100%;
   text-align:left;
   padding:10px;
   padding-left:0px;
}

.billingDetailsFormPrint td{
   color: #000;
   padding: 8px;
   padding-left: 0px;
}

.billingDetailsFormPrint .formTitle{
   font-size: 13px;
   font-weight: bold;
}

.billingDetailsFormPrint .formFieldLabel{
   font-weight: bold;
   width:150px;
}

.billingDetailsFormPrint .formFieldValue{
   font-size: 12px;
}
/********************** CART TABLE ******************************/
.cartFooter{
   width: 100%;
   margin:auto;
}

.cartFooter td{
   padding:2px;
}

/********************** PAYMENT METHODS ******************************/
.paymentMethods{
   width: 100%;
   margin:auto;
}

.paymentMethods td{
   color: #666666;
   vertical-align:top;
   border: 1px solid #cccccc;
   padding:5px;
}

.paymentMethods .fieldLabel{
   font-weight:bold;
}

.paymentMethods .fieldValue{
}

/***********************************/
.cartHeading{
  font-size: 14px;
  font-weight: bold;  
  color: #fff;
  letter-spacing:1px;
}

/************************* PAGER PANEL **************************/
.pagerPanel{
   padding: 0px;
   border:0px solid #fff;
   margin-top:10px;
}

.pagerPanel td{
   color: #fff;
}

/***************************************************************/
.pagerDisplay{
   padding: 0px;
   border:0px solid #000;
   text-align:right;
   width:300px;
}

.pagerDisplay td.back{
   width: 100px;
   text-align: left;
}

.pagerDisplay td.prev{
   width: 70px;
   text-align: left;
}

.pagerDisplay td.next{
   width: 50px;
   text-align: right;
}

.pagerDisplay td.display{
   text-align: center;
}

.pagerDisplay a:link, .pagerDisplay a:visited{
	color : #fff;
	text-decoration: none;
}

/*************************** pagerDisplayDetail ********************************/
.pagerDisplayDetail{
   padding: 0px;
   border:0px solid #000;
   padding:0;
   width:685px;
}

.pagerDisplayDetail td.back{
   width: 25%;
   text-align: left;
}

.pagerDisplayDetail td.previous{
   text-align: left;
   width: 30%;
}

.pagerDisplayDetail td.next{
   text-align: right;
   width: 18%;
}

.pagerDisplayDetail td.display{
   width: 35%;
   text-align: center;
}

/**********************************************************/
#detail 
{
   background-color:#fff;
   color:#440500;
   padding:5px;
   _height:475px; /* Fix for IE */
   min-height:475px;
   line-height:17px;
}

#detail .descContainer
{
   float:left;
   width:370px;
}

#detail .picture
{
   float:left;
   width:320px;
}

#detail .picture img
{
   float:right;
}

#detail .title
{
   font-weight:bold;
   font-size:14px;
   padding-bottom:15px;
}

a.viewCart {
   font-size:11px;
   color:#440500;
}

div.relatedPictureBox{
   float: left;
   margin: 3px;
}

/****************************** LOGIN FORM **********************/
#loginPanel{
   border:1px dotted #fff;
   color:#fff;
   margin-top:25px;
   width:150px;
}

#loginPanel div{
   padding:5px;
}

#loginPanel .textBox{
   width:125px;
}

/********************** STYLISH BUTTON ******************************/
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
   overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
   width: 100%;
}

a.squarebutton,
a.squarebutton2
{
   background: transparent url('images/square-gray-left.gif') no-repeat top left;
   display: block;
   float: left;
   font: normal 12px Arial; /* Change 12px as desired */
   line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
   height: 23px; /* Height of button background height */
   padding-left: 9px; /* Width of left menu image */
   text-decoration: none;
}

a.squarebutton2{
   background: transparent url('images/square-orange-left.gif') no-repeat top left;
}

a:link.squarebutton, 
a:visited.squarebutton, 
a:active.squarebutton,
a:link.squarebutton2, 
a:visited.squarebutton2, 
a:active.squarebutton2
{
   color: #494949; /*button text color*/
}

a.squarebutton span,
a.squarebutton2 span
{
   background: transparent url('images/square-gray-right.gif') no-repeat top right;
   display: block;
   padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton2 span
{
   background: transparent url('images/square-orange-right.gif') no-repeat top right;
}

a.squarebutton:hover,
a.squarebutton2:hover
{ /* Hover state CSS */
   background-position: bottom left;
}

a.squarebutton:hover span,
a.squarebutton2:hover span
{ /* Hover state CSS */
   background-position: bottom right;
   color: black;
}