html { width: 100%; height: 100%;}

body {
    background: url('../images/front/bodyBG.jpg?v0.1') no-repeat center top fixed;
    margin: 0;
    padding: 0;

    font-family: 'Open Sans', sans-serif; 
    font-size: 12px; 
    line-height: 22px;
    font-weight: normal;
    color: #000;
}

.clearfix { display: block; clear: both; }
.noDisplay { display: none; !important; }
.red { color: #ff0a1b; }
.blue { color: #0b148d; }
.darkBlue { color: #0b148d; }
.bold { font-weight: bold; }

.help-inline { color: #ff0a1b; }

h1, h2, h3 { font-family: 'Open Sans', sans-serif; }
h1 { font-size: 18px; line-height: 22px; font-weight: bold; color: #000; }
h2 { font-size: 16px; line-height: 20px; font-weight: bold; color: #000; }
h3 { font-size: 14px; line-height: 18px; color: #000; }
h4 { font-size: 13px; line-height: 16px; color: #000; }

label, input, select, textarea,
ol, ol li, ul, ul li {
    font-family: 'Open Sans', sans-serif; 
    font-size: 12px; 
    line-height: 22px;
    font-weight: normal;
    color: #000;
}

label.error, input.error, select.error, textarea.error { border: 1px solid #ff0a1b; }
div.alert > p { margin: 5px 0 5px !important; }

input[type=file] { line-height: 18px; margin-top: 8px; }

.editableW { position: relative; }
.editableW a.editableC { position: absolute; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: url('../images/editable2BG.png') repeat center top; }
.editableW a.editableC:hover { cursor: pointer; cursor: hand; }


#h1Box { text-align: center; }
    #h1Box h1 { font-family: 'Lato', sans-serif; font-size: 44px; line-height: 60px; color: #000; margin: 0; padding: 0; }
        #h1Box h1 .darkBlue { color: #0b148d; }
        #h1Box h1 .lightBlue { color: #6eb2d2; }
        #h1Box h1 .red { color: #ff0a1b; }


#headerW {
    width: 940px;
    margin: 0 auto;
}

    #headerW #headerC {}

    #headerW #headerC1 {
        float: left;
        width: 400px;
        text-align: left;
    }

        #headerW #headerC1 #socialButtons { float: left; width: 105px; margin-top: 10px; }

            #headerW #headerC1 #socialButtons ul { list-style-type: none; margin: 0; padding: 0; }

                #headerW #headerC1 #socialButtons ul li {
                    float: left;
                    margin-left: 5px;
                }

        #headerW #headerC1 #nav1Left { float: right; width: 250px; margin: 20px 30px 0 0; }

            #headerW #headerC1 #nav1Left ul { list-style-type: none; margin: 0; padding: 0; text-align: right; }

                #headerW #headerC1 #nav1Left ul li { 
                    display: inline;
                    margin-left: 10px;
                }


        #headerW #headerC1 #nav2Left { float: right; width: 370px; margin: 20px 50px 0 0; line-height: 16px; }

            #headerW #headerC1 #nav2Left > ul { list-style-type: none; margin: 0; padding: 0; text-align: right; }

                #headerW #headerC1 #nav2Left > ul > li { 
                    position: relative;
                    display: inline;
                    line-height: 16px;
                    margin-left: 10px;
                }

                    #headerW #headerC1 #nav2Left > ul > li > ul { list-style-type: none; margin: 0; padding: 0; display: none; z-index: 99; position: absolute; }

                    #headerW #headerC1 #nav2Left > ul > li:hover > ul { list-style-type: none; margin: 0; padding: 0; display: block; text-align: center; }

                    #headerW #headerC1 #nav2Left > ul > li > ul > li { background: url('../images/front/dropDown-BG.png') repeat-y center top transparent; width: 185px; height: 20px; border-bottom: 2px solid #ccc; padding: 20px 0 20px 0; }
                    #headerW #headerC1 #nav2Left > ul > li > ul > li.x2lines { height: 35px; padding: 20px 0 30px 0; }
                    #headerW #headerC1 #nav2Left > ul > li > ul > li.first { padding: 10px 0 20px 0; }
                    #headerW #headerC1 #nav2Left > ul > li > ul > li.last { border-bottom: 0 none; padding: 20px 0 10px 0; }
                    #headerW #headerC1 #nav2Left > ul > li > ul > li.top { background: url('../images/front/dropDown-topBG.png') repeat-y center top transparent; width: 185px; height: 39px; border-bottom: 0 none; padding: 0 0 0 0; }
                    #headerW #headerC1 #nav2Left > ul > li > ul > li.bottom { background: url('../images/front/dropDown-bottomBG.png') repeat-y center top transparent; width: 185px; height: 18px; border-bottom: 0 none; padding: 0 0 0 0; }

    #headerW #headerC2 {
        float: left;
        width: 126px;
        margin: 0 7px;
    }

    #headerW #headerC3 {
        float: right;
        width: 400px;
        text-align: right;
    }

        #headerW #headerC3 #nav1Right { float: left; width: 250px; margin: 20px 0 0 30px; }

            #headerW #headerC3 #nav1Right ul { list-style-type: none; margin: 0; padding: 0; text-align: left; }

                #headerW #headerC3 #nav1Right ul li { 
                    display: inline;
                    margin-right: 10px;
                }


        #headerW #headerC3 #nav2Right { float: right; width: 370px; margin: 20px 0 0 50px; line-height: 16px; }

            #headerW #headerC3 #nav2Right > ul { list-style-type: none; margin: 0; padding: 0; text-align: left; }

                #headerW #headerC3 #nav2Right > ul > li { 
                    position: relative;
                    display: inline;
                    line-height: 16px;
                    margin-left: 10px;
                }

                    #headerW #headerC3 #nav2Right > ul > li > ul { list-style-type: none; margin: 0; padding: 0; display: none; z-index: 99; position: absolute; }

                    #headerW #headerC3 #nav2Right > ul > li:hover > ul { list-style-type: none; margin: 0; padding: 0; display: block; text-align: center; }

                    #headerW #headerC3 #nav2Right > ul > li > ul > li { background: url('../images/front/dropDown-BG.png') repeat-y center top transparent; width: 185px; height: 20px; border-bottom: 2px solid #ccc; padding: 20px 0 20px 0; }
                    #headerW #headerC3 #nav2Right > ul > li > ul > li.x2lines { height: 35px; padding: 20px 0 30px 0; }
                    #headerW #headerC3 #nav2Right > ul > li > ul > li.first { padding: 10px 0 20px 0; }
                    #headerW #headerC3 #nav2Right > ul > li > ul > li.last { border-bottom: 0 none; padding: 20px 0 10px 0; }
                    #headerW #headerC3 #nav2Right > ul > li > ul > li.top { background: url('../images/front/dropDown-topBG.png') repeat-y center top transparent; width: 185px; height: 39px; border-bottom: 0 none; padding: 0 0 0 0; }
                    #headerW #headerC3 #nav2Right > ul > li > ul > li.bottom { background: url('../images/front/dropDown-bottomBG.png') repeat-y center top transparent; width: 185px; height: 18px; border-bottom: 0 none; padding: 0 0 0 0; }




    #headerW #headerC div.CR1 { display: block; clear: both; height: 45px; }
    #headerW #headerC div.CR2 { display: block; clear: both; height: 45px; }


    .nav1 { font-family: 'Open Sans', sans-serif; font-size: 9px; font-weight: bold; color: #000; }
    .nav1 ul {}
    .nav1 ul li {}
    .nav1 ul li a { font-family: 'Open Sans', sans-serif; font-size: 9px; font-weight: bold; color: #000; text-decoration: none; color: #000; }
    .nav1 ul li a:hover, .nav1 ul li a.active { color: #ff0a1b; }

    .nav2 { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: bold; color: #000; }
    .nav2 ul {}
    .nav2 ul li {}
    .nav2 ul li a { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: bold; color: #000; text-decoration: none; color: #0b148d; }
    .nav2 ul li a:hover, .nav2 ul li a.active { text-decoration: none; color: #ff0a1b; }



#middleW {
    width: 966px;
    margin: 0 auto;
}

    #middleC { position: relative; z-index: 9; }

        #middleC .imageSlider,
        #middleC #imageSliderHP {
            width: 960px;
            height: 346px;
            border: 3px solid #eaeaea;
        }

        #middleC .imageSlider,
        #middleC #imageSliderHP,
        #middleC .imageSlider img,
        #middleC #imageSliderHP img {
            position: relative;
            z-index: 10;

            width: 960px;
            height: 346px;

            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
        }

    #middleCC {
        position: relative; 
        z-index: 8;

        background: url('../images/front/middleBG.png') repeat-y right top;
        width: 940px;
        margin: -3px auto;
        padding: 13px 0 20px 0;
    }

        #middleCCtb {
            background: url('../images/front/middleBG-borderTop.png') no-repeat right bottom;
            width: 940px;
            height: 20px;
            margin: 0 auto;
        }

        #middleCCbb {
            background: url('../images/front/middleBG-borderBottom.png') no-repeat right bottom;
            width: 940px;
            height: 25px;
            margin: 0 auto;
        }

    #middleCCC {
        position: relative; 
        z-index: 8;

        background: url('../images/front/middleCCCBG.jpg') no-repeat center bottom #FFFFFF;
        width: 930px;
        min-height: 1225px;
    }



        #middleW #middleCC #HPButtonsC { display: block; clear: both; margin: 10px 20px 0 20px; }

            #middleW #middleCC #HPButtonsC ul { float: left; list-style-type: none; margin: 0; padding: 0; }

                #middleW #middleCC #HPButtonsC ul li {
                    display: inline-block;
                    background: url('../images/front/button-grey-s.png') no-repeat center top transparent;

                    width: 158px;
                    height: 48px;
                    margin-left: 30px;

                    text-align: center;
                    color: #FFFFFF;
                }

                #middleW #middleCC #HPButtonsC ul li.active {
                    background: url('../images/front/button-red-s.png') no-repeat center top;
                }

                #middleW #middleCC #HPButtonsC ul li.long {
                    background: url('../images/front/button-grey-l.png') no-repeat center top;
                    width: 183px;
                    height: 48px;
                }

                #middleW #middleCC #HPButtonsC ul li.long.active {
                    background: url('../images/front/button-red-l.png') no-repeat center top;
                }

                #middleW #middleCC #HPButtonsC ul li.aLeft {
                    /*
                    transform:rotate(-5deg);
                    -webkit-transform:rotate(-5deg);
                    -ms-transform:rotate(-5deg);
                    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-5);
                    -o-transform: rotate(-5deg);
                    -webkit-backface-visibility: hidden;
                    */
                }

                #middleW #middleCC #HPButtonsC ul li.aRight {
                    /*
                    transform:rotate(5deg);
                    -webkit-transform:rotate(5deg);
                    -ms-transform:rotate(5deg);
                    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=5);
                    -o-transform: rotate(5deg);
                    -webkit-backface-visibility: hidden;
                    */
                }

                    #middleW #middleCC #HPButtonsC ul li div {
                        padding: 7px;
                    }

                    #middleW #middleCC #HPButtonsC ul li div a {
                        color: #ffffff;
                        text-decoration: none;
                    }

                #middleW #middleCC #HPButtonsC #HPButtonsC_leftArrow {
                    float: left;
                    background: url('../images/front/arrow-left.png') no-repeat center top;

                    width: 24px;
                    height: 27px;

                    margin: 8px 0 0 0;
                }

                #middleW #middleCC #HPButtonsC #HPButtonsC_rightArrow {
                    float: right;
                    background: url('../images/front/arrow-right.png') no-repeat center top;

                    width: 24px;
                    height: 27px;

                    margin: 8px 0 0 0;
                }


                .productBox {
                    position: relative;
                    background: url('../images/front/productBoxBG.png') no-repeat center top;

                    width: 345px;
                    height: 408px;

                    line-height: 18px;

                    text-align: center;
                }

                .productBox:hover {
                    background: url('../images/front/productBoxBG-hover.png') no-repeat center top;
                }

                .productBox a.bookTicketsBtn {
                    display: inline-block;
                    background: url('../images/front/bookTickets-grey.png') no-repeat center top;
                    width: 153px;
                    height: 33px;
                }

                    .productBox:hover a.bookTicketsBtn,
                    .productBox a.bookTicketsBtn:hover {
                        background: url('../images/front/bookTickets-red.png') no-repeat center top;
                    }

                .productBox .padder {
                    padding: 200px 40px 10px 40px;
                }

                .productBox.left .p01 {
                    position: absolute;
                    top: 18px;
                    left: 18px;
                    background: url('../images/front/p01.png') no-repeat center top;

                    width: 240px;
                    height: 165px;

                    /*
                    transform:rotate(-11deg);
                    -webkit-transform:rotate(-11deg); 
                    -ms-transform:rotate(-11deg);
                    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-11);
                    -o-transform: rotate(-11deg);
                    */

                    -webkit-backface-visibility: hidden;
                    -webkit-transform-style:preserve-3d;
                }

                .productBox.left .p02 {
                    position: absolute;
                    top: 28px;
                    right: 13px;
                    background: url('../images/front/p02.png') no-repeat center top;

                    width: 240px;
                    height: 165px;

                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;

                    -moz-box-shadow:    3px 3px 5px 0 #666;
                    -webkit-box-shadow: 3px 3px 5px 0 #666;
                    box-shadow:         3px 3px 5px 0 #666;

                    /*
                    transform:rotate(4deg);
                    -webkit-transform:rotate(4deg);
                    -ms-transform:rotate(4deg);
                    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=4);
                    -o-transform: rotate(4deg);
                    */

                    -webkit-backface-visibility: hidden;
                    -webkit-transform-style:preserve-3d;
                }

                    .productBox.left:hover .p02 {
                        -moz-box-shadow:    3px 3px 5px 0 #ff0000;
                        -webkit-box-shadow: 3px 3px 5px 0 #ff0000;
                        box-shadow:         3px 3px 5px 0 #f00000;
                    }

                .productBox.right .p01 {
                    position: absolute;
                    top: 28px;
                    left: 13px;
                    background: url('../images/front/p01.png') no-repeat center top;

                    width: 240px;
                    height: 165px;

                    -webkit-border-radius: 10px;
                    -moz-border-radius: 10px;
                    border-radius: 10px;

                    -moz-box-shadow:    3px 3px 5px 0 #666;
                    -webkit-box-shadow: 3px 3px 5px 0 #666;
                    box-shadow:         3px 3px 5px 0 #666;

                    /*
                    transform:rotate(-4deg);
                    -webkit-transform:rotate(-4deg);
                    -ms-transform:rotate(-4deg);
                    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=-4);
                    -o-transform: rotate(-4deg);
                    */

                    -webkit-backface-visibility: hidden;
                    -webkit-transform-style:preserve-3d;
                }

                    .productBox.right:hover .p01 {
                        -moz-box-shadow:    3px 3px 5px 0 #ff0000;
                        -webkit-box-shadow: 3px 3px 5px 0 #ff0000;
                        box-shadow:         3px 3px 5px 0 #ff0000;
                    }

                .productBox.right .p02 {
                    position: absolute;
                    top: 18px;
                    right: 18px;
                    background: url('../images/front/p02.png') no-repeat center top;

                    width: 240px;
                    height: 165px;

                    /*
                    transform:rotate(11deg);
                    -webkit-transform:rotate(11deg);
                    -ms-transform:rotate(11deg);
                    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=11);
                    -o-transform: rotate(11deg);
                    */

                    -webkit-backface-visibility: hidden;
                    -webkit-transform-style:preserve-3d;
                }



        .tripAdvisorBox {
            position: relative;
            background: url('../images/front/tripAdvisorBoxBG.png') no-repeat center top;

            width: 187px;
            height: 292px;

            line-height: 18px;

            text-align: center;
        }

            .tripAdvisorBox .tripAdvisorText {
                height: 70px;
            }

            .tripAdvisorBox .padder {
                padding: 170px 30px 10px 30px;
            }



        .facebookBox {
            position: relative;
            background: url('../images/front/facebookBoxBG.png') no-repeat center top;

            width: 320px;
            height: 439px;

            text-align: center;
        }

            .facebookBox .padder {
                padding: 65px 20px 10px 12px;
            }

            .facebookBox .facebookBoxImage {
                background: url('../images/front/imagePH.png') repeat center top;

                width: 285px;
                height: 145px;
                margin: 0 auto;

                text-align: center;
            }

            .facebookBox .facebookBoxText {
                height: 105px;
                margin: 10px 0 10px 0;
                text-align: center;
            }

        .twitterBox {
            position: relative;
            background: url('../images/front/twitterBoxBG.png') no-repeat center top;

            width: 320px;
            height: 439px;

            text-align: center;
        }

            .twitterBox .padder {
                padding: 85px 20px 10px 12px;
            }

            .twitterBox .twitterBoxImage {
                background: url('../images/front/imagePH.png') repeat center top;

                width: 285px;
                height: 145px;
                margin: 0 auto;

                text-align: center;
            }

            .twitterBox .twitterBoxText {
                height: 105px;
                margin: 10px 0 10px 0;
                text-align: center;
            }


        .timeoutBox {
            position: relative;
            background: url('../images/front/timeoutBoxBG.png') no-repeat center top;

            width: 892px;
            height: 169px;

            line-height: 16px;

            margin: 0 auto;
        }

            .timeoutBox .padder {
                padding: 20px 30px 10px 30px;
            }

            .timeoutBox .timeoutBoxImage {
                float: left;
                width: 128px;
                height: 107px;

                margin: 0 20px 0 0;
            }

            .timeoutBox p.timeoutBoxText {
                text-align: justify;
            }

            .timeoutBox .timeoutBoxReadMoreHere {
                float: right;

                width: 176px;
                height: 36px;

                margin: 0 0 0 20px;
            }



        #middleW #middleC #nav3 {
            width: 120px;
            margin-left: -20px;
        }

        #middleW #middleC #nav3.S2 {
            width: 111px;
            margin-left: 0;
        }


            #middleW #middleC #nav3 ul { list-style-type: none; margin: 0; padding: 0; font-size: 16px; text-align: center; }

            #middleW #middleC #nav3 ul li {
                display: block;
                width: 120px; 
                height: 45px;

                margin: 40px 0 0 0;

                font-size: 11px;
                line-height: 13px;
                font-weight: bold;
                text-align: center;
                color: #FFFFFF;
            }

            #middleW #middleC #nav3.S2 ul li {
                width: 111px;
                height: 59px;
            }

                #middleW #middleC #nav3 ul li a {
                    display: block;
                    width: 120px; 
                    text-align: center;
                    text-decoration: none;
                    color: #FFFFFF;
                }

                    #middleW #middleC #nav3 ul li a div.navS3BG-top {
                        display: block;
                        background: url('../images/front/nav3BG-top.png') no-repeat right top; 
                        width: 120px; 
                        height: 18px;
                    }

                    #middleW #middleC #nav3 ul li a.active div.navS3BG-top,
                    #middleW #middleC #nav3 ul li a:hover div.navS3BG-top {
                        background: url('../images/front/nav3BG-top-hover.png') no-repeat right top; 
                    }

                    #middleW #middleC #nav3 ul li a div.navS3BG {
                        display: block;
                        background: url('../images/front/nav3BG.png') repeat-y right center; 
                        width: 120px; 
                    }

                    #middleW #middleC #nav3 ul li a.active div.navS3BG,
                    #middleW #middleC #nav3 ul li a:hover div.navS3BG {
                        background: url('../images/front/nav3BG-hover.png') repeat-y right center; 
                    }

                        #middleW #middleC #nav3 ul li a div.navS3BG .padder {
                            padding: 0 2px 0 12px;
                        }

                    #middleW #middleC #nav3 ul li a div.navS3BG-bottom {
                        display: block;
                        background: url('../images/front/nav3BG-bottom.png') no-repeat right top; 
                        width: 120px; 
                        height: 18px;
                    }

                    #middleW #middleC #nav3 ul li a.active div.navS3BG-bottom,
                    #middleW #middleC #nav3 ul li a:hover div.navS3BG-bottom {
                        background: url('../images/front/nav3BG-bottom-hover.png') no-repeat right top; 
                    }

                
    #middleW #middleC .contentBox {}

        #middleW #middleC .contentBox .contentBoxBG-top {
            background: url('../images/front/contentBoxBG-top.png') no-repeat center top;
            width: 420px;
            height: 15px;
        }

        #middleW #middleC .contentBox .contentBoxBG-bottom {
            background: url('../images/front/contentBoxBG-bottom.png') no-repeat center top;
            width: 420px;
            height: 20px;
        }

        #middleW #middleC .contentBox .contentBoxBG {
            background: url('../images/front/contentBoxBG.png') repeat-y center top;
            width: 420px;
        }

            #middleW #middleC .contentBox .contentBoxBG .padder {
                padding: 20px 30px 10px 30px;
            }

            #middleW #middleC .contentBox .contentBoxBG .title {
                font-size: 14px;
                line-height: 20px;
                margin: 10px 0 0 0;
            }

            #middleW #middleC .contentBox .contentBoxBG .bImage {
                text-align: right;
                margin: 20px 0 0 0;
            }


    #middleW #middleC .contentBoxS2 {}

        #middleW #middleC .contentBoxS2 .contentBoxS2BG-top {
            background: url('../images/front/contentBoxS2BG-top-N.png') no-repeat center top;
            width: 455px;
            height: 12px;
        }

        #middleW #middleC .contentBoxS2 .contentBoxS2BG-bottom {
            background: url('../images/front/contentBoxS2BG-bottom-N.png') no-repeat center top;
            width: 471px;
            height: 25px;
            margin-left: -8px;
        }

        #middleW #middleC .contentBoxS2 .contentBoxS2BG {
            background: url('../images/front/contentBoxS2BG-N.png') repeat-y center top;
            width: 455px;
        }

            #middleW #middleC .contentBoxS2 .contentBoxS2BG .padder {
                padding: 20px 30px 10px 30px;
            }

            #middleW #middleC .contentBoxS2 .contentBoxS2BG .title {
                font-size: 14px;
                line-height: 20px;
                margin: 10px 0 0 0;
            }

            #middleW #middleC .contentBoxS2 .contentBoxS2BG .bImage {
                text-align: right;
                margin: 20px 0 0 0;
            }


 #middleW #middleC .contentBoxS3 {}

        #middleW #middleC .contentBoxS3 .contentBoxS3BG-top {
            background: url('../images/front/contentBoxS3BG-top.png') no-repeat center top;
            width: 485px;
            height: 15px;
        }

        #middleW #middleC .contentBoxS3 .contentBoxS3BG-bottom {
            background: url('../images/front/contentBoxS3BG-bottom.png') no-repeat center top;
            width: 485px;
            height: 20px;
        }

        #middleW #middleC .contentBoxS3 .contentBoxS3BG {
            background: url('../images/front/contentBoxS3BG.png') repeat-y center top;
            width: 485px;
        }

            #middleW #middleC .contentBoxS3 .contentBoxS3BG .padder {
                padding: 20px 30px 10px 30px;
            }

            #middleW #middleC .contentBoxS3 .contentBoxS3BG .title {
                font-size: 14px;
                line-height: 20px;
                margin: 10px 0 0 0;
            }

            #middleW #middleC .contentBoxS3 .contentBoxS3BG .bImage {
                text-align: right;
                margin: 20px 0 0 0;
            }



    #middleW #middleC .contentBoxS4 { width: 416px; }

        #middleW #middleC .contentBoxS4 .contentBoxS4-hButtons { text-align: center;}

            #middleW #middleC .contentBoxS4 .contentBoxS4-hButton {
                background: url('../images/front/contentBoxS4-hButton-grey.png') no-repeat center top;
                width: 99px;
                height: 39px;

                font-size: 12px;
                line-height: 14px;
                color: #ffffff;
                text-decoration: none; 
                text-align: center;
            }

            #middleW #middleC .contentBoxS4 .contentBoxS4-hButton.active {
                background: url('../images/front/contentBoxS4-hButton-red.png') no-repeat center top;
                width: 99px;
                height: 39px;
            }

                #middleW #middleC .contentBoxS4 .contentBoxS4-hButton .padder {
                    padding: 13px 4px;
                }

        #middleW #middleC .contentBoxS4 .contentBoxS4BG-top {
            background: url('../images/front/contentBoxS4BG-top.png') no-repeat center top;
            width: 416px;
            height: 15px;
        }

        #middleW #middleC .contentBoxS4 .contentBoxS4BG-bottom {
            background: url('../images/front/contentBoxS4BG-bottom.png') no-repeat center top;
            width: 416px;
            height: 20px;
        }

        #middleW #middleC .contentBoxS4 .contentBoxS4BG {
            background: url('../images/front/contentBoxS4BG.png') repeat-y center top;
            width: 416px;
        }

            #middleW #middleC .contentBoxS4 .contentBoxS4BG .padder {
                padding: 20px 30px 10px 30px;
            }

            #middleW #middleC .contentBoxS4 .contentBoxS4BG .title {
                font-size: 14px;
                line-height: 20px;
                margin: 10px 0 0 0;
            }


    #middleW #middleC .contentBoxS5 { width: 812px; }

        #middleW #middleC .contentBoxS5 .contentBoxS5BG-top {
            background: url('../images/front/contentBoxS5BG-top.png') no-repeat center top;
            width: 812px;
            height: 20px;
        }

        #middleW #middleC .contentBoxS5 .contentBoxS5BG-bottom {
            background: url('../images/front/contentBoxS5BG-bottom.png') no-repeat center top;
            width: 812px;
            height: 20px;
        }

        #middleW #middleC .contentBoxS5 .contentBoxS5BG {
            background: url('../images/front/contentBoxS5BG.png') repeat-y center top;
            width: 812px;
        }

            #middleW #middleC .contentBoxS5 .contentBoxS5BG .padder {
                padding: 20px 30px 10px 30px;
            }

            #middleW #middleC .contentBoxS5 .contentBoxS5BG .title {
                font-size: 14px;
                line-height: 20px;
                margin: 10px 0 0 0;
            }


    #middleW #middleC .contentBoxS6 {
        width: 880px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

            #middleW #middleC .contentBoxS6 .padder {
                padding: 20px 30px 10px 30px;
            }

            #middleW #middleC .contentBoxS6 .title {
                font-size: 14px;
                line-height: 20px;
                margin: 10px 0 0 0;
            }

            #middleW #middleC .contentBoxS6 .mImage {
                border: 2px solid #eaeaea;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
            }


    #middleW #middleC .contentBoxS7 {
        width: 880px;
        border: 1px solid #eaeaea;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

            #middleW #middleC .contentBoxS7 .padder {
                padding: 20px 30px 10px 30px;
            }

            #middleW #middleC .contentBoxS6 .title {
                font-size: 14px;
                line-height: 20px;
                margin: 10px 0 0 0;
            }



    #middleW #middleC .calendarBox {}

        #middleW #middleC .calendarBox .calendarBoxBG-top {
            background: url('../images/front/calendarBoxBG-top.png') no-repeat center bottom;
            width: 370px;
            height: 15px;
        }

        #middleW #middleC .calendarBox .calendarBoxBG-bottom {
            background: url('../images/front/calendarBoxBG-bottom.png') no-repeat center top;
            width: 370px;
            height: 30px;
        }

        #middleW #middleC .calendarBox .calendarBoxBG {
            background: url('../images/front/calendarBoxBG.png') repeat-y center top;
            width: 370px;
        }

            #middleW #middleC .calendarBox .calendarBoxBG .padder {
                padding: 20px 30px 10px 30px;
            }


    #middleW #middleC .enquiryBox { width: 347px; }

        #middleW #middleC .enquiryBox .enquiryBoxBG-top {
            background: url('../images/front/enquiryBoxBG-top.png') no-repeat center bottom;
            width: 347px;
            height: 41px;
        }

        #middleW #middleC .enquiryBox .enquiryBoxBG-DONE-top {
            background: url('../images/front/enquiryBoxBG-DONE-top.png') no-repeat center bottom;
            width: 347px;
            height: 41px;
        }

        #middleW #middleC .enquiryBox .enquiryBoxBG-bottom {
            background: url('../images/front/enquiryBoxBG-bottom.png') no-repeat center top;
            width: 347px;
            height: 15px;
        }

        #middleW #middleC .enquiryBox .enquiryBoxBG {
            background: url('../images/front/enquiryBoxBG.png') repeat-y center top;
            width: 347px;
        }

            #middleW #middleC .enquiryBox .enquiryBoxBG .padder {
                padding: 20px 30px 10px 30px;
            }


    #middleW #middleC .enquiryBoxS2 { width: 347px; }

        #middleW #middleC .enquiryBoxS2 .enquiryBoxS2BG-top {
            background: url('../images/front/enquiryBoxBG-top.png') no-repeat center bottom;
            width: 347px;
            height: 41px;
        }

        #middleW #middleC .enquiryBoxS2 .enquiryBoxS2BG-DONE-top {
            background: url('../images/front/enquiryBoxBG-DONE-top.png') no-repeat center bottom;
            width: 347px;
            height: 41px;
        }

        #middleW #middleC .enquiryBoxS2 .enquiryBoxS2BG-bottom {
            background: url('../images/front/enquiryBoxBG-bottom.png') no-repeat center top;
            width: 347px;
            height: 15px;
        }

        #middleW #middleC .enquiryBoxS2 .enquiryBoxS2BG {
            background: url('../images/front/enquiryBoxBG.png') repeat-y center top;
            width: 347px;
        }

            #middleW #middleC .enquiryBoxS2 .enquiryBoxS2BG .padder {
                padding: 20px 30px 10px 30px;
            }


    #middleW #middleC .subscribeBox { width: 350px; }

        #middleW #middleC .subscribeBox .subscribeBoxBG-top {
            background: url('../images/front/subscribeBoxBG-top.png') no-repeat center bottom;
            width: 350px;
            height: 41px;
        }

        #middleW #middleC .subscribeBox .subscribeBoxBG-DONE-top {
            background: url('../images/front/subscribeBoxBG-DONE-top.png') no-repeat center bottom;
            width: 350px;
            height: 41px;
        }

        #middleW #middleC .subscribeBox .subscribeBoxBG-bottom {
            background: url('../images/front/subscribeBoxBG-bottom.png') no-repeat center top;
            width: 350px;
            height: 20px;
        }

        #middleW #middleC .subscribeBox .subscribeBoxBG {
            background: url('../images/front/subscribeBoxBG.png') repeat-y center top;
            width: 350px;
        }

            #middleW #middleC .subscribeBox .subscribeBoxBG .padder {
                padding: 20px 30px 10px 30px;
            }


    
    #middleW #middleC a.readMoreHereBtn {
        display: inline-block;
        background: url('../images/front/readMoreHere-grey.png') no-repeat center top;
        width: 180px;
        height: 40px;
    }

        #middleW #middleC a.readMoreHereBtn:hover {
            background: url('../images/front/readMoreHere-red.png') no-repeat center top;
        }




    #middleW #middleC .productBoxS2 {
        position: relative;
        width: 430px;
        height: 250px;

        border: 3px solid #eaeaea;

        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;

        cursor: hand;
        cursor: pointer;
    }

        #middleW #middleC .productBoxS2 img,
        #middleW #middleC .productBoxS2 .imgPlaceHolder {
            -webkit-border-top-left-radius: 20px;
            -webkit-border-top-right-radius: 20px;
            -moz-border-radius-topleft: 20px;
            -moz-border-radius-topright: 20px;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }

        #middleW #middleC .productBoxS2 .moreInfoHere {
            position: absolute;
            bottom: 0;
            left: 0;

            background: url('../images/front/moreInfoHere.png') no-repeat center bottom;
            width: 430px;
            height: 111px;

            font-size: 16px;
            line-height: 20px;
            color: #ffffff;
        }

        #middleW #middleC .productBoxS2:hover .moreInfoHere {
            background: url('../images/front/moreInfoHere-hover.png') no-repeat center bottom;
        }

            #middleW #middleC .productBoxS2 .moreInfoHere .padder {
                padding: 62px 20px 0 20px;
            }


    #middleW #middleC .productBoxS3 {
        position: relative;
        width: 275px;
        height: 160px;

        border: 3px solid #eaeaea;

        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;

        /*
        cursor: hand;
        cursor: pointer;
        */
    }

        #middleW #middleC .productBoxS3 img,
        #middleW #middleC .productBoxS3 .imgPlaceHolder {
            -webkit-border-top-left-radius: 20px;
            -webkit-border-top-right-radius: 20px;
            -moz-border-radius-topleft: 20px;
            -moz-border-radius-topright: 20px;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
        }

        #middleW #middleC .productBoxS3 .moreInfoHere {
            position: absolute;
            bottom: 0;
            left: 0;

            background: url('../images/front/bookVoucherHere.png') no-repeat center bottom;
            width: 275px;
            height: 71px;

            font-size: 12px;
            line-height: 14px;
            color: #ffffff;
        }

        #middleW #middleC .productBoxS3:hover .moreInfoHere {
            /* background: url('../images/front/bookVoucherHere-hover.png') no-repeat center bottom; */
        }

            #middleW #middleC .productBoxS3 .moreInfoHere .padder {
                padding: 39px 10px 0 10px;
            }



        #middleW #middleC .quoteBox {
            background: url('../images/front/quoteBoxBG.png') no-repeat center top;
            width: 860px;
            height: 170px;
            margin: 0 auto;

            font-family: 'Lato', sans-serif;
            font-size: 20px;
            font-weight: normal;
            line-height: 28px;
            color: #0b148d;
            text-align: center;
        }

            #middleW #middleC .quoteBox .padder {
                padding: 25px 120px;
            }


        #middleW #middleC .contentBox2Col { width: 918px; margin: 20px auto; }

        #middleW #middleC .contentBox2Col .contentBox2ColBG-top {
            background: url('../images/front/contentBox2ColBG-top.png') no-repeat center top;
            width: 898px;
            height: 14px;
            margin: 0 auto;
        }

        #middleW #middleC .contentBox2Col .contentBox2ColBG {
            background: url('../images/front/contentBox2ColBG.png') repeat-y center top;
            width: 898px;
            min-height: 250px;
            margin: 0 auto;
        }

            #middleW #middleC .contentBox2Col .contentBox2ColBG .padder {
                padding: 20px 40px 60px 40px;
            }

            #middleW #middleC .contentBox2Col .contentBox2ColBG .title {
                font-size: 14px;
                line-height: 16px;
                height: 20px;
            }


        #middleW #middleC .contentBox2Col .contentBox2ColBG-bottom {
            background: url('../images/front/contentBox2ColBG-bottom.png') no-repeat center top;
            width: 918px;
            height: 29px;
            margin: 0 auto;
        } 


#footerW {
    background: #080f71;
    margin: 30px 0 0 0;
    padding: 30px 0 15px 0;
}

    #footerW #footerC {
        width: 940px;
        margin: 0 auto;
    }

        #footerW #footerC ul { list-style-type: none; margin: 0; padding: 0; font-size: 16px; text-align: center; }

            #footerW #footerC ul li { 
                display: inline;
                margin: 0 24px 0 24px;
            }

            #footerW #footerC ul li a { 
                color: #FFFFFF;
                text-decoration: none;
            }

            #footerW #footerC ul li a:hover { 
                text-decoration: underline;
            }


#footer2W {
    background: #080f71;
    margin: 0;
    padding: 5px 0 15px 0;
}

    #footer2W #footer2C {
        width: 900px;
        margin: 0 auto;

        font-size: 9px;
        color: #ffffff;
    }




/* Sitemap */
div#sitemap {}
div#sitemap ul {}
div#sitemap ul  li { margin: 5px; }


/* Widgets */
#bookNowWidgetButton {
    position: fixed;
    top: 60px;
    left: 0;
    z-index: 999;

    cursor: url;
    cursor: pointer;
}

#bookNowWidget {
    position: absolute;
    top: 60px;
    left: 80px;
    z-index: 999;

    background: url('../images/front/bookNowWidgetBG.png') no-repeat center top;
    width: 312px;
    height: 652px;
}

    #bookNowWidget .padder {
        padding: 180px 20px 10px 20px;
    }

        #bookNowWidget .bookTicketsBtn {
            display: inline-block;
            background: url('../images/front/bookTickets-grey.png') no-repeat center top;
            width: 153px;
            height: 33px;
            border: 0 none;
        }

            #bookNowWidget .bookTicketsBtn:hover {
                background: url('../images/front/bookTickets-red.png') no-repeat center top;
            }

.contentBoxWithThumbsSlider { width: 918px; margin: 20px auto; }

.contentBoxWithThumbsSlider .contentBoxWithThumbsSlider_slider { position: relative; }
.contentBoxWithThumbsSlider .contentBoxWithThumbsSlider_slider .contentBoxWithThumbsSlider_leftArrow { position: absolute; top: 45px; left: 20px; background: url('../images/front/leftArrowG.png') no-repeat center center; width: 58px; height: 58px; }
.contentBoxWithThumbsSlider .contentBoxWithThumbsSlider_slider .contentBoxWithThumbsSlider_rightArrow { position: absolute; top: 45px; right: 15px; background: url('../images/front/rightArrowG.png') no-repeat center center; width: 58px; height: 58px; }
.contentBoxWithThumbsSlider .contentBoxWithThumbsSlider_slider ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }
.contentBoxWithThumbsSlider .contentBoxWithThumbsSlider_slider ul li { display: inline-block; width: 142px; height: 134px; margin: 0 10px; }
.contentBoxWithThumbsSlider .contentBoxWithThumbsSlider_slider ul li img { width: 142px; height: 134px; border: 2px solid #d5d5d6; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
.contentBoxWithThumbsSlider .contentBoxWithThumbsSlider_slider ul li.active img { border: 2px solid #ff0a1b; }

.contentBoxWithThumbsSlider .contentBoxWithThumbsSlider_content { width: 918px; margin: 20px auto; }
.contentBoxWithThumbsSlider .contentBoxWithThumbsSlider_content ul { list-style-type: none; margin: 0; padding: 0; text-align: left; }
.contentBoxWithThumbsSlider .contentBoxWithThumbsSlider_content ul li { }

.contentBoxWithThumbsSlider .contentBoxWithThumbsSlider_content .contentBox2ColBG-top {
    background: url('../images/front/contentBox2ColBG-top.png') no-repeat center top;
    width: 898px;
    height: 14px;
    margin: 0 auto;
}

.contentBoxWithThumbsSlider .contentBoxWithThumbsSlider_content .contentBox2ColBG {
    background: url('../images/front/contentBox2ColBG.png') repeat-y center top;
    width: 898px;
    min-height: 250px;
    margin: 0 auto;
}

    .contentBoxWithThumbsSlider .contentBoxWithThumbsSlider_content .contentBox2ColBG .padder {
        padding: 20px 40px 60px 40px;
        text-align: left;
    }

.contentBoxWithThumbsSlider .contentBoxWithThumbsSlider_content .contentBox2ColBG-bottom {
    background: url('../images/front/contentBox2ColBG-bottom.png') no-repeat center top;
    width: 918px;
    height: 29px;
    margin: 0 auto;
} 


#gallerySlider { width: 918px; margin: 20px auto; }

#gallerySlider { position: relative; }
#gallerySlider .gallerySlider_leftArrow { position: absolute; top: 18px; left: 20px; background: url('../images/front/leftArrowG.png') no-repeat center center; width: 58px; height: 58px; }
#gallerySlider .gallerySlider_rightArrow { position: absolute; top: 18px; right: 15px; background: url('../images/front/rightArrowG.png') no-repeat center center; width: 58px; height: 58px; }
#gallerySlider ul { list-style-type: none; margin: 0; padding: 0; text-align: center; }
#gallerySlider ul li { display: inline-block; width: 142px; height: 134px; margin: 0 10px; }
#gallerySlider ul li img { width: 142px; /* height: 134px; */ border: 2px solid #d5d5d6; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
#gallerySlider ul li.active img { border: 2px solid #ff0a1b; }

#mGImage { width: 800px; height: 480px; }


#imageSliderForT4 { width: 940px; height: 300px; margin: 0 auto; }


/* DateTimePicker (inline) */

.inlineDateTimePicker {
    width: 216px;
    margin: 10px auto;
    border: 1px solid #000000;
}

    .inlineDateTimePicker > div.datetimepicker {
        width: 216px;
        margin: 0;
        padding: 0;
    }

        .inlineDateTimePicker .datetimepicker-days {
            background: #ffffff;
        }

        .inlineDateTimePicker table > thead > tr:first-child > th,
        .inlineDateTimePicker table > thead > tr:first-child > th:hover {
            visibility: visible !important;
            background: url('../images/front/iDateTimePicker-thBG.jpg') repeat-x center top;
            padding: 4px 0 4px 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            color: #ffffff;
        }

        .inlineDateTimePicker table > tbody > tr > td {
            background: #ffffff;
            border: 1px solid #cccccc;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }

        .inlineDateTimePicker table > tbody > tr > td:first-child {
            border-left: 0 none;
        }

        .inlineDateTimePicker table > tbody > tr > td:last-child {
            border-right: 0 none;
        }

        .inlineDateTimePicker table > tbody > tr:last-child > td {
            border-bottom: 0 none;
        }

        .inlineDateTimePicker table > tbody > tr > td.active,
        .inlineDateTimePicker table > tbody > tr > td.active.active,
        .inlineDateTimePicker table > tbody > tr > td.active:hover,
        .inlineDateTimePicker table > tbody > tr > td.active.active:hover,
        .inlineDateTimePicker table > tbody > tr > td:hover {
            background: #ec2327;
            background-color: #ec2327;
        }

        .inlineDateTimePicker table > tbody > tr > td.disabled,
        .inlineDateTimePicker table > tbody > tr > td.disabled:hover {
            background: #ffffff;
            background-color: #ffffff;
            color: #7a7a7a;
        }





/* Book Tours */
.btnSend {
    background: url('../images/front/btnSend-hover.png') no-repeat center top;
    width: 58px;
    height: 30px;
    border: 0 none;
}

.btnSubscribe {
    background: url('../images/front/btnSubscribe-hover.jpg') no-repeat center top;
    width: 111px;
    height: 31px;
    border: 0 none;
}

.btnProceed {
    background: url('../images/front/btnProceed-hover.png') no-repeat center top;
    width: 87px;
    height: 31px;
    border: 0 none;
}

.btnBack {
    background: url('../images/front/btnBack.png') no-repeat center top;
    width: 67px;
    height: 31px;
    border: 0 none;
}


div.departureTimesW { background: #ffffff; border: 1px solid #000000; margin: 10px 0 10px 0; padding: 20px 0 20px 0; }
ul.departureTimes { list-style-type: none; }
ul.departureTimes li { float: left; width: 55px; margin: 3px; padding: 0; }
ul.departureTimes li label { display: inline-block; margin: 0; }
ul.departureTimes li input[type=radio] { display: inline-block; margin: -2px 0 0 1px; }

ul.iItems { list-style-type: none; margin: 0; padding: 0; }
ul.iItems li { display: block; margin: 3px 0 3px 0; padding: 0; }
ul.iItems li .IC1 { float: left; width: 150px; }
ul.iItems li .IC2 { float: left; width: 85px; }
ul.iItems li .IC3 { float: left; width: 85px; text-align: right; }

#i2DateTimePicker .soldOut { background-color: #b6b6b8; }