/* CATALOGUE */

.category-animals {
	color: #007333;
}

.category-destinations {
	color: #172983;
}

.category-culture {
	color: #EA691C;
}

.category-science {
	color: #CD071E;
}

.category-sports {
	color: #8FBC13;
}

.category-cuisine {
	color: #E2007A;
}

.category-lifestyle {
	color: #10A4E2;
}

.category-kids {
	color: #FDC300;
}

.category-exploring {
	color: #000000;
}

.category-comedy {
	color: #c25381;
}

/* VERTICAL MENU CONSTRUCTION */
UL.catalogue {
	list-style-type: none;
	position: relative;
	width: 220px;
	float: left;
	background-color: #EEEEEE;
}

	UL.catalogue > LI {
		font-weight: bold;
		width: 220px;
		margin: 2px 0;
	}

	UL.catalogue > LI > UL {
		display: none;
	}

	UL.catalogue LI:hover > UL {
		display: block;
		list-style-type: none;
		font-weight: normal;
		position: absolute;
		left: 220px;
		margin-top: -38px;
		&margin-top: 0px;
		border-left: 4px solid #FFFFFF;
	}

		UL.catalogue LI:hover > UL > LI {
			width: 300px;
			margin: 0;
		}
			
			UL.catalogue LI:hover > UL.exploring > LI {
				width: 400px;
			}
			
			UL.catalogue LI:hover > UL.destinations > LI {
				width: 420px;
			}

			UL.catalogue LI:hover > UL > LI IMG {
				float: right;
			}
			
		UL.catalogue LI:hover > UL A {
			display: block;
			text-decoration: none;
			color: #FFFFFF;
			padding: 10px 5px;
			text-transform: uppercase;
		}

			UL.catalogue LI:hover > UL A:hover {
			color: #000000;
		}

/* SECTION COLORS AND HOVERS */

UL.animals {
	background-color: #007333;
}

	UL.animals LI:hover {
		background-color: #96c5ab;
	}

UL.destinations {
	background-color: #172983;
}

	UL.destinations LI:hover {
		background-color: #9fa7cc;
	}

UL.culture {
	background-color: #ea691c;
}

	UL.culture LI:hover {
		background-color: #f6c1a2;
	}

UL.science {
	background-color: #cd071e;
}

	UL.science LI:hover {
		background-color: #ea99a2;
	}

UL.sports {
	background-color: #8fbc13;
}

	UL.sports LI:hover {
		background-color: #d1e39e;
	}

UL.lifestyle {
	background-color: #10a4e2;
}

	UL.lifestyle LI:hover {
		background-color: #9ddaf3;
	}

UL.cuisine {
	background-color: #e2007a;
}

	UL.cuisine LI:hover {
		background-color: #f396c8;
	}

UL.kids {
	background-color: #fdc300;
}

	UL.kids LI:hover {
		background-color: #fee696;
	}
	
UL.exploring {
	background-color: #000000;
}

	UL.exploring LI:hover {
		background-color: #999999;
	}

UL.comedy {
	background-color: #c25381;
}

	UL.comedy LI:hover {
		background-color: #ff6daa;
	}

/* MAIN */

.packed {
	display: none;
}

.unpacked {
	display: block;
}

/* SUMMER OFFER */

H2 {
	padding: 0 0 0 23px;
	font-size: 16px;
}

OL.summer-offer {
	width: 500px;
	list-style: decimal;
}

	OL.summer-offer LI {
		margin: 10px 0 0 0;
	}

A.pack-name {
	cursor: pointer;
	display: block;
	width: 500px;
	font-weight: bold;
	padding: 2px 5px;
	margin: 5px 0;
	color: #FFFFFF;
	font-size: 14px;
}

	A.pack-name DIV.footage {
		float: right;
		width: 100px;
		text-align: right;
	}

	TABLE.pack-table {
		width: 480px;
		margin: 5px 0 20px 20px;
	}
	
		TABLE.pack-table TD {
			border-bottom: 1px dashed #999999;
			text-align: right;
		}
	
		TABLE.pack-table TD.name {
			width: 380px;
			padding-left: 5px;
			text-align: left;
		}
		
		TABLE.pack-table TD.name A {
			display: block;
			text-decoration: none;
		}
		
		TABLE#wildlife {
			border-left: 3px solid #009999;
		}
		
		TABLE#wonders {
			border-left: 3px solid #00733b;
		}
		
		TABLE#traveling {
			border-left: 3px solid #2b347d;
		}
		
		TABLE#culture {
			border-left: 3px solid #cc3333;
		}
		
		TABLE#well {
			border-left: 3px solid #3399cc;
		}
		
		TABLE#kids {
			border-left: 3px solid #ffcc00;
		}

DIV.catalogueMain {
	width: 700px;
	color: #666666;
	float: right;
	margin: 0 0 20px 50px;
}

DIV.catalogueMain UL.mainList {
	list-style-position: inside;
	list-style-type: square;
	margin-bottom: 20px;
}

DIV.catalogueMain DIV.newProgramme {
	margin-top: 30px;
}

	DIV.catalogueMain DIV.newProgramme DIV.heading {
		color: #FFFFFF;
		background-color: #999999;
		font-size: 16px;
		padding: 5px;
		font-weight: bold;
		text-transform: uppercase;
	}

	DIV.catalogueMain DIV.newProgramme H2 {

	}


/* MOSAIC */

	DIV.mosaicHeading {
		color: #FFFFFF;
		background-color: #999999;
		font-size: 18px;
		padding: 5px;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 1px;
		background: url('../image/rainbowBG.jpg') repeat 0 0;
		margin: 2px 0 10px 23px;
	}

	DIV.indexMosaic {
	}

		DIV.indexMosaic A.mosaicItem {
			width: 190px;
			padding: 10px;
			display: block;
			float: left;
			text-decoration: none;
			margin: 20px 0 0 23px;
		}

		DIV.indexMosaic A.mosaicItem:hover {
			text-decoration: none;
			color: #000000;
		}

		DIV.indexMosaic A.mosaicItem:hover DIV.name {
			color: #000000;
		}

		DIV.indexMosaic A.mosaicItem:hover DIV.duration {
			color: #000000;
		}

		DIV.indexMosaic A.category-animals {
			background-color: #007333;
		}

		DIV.indexMosaic A.category-animals:hover {
			background-color: #96c5ab;
		}

		DIV.indexMosaic A.category-destinations {
			background-color: #172983;
		}

		DIV.indexMosaic A.category-destinations:hover {
			background-color: #9fa7cc;
		}

		DIV.indexMosaic A.category-culture {
			background-color: #EA691C;
		}

		DIV.indexMosaic A.category-culture:hover {
			background-color: #f6c1a2;
		}

		DIV.indexMosaic A.category-science {
			background-color: #CD071E;
		}

		DIV.indexMosaic A.category-science:hover {
			background-color: #ea99a2;
		}

		DIV.indexMosaic A.category-sports {
			background-color: #8FBC13;
		}

		DIV.indexMosaic A.category-sports:hover {
			background-color: #d1e39e;
		}

		DIV.indexMosaic A.category-cuisine {
			background-color: #E2007A;
		}

		DIV.indexMosaic A.category-cuisine:hover {
			background-color: #f396c8;
		}

		DIV.indexMosaic A.category-lifestyle {
			background-color: #10A4E2;
		}

		DIV.indexMosaic A.category-lifestyle:hover {
			background-color: #9ddaf3;
		}

		DIV.indexMosaic A.category-kids {
			color: #FDC300;
		}

		DIV.indexMosaic A.category-kids:hover {
			color: #fee696;
		}
		
		DIV.indexMosaic A.category-exploring {
			background-color: #000000;
		}

		DIV.indexMosaic A.category-exploring:hover {
			background-color: #CCCCCC;
		}
		
		DIV.indexMosaic A.category-comedy {
			background-color: #c25381;
		}

		DIV.indexMosaic A.category-comedy:hover {
			background-color: #ff6daa;
		}

		  DIV.indexMosaic A.mosaicItem DIV.image {
			}

				DIV.indexMosaic A.mosaicItem IMG {
					width: 190px;
				}

			DIV.indexMosaic A.mosaicItem DIV.name {
				color: #FFFFFF;
				font-size: 12px;
				font-weight: bold;
				text-transform: uppercase;
				overflow: hidden;
				height: 16px;
			}

			DIV.indexMosaic A.mosaicItem DIV.duration {
				color: #FFFFFF;
				overflow: hidden;
				height: 16px;
			}

/* SECTION */

DIV.sectionContent {
	width: 690px;
	margin: 0;
	padding: 0 0 0 20px;
	float: left;
}

	DIV.sectionContent DIV.program {
		margin: 0 0 0 10px;
		color: #666666;
		padding-bottom: 20px;
	}

		DIV.sectionContent DIV.program DIV.programTitle {
			font-weight: bold;
			font-size: 22px;
			text-transform: uppercase;
			letter-spacing: 2px;
		}

		DIV.sectionContent DIV.program DIV.programType {
			font-weight: bold;
			font-size: 14px;
			margin: 0 0 10px 0;
		}
		
		DIV.sectionContent DIV.program DIV.programIcon {
			float: right;
			margin: 5px 10px;
		}

		DIV.sectionContent DIV.program DIV.programDesc {
			margin-top: 10px;
			text-align: justify;
			width: 480px;
		}

		DIV.sectionContent DIV.program DIV.programWords {
			font-weight: bold;
			margin: 10px 0 0 0;
			font-size: 14px;
			width: 480px;
		}

		DIV.sectionContent DIV.program DIV.image {
			margin: 10px 0;
			clear: left;
		}

			DIV.sectionContent DIV.program DIV.image IMG {
				float: left;
			}

		DIV.sectionContent DIV.program DIV.image TABLE.programFormats {
			width: 310px;
			float: left;
			_float: none;
			&float: none;
			font-size: 14px;
			padding: 0 0 0 10px;
			/* letter-spacing: 2px;*/
		}

			DIV.sectionContent DIV.program DIV.image TABLE.programFormats TD {
				font-size: 14px;
				padding: 2px;
				float: left;
			}
			
				DIV.sectionContent DIV.program DIV.image TABLE.programFormats TD.name {
					/* width: 200px; */
					font-weight: bold;
					float: left;
				}

				DIV.sectionContent DIV.program DIV.image TABLE.programFormats TR.printParam {
					display: none;
				}

			DIV.sectionContent DIV.program DIV.image TABLE.programFormats IMG {
				float: none;
				clear: right;
				margin-top: 5px;
			}

		DIV.sectionContent DIV.program DIV.samples {
			margin: 20px 0;
			font-size: 12px;
			font-weight: bold;
		}
		
		DIV.sectionContent DIV.program DIV.samples DIV.programmeEpisodesHeading {
			font-size: 14px;
			color: #000000;
		}

			DIV.sectionContent DIV.program DIV.samples UL {
				list-style: none inside;
				/* width: 150px; */
				margin: 0 0 15px 0px;
			}

				DIV.sectionContent DIV.program DIV.samples UL LI {
				}

					DIV.sectionContent DIV.program DIV.samples UL LI A {
						text-decoration: none;
						display: block;
						padding: 1px 1px 1px 24px;
						border-top: 5px solid #FFFFFF;
						font-weight: bold;
						color: #999999;
						clear: right;
						background: url(../image/playButtonSmallOff.gif) no-repeat 0 0;
					}
					
						DIV.sectionContent DIV.program DIV.samples UL LI A:hover {
							color: #000000;
							background: url(../image/playButtonSmallOn.gif) no-repeat 0 0;
						}
			DIV.sectionContent DIV.program DIV.samples DIV.viewMore {
				letter-spacing: 0;
				padding: 5px;
				border: 1px solid #999999;
				float: left;
				background-color: #999999;
				color: #FFFFFF;
			}
			
				DIV.sectionContent DIV.program DIV.samples DIV.viewMore A {
					color: #FFFFFF;
				}
			
		DIV.clear {
			clear: both;
			width: 730px;
			font-size: 1px;
		}