body {font:62.5%/1.42 'OpenSansRegular',Arial,Helvetica,sans-serif;color:#666;background:#EEEEEE;} html,body {height:100%;} html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,table,caption,tbody,tfoot,thead,tr,th,td,figure{border:0;margin:0;padding:0} img,fieldset,abbr,acronym{border:0;} article,aside,figure,figcaption,hgroup,footer,header,nav,section,video,object{display:block;} audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /*TYPOGRAPHY*/ h1 {font:normal 2.3em/1.2 'ChunkFiveRegular';color:#999;padding:24px 0 44px;-webkit-text-shadow:0 1px 0 rgba(238, 238, 238, 1);-moz-text-shadow:0 1px 0 rgba(238, 238, 238, 1);text-shadow:0 1px 0 rgba(238, 238, 238, 1);} h2 {font:normal 1.8em/1.2 'ChunkFiveRegular';color:#3F6198;padding:0 0 13px;} h3 {font:normal 1.7em 'ChunkFiveRegular';color:#999;padding:0 0 17px;} h4 {font:normal 1.6em 'OpenSansSemibold';letter-spacing:-0.03em;padding:0 0 15px;} h5 {font:normal 1.5em 'OpenSansBold';letter-spacing:-0.03em;color:#3F3F3F;} h6 {font:normal 1.3em 'OpenSansSemibold';color:#333;} p {font-size:1.3em;padding:0 0 20px;} strong {font-family:'OpenSansSemibold';font-weight:normal;} strong.dark {font-family:'OpenSansBold';color:#3F3F3F;} ul li {list-style:none;font-size:1.3em;} ol li {list-style:decimal inside;font-size:1.3em;} img {border:none;display:block;} a {color:#666;outline:none;} nav a {text-decoration:none;} em {font-family: 'OpenSansBold';font-style:normal;color:#3F6198;} hr {background:#ccc;height:1px;border:none;width:100%;display:inline-block;margin:14px 0 4px;} table { border-collapse: collapse; border-spacing:0;} ::-moz-selection {background:#3F6198; color:#fff;} ::selection {background:#3F6198; color:#fff;} /* LAYOUT */ header {background:#fff;width:100%;position:absolute;top:0;left:0;z-index:220;} .main {width:100%;min-height:730px;padding:0 0 50px;} footer {background:#fff;width:100%;padding:23px 0;-webkit-box-shadow:0 0 2px rgba(0,0,0,0.2);-moz-box-shadow:0 0 2px rgba(0,0,0,0.2);box-shadow:0 0 2px rgba(0,0,0,0.2);} .wrap {width:1140px;margin:0 auto;text-align:left;position:relative;} /*COMMON*/ .txt-l {text-align:left;} .txt-r {text-align:right;} .txt-c {text-align:center;} .txt-j {text-align:justify;} .nowrap {white-space:nowrap;} .left {float:left;} .right {float:right;} .clear {clear:both;display:block;} .clearfix:before, .clearfix:after {content: "";display:table;} .clearfix:after {clear: both;} .oldie .clearfix {zoom:1;} .invisible {visibility:hidden;} .hidden {display:none;} .noborder {border:none;text-decoration:none;} .left_pic {float:left;margin:5px 20px 10px 0;} .right_pic {float:right;margin:5px 0 20px 10px;} /*HEADER*/ .logo {float:left;display:block;padding:13px 0;} .main-nav { height:40px; background:url(../images/bgr/navbg.jpg) repeat-x left top; line-height:40px; /* background: rgb(193,182,174)*/} .main-nav li {position:relative;float:left;display:block;font:normal 1.2em/40px 'OpenSansBold';text-transform:uppercase;padding:0 20px 0 0;letter-spacing:0px;-webkit-text-shadow:0 0 1px rgba(0,0,0,0.3);-moz-text-shadow:0 0 1px rgba(0,0,0,0.3);text-shadow:0 0 1px rgba(0,0,0,0.3);} .main-nav li a {color:#fff;-webkit-transition: all 0.1s ease-in 0.1s; -moz-transition: all 0.1s ease-in 0.1s; -o-transition: all 0.1s ease-in 0.1s; -ms-transition: all 0.1s ease-in 0.1s; transition: all 0.1s ease-in 0.1s;} .main-nav li a:hover, .main-nav li.active a {color:#3F3F3F;-webkit-text-shadow:0 1px 0 rgba(255,255,255,0.15);-moz-text-shadow:0 1px 0 rgba(255,255,255,0.15);text-shadow:0 1px 0 rgba(255,255,255,0.15);} .main-nav li ul {display:none;position:absolute;top:40px;left:-10px;z-index:10;padding:0 10px 10px;background:rgba(186,172,163,1);-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 2px rgba(0,0,0,0.2);box-shadow:0 2px 2px rgba(0,0,0,0.2);-webkit-transition: all 0.1s ease-in 0.1s; -moz-transition: all 0.1s ease-in 0.1s; -o-transition: all 0.1s ease-in 0.1s; -ms-transition: all 0.1s ease-in 0.1s; transition: all 0.1s ease-in 0.1s;} .main-nav li ul li {font-size:1em;width:100%;padding:10px 0 0;line-height:normal;white-space:nowrap;} .main-nav li:hover ul {display:block;} header .ribbon {float:right;position:absolute;top:-1px;right:-2px;z-index:2;background:url(../images/bgr/ribbon-long.png) 100% 100% no-repeat;width:104px;min-height:130px;overflow:hidden;padding:0 0 25px;} .ribbon li {float:left;display:block;width:80px;font:normal 1.2em 'OpenSansSemibold';text-transform:uppercase;padding:9px 0 9px 3px;letter-spacing:-0.034em;border-bottom:1px solid #5076B6;-webkit-text-shadow:0 0 1px rgba(0,0,0,0.3);-moz-text-shadow:0 0 1px rgba(0,0,0,0.3);text-shadow:0 0 1px rgba(0,0,0,0.3);} .ribbon li a {color:#fff;-webkit-transition: all 0.1s ease-in 0.1s; -moz-transition: all 0.1s ease-in 0.1s; -o-transition: all 0.1s ease-in 0.1s; -ms-transition: all 0.1s ease-in 0.1s; transition: all 0.1s ease-in 0.1s;} .ribbon li a:hover {color:#FFCC00;-webkit-text-shadow:0 1px 0 rgba(255,255,255,0.15);-moz-text-shadow:0 1px 0 rgba(255,255,255,0.15);text-shadow:0 1px 0 rgba(255,255,255,0.15);} .ribbon li.last {border:none;} .ribbon .selector {cursor:pointer;font:normal 1em 'OpenSansSemibold';;border:none;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#fff;margin:0;height:20px;-webkit-text-shadow:0 0 1px rgba(0,0,0,0.3);-moz-text-shadow:0 0 1px rgba(0,0,0,0.3);text-shadow:0 0 1px rgba(0,0,0,0.3);} .ribbon .selector span {cursor:pointer;padding:0;background:none;height:20px;line-height:20px;} .ribbon .selector select {top:0;width:100px;left:-11px;cursor:pointer;} .ribbon .selector.hover {color:#3F948F;-webkit-text-shadow:0 1px 0 rgba(255,255,255,0.15);-moz-text-shadow:0 1px 0 rgba(255,255,255,0.15);text-shadow:0 1px 0 rgba(255,255,255,0.15);} .ribbon nav {float:left;width:100%;} .ribbon ul {padding:0 10px;width:80px;float:left;margin:0 2px;} .ribbon .profile-nav {padding:12px 10px 0;box-shadow:inset 0 6px 10px rgba(0,0,0,0.1);} .ribbon ul.open {background:#5076B6;} .currency-nav li.active {border-bottom:none;} .search {float:right;display:block;margin:15px 120px 0 0;width:250px; text-align:right;} .search span { color:#3F6198; font:normal 1.4em 'OpenSansSemibold';line-height:28px;} .search form {position:relative;top:0;left:0;width:100%;} .search input {background:#fff;} .search input[type="submit"] {background:url(../images/ico/icons.png) 5px -33px no-repeat;width:30px;height:30px;color:#fff;font-size:1px;text-align:right;cursor:pointer;position:absolute;top:0;right:0;} .contact { width:130px; background:url(../images/ico/icons.png) 0 1px no-repeat; padding:0 0 0 37px; clear:both; float:right; margin-top:-40px; /margin-top:8px; margin-right:100px; /*REMOVE MARGIN IF LOOKS DISTRUB SOMWHERE ** ALSO FIXED POSITION FOR IE7 ONLY*/ } .contact span { width:100%; display:inline-block; font-size:1.1em; color:#666; } .contact .number { font-family:'OpenSansRegular'; font-weight:700; font-size:1.2em; } /*SLIDER*/ #sequence { /*backface-visibility prevents graphical glitches when frames are animating*/-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;} #sequence ul {top:0;left:0;} #sequence li > * {position: absolute;} #sequence {height:100%;margin: 0 auto;position: relative;width: 100%;overflow:hidden;} .slider .info {width: 1140px;left: 150%;top: 202px;line-height: 1.2em;z-index: 10;vertical-align: middle;-webkit-transition-duration: 4s;-moz-transition-duration: 4s;-o-transition-duration: 4s;-ms-transition-duration: 4s;transition-duration: 4s;position:absolute;} .animate-in .info {left:50%;margin-left:-570px;-webkit-transition-duration: 4s;-moz-transition-duration: 4s;-o-transition-duration: 4s;-ms-transition-duration: 4s;transition-duration: 4s;} .animate-out .info {left:50%;margin-left:-570px;-webkit-transition-duration: 4s;-moz-transition-duration: 4s;-o-transition-duration: 4s;-ms-transition-duration: 4s;transition-duration: 4s;} .main-image {opacity: 0;top: 0;left:0;vertical-align: middle;-webkit-transition-property: left top;-moz-transition-property: left top;-o-transition-property: left top;-ms-transition-property: left top;transition-property: left top;z-index: 1;} .animate-in .main-image {left: 0%;opacity: 1;top: 0;-webkit-transition-duration: 4s;-moz-transition-duration: 4s;-o-transition-duration: 4s;-ms-transition-duration: 4s;transition-duration: 4s;-webkit-transition-property: left top;-moz-transition-property: left top;-o-transition-property: left top;-ms-transition-property: left top;transition-property: left top;z-index: 1;} .animate-out .main-image {left: 6%;opacity: 0;top: 0;-webkit-transition-duration: 4s;-moz-transition-duration: 4s;-o-transition-duration: 4s;-ms-transition-duration: 4s;transition-duration: 4s;-webkit-transition-property: left top;-moz-transition-property: left top;-o-transition-property: left top;-ms-transition-property: left top;transition-property: left top;z-index: 1;} .slider {width:100%;height:100%;} .slider li img {width:100%;height:auto;} .slider li {font-size:1em;text-align:left;} /*.info h2 {color:#3F6198;background:#fff;padding:10px 20px;display:inline-block;margin:0 0 3px;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px;} .info p {font-size:1.5em;background:#fff;padding:12px 20px 14px;display:inline-block;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px;} */ .info h2 {color:#3F6198;background:#fff;padding:10px 20px;display:inline-block;margin:0 0 3px;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px; float:left;} .info p {font-size:1.5em;background:#fff;padding:12px 20px 14px;display:inline-block;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px; float:left; clear:both; margin:0px; } /*NAVIGATION*/ .breadcrumbs {width:100%;background:url(../images/bgr/separator.jpg) 0 100% repeat-x;padding:0 0 10px;margin:0 0 20px;} .breadcrumbs li {float:left;display:block;font-size:1.2em;} .breadcrumbs li a {background:url(../images/bgr/vertical-separator.png) 100% 0 no-repeat;padding:0 14px 0 0;margin:0 14px 0 0;-webkit-transition: all 0.1s ease-in 0.1s; -moz-transition: all 0.1s ease-in 0.1s; -o-transition: all 0.1s ease-in 0.1s; -ms-transition: all 0.1s ease-in 0.1s; transition: all 0.1s ease-in 0.1s;} .breadcrumbs li a:hover {color:#3F3F3F;} .top-right-nav {float:right;} .top-right-nav .last a {background:none;margin:0;padding:0;} /* .inner-nav {float:left;display:block;width:180px;position:relative;z-index:50;} .inner-nav li {float:left;display:block;height:42px;width:100%;margin:0 0 1px;font:normal 1.4em/42px 'OpenSansSemibold';-webkit-text-shadow:0 1px 1px rgba(0,0,0,0.15);-moz-text-shadow:0 1px 1px rgba(0,0,0,0.15);text-shadow:0 1px 1px rgba(0,0,0,0.15);background: rgb(193,182,174);background: -moz-linear-gradient(top, rgba(193,182,174,1) 0%, rgba(186,172,163,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,182,174,1)), color-stop(100%,rgba(186,172,163,1)));background: -webkit-linear-gradient(top, rgba(193,182,174,1) 0%,rgba(186,172,163,1) 100%);background: -o-linear-gradient(top, rgba(193,182,174,1) 0%,rgba(186,172,163,1) 100%);background: -ms-linear-gradient(top, rgba(193,182,174,1) 0%,rgba(186,172,163,1) 100%);background: linear-gradient(to bottom, rgba(193,182,174,1) 0%,rgba(186,172,163,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1b6ae', endColorstr='#baaca3',GradientType=0 );-webkit-transition:all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition:all 0.3s linear; transition: all 0.3s linear;} .inner-nav li a {float:left;display:block;color:#fff;padding:0 0 0 15px;width:175px;height:100%;} .inner-nav .availability a {background:url(../images/ico/icons.png) 3px -591px no-repeat;padding:0 0 0 45px;width:135px;} .inner-nav .description a {background:url(../images/ico/icons.png) 3px -634px no-repeat;padding:0 0 0 45px;width:135px;} .inner-nav .facilities a {background:url(../images/ico/icons.png) 3px -677px no-repeat;padding:0 0 0 45px;width:135px;} .inner-nav .location a {background:url(../images/ico/icons.png) 3px -720px no-repeat;padding:0 0 0 45px;width:135px;} .inner-nav .reviews a {background:url(../images/ico/icons.png) 3px -764px no-repeat;padding:0 0 0 45px;width:135px;} .inner-nav .things-to-do a {background:url(../images/ico/icons.png) 4px -815px no-repeat;padding:0 0 0 45px;width:135px;} .inner-nav .img-gallary a {background:url(../images/ico/icons.png) 4px -815px no-repeat;padding:0 0 0 45px;width:135px;} .inner-nav li:hover {background: rgb(95,200,194);background: -moz-linear-gradient(top, rgba(95,200,194,1) 0%, rgba(64,191,184,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(95,200,194,1)), color-stop(100%,rgba(64,191,184,1)));background: -webkit-linear-gradient(top, rgba(95,200,194,1) 0%,rgba(64,191,184,1) 100%);background: -o-linear-gradient(top, rgba(95,200,194,1) 0%,rgba(64,191,184,1) 100%);background: -ms-linear-gradient(top, rgba(95,200,194,1) 0%,rgba(64,191,184,1) 100%);background: linear-gradient(to bottom, rgba(95,200,194,1) 0%,rgba(64,191,184,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc8c2', endColorstr='#40bfb8',GradientType=0 );} .inner-nav li.active {width:221px;background:url(../images/bgr/inner-nav-active.png) 0 0 no-repeat;} */ .inner-nav {float:left;display:block;width:21.4%;position:relative;z-index:50;} .inner-nav li {float:left;display:block;height:42px;width:100%;margin:0 0 1px;font:normal 1.4em/42px 'OpenSansSemibold';-webkit-text-shadow:0 1px 1px rgba(0,0,0,0.15);-moz-text-shadow:0 1px 1px rgba(0,0,0,0.15);text-shadow:0 1px 1px rgba(0,0,0,0.15);background: rgb(193,182,174);background: -moz-linear-gradient(top, rgba(193,182,174,1) 0%, rgba(186,172,163,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,182,174,1)), color-stop(100%,rgba(186,172,163,1)));background: -webkit-linear-gradient(top, rgba(193,182,174,1) 0%,rgba(186,172,163,1) 100%);background: -o-linear-gradient(top, rgba(193,182,174,1) 0%,rgba(186,172,163,1) 100%);background: -ms-linear-gradient(top, rgba(193,182,174,1) 0%,rgba(186,172,163,1) 100%);background: linear-gradient(to bottom, rgba(193,182,174,1) 0%,rgba(186,172,163,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1b6ae', endColorstr='#baaca3',GradientType=0 );-webkit-transition:all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition:all 0.3s linear; transition: all 0.3s linear;} .inner-nav li a {float:left;display:block;color:#fff;padding:0 0 0 14%;width:86%;height:100%;} .inner-nav .availability a {background:url(../images/ico/icons.png) 3px -591px no-repeat;padding:0 0 0 24%;width:76%;} .inner-nav .description a {background:url(../images/ico/icons.png) 3px -634px no-repeat;padding:0 0 0 24%;width:76%;} .inner-nav .facilities a {background:url(../images/ico/icons.png) 3px -677px no-repeat;padding:0 0 0 24%;width:76%;} .inner-nav .location a {background:url(../images/ico/icons.png) 3px -720px no-repeat;padding:0 0 0 24%;width:76%;} .inner-nav .reviews a {background:url(../images/ico/icons.png) 3px -764px no-repeat;padding:0 0 0 24%;width:76%;} .inner-nav .things-to-do a {background:url(../images/ico/icons.png) 4px -815px no-repeat;padding:0 0 0 24%;width:76%;} .inner-nav li:hover {background: rgb(95,200,194);background: -moz-linear-gradient(top, rgba(95,200,194,1) 0%, rgba(64,191,184,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(95,200,194,1)), color-stop(100%,rgba(64,191,184,1)));background: -webkit-linear-gradient(top, rgba(95,200,194,1) 0%,rgba(64,191,184,1) 100%);background: -o-linear-gradient(top, rgba(95,200,194,1) 0%,rgba(64,191,184,1) 100%);background: -ms-linear-gradient(top, rgba(95,200,194,1) 0%,rgba(64,191,184,1) 100%);background: linear-gradient(to bottom, rgba(95,200,194,1) 0%,rgba(64,191,184,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc8c2', endColorstr='#40bfb8',GradientType=0 );} .inner-nav li.active, .inner-nav li.active:hover {width:122%;background:url(../images/bgr/inner-nav-active.png) 0 0 no-repeat;filter:none;background-size:100% 100%;} .inner-nav li.active a {width:80%;padding:0 0 0 20%;} .inner-nav .img-gallary a {background:url(../images/ico/img_galry.png) 11px 11px no-repeat;padding:0 0 0 24%;width:76%;} .sort-by {float:left;width:100%;margin:0 0 20px;height:48px;background:#fff;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);} .sort-by h3 {float:left;display:block;padding:0 20px;font-size:1.4em;line-height:48px;} .sort {float:left;display:block;height:25px;margin:12px 0;border-right:1px solid #ccc;} .sort li {float:left;border-left:1px solid #ccc;padding:3px 15px;position:relative;} .sort li a {position:absolute;top:35px;right:13px;background:url(../images/ico/spinner.png) 0 0 no-repeat;width:13px;height:8px;overflow:hidden;text-indent:-99999px;display:inline-block;} .sort li .ascending {top:6px;} .sort li .descending {top:14px;background-position:0 -9px;} .view-type {float:right;margin:10px;} .view-type li {float:left;width:28px;height:28px;overflow:hidden;background:#999;margin:0 0 0 3px;-webkit-transition: all 0.1s ease-in 0.1s; -moz-transition: all 0.1s ease-in 0.1s; -o-transition: all 0.1s ease-in 0.1s; -ms-transition: all 0.1s ease-in 0.1s; transition: all 0.1s ease-in 0.1s;} .view-type li:hover, .view-type li.active {background:#5FC8C2;} .view-type li a {float:left;width:100%;height:100%;text-indent:-99999px;background:url(../images/ico/icons.png) -2px -888px no-repeat;} .view-type .grid-view a {background-position:-2px -888px;} .view-type .list-view a {background-position:-2px -863px;} .view-type .location-view a {background-position:0 -914px;} /*.bottom-nav {float:left;display:block; width:100%;background:url(../images/bgr/separator.jpg) 0 0 repeat-x;padding:0px 0 20px 0;}*/ .bottom-nav {float:left;display:block;width:100%;background:url(../images/bgr/separator.jpg) 0 0 repeat-x;padding:22px 0;} .pager {float:right;} .pager span {font:normal 1.1em/30px 'OpenSansBold';text-transform:uppercase;text-align:center;margin:0 4px 0 0;float:left;width:30px;height:30px;background:#fff;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);-webkit-transition: all 0.1s ease-in 0.1s; -moz-transition: all 0.1s ease-in 0.1s; -o-transition: all 0.1s ease-in 0.1s; -ms-transition: all 0.1s ease-in 0.1s; transition: all 0.1s ease-in 0.1s;} .pager a {color:#999;float:left;width:100%;height:100%;text-decoration:none;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);-webkit-transition: all 0.1s ease-in 0.1s; -moz-transition: all 0.1s ease-in 0.1s; -o-transition: all 0.1s ease-in 0.1s; -ms-transition: all 0.1s ease-in 0.1s; transition: all 0.1s ease-in 0.1s;} .pager .first, .pager .last {width:90px;} .pager .current {background:#3F6198;color:#fff;} .pager a:hover {background:#3F6198;color:#fff;} .scroll-to-top {margin:-7px 20px 0 40px;float:right;font:normal 1.1em/42px 'OpenSansBold';text-transform:uppercase;text-decoration:none;color:#fff;height:37px;width:100px;text-align:center;display:inline-block;-webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.2);-moz-text-shadow:0 -1px 0 rgba(0,0,0,0.2);text-shadow:0 -1px 0 rgba(0,0,0,0.2);background:url(../images/bgr/top-button.png) 0 0 no-repeat;} .scroll-to-top:hover {background-position:0 -38px;-webkit-text-shadow:0 1px 0 rgba(0,0,0,0.2);-moz-text-shadow:0 1px 0 rgba(0,0,0,0.2);text-shadow:0 1px 0 rgba(0,0,0,0.2);} .locations .scroll-to-top {margin:-7px 0 0 40px;} /*BUTTONS*/ .gradient-button {font:normal 11px/30px 'OpenSansBold';text-transform:uppercase;text-decoration:none;color:#fff;height:30px;padding:0 18px;text-align:center;display:inline-block;-webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.2);-moz-text-shadow:0 -1px 0 rgba(0,0,0,0.2);text-shadow:0 -1px 0 rgba(0,0,0,0.2);border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;background: #3F6198;} .gradient-button:hover {-webkit-text-shadow:0 1px 0 rgba(0,0,0,0.2);-moz-text-shadow:0 1px 0 rgba(0,0,0,0.2);text-shadow:0 1px 0 rgba(0,0,0,0.2);background:#557AB9; } /*CONTENT*/ .content {width:100%;padding:160px 0 0;} .full-width {float:left;display:block;width:100%;margin:0 0 20px 0;} .one-fourth {float:left;width:270px;margin:0 20px 20px 0;} .one-half {float:left;width:560px;margin:0 20px 20px 0;} .main .one-fourth {background:#fff;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);} .main .one-half {background:#fff;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);} .one-fourth.last {margin-right:0;} .one-half.last {margin-right:0;} .one-fourth .details {float:left;display:block;padding:10px 20px 15px;width:230px;} .one-fourth .gradient-button {margin:10px auto 5px;} .three-fourth {float:left;width:850px;margin:0 0 20px 0;} .full {float:left;display:block;width:100%;margin:20px 0 10px;} .separator {background:url(../images/bgr/separator.jpg) 0 100% repeat-x;margin:40px 0 20px;width:100%;display:inline-block;height:2px;} /*OFFERS*/ .offers {background:url(../images/bgr/separator.jpg) 0 100% repeat-x;padding:0 0 25px;margin:20px 0;width:100%;display:inline-block;} .offers .details {text-align:center;} .offers h4 {border-bottom:1px solid #ccc;width:100%;padding:0 0 10px;margin:0 0 14px;text-align:left;white-space:nowrap;} /*DESTINATIONS*/ .destinations {background:url(../images/bgr/separator.jpg) 0 100% repeat-x;padding:0 0 25px;margin:0 0 46px;width:100%;display:inline-block;} .destinations.first {margin:0;} .destinations.last {background-position:0 0;margin:26px 0 0;padding:20px 0 0;} .destinations .details {padding:15px 20px;} .destinations .gradient-button {float:right;margin:7px 0;} .destinations .count {font-size:1.2em;color:#999;} .destinations .ribbon {background:url(../images/bgr/ribbons.png) 0 0 no-repeat;width:284px;height:57px;overflow:hidden;margin:20px 0 0 -27px;} .destinations .ribbon a {text-decoration:none;} .destinations .ribbon .half {float:left;width:77px;height:40px;overflow:hidden;margin:2px 0 0 7px;padding:9px 0 0 57px;} .destinations .ribbon .hotel {background:url(../images/ico/icons.png) 20px -470px no-repeat;} .destinations .ribbon .flight {background:url(../images/ico/icons.png) 20px -530px no-repeat;} .destinations .ribbon .small {font:normal 1.1em/1.2 'OpenSansSemibold';color:#fff;letter-spacing:-0.015em;float:left;width:100%;} .destinations .ribbon .price {font:normal 1.7em/1 'ChunkFiveRegular';float:left;width:100%;-webkit-text-shadow:0 1px 0 rgba(255,255,255,0.2);-moz-text-shadow:0 1px 0 rgba(255,255,255,0.2); color:#fff; } .destinations .ribbon:hover {background-position:0 -57px;} .destinations .promo {position:relative;} .promo .ribbon {background-position:0 -114px;} .promo .ribbon-small {background:url(../images/bgr/ribbons.png) -2px -186px no-repeat;width:50px;height:45px;overflow:hidden;position:absolute;top:0;left:20px;padding:15px 0 0;z-index:2;text-align:center;color:#fff;font:normal 1.7em 'ChunkFiveRegular';-webkit-text-shadow:0 1px 0 rgba(0,0,0,0.1);-moz-text-shadow:0 1px 0 rgba(0,0,0,0.1);text-shadow:0 1px 0 rgba(0,0,0,0.1);} .promo .gradient-button {background: rgb(193,182,174);background: -moz-linear-gradient(top, rgba(193,182,174,1) 0%, rgba(186,172,163,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(193,182,174,1)), color-stop(100%,rgba(186,172,163,1)));background: -webkit-linear-gradient(top, rgba(193,182,174,1) 0%,rgba(186,172,163,1) 100%);background: -o-linear-gradient(top, rgba(193,182,174,1) 0%,rgba(186,172,163,1) 100%);background: -ms-linear-gradient(top, rgba(193,182,174,1) 0%,rgba(186,172,163,1) 100%);background: linear-gradient(to bottom, rgba(193,182,174,1) 0%,rgba(186,172,163,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1b6ae', endColorstr='#baaca3',GradientType=0 );} .promo .gradient-button:hover {background: rgb(186,172,163);background: -moz-linear-gradient(top, rgba(186,172,163,1) 0%, rgba(193,182,174,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(186,172,163,1)), color-stop(100%,rgba(193,182,174,1)));background: -webkit-linear-gradient(top, rgba(186,172,163,1) 0%,rgba(193,182,174,1) 100%);background: -o-linear-gradient(top, rgba(186,172,163,1) 0%,rgba(193,182,174,1) 100%);background: -ms-linear-gradient(top, rgba(186,172,163,1) 0%,rgba(193,182,174,1) 100%);background: linear-gradient(to bottom, rgba(186,172,163,1) 0%,rgba(193,182,174,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#baaca3', endColorstr='#c1b6ae',GradientType=0 );} .boxes .one-fourth {padding:15px 20px;width:230px;height:160px;background: rgb(255,255,255);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );} .boxes h2 {border-bottom:1px solid #E6E6E6;-webkit-box-shadow:0 1px 0 rgba(255,255,255,1);-moz-box-shadow:0 1px 0 rgba(255,255,255,1);box-shadow:0 1px 0 rgba(255,255,255,1);width:100%;margin:0 0 14px;} /*DEALS & SEARCH RESULTS*/ .deals article { position:relative; width:850px!important; overflow:hidden; float:left; clear:both; } .deals article { width:100%; clear:both; background:#fff; position:relative; webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);} .deals article.last {margin:0 0 20px;} .deals .details {text-align:center;} .deals .details span, .deals .details div {text-align:left;} .deals h1 {font-size:1.8em;padding:0 0 4px;color:#3F6198;-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow:none;text-align:left; float:left; margin-right:10px;} .deals .stars {float:right;} .deals .address {display:inline-block;width:80%;float:left;} .deals .address a {text-decoration:none;color:#999;} .deals .rating {background-image:url(../images/ico/rating-gold.png);} .deals .price {width:100%;display:inline-block;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:1.3em;padding:10px 0;margin:10px 0;line-height:19px;} .deals .price em {font:normal 16px 'ChunkFiveRegular';color:#666;float:right;} .deals .description {float:left;border-bottom:1px solid #ccc;margin:0 0 10px;} .deals .description p {padding:0px 0px 10px 0px;} .deals .description a {font-style:italic;color:#3F6198;font-family:'OpenSansSemibold';} .deals .full-width figure {float:left;margin:0 20px 0 0;} .deals .full-width .details {float:left;width:540px;padding:15px 20px 0 0;} .deals .full-width h1 {width:auto;max-width:420px;} .deals .full-width .address {width:auto;max-width:300px;clear:left;padding:0 25px 0 0;} .deals .full-width .rating {width:35px;float:left;} .deals .full-width .description {width:400px;border-bottom:none;border-top:1px solid #ccc;margin:5px 0 0;padding:9px 0 0;} .deals .full-width .stars {float:none;/*padding-left:20px;*/display:inline-block;} .deals .full-width .price {text-align:center;float:right;width:100px;border-top:none;border-bottom:none;border-left:1px solid #ccc;padding:0 0 0 20px;margin:0;position:absolute;top:20px;right:20px;height:112px;} .deals .full-width .price blockquote { float:none;margin:10px 0;display:inline-block;} .deals .full-width .price em {float:none;margin:10px 0;display:inline-block;} .deals .full-width .gradient-button {position:absolute;bottom:20px;right:20px;} .tab-content .deals .full-width {padding:0;width:650px;} .tab-content .deals .full-width h1 {font-size:1.8em;padding:0 0 4px;color:#666;border:none;margin:0;text-indent:0;} .tab-content .deals .full-width figure {width:152px;overflow:hidden;} .tab-content .deals .full-width .details {width:318px;} .tab-content .deals .full-width .description {width:320px;height:57px;overflow:hidden;} /*HOTEL CONTENT*/ .tab-content {float:right;width:650px;} .tab-content article {float:left;width:610px;padding:12px 20px 20px;margin:0 0 20px;background:#fff;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);} .tab-content h1 {display:inline-block;font-size:1.7em;color:#B9ACA4;padding:0 0 10px;margin:0 0 15px;text-indent:10px;border-bottom:1px solid #ccc;width:100%;-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow:none;} .text-wrap {padding:0 10px 10px;display:inline-block;} .tab-content .text-wrap {width:590px !important;} .text-wrap .gradient-button.right {margin:0 -10px 0 0;} .tab-content p .date {font-family:'OpenSansSemibold';} .text-wrap ul {margin:0 0 20px;display:inline-block;width:100%;} .text-wrap ul li {background:url(../images/ico/bullet-gold-6x6.png) 0 7px no-repeat;padding:0 0 4px 17px;} .tab-content hr {margin:0 0 15px;} .tab-content table {width:100%;font-size:13px;} .tab-content table th {padding:5px 20px;border:1px solid #ccc;background:#E9E6E0;text-align: left; font-weight: normal; width:230px;} .tab-content table td {padding:5px 20px;border:1px solid #ccc;} .three-fourth .tabcontent article {float:left;width:810px;padding:12px 20px 20px 20px;margin:0px 0px 0px;background:#fff;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);} .three-fourth .tabcontent table {width:100%;font-size:12px;} .three-fourth .tabcontent table th {padding:5px 20px 5px 10px;border:1px solid #ccc;background:#E9E6E0; font-size:11px; font-weight: normal; width:170px; font-weight:bold;} .three-fourth .tabcontent table td {padding:5px 10px;border:1px solid #ccc;} .three-fourth .tabcontent article h3 {display:inline-block;color:#B9ACA4;padding:0 0 10px;margin:0 0 15px;text-indent:10px;border-bottom:1px solid #ccc;width:100%;} .three-fourth .tabcontent article h3 span {color:#59C6C0;} .room-types {margin:5px 0 0;display:inline-block;width:100%;} .room-types li {float:left;display:block;width:100%;font-size:1em;border-bottom:1px solid #ccc;margin:0 0 20px;padding:0 0 20px;} .room-types li.last {border-bottom:none;margin:0;padding:0;} .room-types li figure {position:relative;width:270px;height:152px;overflow:hidden;} .room-types .image-overlay {position:absolute;top:0;left:0;background:url(../images/ico/magnify.png) 50% 50% no-repeat;z-index:10;width:270px;height:152px;opacity:0;-webkit-transition: all 0.1s ease-in 0.1s; -moz-transition: all 0.1s ease-in 0.1s; -o-transition: all 0.1s ease-in 0.1s; -ms-transition: all 0.1s ease-in 0.1s; transition: all 0.1s ease-in 0.1s;} .room-types .image-overlay:hover {opacity:1;} .room-types li figure.left {margin:0 20px 0 0;} .room-types li figure.right {margin:0 0 0 20px;} .room-types h2 {font:normal 1.5em 'OpenSansBold';color:#3FAEA9;padding:0 0 10px;} .room-types .meta {float:left;width:190px;height:152px;overflow:hidden;} .room-types li p {padding:0 0 11px;} .room-types .more-info {font:normal 1.3em 'OpenSansSemibold';color:#3f3f3f;text-decoration:none;} .room-information {float:right;border-left:1px solid #ccc;margin:0 0 0 20px;padding:3px 0 0 19px;width:90px;height:149px;position:relative;} .room-information .row {float:left;width:100%;padding:0 0 10px;} /*.room-information span {font-size:1.3em;float:left;}*/ .room-information span {font-size:13px;float:left;} /*.room-information .first {width:60px;}*/ .room-information .first {padding-right:5px;} .room-information .second {width:30px;font-family:'OpenSansSemibold';color:#444;} .room-information span img {float:left;} .room-information .gradient-button {position:absolute;bottom:0;left:20px;width:90px;padding:0;} .more-information {float:left;display:block;width:100%;margin:20px 0 -11px;} .three-col li {float:left;width:166px;margin:0 20px 0 0;} .three-col li.last {margin:0;} #location article {padding:10px;width:630px;} .tab-content .gmap {width:630px;height:450px;} .score {float:left;width:190px;text-align:center;} .score span {font-size:5.5em;letter-spacing:-0.1em;color:#999;line-height:60px;} .score .achieved {font-family: 'OpenSansExtrabold';color:#47C1BA;} .score .info {font:normal 1.2em 'OpenSansSemibold';padding:3px 0 0;} .score .disclaimer {border-top:1px solid #ccc;width:170px;padding:10px 10px 0;margin:12px 0 0;font-size:1.2em;text-align:left;} .chart {float:right;width:400px;font:normal 1.2em/25px 'OpenSansBold';color:#fff;margin:5px 0 0;} .chart dt {float:left;margin:0 0 0 10px;-webkit-text-shadow:0 1px 0 rgba(0,0,0,0.1);-moz-text-shadow:0 1px 0 rgba(0,0,0,0.1);text-shadow:0 1px 0 rgba(0,0,0,0.1);} .chart dd {height:25px;margin:0 0 1px;-webkit-border-radius:0 15px 15px 0;-moz-border-radius:0 15px 15px 0;border-radius:0 15px 15px 0;} .chart dd span {display:block;text-align:right;height:100%;background:#47C1BA;-webkit-border-radius:0 15px 15px 0;-moz-border-radius:0 15px 15px 0;border-radius:0 15px 15px 0;} .reviews {margin:5px 0 0;display:inline-block;width:100%;} .reviews li {float:left;display:block;width:100%;font-size:1em;border-bottom:1px solid #ccc;margin:0 0 20px;padding:0 0 20px;} .reviews li.last {border-bottom:none;margin:0;padding:0;} .reviews li figure {border:1px solid #ccc;} .reviews li figure.left {margin:0 15px 0 10px;} .reviews li figure.right {margin:0 10px 0 15px;} .reviews address {float:left;width:100px;margin:0 13px 0 0;font-size:1.1em;font-style:normal;} .reviews address span {font:normal 1.2em 'OpenSansSemibold';} .reviews .pro {float:left;width:365px;background:url(../images/ico/plus.png) 0 20% no-repeat;padding:3px 0 3px 35px;margin:0 0 5px;} .reviews .con {float:left;width:365px;background:url(../images/ico/minus.png) 0 50% no-repeat;padding:3px 0 3px 35px;} .reviews p {padding:0;} .teaser {font-family:'OpenSansSemibold';color:#3f3f3f;padding-top:5px;} /*GALLERY*/ .gallery {float:left;width:850px;height:531px;overflow:hidden;margin:0 0 20px 0;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);} @-webkit-keyframes crossfadeFadeInOut { 0% {opacity:1;} 17% {opacity:1;} 25% {opacity:0;} 92% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes crossfadeFadeInOut { 0% {opacity:1;} 17% {opacity:1;} 25% {opacity:0;} 92% {opacity:0;} 100% {opacity:1;} } @-o-keyframes crossfadeFadeInOut { 0% {opacity:1;} 17% {opacity:1;} 25% {opacity:0;} 92% {opacity:0;} 100% {opacity:1;} } @keyframes crossfadeFadeInOut { 0% {opacity:1;} 17% {opacity:1;} 25% {opacity:0;} 92% {opacity:0;} 100% {opacity:1;} } #crossfade {position:relative;height:531px;width:850px;} #crossfade img {position:absolute;left:0;display:inline;} #crossfade img {-webkit-animation-name: crossfadeFadeInOut;-webkit-animation-timing-function: ease-in-out;-webkit-animation-iteration-count: infinite;-webkit-animation-duration: 8s;-moz-animation-name: crossfadeFadeInOut;-moz-animation-timing-function: ease-in-out;-moz-animation-iteration-count: infinite;-moz-animation-duration: 8s;-o-animation-name: crossfadeFadeInOut;-o-animation-timing-function: ease-in-out;-o-animation-iteration-count: infinite;-o-animation-duration: 8s;animation-name: crossfadeFadeInOut;animation-timing-function: ease-in-out;animation-iteration-count: infinite;animation-duration: 8s;} #crossfade img:nth-of-type(1) {-webkit-animation-delay: 6s;-moz-animation-delay: 6s;-o-animation-delay: 6s;animation-delay: 6s;} #crossfade img:nth-of-type(2) {-webkit-animation-delay: 4s;-moz-animation-delay: 4s;-o-animation-delay: 4s;animation-delay: 4s;} #crossfade img:nth-of-type(3) {-webkit-animation-delay: 2s;-moz-animation-delay: 2s;-o-animation-delay: 2s;animation-delay: 2s;} #crossfade img:nth-of-type(4) {-webkit-animation-delay: 0;-moz-animation-delay: 0;-o-animation-delay: 0;animation-delay: 0;} /*ERROR PAGE*/ .error-type {float:left;width:270px;height:270px;text-align:center;color:#40BFB8;-webkit-border-radius:135px;-moz-border-radius:135px;border-radius:135px;border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.1);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);background: rgb(255,255,255);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );} .error-type h1 {font-size:9.6em;color:#40BFB8;padding:68px 0 0;margin:0 0 -13px;-webkit-text-shadow:0 1px 0 rgba(255,255,255,1);-moz-text-shadow:0 1px 0 rgba(255,255,255,1);text-shadow:0 1px 0 rgba(255,255,255,1);} .error-type p {font:normal 1.9em 'OpenSansSemibold';text-transform:uppercase;-webkit-text-shadow:0 1px 0 rgba(255,255,255,1);-moz-text-shadow:0 1px 0 rgba(255,255,255,1);text-shadow:0 1px 0 rgba(255,255,255,1);} .error-content {float:left;margin:60px 0 0 70px;color:#3F3F3F;} .error-content h2 {font-size:2.3em;color:#4D4D4D;} .error-content h3 {font:normal 1.4em 'OpenSansBold';color:#515151;} .error-content ul li {background:url(../images/ico/bullet-white-6x6.png) 0 6px no-repeat;padding:0 0 4px 20px;} .error-content a {color:#3F3F3F;} /*CONTACT US*/ .map-wrap {width:830px;padding:10px;background:#fff;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);} .map-wrap .infoBox {background:url(../images/bgr/map-popup.png) no-repeat !important;width:180px !important;height:100px !important;} .gmap {border:1px solid #ccc;display:block;width:830px;height:550px;} .gmap .infoBox {background:url(../images/bgr/map-popup-hotel.png) no-repeat;width:184px;height:120px;} .gmap strong {font:normal 14px 'OpenSansExtrabold';margin:0 0 13px;display:inline-block;} .infoBox {font:normal 1.2em/1.42 'OpenSansRegular';margin:-100px 0 0 50px;display:inline-block;padding: 8px 10px;color:#fff;} /*GET INSPIRED*/ .get_inspired li {position:relative;width:154px;height:125px;overflow:hidden;font-size:1em;float:left;display:block;margin:0 20px 20px 0;background:#fff;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);-webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear;} .get_inspired li a {text-decoration:none;} .get_inspired img {-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;} .get_inspired li.last {margin:0 0 20px;} .get_inspired figcaption {font:normal 1.4em 'OpenSansBold';letter-spacing:-0.03em;padding:10px;-webkit-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear;} .get_inspired li:hover img {-webkit-transform: scale(10); -moz-transform: scale(10); -o-transform: scale(10); -ms-transform: scale(10); transform: scale(10); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);opacity: 0;} .get_inspired li:hover figcaption {width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;background:#40BFB8;color:#fff;} .three-fourth .destinations {background-position:0 0;margin:25px 0 0;padding:20px 0;} .locations article {background:#fff;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);position:relative;} .locations article.last {margin:0 0 20px;} .locations h1 {font-size:1.8em;padding:4px 0 10px;color:#666;-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow:none;text-align:left;display:inline-block;float:left;width:100%;} .locations .details {text-align:center;} .locations .details span, .locations .details div {text-align:left;} .locations .description {float:left;border-bottom:1px solid #ccc;margin:0 0 10px;height:90px;overflow:hidden;} .locations .description p {padding:0 0 15px;} .locations .ribbon {background:url(../images/bgr/ribbons.png) 0 0 no-repeat;width:284px;height:57px;overflow:hidden;margin:15px 0 0 -27px;} .locations .ribbon .half {float:left;width:77px;height:40px;overflow:hidden;margin:2px 0 0 7px;padding:9px 0 0 57px;} .locations .ribbon .hotel {background:url(../images/ico/icons.png) 20px -470px no-repeat;} .locations .ribbon .flight {background:url(../images/ico/icons.png) 20px -530px no-repeat;} .locations .ribbon .small {font:normal 1.1em/1.2 'OpenSansSemibold';color:#fff;letter-spacing:-0.015em;float:left;width:100%;} .locations .ribbon .price {font:normal 1.7em/1 'ChunkFiveRegular';float:left;width:100%;-webkit-text-shadow:0 1px 0 rgba(255,255,255,0.2);-moz-text-shadow:0 1px 0 rgba(255,255,255,0.2);text-shadow:0 1px 0 rgba(255,255,255,0.2);} .locations .ribbon:hover {background-position:0 -57px;} .locations .full-width figure {float:left;margin:0 20px 0 0;} .locations .full-width .details {float:left;width:540px;padding:15px 20px 0 0;} .locations .full-width h1 {width:450px;padding:0 0 10px;} .locations .full-width .description {width:450px;border:none;margin:0;padding:3px 0 2px;height:50px;overflow:hidden;} .locations .full-width .gradient-button {float:left;} .locations .full-width .ribbon {background-position:-127px -250px;width:110px;height:110px;position:absolute;top:11px;right:-10px;margin:0;padding:10px 0 0;} .locations .full-width .ribbon .half {margin:4px 0 0;padding:9px 0 0 50px;width:60px;} .locations .full-width .ribbon .hotel {background-position:10px -470px;} .locations .full-width .ribbon .flight {background-position:10px -530px;} .locations .full-width .ribbon:hover {background-position:-2px -250px;} /*SIDEBAR*/ .left-sidebar {margin:0 20px 80px 0;} .right-sidebar {margin:0 0 80px 20px;} .lower {margin-top:95px !important;} aside {width:270px;float:left;} aside article {width:230px;background:#fff;padding:14px 20px 20px;margin:0 0 20px;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);} aside article p {padding:0 0 15px;} aside article h2 {font-size:1.7em;color:#3F6098;border-bottom:1px solid #ccc;margin:0 0 15px;} aside article h3 {font:normal 1.4em 'OpenSansBold';color:#3F6098;letter-spacing:-0.03em;padding:0 0 5px;} /*HOTEL DETAILS*/ .hotel-details h1 {font-size:2em;color:#666;padding:0 0 3px;-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow:none;} .stars img {display:inline;float:right;margin:3px 0 0;white-space:nowrap;} .address {font-size:1.3em;color:#999;} .rating {background:url(../images/ico/rating.png) 0 2px no-repeat;padding:0 0 0 15px;font-size:1.3em;color:#3F3F3F;float:right;} .hotel-details .description {border-top:1px solid #DFDCD1;padding:15px 0 0;margin:15px 0 0;} .tags {border-top:1px solid #DFDCD1;padding:18px 0 0;margin:0 0 -5px;} .tags ul {position:relative;width:240px;overflow:hidden;} .tags li {float:left;display:block;margin:0 5px 5px 0;} .tags li a {float:left;display:block;padding:0 10px 0 20px;height:100%;text-decoration:none;background:#DFDCD1 url(../images/bgr/tag.png) 7px 11px no-repeat;height:30px;line-height:30px;-webkit-border-radius:15px 2px 2px 15px;-moz-border-radius:15px 2px 2px 15px;border-radius:15px 2px 2px 15px;-webkit-box-shadow:0 1px 0 #C1BBA8;-moz-box-shadow:0 1px 0 #C1BBA8;box-shadow:0 1px 0 #C1BBA8;-webkit-transition: all 0.1s ease-in 0.1s; -moz-transition: all 0.1s ease-in 0.1s; -o-transition: all 0.1s ease-in 0.1s; -ms-transition: all 0.1s ease-in 0.1s; transition: all 0.1s ease-in 0.1s;} .tags li a:hover {background-color:rgba(95,200,194,1);color:#fff;} /*TESTIMONIALS*/ .testimonials {padding:17px 20px 20px;color:#fff;-webkit-text-shadow:0 1px 0 rgba(0,0,0,0.1);-moz-text-shadow:0 1px 0 rgba(0,0,0,0.1);text-shadow:0 1px 0 rgba(0,0,0,0.1);background: rgb(95,200,194);background: -moz-linear-gradient(top, rgba(95,200,194,1) 0%, rgba(64,191,184,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(95,200,194,1)), color-stop(100%,rgba(64,191,184,1)));background: -webkit-linear-gradient(top, rgba(95,200,194,1) 0%,rgba(64,191,184,1) 100%);background: -o-linear-gradient(top, rgba(95,200,194,1) 0%,rgba(64,191,184,1) 100%);background: -ms-linear-gradient(top, rgba(95,200,194,1) 0%,rgba(64,191,184,1) 100%);background: linear-gradient(to bottom, rgba(95,200,194,1) 0%,rgba(64,191,184,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fc8c2', endColorstr='#40bfb8',GradientType=0 );} .testimonials blockquote {font:italic normal 1.5em 'OpenSansSemibold';padding:0 0 10px;} .testimonials .name {font:normal 1.3em 'OpenSansSemibold';} /*DEFAULT SIDEBAR CONTENT BOX*/ .default {padding:14px 20px 5px;} .default .number {background:url(../images/ico/phone.png) 1px 0 no-repeat;font-family:'OpenSansExtrabold';color:#999;padding:1px 0 15px 25px;} /*POPULAR HOTELS */ .popular-hotels {margin:-5px 0 5px;} .popular-hotels li {font-size:1em;border-bottom:1px solid #ccc;display:inline-block;width:100%;padding:0 0 10px;margin:0 0 10px;} .popular-hotels li a {text-decoration:none;} .popular-hotels li h3 {color:#AB9A8F;} .popular-hotels li p {float:left;padding:0;width:175px;} .popular-hotels .price {font-family: 'OpenSansBold';color:#3f3f3f;padding-left:5px;} .popular-hotels .price small {font:normal 12px 'OpenSansRegular';color:#999;} .show-all {font:normal 1.3em 'OpenSansRegular';color:#3f3f3f;text-decoration:none;float:right;padding:0 0 10px;} /*DEAL OF THE DAY*/ .deal-of-the-day a {text-decoration:none;} .deal-of-the-day figure {margin:0 0 15px;} .deal-of-the-day h3 {color:#AB9A8F;} .deal-of-the-day p {float:left;width:175px;} .deal-of-the-day .price {font-family: 'OpenSansBold';color:#3f3f3f;padding-left:5px;} .deal-of-the-day .price small {font:normal 12px 'OpenSansRegular';color:#999;} /*REFINE SEARCH RESULTS*/ .refine-search-results dl {margin:-16px 0 0;border-bottom:1px solid #ccc;} .refine-search-results dt {font:normal 1.3em 'OpenSansBold';letter-spacing:-0.02em;color:#666;border-top:1px solid #ccc;padding:12px 0;background:url(../images/ico/arrow-right.png) 100% 15px no-repeat;cursor:pointer;} .refine-search-results dt.active {background:url(../images/ico/arrow-down.png) 100% 16px no-repeat;} .refine-search-results dd {padding:0 0 7px;} .refine-search-results .checkbox {display:block;width:100%;padding:0 0 5px;} .refine-search-results .checkbox label {font-size:1.2em;padding:0 0 0 5px;} .refine-search-results dd span.min {font-size:1.2em;margin:5px 0 8px;display:inline-block;} .refine-search-results dd span.max {font-size:1.2em;float:right;margin:5px 0 8px;display:inline-block;} #star {margin:0 0 8px;} #star img {display:inline;} .stars-info {float:right;font-size:1.2em;line-height:24px;} /*BOOKING DETAILS*/ .booking-details h1 {font-size:2em;color:#666;padding:0 0 3px;-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow:none;} .booking-details .booking-info {border-top:1px solid #DFDCD1;padding:15px 0 0;margin:15px 0 0;} .booking-details .booking-info p {padding:0 0 5px;} .booking-details .price {border-top:1px solid #DFDCD1;padding:15px 0 0;margin:10px 0 0;} .booking-details .price p {font-size:1.2em;padding:0;} .booking-details .price .total {font:normal 1.4em 'OpenSansBold';color:#333;padding:0 0 5px;} /*FOOTER*/ footer p {padding:0 0 2px;} footer article li {background:url(../images/ico/bullet-green-3x3.jpg) 0 7px no-repeat;padding:0 0 2px 15px;} footer li a {text-decoration:none;} footer a {-webkit-transition: all 0.1s ease-in 0.1s; -moz-transition: all 0.1s ease-in 0.1s; -o-transition: all 0.1s ease-in 0.1s; -ms-transition: all 0.1s ease-in 0.1s; transition: all 0.1s ease-in 0.1s;} footer a:hover {color:#3f3f3f;} .social li {float:left;display:block;width:30px;height:30px;overflow:hidden;margin:3px 4px 0 0;background:url(../images/ico/icons.png) 0 -400px no-repeat;padding:0;} .social li:hover {background-position:0 -440px;} .social li a {float:left;display:block;width:100%;height:100%;text-indent:-99999px;background:url(../images/ico/icons.png) 0 -80px no-repeat;} .social .facebook a {background-position:0 -80px;} .social .youtube a {background-position:0 -120px;} .social .rss a {background-position:0 -160px;} .social .linkedin a {background-position:0 -200px;} .social .googleplus a {background-position:0 -240px;} .social .twitter a {background-position:0 -280px;} .social .vimeo a {background-position:0 -320px;} .social .pinterest a {background-position:0 -360px;} .social li:last-child, .social li.last {margin:3px 0 0;} footer fieldset {position:relative;top:3px;} footer input[type="email"] {box-shadow:inset 0 1px 1px rgba(204, 194, 187, 0.55);} footer input[type="submit"] {width:70px;padding:0;border-radius:0 15px 15px 0;-moz-border-radius:0 15px 15px 0;-webkit-border-radius:0 15px 15px 0;position:absolute;top:0;right:0;height:31px;} .bottom {width:100%;float:left;border-top:1px solid #E7E6E0;padding:21px 0 0;} .copy {float:left;display:block;color:#858585;} .bottom nav {float:right;} .bottom nav li {float:left;border-left:1px solid #E5E5E5;padding:0 0 0 12px;margin:0 0 0 12px;} .bottom nav .first {border:none;} .bottom nav li a {color:#858585;} .bottom nav li a:hover {color:#3f3f3f;} /*FORM ELEMENTS*/ label { cursor: pointer; } input,textarea {outline: none;} button, input, select, textarea { margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } input[type="search"],input[type="email"],input[type="text"],input[type="number"] {border:1px solid #ccc;font:normal 1.2em 'OpenSansRegular';color:#999;padding:6px 10px;width:230px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;} input[type="password"] {border:1px solid #ccc;color:#999;padding:6px 10px;width:230px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;} textarea {border:1px solid #ccc;font:normal 1.2em 'OpenSansRegular';color:#999;padding:6px 10px;width:230px;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; resize: none;} input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, textarea:focus {border-color:#3F6198;} div.radio {height: 20px;width:20px;float:left;} div.radio span {background: url(../images/bgr/custom-form-elements.png) 0 0 no-repeat;-webkit-font-smoothing: antialiased;float:left;height: 20px;width: 20px;cursor:pointer;} div.radio input {height: 20px;width:20px;padding:0;cursor:pointer;} div.radio .checked {background-position:0 -21px;} div.selector {position:relative;border:1px solid #ccc;line-height:30px;height: 30px;margin:0 0 0 -2px;font:normal 1.2em 'OpenSansRegular';color:#999;background:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);-moz-box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);} div.selector span {display:inline-block;width:95px;line-height:31px;height: 30px;padding:0 10px;background:url(../images/ico/spinner.png) 95% 8px no-repeat;} div.selector select {position:absolute;top: 10px;left: 0;font:normal 12px 'OpenSansRegular';color:#666;border:none;} div.selector option {font:normal 12px 'OpenSansRegular';color:#666;border:none;} div.checker {height:16px;width:16px;float:left;} div.checker span {background: url(../images/bgr/custom-form-elements.png) 0 -44px no-repeat;-webkit-font-smoothing: antialiased;float:left;height:16px;width:16px;cursor:pointer;} div.checker input {height:16px;width:16px;padding:0;cursor:pointer;} div.checker .checked {background-position:0 -63px;} .one-fourth input[type="submit"].gradient-button {margin:0;} input.error {border-color:red !important;} label.error {color:red !important;padding:2px 2px 2px 2px; font-weight:bold;} .eror {color:red !important;padding:2px 2px 2px 2px; font-weight:bold;} /*MAIN SEARCH*/ .main-search { position:absolute; bottom:33px; left:50%; margin:0 0 0 -570px; z-index:999; overflow:visible; width:1140px; padding:20px 0 0; text-align:left; } .main-search_1 { width:1140px; border:1px solid #fff; border-radius:0px 5px 5px 5px; background:#fff; float:left; } .main-search form {position:relative;width:100%;display:inline-block; padding-top:15px;} .main-search h4 {font:normal 1.6em 'OpenSansRegular';letter-spacing:0;} .main-search h4 span {font-family:'ChunkFiveRegular';color:#3F6198;} .column {float:left;width:268px;margin:0 0 20px 20px;padding:0 0 0 22px;background:url(../images/bgr/vertical-separator.png) 0 34px no-repeat;min-height:111px;} /*#form3 .column,*/ #form5 .column, #form6 .column {height:180px;} .forms {float:left;width:880px; padding-bottom:10px; } .main-search .f-item {float:left;display:block;width:100%;padding:0 0 6px;} .main-search .f-item input[type="text"] {float:left;display:block;width:230px;-webkit-box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);-moz-box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);} .main-search .f-item input[type="password"] {float:left;display:block;width:230px;-webkit-box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);-moz-box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);} .main-search .f-item label {font-size:1.3em;padding:0 0 8px;display:inline-block;width:100%;font-family:'OpenSansRegular';} .main-search .f-item .selector {width:250px;} .main-search .f-item .selector span {width:230px;background-position:97% 8px;} .main-search .f-item select {width:250px;} .main-search .radios {width:230px;background:none;padding:0;margin:0 0 0 20px;} .main-search .radios .f-item {width:125px;} .main-search .radios .f-item label.lastfraw { float:left; width:80%!important; font-size:13px; } .main-search .radios label {padding:0 0 0 5px;color:#999;line-height:20px;width:100px;} .main-search .active label {color:#666;} .main-search .twins .f-item {width:119px;margin:0 10px 0 0;} .main-search .twins .f-item input {width:98px;} .main-search .twins .f-item.last {margin:0;} .main-search .twins .f-item .selector {width:119px;} .main-search .twins .f-item .selector span{width:99px;background-position:94% 8px;} .main-search .twins .f-item select {width:119px;} .main-search .twins.last .f-item {width:109px;} .main-search .twins.last .f-item input {width:88px;} .main-search .twins.last .f-item .selector {width:109px;} .main-search .twins.last .f-item .selector span {width:89px;background-position:92% 8px;} .main-search .twins.last .f-item select {width:109px;} .main-search .triplets .f-item {width:69px;margin:0 10px 0 0;} .main-search .triplets .f-item input {width:48px;} .main-search .two-childs .f-item input {width:98px;} .main-search .two-childs .selector {float:left;display:block;width:115px;margin:0 0 0 10px;} .main-search .two-childs .f-item .selector span {width:97px;background-position:92% 8px;} .main-search .two-childs .f-item select {width:115px;} .datepicker-wrap {position:relative;} .ui-datepicker-trigger {position:absolute;top:8px;left:93px;} .spinner {position:relative;} .ui-icon-triangle-1-n {position:absolute;top:35px;right:8px;background:url(../images/ico/spinner.png) 0 0 no-repeat;width:13px;height:8px;overflow:hidden;text-indent:-99999px;display:inline-block;cursor:pointer;} .ui-icon-triangle-1-s {position:absolute;top:44px;right:8px;background:url(../images/ico/spinner.png) 0 -9px no-repeat;width:13px;height:8px;overflow:hidden;text-indent:-99999px;display:inline-block;cursor:pointer;} .spinner.small {width:69px !important;} .spinner.small input {width:48px !important;} .searchbtn { position:relative; width:100%; clear:both; float:left; /height:20px; } .search-submit {position:absolute;left:478px;bottom:-5px;background:url(../images/bgr/search-button.png) 0 0 no-repeat;width:204px;height:34px;border:none;font:normal 1.2em/34px 'OpenSansBold';text-transform:uppercase;color:#fff;-webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.2);-moz-text-shadow:0 -1px 0 rgba(0,0,0,0.2);text-shadow:0 -1px 0 rgba(0,0,0,0.2);} .search-submit:hover {background-position:0 -34px;} /*CONTACT FORM*/ aside form {padding:0 0 15px;} aside .f-item {padding:0 0 15px;float:left;width:100%;} aside .f-item label {float:left;width:100%;padding:0 0 5px;} aside .f-item input[type="text"], aside .f-item input[type="password"], aside .f-item input[type="email"], aside .f-item input[type="number"], aside .f-item textarea {width:210px;} aside input[type="submit"] {padding:0;width:80px;margin:5px 0 0;} .phone-green {background:url(../images/ico/phone-green.jpg) 2px 0 no-repeat;font-family:'OpenSansSemibold';padding:1px 0 1px 24px;} .email-green {background:url(../images/ico/email-green.jpg) 0 5px no-repeat;font-family:'OpenSansSemibold';padding:0 0 0 24px;margin:5px 0 15px;} .email-green a {text-decoration:none;} .phone-green1 {background:url(../images/ico/phone-green1.jpg) 2px 0 no-repeat;font-family:'OpenSansSemibold';padding:1px 0 1px 24px;} .email-green1 {background:url(../images/ico/email-green1.jpg) 0 5px no-repeat;font-family:'OpenSansSemibold';padding:0 0 0 24px;margin:5px 0 15px;} .email-green1 a {text-decoration:none;} /*BOOKING STEPS*/ .booking {float:left;width:810px;padding:12px 20px 20px;margin:0 0 20px;background:#fff;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);} .booking h3 {display:inline-block;color:#3F6098;padding:0 0 5px;margin:10px 0 15px;border-bottom:1px solid #ccc;width:100%;} .booking h3 span {color:#3F6098;} .booking .row {float:left;display:block;width:100%;} .booking .f-item {width:560px;padding:14px 20px 6px 0;margin:0;float:left;} .booking .twins .f-item {width:270px;} .booking .triplets .f-item {width:270px;} .f-item label {font:normal 1.2em 'OpenSansSemibold';color:#3F3F3F;padding:0 0 5px;display:inline-block;width:100%;} .f-item label span {font-family:'OpenSansRegular';color:#666;} .f-item input[type="text"], .f-item input[type="password"], .f-item input[type="email"], .f-item input[type="number"] {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;width:250px;} .f-item textarea {float:left;display:block;width:540px;height:120px;} .booking .info {float:left;display:block;width:230px;font:italic 1.2em/30px 'OpenSansRegular';color:#3F3F3F;padding:38px 0 0;} .booking .f-item select {width:270px;} .booking div.selector {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .booking div.selector span {width:250px;background-position:97% 8px;} .booking .triplets .datepicker {width:170px;} .booking .triplets .datepicker input {width:150px;} .booking .triplets .ui-datepicker-trigger {left:145px;top:7px;} .booking .triplets .last {width:80px;} .booking .triplets .last input {width:60px;} .booking .checkbox label {font-family:'OpenSansRegular';width:530px;padding:0 0 0 10px;} .booking input[type="submit"] {margin:14px 0 0;} .three-fourth .text-wrap {width:790px;} .booking .output p {float:left;width:270px;padding:0 20px 10px 0;} .turqouise-link {color:#5FC7C1;font-family:'OpenSansSemibold';} .print {float:right;margin:5px 0px 0 0;} /*JQUERY UI WIDGETS*/ /*UI DATEPICKER*/ button.ui-button::-moz-focus-inner { border: 0; padding: 0; }.ui-datepicker { display:none; } /* BY DEFAULT DATEPICKER BOX GETTING AFTER FOOTER PART - CONFISDER IT BEFORE REMOVE THIS CSS 131113*/ /*.ui-datepicker { width: 22em; padding: 0; display:none;background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.2);} .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 11px; width:9px; height:12px;text-indent:-99999px;cursor:pointer;} .ui-datepicker .ui-datepicker-prev { left:10px;background:url(../images/ico/arrow-left.png) 0 0 no-repeat ;} .ui-datepicker .ui-datepicker-next { right:10px;background:url(../images/ico/arrow-right.png) 0 0 no-repeat ;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 5px;text-align: center;font:normal 14px 'OpenSansBold';color:#333;} .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size:12px; border-collapse: collapse; } .ui-datepicker th { width:20px; height:20px; line-height:20px; background: #4F75B5; background: -moz-linear-gradient(top, #4F75B5 0%, #4F75B5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4F75B5), color-stop(100%,#4F75B5));background: -webkit-linear-gradient(top, #4F75B5 0%,#4F75B5 100%); background: -o-linear-gradient(top, #4F75B5 0%,#4F75B5 100%);background: -ms-linear-gradient(top, #4F75B5 0%, #4F75B5 100%);background: linear-gradient(to bottom, #4F75B5 0%,#4F75B5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4F75B5', endColorstr='#476AA5',GradientType=0 );color:#fff;text-align: center; font-weight: bold; border:1px solid #5C80BA; border-bottom:none; } .ui-datepicker th span { display: block;text-align: center; } .ui-datepicker td { border-right:1px solid #eee; border-bottom:1px solid #eee;text-align:center;background: rgb(255,255,255);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1)));background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );} .ui-datepicker td span, .ui-datepicker td a { display: block; width:20px; height:20px; line-height:20px; text-align: center; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker .ui-datepicker-today { background: -moz-linear-gradient(top, #4F75B5 0%, #4F75B5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4F75B5), color-stop(100%,#4F75B5));background: -webkit-linear-gradient(top, #4F75B5 0%,#4F75B5 100%); background: -o-linear-gradient(top, #4F75B5 0%,#4F75B5 100%);background: -ms-linear-gradient(top, #4F75B5 0%, #4F75B5 100%);background: linear-gradient(to bottom, #4F75B5 0%,#4F75B5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4F75B5', endColorstr='#476AA5',GradientType=0 );color:#fff;} .ui-datepicker .ui-datepicker-today a {color:#fff;} .ui-datepicker .ui-datepicker-calendar .ui-state-hover {background: -moz-linear-gradient(top, #4F75B5 0%, #4F75B5 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4F75B5), color-stop(100%,#4F75B5));background: -webkit-linear-gradient(top, #4F75B5 0%,#4F75B5 100%); background: -o-linear-gradient(top, #4F75B5 0%,#4F75B5 100%);background: -ms-linear-gradient(top, #4F75B5 0%, #4F75B5 100%);background: linear-gradient(to bottom, #4F75B5 0%,#4F75B5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4F75B5', endColorstr='#476AA5',GradientType=0 );color:#fff;} */ /*UI SLIDER*/ .ui-slider-horizontal { height:7px;border:1px solid #E6E6E6;position:relative;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);box-shadow:inset 0 1px 1px rgba(0,0,0,0.2);} .ui-slider-horizontal .ui-slider-handle {background:url(../images/ico/ui-slider-handle.png) 0 0 no-repeat;width:24px;height:24px;position:absolute;top: -7px; margin-left: -10px; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%;background:#EEEEEE;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } /* FONTS */ @font-face {font-family: 'OpenSansRegular';src: url('../fonts/OpenSans-Regular-webfont.eot');src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'OpenSansSemibold';src: url('../fonts/OpenSans-Semibold-webfont.eot');src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'OpenSansBold';src: url('../fonts/OpenSans-Bold-webfont.eot');src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'OpenSansExtrabold';src: url('../fonts/OpenSans-ExtraBold-webfont.eot');src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'ChunkFiveRegular';src: url('../fonts/Chunkfive-webfont.eot');src: url('../fonts/Chunkfive-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Chunkfive-webfont.woff') format('woff'),url('../fonts/Chunkfive-webfont.ttf') format('truetype'),url('../fonts/Chunkfive-webfont.svg#ChunkFiveRegular') format('svg');font-weight: normal;font-style: normal;} /*PRINT*/ @media print { /* * {background: transparent !important; color: black !important; text-shadow: none !important;box-shadow: none !important; filter:none !important; -ms-filter: none !important;}*/ a, a:visited {text-decoration: underline; } pre, blockquote {border: 1px solid #999; page-break-inside: avoid; } thead {display: table-header-group; } tr, img {page-break-inside: avoid; } img {max-width: 100% !important; } @page {margin: 0.5cm; } p, h2, h3 {orphans: 3; widows: 3; } h2, h3 {page-break-after: avoid;} .search {display:none;} .booking {padding:0;width:870px;} .text-wrap {padding:0 0 10px;width:100%;} } /*===================================== CSS STYLE FROM ALPESH PRAJAPATI =======================================*/ .searchoffer { margin:5px 0px!important; padding:2px 0px!important; } .lastf-item { width:100%!important; } .lastfraw { width:90%!important; } .f-item-2 { width:202px!important; } .f-item-2 label { width:150px!important; margin-left:5px!important; } .f-item-2 input { width:auto!important; } .f-item-3 { width:113px!important;} .f-item-3 input { width:90px!important; overflow:hidden;} .f-item-3 div { width:110px!important; } .f-item-3 div select { width:110px!important;} .f-item-3 div span { width:86px!important;} .f-item-4 { width:72px!important;} .f-item-4 div { width:70px!important; } .f-item-4 div select { width:69px!important;} .f-item-4 div span { width:40px!important;} .tripletast { margin-bottom:5px!important;} .datepickernew { width:130px!important; } .datepicker-wrapnew img { left:120px!important; } .fullfield input[type='text']{ width:94%!important;} .fullfield input[type='select']{ width:94%!important;} .halffield { width:70%!important; } .halffield input[type='text']{ width:90%!important; } .halffield2 { width:30%!important; } .halffield2 input[type='text']{ width:78%!important; } .column-new { width:328px!important; } .multiplefield { width:130px!important;} .multiplelabel { width:150px!important; } /* 131113 .two-childs-new { width:150px!important; margin: 0 0 20px 10px; min-height: 150px; padding: 0 0 0 22px; } */ .two-childs-new { width:150px!important; margin: 0 10px 20px 10px; min-height: 150px; padding: 0 0 0 22px; } .subcol1 { width:48%!important; margin-right:1%!important;} .subcol2 { width:48%!important; margin-left:1%!important;} /*======================= CSS STYLE FOR LAPS =======================*/ .infantlabel { width:90px!important; float:left!important;} .infantlabel span { font-size:11px; color:#000; } .laps { width:60px!important;} .laps input { float:left; width:auto!important; } .laps label { float:left; width:auto!important; margin-left:5px!important;} /*=========== SEARCH TAB ================*/ #search-tab { position:absolute; top:-21px; left:0px; height:42px; line-height:42px; z-index:9999999; visibility:visible; } #search-tab ul { margin:0px; padding:0px; list-style:none; } #search-tab ul li { float:left; font-size:16px; font-family:'ChunkFiveRegular'; } #search-tab ul li a { line-height:42px; float:left; padding:0px 20px; background:url(../images/bgr/shad.png) no-repeat left top #E9E9E9; text-decoration:none; } #search-tab ul li a:hover, #search-tab ul li a.selected { line-height:42px; float:left; padding:0px 20px; background-color:#fff; background-image:none; } .black { color:#333333; } .marron { color:#891E39; } .green { color:#1E8D3E; } .blue { color:#0C75B4; } /*.apbgttl { background:url(../images/bgr/apbg.png) no-repeat left top; border-radius:5px; width:226px; padding:0px 5px; margin-bottom:10px; float:left; line-height:30px!important; height:30px; cursor:pointer; } */ /*241213*/ .apbgttl { background:url(../images/bgr/apbg_down.png) no-repeat left top; border-radius:5px; width:226px; padding:0px 5px; margin-bottom:10px; float:left; line-height:30px!important; height:30px; cursor:pointer; } /*241213*/ .apbgttl_down { background:url(../images/bgr/apbg_down.png) no-repeat left top; border-radius:5px; width:226px; padding:0px 5px; margin:5px 0px 10px 0px; float:left; line-height:30px!important; height:30px; cursor:pointer; } .firsthalf { width:130px!important; } .firsthalf input[type='text'] { width:110px!important; } .firsthalf select, .firsthalf span { width:105px!important; } .firsthalf div { width:130px!important; } .sechalf { width:55px!important; } .sechalf input[type='text'] { width:35px!important; } .sechalf select, .sechalf span { width:30px!important; } .sechalf div { width:55px!important; } .thirdhalf { width:30px!important; } .thirdhalf img { margin-top:32px; } /* new by anil */ .twins .f-item .clrred { color: #C92236; } .twins .fnt14 { font-size: 14px !important; } .triplets .f-item .clrred { color: #C92236; } .triplets .fnt14 { font-size: 14px !important; } .showDiv { display:block;} /*=============================== CSS STYLE FOR AUTO COMPLETE ===============================*/ div.autocomplete { background-color:#fff; border:2px solid #E1DCD7; border-radius:5px; margin-top:5px; width:100% !important; height:250px; overflow-x:hidden; overflow-y:scroll; } div.autocomplete div { width:98%; line-height:20px; font-size:11px; display:block; color:#333; padding:0px 1%; text-align:left; border-bottom:1px solid #E1DCD7;} div.autocomplete div:hover { background-color:#F1EEEB!important; display:block; cursor:pointer;} /*============================== NEW LISTING CSS FOR FLIGHT ================================*/ .site-banner { width:100%; position:relative; text-align:center; height:121px; background:url(../images/bgr/banner.jpg) no-repeat center top #333; clear:both; top:133px; } .fullwidth { width:100%; float:left; margin:0px 0px 20px 0px; padding:0px; display:block; position:relative; clear:both; } .listnumber { background-color:#fff; float:left; width:77px; padding:0px; webkit-box-shadow:0 0 2px rgba(0,0,0,0.1); -moz-box-shadow:0 0 0px rgba(0,0,0,0.1); box-shadow:0 0 2px rgba(0,0,0,0.1); text-align:center; line-height:50px; font-size:35px; color:#ccc; font-family:'ChunkFiveRegular'; } .fulldetails { background:url(../images/bgr/flight_shad.jpg) repeat-y 605px top #fff; float:right; width:773px; padding:0px; webkit-box-shadow:0 0 2px rgba(0,0,0,0.1); -moz-box-shadow:0 0 2px rgba(0,0,0,0.1); box-shadow:0 0 2px rgba(0,0,0,0.1); min-height:150px; } /*=========== FLIGHT LIST RIGHT ============*/ .listleft { width:585px; float:left; padding:10px 25px 10px 10px; } .flighticon { width:65px; float:left; text-align:center; margin-left:-5px; } .flighticon img { background-color:#eee; padding:3px; margin:0 auto; } .flightraw { width:525px; float:left; } .flno { width:100%; float:left; margin-bottom:5px; font-size:11px;} .flightgo { background:url(../images/bgr/flightgo.png) no-repeat 5px center #EEEEEE; } .flightback { background:url(../images/bgr/flightback.png) no-repeat 5px center #EEEEEE; } .flightsubdetails { float:left; width:445px; padding:10px 5px 10px 75px; line-height:20px; } .flightsubdetails blockquote { font-size:12px; margin-bottom:5px; } .flightsubdetails blockquote span { font-weight:bold; color:#333;} .stopset { float:left; background-color:#5CAD51; padding:3px 5px; font-size:10px; font-weight:bold; color:#fff; border-radius:5px; } /*=========== FLIGHT LIST RIGHT ============*/ .listright { width:150px; float:right; position:absolute; right:5px; bottom:23px; } .listprice { display:inline-block; font-size:25px; line-height:25px; color:#333; text-align:center; width:100%; float:left; margin-bottom:8px; } .listprice b { font-size:11px; line-height:10px; font-weight:normal; text-align:right; } .totalprice { width:100%; display:inline-block; border-bottom:2px solid #EEEEEE; border-top:2px solid #EEEEEE; color:#3F6098; clear:both; margin-bottom:8px; text-align:center; font-size:14px; } .listbtn { font:normal 1.1em/30px 'OpenSansBold'; text-transform:uppercase; text-decoration:none; color:#fff; height:30px; padding:0 18px; text-align:center; display:inline-block; background: #3F6198; text-shadow:0 -1px 0 rgba(0,0,0,0.2); border-radius:15px; -webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.2); -moz-text-shadow:0 -1px 0 rgba(0,0,0,0.2); -moz-border-radius:15px; -webkit-border-radius:15px; margin:5px 0px 0px 25px; } .mainlist { width:100%; float:left; margin-bottom:10px; } /*=========== FLIGHT SUB RIGHT ============*/ .f-subdiv-icon { width:505px; float:left; padding:0px; margin-left:60px} a.btnshowmore { background:url(../images/bgr/showicon1.png) no-repeat 8px center #5CAD51; padding:0px 22px 0px 30px; line-height:40px; font-weight:bold; display:inline-block; font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-decoration:none; } a.btnhidemore { background:url(../images/bgr/hideicon1.png) no-repeat 8px center #5CAD51; padding:0px 22px 0px 30px; line-height:40px; font-weight:bold; display:inline-block; font-size:14px; color:#fff; font-family:Arial, Helvetica, sans-serif; text-decoration:none; } .f-subdiv { width:505px; float:left; margin-left:60px; background-color:#E7EDF5; padding:10px; margin-bottom:10px; } .f-subdiv h1 { width:auto!important;} .subflgo { background:url(../images/bgr/subflgo.png) no-repeat left 10px #fff; } .subflback { background:url(../images/bgr/subflback.png) no-repeat left 10px #fff; } .fsinfo { float:left; width:420px; padding:5px 10px 5px 75px; margin-bottom:10px; line-height:20px; } .fsinfo blockquote { font-size:12px; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; } .fsinfo blockquote span { font-weight:bold; color:#333; font-size:12px; } .fsinfo blockquote b { font-weight:bold; color:#3F6098; } .subpicon { width:60px; text-align:center; float:left; display:inline-block; margin-right:5px;} .subpicon img { background-color:#fff; padding:5px; } .flighname { width:850px; float:left; padding-bottom:15px; } .flighname div { background:url(../images/bgr/flightttlicon.png) no-repeat 7px 7px #fff; font-size:14px; color:#3F6098; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; webkit-box-shadow:0 0 2px rgba(0,0,0,0.1); -moz-box-shadow:0 0 2px rgba(0,0,0,0.1); box-shadow:0 0 2px rgba(0,0,0,0.1); padding:5px 5px 5px 35px; float:left; width:378px; } .flighname div span { color:#333; font-weight:normal; } .flighname div.first { margin:0px 7px 0px 0px; } .flighname div.last { margin:0px 0px 0px 7px; } .rightfare { width:150px; float:right; position:absolute; right:5px; bottom:210px; padding:10px 0px; border-bottom:2px solid #EEEEEE; border-top:2px solid #EEEEEE; } .rightfare td { padding:4px; font-size:12px; color:#666; } .rightfare td.lasttotal { border-top:1px solid #EEEEEE; } /*==== CSS STYLE FOR BOTTOM PAGENAVI ====*/ .btmpager { float:left; width:98%; padding:1%; margin:0 0 20px; background:#fff;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1); font-size:12px; font-weight:bold; } .btmpager .status { margin-top:2px; color:#999; } .btmpager a { background-color:#990000; color:#fff; padding:5px 12px; font-size:12px; font-size:10px; float:right; } .btmpager a:hover { color:#fff; text-decoration:none; } /*==== CSS STYLE FOR BOTTOM PAGENAVI ====*/ /*======================================= CSS STYLE FOR FLIGHT SUMMARY PAGE =========================================*/ .boxbg { background-color:#fff; webkit-box-shadow:0 0 2px rgba(0,0,0,0.1); -moz-box-shadow:0 0 2px rgba(0,0,0,0.1); box-shadow:0 0 2px rgba(0,0,0,0.1); padding:1%; width:98%; float:left; margin-bottom:18px; } .boxbg h1.mttl { color:#3F5F98; font-size:20px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; margin:0px 0px 8px 0px; padding:0px; } .boxbg .boxdesc { color:#666; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0px 0px 8px 0px; padding:0px; } .tpttl { font-size:14px; color:#3F6098; line-height:20px; font-weight:bold; } .tpttl span { font-size:18px; color:#990000; font-weight:bold; } .tpttl a { background-color:#5AAB4F; font-size:10px; color:#fff; border-radius:5px; padding:3px 10px; text-decoration:none; margin-left:5px; } .tripttl { background:url(../images/bgr/flightttlicon.png) no-repeat left top; padding-left:25px; font-size:12px; font-weight:bold; line-height:24px; float:left; color:#333; } .tripttl b { color:#3F5F98; font-size:14px; } .smrlist { } .summaryraw { width:770px; float:left; margin-bottom:10px;} .summaryttl { width:100%; float:left; } .flightdate { float:right; background-color:#EEEEEE; padding:5px 10px; font-size:14px; color:#333333; } .flsmr1 { width:300px; padding:8px 5px 8px 75px; font-size:13px; line-height:18px;} .bold { font-weight:bold;} .fightinfo { background-color:#eee; font-size:13px; width:98%; padding:5px 1%; float:left; margin:10px 0px; line-height:20px; } .fightinfo b { font-weight:bold; color:#990000; padding:0px 2px;} .faretable { width:848px!important; padding:0px!important; font-size:13px; border:1px solid #fff; margin-bottom:0px; } .faretable .thead { background-color:#EEEEEE; font-size:14px; color:#333333; font-weight:bold; text-align:center; } .faretable .total { background-color:#F3F3F3; font-size:13px; color:#3F5F98; font-weight:bold; text-align:right;} .faretable td { border-bottom:1px solid #EEEEEE; border-right:1px solid #E6E6E6; padding:5px; } .faretable td.last { border-right:none!important; } /*========= FARE LINK TOOL TIP =========*/ .farelink { color:#990000; font-weight:bold; font-size:12px; position:relative; cursor:pointer; position:relative; clear:both; text-align:right; } .farelink div.farelist { display:none;} .farelink:hover div.farelist { position:absolute; width:248px; right:0px; top:16px; display:block; background-color:#fff; border:1px solid #3F5F98; border-radius:5px; text-align:left; width:200px; height:150px; } .farelink:hover div.farelist .ftd { background-color:#3F5F98; line-height:20px; color:#fff; font-size:12px; font-weight:bold; } .farelink:hover div.farelist table { border:none;} .farelink:hover div.farelist td { padding:5px; border:none; font-size:11px; color:#333; font-weight:normal; } .farelink:hover div.farelist td.btmlast { border-top:1px solid #3F5F98; } /*========= FARE LINK TOOL TIP =========*/ .btnpart { padding:0px; margin:0px 0px 18px 0px; width:100%; float:left; text-align:right;} .btnpart form { display:inline-block; float:right; margin-left:5px;} .search-btn { background:url(../images/bgr/iconsearch.png) no-repeat 12px center #333333; padding:0px 22px 0px 32px; line-height:40px; font-weight:bold; display:inline-block; font-size:14px; color:#fff; text-decoration:none; margin-right:5px; } .booking-btn { background:url(../images/bgr/booking-btn.png) no-repeat 12px center #5CAD51; padding:0px 22px 0px 32px; line-height:40px; font-weight:bold; display:inline-block; font-size:14px; color:#fff; text-decoration:none; } /*================== LISTING SEARCH ==================*/ aside article.searchform {width:226px; background:#DDE7F0; padding:14px 20px 20px;margin:0 0 20px;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1); border:2px solid #FFFFFF; float:left; } .searchform h2 { border-bottom:none; color:#3F6198; margin:0px 0px -5px 0px; padding:0px; background:url(../images/bgr/lftsearchttl.png) no-repeat right 2px; } .searchform h3 { color:#333; padding:4px 4px 4px 0px; margin:-5px 0px 2px 0px; font-weight:bold; font-size:16px; } .searchform label { width:100%; float:left; line-height:22px; font-size:12px; color:#000; } .searchform .lftsearch { width:210px; margin-bottom:3px; } .cols { width:105px; } .cols .lftsearch-1 { width:90px!important; margin-bottom:3px; } .cols .datepicker-wrap img { top:29px!important; left:85px!important;} .cols2 { width:110px; } .cols2 .lftsearch-1 { width:95px!important; margin-bottom:3px; } .cols2 .datepicker-wrap img { top:29px!important; left:85px!important;} .col3 { width:75px; float:left; position:relative; } .col3 .selector { width:70px!important; position:relative; clear:both; } .col3 .selector span { width:60px!important; margin:0px; padding:0px 0px 0px 5px; top:0px; } .col3_1 { width:75px; float:left; margin-right:5px; } .col3_1 span.small { font-size:9px; } .col3_1 .selector { width:75px!important; position:relative; clear:both; } .col3_1 .selector span { width:70px!important; margin:0px; padding:0px 0px 0px 5px; top:0px; } .col3_1 .selector select { width:60px!important; } .col3_2 { width:70px; float:left; } .col3_2 .selector { width:70px!important; position:relative; clear:both; } .col3_2 .selector span { width:65px!important; margin:0px; padding:0px 0px 0px 5px; top:0px; } .col3_2 .selector select { width:60px!important; } .smallcolfield { width:50px!important; margin-bottom:3px; background:url(../images/ico/spinner.png) left top no-repeat; } .smallcolfield1 { width:95px!important; margin-bottom:3px; } .lastinfo { margin-bottom:5px; clear:both; position:relative; float:left; } .lastinfo .selector { position:relative; clear:both; } .lastinfo .selector span { margin:0px; padding:0px 0px 0px 5px; top:0px; width:220px; } .lastinfo .selector select { width:210px; } .infantdetails { float:right; } .infantdetails span { float:left; padding:0px 0px 0px 7px; font-size:12px; line-height:20px; color:#333; } .searchform checkbox { float:left; margin-top:4px; } .searchform .checkboxlist { float:left; width:200px; margin-left:5px; } .searchform blockquote { width:100%; float:left; margin:5px 0px; } .reviewfield { background-color:#fff; border-radius:20px; display:block; clear:both; width:92%; padding:2% 4%; float:left; border:1px solid #CCCCCC; } .personfield { background-color:#fff; border-radius:20px; display:block; clear:both; width:80%; padding:8% 5%; float:left; border:1px solid #CCCCCC; } /*=============================== CSS STYLE FOR LOADER =================================*/ #loader { width:100%; height:100%; position:fixed; } #loaderdiv { width:880px; margin:0px; padding:0px; position:absolute; top:25%; left:20%; background:url(../images/bgr/loaderlftbg.jpg) repeat-y left top #fff; border-radius:10px; z-index:9999; } .leftsideloader { width:330px; float:left; text-align:center; padding:20px 10px 40px 10px; position:relative; } .leftsideloader img { display:inline; position:relative; margin:20% 0px 0px 0px; } .rightsideloader { width:490px; float:left; padding:20px; } .rightsideloader .ldheader { width:100%; float:left; margin:0px; padding:0px 0px 10px 0px; height:65px; } .rightsideloader .ldsearch { width:100%; float:left; margin:0px; padding:8px 0px; font-family:'OpenSansSemibold';font-weight:normal; font-size:13px; color:#666; text-align:left; } .rightsideloader .ldcontent { width:100%; float:left; } ul.ldsearchresult { margin:0px; padding:0px; list-style:none; } ul.ldsearchresult li { padding:1% 1% 1% 16%; margin:0px; float:left; width:83%; font-size:14px; color:#333333; text-align:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:19px; } ul.ldsearchresult li.ldspacer { height:5px; float:left; width:100%; } ul.ldsearchresult li span { color:#3F6198;} ul.ldsearchresult li blockquote { display:block; margin-bottom:5px;} .ldplane1 { background:url(../images/bgr/ldplane1.png) no-repeat 5px center #F0F0F0; } .ldplane2 { background:url(../images/bgr/ldplane2.png) no-repeat 5px center #F0F0F0; } .ldhotel { background:url(../images/bgr/ldhotel.png) no-repeat 5px center #F0F0F0; } .ldcar { background:url(../images/bgr/ldcar.png) no-repeat 5px center #F0F0F0; } .ldcruise { background:url(../images/bgr/cruiseicn.png) no-repeat 5px center #F0F0F0; } /*============================ CSS STYLE FOR UPDATED MY ACCOUNT PAGE ==============================*/ .edit_field { background-color:#EEEEEE; width:98%; padding:1%; border-radius:5px 5px 5px 5px; float:left;} .birthfield { padding-left:0px; } .birthfield .tclm, .birthfield .tclm1 { width:90%; float:left; margin-bottom:5px; clear:both; height:40px; } .birthfield .tclm .f-date-panel { width:75px!important; float:left; margin-right:8px; height:40px; } .birthfield .tclm .f-date-panel div, .birthfield .tclm .f-date-panel select { width:100%!important; } .birthfield .tclm .f-date-panel span {width:60%!important; } .birthfield .tclm .f-item { width:45%!important; float:left; margin-right:6px; } .birthfield .tclm .f-item select, .birthfield .tclm .f-item span { width:85%!important; float:left; margin-right:6px; font-size:12px; } /*======================== CSS STYLE FOR TRAVELER INFORMATION ==========================*/ .f-item-traveler { width:100%!important;} .f-item-traveler div { width:100%!important; } .f-item-traveler div select { width:90%!important;} .f-item-traveler div span { width:95%!important;} .f-item-date { width:165px!important;} .f-item-date div { width:165px!important; } .f-item-date div select { width:130px!important;} .f-item-date div span { width:130px!important;} .f-date-panel {width:180px!important; float:left; } .f-date-panel label { font:normal 1.2em 'OpenSansSemibold'; color:#3F3F3F; padding:0 0 5px; display:inline-block; width:100%; } .lnks { color:#496EAB; font-family: 'OpenSansSemibold'; font-style: italic; } .lnks:hover { color:Red; } .flConnect {color:#496EAB; font-size:12px; } /* By Anil */ .mainsearchttl { width:678px; float:left; margin:0px 0px 10px 0px; padding:0px 0px 0px 50px; background:url(../images/hotel_icon.jpg) no-repeat left top; font-size:12px; color:#333333; font-weight:bold;} .mainsearchttl .mainsrh { color:#043B7B; font-size:22px; font-weight:normal; line-height:28px;} .dotimg { background:url(../images/dot_sep.gif) no-repeat left 4px; width:10px; display:inline-block; margin:0px 5px; } .sort-by1 {float:left;width:100%;margin:0 0 20px;height:48px;background:#fff;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);} .sort-by1 h3 {float:left;display:block;padding:0 20px;font-size:1.4em;line-height:48px;} .sort1 {float:left;display:block;height:25px;margin:12px 0;border-right:1px solid #ccc;} .sort1 li {float:left;border-left:1px solid #ccc;padding:3px 15px;position:relative;} .sort1 li a {top:35px;right:13px;width:90px; display:inline-block; text-decoration:none;} .sort1 li:hover, sort1 li a:hover, sort-by1 li a.selected { background-color: #E6E6E6;display:inline-block; } .voucherttl { color: #609BD4; text-align: left; font-size: 16px; font-weight: bold; line-height: 25px; } .bluettlconfirm { font-weight: bold; font-size:15px; line-height: 20px; color: #609BD4!important; margin:0px 0px 5px 0px; padding: 5px 0px 0px 0px; } .rightinfo { float: right; width: 250px; margin: 10px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; line-height: 20px; } .clrblue {color: #2D6CA2;} .fnt12 {font-size: 12px !important;} .bold {font-weight: bold;} /* .carfrom {background:url(../images/bgr/ldcar.png) no-repeat 5px center #EEEEEE; } .carto { background:url(../images/bgr/ldcar.png) no-repeat 5px center #EEEEEE; } */ .carfrom {background-color:#EEEEEE; } .carto { background-color:#EEEEEE; } /* By Anil */ /* hotel result details popup */ #backgroundResult { background-color:#000; opacity: 0.7; position:absolute; width:100%; height:100%; z-index:2!important; margin:0px; padding:0px; left:0px; top:0px;} #popupmain { border:10px solid #D8D8D8; background-color:#fff; font-size:12px; color:#6A6A6A; line-height:20px; width:925px; z-index:99999; padding:10px 10px 0px 10px; } .btnclose { float:right; margin:-4px -23px 10px 0px; position:relative;} .popupscroll { width:925px; height:400px; overflow-x:none; overflow-y:scroll; margin:37px 0px 10px 0px ; border:1px solid #D8D8D8; float:left; overflow:auto; } #divImageGallary ul li{ background:none!important} .roundbox { background-color:#F0F0F0; width:96%; float:left !important; margin:0px 0px 5px 0px; padding:2%; color:#333; font-size:12px; line-height:20px; } .roundbox blockquote { margin:0px 0px 5px 0px; padding:0px; } .ppttl { font-size:13px; font-weight:bold; text-transform:uppercase; margin:0px; padding:0px; color:#4D8A17;} .ppttl span { margin-right:10px;} .sepdot { background:url(../images/dot_sep.gif) no-repeat left 6px; width:10px; display:inline-block; margin:0px 5px;} .clrmarron { color:#85203A;} /*=================================== CSS STYLE FOR POPUP TAB PANEL ====================================*/ ul.popupmenu { padding:0px; list-style:none; position:relative; margin:0px 0px 0px 0px; clear:both; left:12px; } ul.popupmenu li { float:left; margin:0px 0px 0px 12px; padding:0px; font-size:12px; } ul.popupmenu li a { float:left; margin:0px; padding:0px 0px 0px 5px; text-decoration:none; color:#666; font-weight:bold; } ul.popupmenu li a span { float:left; margin:0px; padding:5px 15px 5px 10px; text-decoration:none; color:#666; font-weight:bold; line-height:28px; } ul.popupmenu li a:hover { background:url(../images/nav-srv-left.png) no-repeat left top; text-decoration:none; cursor:pointer; } ul.popupmenu li a span:hover { background:url(../images/nav-srv-right.jpg) no-repeat right top; text-decoration:none; cursor:pointer; } ul.popupmenu li.activetab a { background:url(../images/nav-srv-left.png) no-repeat left top; text-decoration:none; } ul.popupmenu li.activetab a span { background:url(../images/nav-srv-right.jpg) no-repeat right top; text-decoration:none; } .popcontent1 {float:left; font-size:12px; clear:both; text-align:justify;font-family: Arial,Helvetica,sans-serif; color:#333!important;} .popcontent1 ul { margin:0px; padding:0px 0px 0px 10px; list-style:none; } .popcontent1 ul li { background:url(../images/liicon.jpg) no-repeat left 5px; padding:0px 0px 0px 18px; font-size:12px; line-height:19px; margin:5px 0px; text-align:justify; } .popcontent1 ul li a { color:#333; line-height:19px; } .popcontent1 ul li a:hover { color:#2C6CA1; line-height:19px; } .smallheading{ font-size:13px; font-weight:bold; text-transform:uppercase; margin:5px 0px 10px 0px; padding:0px; color:#4D8A17; display:block;} .domtab_left_col { width:48%!important; float:left!important; clear:none!important; } .domtab_right_col { width:48%!important; float:left !important; clear:none!important; margin:0px 0px 0px 2%;} .domtab_left_col { width:48%!important; float:left!important; clear:none!important; } .domtab_right_col { width:48%!important; float:left !important; clear:none!important; margin:0px 0px 0px 2%;} .clrblue {color: #2D6CA2;} .bold {font-weight:bold;} /*========================== CSS STYLE FOR TABLE DESIGN ============================*/ .gridbdr { font-size: 11px; color: #333333; } .gridbdr .head { font-size: 15px; color: #333333; padding: 4px 0px; background-color: #e8e8e8; } .gridbdr .head1 { font-size: 12px; color: #333333; padding: 4px 0px; background-color: #f8f8f8; font-weight: bold; text-indent: 3px; } .gridbdr .head_spc { font-size: 12px; color: #333333; padding: 4px 0px; background-color: #F9F4EE; font-weight: bold; text-indent: 3px; } .gridbdr .head2 { font-size: 11px; color: #333333; padding: 4px 0px; background-color: #f8f8f8; font-weight: bold; padding: 2px; } .gridbdr .total { background-color: #F9EAC6; font-size: 12px; color: #333333; padding: 4px 2px; font-weight: bold; border: 1px solid #F4D793; } .totalsummary { } .gridbdr td { border: 1px solid #e8e8e8; border-collapse: collapse; } .gridbdr th { border: 1px solid #e8e8e8; border-collapse: collapse; } .gridbdr .highlight:hover, .gridbdr .highlight.selected { background-color: #F0F0F0; } /* hotel result details popup */ .bookingSubTopic { color: #999999; padding-bottom: 0px; padding-left: 0px; padding-right: 0; padding-top: 15px; font-size:1.4em; font-family: 'ChunkFiveRegular'; line-height:1.2; } .tpttl1 { font-size:14px; color:#3F6098; line-height:20px; font-weight:bold; } /*===================================== Error Page =======================================*/ .errorbg { width: 569px; height: 281px; margin: 60px auto; background: url(../images/errorbg.jpg) no-repeat left top; padding: 0px 20px 0px 197px; } .errorbg .errortext { font-size: 14px; color: #464646; font-weight: bold; line-height: 22px; padding: 63px 0px 30px 0px; } .errorbg .contactviaphone { background: url(../images/contactviaphoneicon.png) no-repeat left top; padding: 6px 0px 0px 53px; margin: 0px; line-height: 32px; color: #367CB5; font-size: 38px; font-family: "arial narrow"; font-weight: bold; } .errorbg .contactviaphone b { font-weight: bold; color: #666666; font-size: 18px; padding-left: 5px; } .errorbg .contactviaphone b span { color: #387EB7; } .errorbg .iconhome { float: right; padding: 10px 0px; } ul.cruisesearch_new1 { margin: 0px; padding: 0px; list-style: none; } ul.cruisesearch_new1 li { padding: 5px 0px; margin: 0px; } ul.cruisesearch_new1 li select { margin: 0px; padding: 0px; } .cruiselabel { width: 100px; clear: both; } .nwspacer { clear: both; height: 5px; } .flight_table { border: 1px solid #cccccc; border-right: none; border-bottom: none; font-size: 12px; color: #666; line-height: 18px; } .divbox { border-right: solid 1px #cccccc; border-bottom: solid 1px #cccccc; border-collapse: separate; line-height: 18px; padding: 3px; text-align: center; width: 90px; } .autocomplete-w1 { background: url(/images/shadow.png) no-repeat bottom right; position: absolute; top: 0px; left: 0px; margin: 8px 0 0 6px; /* IE6 fix: */ _background: none; _margin: 0; } .autocomplete { font-size: 12px; border: 1px solid #999; background: #FFF; cursor: default; text-align: left; width: 100% !important; height: 100% !important; overflow: auto; margin: -6px 6px 6px -6px; /* IE6 specific: */ _height: 350px; _margin: 0; _overflow-x: hidden; } .autocomplete .selected { background: #F0F0F0; color: #000; } .autocomplete div { padding: 3px 5px; white-space: nowrap; } .autocomplete strong { font-weight: normal; color: #3399FF; } /*================================ CSS STYLE FOR HOTEL REVIEW ================================*/ #bnrinside { position:relative; clear:both; width:100%; text-align:center; height:121px;} #bnrinside img { width:100%; } .reviewimg { width:421px; } .reviewinfo { float:left; width:400px; margin-left:10px; font-size:12px; color:#666; line-height:20px; } .reviewttl { background:url(../images/bgr/reviewhdbg.jpg) repeat-x left bottom; line-height:30px; font-size:20px; font-weight:normal; padding:0px 0px 5px 5px; margin:0px 0px 10px 0px; color:#3F6098; display:inline-block; } .reviewinfo blockquote { padding:0px; margin:0px 0px 8px 0px; } .reviewinfo .reviewprice { font-size:40px; color:#990000; background:url(../images/bgr/iconprice.png) no-repeat left 5px; padding-left:60px; line-height:50px; } .reviewinfo .reviewprice sup { font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} .checkitinfo { background-color:#EEEEEE; font-size:12px; line-height:20px; color:#333; padding:5px!important; } .checkitinfo span { color:#3F6098; font-weight:bold; } ul.ruleslist { margin:0px; padding:0px; list-style:none; } ul.ruleslist li { background-color:#EEEEEE; padding:1% 1% 1% 11%; width:88%; float:left; margin-bottom:10px; min-height:70px; color:#333; } ul.ruleslist li p { margin:0px 0px 5px 0px; padding:0px; font-size:13px;} .rulesicon1 { background:url(../images/bgr/rulesicon.png) no-repeat 7px 7px; } .rulesicon11 { background:url(../images/bgr/rulesicon1.png) no-repeat 7px 7px; } .rulesiconcar { background:url(../images/bgr/taxicon.png) no-repeat 7px 7px; } .summarybox { width:93%!important; padding:3% 3% 0% 3%!important; padding-bottom:3%!important;} .summarybox h2 { width:98%; margin-bottom:7px; } .summarybox blockquote { background-color:#F0F0F0; padding:2%; width:96%; float:left; margin-bottom:7px; font-size:12px; color:#333; line-height:19px; font-family:Arial, Helvetica, sans-serif; } .bdttl { font-size:14px!important; font-weight:bold; } .summarybox blockquote p { margin:0px 0px 5px 0px; padding:0px; font-size:12px;} .summarybox blockquote td { padding:2px; } a.changelink { font-size:11px; color:#cc0000; text-decoration:underline; font-family:Arial, Helvetica, sans-serif; margin-right:8px; float:right; } /*================================ CSS STYLE FOR CAR LIST ================================*/ .carpc1 { width:135px; float:left; text-align:center; background-color:#EEEEEE; padding:10px 0px; } .carpc1 img { display:inline;} .carpc2 { margin-left:10px; width:430px; float:left; } .carpc2 h2 { margin:0px 0px 5px 0px; padding:0px; } .carpc2 p { margin:2px 0px; padding:0px; } .carpc3 { width:110px; float:left; text-align:center; } /*.carpc3 a { font-size:12px; color:#666; text-decoration:underline; }*/ .carpc3 h3 { color:#990000; font-size:24px; margin:0px 0px 0px 0px; padding:0px; } .carpc4 { width:148px; float:left; text-align:center; padding:10px 0px; } a.booknow { background-color:#3F6098; padding:6px 20px; border-radius:25px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; } a.booknow:hover { background-color:#56A74B; padding:6px 20px; border-radius:25px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; } /* anil farelink for car*/ .carpc3 a { font-size:12px; color:#666; text-decoration:underline; cursor:pointer; position:relative; } .carpc3 a div.farelist { display:none;} .carpc3 a:hover div.farelist { position:absolute; z-index:999; width:248px; right:0px; top:16px; display:block; background-color:#fff; border:1px solid #3F5F98; border-radius:5px; text-align:left; } .carpc3 a:hover div.farelist .ftd { background-color:#3F5F98; line-height:20px; color:#fff; font-size:12px; font-weight:bold; } .carpc3 a:hover div.farelist table { border:none;} .carpc3 a:hover div.farelist td { padding:5px; border:none; font-size:11px; color:#333; font-weight:normal; } .carpc3 a:hover div.farelist td.btmlast { border-top:1px solid #3F5F98; } /* anil end farelink for car*/ /*================================ CSS STYLE FOR CAR FORm ================================*/ .datepicker-time { float:left; position:relative; width:70px; } .datepicker-time .selector { margin:0px!important; padding:0px; width:70px!important; } .datepicker-time select { width:70px!important;} .datepicker-time span { width:45px!important;} .datepicker-time label { padding:4px 0px!important; margin:0px;} /*====== COLUMN SECTION DIVIDE ======== */ .firstwidth1 { width:150px!important;} .firstwidth { width:238px!important;} .firstwidth input[type='text'] { width:215px!important;} .secondwidth { width:110px!important; } .secondwidth_2 { width:110px!important; } .secondwidth input[type='text'] { width:90px!important;} .secondwidth_2 input[type='text'] { width:90px!important;} .thirdwidth { width:32%!important; margin:0px 1% 0px 0%!important;} .thirdwidth_2 { width:32%!important; margin:0px 1% 0px 0%!important;} .thirdwidth_3 { width:33%!important; margin:0px 0% 0px 0%!important;} .pickupdate { width:150px; } .pickupdate span { margin-top:-5px;} .datepickercar { width:100%; float:left;} .datepickercar input { width:105px!important; float:left;} .datepickercar img { margin-top:0px; } .carselectime { width:50%; float:left; } .carselectime div { width:95%; float:left; } .carselectime div span { width:90%!important; } .firstwidth1 { width:230px!important;} .firstwidth1 input[type='text'] { width:210px!important;} .main-search .f-itemcru .selector span {width:210px;background-position:97% 8px;} .main-search .f-itemcru select {width:230px;} .main-search .f-itemcru label {display: inline-block; font-family: 'OpenSansRegular'; font-size: 1.3em; padding: 0 0 8px; width: 100%; } .main-search .radios1 {width:250px;background:none;padding:0;margin:0 0 0 20px;} .main-search .radios1 .f-item {width:230px;} .main-search .radios1 label {display: inline-block; font-family: 'OpenSansRegular'; font-size: 1.3em; padding: 0 0 8px; width: 100%; } /* Anil Cruise Cruise */ .lblGreen {color: #1E8D3E;font-size:12px; font-weight:bold; padding:5px 5px 5px 5px; line-height:10px; text-align:left;} .cruisesubdetails { float:left; width:670px; padding:10px 5px 10px 8px; line-height:20px; } .cruiseraw { background-color:#EEEEEE; } .c-subdiv table { width:100%; font-family:Arial; border:1px solid #EEEEEE !important; } .c-subdiv table th { padding:8px 10px;border:1px solid #ccc !important; background-color:#EEEEEE; text-align: left; font-weight: normal; font-size:11px; font-weight:bold; color:#228B22; } .c-subdiv table td { padding:2px 10px; border:1px solid #ccc !important; font-size:11px; } .cruisedetails { background-color:#fff; float:right; width:773px; padding:0px; min-height:150px; } .c-subdiv { width:685px; float:left; margin-left:60px; padding:0px; margin-bottom:10px; } .c-subdiv h1 { width:auto!important;} .listbtn1 { font:normal 1.1em/20px 'OpenSansBold'; text-transform:uppercase; text-decoration:none; color:#fff; height:23px; padding:3px 15px; text-align:center; display:inline-block; background-color:#228B22; text-shadow:0 -1px 0 rgba(0,0,0,0.2); border-radius:15px; -webkit-text-shadow:0 -1px 0 rgba(0,0,0,0.2); -moz-text-shadow:0 -1px 0 rgba(0,0,0,0.2); -moz-border-radius:15px; -webkit-border-radius:15px; margin:4px 2px; } .crimg { float:left; width:180px; } .crdetails { float:left; width:490px; font-size:12px; } .crdetails .crttl { float:left; width:490px; font-size:14px; color:#3F6198; font-weight:bold; } .crdetails blockquote { width:100%; float:left; margin-bottom:5px; } a.crbtn { background-color:#228b22; padding:3px 10px; line-height:20px; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; border-radius:5px; font-family:arial; } .sortby {float:left;width:100%;margin:0 0 20px;height:48px;background:#fff;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);} .sortby h3 {float:left;display:block;padding:0 20px;font-size:1.4em;line-height:48px;} .sortby selector {position:relative;border:1px solid #ccc;line-height:30px;height: 30px;margin:0 0 0 -2px;font:normal 1.2em 'OpenSansRegular';color:#999;background:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);-moz-box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);} .sortby selector span {display:inline-block;width:95px;line-height:31px;height: 30px;padding:0 10px;background:url(../images/ico/spinner.png) 95% 8px no-repeat;} .sortby selector select {position:absolute;top: 10px;left: 0;font:normal 12px 'OpenSansRegular';color:#666;border:none;} .sortby selector option {font:normal 12px 'OpenSansRegular';color:#666;border:none;} .tab-content1 {float:right;width:650px;} .tab-content1 article {float:left;width:610px;padding:12px 20px 20px;margin:0 0 20px;background:#fff;webkit-box-shadow:0 0 2px rgba(0,0,0,0.1);-moz-box-shadow:0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 2px rgba(0,0,0,0.1);} .tab-content1 h1 {display:inline-block;font-size:1.7em;color:#B9ACA4;padding:0 0 10px;margin:0 0 15px;text-indent:10px;border-bottom:1px solid #ccc;width:100%;-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow:none;} .tab-content1 .text-wrap {width:590px !important;} .tab-content1 p .date {font-family:'OpenSansSemibold';} .tab-content1 hr {margin:0 0 15px;} .tab-content1 table {width:100%;font-size:13px;} .tab-content1 table th {padding:5px 20px;border:1px solid #ccc;background:#E9E6E0;text-align: left; font-weight: normal; width:230px;} .tab-content1 table td {padding:5px 20px;border:1px solid #ccc;} .tab-content1 .deals .full-width {padding:0;width:650px;} .tab-content1 .deals .full-width h1 {font-size:1.8em;padding:0 0 4px;color:#666;border:none;margin:0;text-indent:0;} .tab-content1 .deals .full-width figure {width:152px;overflow:hidden;} .tab-content1 .deals .full-width .details {width:318px;} .tab-content1 .deals .full-width .description {width:320px;height:57px;overflow:hidden;} .tab-content1 .row {float:left;display:block;width:100%;} .tab-content1 .f-item {width:560px;padding:14px 20px 6px 0;margin:0;float:left;} .tab-content1 .twins .f-item {width:200px;} .tab-content1 .triplets .f-item {width:200px;} .tab-content1 .info {float:left;display:block;width:230px;font:italic 1.2em/30px 'OpenSansRegular';color:#3F3F3F;padding:38px 0 0;} .tab-content1 .f-item select {width:100px;} .tab-content1 div.selector {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;} .tab-content1 div.selector span {width:70px;background-position:97% 8px;} .tab-content1 .triplets .datepicker {width:200px;} .tab-content1 .triplets .datepicker input {width:100px;} .tab-content1 .triplets .ui-datepicker-trigger {left:145px;top:7px;} .tab-content1 .triplets .last {width:100px;} .tab-content1 .triplets .last input {width:100px;} .tab-content1 div.selector {width:120px;position:relative;border:1px solid #ccc;line-height:30px;height: 30px;margin:0 0 0 -2px;font:normal 1.2em 'OpenSansRegular';color:#999;background:#fff;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);-moz-box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);box-shadow:0 1px 1px rgba(204, 204, 204, 1) inset, 0 1px 0 rgba(255,255,255,1);} .tab-content1 div.selector span {display:inline-block;width:95px;line-height:31px;height: 30px;padding:0 10px;background:url(../images/ico/spinner.png) 95% 8px no-repeat;} .tab-content1 div.selector select {position:absolute;top: 10px;left: 0;font:normal 12px 'OpenSansRegular';color:#666;border:none;} .tab-content1 div.selector option {font:normal 12px 'OpenSansRegular';color:#666;border:none;} .crupc1 { width:135px; float:left; text-align:center; background-color:#EEEEEE; padding:10px 0px; } .crupc1 img { display:inline;} .crupc2 { margin-left:10px; width:250px; float:left; } .crupc2 h2 { margin:0px 0px 5px 0px; padding:0px; } .crupc2 p { margin:2px 0px; padding:0px; } .crupc3 { width:230px; float:left; text-align:right; } .crupc3 a { font-size:12px; color:#666; text-decoration:underline; } .crupc3 h3 { color:#990000; font-size:24px; margin:0px 0px 0px 0px; padding:0px; } .crupc4 { width:148px; float:left; text-align:center; padding:15px 0px; } a.booknow { background-color:#3F6098; padding:6px 20px; border-radius:25px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; } a.booknow:hover { background-color:#56A74B; padding:6px 20px; border-radius:25px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; } .cruh3 { border-bottom: 1px solid #CCCCCC; color: #B9ACA4; display: inline-block; margin: 0 0 15px; padding: 0 0 10px; text-indent: 10px; width: 100%; } .crupc5 { margin-left:10px; width:170px; float:left; text-align: center; } .crupc5 h2 { margin:0px 0px 5px 0px; padding:0px; } .crupc5 p { margin:2px 0px; padding:0px; } .crubooknow { background-color:#3F6098; padding:6px 20px; border-radius:25px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; } .crubooknow:hover { background-color:#56A74B; padding:6px 20px; border-radius:25px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; font-family:Arial, Helvetica, sans-serif; } .f-itemcru-4 { width:152px!important;}/*72*/ .f-itemcru-4 div { width:150px!important; }/*70*/ .f-itemcru-4 div select { width:149px!important;}/*69*/ .f-itemcru-4 div span { width:120px!important;}/*40*/ /*Anil Cruise Cruise */ /*================================= CSS STYLE FOR CRUISE COMPARISION ===================================*/ a.btngreen { background-color:#4D9E42; padding:2px 10px; line-height:20px; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; border-radius:5px; font-family:Arial, Helvetica, sans-serif; } .complist { width:275px; float:left; margin-right:2px; } .complist ul { margin:0px; padding:0px; list-style:none;} .complist ul li { width:277px; float:left; text-align:center; border-bottom:1px solid #f0f0f0; padding:4px 0px; font-size:12px; line-height:19px; color:#333; } /*MY ACCOUNT*/ .bookings h1,.mysettings h1 {margin:0;} .bookings h1 a {text-decoration:none;color:#B9ACA4;} .bookings h1 a:hover {text-decoration:underline;} .bookings .b-info {float:left;width:72%;} .bookings .actions {float:right;width:25%;margin-top:10px;} .bookings .actions .gradient-button {position:static;padding:0;width:100%;margin:0 0 10px;} .tab-content .bookings th, .tab-content .mysettings th{background:none;width:25%;color:#3F6098;font-family:'OpenSansSemibold';padding:10px;border:none;border-bottom:1px solid #ccc;} .tab-content .bookings td, .tab-content .mysettings td {padding:10px;border:none;border-bottom:1px solid #ccc;} .tab-content .mysettings td:last-child {text-align:right;width:30px;} .myreviews .score {float:left;width:25%;margin:8px 0 0;} .myreviews .reviews {float:right;width:72%;} .edit_field {font-size:1em;margin:10px 0 0;padding:10px;} .edit_field label, .edit_field input, .edit_field a {font-size:12px;margin:0 0 10px;display:inline-block;} .edit_field .gradient-button {font-size:11px;} /************************************** Css Style for Attention Boxes ***************************************/ #errorbox { width: 100%; float: left; } .attention { width: 93%; margin: 5px auto 5px auto; font-size: 14px; text-align:justify; border: 1px solid #F0B500; color: #CFAA29; background: url(../images/icon_attention.jpg) no-repeat 10px 11px #FEFCCC; line-height: 40px; padding: 0px 1% 0px 5%; margin-bottom: 10px; } .sucess { width: 93%; margin: 5px auto 5px auto; font-size: 14px; border: 1px solid #6FB328; color: #65A642; background: url(../images/icon_sucess.jpg) no-repeat 10px 11px #EAF8D5; text-align:justify; line-height: 40px; padding: 0px 1% 0px 5%; margin-bottom: 10px; } .error { width: 93%; margin: 5px auto 5px auto; font-size: 14px; border: 1px solid #E98585; color: #9A4A2F; text-align:justify; background: url(../images/icon_error.jpg) no-repeat 10px 11px #FFECE6; line-height: 16px; padding: 12px 1% 12px 5%; margin-bottom: 10px; } .information { width: 93%; margin: 5px auto 5px auto; font-size: 14px; border: 1px solid #37AFBD; text-align:justify; color: #49A6B7; background: url(../images/icon_information.jpg) no-repeat 10px 11px #D2EEF1; line-height: 16px; padding: 12px 1% 12px 5%; margin-bottom: 10px; } .starlabel { float:left; font-size:13px!important; color:#999!important; margin-right:10px; line-height:22px; } .clssort { float:left;} /*============== CSS STYLE FOR NO DATA FOUND ERROR ================*/ .noresultfound { background-color:#fff; box-shadow:0px 2px 4px #999; clear:both; margin:0px; padding:15px 0px; position:relative; text-align:center; } .noresultfound img { display:inline-block;} .noresultfound h3, .noresultfound p { text-align:center; } /*=========================== CSS STYLE FOR CAR SEARCH BOLT 131113 =============================*/ .cardropdown { position:relative;} .cardropdown img { left:91%;} /*============================ CSS STYLE FOR CAR SEARCH RESULT 131113 =============================*/ .cardropdown1 { position:relative;} .cardropdown1 img{top:54%;} .cardropdown1 img{left:60%;}