/* ==================== CSS RESET ===================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} :focus {outline: 0;} a{outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .clearfix {display: inline-block;} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} /* ==================== CSS RESET ===================*/ /* ================== ET GENERAL STYLE ===============*/ html, body {height: 100%;} body{background-image: url(/img/generalImg/body-bg.jpg); background-repeat: no-repeat; background-position:center top; background-color: #171717;} div.wrapper{width: 960px; height: auto !important; height: 100%; margin: 0 auto -250px; min-height: 100%;} div.content-box-wrapper{margin-left: -3px; margin-top: 15px;} div.content-box-top{width: 968px; height: 12px; background-image: url(/img/generalImg/content-box-top.png);} div.content-box{width: 948px; height: auto; background-image: url(/img/generalImg/content-box-middle.png); background-repeat: repeat-y; padding: 0 0 0 20px;} div.content-box-bottom{width: 968px; height: 12px; background-image: url(/img/generalImg/content-box-bottom.png);} div.content-box.legalcontent{padding: 20px; width: 928px;} div.content-box.legalcontent h1{font-size: 22px; margin-bottom: 15px;} div.content-box.legalcontent p{font-size: 12px; margin-bottom: 10px;} /* ================== ET GENERAL STYLE ===============*/ /* ================= ET STARTPAGE ====================== */ div.header-container{height: 453px; width: 964px; background-image: url(/img/generalImg/start-header-container-bg.png); margin-top: 15px; margin-left: -3px;position: relative;} div.middle-container{height: 290px; width: 964px; margin-top: 15px; margin-left: -3px;} .middle-container .about-container{width: 688px; height: 228px; float: left; background-image: url(/img/generalImg/start-about-container-bg.png); padding: 30px 15px; margin-right: 10px;} .middle-container .about-container .about-text {float: left; width: 350px;} .middle-container .about-container .about-text h1{margin-bottom: 20px;} .middle-container .about-container .about-text p{color: #858585; font-size: 13px; line-height: 20px;} .middle-container .about-container .about-newsfeed{float: left; width: 280px; margin-left: 55px;} .middle-container .about-container .about-newsfeed h2{color: #858585; margin-bottom: 20px;} .about-container .about-newsfeed ul.newsfeed{width: 100%;} .about-container .about-newsfeed ul.newsfeed li{cursor: pointer; height: 25px; width: 100%; border-bottom: 1px dashed #f0f0f0; padding: 10px 0px 10px 0px; font-size: 11px; color: #858585;} .about-container .about-newsfeed ul.newsfeed li:hover{background-color: #f4f4f4;} .about-container .about-newsfeed ul.newsfeed li.last{border-bottom: 0;} .about-container .about-newsfeed ul.newsfeed li h3{color: #d3118c; font-size: 13px; margin-top: 3px; font-weight:normal;} .about-container .about-newsfeed ul.newsfeed li.latest-news{height: 95px; padding-top: 0;} .about-container .about-newsfeed ul.newsfeed li.latest-news .news-info{width: 100%;margin-top: 6px;} .about-container .about-newsfeed ul.newsfeed li.latest-news .news-info img{float: left;border: 1px solid #fff; box-shadow:0px 0px 5px #b1b1b1;-webkit-box-shadow:0px 0px 5px #b1b1b1;-moz-box-shadow: 0px 0px 5px #b1b1b1; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#b1b1b1, offX=2, offY=2, positive=true);} .about-container .about-newsfeed ul.newsfeed li.latest-news .news-info .news-text{float: left; width: 180px; margin-left: 10px} .about-container .about-newsfeed ul.newsfeed li.latest-news .news-info .news-text a{font-size: 12px; margin-top: 5px;} .middle-container .travelpicker-container{width: 205px; height: 230px; float: left; background-image: url(/img/generalImg/start-travelpicker-container-bg.png); margin-top: -1px; padding:60px 15px 0;} .travelpicker-container .slider-cointainer{display: block; width: auto; height: 45px; margin-top: 20px;} .travelpicker-container .slider-cointainer ul.slider-label{width: 165px; height: auto; position: absolute; top:-25px;} .travelpicker-container .slider-cointainer ul.slider-label li{position: absolute; font-family: "PT-Sans", Arial; font-size: 14px; font-style: italic; color: #1dbfc9;} .travelpicker-container .slider-cointainer ul.slider-label li.active{color: #d3118c;} .travelpicker-container a.showDestination-btn{margin: -12px auto 0pt; width: 125px;} div.bottom-first-container{height: 240px; width: 967px; margin-top: 15px; margin-left: -4px; background-image: url(/img/generalImg/bottom-first-container-bg.png);} .bottom-first-container div{width: 203px; height: 182px; margin-right: 9px; float: left; padding: 57px 12px 0 20px;} .bottom-first-container div p{font-size: 12px; color: #858585; line-height: 18px;} .bottom-first-container div input.textfield{background-image: url(/img/generalImg/input-text-bg.png); background-repeat: no-repeat; width: 171px; height: 32px; border: 0; font-size: 11px; font-style: italic; color: #9b9b9b; margin: 10px 0 3px; padding-left: 10px; padding-right: 10px;line-height: 11px;} .bottom-first-container div input.textfield.error{background-position: 0 -32px; color: #000;} .bottom-first-container div input.textfield.sent{color: Green;} .bottom-first-container div.last{margin: 0;} .bottom-first-container .tipfriend-container{} .bottom-first-container .share-container{} .share-container .facebook-sharer{border-bottom: 1px dashed #f0f0f0; margin-bottom: 10px; padding-bottom: 10px; margin-top: 10px;} .bottom-first-container .newsletter-container{} .bottom-first-container .contactbox-container{padding-left: 10px !important;} .contactbox-container a{display: block; width: 100%; font-size: 12px; text-decoration: underline; line-height: 16px; padding: 5px 0; color: #858585;} .contactbox-container a:hover{color: #d3118c;} div.bottom-second-container{height: 156px; width: 932px; background-image: url(/img/generalImg/bottom-second-container-bg.png); margin-top: 15px; margin-left: -4px; padding: 18px 18px;} .bottom-second-container ul.all-categories{} .bottom-second-container ul.all-categories li{cursor: pointer;float: left; margin-right: 40px;} .bottom-second-container ul.all-categories li.last{margin-right: 0;} .bottom-second-container ul.all-categories li h3{font-size: 17px; color: #858585;} .bottom-second-container ul.all-categories li img{margin-top: 15px;border: 1px solid #fff; box-shadow:0px 0px 5px #b1b1b1;-webkit-box-shadow:0px 0px 5px #b1b1b1;-moz-box-shadow: 0px 0px 5px #b1b1b1; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#b1b1b1, offX=2, offY=2, positive=true);} /* ================= ET STARTPAGE ====================== */ /* ================= ET START SLIDER ====================== */ div.header-container ul.imageSlider-menu{position: relative; float: right; width:179px; height: 444px; background-image: url(/img/start-imgSlider/imgSlider-menu-bg.png); background-repeat:repeat-y; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; margin: 5px 4px 0 0;} div.header-container ul.imageSlider-menu li{height: 69px; width: 158px; float: right; padding: 20px 5px 0 10px; border-bottom: 1px solid #fff; border-top: 1px solid #e5e5e5; cursor: pointer;} div.header-container ul.imageSlider-menu li.first{border-top: 0; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}div.header-container ul.imageSlider-menu li.last{border-bottom: 0;-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;} div.header-container ul.imageSlider-menu li h2{margin-bottom: 5px;color: #858585; line-height: 18px;} div.header-container ul.imageSlider-menu li p{font-size: 11px; color: #888888;} div.header-container ul.imageSlider-menu li.active, div.header-container ul.imageSlider-menu li.selected{background-image: url(/img/start-imgSlider/imgSlider-selected-bg.png); background-position: bottom left; background-color: #fff; background-repeat: no-repeat;height: 69px;border-bottom: 0;} div.header-container ul.imageSlider-menu li.last.active, div.header-container ul.imageSlider-menu li.last.selected{height: 60px;-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;} div.header-container ul.imageSlider-menu li.first.active, div.header-container ul.imageSlider-menu li.first.selected{-moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;} div.header-container ul.imageSlider-menu li.active h2, div.header-container ul.imageSlider-menu li.selected h2{color: #d3118c;} div.header-container ul.imageSlider-menu div.menu-arrow{position: absolute; top: 2px; left: -10px; width: 14px; height: 85px; border: 0; padding: 0;} div.header-container ul.imageSlider-images{float: left;padding-left:5px; position: absolute; z-index: 0;} div.header-container ul.imageSlider-images li img{margin: 5px 4px 0 0;} div.header-container ul.imageSlider-images li a.button{background: transparent url(/img/start-imgSlider/button-rightcap.png) top right no-repeat; color: #fff;display: block;float: left; font-size:20px; font-family: "PT-Sans-Bold", Arial, Verdana; font-weight: bold; font-style: normal; height: 58px;margin-right: 6px;padding-right: 9px; text-decoration: none; position: absolute; bottom: 20px; right: 20px; text-shadow: 0px 0px 6px #6c0a48;filter: dropshadow(color=#6c0a48, offx=0, offy=0) } div.header-container ul.imageSlider-images li a.button span{background: transparent url(/img/start-imgSlider/button-leftcap.png) 0 0 no-repeat; display: block;line-height: 48px;padding: 5px 15px 5px 25px;} div.header-container ul.imageSlider-images li a.button:hover{background-position: bottom right;} div.header-container ul.imageSlider-images li a.button:hover span{background-position: 0 -58px;} div.header-container div.image-top-corner{background-image: url(/img/start-imgSlider/imgSlider-topLeft-corner-new.png); width: 5px; height: 5px; position: absolute; left:4px; top:4px;z-index:10;} div.header-container div.image-bottom-corner{background-image: url(/img/start-imgSlider/imgSlider-bottomLeft-corner-new.png); width: 5px; height: 5px; position: absolute; left:4px; bottom:4px;z-index:10;} /* ================= ET START SLIDER ====================== */ /* ================= ET CATEGORY PAGE ====================== */ div.header-category-container{position: relative; width: 965px; height: 283px; background-image: url(/img/category/header-container-bg.png); background-repeat: no-repeat; margin-top: 15px; margin-left: -3px;} .header-category-container img{padding: 5px 0 0 5px;} .header-category-container .corner{position: absolute; width: 8px; height: 6px; background-image: url(/img/category/header-container-corners.png); background-repeat: no-repeat;} .header-category-container .corner.topleft{background-position: 0 0; top: 1px; left: 1px;} .header-category-container .corner.bottomleft{background-position: 0 -6px; bottom: 3px; left: 1px;} .header-category-container .corner.bottomright{background-position: 0 -12px; bottom: 3px; right: 1px;} .header-category-container .corner.topright{background-position: 0 -18px; top: 0px; right: 0px;} .header-category-container .header-text{position: absolute; top: 5px; right: 6px; background-image: url(/img/category/header-container-textBg.png); width: 217px; height: 263px; overflow: hidden; padding: 10px 10px 0 15px;} .header-category-container .header-text h3{color: #d3118c; font-size: 20px; margin-bottom: 10px;} .header-category-container .header-text p{line-height: 18px; font-size: 12px; color: #606060;} div.destination-wrapper{margin-left: -5px; height: auto; margin-top: 15px;} .destination-wrapper .destination-top{width: 938px; height: 35px; background-image: url(/img/category/destination-top-bg.png); background-repeat: no-repeat; padding-left: 30px; padding-top: 12px;} .destination-top ul li{float: left; font-size: 18px; font-family: "PT-Sans", Arial, Verdana; font-style:normal; font-weight: normal;color: #ffffff;} .destination-top ul li.typ-hd{margin-left: 467px;} .destination-top ul li.var-hd{margin-left: 152px;} .destination-wrapper .destination-container{width: 893px; height: auto; background-image: url(/img/category/destination-middle-bg.png); background-repeat: repeat-y; padding-left: 25px; padding-right: 50px;} .destination-container .destination{width: 100%; min-height:65px; height: auto; border-top: 1px solid #fff; border-bottom: 1px solid #eaeaea; cursor: pointer; padding: 20px 0;} .destination-container .destination:hover{background-color: #efefef;} .destination-container .destination.open:hover, .destination-container .destination.openSmallImage:hover{background-color: Transparent;} .destination-container .destination.first{border-top: 0;} .destination-container .destination.last{border-bottom: 0;} .destination-container .destination.open, .destination-container .destination.openSmallImage{cursor: auto;} .destination-container .destination.open h3:hover, .destination-container .destination.openSmallImage h3:hover{text-decoration: underline; cursor: pointer;} .destination .destination-image{float: left; margin-right: 30px;} .destination-image img{border: 1px solid #fff; box-shadow:0px 0px 5px #b1b1b1;-webkit-box-shadow:0px 0px 5px #b1b1b1;-moz-box-shadow: 0px 0px 5px #b1b1b1; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#b1b1b1, offX=2, offY=2, positive=true);} .destination .destination-info{float: left; width: 775px;} .destination .destination-info ul{height: 20px; width: auto;} .destination .destination-info ul li{float: left; font-size: 17px; font-family: "PT-Sans", Arial, Verdana; font-style:italic; font-weight: normal;color: #858585;} .destination-info ul li h3{color: #d3118c; font-size: 17px; width: 385px;} .destination-info ul li.typ-hd{width: 185px;} .destination-info ul li.var-hd{width: 170px;} .destination-info ul li.arrow.off{width: 14px; height: 14px; background-image: url(/img/category/arrow-off.png); background-repeat: no-repeat;} .destination-info ul li.arrow.on{background-image: url(/img/category/arrow-on.png); cursor: pointer;} .destination-info .destination-first-desc{width: 280px; margin-top: 10px;} .destination-info .destination-first-desc p{color: #888888; font-size: 11px;} .destination .destination-full-info{height: auto; display: none; margin-top: 10px;} .destination-full-info ul.d-menu{background-image: url(/img/category/d-menu-bg-top.png); background-repeat: repeat-x; background-position: left top; width: 100%; height: 55px; margin-bottom: 20px;} .destination-full-info ul.d-menu li{cursor: pointer; float: left; font-size: 14px; padding: 15px; border-left: 1px solid #ffffff; border-right: 1px solid #e5e5e5;} .destination-full-info ul.d-menu li:hover{background-color: #ffffff;border-bottom: 1px solid #e5e5e5;} .destination-full-info ul.d-menu li.selected{background-color: #ffffff; border-bottom: 2px solid #d3118c; position: relative;} .destination-full-info ul.d-menu li.selected .arrow{margin-left: auto; margin-right: auto; background-image: url(/img/category/arrow-on.png); background-repeat: no-repeat; height: 14px; width: 14px; bottom: -14px; left: 40%; position: absolute;} .destination-full-info div.d-info{} .destination-full-info div.d-info p{font-size: 12px; color: #626262; margin-bottom: 10px;} .destination-full-info div.d-info p img{border: 1px solid #fff; box-shadow:0px 0px 5px #b1b1b1;-webkit-box-shadow:0px 0px 5px #b1b1b1;-moz-box-shadow: 0px 0px 5px #b1b1b1; filter: progid:DXImageTransform.Microsoft.dropShadow(color=#b1b1b1, offX=2, offY=2, positive=true); padding: 5px;} .destination-full-info div.d-program p{color: #626262;} .destination-full-info div.d-book p{color: #626262;} .destination-wrapper .destination-bottom{width: 968px; height: 47px; background-image: url(/img/category/destination-bottom-bg.png); background-repeat: no-repeat;} div.microGallery{float: left; display: none; margin-right: 30px;} .destination.open .destination-info{float: left; width: 600px;} .destination.open .destination-info ul li h3{color: #d3118c; font-size: 17px; width: 230px;} /* ================= ET CATEGORY PAGE ====================== */ /* ================= ET CONTACT PAGE ====================== */ div.contact-left-content{float: left; width: 600px;} div.contact-right-content{float: left; width: 335px;} .contact-tabs{width: 100%; height: 68px;} .contact-tabs ul{font-family: "PT-Sans", Arial, Verdana; font-style:italic; font-weight: normal;color: #858585;} .contact-tabs ul li{cursor: pointer; float: left; font-size: 14px; padding: 20px 17px; border-left: 1px solid #ffffff; border-right: 1px solid #e5e5e5; background-color: #f7f7f7;} .contact-tabs ul li.first{border-left: 0;} .contact-tabs ul li.last{border-right: 0;} .contact-tabs ul li:hover{background-color: #ffffff;border-bottom: 1px solid #e5e5e5;} .contact-tabs ul li.selected{background-color: #ffffff; border-bottom: 2px solid #d3118c; position: relative; color: #d3118c;} .contact-tabs ul li.selected .arrow{margin-left: auto; margin-right: auto; background-image: url(/img/category/arrow-on.png); background-repeat: no-repeat; height: 14px; width: 14px; bottom: -14px; left: 40%; position: absolute;} div.right-box-wrapper{margin-left: 7px;} .right-box-wrapper .right-box-top{width: 348px; height: 14px; background-image: url(/img/contactPage/right-box-top.png);} .right-box-wrapper .right-box{width: 318px;background-image: url(/img/contactPage/right-box-middle.png); background-repeat: repeat-y; padding: 10px 10px 0 20px;} .right-box-wrapper .right-box-bottom{width: 368px; height: 27px; background-image: url(/img/contactPage/right-box-bottom.png); margin-left: -9px;} .right-box h1{} .right-box ul{margin-top: 15px; font-size: 16px; color: #858585;} .right-box ul li{margin-top: 5px;} .right-box h2{color: #D3118C;} .right-box p{font-size: 12px; color: #858585; margin-top: 15px; width: 300px;} .right-box .textfield{background-image: url(/img/generalImg/input-text-bg.png); width: 171px; height: 32px; padding: 0 10px; line-height: 11px; font-size: 11px; color: #9B9B9B; border: 0; margin-top: 10px;} a.small-button{background: transparent url(/img/contactPage/small-button-rightCap.png) top right no-repeat; color: #fff;display: block;float: left; font-size:16px; font-family: "PT-Sans-Bold", Arial, Verdana; font-weight: bold; font-style: normal; height: 32px;margin-right: 6px; margin-top: 10px; padding-right: 9px; text-decoration: none; text-shadow: 0px 0px 6px #6c0a48;filter: dropshadow(color=#6c0a48, offx=0, offy=0) } a.small-button span{background: transparent url(/img/contactPage/small-button-leftCap.png) 0 0 no-repeat; display: block;line-height: 25px;padding: 5px 15px 5px 25px;} a.small-button:hover{background-position: -36px right; color: #fff !important;} a.small-button:hover span{background-position: 0 -36px;} .contact-left-content .inner{margin-top: 30px;} .contact-left-content .inner .formItem{margin-bottom: 15px;} .contact-left-content .inner .formItem .label, .contact-left-content .inner .formItem .input{float:left;} .contact-left-content .inner .formItem .label{width: 110px;font-size: 14px;font-family: "PT-Sans", Arial, Verdana; font-style:italic; font-weight: normal;color: #858585;padding-top: 5px;} .contact-left-content .inner .formItem .input{width: 225px;} .contact-left-content .inner .formItem .input .textfield-white{width: 220px; background-image: url(/img/contactPage/textfield-white.png); height: 30px; border: 0; padding-left: 5px; color: #bababa; line-height: 11px;} .formItem .input .textfield-white:focus{background-position: 0 -32px; color: #3b3b3b !important;} .formItem .input .textfield-white.error{background-position: 0 -64px; color: #000 !important;} .contact-left-content .inner .formItem .input.small{width: 80px !important;} .contact-left-content .inner .formItem .input .textfield-white-small{width: 70px; background-image: url(/img/contactPage/textfield-white-small.png); height: 30px; border: 0; padding-left: 5px; padding-right: 5px; color: #bababa; line-height: 11px;} .formItem .input .textfield-white-small:focus{background-position: 0 -32px; color: #3b3b3b !important;} .formItem .input .textfield-white-small.error{background-position: 0 -64px; color: #000 !important;} .formItem .input #slider-amount{position: absolute; font-size: 14px; color: #939393; top: -20px; text-align: center; width: 10px; margin-left: 5px;} .formItem .input #range-amount{font-size: 14px; color: #939393;text-align: center;margin-left: 5px; margin-bottom: 5px;} .mT15{margin-top: 15px !important;}.mL15{margin-left: 15px !important;} .mT25{margin-top: 25px !important;}.mL25{margin-left: 25px !important;} .mT30{margin-top: 30px !important;}.mL30{margin-left: 30px !important;} .contact-left-content .inner .formItem .input select{width: 225px; padding: 5px; color: #bababa; border: 1px solid #bababa;} /* ================= ET CONTACT PAGE ====================== */ /* ================= ET ABOUT PAGE ====================== */ ul.big-list{ list-style-type: circle; list-style-position: inside;} ul.big-list li{margin-top: 15px;} .inner p{font-size: 13px; color: #858585; line-height: 18px; margin-bottom: 10px; width: 90%;} .inner h1{margin-bottom: 15px;} .inner h2{font-size: 18px; color: #d3118c;margin-bottom: 15px;} /* ================= ET ABOUT PAGE ====================== */ /* ================= ET FOOTER ====================== */ div.footer-push{height: 250px;} div.footer{padding: 25px 30px; width: 900px; margin: 15px auto; background-image: url(/img/generalImg/footer-top-bg.png); background-position: top top; background-repeat: no-repeat; height: auto; min-height: 200px;} .footer div.footer-column{float: left;} .footer div.footer-column h4{color: #d3118c;margin-bottom: 15px;} .footer div.footer-column .column {float: left; margin-right: 45px;} .footer div.footer-column ul{margin-bottom: 25px;} .footer div.footer-column ul li.footer-cat-hd, .footer div.footer-column ul li.footer-cat-hd a{font-family: "PT-Sans", Arial, Verdana; font-size: 14px; font-style: italic; color: #858585; margin-bottom: 12px;} .footer div.footer-column ul li, .footer div.footer-column ul li a{font-size: 11px; color: #b8b8b8;margin-bottom: 10px;} .footer div.footer-column p{font-size: 11px; color: #b8b8b8; line-height: 17px; width: 260px; margin-right: 90px;} /* ================= ET FOOTER ====================== */ /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */