/* :::. BROWSER RESET .::: */


/* :::. BLOCK ELEMENTS .::: */
body, p, pre {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
}
dl, dt, dd, ul, ol, li {
    margin: 0;
    padding: 0;
}
ol, ul {
    list-style: none;
}
a {
    outline: none;
}
img, iframe {
    border: none;
}
th, td {
    margin: 0;
    padding: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
}
form, fieldset, legend, input, textarea, select {
    margin: 0;
    padding: 0;
}
fieldset {
    border: none;
}
input, textarea, select {
    font-size: 1em;
    font-family: inherit;
}
address, cite, code, dfn, em, var {
    font-style: normal;
    font-weight: normal;
}
abbr, acronym {
    border: 0;
}
/* :::. TOOLS .::: */

/* :::. CLEARING .::: */
.stretch,
.clear {
    clear: both;
    height: 1px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1px;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix { /* make method ie7 compatible */
    #display: inline-block;
}
* html .clearfix {
    /* Hides from IE-mac \*/
	height: 1%;
	display: block; /* restore block display for ie6 */
	/* End hide from IE-mac */
}


/* :::. REPLACE .::: */
.replace {
    display: block;
    background: transparent top left no-repeat;
}
.replace * {
    text-indent: -10000px;
    display: block;
    background: transparent top left no-repeat;
}
    .replace a {
		text-indent: 0;
	}
        .replace a span {
            text-indent: -10000px;
        }


/* :::. ACCESSIBILITY .::: */
span.accesskey {
    text-decoration: none;
}
.accessibility {
    position: absolute;
    top: -9999em;
    left: -9999em;
}


/* :::. HIDE .::: */
.hide {
    display: none;
}/* :::. TYPOGRAPHY .::: */

/* NOTE:If you change the font-size, remember to adjust the
    line-heights and margins to suit...
    Set the line height to at least 140% of the font size.
    Also, to keep a consistent vertical rhythm, make sure
    that the top and bottom margins add up to a multiple of the line height.
    e.g. if the line height is 14px, the following margins are acceptable;
     - top:0, bottom:14px
     - top:7px, bottom:7px
     - top: 7px, bottom:21px

*/

body {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 13px; /* Make sure you set this to the default font size */
    color: #656565;
}
p {
    margin-bottom: 21px;
    font-size: 13px;
    line-height: 21px;
}
pre {
    margin-bottom: 1em;
    border: 1px solid #666;
    border-left: 5px solid #666;
    padding: 1em;
    background-color: #eee;
    font-family: monospace;
    font-size: 1em;
}


/* :::. HEADINGS .::: */
h1, h2, h3 {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    color: #000;
    font-weight: bold;
}

h4, h5, h6 {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    color: #333;
}

h1 {
    font-size: 18px;
    line-height:28px;
    margin-top:5px;
    margin-bottom:11px;
}
h2 {
    font-size: 21px;
    line-height:36px;
    margin-top:10px;
    margin-bottom:11px;
}
h3 {
    font-size: 16px;
    line-height:21px;
    margin-top:10px;
    margin-bottom:11px;
}
h4 {
    font-size: 13px;
    line-height:21px;
    margin-top:10px;
    margin-bottom:11px;
    text-transform:uppercase;
}
h5 {
    font-size: 11px;
    line-height:21px;
    margin-top:10px;
    margin-bottom:11px;
}
h6 {
    font-size: 10px;
    line-height:21px;
    margin-top:10px;
    margin-bottom:11px;
}

#content h1 {
    border-bottom: 2px solid #1a4682;
    font-weight: normal;
}
/* :::. LISTS .::: */
ul {
    margin: 6px 0 10px 30px;
}
    ul li {
        margin-left: 30px;
        padding-left: 10px;
    }
ol {
    margin: 0 0 5px 30px;
    list-style: outside decimal;
}
    ol li {
        margin-left: 30px;
    }
dl {
    margin-bottom: 7px;
}
    dl dt {
        font-weight: bold;
    }
    dl dd {
        margin-bottom: 5px;
        margin-left: 30px;
    }


/* :::. LINKS .::: */
a,
a:link,
a:active {
    color: #000;

}

/* :::. MISC .::: */
hr {
    display: none;
}
div.hr {
    margin: 1em auto;
    height: 1px;
    background-color: #999;
    line-height: 1px;
}

/**
 * :::. WYSIWYG INLINE STYLES .:::
 */

.mceContentBody {
    padding:10px;
    background: #FFF url() !important;
}

.demoStyle {
    color: #FF0022 !important;
}

.mceContentBody .wysiwygTmpl {
    border: 1px dotted #CCC;
}

.default-list {}
.fancy-list {}

.align-left {}
.align-right {}

.default-table {}

.mceContentBody hr { display: block; }
hr#system-readmore  { border: red dashed 1px; color: red; }
hr.system-pagebreak { border: gray dashed 1px; color: gray; }

.mceContentBody div.features {
    position: relative;
    top: auto;
    left: auto;
}
/* :::. FORM ELEMENTS .::: */

fieldset {
}
    legend {
    }

fieldset.input {
    border: 1px solid #e7e7e7;
    background: #CCC;
    padding: 5px 10px 10px 10px;
    background: url(../images/fieldset_bg.png) repeat-x top left #f2f2f2;
    /* :::. IE FIELDSET/LEGEND FIX - PART I .::: */
    position: relative;
    /margin-top:20px;
    /padding-top:15px;
}
    fieldset.input legend {
        color: #545353;
        font-weight: bold;
        font-size: 12px;
        /* :::. IE FIELDSET/LEGEND FIX - PART II .::: */
        /position:absolute;
        /top: -10px;
    }
    fieldset.input p {
        margin-top:5px;
        margin-bottom:15px;
    }

/* Ordered list for displaying form elements */
form fieldset ol {
    margin: 0px;
    padding: 0px;
    list-style: none;
    line-height: 14px;
}
    form fieldset ol li {
        clear: both;
        margin: 0px;
        padding: 4px 0px 4px 170px;
        /*border-top: 1px solid #ffaf3d;*/
    }
        form fieldset ol li.nocontrol {
            padding-left:0px;
            padding-top:5px;
        }
    /*
    form fieldset ol li:hover {
        background-color: #ffaf3d;
    }
    */
        form fieldset ol li input, form fieldset ol li button, form fieldset ol li select {
            margin-top: 4px;
        }
        form fieldset ol li input.inputbox, form fieldset ol li textarea, form fieldset ol li select {
            border-top: 1px solid #abadb3;
            border-left: 1px solid #abadb3;
            border-bottom: 1px solid #e3e9ef;
            border-right: 1px solid #e3e9ef;
            padding: 2px;
            font-size:13px;
        }
        form fieldset ol li input[type="text"], form fieldset ol li input[type="password"] {
            width:200px;
        }
        form fieldset ol li select {
            padding:1px;
            font-size: 11px;
        }
        form fieldset ol li input.inputcheckbox {
        }
        /* For text instead of an input field */
        form fieldset ol li div div {
            padding: 0px !important;
            margin: 8px 0 0 0 !important;
        }
        form fieldset ol li label {
            float: left;
            margin-left: -170px;
            text-align: left;
            padding: 7px 10px 8px 0px !important;
            margin-right: 10px;
            color: #4b4b4b;
            font-weight:normal;
            width: 150px;
            /*background-color: #f8f8f8;*/
            border-bottom: 1px solid #e1e1e3;
            border-right: 1px solid #e1e1e3;
            text-align:right;
        }
        form fieldset ol li label.textlabel {
            float:none;
            display:inline;
            margin: 0px 0px 0px 5px;
            padding:0px;
            width:auto;
            border: none;
        }
            form fieldset ol li label.invalid {
            border-bottom: 1px solid #e1e1e3;
            border-right: 1px solid #e1e1e3;
            }
        label.hasTip {
            background: url(../images/tooltip.png) 97% 50% no-repeat;
            padding-right:20px !important;
            width: 140px;
        }

        form fieldset ol li div.static { /* Fixing plain text behaviour */
            padding-top:6px;
            /float:left;
        }
        form fieldset ol li div.label-wrapper input { /* Fixing checbox label behaviour */
            float:left;
            /margin-top:-4px; /* IE Hack*/
        }
        form fieldset ol li div.label-wrapper label { /* Fixing checbox label behaviour */
            float:left;
            margin-left:5px;
            width:auto;
            text-align:right;
            margin-bottom:3px;
            border:none;
            background:none;
        }
        form fieldset ol li p { /* field comments */
            margin-top: 0.2em;
            margin-bottom: 0;
            font-size: 0.9em;
        }
        form fieldset ol li p.error { /* field error */
            margin-top: 0;
            margin-bottom: -2px;
            padding:0px;
            color: #f00;
        }

/* Fields on top */
form fieldset ol.onTop {
}
    form fieldset ol.onTop li {
        clear: none;
        padding-left: 0;
            }

        form fieldset ol.onTop li label {
            float: none;
            display: block;
            margin-left: 0;
            margin-bottom: 0.2em;
            width: auto;
        }


strong.required {
    color: #ff0000;
    font-weight: bold;
    padding-left: 1px;
    padding-right: 1px;
    font-size: 12px;
    cursor:help;
}

button.button {
    /*
    border: none;
    margin:5px 0px;
    padding:0px;
    height:25px;
    width:64px;
    */
}
/* simulate press down*/
button.button:active {
    background-position: 1px 1px;
}
    /*
    button.generic {
        background: url(../images/submit_generic.png) no-repeat;
        width:71px;
    }
    button.login {
        background: url(../images/submit_login.png) no-repeat;
    }
    button.save {
        background: url(../images/submit_save.png) no-repeat;
    }
    button.buynow {
        background: url(../images/submit_buynow.png) no-repeat;
        width:82px;
    }
    button.activate {
        background: url(../images/submit_activate.png) no-repeat;
        width:78px;
    }
    button.register {
        background: url(../images/submit_register.png) no-repeat;
        width:119px;
    }
    button.add {
        background: url(../images/submit_add.png) no-repeat;
        width:58px;
    }
    button.edit {
        background: url(../images/submit_edit.png) no-repeat;
        width:58px;
    }
    button.delete {
        background: url(../images/submit_delete.png) no-repeat;
        width:69px;
    }
    button.cancel {
        background: url(../images/submit_cancel.png) no-repeat;
        width:71px;
    }
    button.lodgeticket {
        background: url(../images/submit_lodgeticket.png) no-repeat;
        width:102px;
    }
    button.clickheretoreply {
        background: url(../images/submit_clickheretoreply.png) no-repeat;
        width:133px;
    }
    button.loginhome {
        background: url(../images/submit_loginhome.png) no-repeat;
        width:67px;
    }
    */

a.btn {
    display:block;
    border: none;
    margin:5px 0px;
    padding:0px;
    height:25px;
    width:64px;
    text-decoration:none;
}
/* simulate press down*/
a.btn:active {
    background-position: 1px 1px;
}
    a.browsedocu {
        background: url(../images/btn_browsedocu.png) no-repeat;
        width:203px;
    }
    /*
    a.viewfaq {
        background: url(../images/btn_viewfaq.png) no-repeat;
        width:203px;
    }
    */
    a.submitticket {
        background: url(../images/btn_submitticket.png) no-repeat;
        width:107px;
        float:left;
        margin-top:-8px;
    }



/* :::. HORIZONTAL NAVIGATION .::: */

/*
 * This is a general guide on building drop down menus using ex-menu.
 * The code below can be modified to work with the default joomla menu system (mainmenu)
 * basically just replace #nav-root with ul.menu or whatever class / id you are using
 *
 * Note the use of li.over for hover elements - this is because IE6 does not support the
 * li:hover pseudo class.  Instead of doubling up each reference to hover with li.over, li:hover
 * I have decided to just support li.over
 *
*/
#navigation {
    width: 700px;
    height: 37px;       /* Menu bar height */
    top: -37px;         /* Menu bar height */
    left: 50px;
    position: absolute;
    clear: both;        /* forces ie6 to work */
}
        #mainlevel {
            margin: 0px;
        }
        #nav-root {
            margin: 0;
            padding: 0px 0px;
            list-style: none;
            z-index: 90;
            float: left;
            background: url(../images/bg-nav.jpg) repeat-x;
        }
            /* Style all li tags like this */
            #navigation li {
                margin: 0 0px 0 0;
                padding: 0;
                float: left;
                position: relative;
                list-style: none;
            }
                /* 1st level - horizontal menu */
                #nav-root li a, #nav-root li span, #nav-root li span.mainlevel_active {
                    padding: 13px 0px; /* Padding specific to 1st level */
                    display: block;
                    font-weight: bold;
                    cursor: pointer;
                    text-align: center;
                    color: #FFF; /* text color for 1st level */
                    text-decoration: none;
                }
                    #nav-root li {
                        /*background: url(../images/separator.gif) left center no-repeat;*/ /* Set the separator image here */
                        border-left: 1px solid #183d6f;
                    }
                        #nav-root li.over {
                            background: url(../images/bg-nav-1.jpg) repeat-x;
                        }
                        #nav-root li.first {
                            border-left: none;
                        }
/* Active menu item */
span.mainlevel_active, a#active_menu {
    background: #19447e; /* active menu items */
}

#menulink_1 {
    background: url(../images/nav-left-0.jpg) no-repeat top left;
}
    #menulink_1:hover {
        background: url(../images/nav-left-1.jpg) no-repeat top left;
    }
#menulink_8 {
    background: url(../images/nav-right-0.jpg) no-repeat top right;
}
    #menulink_8:hover {
        background: url(../images/nav-right-1.jpg) no-repeat top right;
    }

/* Hide menus - do not change */

#nav-root ul, #nav-root li.over ul, #nav-root li.over ul ul {
    display: none;
}

/* Show Menu on Hover - do not change */
/*
#nav-root li.over ul, #nav-root li li.over ul {
    display: block;
}
*/

/* rounded corners */
#nav-root .sb-border {
    background: #183d6f;
}
#nav-root .sb-inner {
    background: url(../images/bg-nav.jpg) repeat-x #1a457f;
}

#menulink_1 {
    width: 60px;
    overflow: hidden;
}
#menulink_2 {
    width: 80px;
    overflow: hidden;
}
#menulink_3 {
    width: 100px;
    overflow: hidden;
}
#menulink_4 {
    width: 76px;
    overflow: hidden;
}
#menulink_5 {
    width: 102px;
    overflow: hidden;
}
#menulink_6 {
    width: 80px;
    overflow: hidden;
}
#menulink_7 {
    width: 66px;
    overflow: hidden;
}
#menulink_8 {
    width: 90px;
    overflow: hidden;
}


/* :::. BREADCRUMBS .::: */
span.breadcrumbs {
    display:block;
    padding: 10px 0px;
}

/* :::. FOOTER .::: */
#footer .menu {
    margin: 0px 0px 0px 45px;
    padding: 0px;
}
    #footer .menu li a {
        color: #b2b2b2;
        text-decoration: none;
        padding: 0px 7px 0px 6px;
    }
    #footer .menu li {
        display: inline;
        margin: 0px;
        padding: 0px;
        background: url(../images/footer-menu-split.gif) no-repeat 100% 60%;
    }
    #footer .menu li.item26 {
        background: none;
    }
#footer .menu li a:hover {
    text-decoration: underline;
}

/* :::. POST-FOOTER .::: */
#post-footer span, #post-footer a {
    float: left;
    color: #b2b2b2;
    text-decoration: none;
}
#post-footer .menu  {
    float: left;
    margin: 0px;
    padding: 0px
}
    #post-footer .menu li {
        display:inline;
        float: left;
        margin: 0px;
        padding: 0px;
        background: url(../images/footer-menu-split.gif) no-repeat 0px 60%;
    }
    #post-footer .menu a {
        float: none;
        display: block;
        padding: 0px 6px 0px 7px;
    }
#post-footer a:hover {
    text-decoration: underline;
}

/* MEGA DROPDOWN*/

#megadropdown {
    position: absolute !important;
    margin-left: -142px !important;
    margin-top: -5px !important;
    width: 661px;
    z-index: 999;
    background: url(../images/megadropdown-repeat-x.jpg) repeat-x bottom left;
    height: 440px;
}
    #megadropdown ul {
        margin: 40px 0px 0px 32px;
    }
    #megadropdown h3 {
        position: absolute;
        font-size: 16px;
        color: #FFF;
        margin-left: 32px;
        /margin-left: 0px;
        width: 594px;
        padding-bottom: 10px;
        /*border-bottom: 1px solid #86a1c5;*/
    }

/* rounded corners */
#nav-root #megadropdown .sb-border {
}
#nav-root #megadropdown .sb-inner {
    background: url(../images/megadropdown-repeat-x.jpg) repeat-x bottom left #102b50;
}
    #nav-root ul li {
        border: none;
        width: 127px;
        overflow: hidden;
        float: left;
        padding-top: 10px;
        padding-right: 22px !important;
        /padding-left: 2px;
        height: 180px;
        border-top: 1px solid #86a1c5;
    }
        li.item1000, li.item1014 {
            padding-left: 0px !important;
        }
    #nav-root ul li a {
        padding: 0px;
        line-height: 21px;
    }
        #nav-root ul li a:hover {
            text-decoration: underline;
        }
    #nav-root ul li img {
        float: left;
    }
    #nav-root ul li span {
        line-height: 15px;
        padding: 0px;
        margin:0px;
        clear: both;
        text-align: left;
        font-size: 13px;
        color: #f08e2f;
        width: 140px;
        /*display: inline;*/
    }

#nav-root ul li ul {
    padding: 0px;
    margin: 0px;
    margin-top: 5px;
}
#nav-root ul li ul li {
    display: block;
    float: none;
    height: auto;
    padding: 0px;
    margin: 0px;
    border: none;
    margin-top: 2px;
}
#nav-root ul li a {
    color: #f08e2f;

}
#nav-root ul li ul li a {
    text-align: left;
    background: url(../images/megadropdown-bullet.gif) no-repeat 0px 50%;
    padding-left: 10px;
    color: #FFF;
}
    #nav-root ul li ul li a:hover {
        text-decoration: underline;
    }
#nav-root ul li ul li a span {
   font-size: 11px;
    color: #FFF;
    font-weight: normal;
}/**
 * if_legacy css
 * ---------------------------------
 *
 * @author Tim Cooper <tim@ifactory.com.au>
 * @author Fortunato Geelhoed <fortunato@ifactory.com.au>
 * @version 1.0.0
 * @copyright (C) 2006-2009 iFactory Pty Ltd
 * @license all rights reserved
 */

img, div, #container_3 { behavior: url(http://clients.ifactory.lan/rentloca/templates/if_legacy/js/iepngfix.htc); }

/* :::. STRUCTURE .::: */
#container_1 {
    background: url(../images/bg-repeat-x.jpg) repeat-x;
}
    #container_2 {
        /*background: url(../images/bg-content-repeat-y-ie.png) no-repeat 50% 0%;*/

    }
        #container_3 {
            margin:0px;
            padding:0px !important;
            /* Width and center align is already set */
            background: url(../images/bg-large.jpg) no-repeat 50% 151px;
        }
            #container_3-inner {
                border-top: 1px solid #21559c;
                background: url(../images/bg-header.jpg) no-repeat;
                padding-top: 10px;
            }
            #container_4 {
                margin: 0 auto !important; /* causes center align */
                text-align: left !important;
            }
                #con_banner {
                    clear: both;
                }
                div#content {
                    margin: 42px 0 0 0; /* 37 == Menu bar height */
                    padding: 0;
                    position: relative;
                }
                    #content-inner {
                        /* float and width already set in content.css.php! */
                        margin-top: 10px;
                            background: url(../images/content-bottom.png) no-repeat bottom left;

                    }
                    #local {
                        /* float, width and margin already set in content.css.php! */
                        background: lightpink;
                    }
                        #local-inner {
                            /* Set styles like padding and borders here */
                            padding: 0 10px;
                        }
                    #extra {
                        /* float, width and margin already set in content.css.php! */
                    }
                        #extra-inner {
                            /* Set styles like padding and borders here */
                            padding: 0 0 0 10px;
                        }


#branding {
}
#branding h1 {
    padding-left: 44px;
    margin-top: 14px;
    line-height: 36px;
}
    /*
    #branding h1 a {
    }
        #branding h1 a img {
        }
    */
#mod-branding div.ifflex {
    clear: both;
    float: right;
    padding-right: 250px;
    margin-top: 25px;
}
    #mod-branding a {
        color: #FFF;
    }
        #mod-branding a:hover {
            text-decoration: none;
        }
    #mod-branding p {
        color: #FFF;
        font-size: 12px;
    }

#component {
    padding: 0px 30px 50px 50px;
    min-height: 430px;
    height: auto !important;
    /height: 430px;
}

#content {
    background: url(../images/bg-content-no-repeat.jpg) no-repeat 0px 444px;
}


#footer, #post-footer {
    background: #FFF;
}

#post-footer {
    padding: 5px 0px 0px 50px;
    margin-bottom:30px;
    color: #b2b2b2;
    font-size: 12px;
}

/* VERTICAL ORIENTED MODULE LOGIN */
div.moduletable_default {
}
    div.moduletable_default p {
        margin-bottom: 5px;
    }
    div.moduletable_default ul#mod-login-links {
        margin: 10px 0 0 0;
    }
        div.moduletable_default ul#mod-login-links li {
            margin: 0px;
            padding: 0px;
        }

/* HORIZONTAL ORIENTED MODULE LOGIN */
div.moduletable_horizontal {
    width: 282px;
    overflow: hidden;
}
    div.moduletable_horizontal p#form-login-username, div.moduletable_horizontal p#form-login-password {
        float: left;
        width: 141px;
        margin: 0px;
        padding: 0px;
    }
    div.moduletable_horizontal p#form-login-remember {
        margin: 0px;
    }

    div.moduletable_horizontal #mod-login-links {
        float: right;
        margin-top: -21px;
    }

/* :::. CONTACT FORM .::: */

#map_canvas {
    width: 400px;
    height: 250px;
    float: right;
    border: 1px solid #25589e;
    margin-bottom: 10px;
}
form#emailForm {
    clear: both;
}
form#emailForm dl dt {
    float: left;
    width: 150px;
}
form#emailForm dl dd {
    margin-left: 160px;
}

/* :::. COM_USER .::: */
h3.jpane-toggler {
    border: 1px solid #CCC;
}
h3.jpane-toggler-down {
    border: 1px solid #999;
}


/* :::. SEARCH .::: */
div.search_quick {
    text-align: right;
    margin-top: 16px;
    margin-right: 25px;
    position: relative;
}
    div.search_quick fieldset {
        float:right;
        width: 300px;
    }
    div.search_quick legend {
        display: none;
    }
    div.search_quick fieldset label {
        display: inline-block;
        margin-right: 190px;
        font-size: 12px;
        padding: 3px 8px;
        font-weight: bold;
        color: #FFF;
    }
    .inputbox_quick {
        position: absolute;
        border: 1px solid #abadb3;
        border-bottom-color: #e3e9ef;
        border-right-color: #e3e9ef;
        /*
        border: none;
        background: url(../images/search-rounded.gif) no-repeat;
        */
        width: 140px;
        padding: 3px 5px 4px 5px;
        right: 32px;
        font-size: 11px;
        margin-right: 8px;
    }
    div.search_quick fieldset label, div.search_quick fieldset input {
    }
    input.button_quick {
        position: absolute;
        right: 0px;
    }


/* :::. COM_SEARCH .::: */
#search-field, #search-phrases, #search-ordering, #search-areas {
    margin-bottom: 15px;
}
form#searchForm .pagination {
    width: 100%;
    text-align: center;
}
#search-areas ul {
    margin: 0;
    padding: 0;
}
    #search-areas ul li {
        margin: 0 10px 0 0;
        padding: 0;
        float: left;
    }

/**
 * :::. MOOTOOLS TOOLTIP STYLES .:::
 */
.tool-tip {
    color: #fff;
    width: 139px;
    z-index: 13000;
}
    .tool-title {
        font-weight: bold;
        font-size: 11px;
        margin: 0;
        color: #e3e9ef;
        padding: 8px 8px 0px;
        background: url(../images/bubble.png) top left;
    }
    .tool-text {
        font-size: 11px;
        padding: 4px 8px 8px;
        background: url(../images/bubble.png) bottom right;
    }


/* System Messages */
#system-message    { margin: 0px; padding: 10px 0px 0px 0px; font-size:11px; line-heght:21px; padding-left: 50px; width:250px;}
#system-message dt { font-weight: bold; display:none; }
#system-message dd { margin: 0; font-weight: bold; }
#system-message dd ul { color: #0055BB; margin: 0px; padding:8px; list-style: none; border: 1px solid #b8b5b2; }
#system-message dd ul li { padding: 0px; margin: 0px; }

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message { margin:0px; background: url(../../if_960/images/message_information.png) no-repeat 10px 11px; margin-bottom:7px; }

/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul { color: #c00; margin:0px; background: url(../../if_960/images/message_error.png) no-repeat 10px 10px #E6C0C0; margin-bottom:7px; border-color: #DE7A7B; border-width:1px; }

/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul { color: #c00; margin: 0px; background: url(../../if_960/images/message_notice.png) no-repeat 10px 11px #EFE7B8; margin-bottom:7px; border-color:#F0DC7E;}

/* Debug */
#system-debug     { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; }
#system-debug div { font-size: 11px;}



/* :::. BEGIN: WYSIWYG TEMPLATES .::: */
/* :::. CONTENT STYLES .::: */

/* Default content list style */
#content-inner ul, .mceContentBody ul {
    margin:0px;
}
    #content-inner ul, .mceContentBody ul {
        list-style: circle outside !important;
    }

/* fancy content list style (wysiwyg template) */
.fancy-list ul {
    margin:0 0 0 0 !important;
    border-top: 1px solid #CECECE;
}
    .fancy-list ul li {
        list-style: none;
        background: url(../images/default-bullet.gif) 12px 8px no-repeat;
        /background-position: 0px 9px;
        padding-left:30px !important;
        margin-left:0px !important;
        border-bottom: 1px solid #CECECE;
        padding-bottom:3px;
        padding-top:3px;
    }
    .fancy-list ul li:hover, .fancy-list ul li.over {
        background-color: #f9f9f9;
    }

div.align-left {
}
    div.align-left img {
        float: left;
        margin-right: 10px;
        border: 1px solid #CCC;
    }
	body.home div.align-left img, body.home div.align-right img {
	    border: none;
	}
div.align-right {
}
    div.align-right img {
        float: right;
        margin-left: 10px;
        border: 1px solid #CCC;
    }

/* Paragraph with image left aligned template styles */
div.alignLeft p img, div.alignLeft p img {
    border: 1px solid #e7e7e7;
    padding:1px;
    margin-right:10px;
    margin-bottom:5px;
    float:left;
}
/* Paragraph with image right aligned template styles */
div.alignRight p img, div.alignRight p img {
    border: 1px solid #e7e7e7;
    padding:1px;
    margin-left:10px;
    margin-bottom:5px;
    float:right;
}

/* Default table layout */
div.default-table table {
    border-spacing:1px;
    background-color:#E7E7E7;
    color: #6F6F6F;
    width:100%;
    font-size:11px;
    font-family: Verdana, Arial, "Times New Roman", Times, serif;
}
    div.default-table table caption {
        font-weight: bold;
        text-align:left;
        /*background: #E7E7E7 url(../images/caption_bg.jpg) repeat-x bottom left;*/
        border-bottom:2px solid #000;
        color: #000000;
        text-transform:uppercase;
        padding:5px 10px;
        margin-bottom:1px;
    }
    div.default-table table td, div.default-table table th {
        padding: 4px;
    }
    div.default-table table thead th {
        text-align: center;
        background: #F5F5F5;
        color: #666;
        border: 1px solid #FFF;
        text-transform:uppercase;
        font-weight:bold;
        font-size:11px;
    }
    div.default-table table tbody tr {
        background-color:#FFF;
    }
    div.default-table table tbody tr:hover {
        background-color: #F9F9F9;
    }
        div.default-table table tbody tr td {
            border: 1px solid #FFF;
            padding:3px;
            text-align:center;
        }
    div.default-table table tfoot th, div.default-table table tfoot td {
        background-color:#E7E7E7;
        padding:4px 10px;
        text-align:right;
        font-size:10px;
        font-weight:normal;
        font-style:italic;
        border-bottom:1px solid #FFF;
        border-top:1px solid #DFDFDF;
    }

/* :::. END: WYSIWYG TEMPLATES .::: */


/* :::. QUICK QUOTE .::: */
div.quickquote-wrapper {
    margin-top: -30px !important;
    /margin-top: -150px;
    position: absolute;
    z-index: 1;
    padding: 0px 20px 10px 15px;
    /*background: url(../images/qquote_bg.jpg) no-repeat;*/
    height: 490px;
    /*overflow:hidden;*/
}
    div.quickquote-wrapper h3 {
        color: #FFF;
        font-size: 24px;
        font-weight: bold;
        margin-bottom: 0px;

    }
    div.quickquote-wrapper fieldset {
        width: 190px;
    }
        div.quickquote-wrapper fieldset ol {
            padding:0px;
            margin:0px;
        }
            div.quickquote-wrapper fieldset ol li {
                list-style:none;
                border-bottom: 1px solid #869334;
                border-bottom: 1px solid #FFF;
                padding: 3px 0px 15px 0px;
            }
                div.quickquote-wrapper fieldset ol li label {
                    padding:15px 0px 10px 0px !important;
                    color: #FFF;
                    font-size: 12px;
                    font-weight:bold;
                    display: block;
                    white-space:nowrap;
                    text-align: left;
                    float: none;
                    width: auto;
                    margin: 0px;
                    border: none;
                }
                div.quickquote-wrapper fieldset ol li div.checker-wrapper {
                    float:left;
                    width: 75px;
                     overflow:hidden;
                }
                div.quickquote-wrapper fieldset ol li label.checker {
                    padding:3px 0px !important;
                    display:inline !important;
                }
                    div.quickquote-wrapper fieldset ol li label.checker input {
                        /margin-top:-5px;
                    }
                div.quickquote-wrapper fieldset ol li input, div.quickquote-wrapper fieldset ol li select {
                    width: 189px;
                    margin:0px;
                    font-size: 12px;
                    padding: 2px;
                }
                div.quickquote-wrapper fieldset ol li input.radio {
                    width: 20px;
                    float:left;
                }

    div.quickquote-wrapper p {
        font-size: 14px;
        color: #FFF;
        line-height: 16px;
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 8px;
    }
    ol.cards {
    }
        ol.cards li {
            display: inline;
            list-style:inline;
            border: none !important;
        }

/* :::. FAQ .::: */
.box-outer {
    background: url(../images/box-bg-repeat-y.gif) repeat-y;
    width: 659px;
}
    .box {
        background: url(../images/box-bg-top.gif) no-repeat;
    }
        .box-inner {
            background: url(../images/box-bg-bottom.gif) no-repeat bottom left;
            padding: 10px;
        }
.contentpanefaq .box-outer {
    margin-bottom:10px;
}
.faqContent-wrapper {
    border-top: 1px solid #afbed2;
    margin-top: 10px;
    padding-top: 8px;
}

/* :::. SEARCH .::: */
#search-areas h2 {
    font-size: 14px;
    margin-bottom: 0px;
}
#search-areas li {
    list-style: none;
}
    #search-areas li label {
        float: left;
        display: block;
    }
    #search-areas li input {
        float: left;
        margin-right: 3px;
        margin-top: 1px;
    }
    .result-row {
        margin-top: 10px;
        padding-bottom: 10px;
        background: url(../images/extra-h3-bg.gif) repeat-x bottom left;
    }

.contentpaneopensearch .box-outer {
    margin-top: 15px;
}


/* ::: COM_IFWEBRES .::: */

/* category view */
ol.vehicle-list, ol.category-list {
    margin: 0px;
    padding: 0px;
}
    ol.vehicle-list li, ol.category-list li {
        margin: 0px 0px 27px 0px;
        padding: 0px;
        list-style: none;
        position: relative;
        display: inline-block;
    }

    ol.vehicle-list div.details, ol.category-list div.details {
        float: left;
        width: 420px;
        margin-left: 10px;
    }
    ol.category-list div.details {
        width: 420px;
    }
    ol.vehicle-list h3 {
        font-size: 18px;
    }
    ol.vehicle-list div.image, ol.category-list div.image  {
        float: left;
        width: 190px;
        text-align: center;
    }
    ol.vehicle-list .view-details {
        position: absolute;
        bottom: -21px;
        right: 15px;
    }

/* item view */
div.vehicle {
    position: relative;
}
    div.vehicle h2 {
        border-bottom: 1px solid #afbed2;
        width: 275px;
        padding-bottom:0px;
        margin-bottom:0px;
        font-size: 18px;
        line-height: 21px;
    }
    div.vehicle h2 span {
        font-size: 11px;
        display: block;
        padding-bottom:6px;
    }

div.vehicle div.images {
    float: left;
    width: 300px;
    overflow: hidden;
    margin-right: 30px;
}
    div.vehicle div.images ol, div.vehicle div.images li {
        margin: 10px;
        padding: 0px;
    }
div.vehicle div.icons {
    clear: both;
    padding-left: 10px;
    padding-bottom: 10px;
}
    div.vehicle div.icons img {
    }
div.vehicle div.details {
    float: left;
    width: 275px;
}
div.vehicle .book-now {
   position: absolute;
   bottom: -22px;
   right: 15px;
}

div.features {
    position: absolute;
    top: 66px;
    left: 310px;
    margin: 0px 0px 0px 30px;
    padding: 0px;
}
    div.features h3 {
        font-weight: normal;
        font-size: 18px;
    }
    div.features li {
        background: url(../images/bullet-features.gif) no-repeat 3px 50%;
        margin:0px;
        padding: 3px 0px 3px 14px;
        list-style: none;
        font-size: 13px;
    }

/* :::. CALENDAR .::: */
.calendar thead .title {
    background: #163b6e;
}
.calendar tbody td.selected {
    background: #ee831c;
    color: #FFF;
    border: none;
}

.calendar tbody .rowhilite td {
    background: #1b4987;
    border: none;
}
.calendar tbody td.hilite {
    background: #4b74ac;
}
.calendar tbody .rowhilite td.wn {
    background: #163b6e;
}
.calendar thead .active {
    background: #FFF;
}
.calendar thead .hilite {
    border: none;
}



#sitemap-webres {
}
    #sitemap-webres h3 {
        font-size: 14px;
        margin-top: 15px;
    }
    #sitemap-webres img {
        display: none;
    }

#component li.item16 {
    display: none;
}
h1.contentheading {
    border: none !important;
    font-weight: bold !important;
    font-size: 22px !important;
}

#pre-component {
    margin-top: 3px;
    margin-left: 1px;
}        #content-inner {
            float: left;
            width: 100%;
        }
            #con_header, #message, #component, #con_footer {
                margin: 0 239px 0 0;
            }
        /* Hide local as it is not needed */
        #local {
            float: left;
            width: 0px;
            margin-left: -100%;
            overflow: hidden;
        }
        #extra {
            float: left;
            width: 239px;
            margin-left: -239px;
        }
        #container_3 {

        margin: 0 auto !important; /* causes center align */
    text-align: left !important;
        
        
        
    width: 980px;
}