/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
/*html { height: 100% }*/
html
{
   padding: 0;
   margin: 0;
}
body
{
   /*background-color: #5c87b2;*/
   font-size: .75em;
   font-family: Verdana, Helvetica, Sans-Serif;
   margin: 0;
   padding: 0;
   color: #696969;
   color: #000;
   background-color: #fff;
   /*background: url(Images/site_bg.jpg) top;*/
   background-repeat: repeat-x;
}

a:link
{
   color: #034af3;
   text-decoration: underline;
}
a:hover
{
   color: #1d60ff;
   text-decoration: none;
}
a:active
{
   color: #12eb87;
}

p, ul
{
   margin-bottom: 20px;
   line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
   font-size: 1.5em;
   color: #000;
   font-family: Arial, Helvetica, sans-serif;
   color: #f04f23;
}
h1
{
   font-size: 2em;
   padding-bottom: 0;
   margin-bottom: 0;
}
h2
{
	/*background: url('Images/header-underline.png') repeat-x left bottom;*/
	margin: 0 0 5px 0;
	padding: 0 0 9px 0;
	color: #f04f23;
}
h3
{
   font-size: 1.2em;
}
h3 a
{
   color: #f04f23;
   text-decoration: none;
}
h3 a:hover
{
   color: #f04f23;
   text-decoration: underline;
}
h4
{
   font-size: 1.1em;
}
h5, h6
{
   font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
   margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
#page
{
   width: 1000px;
   margin-left: auto;
   margin-right: auto;
   top: 0px;
   /*border-top: 1px solid black;*/
   /*background: url(Images/page-bg.jpg) no-repeat top left;*/
   background-color: #fff;
}

#pageInner
{
   position: relative;
   /*width: 985px;*/
   margin-top: 0px;
   /*margin-left: 5px;*/
   padding: 0;
   margin: 0;
}

#header
{
   margin-left: auto;
   margin-right: auto;
   width: 960px;
   position: relative;
   margin-bottom: 0px;
   margin-top: 0px;
   /*margin-left: 10px;
   margin-right: 10px;*/
   color: #000;
   padding: 0;
   width: 980px;
   height: 100px;
}

#header h1
{
   font-weight: bold;
   padding: 5px 0;
   margin: 0;
   color: #fff;
   border: none;
   line-height: 2em;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 32px !important;
}

#main
{
   width: 990px;
   /*margin-left: auto;
   margin-right: auto;*/
   padding: 0;
   background-color: #fff;
   margin-top: 0px;
   _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
}

#footer
{
   clear: both;
   color: #999;
   padding: 10px 0;
   text-align: center;
   line-height: normal;
   margin: 0;
   font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
   border-bottom: 1px #5C87B2 solid;
   padding: 0 0 2px;
   position: relative;
   margin: 0;
   text-align: right;
}

ul#menu li
{
   display: inline;
   list-style: none;
}

ul#menu li#greeting
{
   padding: 10px 20px;
   font-weight: bold;
   text-decoration: none;
   line-height: 2.8em;
   color: #fff;
}

ul#menu li a
{
   padding: 10px 20px;
   font-weight: bold;
   text-decoration: none;
   line-height: 2.8em;
   background-color: #e8eef4;
   color: #034af3;
}

ul#menu li a:hover
{
   background-color: #fff;
   text-decoration: none;
}

ul#menu li a:active
{
   background-color: #a6e2a6;
   text-decoration: none;
}

ul#menu li.selected a
{
   background-color: #fff;
   color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {    
float: left;    
clear: left;    
width: 100%;    
margin: 0 0 1.5em 0;    
padding: 0;  
border: 0;
}


fieldset p
{
   margin: 2px 12px 10px 10px;
}


fieldset ol
{
   padding: 1em 1em 0 1em;
   list-style: none;
}

fieldset li {    
float: left;    
clear: left;    
width: 100%;    
padding-bottom: 1em;  
}

/*
label {    
float: left;    
width: 10em;    
margin-right: 1em;    
text-align: right;  
}

fieldset label
{
   display: block;
}
*/

fieldset label.inline
{
   display: inline;
}

legend
{
   font-size: 1.1em;
   font-weight: 600;
   padding: 2px 4px 8px 4px;
   margin: 1em;
   border: 0;
}

input[type=text]
{
   width: 200px;
   border: 1px solid #000;
   /*background-color: #fdffbd;*/
}

input[type=password]
{
   width: 200px;
   border: 1px solid #CCC;
   /*border: 1px solid #000;*/
   /*background-color: #fdffbd;   */
}

select
{
   width: 200px;
   border: 1px solid #ccc;
   /*background-color: #fdffbd;*/

}

/* TABLE
----------------------------------------------------------*/

/*
table
{
   border: solid 1px #e8eef4;
   border-collapse: collapse;
}

table td
{
   padding: 5px;
   border: solid 1px #e8eef4;
}

table th
{
   padding: 6px 5px;
   text-align: left;
   background-color: #e8eef4;
   border: solid 1px #e8eef4;
}
*/
/* MISC  
----------------------------------------------------------*/
.clear
{
   clear: both;
}

.error
{
   color: Red;
}

#menucontainer
{
   top: 100px; /*margin-top:75px;*/
}

div#title
{
   display: block;
   float: left;
   text-align: left;
   width: 300px;
}
div#message
{
   display: block;
   float: left;
   text-align: center;
   width: 430px;
}
div#message p
{
   font-size: 11pt;
   color: #111;
   font-weight: bold;
}
#logindisplay
{
   font-size: 1.1em;
   display: block;
   text-align: right;
   margin: 10px;
   color: #888;
   /*background: url(Images/container-drop-shadow.jpg) top;*/
}

#logindisplay p
{
   margin-bottom: 0px;
}

#loginForm
{
   font-size: 1.1em;
   display: block;
   text-align: left;
   margin: 10px;
   color: #888;
   background: url(Images/container-drop-shadow.jpg) no-repeat;
   width: 500px;
   height: 200px;
   margin-left: auto;
   margin-right: auto;
}
/*
#logindisplay a:link
{
   color: #888;
   text-decoration: underline;
}

#logindisplay a:visited
{
   color: #888;
   text-decoration: underline;
}

#logindisplay a:hover
{
   color: #000;
   text-decoration: none;
}
*/

.field-validation-error
{
   color: #ff0000;
}

.input-validation-error
{
   border: 1px solid #ff0000;
   background-color: #ffeeee;
}

.validation-summary-errors
{
   font-weight: bold;
   color: #ff0000;
}


/* tour display */
.tourSummary
{
   width: 377px;
   height: 201px;
   margin: 0;
   padding: 0;
   padding-right: 0;
   margin-right: 0px;
   margin-bottom: 0px; 
   background: url(Images/new-search-bg2.jpg) no-repeat top left;
   /*background: url(Images/search-drop-shadow.jpg) np-repeat top left;*/
   /* background: url(Images/search_bg_rounded.jpg) no-repeat top left; /*background-repeat: no-repeat;*/
   /*background: url(Images/search_test.jpg) no-repeat top left; /*background-repeat: no-repeat;*/   
   font-family: sans-serif;
   margin: 1px;
}

.tourSummaryHigh
{
   width: 377px;
   height: 201px;
   margin: 0;
   padding: 0;
   padding-right: 0;
   margin-right: 0px;
   margin-bottom: 0px; 
   background: url(Images/search_bg_high.jpg) no-repeat top left;
   /*background: url(Images/search-drop-shadow.jpg) np-repeat top left;*/
   /* background: url(Images/search_bg_rounded.jpg) no-repeat top left; /*background-repeat: no-repeat;*/
   /*background: url(Images/search_test.jpg) no-repeat top left; /*background-repeat: no-repeat;*/   
   font-family: sans-serif;
   margin: 1px;
}

.tourSummary div.low
{
   background: url(Images/new-search-bg2.jpg) no-repeat top left;
}
.tourSummary div.med
{
   background: url(Images/search_bg_med.jpg) no-repeat top left;
}
.tourSummary high
{
   background: url(Images/search_bg_high.jpg) no-repeat top left;
}

.tourSummary:hover, .tourSummaryHigh:hover
{
   cursor: pointer;
}

.tourSummary img.tourImage, .tourSummaryHigh img.tourImage
{
   position: absolute;
   top: 25px;
   left: 3px;
   width: 126px;
   height: 97px;
   /*border: 1px solid black;*/
}

.tourSummary:hover
{
   /* background-image: url(Images/searchresult_hl_bg.jpg); */
}

.tourSummary div.inner, .tourSummaryHigh div.inner
{
   position: relative;
   top: 2px;
   left: 2px;
   width: 373px;
}

.tourSummary h1, .tourSummaryHigh h1
{
   text-align: right;
   margin-top: 2px;
   margin-bottom: 0;
   margin-left: 5px;
   position: absolute;
   top: 0px;   
   font-size: 12pt;
   color: #ff5000;
   /*text-align: center;*/
   font-weight: bold;
   color: #000;
   font-family: Sans-Serif;
   font-weight: bold;
   /*font-style: oblique;*/
}

.tourSummary h1 a, .tourSummaryHigh h1 a
{
   color: #ff5000;
   text-decoration: none;
}

.tourSummary p.description, .tourSummaryHigh p.description
{
   position: absolute;
   top: 25px;
   left: 132px;
   width: 230px;
   /*border: 1px solid black;*/
   height: 95px;
   font-size: 8.5pt;
   font-weight: normal;
   font-style: italic;
   font-family: Lucida Sans, Lucida Sans Regular, Lucida Grande, Lucida Sans Unicode, Geneva, Verdana, sans-serif;
   color: #333;
   text-align: justify;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 2px;
   margin-right: 2px;
   
}


.tourSummary div.priceBox, .tourSummaryHigh div.priceBox
{
   position: absolute;
   top: 130px;
   left: 5px;
   width: 362px;
   background: #F6E4A3;
}
.tourSummary div.boxtop, .tourSummaryHigh div.boxtop
{
   background: url(Images/ne_00c800.gif) no-repeat top right;
}
.tourSummary div.boxtop div, .tourSummaryHigh div.boxtop div
{
   font-size: 0;
   height: 5px;
   background: url(Images/nw_00c800.gif) no-repeat top left;
}
.tourSummary div.boxbottom, .tourSummaryHigh div.boxbottom
{
   background: url(Images/se_00c800.gif) no-repeat bottom right;
}
.tourSummary div.boxbottom div, .tourSummaryHigh div.boxbottom div
{
   font-size: 0;
   height: 5px;
   background: url(Images/sw_00c800.gif) no-repeat bottom left;
}
.tourSummary div.boxcontent, .tourSummaryHigh div.boxcontent
{
   padding: 0px 5px 0px 5px;
}

.tourSummary div.price, .tourSummaryHigh div.price
{
   position: absolute;
   top: 200px;
   width: 220px;
   background: green;
   color: #000;
   padding: 5px;
}

.tourSummary div.details, .tourSummaryHigh div.details
{
   text-decoration: none;
   position: absolute;
   top: 180px;
   text-align: center;
   width: 225px;
}

.tourSummary div.details a, .tourSummaryHigh div.details a
{
   text-decoration: none;
   text-align: center;
   font-size: 1px;
   font-weight: normal;
   color: #00f;
}


.tourPrice
{
   text-align: right;
}

.tourPrice p
{
   margin-top: 2px;
   margin-bottom: 2px;
}

.searchPrice
{
   font-size: 24px;
   color: #000;
   font-weight: bold;
   font-style: oblique;
   font-family: Sans-Serif;
}

.priceMessage
{
   font-size: 12px;
   color: #f00;
   font-weight: bold;
   font-family: Sans-Serif;
   font-style: oblique;
}

.tourPrice p.priceLabel
{
   color: #000;
}
.tourPrice p.price
{
   /*float: right;*/
   color: #fff;
   font-size: 12pt;
   font-weight: bold;
}

.tourPrice p.fullPriceLabel
{
   float: left;
   vertical-align: baseline;
}

.tourPrice p.fullPrice
{
   float: right;
   color: #fff;
   vertical-align: baseline;
}

.tourDetail p
{
   font-size: 1em;
   font-weight: normal;
   text-align: justify;
}

.tourDetail p.shortSummary
{
   font-size: 1em;
   font-weight: bold;
}

/*
#loginForm
{
   background: url(Images/login-bg.jpg) no-repeat top left;
}
*/

/* rebate tours */
/* tour display */
.tourSummaryRebate
{
   width: 250px;
   height: 300px;
   padding-right: 0;
   margin-right: 0px;
   margin-bottom: 0px; /*background: url(Images/search-drop-shadow.jpg) np-repeat top left;*/
   background: url(Images/search_bg_discount_rounded.jpg) no-repeat top left; /*background-repeat: no-repeat;*/
   font-family: sans-serif;
}

.tourSummaryRebate:hover
{
   /* background-image: url(Images/searchresult_hl_bg.jpg); */
}

.tourSummaryRebate div.inner
{
   position: relative;
   top: 5px;
   left: 10px;
   width: 225px;
}

.tourSummaryRebate h1
{
   margin-top: 0;
   margin-bottom: 0;
   font-size: 1.3em;
   text-align: center;
   font-weight: bold;
   color: #000;
}

.tourSummaryRebate h1 a
{
   color: #000;
   text-decoration: none;
}

.tourSummaryRebate p.description
{
   position: absolute;
   top: 120px;
   height: 80px;
   font-size: 0.9em;
   font-weight: normal;
   color: #333;
   text-align: justify;
   margin-top: 0;
   margin-bottom: 0;
   width: 225px;
}

.tourSummaryRebate div.price
{
   position: absolute;
   top: 200px;
   width: 225px;
}

.tourSummaryRebate div.details
{
   text-decoration: none;
   position: absolute;
   top: 180px;
   left: 5px;
   text-align: left;
   width: 240px;
}

.tourSummary div.details a
{
   text-decoration: none;
   text-align: center;
   font-size: 11px;
   font-weight: normal;
   color: #00f;
}

/* end rebate tours */

/* search.master related items */
#searchInput
{
   width: 200px;
   float: left;
}

#searchResults
{
   float: left;
   width: 785px;
   margin: 0;
   padding: 0;
   margin-left: 5px;   
}

/* search bar */
#searchBar
{
   width: 200px;
   float: left;
}

#searchBar h3 
{
   color: #000;
   margin: 0px;
   padding-top: 3px;
   text-align: center;
}

#searchBar hr
{
   width: 90%;
   height: 0.1pt;
   color: #ccc;
}



#searchPager
{
   height: 25px;
   background: url(Images/pager.png) top left no-repeat;
   padding-left: 10px;
   padding-top: 5px;
   font-size: 9pt;
   font-family: Arial, Sans-Serif;
}

#searchPager a
{
}

#searchPager a:hover
{
   color: #f00;
}

#searchPager a.current
{
   font-weight: bold;
}

.searchPagerTours
{
   height: 25px;
   background: url(Images/pagerTours.png) top left no-repeat;
   padding-left: 10px;
   padding-top: 5px;
   font-size: 9pt;
   font-family: Arial, Sans-Serif;
}

.searchPagerTours a
{
}

.searchPagerTours a:hover
{
   color: #f00;
}

.searchPagerTours a.current
{
   font-weight: bold;
}


div.tourSearchText
{
   margin-left: -10px;   
   width: 190px;
}

.container200top
{
   width: 200px;
   height: 6px;
   background: url(Images/container_top_200x6.jpg) top left no-repeat;
}
.container200main
{
   width: 200px;  
   background: url(Images/container_main_200x1.jpg) top left repeat-y;
}
.container200bottom
{
   width: 200px;  
   height: 9px;
   background: url(Images/container_bottom_200x9.jpg) top left no-repeat;
}


/* tour detail - discount price box */
.tourPriceDiscount
{
   width: 250px;
   height: 100px;
   background-color: Green;
   color: white;
   padding-right: 5px;
}

.tourPriceDiscount p
{
   padding: 0;
   margin: 0;
}

.tourPriceDiscount p.memberPrice
{
   font-size: 2em;
   font-weight: bold;
}

.tourPriceDiscount a
{
   color: #fff;
   font-size: 1.5em;
   margin-left: auto;
   margin-right: auto;
}

.tourPriceDiscount p.bookLink
{
   text-align: center;
   margin-top: 5px;
}

.tourAttribute
{
   clear: both;
}
.tourAttribute p
{
   margin: 0;
}
.tourAttribute h3
{
   margin: 0;
}
.tourAttribute p.title
{
   font-weight: bold;
}


/**************************
 Form layout
**************************/
.formLabel
{
   float: left;
   width: 150px;
   text-align: right;
   padding: 3px;   
}
.formEntry
{
   float: left;
   width: 300px;
   text-align: left;   
   padding: 3px;
}
.formEntryHalf
{
   float: left;
   width: 75px;
   text-align: left;
   padding: 3px;   
}
.formEntryValidation
{
   float: left;
   width: 150px;
   text-align: left;
   padding: 3px;   
}

/*** custom containers ***/

/******************************************************************
* Liquid form container
******************************************************************/
.form800
{
   width: 800px;
   margin-left: auto;
   margin-right: auto;
}

.form800 div.formTop
{
   width: 800px;
   height: 5px;
   background: url(Images/form-top_800x5.jpg) top left no-repeat;
}

.form800 div.formMain
{
   width: 800px;
   background: url(Images/form-main_800x1.jpg) top left repeat-y;
}

.form800 div.formContent
{
   width: 782px;
   margin-left: 5px;
}

.form800 div.formBottom
{
   width: 800px;
   height: 9px;
   background: url(Images/form-bottom_800x9.jpg) top left no-repeat;
}

.form600
{
   width: 600px;
   margin-left: auto;
   margin-right: auto;
}

.form600 div.formTop
{
   width: 600px;
   height: 5px;
   background: url(Images/form-top_600x5.jpg) top left no-repeat;
}

/*
.form600 div.formMain
{
   width: 600px;
   background: url(Images/form-main_600x1.jpg) top left repeat-y;
}

.form600 div.formContent
{
   width: 782px;
   margin-left: 5px;
}
*/
/*
.form600 div.formBottom
{
   width: 600px;
   height: 9px;
   background: url(Images/form-bottom_600x9.jpg) top left no-repeat;
}
*/
div.formMain
{
   width: 100%;
   background: url(Images/dropshadow-left_2x1.jpg) top left repeat-y;
}
div.formContent
{
   background: url(Images/dropshadow-right_6x1.jpg) top right repeat-y;
   padding: 10px 10px 10px 5px;
}

div.formBottom
{
   width: 100%;
   height: 12px;
   background: url(Images/dropshadow-bottom_1x12.jpg) top left repeat-x;
}
div.formBottom div.left
{
   width: 100%;
   height: 12px;
   background: url(Images/dropshadow-bl_6x12.jpg) top left no-repeat;
}
div.formBottom div.right
{
   height: 12px;
   width: 10px;
   float: right;
   background: url(Images/dropshadow-br_10x12.jpg) top left no-repeat;
}
div.formTop
{

   width: 100%;
   height: 35px;
   background: url(Images/container_orange_hdr.jpg) top left repeat-x;
}
div.formTop div.left
{
   width: 100%;
   height: 35px;
   float: left;
   background: url(Images/container_orange_hdr_l.jpg) top left no-repeat;
}
div.formTop div.right
{
   height: 35px;
   width: 9px;
   float: right;
   background: url(Images/container_orange_hdr_r.jpg) top left no-repeat;
}
div.formTop h2 
{
   color: #000;
   font-size: 12pt;
   font-family: Arial, Sans-Serif;
   font-weight: bold;
   margin-top: 7px;
   margin-left: 10px;
}


/* form formatting */
table.form td.label
{
   width: 155px;
   text-align: right;
}

/* orange container */
div.containerOrange 
{
   margin-left: auto;
   margin-right: auto;
}
div.containerOrange div.header
{
   width: 100%;
   /*padding-right: 2px;*/
   height: 30px;
   background: url(Images/container_orange_hdr.jpg) top left repeat-x;
}
div.containerOrange div.header h2
{
   margin-left: 10px;
   margin-top: 5px;
   font-size: 16px;
   color: #fff;
   text-decoration: none;
   border-bottom: none;
   background: none;
}
div.containerOrange div.headerLeft
{
   float: left;
   height: 30px;
   width: 100%;
   padding-right: 2px;
   background: url(Images/container_orange_hdr_l.jpg) top left repeat-y;
}
div.containerOrange div.headerRight
{
   height: 30px;  
   padding-right: 2px;
   width: 15px;
   float: right;
   background: url(Images/container_orange_hdr_r.jpg) top right no-repeat;
}
div.containerOrange div.main
{
   width: 100%;
   /*background: url(Images/container_orange_l.jpg) top left repeat-y;*/
}
div.containerOrange div.content
{
   /*background: url(Images/container_orange_r.jpg) top right repeat-y;*/
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;   
   padding: 5px 20px 10px 15px;
}
div.containerOrange div.footer
{
   width: 100%;
   height: 5px;
   /*background: url(Images/container_orange_ftr.jpg) top left repeat-x;*/
}
div.containerOrange div.footerLeft
{
   float: left;
   width: 100%;
   height: 12px;
   /*background: url(Images/container_orange_ftr_l.jpg) top left no-repeat;*/
}
div.containerOrange div.footerRight
{
   height: 5px;
   width: 5px;
   float: right;
   /*background: url(Images/container_orange_ftr_r.jpg) top left no-repeat;*/
}

/* grey container */
div.containerGrey 
{
}
div.containerGrey div.header
{
   width: 100%;
   height: 25px;
   color: #fff;
   
   background: url(Images/container_grey_hdr.jpg) top left repeat-x;   
}
div.containerGrey div.header h2
{
   margin-left: 10px;
   margin-top: 4px;
   font-size: 15px;
   color: #fff;
   border: none;   
   background: none;
}
div.containerGrey div.headerLeft
{
   float: left;
   height: 25px;
   width: 100%;
   background: url(Images/container_grey_hdr_l.jpg) top left repeat-y;
}
div.containerGrey div.headerRight
{
   height: 25px;
   width: 15px;
   float: right;
   background: url(Images/container_grey_hdr_r.jpg) top right no-repeat;
}
div.containerGrey div.main
{
   width: 100%;
   /*background: url(Images/container_grey_l.jpg) top left repeat-y;*/
}
div.containerGrey div.content
{
   /*background: url(Images/container_grey_r.jpg) top right repeat-y;*/
   padding: 5px 20px 10px 15px;
   border-left: 1px solid #cccccc;
   border-right: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;  
}
div.containerGrey div.footer
{
   width: 100%;
   height: 5px;
   /*background: url(Images/container_grey_ftr.jpg) top left repeat-x;*/
}
div.containerGrey div.footerLeft
{
   float: left;
   width: 100%;
   height: 5px;
   /*background: url(Images/container_grey_ftr_l.jpg) top left no-repeat;*/
}
div.containerGrey div.footerRight
{
   height: 5px;
   width: 5px;
   float: right;
   /*background: url(Images/container_grey_ftr_r.jpg) top left no-repeat;*/
}

/*
div.header
{  
   width: 100%; 
   height: 40px;   
   background: url(Images/hdr_main.jpg) top left repeat-x;
}

div.headerLeft
{
   float: left;
   height: 40px;
   width: 100%;
   background: url(Images/hdr_left.jpg) top left repeat-y;
}

div.headerRight
{
   float: right;
   height: 40px;
   width: 10px;
   background: url(Images/hdr_right.jpg) top left repeat-y;   
}
div.header h2
{
   color: #000;
   font-size: 16pt;
   margin-left: 15px;
   margin-top: 5px;
}
*/


/***********************************************************************
* table form layout - not ideal but easier to manage and more flexible
***********************************************************************/

.form800 table.form
{
   width: 755px;
   border: 0;
   vertical-align: top;
}

.form600 table.form
{
   width: 555px;
   border: 0;
   vertical-align: top;
}

table.form td
{
   vertical-align: top;
}

.form800 table.form td.label
{
   width: 155px;
   text-align: right;
}

table.form td.label .required
{
   font-weight: bold;
}

.form800 table.form td.input
{
   text-align: left;
   width: 350px;
}

.form800 table.form td.validation
{
   text-align: left;
   width: 250px;
   color: #ff0000;
}

/* defaults for input elements */
input[type=text], input[type=password], input[type=textArea], input.input
{
   width: 200px;
   border: 1px solid #ccc;
   /*background-color: #fdffbd;*/
}

select
{
   width: 200px;
   border: 1px solid #ccc;
   /*background-color: #fdffbd;*/
}

textarea
{
   width: 200px;
   border: 1px solid #ccc;
   /*background-color: #fdffbd;*/
}

table.form td.label .required
{
   font-weight: bold;
}

table.form td.label
{
   vertical-align: top;
}  

table.form td.input
{
   vertical-align: top;
}
      
      /* glossy menu */
  
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(Images/menuo_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(Images/menuo_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(Images/menuo_hover_right.gif) no-repeat right top; /*right tab image path*/
}
      


/* paragraph styles */
p.warning
{
   font-size: 10pt;
   color: #000;
   background: #ef0;
   font-weight: bold;
   border: 2px solid #f00;
   padding: 5px;
}

/* invoice display */
div.invoice
{
   border: 1px solid #000;
   padding: 10px;
}

/* home page */
#homeImage img
{
   padding-bottom: 3px;
}

#nav 
{
   height: 44px;
   background: url(Images/navbar.png) top left no-repeat;
   /*margin-bottom: -10px;*/
}

#nav ul
{
   padding-top: 9px;
   padding-bottom: 0px; 
   margin-bottom: 0px;
}

#nav li
{
   display: inline;
   list-style: none;
   /*background: url(Images/navbar-spacer.png) top right no-repeat;*/
   padding-left: 10px;
   padding-right: 15px;
}

#nav li a
{
   font-weight: bold;
   font-size: 14px;
   color: #fff;
   text-align: center;
   vertical-align: top;
   text-decoration: none;
}

#nav li a:hover, #nav li.current a
{
   color: #000;
}

/***/
#subNav 
{
   height: 28px;
   background: url(Images/subNavBar.png) top left no-repeat;
}

#subNav ul
{
   margin-top: 0px;
   padding-top: 1px;
}

#subNav li
{
   display: inline;
   list-style: none;
   /*background: url(Images/navbar-spacer.png) top right no-repeat;*/
   padding-left: 10px;
   padding-right: 15px;
}

#subNav li a
{
   font-weight: bold;
   font-size: 9pt;
   color: #fff;
   text-align: center;
   vertical-align: top;
   text-decoration: none;
}

#subNav li a:hover, #subNav li.current a
{
   color: #000;
}

/***/
ul.sideNav
{
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 0px;
   padding-bottom: 0px; 
   margin-bottom: 0px;
}

ul.sideNav li
{
   /*display: inline;*/
   display: block;
   list-style: none;
   /*background: url(Images/navbar-spacer.png) top right no-repeat;*/
}

ul.sideNav li a
{
   font-weight: normal;
   font-size: 12px;
   color: #000;
   text-align: left;
   text-decoration: none;
}

ul.sideNav li a:hover, ul.sideNav li.current a
{
   color: #00f;
}

div.buttonLarge
{
   display: inline-block;
   height: 20px;
   width: 180px;
   text-align: center;
   background: url(Images/buttonLarge.png) top left no-repeat;
}
div.buttonLarge a
{
   font-family: Arial, Sans-Serif;
   font-size: 11pt;
   font-weight: bold;
   text-decoration: none;
   color: #fff;
}
div.buttonLarge a:hover
{
   font-family: Arial, Sans-Serif;
   font-size: 11pt;
   font-weight: bold;
   text-decoration: none;
   color: #ff0;
}

div.buttonExtraLarge
{
   display: table-cell;
   height: 40px;
   width: 200px;
   padding-left: 5px;
   padding-right: 5px;
   text-align: center;
   vertical-align: middle;
   background: url(Images/buttonExtraLarge.png) top left no-repeat;
}
div.buttonExtraLarge a
{
   font-family: Arial, Sans-Serif;
   font-size: 13pt;
   font-weight: bold;
   text-decoration: none;
   color: #fff;
}
div.buttonExtraLarge a:hover
{
   font-family: Arial, Sans-Serif;
   font-size: 13pt;
   font-weight: bold;
   text-decoration: none;
   color: #ff0;
}

div.buttonSmall
{
   margin: 1px;
   padding: 0px;
   
   display: inline-block;
   height: 20px;
   width: 100px;
   text-align: center;
   background: url(Images/buttonSmall.png) top left no-repeat;
}
div.buttonSmall a, div.buttonSmall a:visited, div.buttonSmall a:link
{
   font-family: Arial, Sans-Serif;
   font-size: 11pt;
   font-weight: bold;
   text-decoration: none;
   color: #fff;
}
div.buttonSmall a:hover
{
   font-family: Arial, Sans-Serif;
   font-size: 11pt;
   font-weight: bold;
   text-decoration: none;
   color: #ff0;
}


p.caption
{
   font-size: 10pt;
   font-weight: bold;
   margin-top: 0px;
   margin-bottom: 0px;
   font-style: italic;
}

#homeText p
{
   font-size: 11pt;
}

#creditCardSecurity
{
   background: url(Images/credit-card-security-bg.png) no-repeat top left;
   width: 165px;
   padding: 5px;
}
#creditCardSecurity p
{
   padding-right: 0px;
   text-align: right;
   font-size: 8pt;
   font-weight: normal;
   color: #000;
   margin-top: 0px;
   margin-bottom: 0px;
   margin-right: 10px;
}
#creditCardSecurity p.link
{
   text-align: center;
}

/* forum styles */
table.forumList
{
   color: #00f;
   font-size: 10pt;
   font-family: Arial, Sans-Serif;
   font-weight: normal;
}

table.forumList td, table.forumList th
{
   background-color: #eee;
   padding: 5px;
}

table.forumList tr th
{
   text-align: left;  
   background-color: #ccc;   
}

table.forumList tr th.forum
{   
   width: 650px;
}
table.forumList tr th.threads
{
   /*padding-left: 30px; *//* padding to differentiate from forum group */
   width: 100px;
}
table.forumList tr th.posts
{
   /*padding-left: 30px; *//* padding to differentiate from forum group */
   width: 100px;
}
table.forumList tr th.lastpost
{
   /*padding-left: 30px; *//* padding to differentiate from forum group */
   width: 150px;
}




table.forumList tr.group td
{
   background-color: #fff;
   font-weight: normal;
   font-size: 11pt;
}

table.forumList tr.forum td
{
   font-weight: normal;
   font-size: 10pt;
}
table.forumList tr.forum th.forum
{
   /*padding-left: 30px; *//* padding to differentiate from forum group */
   width: 200px;
   font-weight: normal;
   font-size: 10pt;
}
table.forumList tr.forum th.posts
{
   /*padding-left: 30px; *//* padding to differentiate from forum group */
   width: 200px;
   font-weight: normal;
   font-size: 10pt;
}
table.forumList tr.forum th.lastpost
{
   /*padding-left: 30px; *//* padding to differentiate from forum group */
   width: 200px;
   font-weight: normal;
   font-size: 10pt;
}


table.forumList a, table.forumList a:hover
{
   text-decoration: none;
}

table.threadList
{
   color: #00f;
   font-size: 10pt;
   font-family: Arial, Sans-Serif;
   font-weight: normal;
}

table.threadList tr
{
   background-color: #eee;
}

table.threadList tr th
{
   text-align: left;  
   background-color: #ccc;   
}

table.threadList tr th.title
{   
   width: 850px;
}
table.threadList tr th.posts
{
   /*padding-left: 30px; *//* padding to differentiate from forum group */
   width: 100px;
}
table.threadList tr th.lastpost
{
   /*padding-left: 30px; *//* padding to differentiate from forum group */
   width: 150px;
}



table.threadList tr.group td
{
   background-color: #fff;
   font-weight: normal;
   font-size: 11pt;
}

table.threadList tr.forum td
{
   font-weight: normal;
   font-size: 10pt;
}
table.threadList tr.forum td.title
{
   padding-left: 30px; /* padding to differentiate from forum group */
   font-weight: normal;
   font-size: 10pt;
}
table.threadList a, table.threadList a:hover
{
   text-decoration: none;
}

/* images for hotels */

.pikachoose{width:650px; /*position:relative;*/}
.pika-image {/*position: absolute; top:30px; right:0; height: 340px; width: 500px;*/ background: #fafafa; border: 1px solid #e5e5e5; padding: 10px;}
.pika-image img {border:0;}
.pika-image .animation, .pika-image .main-image {position: absolute; display: none; top: -1000px; left: -1000px;}
.pika-image .animation {display: none;z-index:2;}

.pika-thumbs {margin: 10px 0 0 0; padding: 0; overflow: hidden; }
.pika-thumbs li {float: left; list-style-type: none; width: 74px; padding: 3px; margin: 0 2px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
.pika-thumbs li:last {margin: 0;}
.pika-thumbs li .clip {position:relative;width: 74px; height: 74px; text-align: center; vertical-align: center; overflow: hidden;}

.pika-textnav {overflow: hidden; margin: 10px 0 0 0;}
.pika-textnav a {font-size: 12px; text-decoration: none; font-family:  helvetica, arial, sans-serif; color: #333; padding: 4px;}
.pika-textnav a:hover {background: #e5e5e5; color: #0065B2;}
.pika-textnav a.previous {float: left; width: auto; display: block;}
.pika-textnav a.next {float: left; width: auto; display: block;}

/* jCarousel Styles */
.jcarousel-skin-pika .jcarousel-container-horizontal {
    padding: 15px 30px;
}

.jcarousel-skin-pika .jcarousel-container-vertical {
    width: 90px;
    height: 350px;
    padding: 20px 20px;
}

.jcarousel-skin-pika .jcarousel-clip-horizontal {
    height: 90px;
    width: 600px;
}

.jcarousel-skin-pika .jcarousel-clip-vertical {
    width:  90px;
    height: 350px;
}

.jcarousel-skin-pika .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-pika .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-pika .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}


/* community page items */
div.communityFeaturedTour a, div.communityFeaturedTour a:hover
{
   text-decoration: none;
   color: #696969;
}
div.communityFeaturedTour h3
{
   margin-top: 0px;
   margin-bottom: 0px;
}
div.communityFeaturedTour p
{
   font-size: 10pt;
} 
div.communityFeaturedTour p.partner
{
   margin-top: 0px;
   margin-bottom: 0px;
   font-size: 8pt;
}