/* cmsms stylesheet: footpath_all modified: 03/20/25 13:01:59 */
.formbuilderform1 {
line-height: 120%;
}

.formbuilderform1 div {
position: relative;
margin-bottom: 10px;
line-height: 100%
}

.formbuilderform1 div.noleft {
padding-left: 0px;
}

.formbuilderform1 div.bigleft {
padding-left: 250px;
}

.formbuilderform1 label {
display: block;
width: 150px;
}

.formbuilderform1 div.bigleft label {
position: absolute;
display: block;
top: 0px;
left: 0px;
width: 250px;
}

.formbuilderform1 input, .formbuilderform1 select {
width: 100%;
border: 1px solid #000000;
}

.formbuilderform1 div.setwidth select {
width: 200px;
border: 1px solid #000000;
}

.formbuilderform1 div.bigleft input {
width: 50px;
border: 1px solid #000000;
}

.formbuilderform1 textarea {
width: 100%;
border: 1px solid #000000;
}

#covidpopup {
position: absolute;
top: 0px;
left: 0px;
z-index: 999999999;
width: 100%;
}

#covidpopup_inner {
width: 80%;
max-width: 500px;
box-sixing: border-box;
padding: 30px;
margin: 150px auto;
background-color: #ffffff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);
-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.35);
}

#covidpopup_close {
float: right;
font-size: 110%;
cursor: pointer;
}

#covidpopup_close:hover {
font-weight: bold;
}

#covidpopup_close span {
font-size: 80%;
display: inline-block;
padding-left: 10px;
}

#covidpopup_title {

}

#covidpopup_title h3 {
margin-top: 30px;
margin-bottom: 20px;
}

#covidpopup_body {
line-height: 140%;
}

a.catscancelled:link, a.catscancelled:visited, a.catscancelled:hover {
cursor: not-allowed;
color: #787878 !important;
font-weight: 400;
text-decoration: none;
}

#flexSolution {
display: flex;
gap: 30px;
}

#flexSolution div {flex: 1;}

#flexSolution table {flex:3;}

@media screen and (max-width: 1022px) {
    #home_boxes #twenty25Note {
        display: block;
text-align: left !important;
margin-bottom: 15px;
    }

#flexSolution {
display: flex;
flex-direction: column;
gap: 30px;
margin-top: 30px;
}

}
/* cmsms stylesheet: menu modified: 04/27/17 16:20:22 */
/* start flyout */

.menu {
position:relative; 
z-index:100;
}

/* hack to correct IE5.5 faulty box model */
* html .menu {
width:100%; 
w\idth:100%;
}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {
padding:0;
margin:0;
list-style-type:none;
}

.menu ul ul {
width:220px;
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
position:relative;
}

/* style the links for the top level */

.menu a, .menu a:visited {
}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {
width:149px; 
w\idth:138px;
}

/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {
background:#000000;
}

/* style the second level hover */
.menu ul ul a.drop:hover{
}

.menu ul ul :hover > a.drop {
}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {
}

/* style the third level hover */

.menu ul ul ul a:hover {
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden; 
position:absolute;
height:0;
bottom: 0px;
left: 0px; 
width:220px;
padding-bottom: 10px;
}

.menu ul ul li {
padding: 0px;
width: 220px;
}

/* another hack for IE5.5 */

* html .menu ul ul {
top:30px;
t\op:31px;
}

/* position the third level flyout menu */

.menu ul ul ul {
left:242px; 
top:-1px; 
width:149px;
}

/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {
left:-149px;
}

/* style the table so that it takes no part in the layout - required for IE to work */

.menu table {
position:absolute; 
top:0; left:0; 
border-collapse:collapse;
}

/* style the second level links */

div.menu ul ul a, div.menu ul ul a:visited, #top_navigation ul ul a:link, #top_navigation ul ul a:visited {
background-color: #f1f1f1;
text-align: left; 
width: 220px; 
height: 33px;
font-size: 100%;
padding: 17px 10px 0px 10px;
border-right: 0px;
border-top: 2px solid;
border-radius: 0px;
}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {
width:1220px;
w\idth:218px;
}

/* style the top level hover */

.menu ul ul a:hover, #top_navigation ul ul a:hover{

}

.menu :hover > a, .menu ul ul :hover > a {
}

/* make the second level visible when hover on first level list OR link */

.menu ul li:hover ul, .menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */

.menu ul :hover ul ul{
visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */

.menu ul :hover ul :hover ul{ 
visibility:visible;
}

/* end flyout */
/* cmsms stylesheet: holidays_module modified: 05/18/20 15:05:48 */
.greybox {
padding: 10px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}

.greybox img {
max-width: 50%;
height: auto;
}

#holiday_options {
background-color: #f3f3f4;
padding: 10px;
}

#holiday_options_nextseason {
background-color: #f3e5d2;
padding: 10px;
margin-top: 10px;
}

#holiday_options h4, #holiday_options_nextseason h4 {
color: #236bc2;
}

.holiday-item {
background-image: url(http://www.footpath-holidays.co.uk/look/black_trans.png);
background-repeat: repeat-x;
background-position: top;
margin-top: 10px;
padding-top: 7px;
position: relative;
}

.holiday-item .undercol img {
width: 1px;
height: 1px;
}

.holiday-item-icons {
position: absolute;
top: 3px;
right: 0px;
}

.holiday-item-icon {
position: absolute;
top: 0px;
right: 0px;
}

.holiday-item span {
display: block;
float: left;
width: 46px;
}

.holiday-item-details span {
display: inline-block;
width: 46px;
}

.holiday-item-title {
font-weight: bold;
}

.holiday-item-date {

}

.holiday-item-grade {

}

.holiday-item-nights {

}

.holiday-item-price {

}

.holiday-item-booker {
padding: 0px;
}

body.guided-holidays #right_column .holiday-item-booker a:link, body.guided-holidays #right_column .holiday-item-booker a:visited, body.self-guided-holidays #right_column .holiday-item-booker a:link, body.self-guided-holidays #right_column .holiday-item-booker a:visited, body.tailor-made-holidays #right_column .holiday-item-booker a:link, body.tailor-made-holidays #right_column .holiday-item-booker a:visited, body.festive-tours #right_column .holiday-item-booker a:link, body.festive-tours #right_column .holiday-item-booker a:visited {
color: #58585a;
font-style: italic;
font-weight: bold;
}

body.guided-holidays #right_column .holiday-item-booker a:hover, body.self-guided-holidays #right_column .holiday-item-booker a:hover,  body.tailor-made-holidays #right_column .holiday-item-booker a:hover,  body.festive-tours #right_column .holiday-item-booker a:hover {
color: #000000;
}

.holiday-item-itinerary {

}

#holiday_options_end {
border-top: 1px solid #000000;
margin-top: 10px;
font-size: 1px;
}


/* list view */

#holiday_list {
width: 100%;
}

#holiday_list_table {
width: 100%;
}

#holiday_list_table td {
 padding: 2px 0px;
}

tr#holiday_list_table_titles td {
font-size: 120%;
border-bottom: 1px solid #000000;
}



.holiday_list_date {
width: 25%;
}

.holiday_list_destination {
width: 65%;
}

.holiday_list_grade {
width: 10%;
}

a.nslosenge:link, a.nslosenge:visited  {
background-color: #f3e5d2;
display: block;
padding: 3px;
text-align: center;
text-decoration: none;
font-size: 90%;
line-height: 100%;
font-style: italic;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 5px 10px 0px 10px;
color: #000000 !important;
}

td.holiday_list_destination a.nslosenge:link, td.holiday_list_destination a.nslosenge:visited {
display: inline-block;
margin: 5px 0px 0px 10px;
width: 110px;
}

.cancelledtrip {
color: #787878 !important;
}

.cancelledtrip img {
opacity: 0.2;
}

.cancelledtripit  {
display: none;
}

.lowerspacer {
margin-bottom: 30px;
}

.upperspacer {
margin-top: 40px;
}