/* global */
html{height: 100%;}

body
{ font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .70em;
  background: #3F3F3F url(../images/general/background.gif) repeat;
  color: #555;
}

p, .boxtxt
{ margin: 0px;  
  line-height: 1.2em;
  text-align: justify;
}

p {padding: 0px 0px 16px 0px;}
.boxtxt {padding: 0px 6px 0px 0px;}

.flags
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
  text-align:right;
  font-size: .8em;
}

h1, h2, h3, h4
{ font-family: tahoma, arial, sans-serif;
  font-size: 120%;
  letter-spacing: .1em;
  padding: 7px 0px 5px 0px; 
  margin: 0px 0px 12px 0px; 
  color: #555;
}
.titlebluecentre, .titleredcentre
{ font-family: tahoma, arial, sans-serif;
  padding: 0px 0px 0px 0px; 
  margin: 0px 0px 0px 0px; 
  text-align:center;
}
.titlebluecentre
{ color: #0099cc;}

.titleredcentre
{ color: red;}

.txtbluebold{ color: #0099cc; font-weight:bold}
.txtdarkbluebold{ color: #336699; font-weight:bold}
.txtredbold{ color: #ec0a55; font-weight:bold}
.bold{font-weight:bold}
.bolditalic{font-weight:bold; font-style:italic}
.txtnb{ color: #336699; font-weight:bold}

h4
{ font-family: arial, sans-serif;
  font-size: 110%;
  color: #555;
}

.flagimg
{ border: 0px; 
  margin-right: 8px; 
  padding: 0px;
}

.padhomeimgsmall
{ border: 0px; 
  padding: 0 10px 60px 0px; 
  margin: 0px;
  float: left;
}
.padhomeimglarge
{ border: 0px; 
  padding: 0 10px 180px 0px; 
  margin: 0px;
  float: left;
}

a{outline: none;}

form{padding: 0; margin: 0;}

.txtcenter{text-align: center}
.paddingright{padding-right:0 6px 0 0;}

.small{font-size: .80em;}
a, a:hover, a:visited, a:link{color: #0099cc; text-decoration: none;}
a:hover{text-decoration: underline;}

/* image positioning - left, right and center */
.left
{ float: left; 
  border-right: 18px solid;
}

.right
{ float: right; 
  border-left: 18px solid;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

.left, .right{border-color: #FFF;}

/* block quote */
blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid #4D4D4D;
}

/* unordered list */
ul
{ margin: 2px 0px 18px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 6px 0px; 
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #site_content
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main
{ width: 800px;
  background: #FFF url(../images/general/mainbody.gif) repeat-y;
  color: #555;
}

/* logo */
#logo
{ width: 784px;
  height: 140px;
  /*border-top: 1px solid #F2F2F0;*/
  background: #00ccff url(../images/general/logo.gif) no-repeat left center;
  color: #FFF;
}

/* navigation menu */
#menubar
{ background: #686868 url(../images/general/menu.gif) repeat;
  width: 784px;
  border-top: 1px solid #7D7D7D;
  height: 50px;
} 

ul#menu{margin: 0px;}

ul#menu li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

ul#menu li a 
{ font-family: verdana, sans-serif;
  display: block; 
  float: left; 
  height: 34px;
  text-decoration: none; 
  padding: 16px 16px 0px 16px;
  text-align: center;  
  background: transparent;
  color: #d4d3d3;
} 

.menuborder
{
border-right: 1px solid #7D7D7D;
}

ul#menu li a:hover, ul#menu li a.current, ul#menu li a.current:hover
{ background: transparent;
  color: #FFF;
} 

/* main content */
#site_content
{ width: 760px;
  overflow: hidden;
} 


/* Boxes (mainly used on home page) */
.boxrow
{ float: left;
  padding: 8px 0px 0px 15px;
  width:100%;
  }

.boxitem3col, .boxitem2col
{ text-align: justify;  
  float: left;
  margin: 0px 7px 0px 0px;  
  padding: 8px 8px 3px 8px;
  border-style:solid;
  border: 1px 1px 1px 1px;
  border-color: #b5b4b4;   
  background-color: #f9f9ef;
  }
.boxitem3col{width: 29%; min-height: 130px;}
.boxitem2col{width: 45%;}

.clrfloat, .clrfloatspacer{clear:both; width:100%; height:1px;}
.clrfloatspacer{height:10px;}

/* box shading*/
.greytop, .greybottom
{
height: 15px;
}

.greytop{
background: url(../images/shadings/homeboxgreytop.gif) repeat-x;
}

.greybottom{
background: url(../images/shadings/homeboxgreybottom.gif) repeat-x;
}


/* page content */
.content_container
{ text-align: left;
  width: 731px;
  float: left;
  padding: 15px 22px 0px 15px;
}
.content_imagemonk
{text-align: center;
height:140px;   
  background: url(../images/utot/utot.jpg) no-repeat;
}

.content
{ text-align: left;
  width: 720px;
  padding: 8px 14px 8px 15px;
}

.content a
{ background: transparent;
  color: #555;
  border-bottom: 1px dotted;
}

.content a:hover
{ background: transparent;
  color: #A4A4A4;
}

.sidebaritem, #content{background: #FFF;}

/* 2 col divs */

#leftservice, #leftmobile, #leftdestination, #lefthotdial, #leftfuture, #leftfaq, #leftabout, #leftterms
{ width: 17%;
  min-height: 214px;
  padding: 0 10px 0 0;
  text-align: left; 
  float: left;     
    }
#leftservice{background: url(../images/sideimages/orchid.jpg) no-repeat ;}
#leftmobile{background: url(../images/sideimages/temple.jpg) no-repeat ;}
#leftdestination{background: url(../images/sideimages/spires.jpg) no-repeat ;}
#lefthotdial{background: url(../images/sideimages/lion.jpg) no-repeat ;}
#leftfuture{background: url(../images/sideimages/budha.jpg) no-repeat ;}
#leftfaq{background: url(../images/sideimages/statue.jpg) no-repeat ;}
#leftabout{background: url(../images/sideimages/lion2.jpg) no-repeat ;}
#leftterms{background: url(../images/sideimages/market1.jpg) no-repeat ;}
#rightcolumn
{ width: 79%;
  text-align: justify; 
  float: right;
  }
  
/* service provider logos */ 

.sprow
{ width: 100%;}
.spcol
{ width: 32%;  
  text-align: center; 
   float: left;  
   height: 100px;
   vertical-align:bottom; 
}

/* footer */
#footer
{ width: 720px;
  height: 34px;
  padding: 12px 16px 0px 19px;
  text-align: center; 
  border-top: 2px solid #F2F2F0;
  background: #999999 url(../images/general/menu.gif) repeat-x;
  color: #d4d3d3;
}

#footer a
{ background: transparent;
  color: #FFF;
}

#footer a:hover
{ background: transparent;
  color: #AAA;
}

#content a, #content a:hover, #footer a, #footer a:hover{text-decoration: none;}

/* lucky8 and 9 horseracing */

#promohdr
{ width: 100%;
  height: 175px;  
  border: 1px solid #b5b4b4;
  margin-bottom:15px;
}
#promoimg
{ width: 50%;
  height: 175px;  
  background: url(../images/lucky/horse.gif) no-repeat;
  float:left; 
}
#promotxt
{ width: 49%;
  height: 175px;  
  float:right; 
  padding-top: 3px;
  vertical-align:middle;
}

.luckybluehdr{ color: #336699; font-weight:bold; font-size: 3.5em; text-align: center}
.makbluehdr{ color: #336699; font-weight:bold; font-size: 2em; text-align: center}
.makbluehdr2{ color: #336699; font-weight:bold; font-size: 1.6em; text-align: center}
.makbluehdr3{ color: #336699; font-weight:bold; font-size: 1.5em; text-align: center}
.makorangehdr2{ color:#ef8531; font-weight:bold;}
.makorangehdr3{ color:#ef8531; font-weight:bold; text-decoration: underline}
.makmaktitle{ color: blue; font-weight:bold; font-size:2.7em}
.makmakredtitle{ color: red; font-weight:bold; font-size:1.5em; text-align:center}

.luckyredhdr{ color: red; font-weight:bold; font-size: 2.5em; text-align: center}

.luckyorangehdr{ color: #fbcb0b; font-weight:bold; font-size: 3.5em; text-align: center}

.blueonredblock{color: #336699; font-weight:bold; font-size: 1.8em; text-align: justify; background-color:Red;}
.orangeonredblock{color: #fbcb0b; font-weight:bold; font-size: 1.8em; text-align: justify; background-color:Red;}

#promofooter
{ width: 100%;
   margin-bottom:15px;
   padding:0 2em 0 2em;
   border-top: 1px dashed #80162a;
}
.promofootertxt{color: #80162a; font-size: 0.9em; text-align: center;}

.orangetext{color:#ef8531; font-weight:bold;}