﻿/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
   Based on work by Eric Meyer:
   * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend /*,table, caption, tbody, tfoot, thead, tr, th, td */
{
    margin: 0;
    padding: 0; /*	border: 0;*/
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

body
{
    line-height: 1.5;
    background: #fff; /*  background: #f57f18; */
    margin: 1.5em 0;
}

#top
{
    background-color: #F57f18;
}

/* Tables still need 'cellspacing="0"' in the markup. */
/*table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }*/

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after
{
    content: "";
}
blockquote, q
{
    quotes: "" "";
}

a img
{
    border: none;
}

a
{
    color: #435a74;
}

a:link
{
    text-decoration: none;
}
a:visited
{
    text-decoration: none;
}
a:active
{
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
    color: #F57f18;
}

img
{
    border: none;
}
.field
{
    text-align: right;
    width: 30%;
    font-weight: bold;
    padding-right: 10px;
}

.fieldvalue
{
    width: 70%;
}

*
{
    margin: 0;
    padding: 0;
}

body, input, h1, h2, h3, p, select
{
    font-family: Tahoma,Arial;
    color: #666666;
}

body
{
    background-color: #fff; /* #f57f18; */

    margin: 0px;
    font-size: 9pt;
    text-align: justify;
}
h1, h2, h3
{
    margin-bottom: 10px;
    font-weight: bold;
}
h1
{
    font-size: 14pt;
}
h2
{
    font-size: 12pt;
}
h3
{
    font-size: 9pt;
}
.clear
{
    clear: both;
    height: 0px;
    background: #fff;
}

#wrapper
{
    /*background-color: #f57f18;*/
    background-color: #fff;
    width: 980px;
    min-height: 650px;
    margin: auto;
    padding: 0px 0px 10px 0px;
    border: solid 1px #aaa;

}

#wrapperouter
{
    background-image: url(/images/apsbg.png);
    background-position: center;
    background-repeat: repeat-y;
   
}

#wrapperbottom
{
    background-image: url(/images/apsbgbottom.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -2px;   

}

#languages
{
    float: right;
    background-image: url(/images/flags-bg.gif);
    background-repeat: no-repeat;
    height: 25px;
    width: 118px;
    text-align: center;
    margin-right: 5px;
}

#languages li
{
    display: inline;
    list-style: none;
}

#logo
{
    float: left;
    height: 68px;
    width: 210px;
}


#nav
{
    background-color: #f57f18;
}

#nav li
{
    display: inline-block;
    padding: 5px 15px 0px 15px;
    float: left;
    margin-right: 2px;
    background-color: #f8a054;
}

#nav li a
{
    color: white;
    font-family: Tahoma,Arial;
    font-size: 8pt;
    text-decoration: none;
    font-weight: bold;
}

#nav li:hover, #nav li.selected
{
    /*background-color: #435a74;*/
    background-image: url(/images/results-header-bg.gif);
    background-repeat: repeat-x;
    background-position: right bottom;
}


#content
{
    background-color: White;
    
    background-image: url(/images/topbg.jpg);
    background-position: top;
    background-attachment: fixed;
    background-repeat: repeat-x;
}

#main-content
{
    margin: 0px 20px 20px 20px;
    background-color: White;
    min-height: 500px;
}

#breadcrumb
{
    float: left;
    margin-top: 10px;
}
#breadcrumb li
{
    display: inline;
    list-style: nothing;
    padding: 0px 10px 0px 5px;
    background-image: url(/images/arrows.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

#breadcrumb li.last
{
    background-image: none;
}

#breadcrumb li a, #tel
{
    color: Navy;
    font-family: Tahoma,Arial;
    font-size: 9pt;
    text-decoration: none;
}


#tel
{
    padding-right: 75px;
    padding-top: 20px;
}

#tel a
{
    color: #fff;
}

#main-image
{
    float: left;
    display: inline;
    height: 197px;
    width: 570px;
    margin: 20px 20px 10px 0px;
}

#availability
{
    float: left;
    display: inline;
    margin: 20px 0px 5px 0px;
    width: 350px; /*no more than 350px wide*/
    background-image: url(/images/small-item-bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
}


#box-container-left, #box-container-center, #box-container-right, #box-container-left-homepage, #box-container-center-homepage, #box-container-right-homepage
{
    display: inline;
    float: left;
    margin: 5px 0px 5px 0px;
}

#box-container-left
{
    width: 48%;
    margin-right: 20px;
}

#box-container-center
{
    width: 48%;
    float: right;
}

#box-container-right
{
    width: 350px; /*no more than 350px wide*/
    margin-right: 0px;
}

#box-container-right-homepage
{
    width: 300px; /*no more than 350px wide*/
    margin-right: 0px;
}

#box-container-left-homepage
{
    width: 48%;
    margin-right: 20px;
}

#box-container-center-homepage
{
    width: 48%;
    float: right;
}

.box
{
    float: left;
    background-image: url(/images/boxheader2.gif);
    background-repeat: repeat-x;
    width: 100%;
    margin-bottom: 10px;
    font-family: Tahoma,Arial;
    font-size: 9pt;
    color: #666666;
}

.full
{
    filter: alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;
}

p
{
    font-size: 9pt;
    text-align: justify;
}

.box h3
{
    font-family: Tahoma,Arial;
    font-size: 9pt;
    font-weight: bold;
    color: White;
    margin: 6px 0px 10px 10px;
}

.box p
{
    padding: 5px 10px 10px 10px;
    text-align: justify;
}
.box img
{
    float: left;
    padding: 10px 10px 5px 10px;
}
.normalimg
{
    float: inherit;
    padding: 0px 0px 0px 0px;
}


.box
{
}

#footer
{
    background-color: #f57f18;
    float: right;
    margin-top: 5px;
    font-family: Tahoma,Arial;
    color: White;
    font-size: 10px;
    padding: 5px;
}

#footer a
{
    color: White;
}

#links
{
    background-color: #f57f18;
    margin-top: 5px;
    font-family: Tahoma,Arial;
    color: White;
    font-size: 10px;
    padding: 5px;
}

#links a
{
    color: White;
}

#home .left
{
    float: left;
    display: inline;
    width: 570px;
    padding-top: 10px;
}

#home .right-homepage
{
    float: left;
    display: inline;
    margin-left: 20px;
    width: 300px;
    padding-top: 10px;
}

#home .left-homepage
{
    float: left;
    display: inline;
    width: 620px;
    padding-top: 10px;
}

#home .right
{
    float: left;
    display: inline;
    margin-left: 20px;
    width: 350px;
    padding-top: 10px;
}

.box h4
{
    color: #f57f18;
    font-family: Tahoma,Arial;
    font-weight: bold;
    font-size: 9pt;
    padding: 5px 0px 0px 10px;
}

span.title
{
    color: #f57f18;
    font-family: Tahoma,Arial;
    font-weight: bold;
    font-size: 9pt;
}


.box .listitem
{
    background-image: url(/images/small-item-bg.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
}

/*hotel Results Page */

#results
{
    margin-top: 20px;
}

#results .description
{
    overflow-y: auto;
    overflow-x: hidden;
    height: 75px;
    border: solid 1px #cccccc;
    background-color: #cccccc;
}

#results .box
{
    width: 180px;
    border: solid 1px #0088FF;
    margin-right: 5px;
    margin-top: 0;
    background-image: none;
    min-height: 560px;
}

#results .features span
{
    display: block;
    width: 160px;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 9pt;
}

#results .features span.y
{
    background-image: url(/images/tick.gif);
}

#results .features span.n
{
    background-image: url(/images/cross.gif);
}

#results .features span.na
{
    background-image: url(/images/na.gif);
}

#results .header
{
    background-image: url(/images/results-header-bg.gif);
    background-repeat: repeat-x;
    background-position: right bottom;
    height: 47px;
    margin-top: 0;
    overflow: hidden;
}

#results .header h3
{
    text-align: left;
    margin: 0px 10px 10px 10px;
    padding-top: 5px;
}

#results .clear
{
    height: 1px;
    border-bottom: dotted 1px #0088FF;
}

#results .details img
{
    display: inline;
    float: right;
}

/*hotel Results Page  */



#resultsh .description
{
    overflow-y: auto;
    overflow-x: hidden;
    height: 100px;
    margin-right: 5px;
}

#resultsh .box
{
    border: solid 1px #0088FF;
    margin-right: 5px;
    margin-top: 0;
    background-image: none;
}

#resultsh .features span
{
    display: block;
    margin-left: 10px;
    background-repeat: no-repeat;
    background-position: right center;
    font-size: 9pt;
}

#resultsh .features span.y
{
    background-image: url(/images/tick.gif);
}

#resultsh .features span.n
{
    background-image: url(/images/cross.gif);
}

#resultsh .features span.na
{
    background-image: url(/images/na.gif);
}

#resultsh .header
{
    background-image: url(/images/results-header-bg.gif);
    background-repeat: repeat;
    background-position: right bottom;
    margin-top: 0;
    overflow: hidden;
}

#resultsh .header h3
{
    text-align: left;
    margin: 0px 10px 10px 10px;
    font-size: 1.2em;
}

#resultsh .clear
{
    height: 1px;
    border-bottom: dotted 1px #0088FF;
}

.showprice
{
    color: white;
    font-family: Tahoma,Arial;
    font-weight: bold;
    font-size: 9pt;
    padding: 0px 10px 0px 0px;
}

.showprice1
{
    color: white;
    font-family: Tahoma,Arial;
    font-weight: bold;
    font-size: 9pt;
    padding: 0px 10px 0px 0px;
}

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label
{
    font-weight: bold;
}


/* Fieldsets */
fieldset
{
    padding: 1.4em;
    margin: 0 0 1.5em 0;
    border: 1px solid #ccc;
}
legend
{
    font-weight: bold;
    font-size: 1.2em;
}

/* Text fields */
input.text, input.title
{
    margin: 0.5em 0.5em 0.5em 0;
}
input.text, input.title
{
    border: 1px solid #bbb;
    background: #f6f6f6;
    padding: 5px;
}
input.text:focus, input.title:focus
{
    border: 1px solid #999;
    background: #fff;
}
input.title
{
    font-size: 1.5em;
}

/* Textareas */
textarea
{
    width: 400px;
    height: 250px;
    margin: 0.5em 0.5em 0.5em 0;
}
textarea
{
    border: 1px solid #bbb;
    background: #eee;
    padding: 5px;
}
textarea:focus
{
    border: 1px solid #999;
    background: #fff;
}

/* Select fields */
select
{
    border: 1px solid #ccc;
    background: #f6f6f6;
}
select:focus
{
    border: 1px solid #999;
    background: #fff;
}


/* Success, error & notice boxes for messages and errors. */
.error, .notice, .success
{
    padding: .8em;
    margin-bottom: 1em;
    border: 1px solid #ddd;
}
.error
{
    background: #FBE3E4;
    color: #D12F19;
    border-color: #FBC2C4;
}
.notice
{
    background: #FFF6BF;
    color: #817134;
    border-color: #FFD324;
}
.success
{
    background: #E6EFC2;
    color: #529214;
    border-color: #C6D880;
}
.error a
{
    color: #D12F19;
}
.notice a
{
    color: #817134;
}
.success a
{
    color: #529214;
}


/* default layout */
.ajax__tab_default .ajax__tab_header
{
    white-space: nowrap;
}
.ajax__tab_default .ajax__tab_outer
{
    display: -moz-inline-box;
    display: inline-block;
}
.ajax__tab_default .ajax__tab_inner
{
    display: -moz-inline-box;
    display: inline-block;
}
.ajax__tab_default .ajax__tab_tab
{
    margin-right: 4px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    display: -moz-inline-box;
    display: inline-block;
}

/* APS theme */
.ajax__tab_aps .ajax__tab_header
{
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
}
.ajax__tab_aps .ajax__tab_outer
{
    padding-right: 4px;
    height: 30px;
    width: 185px;
    background: url(/images/tab_bg_bw.png);
    background-position: -1 0;
}
.ajax__tab_aps .ajax__tab_inner
{
    padding-left: 3px;
}
.ajax__tab_aps .ajax__tab_tab
{
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 8px;
    margin: 0;
}
.ajax__tab_aps .ajax__tab_hover .ajax__tab_outer
{
    padding-right: 4px;
    height: 30px;
    width: 185px;
    background: url(/images/tab_bg_orange.png);
}
.ajax__tab_aps .ajax__tab_hover .ajax__tab_inner
{
}
.ajax__tab_aps .ajax__tab_hover .ajax__tab_tab
{
}
.ajax__tab_aps .ajax__tab_active .ajax__tab_outer
{
    padding-right: 4px;
    height: 30px;
    width: 185px;
    background: url(/images/tab_bg.png);
}
.ajax__tab_aps .ajax__tab_active .ajax__tab_inner
{
}
.ajax__tab_aps .ajax__tab_active .ajax__tab_tab
{
}
.ajax__tab_aps .ajax__tab_body
{
    font-family: Calibri,tahoma,helvetica;
    font-size: 10pt;
    font-weight: bold;
    border: 1px solid #888888;
    border-top: 0;
    padding: 8px;
    background-color: #35b5d3;
}

/*.ajax__tab_aps .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(WebResource.axd?d=RU6ixnQO6yNIdIbNLWu1vVVOuPrrl9dLiqNru1VkfqasLGTGHB6tnZfKgJUwK1P7PVu7iSLMgKnWolmLUjq6rw2&t=633747890040781250) repeat-x bottom;}
.ajax__tab_aps .ajax__tab_outer {padding-right:4px;background:url(WebResource.axd?d=RU6ixnQO6yNIdIbNLWu1vVVOuPrrl9dLiqNru1VkfqasLGTGHB6tnZfKgJUwK1P7obJsZhXgMabQfQCCyq8eUg2&t=633747890040781250) no-repeat right;height:21px;}
.ajax__tab_aps .ajax__tab_inner {padding-left:3px;background:url(WebResource.axd?d=RU6ixnQO6yNIdIbNLWu1vVVOuPrrl9dLiqNru1VkfqasLGTGHB6tnZfKgJUwK1P7MnZMLIESlbVeHvtOhNSEKQ2&t=633747890040781250) no-repeat;}
.ajax__tab_aps .ajax__tab_tab {height:13px;padding:4px;margin:0;background:url(WebResource.axd?d=RU6ixnQO6yNIdIbNLWu1vVVOuPrrl9dLiqNru1VkfqZC24LsmzGO4PboxM5IxKhSNp9Y9UJyKkvkfwggkbpbVQ2&t=633747890040781250) repeat-x;}
.ajax__tab_aps .ajax__tab_hover .ajax__tab_outer {background:url(WebResource.axd?d=RU6ixnQO6yNIdIbNLWu1vVVOuPrrl9dLiqNru1VkfqasLGTGHB6tnZfKgJUwK1P7UkIIyNMXIo4eCWWdmRM1Kg2&t=633747890040781250) no-repeat right;}
.ajax__tab_aps .ajax__tab_hover .ajax__tab_inner {background:url(WebResource.axd?d=RU6ixnQO6yNIdIbNLWu1vVVOuPrrl9dLiqNru1VkfqasLGTGHB6tnZfKgJUwK1P7dPbG4a0HoQ4paicMkzzpDw2&t=633747890040781250) no-repeat;}
.ajax__tab_aps .ajax__tab_hover .ajax__tab_tab {background:url(WebResource.axd?d=RU6ixnQO6yNIdIbNLWu1vVVOuPrrl9dLiqNru1VkfqasLGTGHB6tnZfKgJUwK1P7FQgl6Xu0ikz4wNW0k_ctWQ2&t=633747890040781250) repeat-x;}
.ajax__tab_aps .ajax__tab_active .ajax__tab_outer {background:url(WebResource.axd?d=RU6ixnQO6yNIdIbNLWu1vVVOuPrrl9dLiqNru1VkfqasLGTGHB6tnZfKgJUwK1P76gFZXCsUhuIs-5EZEXo8tcYZne46RddpxPfm1pvcIE01&t=633747890040781250) no-repeat right;}
.ajax__tab_aps .ajax__tab_active .ajax__tab_inner {background:url(WebResource.axd?d=RU6ixnQO6yNIdIbNLWu1vVVOuPrrl9dLiqNru1VkfqasLGTGHB6tnZfKgJUwK1P7lLL4ckKc5n9kohIt2MRMcA2&t=633747890040781250) no-repeat;}
.ajax__tab_aps .ajax__tab_active .ajax__tab_tab {background:url(WebResource.axd?d=RU6ixnQO6yNIdIbNLWu1vVVOuPrrl9dLiqNru1VkfqasLGTGHB6tnZfKgJUwK1P70Uis1DiiFHBtMdSUKqGe1g2&t=633747890040781250) repeat-x;}*/

/* scrolling */
.ajax__scroll_horiz
{
    overflow-x: scroll;
}
.ajax__scroll_vert
{
    overflow-y: scroll;
}
.ajax__scroll_both
{
    overflow: scroll;
}
.ajax__scroll_auto
{
    overflow: auto;
}

.ratingtable
{
    width: 100%;
}

#ebfeatures
{
    display: none;
    visibility: hidden;
}

#AirportMap
{
    width: 598px;
    border: solid 1px #f5f5f5;
    position:relative;
    height: 155px;  
    margin:  2px 5px 5px 2px;
}

table.GridView
{
    border: 5;
}

.tablestyle
{
    border: solid 1px #7f7f7f;
}

.altrowstyle
{
    background-color: #edf5ff;
}

.headerstyle th, .headerstylewide th
{
    background: url(/images/sprite.png) repeat-x 0px 0px;
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    text-align: center;
    vertical-align: bottom;
}


.headerstyle th
{
    padding: 4px 5px 4px 10px;
}

.headerstylewide th
{
    padding: 0px 0px 6px 0px;
}

.headerstyle th a, .headerstylewide th a
{
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    color: #000;
    display: block;
    padding-right: 10px;
}

.headerstyle th a:hover, .headerstylewide th a:hover
{
    text-decoration: underline;
}

.rowstyle .sortaltrow, .altrowstyle .sortaltrow, .rowstylewide .sortaltrow, .altrowstylewide .sortaltrow
{
    background-color: #edf5ff;
}

.rowstyle .sortrow, .altrowstyle .sortrow, .rowstylewide .sortrow, .altrowstylewide .sortrow
{
    background-color: #dbeaff;
}

.rowstyle td, .altrowstyle td
{
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;
}

.rowstylewide td, .altrowstylewide td
{
    padding: 0px 0px 0px 0px;
    border-right: solid 1px #cbcbcb;
}

.OperatorTitle
{
    font-weight: bold;
    
}

.OperatorLink
{
    font-size: 8pt;
}

.bookingform
{
    font-family: Calibri,tahoma,helvetica;
    font-size: 10pt;
    font-weight: bold;
    border: 1px solid #888888;
    padding: 8px;
    background-color: #35b5d3;
}

.button
{
    border: 2px outset #ddd; /* #FABE89;*/
    background-color: #FABE89;
    color: #555;
    font-size: 1.6em;
    font-family: Arial;
    font-weight: bold;
    padding: 5px;
}

.button:hover
{
    background-color: #f57f18;
    border: 2px outset #ddd;
    color: White;
    cursor: auto;
}

.paymentoption
{
    border: solid 1px #ddd;
    background-color: #eee;
    padding: 10px;
    margin-bottom: 10px;
}

#quickquote
{
    background-color: #2f9ee0;
}

.Feedback
{
    margin-bottom: 30px;
    background-image: url(/images/topbg.jpg);
    background-repeat: repeat-x;
     border-top: 1px solid #ddd;
     padding: 5px;
}

.FeedbackDate
{
    font-size: 0.9em;
    font-style: italic;
}

.FeedbackTitle
{
    font-size: 1.6em;
    color: #2f9ee0;
}

.FeedbackTitle a
{
    color: #2f9ee0;
}

.FeedbackRating
{
    float: right;
    font-size: 1.6em;
    background-color: #2f9ee0;
    color: White;
    padding: 5px;
}

.FeedbackText
{
    clear: both;
    margin-top: 10px;
}

.FeedbackSubRatings
{
   margin-top: 5px;
}

.FeedbackSubRating
{
    clear: both;
    margin-top: 5px;
    border-bottom: 1px solid #ddd;
}

.FeedbackResponse
{
    margin-top: 10px;
}