﻿/* Jello Piefecta layout */
*
{
    margin: 0;
    padding: 0;
}
body
{
    font: 11px arial, verdana, tahoma, sans-serif;
    text-align: left;
    color: #242424;
    margin: 0 20px 0 20px;
    padding: 0 30px 0 30px;
    min-width: 850px;
    background: #fff url(Images/backgrounds/gradient_bkg.jpg) top left repeat-x;
}
* html body
{
    width: expression((d = document.compatMode == "CSS1Compat" ? document.documentElement :document.body) && (d.clientWidth < 850 ? "750px" :"auto"));
}
img
{
    border: 0;
}

#main_container
{
    width: 982px;
    margin: auto;
}
#container_border
{
    width: 980px;
    border: 1px solid #888987;
    position: relative;
    background-color: #fff;
}
.vspace65
{
    height: 65px;
    clear: both;
}
.divclear
{
    clear: both;
    height: 1px;
}

/*********************************************************
	Header
/**********************************************************/
#banner
{
    background: #FFF url(Images/header/header_bkg_grad.gif) right top repeat-x;
    width: 100%;
    height: 132px;
}

#logo
{
    float: left;
    height: 132px;
}
#logo_img
{
    background: url(Images/header/maxim_logo.gif) left top no-repeat; /* TODO: CH - amend maxims logo to have line on top */
    width: 400px;
    height: 132px;
    cursor: pointer;
}
#right_boxes_container
{
    width: 554px;
    height: 132px;
    float: right;
}

/*********************************************************
	Footer
/**********************************************************/
#footer
{
    clear: both;
    float: left;
    border-top: 1px solid #888987;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    color: #a6a6a6;
    padding-left: 140px;
    width: 840px;
}
#footer-sub
{
    display: none;
}

/*********************************************************
	Menu
/**********************************************************/
.AspNet-Menu-Horizontal
{
    float: left;
    background: url(Images/menu/bg_nav_rollover.gif) top left repeat-x;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}
ul.AspNet-Menu
{
    margin: 0;
    padding: 0 70px 0 0;
    float: right;
}
ul.AspNet-Menu li
{
    float: left;
    display: block;
    height: 38px;
    line-height: 38px;
    vertical-align: middle;
    position: relative;
    padding: 0 5px 0 12px;
    background: url(Images/menu/separator.gif) no-repeat;
}
ul.AspNet-Menu li a
{
    float: left;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    background: url(Images/menu/bg_nav_rollover.gif) no-repeat;
    padding: 0px 12px;
}
ul.AspNet-Menu li:hover a, ul.AspNet-Menu li.AspNet-Menu-Hover a
{
    background-position: center -38px;
    color: #332401;
}
ul.AspNet-Menu li:hover ul a, ul.AspNet-Menu li.AspNet-Menu-Hover ul a
{
    color: #fff;
}
ul.AspNet-Menu li:hover ul a:hover, ul.AspNet-Menu li.AspNet-Menu-Hover ul a:hover
{
    color: #332401;
}
ul.AspNet-Menu li a:visited, ul.AspNet-Menu li a:active
{
    color: #fff;
}
/*********************************************************/
/* CRUNCH - new compacted styles  */
/*********************************************************/
#main_content
{
    float: left;
    width: 100%;
    background: url(Images/backgrounds/content_bottom_bg2.gif) no-repeat left bottom;
}
#main_content2
{
    float: left;
    width: 100%;
    overflow: hidden;
    background: url(Images/backgrounds/content_bottom_bg2b.gif) no-repeat left bottom;
    padding-bottom: 1px;
}
#main_content3
{
    float: left;
    overflow: hidden;
}
#main_content h2
{
    font-size: 14px;
    color: #c60001;
    margin-bottom: 10px;
}

#pagetitle_bg
{
    background: url(Images/backgrounds/generic_bkg.jpg) no-repeat scroll 0 0;
    float: left;
    height: 131px;
    width: 100%;
}

#nav_left
{
    font-weight: bold;
    margin: 97px 0 0 40px;
    min-height: 500px;
}
#nav_left div
{
    margin-bottom: 7px;
    line-height: 16px;
}
#nav_left a
{
    padding: 4px 39px 4px 0;
    color: #2a1f0d;
    text-decoration: none;
    display: block;
}
#nav_left a:hover, #nav_left .selected
{
    color: #c60001;
    background: url(Images/backgrounds/link_hover.gif) repeat-y top right;
}

#nav_left_sub
{
    margin-left: 20px;
}
#nav_left_sub div
{
    margin-bottom: 0px;
}
#nav_left_sub a
{
    color: #52432b;
}

#content_left
{
    float: left;
    margin-bottom: -2000px;
    padding-bottom: 2000px;
    width: 290px;
    background: url(Images/shadows/shadow_left_nav.gif) no-repeat right top;
}

#content_right
{
    float: left;
    margin-bottom: -2000px;
    padding-bottom: 2000px;
    width: 638px;
}
#content_right h1
{
    color: #c60001;
    font-size: 16px;
    padding-bottom: 15px;
    margin: 0;
    font-family: inherit;
    margin-top: 16px;
}
#content_right #content
{
    padding-left: 86px;
    padding-top: 46px;
}
#content_right p
{
    padding-right: 55px;
    padding-bottom: 10px;
    color: #242424;
}
#content_right p.red
{
    color: #c60001;
}

/* Home Page */
.layout-home #main_content
{
    background: url(Images/home/home_bg.gif) repeat-y;
}
.layout-home #main_content2
{
    float: left; 
    background: url(Images/home/home_bottom_bg_25yrs.jpg) no-repeat scroll left bottom transparent;
    /*background: url(Images/home/home_bottom_bg.gif) no-repeat left bottom;*/
}
.layout-home #pagetitle_bg
{
    background: url(Images/header/home_page_banner3.jpg) no-repeat scroll 0 0;
    height: 142px;
}
.layout-home #content_left
{
    padding: 42px 70px 0px 40px;
    width: 532px;
    margin-bottom: 0;
    background-image: none;
}
.layout-home #content_left p
{
    padding-bottom: 15px;
    line-height: 16px;
}
.layout-home #content_right
{
    width: 338px;
}
.layout-home #content_right .right_box
{
    margin: 0 7px;
    background: #f9f4f4 url(Images/sidecol/top_bg.gif) repeat-x;
    min-height: 225px;
}
.layout-home #content_right .right_box ul
{
    margin-left: 30px;
    color: #595959;
}
.layout-home #content_right .right_box li
{
    padding-top: 5px;
}
.layout-home #content_right .right_box p
{
    padding: 10px 41px 10px 16px;
    color: #595959;
}

/* Maintenance Page */
.layout-maintenance #pagetitle_bg
{
    background: url(Images/header/down.jpg) no-repeat scroll 0 0;
}
.layout-maintenance table
{
    margin-left: 140px;
}
.layout-maintenance table td
{
    padding: 3px;
}

/* People, News,  About Us and Sub AboutUs pages */
.layout-news #main_content, .layout-people #main_content, .layout-about #main_content, .layout-services #main_content
{
    background: url(Images/backgrounds/content_nav_bg2.gif) repeat-y;
}
.layout-about #pagetitle_bg, .layout-people #pagetitle_bg
{
    background: url(Images/backgrounds/splash_bkg_02.jpg) no-repeat scroll 0 0;
}
.layout-news #pagetitle_bg
{
    background: url(Images/backgrounds/splash_bkg_04.jpg) no-repeat scroll 0 0;
}

/* Contact us page */
.layout-contact-us #contact-details
{
    float: left;
    width: 250px;
    padding: 0 0 0 120px;
}
.layout-contact-us #contact-map
{
    position: relative;
    clear: both;
    border: solid 1px #ccc;
    margin-left: 120px;
}
.layout-contact-us #pagetitle_bg
{
    background: url(Images/backgrounds/splash_bkg_03.jpg) no-repeat scroll 0 0;
}

/* Services page */
.layout-services #pagetitle_bg
{
    background: url(Images/backgrounds/splash_bkg_05.jpg) no-repeat scroll 0 0;
}

/* Error page */
.layout-error table
{
    margin-left: 140px;
}
.layout-error table td
{
    padding: 3px;
}
.sendfeedbackbtn
{
    width: 98px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent url(Images/forms/send-feedback.gif) no-repeat top;
    overflow: hidden;
    cursor: pointer;
    cursor: hand;
}

.send_enquiry_btn
{
    width: 98px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent url(Images/forms/send-enquiry.gif) no-repeat top;
    overflow: hidden;
    cursor: pointer;
    cursor: hand;
}


/* Emergency announcement */
.layout-emergency-announcement #main_content #content h1, .layout-wide #main_content #content h1
{
    font-size: 14px;
    color: #c60001;
}

/* CRUNCH - aggregated styles */
.layout-contact-us #main_content #content, .layout-error #main_content #content, .layout-maintenance #main_content #content, .layout-emergency-announcement #main_content #content, .layout-wide #main_content #content
{
    padding: 62px 0 0 0;
}
.layout-error h2, .layout-error p, .layout-error .info, .layout-error .error, .layout-maintenance p, .layout-contact-us p, .layout-emergency-announcement #main_content #content h1, .layout-emergency-announcement #main_content #content p, .layout-wide p, .layout-wide h1
{
    margin: 0 140px 10px 120px;
}

/*********************************************************
	End of Added By Jeremy
/**********************************************************/

#container
{
    margin: 2px 0 0 0;
    background-color: #fff;
    border: solid 1px #999;
    padding: 10px 20px 20px 20px;
    min-height: 300px;
}
#content
{
    padding: 10px 10px 20px 10px;
}
.brclear
{
    clear: both;
    height: 0;
    margin: 0;
    font-size: 1px;
    line-height: 0;
}
.center
{
    text-align: center;
}
.left
{
    text-align: left;
}
.right
{
    text-align: right;
}
.middle
{
    vertical-align: middle;
}
.draggable
{
    cursor: move;
}
.disabled-textbox
{
    background-color: #f4f4f4;
    border: solid 1px #ccc;
    padding: 2px;
}
.link-with-margin
{
    margin-left: 10px;
}
.slider-textbox
{
    display: none;
}
.float-left
{
    float: left;
}
.float-right
{
    float: right;
}
.selectable
{
    cursor: pointer;
}
.maxims-only td
{
    border-top: solid 1px #ccc;
}
.notes
{
    font-size: 90%;
}
.notes strong
{
    display: block;
}
.notes ol
{
    margin: 5px 0 10px 25px;
}

/* Headings */
h1, h2, h3, h4, h5, h6
{
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    margin: 10px 0 15px 0;
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
{
    font-size: 90%;
    font-weight: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
{
    font: 76%/1.3 arial, verdana, tahoma, sans-serif;
    font-weight: normal;
}
h1
{
    font-size: 1.5em;
}
h2
{
    font-size: 1.4em;
}
h2
{
    font-size: 1.3em;
}
h3
{
    font-size: 1.1em;
}
h4
{
    font-size: 1.1em;
}
h5
{
    font-size: 1.1em;
}
h6
{
    font-size: 1em;
}
hr
{
    margin: 10px auto 10px auto;
    height: 1px;
    border-top: dashed 1px #ccc;
    border-bottom: none;
    border-right: none;
    border-left: none;
    border-collapse: collapse;
}

/* HTML tags */
a:link, a:visited, a:active
{
    color: #d61719;
}
p
{
    color: #242424;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
}
img
{
    border: 0;
}
label, .label
{
    font-weight: bold;
}
textarea
{
    font-family: arial, verdana, tahoma, sans-serif;
}
blockquote
{
    padding: 0 0 0 12px;
    margin: 12px 0 0 0;
    background: url('Images/bg-quote.gif') no-repeat;
}
fieldset
{
    margin: 10px 0 20px 0;
    float: left;
}
fieldset .filters
{
    padding: 10px;
}
fieldset .filters .label, fieldset .filters .check-boxes label
{
    white-space: nowrap;
}
fieldset .filter-splitter
{
    writing-mode: tb-rl;
    padding-top: 10px;
    border-left: solid 1px #eee;
}
fieldset .filter-splitter span
{
    cursor: pointer;
}
fieldset .filter-splitter img
{
    margin-bottom: 5px;
}
fieldset h1
{
    color: #666;
    font-weight: bold;
    font-size: 1.0em;
    margin-bottom: 15px;
    padding: 5px 0 5px 0;
    text-align: center;
    background-color: #f4f4f4;
}
fieldset p
{
    text-align: center;
}


/* Generic form elements */
.button-save
{
    font-weight: bold;
}
.help-blue
{
    background: url('Images/help-blue.gif') no-repeat left top;
    padding: 1px 0 0 20px;
}
.help-white
{
    background: url('Images/help-white.gif') no-repeat left top;
    padding: 1px 0 0 20px;
}
.help-grey
{
    background: url('Images/help-grey.gif') no-repeat left top;
    padding: 1px 0 0 20px;
}

/* Banner */
#pagetitle
{
    font-size: 180%;
    color: #608fc8;
    font-weight: bold;
    margin-bottom: 20px;
}
#pagetitle div
{
    float: left;
}
#pagetitle #help
{
    font-size: 60%;
    margin: 5px 0 0 20px;
    padding: 0 0 10px 20px;
    font-weight: normal;
    background: #fff url('Images/help-white.gif') no-repeat left top;
}
#pagetitle span
{
    font-size: 60%;
    font-weight: normal;
}
#banner-icons
{
    margin: 6px 0 6px 0;
    float: right;
}
#banner-icons div
{
    border: solid 1px #ccc;
    margin-right: 10px;
    float: left;
    cursor: pointer;
    height: 40px;
    text-decoration: none;
    font-family: Tahoma;
    font-size: 12px;
}
#banner-icons div:hover
{
    border: solid 1px #d61719;
}
#banner-icons #logged-in:hover
{
    border: solid 1px #ccc;
}

#banner-icons #logged-in a
{
    display: block;
    margin-top: 3px;
}

#emergency-banner
{
    float: left;
    color: #666666;
    margin: 6px 5px 0 0;
    min-width: 180px;
    max-width: 250px;
    overflow: hidden;
    padding: 5px;
    background-color: #fff4f4;
    border: solid 1px #b00;
    cursor: pointer;
    white-space: nowrap;
    font-size: 11px;
    height: 100px;
}
#emergency-banner div
{
    margin: 3px 0 0 0;
}
#emergency-banner img
{
    float: left;
    margin: 3px 5px 0 0;
}
#emergency-banner a
{
    display: block;
    margin: 3px 0 0 0;
}

.logged-in
{
    margin: 6px 10px 0 0;
    text-align: center;
    float: right;
    height: 40px;
}
.logged-in strong
{
    display: block;
    margin: 0 0 5px 0;
}
.logged-in.boxed
{
    border: solid 1px #ccc;
    height: 40px;
    padding: 0 5px 0 5px;
    font-size: 11px;
}
.logged-in.boxed strong
{
    margin-top: 3px;
}

/* Validation controls */
.validator
{
    color: #f00;
}

/* Verisign */
#verisign
{
    float: right;
}

/* Radio button lists */
.table-radio label
{
    margin: 0 5px 0 0;
    font-weight: normal;
}
.edit
{
    background-color: #F4F4F4;
    padding: 10px;
}

.legend
{
    float: left;
}
.legend div
{
    float: left;
}
.legend #selected
{
    width: 30px;
    background-color: #ffe9cc;
    margin-right: 10px;
}
.legend #cheapest
{
    width: 30px;
    background-color: #d9ffd9;
    margin: 0 10px 0 20px;
}

/* Profiles */
.profile-edit
{
    background-color: #F4F4F4;
    padding: 10px;
}
.profile-info
{
    width: 75%;
    padding: 10px;
}
.profile-info-verisign
{
    float: right;
}
.profile-details-left
{
    width: 43%;
    float: left;
}
.profile-details-right
{
    width: 57%;
    float: right;
    padding-left: 25px;
    border-left: dotted 1px #CCC;
}
.profile-details
{
    width: 100%;
    border-bottom: dotted 1px #999;
    padding: 10px 0 10px 0;
}

/* Generic tables */
.table1
{
    border-collapse: collapse;
}
.table1 th
{
    background-color: #608fc8;
    padding: 5px;
    text-align: center;
    color: #fff;
}
.table1 th a
{
    color: White;
}
.table1 td
{
    padding: 3px;
    text-align: left;
}
.table1 tr.alt
{
    background-color: #f0f8ff;
}
.table1 .centre, .table1 .center
{
    text-align: center;
}
.table1 .left
{
    text-align: left;
}
.table1 .disabled
{
    background-color: #f4f4f4;
    color: #ddd;
}
.table1 .complete
{
    background-color: #d9ffd9;
    color: #008300;
}
.table1 .incomplete
{
    background-color: #ffe0e0;
    color: #900;
}

.table2
{
    border-collapse: collapse;
}
.table2 label
{
    white-space: nowrap;
}
.table2 td
{
    padding: 3px;
}

.terminated
{
    background-color: #ffefef;
    color: #900;
}
.guest
{
    background-color: #ffe8d7;
    color: #f60;
}

.table3
{
    border-collapse: collapse;
    background-color: #fff;
}
.table3 tr.alt
{
    background-color: #f0f8ff;
}
.table3 tr.gray
{
    background-color: #ccc;
}
.table3 tr.gray a
{
    color: Black;
}
.table3 tr.terminated
{
    background-color: #ffe0e0;
    color: #900;
    border: 1px solid #f8b3b3;
}
.table3 tr.guest
{
    background-color: #ffe8d7;
    color: #f60;
    border: 1px solid #ffceaa;
}
.table3 tr.cancelled
{
    background-color: #ffe0e0;
    color: #900;
    border: 1px solid #f8b3b3;
    font-weight: bold;
}
.table3 tr.denied
{
    background-color: #ffe8d7;
    color: #f60;
    border: 1px solid #ffceaa;
    font-weight: bold;
}
.table3 th
{
    padding: 5px;
    text-align: center;
    color: #fff;
    background-color: #608fc8;
}
.table3 th a
{
    color: White;
}
.table3 td
{
    padding: 4px;
    text-align: center;
    border: solid 1px #ccc;
}
.table3 .left
{
    text-align: left;
}
.table3 .right
{
    text-align: right;
}
.table3 .selectable
{
    cursor: pointer;
}
.table3 .selectable:hover
{
    background-color: #ffe9cc;
}
.table3 th.sortable
{
    cursor: pointer;
    text-decoration: underline;
}
.table3 th.sortable:hover, .table3 th.sorted-by, .table3 th.sorted-by-rev:hover
{
    background: #608fc8 url('Images/sorted-by.gif') no-repeat 50% 1px;
    cursor: pointer;
    text-decoration: underline;
}
.table3 th.sorted-by:hover, .table3 th.sorted-by-rev
{
    background: #608fc8 url('Images/sorted-by-rev.gif') no-repeat 50% 1px;
    cursor: pointer;
    text-decoration: underline;
}
.table3 .footer td
{
    font-weight: bold;
    border-top: solid 2px #ccc;
    background-color: #f4f4f4;
}
.table3 .complete
{
    background-color: #f4f4f4;
    color: #888;
}
.table3 .strong
{
    font-weight: bold;
}

.table4 td
{
    padding: 2px;
    vertical-align: top;
}

.table-search, .table-search td, .table-search th
{
    border-style: none;
    border-collapse: collapse;
}

.separator
{
    margin: 30px 0 30px 0;
    border-top: solid 5px #eee;
}

/* Status panels */
.updating
{
    background-color: #fd6;
    border: solid 1px #fc0;
    padding: 20px;
    color: #666;
    font-size: 1.3em;
    z-index: 99999;
}
.dynamic-populate
{
    text-align: center;
    background-color: #fff8ee;
    border: solid 1px #fed;
    padding: 20px;
    color: #666;
    font-size: 1.2em;
}
.dynamic-populate span
{
    display: block;
    margin-top: 10px;
}
.error
{
    background-color: #ffe0e0;
    color: #900;
    padding: 10px;
    border: 1px solid #f8b3b3;
    font-weight: bold;
    display: inline-block;
}
.error ul
{
    margin: 0 auto 0 20px;
}
.error-text
{
    color: #900;
}
.info
{
    background-color: #d1eff9;
    color: #369;
    padding: 10px;
    border: 1px solid #7fc5dc;
    font-weight: bold;
    display: inline-block;
}
.info-grey
{
    background-color: #e3e3e3;
    color: #333;
    padding: 5px;
    border: 1px solid #999;
    display: inline-block;
}
.warning-icon
{
    background: transparent url(Images/Warning.gif) no-repeat left center;
    padding-left: 25px;
    height: 20px;
    color: #a44;
}
.warning
{
    background-color: #ffe8d7;
    color: #f60;
    padding: 10px;
    border: 1px solid #ffceaa;
    font-weight: bold;
    display: inline-block;
}
.warning-deny-trip
{
    background-color: #ffe0e0;
    color: #900;
    padding: 10px;
    border: 1px solid #f8b3b3;
    display: inline-block;
    width: 50%;
}
.success
{
    background-color: #d9ffd9;
    color: #008300;
    padding: 10px;
    border: 1px solid #83db83;
    font-weight: bold;
    display: inline-block;
}
.error a
{
    color: #900;
    font-weight: normal;
    text-decoration: underline;
}
.info a, .warning a, .success a
{
    text-decoration: underline;
}
.possible-saving
{
    float: right;
    margin: 0 10px 0 0;
    background-color: #fee;
    color: #c33;
    padding: 15px;
    font-size: 150%;
    text-align: center;
    border: solid 1px #c33;
}
.possible-saving strong
{
    font-size: 115%;
}
.possible-saving-small
{
    float: right;
    background-color: #fee;
    color: #c33;
    padding: 10px;
    font-size: 115%;
    border: solid 1px #c33;
}
.possible-saving-small strong
{
    font-size: 115%;
}
.no-saving
{
    float: right;
    margin: 0 10px 0 0;
    background-color: #d9ffd9;
    color: #008300;
    padding: 15px;
    font-size: 150%;
    text-align: center;
    border: solid 1px #008300;
}
.no-saving-small
{
    float: right;
    background-color: #d9ffd9;
    color: #008300;
    padding: 10px;
    font-size: 115%;
    border: solid 1px #008300;
}
.possible-saving-row td
{
    font-size: 110%;
    background-color: #fee;
    color: #c33;
    font-weight: bold;
}
.no-saving-row td
{
    font-size: 110%;
    background-color: #d9ffd9;
    color: #008300;
    font-weight: bold;
}
.textbox-watermark
{
    color: #999;
}

/* Modal popups */
.modal-popup
{
    position: absolute;
    background-color: #FFF4F4;
    border: 1px solid #000;
    text-align: left;
    top: 0;
    left: 0;
}
.modal-popup p
{
    color: #242424;
    margin: 5px 44px 0 0;
}
.modal-popup h2
{
    font-size: 16px;
    color: #242424;
    padding: 0;
    margin: 0;
    width: auto;
}
.modal-popup h4
{
    margin-bottom: 5px;
}
.modal-popup select
{
    margin-left: 0px;
}
.modal-popup .check-boxes label
{
    padding-left: 0;
}

.modal-popup .popup_container
{
    border: 5px solid #BB0000;
}
.modal-popup .popup_container p
{
    padding: 0 0 10px 0;
}
.modal-popup .popup_container td
{
    padding: 2px 2px 2px 0;
    color: #242424;
}
.modal-popup .popup_container label
{
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
}
.modal-popup h1
{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 3px;
    background-color: #BB0000;
    margin: 0 0 5px 0;
}
.modal-popup .close
{
    width: 21px;
    height: 21px;
    cursor: default;
    float: right;
    padding-top: 5px;
}
.modal-popup .close-white
{
    background: url(Images/modal-close-white-9e0f0c.gif) no-repeat;
    width: 9px;
    height: 10px;
    cursor: pointer;
    float: right;
}
.modal-popup .content
{
    background-color: #fff;
    padding: 10px;
    overflow: auto;
    color: #000;
}
.modal-background
{
    background-color: #aaa;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modal-buttons
{
    text-align: center;
    margin: 15px 0 0 0;
}
.modal-content
{
    overflow: auto;
    background-color: #fff;
    padding: 10px;
}
.warning-popup
{
    background-color: #9e0f0c;
}
.warning-popup h1
{
    background-color: #9e0f0c;
}

/* Help content */
#help-maximisemytravel
{
    height: 400px;
}
.help-popup
{
    position: absolute;
    background-color: #666;
    border: solid 1px white;
    padding: 5px;
    text-align: left;
    z-index: 99999;
}
.help-popup h1
{
    font-size: 1.4em;
    font-weight: bold;
    color: White;
    padding: 3px;
    background-color: #666;
    margin: 0 0 5px 0;
}
.help-popup .close
{
    width: 21px;
    height: 21px;
    cursor: default;
    float: right;
    padding-top: 5px;
}
.help-popup .content
{
    background-color: #fff;
    padding: 10px;
    overflow: auto;
    color: Black;
    height: 300px;
}

/* Pager */
.pager table
{
    margin: 10px;
}
.pager tr
{
    padding: 0;
    margin: 0;
}
.pager td
{
    padding: 0;
    margin: 0;
}
.pager a, .pager span
{
    margin: 0;
    padding: 8px;
    display: block;
    text-decoration: none;
}
.pager a:hover
{
    background-color: #d61719;
    color: #fff;
}

.textbox-centered
{
    text-align: center;
}


/* News & Views */
.blog
{
    width: 70%;
}
.blog h1 span
{
    display: block;
    font-weight: normal;
    font-size: 70%;
}

/* Emergency announcements */
#emergency-home
{
    background-color: #fff4f4;
    color: #900;
    padding: 10px;
    border: 1px solid #bb0000;
    margin-bottom: 10px;
}
#emergency-home h1
{
    font-weight: bold;
}
#emergency-home span
{
    display: block;
    font-weight: normal;
    font-size: 70%;
}
#emergency-home h2
{
    font-weight: bold;
}

#js-warning
{
    float: right;
    width: 250px;
}

.inline-nav
{
    text-align: center;
    margin: 20px 0 20px 0;
    border: solid 1px #eee;
    padding: 10px;
    background-color: #fafafa;
}
.inline-nav ul
{
    margin: 0;
    display: inline;
}
.inline-nav li
{
    margin: 0;
    display: inline;
}
.inline-nav .nav-separator
{
    margin: 0 5px 0 5px;
    vertical-align: middle;
}


/* Popups */
.popup
{
    font: 76%/1.3 arial, verdana, tahoma, sans-serif;
    text-align: left;
    color: #666;
    margin: 0;
    min-width: 0;
    padding: 20px;
}
.popup #banner
{
    border-bottom: solid 1px #ccc;
    margin-bottom: 20px;
}
.popup .search
{
    margin-top: 15px;
    float: right;
}
.popup #footer
{
    border-top: solid 1px #ccc;
    margin-top: 20px;
    padding-top: 5px;
}
.popup h1
{
    font-size: 180%;
    color: #608fc8;
    font-weight: normal;
    margin-bottom: 20px;
}
.list-no-indent
{
    margin: 20px;
}

/* Calendar */
.ajax__calendar_days td
{
    padding: 0;
    margin: 0;
}
.ajax__calendar_day
{
    font-weight: normal;
}

/* Tabs */
.tab-container
{
    margin: 8px 0 0 0;
}
.tab-container .tabs
{
    font-size: 15px;
    margin: 0;
    padding: 0;
}
.tab-container .tabs ul
{
    vertical-align: middle;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.tab-container .tabs ul li
{
    background-color: #eee;
    padding: 8px 12px 8px 12px;
    float: left;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-top: solid 1px #ccc;
    cursor: pointer;
    margin-right: 5px;
}
.tab-container .tabs ul li.tab-active, .tab-container .tabs ul li.tab-disabled:hover
{
    border-left: solid 1px #999;
    border-right: solid 1px #999;
    border-top: solid 1px #999;
    background-color: #999;
    color: #fff;
}
.tab-container .tabs ul li.tab-active
{
    cursor: default;
}
.tab-container .tabs ul li.tab-disabled
{
    background-color: #eee;
    color: #666;
}
.tab-container .tabs ul li a
{
    display: block;
    text-decoration: none;
    color: #666;
}
.tab-container .tab-panes
{
    border: solid 2px #999;
    border-right: solid 2px #999;
    border-bottom: solid 2px #999;
    padding: 20px;
}


/*********************************************************
	Added By CRUNCH CHRISTIAN ... start
/**********************************************************/

#header_login_form
{
    position: absolute;
    top: 0;
    right: 0;
    width: 260px;
    height: 132px;
    overflow: hidden;
    color: #828282;
    font-size: 10px;
    font-weight: normal;
    background: transparent url(Images/header/header_bkg_form.gif) right top no-repeat;
}
#header_login_form h4
{
    margin: 0;
    padding: 0;
    background: transparent url(Images/header/login_title.gif) top right no-repeat;
    position: absolute;
    top: 0;
    right: 38px;
    height: 23px;
    width: 139px;
    text-indent: -9999em;
}
#header_login_form h4 a
{
    display: block;
    height: 23px;
    outline: none;
}
#header_login_form p, #header_login_form a
{
    color: #828282;
    margin: 0;
}
#header_login_form label
{
    line-height: 20px;
    font-weight: normal;
}

#header_login_form #login_email, #header_login_form #login_pass
{
    position: absolute;
    right: 38px;
}

#header_login_form #login_email input, #header_login_form #login_pass input
{
    width: 70px;
    height: 20px;
    line-height: 20px;
    border: 0px none transparent;
    background-color: transparent;
    font-size: 10px;
    padding: 0px 5px;
}

#header_login_form #login_email
{
    top: 30px;
}
#header_login_form #login_pass
{
    top: 58px;
}
#header_login_form #login_submit input
{
    position: absolute;
    top: 58px;
    right: 7px;
    background: transparent url(Images/header/login_go.gif) top left no-repeat;
    height: 21px;
    width: 24px;
    border: 0px none transparent;
    cursor: pointer;
    text-indent: -9999em;
}
#header_login_form .extra_actions
{
    position: absolute;
    top: 84px;
    right: 38px;
    text-align: right;
    font-weight: normal;
    font-size: 10px;
}
#header_login_form .extra_actions a:hover, #header_login_form .extra_actions a:active
{
    color: #656565;
}


#main_content
{
    background: #fff;
}

/* this style to be over-ridden by sifr */
#pagetitle_bg h1
{
    color: #fff;
    font-size: 2em;
    font-weight: normal;
    margin: 45px 0px 0px 120px;
    letter-spacing: 1px;
    text-transform: lowercase;
}


#content h2
{
    /*	color:#940101; */
    font-weight: normal;
}
#content h3
{
    /*	margin-bottom:0; */
    color: #4e4e4e;
}
#content ul, #content ol
{
    margin-left: 2em;
}


#teaser_list ul
{
    list-style-type: none;
}
#teaser_list li
{
    background: transparent url(Images/red-box-arrow.gif) top left no-repeat;
    padding-left: 25px;
    line-height: 20px;
    margin: 5px 0px;
}
#teaser li a
{
    font-weight: bold;
}

#maximise_logo
{
    float: right;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

#box1
{
    zoom: 1;
}
/* ie6 peekaboo bug fix */
#box1 p
{
    margin-top: 30px;
}
.layout-home #video_tour_link
{
    float: right;
}
#contact_ims
{
    margin-left: 20px;
}

#nav_left #video_tour_link
{
    margin: 0px;
    padding: 0px;
}
#nav_left #video_tour_link a:hover
{
    background-color: #fff;
    color: #fff;
}
#nav_left #video_tour_link a
{
    display: inline;
    padding: 0px;
}

.brochure-download
{
    width: 441px;
    padding-top: 25px;
    overflow: auto;
}

#main_content .brochure-download h2
{
    margin: 0px 0px 10px;
}
#main_content .brochure-download p
{
    margin: 5px 10px;
}
#main_content .brochure-download .cover
{
    float: right;
    margin: 0 10px;
    padding: 2px;
    border: 1px solid #ccc;
}


#contact-form
{
    margin-left: 50px;
    margin-bottom: 50px;
    float: left;
    padding: 10px;
    width: 458px;
    background-color: #FFF4F4;
    border: 1px solid #ccc;
}
#contact-form label, #contact-form input
{
    font-size: 1em;
    line-height: 1em;
}
#contact-form p
{
    margin: 0;
}
#contact-form input, #contact-form textarea
{
    border: 1px solid #ccc;
    width: 250px;
    font-size: 11px;
    height: 2em;
    line-height: 2;
}
#contact-form textarea
{
    width: 250px;
    height: 100px;
}
#contact-form label
{
    float: left;
    width: 8em;
}
#contact-form div
{
    margin: 0.5em 0;
}
#contact-form #enquiryform_name
{
    margin-top: 1em;
}
#contact-form #enquiryform_submit
{
    margin-left: 8em;
}
#contact-form #enquiryform_submit input
{
    width: 98px;
    height: 24px;
    border: 0px none transparent;
}




#contact-details
{
    margin-bottom: 20px;
}




#maximise_video
{
}

.btn_small
{
    width: 98px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent url(Images/forms/btn-small.gif) no-repeat top;
    overflow: hidden;
    cursor: pointer;
    cursor: hand;
}

.btn_large
{
    width: 98px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent url(Images/forms/btn-large.gif) no-repeat top;
    overflow: hidden;
    cursor: pointer;
    cursor: hand;
}
/* if buttons are done as links instead of inputs... */
a.btn_small, a.btn_large
{
    display: block;
    text-indent: -9999em;
    outline: 0px none transparent;
    margin: 0 auto;
}
#video_container
{
    text-align: center;
    margin: 0 auto;
}
#video_selector_container
{
    text-align: center;
    width: 240px;
    margin: 0 auto;
}
#video_selector_container p
{
    margin: 0;
}
#video_selector_lo, #video_selector_hi
{
    text-align: center;
    float: left;
    width: 120px;
}

/*********************************************************
	Added By CRUNCH CHRISTIAN ... end
/**********************************************************/

