/***********************************/ /* SEARCHES */ /***********************************/ /*div.search_container { margin-bottom: 3%; overflow: auto; background: #cf142b; padding: 2%; }*/ div.search_container { margin-bottom: 3%; overflow: visible; background: #cf142b; padding: 2%; } div.search_container:before, div.search_container:after { content: " "; /* 1 */ display: table; /* 2 */ } div.search_container:after { clear: both; } div.search_container h3 { margin: 0 0 0.4em 0; color: #fff; } div.search_container p { float: left; margin: 0 0 1% 0; padding: 0; } div.search_container label { width: 100%; font-size: 16px; font-size: 1.6rem; float: left; color: #fff; } div.search_container label + label { margin-left: 10px; } div.search_container label:not(:only-of-type) { width: auto; height: 30px; line-height: 30px; white-space: nowrap; } div.search_container label:not(:only-of-type) input { height: 30px; width: auto; background: none; } div.search_container input { border: 0; background: #fff; font-size: 18px; font-size: 1.8rem; height: 40px; height: 4.0rem; line-height: 40px; line-height: 4.0rem; padding: 0em 0.6em; float: left; max-width: 100%; width: 100%; box-sizing: border-box; } div.search_container input:disabled { opacity: 0.5; } div.search_container input[type=radio] { margin-right: 0.5em; } div.search_container input[type=date] { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 100%; min-width: 9em; -webkit-appearance: none; -moz-appearance: none; background-image: url(/images/datepicker.png); background-position: right center; background-repeat: no-repeat; background-size: auto 100%; } div.search_container input[type=date]::-webkit-inner-spin-button, div.search_container input[type=date]::-webkit-clear-button, div.search_container input[type=date]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; } div.search_container select { border: 0; background: #fff; font-size: 18px; font-size: 1.8rem; height: 40px; height: 4.0rem; line-height: 40px; line-height: 4.0rem; padding: 0em 0.6em; float: left; width: 100%; box-sizing: border-box; overflow: hidden; } html.oldie div.search_container select { padding-top: 7px; padding-bottom: 7px; line-height: 18px; height: auto; } div.search_container input.search_submit { background: #0033cc; color: #fff; width: 100%; } div.search_container input.search_submit:hover { background: #3366ff; } #flight_search p:nth-of-type(1) { width: 100%; margin-right: 0; } #flight_search p:nth-of-type(2) { width: 49%; margin-right: 2%; } #flight_search p:nth-of-type(3) { width: 49%; margin-right: 0; } #flight_search p:nth-of-type(4) { width: 49%; margin-right: 2%; } #flight_search p:nth-of-type(5) { width: 49%; margin-right: 0; } #flight_search p:nth-of-type(6) { width: 100%; margin-right: 0; margin-top: 3%; } /*#flight_search p:nth-of-type(6) { width: 49%; margin-right: 0; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #flight_search p:nth-of-type(2) { width: 100%; margin-right: 0; } #flight_search p:nth-of-type(3) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #flight_search p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #flight_search p { width: 100% !important; margin-right: 0 !important; } #flight_search p { font-size: 16px; } #flight_search label, #flight_search input { font-size: 16px !important; } } @media only screen and (max-width: 640px) { div.search_container { padding: 3%; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #site_search p:nth-of-type(1) { width: 77%; margin-right: 3%; margin-top: 1%; } #site_search p:nth-of-type(2) { width: 20%; margin-right: 0; margin-top: 1%; } /*#site_search p:nth-of-type(6) { width: 49%; margin-right: 0; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #site_search p:nth-of-type(2) { width: 100%; margin-right: 0; } #site_search p:nth-of-type(3) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #site_search p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #site_search p { width: 100% !important; margin-right: 0 !important; } #site_search p { font-size: 16px; } #site_search label, #site_search input { font-size: 16px !important; } } @media only screen and (max-width: 640px) { div.search_container { padding: 3%; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #holiday_search p:nth-of-type(1) { width: 49%; margin-right: 2%; } #holiday_search p:nth-of-type(2) { width: 49%; margin-right: 0; } #holiday_search p:nth-of-type(3) { width: 32%; margin-right: 2%; } #holiday_search p:nth-of-type(4) { width: 32%; margin-right: 2%; } #holiday_search p:nth-of-type(5) { width: 32%; margin-right: 0%; } #holiday_search p:nth-of-type(6) { width: 100%; margin-right: 0; margin-top: 3%; } /*#holiday_search p:nth-of-type(6) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #holiday_search p:nth-of-type(1) { width: 100%; margin-right: 0; } #holiday_search p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #holiday_search p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #holiday_search p { width: 100% !important; margin-right: 0 !important; } #holiday_search p { font-size: 16px; } #holiday_search label, #holiday_search input, #holiday_search select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #villa_search p:nth-of-type(1) { width: 49%; margin-right: 2%; } #villa_search p:nth-of-type(2) { width: 49%; margin-right: 0; } #villa_search p:nth-of-type(3) { width: 49%; margin-right: 2%; } #villa_search p:nth-of-type(4) { width: 49%; margin-right: 0; } #villa_search p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #villa_search p:nth-of-type(1) { width: 100%; margin-right: 0; } #villa_search p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #villa_search p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #villa_search p { width: 100% !important; margin-right: 0 !important; } #villa_search p { font-size: 16px; } #villa_search label, #villa_search input, #villa_search select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #destination_search p:nth-of-type(1) { width: 100%; margin-right: 0%; margin-top: 0%; } #destination_search p:nth-of-type(2) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #destination_search p:nth-of-type(1) { width: 100%; margin-right: 0; } #destination_search p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #destination_search p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #destination_search p { width: 100% !important; margin-right: 0 !important; } #destination_search p { font-size: 16px; } #destination_search label, #destination_search input, #destination_search select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #destination_finder p:nth-of-type(1) { width: 49%; margin-right: 2%; margin-top: 0%; } #destination_finder p:nth-of-type(2) { width: 49%; margin-right: 0%; } #destination_finder p:nth-of-type(3) { width: 32%; margin-right: 2%; } #destination_finder p:nth-of-type(4) { width: 32%; margin-right: 2%; } #destination_finder p:nth-of-type(5) { width: 32%; margin-right: 0%; } #destination_finder p:nth-of-type(6) { width: 32%; margin-right: 2%; } #destination_finder p:nth-of-type(7) { width: 32%; margin-right: 2%; } #destination_finder p:nth-of-type(8) { width: 32%; margin-right: 0%; } #destination_finder p:nth-of-type(9) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #destination_finder p:nth-of-type(1) { width: 100%; margin-right: 0; } #destination_finder p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #destination_finder p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #destination_finder p { width: 100% !important; margin-right: 0 !important; } #destination_finder p { font-size: 16px; } #destination_finder label, #destination_finder input, #destination_finder select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #whentotravel p:nth-of-type(1) { width: 100%; margin-right: 0%; } #whentotravel p:nth-of-type(2) { width: 32%; margin-right: 2%; } #whentotravel p:nth-of-type(3) { width: 32%; margin-right: 2%; } #whentotravel p:nth-of-type(4) { width: 32%; margin-right: 0%; } #whentotravel p:nth-of-type(5) { width: 32%; margin-right: 2%; } #whentotravel p:nth-of-type(6) { width: 32%; margin-right: 2%; } #whentotravel p:nth-of-type(7) { width: 32%; margin-right: 0%; } #whentotravel p:nth-of-type(8) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #whentotravel p:nth-of-type(1) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #whentotravel p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #whentotravel p { width: 100% !important; margin-right: 0 !important; } #whentotravel p { font-size: 16px; } #whentotravel label, #whentotravel input, #whentotravel select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #compareweather p:nth-of-type(1) { width: 49%; margin-right: 2%; margin-top: 0%; } #compareweather p:nth-of-type(2) { width: 49%; margin-right: 0%; } #compareweather p:nth-of-type(3) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #compareweather p:nth-of-type(1) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #compareweather p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #compareweather p { width: 100% !important; margin-right: 0 !important; } #compareweather p { font-size: 16px; } #compareweather label, #compareweather input, #compareweather select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #hotel_search p:nth-of-type(1) { width: 66%; margin-right: 2%; } #hotel_search p:nth-of-type(2) { width: 32%; margin-right: 0; } #hotel_search p:nth-of-type(3) { width: 49%; margin-right: 2%; } #hotel_search p:nth-of-type(4) { width: 49%; margin-right: 0%; } #hotel_search p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } /*#hotel_search p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #hotel_search p:nth-of-type(1) { width: 100%; margin-right: 0; } #hotel_search p:nth-of-type(2) { width: 32%; margin-right: 2%; } #hotel_search p:nth-of-type(3) { width: 32%; margin-right: 2%; } #hotel_search p:nth-of-type(4) { width: 32%; margin-right: 0%; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #hotel_search p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #hotel_search p { width: 100% !important; margin-right: 0 !important; } #hotel_search p { font-size: 16px; } #hotel_search label, #hotel_search input, #hotel_search select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #car_hire_search p:nth-of-type(1) { width: 66%; margin-right: 2%; } #car_hire_search p:nth-of-type(2) { width: 32%; margin-right: 0; } #car_hire_search p:nth-of-type(3) { width: 49%; margin-right: 2%; } #car_hire_search p:nth-of-type(3) input { width: 48%; margin-right: 4%; } #car_hire_search p:nth-of-type(3) select { width: 100px; } #car_hire_search p:nth-of-type(4) { width: 49%; margin-right: 0%; } #car_hire_search p:nth-of-type(4) input { width: 48%; margin-right: 4%; } #car_hire_search p:nth-of-type(4) select { width: 100px; } #car_hire_search p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } /*#car_hire_search p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 900px) and (max-width: 980px) { #car_hire_search p:nth-of-type(1) { width: 100%; margin-right: 0; } #car_hire_search p:nth-of-type(2) { width: 100%; margin-right: 0; } #car_hire_search p:nth-of-type(3) { width: 100%; margin-right: 0; } #car_hire_search p:nth-of-type(4) { width: 100%; margin-right: 0; } } @media only screen and (max-width: 640px) { #car_hire_search p { width: 100% !important; margin-right: 0 !important; } #car_hire_search p { font-size: 16px; } #car_hire_search label, #car_hire_search input, #car_hire_search select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #airport_parking_search p:nth-of-type(1) { width: 100%; margin-right: 0%; } #airport_parking_search p:nth-of-type(2) { width: 49%; margin-right: 2%; } #airport_parking_search p:nth-of-type(2) input { width: 48%; margin-right: 4%; } #airport_parking_search p:nth-of-type(2) select { width: 100px; } #airport_parking_search p:nth-of-type(3) { width: 49%; margin-right: 0%; } #airport_parking_search p:nth-of-type(3) input { width: 48%; margin-right: 4%; } #airport_parking_search p:nth-of-type(3) select { width: 100px; } #airport_parking_search p:nth-of-type(4) { width: 100%; margin-right: 0; margin-top: 3%; } /*#airport_parking_search p:nth-of-type(4) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 900px) and (max-width: 980px) { #airport_parking_search p:nth-of-type(1) { width: 100%; margin-right: 0; } #airport_parking_search p:nth-of-type(2) { width: 100%; margin-right: 0; } #airport_parking_search p:nth-of-type(3) { width: 100%; margin-right: 0; } } @media only screen and (max-width: 640px) { #airport_parking_search p { width: 100% !important; margin-right: 0 !important; } #airport_parking_search p { font-size: 16px; } #airport_parking_search label, #airport_parking_search input, #airport_parking_search select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #alamogold p:nth-of-type(1) { width: 100%; margin-right: 0; } #alamogold p:nth-of-type(2) { width: 100%; margin-right: 0; } #alamogold p:nth-of-type(3) { width: 49%; margin-right: 2%; } #alamogold p:nth-of-type(3) input { width: 48%; margin-right: 4%; } #alamogold p:nth-of-type(3) select { width: 100px; } #alamogold p:nth-of-type(4) { width: 49%; margin-right: 0%; } #alamogold p:nth-of-type(4) input { width: 48%; margin-right: 4%; } #alamogold p:nth-of-type(4) select { width: 100px; } #alamogold p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } /*#alamogold p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 900px) and (max-width: 980px) { #alamogold p:nth-of-type(1) { width: 100%; margin-right: 0; } #alamogold p:nth-of-type(2) { width: 100%; margin-right: 0; } #alamogold p:nth-of-type(3) { width: 100%; margin-right: 0; } #alamogold p:nth-of-type(4) { width: 100%; margin-right: 0; } } @media only screen and (max-width: 640px) { #alamogold p { width: 100% !important; margin-right: 0 !important; } #alamogold p { font-size: 16px; } #alamogold label, #alamogold input, #alamogold select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #balowfarefinder p:nth-of-type(1) { width: 100%; margin-right: 0; } #balowfarefinder p:nth-of-type(2) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #balowfarefinder p:nth-of-type(1) { width: 100%; margin-right: 0; } #balowfarefinder p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #balowfarefinder p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #balowfarefinder p { width: 100% !important; margin-right: 0 !important; } #balowfarefinder p { font-size: 16px; } #balowfarefinder label, #balowfarefinder input, #balowfarefinder select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #baholidayfinder p:nth-of-type(1) { width: 100%; margin-right: 0; margin-top: 2%; } #baholidayfinder p:nth-of-type(2) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #baholidayfinder p:nth-of-type(1) { width: 100%; margin-right: 0; } #baholidayfinder p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #baholidayfinder p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #baholidayfinder p { width: 100% !important; margin-right: 0 !important; } #baholidayfinder p { font-size: 16px; } #baholidayfinder label, #baholidayfinder input, #baholidayfinder select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #baholidays p:nth-of-type(1) { width: 66%; margin-right: 2%; } #baholidays p:nth-of-type(2) { width: 32%; margin-right: 0; } #baholidays p:nth-of-type(3) { width: 66%; margin-right: 2%; } #baholidays p:nth-of-type(4) { width: 32%; margin-right: 0%; } #baholidays p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } /*#baholidays p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #baholidays p:nth-of-type(1) { width: 100%; margin-right: 0; } #baholidays p:nth-of-type(2) { width: 32%; margin-right: 2%; } #baholidays p:nth-of-type(3) { width: 32%; margin-right: 2%; } #baholidays p:nth-of-type(4) { width: 32%; margin-right: 0%; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #baholidays p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #baholidays p { width: 100% !important; margin-right: 0 !important; } #baholidays p { font-size: 16px; } #baholidays label, #baholidays input, #baholidays select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #expediaholidays p:nth-of-type(1) { width: 66%; margin-right: 2%; } #expediaholidays p:nth-of-type(2) { width: 32%; margin-right: 0; } #expediaholidays p:nth-of-type(3) { width: 66%; margin-right: 2%; } #expediaholidays p:nth-of-type(4) { width: 32%; margin-right: 0%; } #expediaholidays p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } /*#expediaholidays p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #expediaholidays p:nth-of-type(1) { width: 100%; margin-right: 0; } #expediaholidays p:nth-of-type(2) { width: 32%; margin-right: 2%; } #expediaholidays p:nth-of-type(3) { width: 32%; margin-right: 2%; } #expediaholidays p:nth-of-type(4) { width: 32%; margin-right: 0%; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #expediaholidays p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #expediaholidays p { width: 100% !important; margin-right: 0 !important; } #expediaholidays p { font-size: 16px; } #expediaholidays label, #expediaholidays input, #expediaholidays select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #firstchoice p:nth-of-type(1) { width: 66%; margin-right: 2%; } #firstchoice p:nth-of-type(2) { width: 32%; margin-right: 0; } #firstchoice p:nth-of-type(3) { width: 66%; margin-right: 2%; } #firstchoice p:nth-of-type(4) { width: 32%; margin-right: 0%; } #firstchoice p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } /*#firstchoice p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #firstchoice p:nth-of-type(1) { width: 100%; margin-right: 0; } #firstchoice p:nth-of-type(2) { width: 32%; margin-right: 2%; } #firstchoice p:nth-of-type(3) { width: 32%; margin-right: 2%; } #firstchoice p:nth-of-type(4) { width: 32%; margin-right: 0%; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #firstchoice p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #firstchoice p { width: 100% !important; margin-right: 0 !important; } #firstchoice p { font-size: 16px; } #firstchoice label, #firstchoice input, #firstchoice select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #firstchoicelates p:nth-of-type(1) { width: 100%; margin-right: 0; margin-top: 2%; } #firstchoicelates p:nth-of-type(2) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #firstchoicelates p:nth-of-type(1) { width: 100%; margin-right: 0; } #firstchoicelates p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #firstchoicelates p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #firstchoicelates p { width: 100% !important; margin-right: 0 !important; } #firstchoicelates p { font-size: 16px; } #firstchoicelates label, #firstchoicelates input, #firstchoicelates select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #floridatix p:nth-of-type(1) { width: 100%; margin-right: 0; margin-top: 2%; } #floridatix p:nth-of-type(2) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #floridatix p:nth-of-type(1) { width: 100%; margin-right: 0; } #floridatix p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #floridatix p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #floridatix p { width: 100% !important; margin-right: 0 !important; } #floridatix p { font-size: 16px; } #floridatix label, #floridatix input, #floridatix select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #helounges p:nth-of-type(1) { width: 49%; margin-right: 2%; } #helounges p:nth-of-type(2) { width: 49%; margin-right: 0%; } #helounges p:nth-of-type(2) input { width: 48%; margin-right: 4%; } #helounges p:nth-of-type(2) select { width: 100px; } #helounges p:nth-of-type(3) { width: 15%; margin-right: 2%; } #helounges p:nth-of-type(4) { width: 15%; margin-right: 2%; } #helounges p:nth-of-type(5) { width: 15%; margin-right: 2%; } #helounges p:nth-of-type(6) { width: 30%; margin-right: 0; } #helounges p:nth-of-type(7) { width: 100%; margin-right: 0; margin-top: 3%; } /*#helounges p:nth-of-type(4) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 900px) and (max-width: 980px) { #helounges p:nth-of-type(1) { width: 100%; margin-right: 0; } #helounges p:nth-of-type(2) { width: 100%; margin-right: 0; } #helounges p:nth-of-type(3) { width: 100%; margin-right: 0; } } @media only screen and (max-width: 640px) { #helounges p { width: 100% !important; margin-right: 0 !important; } #helounges p { font-size: 16px; } #helounges label, #helounges input, #helounges select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #heparking p:nth-of-type(1) { width: 100%; margin-right: 0%; } #heparking p:nth-of-type(2) { width: 49%; margin-right: 2%; } #heparking p:nth-of-type(2) input { width: 48%; margin-right: 4%; } #heparking p:nth-of-type(2) select { width: 100px; } #heparking p:nth-of-type(3) { width: 49%; margin-right: 0%; } #heparking p:nth-of-type(3) input { width: 48%; margin-right: 4%; } #heparking p:nth-of-type(3) select { width: 100px; } #heparking p:nth-of-type(4) { width: 100%; margin-right: 0; margin-top: 3%; } /*#heparking p:nth-of-type(4) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 900px) and (max-width: 980px) { #heparking p:nth-of-type(1) { width: 100%; margin-right: 0; } #heparking p:nth-of-type(2) { width: 100%; margin-right: 0; } #heparking p:nth-of-type(3) { width: 100%; margin-right: 0; } } @media only screen and (max-width: 640px) { #heparking p { width: 100% !important; margin-right: 0 !important; } #heparking p { font-size: 16px; } #heparking label, #heparking input, #heparking select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #holidayautos p:nth-of-type(1) { width: 66%; margin-right: 2%; } #holidayautos p:nth-of-type(2) { width: 32%; margin-right: 0; } #holidayautos p:nth-of-type(3) { width: 49%; margin-right: 2%; } #holidayautos p:nth-of-type(3) input { width: 48%; margin-right: 4%; } #holidayautos p:nth-of-type(3) select { width: 100px; } #holidayautos p:nth-of-type(4) { width: 49%; margin-right: 0%; } #holidayautos p:nth-of-type(4) input { width: 48%; margin-right: 4%; } #holidayautos p:nth-of-type(4) select { width: 100px; } #holidayautos p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } /*#holidayautos p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 900px) and (max-width: 980px) { #holidayautos p:nth-of-type(1) { width: 100%; margin-right: 0; } #holidayautos p:nth-of-type(2) { width: 100%; margin-right: 0; } #holidayautos p:nth-of-type(3) { width: 100%; margin-right: 0; } #holidayautos p:nth-of-type(4) { width: 100%; margin-right: 0; } } @media only screen and (max-width: 640px) { #holidayautos p { width: 100% !important; margin-right: 0 !important; } #holidayautos p { font-size: 16px; } #holidayautos label, #holidayautos input, #holidayautos select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #iberostar p:nth-of-type(1) { width: 100%; margin-right: 0; margin-top: 2%; } #iberostar p:nth-of-type(2) { width: 32%; margin-right: 2; } #iberostar p:nth-of-type(2) input { width: 90%; margin-right: 10%; } #iberostar p:nth-of-type(3) { width: 32%; margin-right: 2; } #iberostar p:nth-of-type(3) input { width: 90%; margin-right: 10%; } #iberostar p:nth-of-type(4) { width: 32%; margin-right: 0; } #iberostar p:nth-of-type(4) input { width: 90%; margin-right: 10%; } #iberostar p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #iberostar p:nth-of-type(1) { width: 100%; margin-right: 0; } #iberostar p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #iberostar p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #iberostar p { width: 100% !important; margin-right: 0 !important; } #iberostar p { font-size: 16px; } #iberostar label, #iberostar input, #iberostar select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #jamesvillas p:nth-of-type(1) { width: 66%; margin-right: 2%; } #jamesvillas p:nth-of-type(2) { width: 32%; margin-right: 0; } #jamesvillas p:nth-of-type(3) { width: 66%; margin-right: 2%; } #jamesvillas p:nth-of-type(4) { width: 32%; margin-right: 0%; } #jamesvillas p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } /*#jamesvillas p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #jamesvillas p:nth-of-type(1) { width: 100%; margin-right: 0; } #jamesvillas p:nth-of-type(2) { width: 32%; margin-right: 2%; } #jamesvillas p:nth-of-type(3) { width: 32%; margin-right: 2%; } #jamesvillas p:nth-of-type(4) { width: 32%; margin-right: 0%; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #jamesvillas p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #jamesvillas p { width: 100% !important; margin-right: 0 !important; } #jamesvillas p { font-size: 16px; } #jamesvillas label, #jamesvillas input, #jamesvillas select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #bestofjames p:nth-of-type(1) { width: 100%; margin-right: 0; margin-top: 2%; } #bestofjames p:nth-of-type(2) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #bestofjames p:nth-of-type(1) { width: 100%; margin-right: 0; } #bestofjames p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #bestofjames p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #bestofjames p { width: 100% !important; margin-right: 0 !important; } #bestofjames p { font-size: 16px; } #bestofjames label, #bestofjames input, #bestofjames select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #jet2holidays p:nth-of-type(1) { width: 66%; margin-right: 2%; } #jet2holidays p:nth-of-type(2) { width: 32%; margin-right: 0; } #jet2holidays p:nth-of-type(3) { width: 66%; margin-right: 2%; } #jet2holidays p:nth-of-type(4) { width: 32%; margin-right: 0%; } #jet2holidays p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } /*#jet2holidays p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #jet2holidays p:nth-of-type(1) { width: 100%; margin-right: 0; } #jet2holidays p:nth-of-type(2) { width: 32%; margin-right: 2%; } #jet2holidays p:nth-of-type(3) { width: 32%; margin-right: 2%; } #jet2holidays p:nth-of-type(4) { width: 32%; margin-right: 0%; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #jet2holidays p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #jet2holidays p { width: 100% !important; margin-right: 0 !important; } #jet2holidays p { font-size: 16px; } #jet2holidays label, #jet2holidays input, #jet2holidays select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #lowcostholidays p:nth-of-type(1) { width: 66%; margin-right: 2%; } #lowcostholidays p:nth-of-type(2) { width: 32%; margin-right: 0; } #lowcostholidays p:nth-of-type(3) { width: 66%; margin-right: 2%; } #lowcostholidays p:nth-of-type(4) { width: 32%; margin-right: 0%; } #lowcostholidays p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } /*#lowcostholidays p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #lowcostholidays p:nth-of-type(1) { width: 100%; margin-right: 0; } #lowcostholidays p:nth-of-type(2) { width: 32%; margin-right: 2%; } #lowcostholidays p:nth-of-type(3) { width: 32%; margin-right: 2%; } #lowcostholidays p:nth-of-type(4) { width: 32%; margin-right: 0%; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #lowcostholidays p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #lowcostholidays p { width: 100% !important; margin-right: 0 !important; } #lowcostholidays p { font-size: 16px; } #lowcostholidays label, #lowcostholidays input, #lowcostholidays select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #mercuryholidays p:nth-of-type(1) { width: 100%; margin-right: 0; margin-top: 2%; } #mercuryholidays p:nth-of-type(2) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #mercuryholidays p:nth-of-type(1) { width: 100%; margin-right: 0; } #mercuryholidays p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #mercuryholidays p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #mercuryholidays p { width: 100% !important; margin-right: 0 !important; } #mercuryholidays p { font-size: 16px; } #mercuryholidays label, #mercuryholidays input, #mercuryholidays select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #monarchholidays p:nth-of-type(1) { width: 66%; margin-right: 2%; } #monarchholidays p:nth-of-type(2) { width: 32%; margin-right: 0; } #monarchholidays p:nth-of-type(3) { width: 66%; margin-right: 2%; } #monarchholidays p:nth-of-type(4) { width: 32%; margin-right: 0%; } #monarchholidays p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } /*#monarchholidays p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #monarchholidays p:nth-of-type(1) { width: 100%; margin-right: 0; } #monarchholidays p:nth-of-type(2) { width: 32%; margin-right: 2%; } #monarchholidays p:nth-of-type(3) { width: 32%; margin-right: 2%; } #monarchholidays p:nth-of-type(4) { width: 32%; margin-right: 0%; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #monarchholidays p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #monarchholidays p { width: 100% !important; margin-right: 0 !important; } #monarchholidays p { font-size: 16px; } #monarchholidays label, #monarchholidays input, #monarchholidays select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #monarchflightdeals p:nth-of-type(1) { width: 49%; margin-right: 2%; } #monarchflightdeals p:nth-of-type(2) { width: 49%; margin-right: 0; } #monarchflightdeals p:nth-of-type(3) { width: 100%; margin-right: 0; margin-top: 3%; } /*#monarchflightdeals p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #monarchflightdeals p:nth-of-type(1) { width: 100%; margin-right: 0; } #monarchflightdeals p:nth-of-type(2) { width: 32%; margin-right: 2%; } #monarchflightdeals p:nth-of-type(3) { width: 32%; margin-right: 2%; } #monarchflightdeals p:nth-of-type(4) { width: 32%; margin-right: 0%; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #monarchflightdeals p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #monarchflightdeals p { width: 100% !important; margin-right: 0 !important; } #monarchflightdeals p { font-size: 16px; } #monarchflightdeals label, #monarchflightdeals input, #monarchflightdeals select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #monarchairports p:nth-of-type(1) { width: 100%; margin-right: 0%; } #monarchairports p:nth-of-type(2) { width: 100%; margin-right: 0; margin-top: 3%; } /*#monarchairports p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #monarchairports p:nth-of-type(1) { width: 100%; margin-right: 0; } #monarchairports p:nth-of-type(2) { width: 32%; margin-right: 2%; } #monarchairports p:nth-of-type(3) { width: 32%; margin-right: 2%; } #monarchairports p:nth-of-type(4) { width: 32%; margin-right: 0%; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #monarchairports p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #monarchairports p { width: 100% !important; margin-right: 0 !important; } #monarchairports p { font-size: 16px; } #monarchairports label, #monarchairports input, #monarchairports select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #ncp p:nth-of-type(1) { width: 100%; margin-right: 0; margin-top: 2%; } #ncp p:nth-of-type(2) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #ncp p:nth-of-type(1) { width: 100%; margin-right: 0; } #ncp p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #ncp p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #ncp p { width: 100% !important; margin-right: 0 !important; } #ncp p { font-size: 16px; } #ncp label, #ncp input, #ncp select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #oliverstravels p:nth-of-type(1) { width: 100%; margin-right: 0; } #oliverstravels p:nth-of-type(2) { width: 49%; margin-right: 2%; } #oliverstravels p:nth-of-type(3) { width: 49%; margin-right: 0; } #oliverstravels p:nth-of-type(4) { width: 100%; margin-right: 0; margin-top: 3%; } /*#oliverstravels p:nth-of-type(6) { width: 49%; margin-right: 0; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #oliverstravels p:nth-of-type(2) { width: 100%; margin-right: 0; } #oliverstravels p:nth-of-type(3) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #oliverstravels p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #oliverstravels p { width: 100% !important; margin-right: 0 !important; } #oliverstravels p { font-size: 16px; } #oliverstravels label, #oliverstravels input { font-size: 16px !important; } } @media only screen and (max-width: 640px) { div.search_container { padding: 3%; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #onthebeach p:nth-of-type(1) { width: 66%; margin-right: 2%; } #onthebeach p:nth-of-type(2) { width: 32%; margin-right: 0; } #onthebeach p:nth-of-type(3) { width: 66%; margin-right: 2%; } #onthebeach p:nth-of-type(4) { width: 32%; margin-right: 0%; } #onthebeach p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } /*#onthebeach p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #onthebeach p:nth-of-type(1) { width: 100%; margin-right: 0; } #onthebeach p:nth-of-type(2) { width: 32%; margin-right: 2%; } #onthebeach p:nth-of-type(3) { width: 32%; margin-right: 2%; } #onthebeach p:nth-of-type(4) { width: 32%; margin-right: 0%; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #onthebeach p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #onthebeach p { width: 100% !important; margin-right: 0 !important; } #onthebeach p { font-size: 16px; } #onthebeach label, #onthebeach input, #onthebeach select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #qpark p:nth-of-type(1) { width: 100%; margin-right: 0; margin-top: 2%; } #qpark p:nth-of-type(2) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #qpark p:nth-of-type(1) { width: 100%; margin-right: 0; } #qpark p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #qpark p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #qpark p { width: 100% !important; margin-right: 0 !important; } #qpark p { font-size: 16px; } #qpark label, #qpark input, #qpark select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #thomascooklates p:nth-of-type(1) { width: 100%; margin-right: 0; margin-top: 2%; } #thomascooklates p:nth-of-type(2) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #thomascooklates p:nth-of-type(1) { width: 100%; margin-right: 0; } #thomascooklates p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #thomascooklates p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #thomascooklates p { width: 100% !important; margin-right: 0 !important; } #thomascooklates p { font-size: 16px; } #thomascooklates label, #thomascooklates input, #thomascooklates select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #thomson p:nth-of-type(1) { width: 66%; margin-right: 2%; } #thomson p:nth-of-type(2) { width: 32%; margin-right: 0; } #thomson p:nth-of-type(3) { width: 66%; margin-right: 2%; } #thomson p:nth-of-type(4) { width: 32%; margin-right: 0%; } #thomson p:nth-of-type(5) { width: 100%; margin-right: 0; margin-top: 3%; } /*#thomson p:nth-of-type(5) { width: 49%; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #thomson p:nth-of-type(1) { width: 100%; margin-right: 0; } #thomson p:nth-of-type(2) { width: 32%; margin-right: 2%; } #thomson p:nth-of-type(3) { width: 32%; margin-right: 2%; } #thomson p:nth-of-type(4) { width: 32%; margin-right: 0%; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #thomson p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #thomson p { width: 100% !important; margin-right: 0 !important; } #thomson p { font-size: 16px; } #thomson label, #thomson input, #thomson select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #thomsonlates p:nth-of-type(1) { width: 100%; margin-right: 0; margin-top: 2%; } #thomsonlates p:nth-of-type(2) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #thomsonlates p:nth-of-type(1) { width: 100%; margin-right: 0; } #thomsonlates p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #thomsonlates p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #thomsonlates p { width: 100% !important; margin-right: 0 !important; } #thomsonlates p { font-size: 16px; } #thomsonlates label, #thomsonlates input, #thomsonlates select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #travelodgehotels p:nth-of-type(1) { width: 100%; margin-right: 0; margin-top: 2%; } #travelodgehotels p:nth-of-type(2) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #travelodgehotels p:nth-of-type(1) { width: 100%; margin-right: 0; } #travelodgehotels p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #travelodgehotels p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #travelodgehotels p { width: 100% !important; margin-right: 0 !important; } #travelodgehotels p { font-size: 16px; } #travelodgehotels label, #travelodgehotels input, #travelodgehotels select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #virginatlantic p:nth-of-type(1) { width: 100%; margin-right: 0; } #virginatlantic p:nth-of-type(2) { width: 49%; margin-right: 2%; } #virginatlantic p:nth-of-type(3) { width: 49%; margin-right: 0; } #virginatlantic p:nth-of-type(4) { width: 49%; margin-right: 2%; } #virginatlantic p:nth-of-type(5) { width: 49%; margin-right: 0; } #virginatlantic p:nth-of-type(6) { width: 100%; margin-right: 0; margin-top: 3%; } /*#virginatlantic p:nth-of-type(6) { width: 49%; margin-right: 0; margin-top: 3%; float: right; }*/ @media only screen and (min-width: 980px) and (max-width: 1100px) { #virginatlantic p:nth-of-type(2) { width: 100%; margin-right: 0; } #virginatlantic p:nth-of-type(3) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #virginatlantic p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #virginatlantic p { width: 100% !important; margin-right: 0 !important; } #virginatlantic p { font-size: 16px; } #virginatlantic label, #virginatlantic input { font-size: 16px !important; } } @media only screen and (max-width: 640px) { div.search_container { padding: 3%; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } #virginholsdeals p:nth-of-type(1) { width: 100%; margin-right: 0; margin-top: 2%; } #virginholsdeals p:nth-of-type(2) { width: 100%; margin-right: 0; margin-top: 3%; } @media only screen and (min-width: 980px) and (max-width: 1100px) { #virginholsdeals p:nth-of-type(1) { width: 100%; margin-right: 0; } #virginholsdeals p:nth-of-type(2) { width: 100%; margin-right: 0; } } @media only screen and (min-width: 900px) and (max-width: 980px) { #virginholsdeals p { width: 100% !important; margin-right: 0 !important; } } @media only screen and (max-width: 640px) { #virginholsdeals p { width: 100% !important; margin-right: 0 !important; } #virginholsdeals p { font-size: 16px; } #virginholsdeals label, #virginholsdeals input, #virginholsdeals select { font-size: 16px !important; } } em { /* odd IE8 fix - doesn't seem to like pseudo-elements after a media query */ } /***********************************/ /* BRANDED SEARCHES */ /***********************************/ div.search_container.brand_a { background: white; border: 1px solid cyan; box-sizing: border-box; } div.search_container.brand_a h3 { color: black; overflow: hidden; } div.search_container.brand_a h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.brand_a img.full_width { width: 100%; height: auto; } div.search_container.brand_a p, div.search_container.brand_a label { color: black; } div.search_container.brand_a input { border: 1px solid blue; } div.search_container.brand_a select { border: 1px solid purple; } div.search_container.brand_a select + span { color: green; } div.search_container.brand_a input.search_submit { background: orange; color: black; border: 0; } div.search_container.brand_a input.search_submit:hover { background: red; } div.search_container.airparks { background: #00aeef; border: 1px solid #00aeef; box-sizing: border-box; } div.search_container.airparks h3 { color: white; overflow: hidden; } div.search_container.airparks h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.airparks img.full_width { width: 100%; height: auto; } div.search_container.airparks p, div.search_container.airparks label { color: white; } div.search_container.airparks input { border: 0; } div.search_container.airparks select { border: 0; } div.search_container.airparks select + span { color: #00aeef; } div.search_container.airparks input.search_submit { background: orange; color: white; border: 0; } div.search_container.airparks input.search_submit:hover { background: #ec334a; } div.search_container.alamo { background: #295eac; border: 1px solid #295eac; box-sizing: border-box; } div.search_container.alamo h3 { color: #fff100; overflow: hidden; } div.search_container.alamo h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.alamo img.full_width { width: 100%; height: auto; } div.search_container.alamo p, div.search_container.alamo label { color: #fff100; } div.search_container.alamo input { border: 0; } div.search_container.alamo select { border: 0; } div.search_container.alamo select + span { color: #295eac; } div.search_container.alamo input.search_submit { background: orange; color: white; border: 0; } div.search_container.alamo input.search_submit:hover { background: #ec334a; } div.search_container.bestofjames { background: #5e1767; border: 1px solid #5e1767; box-sizing: border-box; } div.search_container.bestofjames h3 { color: white; overflow: hidden; } div.search_container.bestofjames h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.bestofjames img.full_width { width: 100%; height: auto; } div.search_container.bestofjames p, div.search_container.bestofjames label { color: white; } div.search_container.bestofjames input { border: 0; } div.search_container.bestofjames select { border: 0; } div.search_container.bestofjames select + span { color: #5e1767; } div.search_container.bestofjames input.search_submit { background: orange; color: white; border: 0; } div.search_container.bestofjames input.search_submit:hover { background: #ec334a; } div.search_container.britishairways { background: #1d2f67; border: 1px solid #1d2f67; box-sizing: border-box; } div.search_container.britishairways h3 { color: white; overflow: hidden; } div.search_container.britishairways h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.britishairways img.full_width { width: 100%; height: auto; } div.search_container.britishairways p, div.search_container.britishairways label { color: white; } div.search_container.britishairways input { border: 0; } div.search_container.britishairways select { border: 0; } div.search_container.britishairways select + span { color: #ff2515; } div.search_container.britishairways input.search_submit { background: #ff2515; color: white; border: 0; } div.search_container.britishairways input.search_submit:hover { background: #e11100; } div.search_container.expedia { background: #00355f; border: 1px solid #00355f; box-sizing: border-box; } div.search_container.expedia h3 { color: white; overflow: hidden; } div.search_container.expedia h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.expedia img.full_width { width: 100%; height: auto; } div.search_container.expedia p, div.search_container.expedia label { color: white; } div.search_container.expedia input { border: 0; } div.search_container.expedia select { border: 0; } div.search_container.expedia select + span { color: #00355f; } div.search_container.expedia input.search_submit { background: orange; color: white; border: 0; } div.search_container.expedia input.search_submit:hover { background: #ec334a; } div.search_container.firstchoice { background: #119ca6; border: 1px solid #119ca6; box-sizing: border-box; } div.search_container.firstchoice h3 { color: white; overflow: hidden; } div.search_container.firstchoice h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.firstchoice img.full_width { width: 100%; height: auto; } div.search_container.firstchoice p, div.search_container.firstchoice label { color: white; } div.search_container.firstchoice input { border: 0; } div.search_container.firstchoice select { border: 0; } div.search_container.firstchoice select + span { color: #119ca6; } div.search_container.firstchoice input.search_submit { background: #d32483; color: white; border: 0; } div.search_container.firstchoice input.search_submit:hover { background: #b61f72; } div.search_container.floridatix { background: #065ca9; border: 1px solid #065ca9; box-sizing: border-box; } div.search_container.floridatix h3 { color: white; overflow: hidden; } div.search_container.floridatix h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.floridatix img.full_width { width: 100%; height: auto; } div.search_container.floridatix p, div.search_container.floridatix label { color: white; } div.search_container.floridatix input { border: 0; } div.search_container.floridatix select { border: 0; } div.search_container.floridatix select + span { color: #065ca9; } div.search_container.floridatix input.search_submit { background: orange; color: white; border: 0; } div.search_container.floridatix input.search_submit:hover { background: #ec334a; } div.search_container.holidayautos { background: white; border: 1px solid #cccccc; box-sizing: border-box; } div.search_container.holidayautos h3 { color: black; overflow: hidden; } div.search_container.holidayautos h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.holidayautos img.full_width { width: 100%; height: auto; } div.search_container.holidayautos p, div.search_container.holidayautos label { color: #19bcde; } div.search_container.holidayautos input { border: 1px solid #cccccc; } div.search_container.holidayautos select { border: 1px solid #cccccc; } div.search_container.holidayautos select + span { color: #f17223; } div.search_container.holidayautos input.search_submit { background: orange; color: white; border: 0; } div.search_container.holidayautos input.search_submit:hover { background: #ec334a; } div.search_container.holidayextras { background: #8fd4ff; border: 1px solid #8fd4ff; box-sizing: border-box; } div.search_container.holidayextras h3 { color: white; overflow: hidden; } div.search_container.holidayextras h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.holidayextras img.full_width { width: 100%; height: auto; } div.search_container.holidayextras p, div.search_container.holidayextras label { color: white; } div.search_container.holidayextras input { border: 0; } div.search_container.holidayextras select { border: 0; } div.search_container.holidayextras select + span { color: #8fd4ff; } div.search_container.holidayextras input.search_submit { background: orange; color: white; border: 0; } div.search_container.holidayextras input.search_submit:hover { background: #ec334a; } div.search_container.iberostar { background: #023e74; border: 1px solid #023e74; box-sizing: border-box; } div.search_container.iberostar h3 { color: white; overflow: hidden; } div.search_container.iberostar h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.iberostar img.full_width { width: 100%; height: auto; } div.search_container.iberostar p, div.search_container.iberostar label { color: white; } div.search_container.iberostar input { border: 0; } div.search_container.iberostar select { border: 0; } div.search_container.iberostar select + span { color: #023e74; } div.search_container.iberostar input.search_submit { background: orange; color: white; border: 0; } div.search_container.iberostar input.search_submit:hover { background: #ec334a; } div.search_container.jamesvillas { background: #0a8bde; border: 1px solid #0a8bde; box-sizing: border-box; } div.search_container.jamesvillas h3 { color: white; overflow: hidden; } div.search_container.jamesvillas h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.jamesvillas img.full_width { width: 100%; height: auto; } div.search_container.jamesvillas p, div.search_container.jamesvillas label { color: white; } div.search_container.jamesvillas input { border: 0; } div.search_container.jamesvillas select { border: 0; } div.search_container.jamesvillas select + span { color: #0a8bde; } div.search_container.jamesvillas input.search_submit { background: orange; color: white; border: 0; } div.search_container.jamesvillas input.search_submit:hover { background: #ec334a; } div.search_container.jet2holidays { background: #d1020e; border: 1px solid #d1020e; box-sizing: border-box; } div.search_container.jet2holidays h3 { color: white; overflow: hidden; } div.search_container.jet2holidays h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.jet2holidays img.full_width { width: 100%; height: auto; } div.search_container.jet2holidays p, div.search_container.jet2holidays label { color: white; } div.search_container.jet2holidays input { border: 0; } div.search_container.jet2holidays select { border: 0; } div.search_container.jet2holidays select + span { color: #d1020e; } div.search_container.jet2holidays input.search_submit { background: #ff9933; color: white; border: 0; } div.search_container.jet2holidays input.search_submit:hover { background: #ec334a; } div.search_container.lowcostholidays { background: #3aaeab; border: 1px solid #3aaeab; box-sizing: border-box; } div.search_container.lowcostholidays h3 { color: white; overflow: hidden; } div.search_container.lowcostholidays h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.lowcostholidays img.full_width { width: 100%; height: auto; } div.search_container.lowcostholidays p, div.search_container.lowcostholidays label { color: white; } div.search_container.lowcostholidays input { border: 0; } div.search_container.lowcostholidays select { border: 0; } div.search_container.lowcostholidays select + span { color: #3aaeab; } div.search_container.lowcostholidays input.search_submit { background: #e52f4d; color: white; border: 0; } div.search_container.lowcostholidays input.search_submit:hover { background: #cc1a38; } div.search_container.mercuryholidays { background: #01aef0; border: 1px solid #01aef0; box-sizing: border-box; } div.search_container.mercuryholidays h3 { color: white; overflow: hidden; } div.search_container.mercuryholidays h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.mercuryholidays img.full_width { width: 100%; height: auto; } div.search_container.mercuryholidays p, div.search_container.mercuryholidays label { color: white; } div.search_container.mercuryholidays input { border: 0; } div.search_container.mercuryholidays select { border: 0; } div.search_container.mercuryholidays select + span { color: #01aef0; } div.search_container.mercuryholidays input.search_submit { background: orange; color: white; border: 0; } div.search_container.mercuryholidays input.search_submit:hover { background: #ec334a; } div.search_container.monarch { background: #823594; border: 1px solid #823594; box-sizing: border-box; } div.search_container.monarch h3 { color: white; overflow: hidden; } div.search_container.monarch h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.monarch img.full_width { width: 100%; height: auto; } div.search_container.monarch p, div.search_container.monarch label { color: white; } div.search_container.monarch input { border: 0; } div.search_container.monarch select { border: 0; } div.search_container.monarch select + span { color: #823594; } div.search_container.monarch input.search_submit { background: #ff9933; color: white; border: 0; } div.search_container.monarch input.search_submit:hover { background: #ec334a; } div.search_container.ncp { background: #999999; border: 1px solid #999999; box-sizing: border-box; } div.search_container.ncp h3 { color: white; overflow: hidden; } div.search_container.ncp h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.ncp img.full_width { width: 100%; height: auto; } div.search_container.ncp p, div.search_container.ncp label { color: white; } div.search_container.ncp input { border: 0; } div.search_container.ncp select { border: 0; } div.search_container.ncp select + span { color: #999999; } div.search_container.ncp input.search_submit { background: orange; color: white; border: 0; } div.search_container.ncp input.search_submit:hover { background: #ec334a; } div.search_container.oliverstravels { background: #535360; border: 1px solid #535360; box-sizing: border-box; } div.search_container.oliverstravels h3 { color: white; overflow: hidden; } div.search_container.oliverstravels h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.oliverstravels img.full_width { width: 100%; height: auto; } div.search_container.oliverstravels p, div.search_container.oliverstravels label { color: white; } div.search_container.oliverstravels input { border: 0; } div.search_container.oliverstravels select { border: 0; } div.search_container.oliverstravels select + span { color: #535360; } div.search_container.oliverstravels input.search_submit { background: orange; color: white; border: 0; } div.search_container.oliverstravels input.search_submit:hover { background: #ec334a; } div.search_container.onthebeach { background: #4cc8e4; border: 1px solid #4cc8e4; box-sizing: border-box; } div.search_container.onthebeach h3 { color: white; overflow: hidden; } div.search_container.onthebeach h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.onthebeach img.full_width { width: 100%; height: auto; } div.search_container.onthebeach p, div.search_container.onthebeach label { color: white; } div.search_container.onthebeach input { border: 0; } div.search_container.onthebeach select { border: 0; } div.search_container.onthebeach select + span { color: #4cc8e4; } div.search_container.onthebeach input.search_submit { background: orange; color: white; border: 0; } div.search_container.onthebeach input.search_submit:hover { background: #ec334a; } div.search_container.qpark { background: #000000; border: 1px solid #000000; box-sizing: border-box; } div.search_container.qpark h3 { color: white; overflow: hidden; } div.search_container.qpark h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.qpark img.full_width { width: 100%; height: auto; } div.search_container.qpark p, div.search_container.qpark label { color: white; } div.search_container.qpark input { border: 0; } div.search_container.qpark select { border: 0; } div.search_container.qpark select + span { color: #000000; } div.search_container.qpark input.search_submit { background: orange; color: white; border: 0; } div.search_container.qpark input.search_submit:hover { background: #ec334a; } div.search_container.thomascook { background: #f7f7f7; border: 1px solid #feb20d; box-sizing: border-box; } div.search_container.thomascook h3 { color: #707978; overflow: hidden; } div.search_container.thomascook h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.thomascook img.full_width { width: 100%; height: auto; } div.search_container.thomascook p, div.search_container.thomascook label { color: #707978; } div.search_container.thomascook input { border: 1px solid #cccccc; } div.search_container.thomascook select { border: 1px solid #cccccc; } div.search_container.thomascook select + span { color: #feb20d; } div.search_container.thomascook input.search_submit { background: orange; color: white; border: 0; } div.search_container.thomascook input.search_submit:hover { background: #ec334a; } div.search_container.thomson { background: #6dafe1; border: 1px solid #6dafe1; box-sizing: border-box; } div.search_container.thomson h3 { color: white; overflow: hidden; } div.search_container.thomson h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.thomson img.full_width { width: 100%; height: auto; } div.search_container.thomson p, div.search_container.thomson label { color: white; } div.search_container.thomson input { border: 0; } div.search_container.thomson select { border: 0; } div.search_container.thomson select + span { color: #6dafe1; } div.search_container.thomson input.search_submit { background: orange; color: white; border: 0; } div.search_container.thomson input.search_submit:hover { background: #ec334a; } div.search_container.travelodge { background: #082247; border: 1px solid #082247; box-sizing: border-box; } div.search_container.travelodge h3 { color: white; overflow: hidden; } div.search_container.travelodge h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.travelodge img.full_width { width: 100%; height: auto; } div.search_container.travelodge p, div.search_container.travelodge label { color: white; } div.search_container.travelodge input { border: 0; } div.search_container.travelodge select { border: 0; } div.search_container.travelodge select + span { color: #cc0101; } div.search_container.travelodge input.search_submit { background: #cc0101; color: white; border: 0; } div.search_container.travelodge input.search_submit:hover { background: #a70101; } div.search_container.virginatlantic { background: #cc0000; border: 1px solid #cc0000; box-sizing: border-box; } div.search_container.virginatlantic h3 { color: white; overflow: hidden; } div.search_container.virginatlantic h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.virginatlantic img.full_width { width: 100%; height: auto; } div.search_container.virginatlantic p, div.search_container.virginatlantic label { color: white; } div.search_container.virginatlantic input { border: 0; } div.search_container.virginatlantic select { border: 0; } div.search_container.virginatlantic select + span { color: #d0273a; } div.search_container.virginatlantic input.search_submit { background: orange; color: white; border: 0; } div.search_container.virginatlantic input.search_submit:hover { background: #ec334a; } div.search_container.virginhols { background: #cc0000; border: 1px solid #cc0000; box-sizing: border-box; } div.search_container.virginhols h3 { color: white; overflow: hidden; } div.search_container.virginhols h3 img { float: right; vertical-align: middle; max-width: 25% !important; } div.search_container.virginhols img.full_width { width: 100%; height: auto; } div.search_container.virginhols p, div.search_container.virginhols label { color: white; } div.search_container.virginhols input { border: 0; } div.search_container.virginhols select { border: 0; } div.search_container.virginhols select + span { color: #cc0000; } div.search_container.virginhols input.search_submit { background: orange; color: white; border: 0; } div.search_container.virginhols input.search_submit:hover { background: #ec334a; }