/* --------------------------
   reset typography styles
-------------------------- */
.mh-head {display: none;}
#ProductHolder table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 10px;
	text-align: left;
	background: none;
	width: 100%;
}
#ProductHolder table td,
#ProductHolder table th {
	padding: 10px;
	background-color: transparent;
	vertical-align: middle;
}
#ProductHolder table tbody tr,
#ProductHolder table tbody tr:nth-child(even) {
	background: none;
	border-top: none;
	border-bottom: solid 1px #d7d7d7;
}


#ProductHolder table th.nights,
#ProductHolder table td.nights {
	padding-left: 0;
}
#ProductHolder table th.booking,
#ProductHolder table td.booking {
	padding-right: 0;
}
#ProductHolder table td.nights,
#ProductHolder table td.date,
#ProductHolder table td.price,
#ProductHolder table td.booking {
	white-space: nowrap;
}
#ProductHolder table td.booking .full {
	display: inline-block;
	font-size: 15px;
	padding: 9px 10px 9px 10px;
	min-width: 80px;
	background: #EAEAEA;
	text-align: center;
	font-weight: normal;
	color: #000;
}
#ProductHolder table td.booking a.button {
	display: inline-block;
	font-size: 15px;
	padding: 4px 10px;
	min-width: 80px;
	background: #19a119;
}
#ProductHolder table td.booking a.button:hover {
	background: #0A8C0A;
}
#ProductHolder table td.booking a.button span {
	display: block;
	font-size: 10px;
	line-height: 14px;
	text-transform: none;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
}

#ProductHolder {position: relative; margin: 0 auto; max-width: 740px;}
#ProductHolder ul#ProductCategories {
	padding: 0;
	margin: 15px 0 25px 0;
}
#ProductHolder ul#ProductCategories li.item {
	display: inline-block;
	list-style: none;
	margin: 0;
    padding: 0;
}
#ProductHolder ul#ProductCategories li.item a {
	position: relative;
	display: block;
    background: #19a119;
	border-bottom: none !important;
	cursor: pointer;
}
#ProductHolder ul#ProductCategories li a img {
	opacity: 1;
    -webkit-transition: opacity 250ms;
    -moz-transition: opacity 250ms;
    -ms-transition: opacity 250ms;
    -o-transition: opacity 250ms;
    transition: opacity 250ms;
}
#ProductHolder ul#ProductCategories li:hover a img {
	opacity: 0.75;
}
#ProductHolder ul#ProductCategories li.current a img {
    opacity: 0;
}
#ProductHolder ul#ProductCategories li.item a span.title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; 
	padding: 11px 20px; 
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: 'PT Sans Narrow';
	font-weight: 400;
	font-size: 24px;
	text-shadow: 0 0 10px #000; 
}
#ProductHolder ul#ProductCategories li a span.title span {
	display: block;
	font-size: 11px;
	line-height: 16px;
	text-transform: none;
	font-family: 'Raleway', Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#ProductHolder #ProductCategoriesPrev,
#ProductHolder #ProductCategoriesNext {
    display: none;
    position: absolute;
    top: 18px;
    font-size: 30px;
    line-height: 30px;
    color: #666;
    cursor: pointer;
}
#ProductHolder #ProductCategoriesPrev.disabled,
#ProductHolder #ProductCategoriesNext.disabled {
    color: #d7d7d7;
}
#ProductHolder #ProductCategoriesPrev {
    left: -40px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.lt-ie9 #ProductHolder #ProductCategoriesPrev {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
#ProductHolder #ProductCategoriesNext {
    right: -40px;  
}

#ProductHolder table tr.noBookings td {
	text-align:center;
}
#ProductHolder .title a[href] {
	color: #000;
	border-color: #000;
	border-bottom: dotted 1px #000;
	text-decoration: none;
	font-weight:normal !important;
	font-size:15px !important;
	font-family:'Open Sans', sans-serif ;
}
#ProductHolder .title a[href]:hover {
	color: #a4a4a4;
	border-color: #a4a4a4;
}
@media screen and (max-width: 860px) {
	#ProductHolder ul#ProductCategories,
    #ProductHolder ul#ProductCategories .cycle-carousel-wrap {
        margin: 0 20px;  
    }
    #ProductHolder #ProductCategoriesPrev {
        left: -20px;
    }
    #ProductHolder #ProductCategoriesNext {
        right: -20px;  
    }
    #ProductHolder ul#ProductCategories li.item a span.title {
        padding: 11px 20px; 
        font-size: 20px;
    }
}
@media screen and (max-width: 710px) {
     #ProductHolder ul#ProductCategories li.item a span.title {
        padding: 8px 20px;
    }
}
@media screen and (max-width: 640px) {
    #ProductHolder ul#ProductCategories {
        margin: 40px 0;   
    }
    #ProductHolder ul#ProductCategories .cycle-carousel-wrap {
        left: 50% !important;
        margin-left: -92.5px !important;
    }
    #ProductHolder #ProductCategoriesPrev {
        left: 50%;
        margin-left: -15px;
        top: -30px;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .lt-ie9 #ProductHolder #ProductCategoriesPrev {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
    #ProductHolder #ProductCategoriesNext {
        right: auto;  
        top: 260px;
        left: 50%;
        margin-left: -15px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .lt-ie9 #ProductHolder #ProductCategoriesNext {
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    
    #ProductHolder ul#ProductCategories li.item a span.title {
        padding: 11px 20px; 
        font-size: 20px;
    }

	/* Force table to not be like tables anymore */
	#ProductHolder thead,
	#ProductHolder tbody,
	#ProductHolder tr,
	#ProductHolder th,
	#ProductHolder td {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	#ProductHolder thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#ProductHolder table td,
	#ProductHolder table th {
		padding: 5px 15px;
	}
	#ProductHolder table tr {
		padding: 10px 0;
	}
	#ProductHolder td {
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 30% !important;
	}
	#ProductHolder td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 5px;
		left: 5px;
		width: 25%;
		padding-right: 10px;
		white-space: nowrap;
	}
	/* Label the data */
	#ProductHolder td:nth-of-type(1):before { content: "Nights"; }
	#ProductHolder td:nth-of-type(2):before { content: "Boarding"; }
	#ProductHolder td:nth-of-type(3):before { content: "Disembarking"; }
	#ProductHolder td:nth-of-type(4):before { content: "Tour"; }
	#ProductHolder td:nth-of-type(5):before { content: "Price"; }
	#ProductHolder td:nth-of-type(6):before { content: "Availability"; }

	#ProductHolder table tr.noBookings td {
		padding-left: 0 !important;
		padding-right: 0;
	}
	#ProductHolder table tr.noBookings td:before {
		content: "";
	}
}