/*--------------------------------------------------------------------------------*/
/* main */
/*--------------------------------------------------------------------------------*/

html 
   {overflow-y : scroll}

body
   {background-color  : #6fb1fb;
    background-image  : url("images/borders/grx_background_sky.gif");
    background-repeat : repeat-x}

table
   {font-family : "lucida sans unicode";
    font-weight : normal;
    font-size   : 8pt;
    color       : black}


input
   {font-family : "century gothic", "trebuchet ms";
    color       : blue;
    font-size   : 100%;
    font-weight : bold;
    line-height : 100%}

select
   {font-family : "century gothic", "trebuchet ms";
    color       : blue;
    font-size   : 100%;
    font-weight : bold;
    line-height : 150%}

textarea
   {font-family : "century gothic", "trebuchet ms";
    color       : blue;
    font-size   : 100%;
    font-weight : bold;
    resize      : none}


form
   {margin-bottom : 0}

.helpicon 
   {cursor : help}

.button
   {font-family         : "century gothic", "trebuchet ms";
    color               : blue;
    font-size           : 100%;
    font-weight         : normal;
    height              : 24px;
    background-color    : #ff6600;
    border              : 1px outset;
    cursor              : pointer;
    background-image    : url("images/general/bkg_button.gif"); 
    background-repeat   : repeat-x} 

.buttonhover
   {font-family         : "century gothic", "trebuchet ms";
    color               : white;
    font-size           : 100%;
    font-weight         : normal;
    height              : 24px;
    background-color    : #ff6600;
    border              : 1px inset;
    border-color        : #990033; 
    cursor              : pointer;
    background-image    : url("images/general/bkg_buttonhover.gif"); 
    background-repeat   : repeat-x} 

.buttonbold
   {font-family         : "century gothic", "trebuchet ms";
    color               : blue;
    font-size           : 100%;
    font-weight         : bold;
    height              : 24px;
    background-color    : #ff6600;
    border              : 1px outset;
    cursor              : pointer;
    background-image    : url("images/general/bkg_button.gif"); 
    background-repeat   : repeat-x} 

.buttonboldhover
   {font-family         : "century gothic", "trebuchet ms";
    color               : white;
    font-size           : 100%;
    font-weight         : bold;
    height              : 24px;
    background-color    : #ff6600;
    border              : 1px outset;
    cursor              : pointer;
    background-image    : url("images/general/bkg_buttonhover.gif"); 
    background-repeat   : repeat-x} 

/*--------------------------------------------------------------------------------*/
/* page and backgrounds */
/*--------------------------------------------------------------------------------*/

.bkg_page    
   {width: 980px}

.bkg_plum 
   {background-color: #990033}

.bkg_orange
   {background-color: #FF6600}

.bkg_orange_strip
   {background-color  : #FF6600;
    width             : 3px}

.bkg_body
   {background-color  : white}

.bkg_fade_gold_header
   {background-color    : white;
    background-image    : url("images/borders/bkg_gold_fade_header.jpg"); 
    background-position : left top;
    background-repeat   : repeat-x}

.bkg_fade_gold
   {background-color    : white;
    border              : 1px solid #ffcc00;
    background-image    : url("images/borders/bkg_gold_fade.jpg"); 
    background-position : left bottom;
    background-repeat   : repeat-x}

.bkg_fade_gold_noborder
   {background-color    : white;
    background-image    : url("images/borders/bkg_gold_fade.jpg"); 
    background-position : left bottom;
    background-repeat   : repeat-x}

.bkg_fade_gold_short
   {background-color    : white;
    border              : 1px solid #ffcc00;
    background-image    : url("images/borders/bkg_gold_fade_short.jpg"); 
    background-position : left bottom;
    background-repeat   : repeat-x}

.bkg_border_gold
   {background-color  : white;
    border            : 1px solid #ffcc00}

.bkg_border_orange
   {background-color  : white;
    border            : 2px solid #ff6600}

.bkg_borderfilled
   {background-color  : white;
    border            : 4px solid white}

.bkg_body_fade
  {background-color   : #fffcc1;
   background-image   : url('images/borders/bkg_welcomeheader.jpg'); 
   background-repeat  : no-repeat}

.bkg_body_fade2
  {background-color   : white;
   background-image   : url("images/borders/bkg_body_pattern.gif")}

.bkg_logo
  {width              : 980px;
   background-color   : #990033;
   background-image   : url("images/general/grx_a1villa_swoosh.jpg"); 
   background-position: right bottom;
   background-repeat  : no-repeat}

.bkg_lowerfade
  {background-color   : #990033;
   background-image   : url("images/general/grx_lowerfade.gif");
   background-repeat  : repeat-x;
   height             : 24px}

.bkg_bookingstatus
  {height           : 120px;
   background-image : url('images/borders/bkg_bookingstatus.jpg'); 
   background-position : center;
   background-repeat: no-repeat}

.bkg_parktickets
  {height           : 180px;
   background-image : url('images/borders/bkg_parktickets.gif'); 
   background-repeat: no-repeat}

.bkg_carhire
  {height           : 140px;
   background-image : url('images/borders/bkg_carhire.jpg'); 
   background-repeat: no-repeat}

.bkg_bubbleleft
  {background-position : center; 
   background-image    : url('images/borders/bkg_bubbleleft.gif'); 
   background-repeat   : no-repeat}

.bkg_bubbleright
  {background-position : center; 
   background-image    : url('images/borders/bkg_bubbleright.gif'); 
   background-repeat   : no-repeat}

.bkg_esta_small
  {height              : 80px;
   background-image    : url('images/general/esta_small.gif'); 
   background-position : center;
   background-repeat   : no-repeat}


/*--------------------------------------------------------------------------------*/
/* borders */
/*--------------------------------------------------------------------------------*/

.spacer
   {width: 8px}

.gap5
   {height: 5px}

.gap10
   {height: 10px}

.gap20
   {height: 20px}

.gap30
   {height: 30px}


.arc_top_left  
   {height           : 16px;
    width            : 16px;
    background-image : url("images/borders/arc_top_left.gif");
    background-repeat: no-repeat}

.arc_top_right 
   {height           : 16px;
    width            : 16px;
    background-image : url("images/borders/arc_top_right.gif");
    background-repeat: no-repeat}

.arc_bottom_left  
   {height           : 16px;
    width            : 16px;
    background-image : url("images/borders/arc_bottom_left.gif");
    background-repeat: no-repeat}

.arc_bottom_right 
   {height           : 16px;
    width            : 16px;
    background-image : url("images/borders/arc_bottom_right.gif");
    background-repeat: no-repeat}

/*--------------------------------------------------------------------------------*/
/* menus */
/*--------------------------------------------------------------------------------*/

.menu_tab
  {width            : 100px;
   height           : 26px;
   text-align       : center;
   padding-top      : 2px;
   background-image : url("images/general/grx_tab.gif"); 
   background-repeat: no-repeat}

.menu_tab_over
  {width            : 100px;
   height           : 26px;
   text-align       : center;
   padding-top      : 2px;
   background-image : url("images/general/grx_tabhighlight.gif");
   background-repeat: no-repeat}

.menu_tabselected   
  {font-family      : "century gothic", "trebuchet ms";
   width            : 100px;
   height           : 26px;
   font-size        : 110%;
   font-weight      : bold;
   text-align       : center;
   padding-bottom   : 1px;
   background-image : url("images/general/grx_tabselected.gif"); 
   background-repeat: no-repeat}

.menu_item          
  {font-family      : "century gothic", "trebuchet ms";
   font-size        : 110%;
   font-weight      : bold;
   color            : white;
   text-decoration  : none}

.menu_item:hover
  {color            : yellow;
   text-decoration  : none}

.menu_item_selected
  {font-family      : "century gothic", "trebuchet ms";
   font-size        : 110%;
   font-weight      : bold;
   color            : black}

.menu_item_divide
  {font-family      : "century gothic", "trebuchet ms";
   font-size        : 110%;
   font-weight      : bold;
   color            : black}

.menu_item_background
  {height              : 22px;
   background-image    : url("images/general/bkg_menu_hilite.gif"); 
   background-position : center;
   background-repeat   : repeat-x}


.h100tab
   {font-family        : "century gothic", "trebuchet ms";
    color              : white;
    font-weight        : normal;
    font-size          : 110%;
    text-decoration    : none}

.h100tab:hover
   {color              : black;
    text-decoration    : none}

/*--------------------------------------------------------------------------------*/
/* headings */
/*--------------------------------------------------------------------------------*/

h1
   {font-family      :  "century gothic", "trebuchet ms";
    color            : #ffff4f;
    font-weight      : normal;
    font-style       : normal;
    font-size        : 240%;
    text-align       : left;
    height           : 40px;
    margin-top       : 0px;
    margin-bottom    : 0px;
    padding-top      : 0px;
    padding-bottom   : 8px}


h2
   {font-family       :  "century gothic", "trebuchet ms";
    color             : white;
    font-weight       : normal;
    font-style        : normal;
    font-size         : 120%;
    text-align        : left;
    vertical-align    : middle;
    height            : 22px;
    padding-left      : 5px;
    margin-bottom     : 0px;
    padding-top       : 1px;
    background-image  : url("images/borders/bkg_h2fade.jpg");
    background-repeat : repeat-x}

/*--------------------------------------------------------------------------------*/
/* title headers */
/*--------------------------------------------------------------------------------*/

.t100
   {font-family       : "century gothic", "trebuchet ms";
    color             : white;
    font-weight       : normal;
    font-style        : normal;
    font-size         : 100%;
    vertical-align    : middle;
    height            : 22px;
    padding-left      : 4px;
    margin-bottom     : 0px;
    padding-top       : 0px;
    background-image  : url("images/borders/bkg_h2fade.jpg");
    background-repeat : repeat-x}

/*--------------------------------------------------------------------------------*/
/* fonts */
/*--------------------------------------------------------------------------------*/

.f200
   {font-family    : "century gothic", "trebuchet ms";
    color          : #ffff8f;
    font-weight    : normal;
    font-size      : 225%;
    height         : 30px;
    padding-top    : 2px}

.f175
   {font-family    : "century gothic", "trebuchet ms";
    color          : #cc0000;
    font-weight    : normal;
    font-size      : 175%;
    height         : 25px}

.f133bold
   {font-family    : "century gothic", "trebuchet ms";
    color          : #cc0000;
    font-weight    : bold;
    font-size      : 133%;
    padding-top    : 5px;
    height         : 22px}

.f133copyright
   {font-family    : "century gothic", "trebuchet ms";
    color          : #cc0000;
    font-weight    : bold;
    font-size      : 133%;
    line-height    : 150%}

.f133
   {font-family    : "century gothic", "trebuchet ms";
    color          : #cc0000;
    font-weight    : normal;
    font-size      : 133%;
    height         : 22px}

.f130bold
   {font-family : "lucida sans unicode", "century gothic", "trebuchet ms";
    color       : #cc0000;
    font-weight : bold;
    font-size   : 160%;
    height      : 25px}

.f125bold
   {font-family : "century gothic", "trebuchet ms";
    font-size   : 125%;
    font-weight : bold}

.f125
   {font-family : "century gothic", "trebuchet ms";
    font-size   : 125%;
    font-weight : normal}

.f100
   {font-size   : 100%;
    font-weight : normal;
    line-height : 150%}

.f100bold
   {font-weight : bold;
    font-size   : 100%;
    line-height : 150%}

.f100xbold
   {font-family : "lucida sans unicode";
    color       : black;
    font-weight : bold;
    font-size   : 100%;
    line-height : 150%}

.f100hdrbold
   {font-family : "century gothic", "trebuchet ms";
    color       : #cc0000;
    font-weight : bold;
    font-size   : 100%}
    

.f100hdr
   {font-family       : "century gothic", "trebuchet ms";
    color             : #cc0000;
    font-weight       : bold;
    font-style        : normal;
    font-size         : 100%;
    text-align        : left;
    vertical-align    : middle;
    height            : 20px;
    padding-left      : 5px;
    margin-bottom     : 0px;
    padding-bottom    : 0px}

.f90
   {color       : black;
    font-size   : 90%;
    font-weight : normal;
    line-height : 125%}

.f90bold
   {font-weight : bold;
    font-size   : 90%;
    line-height : 125%}

.f90light
   {color       : #ffcc00;
    font-size   : 90%;
    font-weight : normal;
    line-height : 125%}

.f90lightbold
   {color       : #ffcc00;
    font-weight : bold;
    font-size   : 90%;
    line-height : 125%}

/*--------------------------------------------------------------------------------*/
/* Calendar */
/*--------------------------------------------------------------------------------*/

.c100titlebold
   {font-size       : 100%;
    font-weight     : bold;
    text-align      : center;
    width           : 26px;
    height          : 20px}

.c100titleboldwe
   {font-size       : 100%;
    font-weight     : bold;
    text-align      : center;
    text-decoration : underline;
    width           : 26px;
    height          : 20px}

.c100
   {font-family      : "century gothic", "trebuchet ms";
    font-size        : 133%;
    font-weight      : bold;
    text-align       : right;
    padding-right    : 4px;
    height           : 20px;
    background-color : white;
    border           : 1px outset #ffcc00}

.c100prevmonth
   {font-family      : "century gothic", "trebuchet ms";
    font-size        : 120%;
    font-weight      : bold;
    color            : #c0c0ff;
    text-decoration  : none}

.c100prevmonth:hover
   {color            : white;
    text-decoration  : none;
    background       : #ff6600}

.c100currmonth
   {font-family      : "century gothic", "trebuchet ms";
    font-size        : 120%;
    font-weight      : bold;
    color            : blue;
    text-decoration  : none}

.c100currmonth:hover
   {color            : white;
    text-decoration  : none;
    background       : #ff6600}

.c100today
   {font-family      : "century gothic", "trebuchet ms";
    font-size        : 120%;
    font-weight      : bold;
    color            : red;
    text-decoration  : none}

.c100today:hover
   {color            : yellow;
    text-decoration  : none;
    background       : #f26303}


/*--------------------------------------------------------------------------------*/
/* hyperlinks */
/*--------------------------------------------------------------------------------*/

.h100bold
   {font-family     : "century gothic", "trebuchet ms";
    color           : blue;
    font-weight     : bold;
    font-size       : 100%;
    text-decoration : none}

.h100bold:hover
   {color           : #ff6600;
    text-decoration : underline}


.h100whitebold
   {font-family     : "century gothic", "trebuchet ms";
    color           : white;
    font-weight     : bold;
    font-size       : 100%;
    text-decoration : none}

.h100whitebold:hover
   {color           : yellow;
    text-decoration : underline}

.h100blackbold
   {font-family     : "century gothic", "trebuchet ms";
    color           : black;
    font-weight     : bold;
    font-size       : 100%;
    text-decoration : none}

.h100blackbold:hover
   {color           : #ffcc00;
    text-decoration : none}

.h90
   {font-family     : "century gothic", "trebuchet ms";
    color           : blue;
    font-weight     : bold;
    font-size       : 90%;
    text-decoration : none}

.h90:hover
   {color           : #00ff00;
    text-decoration : none}

.h90advert
   {font-family     : "century gothic", "trebuchet ms";
    color           : white;
    font-weight     : bold;
    font-size       : 90%;
    text-decoration : none}

.h90advert:hover
   {color           : #00ff00;
    text-decoration : none}


/*--------------------------------------------------------------------------------*/
/* map markers */
/*--------------------------------------------------------------------------------*/

.map_marker_green
  {height              : 32px;
   width               : 32px;
   background-image    : url("images/map/marker_green.gif"); 
   background-position : center;
   background-repeat   : no-repeat}

.map_marker_orange
  {height              : 32px;
   width               : 32px;
   background-image    : url("images/map/marker_orange.gif"); 
   background-position : center;
   background-repeat   : no-repeat}

.map_marker_pink
  {height              : 32px;
   width               : 32px;
   background-image    : url("images/map/marker_pink.gif"); 
   background-position : center;
   background-repeat   : no-repeat}

.map_marker_purple
  {height              : 32px;
   width               : 32px;
   background-image    : url("images/map/marker_purple.gif"); 
   background-position : center;
   background-repeat   : no-repeat}

.map_marker_red
  {height              : 32px;
   width               : 32px;
   background-image    : url("images/map/marker_red.gif"); 
   background-position : center;
   background-repeat   : no-repeat}

.map_marker_teal
  {height              : 32px;
   width               : 32px;
   background-image    : url("images/map/marker_teal.gif"); 
   background-position : center;
   background-repeat   : no-repeat}

.map_marker_yellow
  {height              : 32px;
   width               : 32px;
   background-image    : url("images/map/marker_yellow.gif"); 
   background-position : center;
   background-repeat   : no-repeat}

/*
DEFUNCT










*/