/*  -------------------------------------------------------------

    -------------------------------------------------------------

    CSS CODED BY - clearpixel.com.au - 2016

    -------------------------------------------------------------

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



body {

    font: 17px "PT Sans", Arial, Sans-serif;

    text-align: left;

    color: #737373;

    background: #73777e;

}









/*  -------------------------------------------------------------

    MAIN DIVS

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



#wrapper {

    overflow: hidden;

    background: #fff;

}



#header {

    padding: 15px 0;

    border-bottom: 1px solid #d8d8d8;

}



#main {

    padding:0 0 70px 0;

}



#footer {

    background: #73777e;

}





/*  -------------------------------------------------------------

    MISC

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



/* COLOURS */



.blue {

    color: #618ecc;

}



.pink {

    color: #9555a0;

}



.green {

    color: #8dc864;

}



.yellow {

    color: #e7be2d;

}







/*  -------------------------------------------------------------

    HEADER

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



#header .logo {

    float: left;

}



#header .header_right {

    float: right;

    margin-top: 35px;

    text-align: right;

    font: 0.82em "Droid Serif", times, serif;

    line-height: 1.5em;

    color: #618ecc;

}



#header .header_right a.btn:link,

#header .header_right a.btn:visited {

    padding:15px 20px;

    text-transform: uppercase;

    text-decoration: none;

    color: #737373;

    background: #f6f6f6;

}









/*  -------------------------------------------------------------

    MAIN

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



#main .left_content {

    position:relative;

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}









/*  -------------------------------------------------------------

    CONTENT

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



#main .page_heading h1 {

    float: left;

    padding: 20px 0;

    font: 2.3em "Droid Serif", times, serif;

    color:#618ecc;

}



#main .page_heading .your_package {

    float:right;

    padding-top: 15px;

    font-size: 0.7em;

    color: #618ecc;

    text-transform: uppercase;

}



#main  .page_heading .your_package p.price {

    padding:5px 0 0 0;

    font-size: 1.3em;

    font-weight: 400;

    line-height:1em;

    color:#618ecc;

    text-transform: none;

}









/*  -------------------------------------------------------------

    PROGRESS BAR

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



#progress_bar {

    width: 100%;

    overflow: hidden;

}



#progress_bar .step {

    float: left;

    width: 20%;

    text-align: left;

    color: #fff;

}



#progress_bar .step-i {

    position: relative;

    margin: 0 -12px 0 -13px;

    padding: 0 25px 0 40px;

    height: 67px;

    line-height: 67px;

    background: url('../../images/bg/step.png') no-repeat center right;

}



#progress_bar .step.one .step-i {

    z-index: 100;

}



#progress_bar .step.two .step-i {

    z-index: 90;

}



#progress_bar .step.three .step-i {

    z-index: 80;

}



#progress_bar .step.four .step-i {

    z-index: 70;

}



#progress_bar .step.five .step-i {

    z-index: 60;

    margin-right: -25px;

}



#progress_bar .step.active .step-i {

    background: url('../../images/bg/step_active.png') no-repeat center right;

}



#progress_bar .step-i.last {

    background: #d7e3f2;

}



#progress_bar .step .step_number {

    display: inline-block;

    vertical-align: middle;

    height: 1.25em;

    width: 1.25em;

    font: 1.35em "Droid Serif", times, serif;

    text-align: center;

    line-height: 1.4em;

    border: 1px solid #fff;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

}



#progress_bar .step .step_name {

    display: inline-block;

    vertical-align: middle;

    padding-left: 10px;

    font: 1.1em "Droid Serif", times, serif;

}



#progress_bar .step .step_name br {

    display: none;

}





/* Tab Links */



#main .planner_menu {

    display:inline-block;

    width:100%;

    margin-top: 20px;

    border-bottom: 1px solid #737373;

}



#main ul.planner_menu_links li {

    padding:9px 15px;

    display:inline-block;

    border-radius:5px 5px 0px 0px;

    background:#737373;

}



#main ul.planner_menu_links li a:link,

#main ul.planner_menu_links li a:visited {

    color: #fff;

}



#main .planner_menu_links li:hover,

#main .planner_menu_links li a:hover {

    text-decoration:none;

    background:#789ed3;

}



#main .planner_menu_links li.active,

#main .planner_menu_links li.active a:hover {

    color:#fff;

    background:#789ed3;

}









/*  -------------------------------------------------------------

    Arrangements Planner

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



#arrangement_planner {

    overflow: hidden;

}



#arrangement_planner h1{

    color: #618ecc;

}



#arrangement_planner h2 {

    padding: 30px 0 0 0;

    font: 700 1.2em "Droid Serif", times, serif;

    color:#618ecc;

    text-transform: none;

}



#arrangement_planner h3 {

    padding: 17px 0 30px 0;

    font: 700 1.2em "Droid Serif", times, serif;

    color:#618ecc;

    text-align: center;

    text-transform: none;

}





/* Options */



#arrangement_planner .options {

    margin: 0 0 30px 0;

    font-size: 0;

    background: transparent;

}



#arrangement_planner .option_container {

    display:inline-block;

    vertical-align: top;

    margin: 20px 0;

    padding: 15px;

    font-size: 17px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



#arrangement_planner .option_container.row-2 {

    width: 50%;

}



#arrangement_planner .option_container.row-3 {

     width: 33%;

 }



#arrangement_planner .option_container.row-4 {

    width: 25%;

}



#arrangement_planner .option_container .option .image {

    position: relative;

    z-index: 999;

    text-align: center;

}



#arrangement_planner .option_container .option .option_cost_included {

    font-weight: bold;

    color: #9555a0;

}



#arrangement_planner .option_container .option .option_cost {

    font-weight: bold;

    color: #618ecc;

}



#arrangement_planner .option img {

    max-height: 265px;

}



#arrangement_planner .option_container p {

    display: block;

    height: auto;

    margin-bottom: 10px;

}





#arrangement_planner .options input[type=radio],

#arrangement_planner .options input[type=checkbox] {

    display: none;

}



#arrangement_planner .options input[type=radio] + label,

#arrangement_planner .options input[type=checkbox] + label {

    display: block;

    width: 100%;

    margin-top: 38px;

    padding: 20px 0;

    font: 0.88em "Droid Serif", times, serif;

    text-transform: uppercase;

    text-align: center;

    cursor: pointer;

    color: #fff;

    background: #618ecc;

    -webkit-transition: all 0.25s linear;

    -moz-transition: all 0.25s linear;

    -o-transition: all 0.25s linear;

    transition: all 0.25s linear;

}



#arrangement_planner .options input[type=radio] + label:hover,

#arrangement_planner .options input[type=checkbox] + label:hover {

    background: #1b4d92;

}



#nothing_selected_box {

    display: none;

}



#nothing_selected_box.show_error {

    display: block;

    margin-top: 20px;

    padding: 20px;

    color: #fff;

}



#arrangement_planner .planner_nxt_btn {

    float: right;

    margin:0 20px 0 0;

    padding: 15px 15px 15px 0;

    width:20%;

    font: 1em "Droid Serif", times, serif;

    color: #618ecc;

    background: #d8e3f3;

    border: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



#arrangement_planner .planner_nxt_btn:hover {

    color: #fff;

    cursor: pointer;

    background: #618ecc;

}



#arrangement_planner .planner_nxt_btn:focus {

    outline:0;

}









/*  -------------------------------------------------------------

    REVIEW YOUR PACKAGE OPTION SELECTION

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



#review {

    margin: 0 auto;

    max-width: 530px;

}



#review h1 {

    padding: 75px 0 6px 0;

    font: 2em "Droid Serif", times, serif;

    text-align: center;

}



#review .service_price {

    padding-bottom: 20px;

    text-transform: uppercase;

    text-align: center;

    font-weight: bold;

    color: #618ecc;

}



#review .review_package .choice {

    margin: 20px 0;

    padding:  5px 10px 15px 10px;

    font-size: 17px;

    vertical-align: top;

    background: none;

    border-bottom: 1px dotted #618ecc;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



#review .review_package .choice .choice-i {

    width: 100%;

}



#review .review_package .choice .choice-i span.pkg_details_heading {

    display: block;

    padding-bottom: 5px;

    font: 1.2em "Droid Serif", times, serif;

    text-transform: uppercase;

    text-align: left;

    color: #618ecc;

}



#review .review_package .choice .choice-i .description {

    float: left;

}



#review .review_package .choice .choice-i a.edit_choice_btn {

    float: right;

    display: block;

    width: auto;

    color: #618ecc;

    text-align: right;

}



#review a.print_btn:link,

#review a.print_btn:visited {

    float: right;

    display: block;

    padding: 5px 0 5px 24px;

    font-size: 0.8em;

    font-weight: bold;

    text-decoration: none;

    text-transform: uppercase;

    color: #737373;

    background: url("../../images/icons/printer.png") no-repeat 0 5px;

}



#review a.print_btn:hover {

    color: #618ecc;

}



#review form {

    clear: both;

    padding-top: 20px;

}



#review input[type="submit"] {

    display: block;

    padding: 20px 0;

    width: 100%;

    font: 700 0.88em "Droid Serif", times, serif;

    color: #fff;

    text-transform: uppercase;

    cursor: pointer;

    background: #618ecc;

    border: none;

    outline: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



#review input[type="submit"]:hover {

    background: #1b4d92;

}









/*  -------------------------------------------------------------

    PACKAGE MANAGER PERSONAL DETAILS

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



#personal_details {

    font-size: 0;

}



#personal_details h1 {

    margin-top: 30px;

    font: 34px "Droid Serif", times, serif;

}



#personal_details p {

    padding: 15px 0;

    font-size: 17px;

}



#personal_details p.extra_spacing {

    padding: 40px 0;

}



#personal_details .personal_details-i {

    margin: 0 -15px;

    padding-bottom: 20px;

    border-bottom: 1px dotted #618ecc;

}



#personal_details .personal_details-i h2 {

    padding-left: 15px;

    padding-right: 15px;

    font-size: 21px;

}



#personal_details .personal_details-i p {

    display:inline-block;

    margin-bottom: 20px;

    padding-left: 15px;

    padding-right: 15px;

    width: 33.3%;

    font-size: 17px;

    vertical-align: top;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



#personal_details .personal_details-i p.double_width {

    width: 66.6%;

}



#personal_details p label {

    display: block;

    padding: 5px 0;

}



 #personal_details p label span.required {

    display: inline-block;

    padding-left: 5px;

    font-size: 1.5em;

    line-height: .8em;

    color: red;

    vertical-align: top;

}





/* Date Picker Styles */



.ui-datepicker {

    margin: 0 0 0 4px;

}



.ui-datepicker .ui-datepicker-header {

    border: none;

    background: #d7e3f2;

}



.ui-datepicker .ui-datepicker-title {

    color: #737373;

}



#personal_details .personal_details-i p input[type="text"],

#personal_details .personal_details-i p textarea,

#personal_details .personal_details-i p select {

    width: 100%;

    padding: 16px 20px;

    font: 17px "PT Sans", Arial, Sans-serif;

    font-weight: bold;

    border: none;

    outline: none;

    color: #1b56a9;

    background: #d7e3f2;

    -moz-box-sizing: border-box;

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}



#personal_details .personal_details-i p textarea {

    height: 180px;

}



#personal_details .personal_details-i p input[type="text"]:focus,

#personal_details .personal_details-i p textarea:focus,

#personal_details .personal_details-i p select:focus {

    color: #fff;

    background: #779dd3;

}



#personal_details input[type="submit"]{

    display: block;

    padding: 20px 0;

    width: 100%;

    font: 14px "Droid Serif", times, serif;

    color: #fff;

    text-transform: uppercase;

    cursor: pointer;

    background: #618ecc;

    border: none;

    outline: none;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



#personal_details input[type="submit"]:hover {

    background: #1b4d92;

}









/*  -------------------------------------------------------------

    YOUR PACKAGE DETAILS FLYOUT

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



#main .right_content {

    position: fixed;

    top: 0;

    right: -46.6%;

    z-index: 999;

    width: 51%;

    height: 100%;

    color: #fff;

    overflow: hidden;

    background: transparent;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    -webkit-transition: all 0.25s linear;

    -moz-transition: all 0.25s linear;

    -o-transition: all 0.25s linear;

    transition: all 0.25s linear;

}



#wrapper.show_package .right_content {

    right: 0;

    z-index: 10000;

    width: 50%;

    overflow-x: hidden;

    overflow-y: auto;

}



#arrangement_planner .package_details_mobile_btn {

    display: none;

}



#main .package_details_btn {

    position: fixed;

    right: 0;

    top: 50%;

    z-index: 999999;

    margin-top: -150px;

    width: 220px;

    height: 42px;

    font: 1.2em "Droid Serif", times, serif;

    text-align: center;

    line-height: 42px;

    vertical-align: middle;

    color: #fff;

    border: 2px solid #fff;

    border-bottom: none;

    outline: 2px solid #618ecc;

    background: #618ecc;

    -webkit-transition: all 0.25s linear;

    -moz-transition: all 0.25s linear;

    -o-transition: all 0.25s linear;

    transition: all 0.25s linear;

    -ms-transform:rotate(270deg); /* IE 9 */

    -ms-transform-origin: 100% 100%;

    -moz-transform:rotate(270deg); /* Firefox */

    -moz-transform-origin: 100% 100%;

    -webkit-transform:rotate(270deg); /* Safari and Chrome */

    -webkit-transform-origin: 100% 100%;

    -o-transform:rotate(270deg); /* Opera */

    -o-transform-origin: 100% 100%;

}



#wrapper.show_package .package_details_btn:hover,

#main .package_details_btn:hover {

    cursor: pointer;

}



#wrapper.show_package .package_details_btn {

    position: fixed;

    right: 45.6%;

    z-index: 999999;

    overflow: hidden;

    background: #618ecc;

    -webkit-box-shadow: 0px -5px 6px 0px rgba(0, 0, 0, 0.3);

    -moz-box-shadow: 0px -5px 6px 0px rgba(0, 0, 0, 0.3);

    box-shadow: 0px -5px 6px 0px rgba(0, 0, 0, 0.3);

}



#main .package_details_btn .closed_text,

#wrapper.show_package .package_details_btn .open_text {

    display: inline;

}



#main .package_details_btn .open_text,

#wrapper.show_package .package_details_btn .closed_text {

    display: none;

}



#package_bar {

    width: auto;

    height: 100%;

    color: #fff;

}



#package_bar-i {

    float: right;

    position: relative;

    width: 91%;

    height: 100%;

    background: rgb(97, 142, 204);

}



#wrapper.show_package #package_bar-i {

    -webkit-box-shadow: -2px 0px 10px 0px rgba(0, 0, 0, 0.5);

    -moz-box-shadow: -2px 0px 10px 0px rgba(0, 0, 0, 0.5);

    box-shadow: -2px 0px 10px 0px rgba(0, 0, 0, 0.5);

}



#package_bar-i .package_bar-ii {

    padding: 10px 20px;

    width:100%;

    background: rgb(97, 142, 204);

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}





/* Package Details Flyout Content */



#package_bar-i .package_bar-ii p.price {

    margin: -10px -20px 0 -20px;

    padding: 10px 20px;

    font-size: 1.5em;

    color: #fff;

    background: #436594;

}



#package_bar-i .package_bar-ii p.price h1 {

    border: none;

}



#package_bar-i .package_bar-ii p.price span.price_right {

    float: right;

}



#package_bar-i .package_bar-ii h1 {

    text-transform: none;

}



#package_bar-i .package_bar-ii h2 {

    font-size: 1.3em;

    font-weight: 400;

    color: #d7e3f2;

    text-transform: none;

}



#package_bar-i .package_bar-iii {

    margin: 20px auto 10px auto;

    width: auto;

    overflow: hidden;

}



#package_bar-i .package_bar-iii ul {

    padding: 0 0 15px 0;

    color: #fff;

}



#package_bar-i .package_bar-iii li {

    padding: 10px 0;

    border-bottom: 1px dotted #d7e3f2;

}



#package_bar-i .package_bar-iii li span.pkg_details_heading {

    display: block;

    padding: 5px 0;

    font: 0.7em "Droid Serif", times, serif;

    text-transform: uppercase;

    color: #d7e3f2;

}









/*  -------------------------------------------------------------

    Complete

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



#arrangement_planner .complete {

    padding: 80px 0;

}



#arrangement_planner .complete h1 {

    padding: 20px 0;

    font: 2.3em "Droid Serif", times, serif;

    color:#618ecc;

}



#arrangement_planner .complete p {

    font-size: 1.2em;

}







/*  -------------------------------------------------------------

    FOOTER

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#footer .copyright {

    display: inline-block;

    padding: 40px 0;

    font-size: 0.5em;

    text-align: left;

    color: #fff;

}



#footer .copyright a:link,

#footer .copyright a:visited {

    text-decoration: none;

    color: #fff;

}



#footer .copyright a:hover {

    text-decoration: underline;

    color: #fff;

}

#footer .logos {
    display: inline-block;
    padding: 20px 0;
    float: right;
}

#footer .logos img {
    margin: 0 10px;
}













/*  -------------------------------------------------------------

    MESSAGES

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

    

.msgBox {

    margin: 10px 0 10px 0;

    padding: 10px 10px 5px 35px;

    background: no-repeat 10px 10px;

    font-size: 12px;

}



.msgBox .title {

    font-size: 1.1em;

    font-weight: bold;

    padding: 0 0 5px 0;

}



.msgBox .text {

    padding: 0 0 5px 0;

}



.msgBox a:link,

.msgBox a:visited {

    text-decoration: underline; 

}

    



/*  Success

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



.msgBox.success {

    border: 1px solid #7fea6f;

    background-color: #dcf8d8;

    background-image: url("../../../../images/icons/msgBox_success.gif");

    color: #009900;

}



.msgBox.success a:link,

.msgBox.success a:visited,

#content .msgBox.success a:link,

#content .msgBox.success a:visited {

    color: #009900; 

}



/*  Error

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



.msgBox.error {

    border: 1px solid #e9cc7c;

    background-color: #fdf0cd;

    background-image: url("../../../../images/icons/msgBox_error.gif");

    color: #b17409;

}



.msgBox.error a:link,

.msgBox.error a:visited,

#content .msgBox.error a:link,

#content .msgBox.error a:visited {

    color: #a08106;



}



/*  Fail

    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */



.msgBox.fail {

    border: 1px solid #f57878;

    background-color: #ffe1e1;

    background-image: url("../../../../images/icons/msgBox_fail.gif");

    color: #cc3300;

}



.msgBox.fail a:link,

.msgBox.fail a:visited,

#content .msgBox.fail a:link,

#content .msgBox.fail a:visited {

    color: #cc3300; 

}