/*

product.css

This stylesheet is meant to be the default style for all searchresults and productlists and should be included on all sites using the jsp-files listed below.

This css affects the following files:
incpackage.jsp
incflightpackage.jsp
incflightreturn.jsp
incflightoneway.jsp
custsearchresult.jsp
prodlist.jsp

To customize appearance on a specific site, use the css-code at the end of this document.

The following colors are used in this stylesheet:
#D9D9D9 - outer border
#999999 - h4 headers, productParts th
#CCCCCC - extra th, #packages productParts th
#EBEBEB - oddRow td
#F5F5F5 - evenRow td

*/

/* ---------- searchresult related styles begin ---------- */
#searchresult, .prodlist {
	clear:both;
}
#searchresult ol, .prodlist ul, #searchresult ol ol, #searchresult ol ol ol {
	list-style:none;
	margin:0px;
	padding:0px;
}

#searchresult ol#flightpackages li {
	padding:10px 0px 10px 10px;
	margin-bottom:25px;
	background-color:#EBEBEB;
}
.prodlist ul.products li {
	margin-bottom: 10px;
}
#searchresult ol#flightpackages li ol li {
	margin-bottom:0px;
	padding:0px;
}

#searchresult #flightpackages h3 {
	margin-bottom:10px;
}

#searchresult #flightpackages .toggleLink {
	padding-left:4px;
}

#searchresult .flightInfo .arrivalTime, #searchresult .flightInfo .departureTime {
	text-align:center !important;
}

/* ---------- searchresult related styles end   ---------- */

div.product table, #flightpackages .flightInfo table, #flights .flightInfo table {
	border-collapse: collapse; border-spacing: 0;
}

#flightpackages .flightInfo {
	padding:4px;
	background:#FFFFFF;
	margin-right:10px;
	margin-bottom:10px;
}

div.product td, div.product th, #searchresult .flightInfo th, #searchresult .flightInfo td {
	padding:0px;
	white-space:nowrap;
}

div.product td, div.product th, #searchresult .flightInfo th {
	border-bottom:#FFFFFF 1px solid;
}

div.product td.fill, div.product th.fill, #searchresult .flightInfo th.fill {
	width:99%;
}
div.product td.packageBaseBookRow {
	padding:0px !important;
	padding-top:4px !important;
}
#packages div.package {
	margin-bottom:25px;
}
div.product {
	position:relative;
	zoom:1;
	border:10px solid #D9D9D9;
	padding:4px;
	margin-bottom:25px;
	background-color:#FFFFFF;
}
#packages div.product {
	margin-bottom:0px;
}

#flightpackages div.product {
	margin-bottom:0px;
	border-color:#EBEBEB;
}

div.product .clearfix {
	clear:both;
}
div.product .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.product .header {
/*	background:#EDEDED;
	overflow:auto;
	line-height:1em;*/
	margin-bottom:4px;
}

div.product .header, div.product .extra, div.product .productParts {
	clear:both;
}

div.product h4 {
	margin:4px 0px 4px 0px;
	padding: 4px 10px 4px 10px;
	background-color:#999999;
	color:#FFFFFF;
	font-weight:bold;
	font-size:1em;
	zoom:1;
}
div.product .extra h4 {
	margin:0px 0px 4px 0px;
}
div.product .extra {
	margin:4px -4px 4px -4px;
	padding:4px 4px 0px 4px;
	border-top:#D9D9D9 solid 10px;
}

#flightpackages div.product .extra {
	border-top:none;
	margin-top:0px;
	margin-bottom:0px;
}

div.product .productParts {
}

div.product div.name, div.product div.extra div.name {
	float:left;
	line-height:1.4em;
}
div.product div.name {
	padding:0px;
	margin:0px 0px 0px 154px;
	font-weight:bold;
}
div.product div.extra div.name {
	padding:0px;
	margin:0px 0px 0px 104px !important;
}

* html div.product div.name {
	margin-left:77px; /* IE-fix */
}
* html div.product div.extra div.name {
	margin-left:52px !important; /* IE-fix */
}



div.product div.destinationName, div.product div.resortName, div.product div.rating {
	white-space:nowrap;
	float:left;
}

div.product div.destinationName {
	position:relative;
	left:4px;
	line-height:1.4em;
}

div.product .resortName {
	position:relative;
	left:4px;
	line-height:1.4em;
}

div.product .rating {
	position:relative;
	left:8px;
	line-height:1.4em;
}
div.product .rating img {
	margin-left:2px;
}

div.product .header .image {
	clear:both;
	/*padding-bottom:4px;*/
}
div.product .header .image img {
	float:left;
	margin:0px 4px 0px 0px;
	width:150px;
	position:relative;
	top:-15px;
	margin-bottom:-15px;
}

div.product td.image img {
	width:100px;
}

* html div.product .header .image img {
	/* IE specific */
	top:-19px;
	margin-bottom:-19px;
}
div.product .extra .header .image img {
	width:100px;
}
div.product div.descr {
	margin:4px;
}
div.product div.link {
	position:absolute;
	top:4px;
	right:8px;
	margin:4px;
}


div.product .extra table, div.product .productParts table, #flightpackages .flightInfo table, #flights .flightInfo table{
	width: 100%;
}

div.product .extra td, div.product .productParts td, div.product .extra th, div.product .productParts th, #searchresult .flightInfo td, #searchresult .flightInfo th {
	padding:4px 10px 4px 10px;
	text-align:left;
}

div.product .extra th  {
	background-color:#CCCCCC;
}


div.product .productParts th {
	background-color:#999999;
	color:#FFFFFF;
}

#searchresult .flightInfo th {
	background-color:#999999;
	color:#FFFFFF;
}

#packages div.product .productParts th, #flightpackages div.product .productParts th {
	background-color:#CCCCCC;
	color:#000000;
}

.packageStatus {
	font-weight:bold;
	color: #FF0000;
}

.fullyBooked {
	font-weight:bold;
	color: #FF0000;
}

div.product .oddRow td, #searchresult .flightInfo .oddRow td {
	background:#EBEBEB;
}

div.product .evenRow td, #searchresult .flightInfo .evenRow td {
	background:#F5F5F5;
}

div.product .extra .productName {
	width:75%;
}
div.product .extra .description {
}
div.product .extra .fromDate {
}
div.product .extra .toDate {
}
div.product .extra .size {
	text-align:center;
}
div.product .extra .available {
	text-align:right;
}
div.product .extra .price {
	text-align:right;
}
div.product .extra .extraNight {
	text-align:right;
}
div.product .extra .extraBedDiscount {
	text-align:right;
}
div.product .extra .extraBedAdd {
	text-align:right;
}
div.product .extra .vacantBed {
	text-align:right;
}
div.product .extra .totalPrice {
	text-align:right;
}
div.product .extra .book {
	text-align:center;
}
div.product .productParts .fromDate {
}
div.product .productParts .productType {
}
div.product .productParts .description, div.product div.extra td.description {
	width:99%;
}
div.product .productParts .size {
	text-align:center;
	white-space:nowrap;
}
div.product .productParts .available {
	text-align:right;
}
div.product .productParts .price {
	text-align:right;
}
div.product .productParts th.price {
	text-align:center;
}

div.product .productParts .extraNight {
	text-align:right;
}
div.product .productParts .extraBedDiscount {
	text-align:right;
}
div.product .productParts .extraBedAdd {
	text-align:right;
}
div.product .productParts .vacantBed {
	text-align:right;
}
div.product .productParts .totalPrice, #searchresult .flightInfo .totalPrice {
	text-align:right;
}
div.product .productParts .cartPrice {
	text-align:right;
}
div.product .productParts .book {
	text-align:center;
}

#searchresult .dayname {
	width: 22px; float:left;
}

/* Congress book button */
div.package .bookAll {
	float:right;
	/*  top right bottom left */
	margin: 4px 20px 0px 0px;
}

div.product td.totalPrice {
	font-weight: bold;
}

/*-- Overlib standard start --*/

div.overDiv {

}

#overDiv td {
	padding: 2px;
}

.overlibBgClass  {
	background-color: #F5F5F5;
	border:1px solid #CCC;
}
.overlibFgClass  {

}
.overlibFontClass {

}


/*-- Overlib standard end --*/

/* ---------- site specific customization begin ---------- */

/*
use these styles for changing colors

div.product {
	border:10px solid #XXXXXX;
	padding:4px;
	background-color:#XXXXXX;
}

div.product .productParts th {
	background-color:#XXXXXX;
	color:#XXXXXX;
}

div.product .extra th {
	background-color:#XXXXXX;
	color:#XXXXXX;
}

div.product .header {
	background:#XXXXXX;
	color:#XXXXXX;
}

div.product .oddRow td {
	background-color:#XXXXXX;
}

div.product .evenRow td {
	background-color:#XXXXXX;
}

*/

/*

use these styles for changing border size

div.product {
	border:Xpx solid #XXXXXX;
}

div.product .extra {
	border-top:#XXXXXX solid Xpx;
}

*/


/*
the link to "more info" in the product-list is positioned in the top-right corner by default, do reset the positioning, use this

div.product div.link {
	position:static;
	margin:4px 4px 0px 0px;
}
*/

/*
to change the size of the product-image you also have to change the left-margin of the div.name.
here is an example to set the image-width to 100px:

div.product div.name {
	margin:0px 0px 0px 104px;
}

* html #packages div.product div.name {
	margin-left:52px;
}
div.product .header .image img {
	width:100px;
}
*/

/*
to change the size of the extra-product-image, just add .extra
here is an example to set the extra-image-width to 100px:

div.product .extra div.name {
	margin:0px 0px 0px 104px;
}

* html #packages div.product .extra div.name {
	margin-left:52px;
}
div.product .extra .header .image img {
	width:100px;
}
*/


/* ---------- site specific customization end   ---------- */