/*  -----------------------------------------------------
    
	INFO
	
	Project:				Jolly Travel
	Version:				1.0
	Last change:			--/--/--
	Author:					Milan Zivkovic
	Author URL:				http://www.designer.rs

	- - - - - - - - - - - - - - - - - - - - - - - - - - - -
	
	TABLE OF CONTENTS
   
	Reset CSS
	Generic
		Headings
		Tables
		Lists
		Forms
		Notifications
	Containers
		Widths
		Margins
		Header
			Navigation
		Content
			Page Specific
			Pagination
		Footer
		
	----------------------------------------------------- */
	
	/*  =Reset
	----------------------------------------------------- */
	
	@import url("reset.css");
	
	
	/*  =Print
	----------------------------------------------------- */
	
	@import url("print.css") print;
		
		
	/*  =Generic
	----------------------------------------------------- */
	
	a:link,
	a:visited,
	#social-box  a.more:link,
	#social-box a.more:visited,
	tr:hover {
		color: #0670a1;
		text-decoration: none;
	}
	
		#header a,
		#header a:link,
		#header a:visited,
		#search-box a,
		#featured a:link,
		#featured a:visited {
			color: #fff;
		}
		
		#footer a:link,
		#footer a:visited {
			color: #444;
		}
		
		#breadcrumbs a:link,
		#breadcrumbs a:visited,
		#direct-page .tour-plan,
		#newsletterInput {
			color: #888;
		}
		
		#footer-menu a:link,
		#footer-menu a:visited {
			color: #686868;
		}
		
		a.more,
		a.more:link,
		a.more:visited {
			background: url(../images/bg-arrows.png) no-repeat right top;
			font-size: 10px;
			padding-right: 10px;
			text-transform: uppercase;
		}
		
			#social-box .more {
				background: none;
				padding: 0;
				width: auto;
			}

			a.more:hover {
				background-position: right -21px;
			}
		
			.item-listing a.more,
			#social-box a.more {
				background-position: right 4px;
			}
			
				.item-listing a.more:hover,
				#social-box a.more:hover,
				#social-box a.more:active {
					background-position: right -17px;
				}
				
			#search-box .more {
				background-position: right -37px;
				cursor: pointer;
				margin-top: 5px;
			}
			
				#search-box .more:hover {
					background-position: right 4px;
				}
	
	a:hover,
	a:active,
	.highlight,
	.price strong,
	#breadcrumbs a:hover,
	#breadcrumbs a:active,
	#social-box a.more:hover,
	#social-box a.more:active,
	h1,
	#generic-page h2,
	#generic-page h3,
	tbody td:hover,
	button span span {
		color: #da0a12;
	}
	
		#featured a:hover,
		#featured a:active {
			color: #f2f2f2;
		}
		
	.program-link {
    	background: url(../images/icon-pdf.png) no-repeat;
    	padding-left: 20px;
    }
    
    .print-link {
    	background: url(../images/icon-print.png) no-repeat;
    	padding-left: 20px;
    }

	
	hr {
		border: none;
		border-bottom: 1px solid #dadada;
		color: #dadada	;
		clear: both;
		height: 1px;
		margin: 0 0 15px;
	}
	
		#hotel-page hr {
			margin-bottom: 40px;
		}
	
	small,
	sub,
	sup {
		font-size: 10px;
	}
	
	big {
		font-size: 14px;
	}
	
	em,
	address {
		font-style: italic;
	}
	
	strong,
	th,
	dt {
		font-weight: bold;
	}
	
	blockquote {
		padding-left: 35px;
	}
		
	del {
		color: #999;
		text-decoration: line-through;
	}
	
	ins {
		color: #333;
		text-decoration: underline;
	}
	
	sub {
		vertical-align: sub;
	}
	
	sup {
		vertical-align: super;
	}
	
	code {
		font-family: "Lucida Console", Monaco, monospace;
	}
	
	img {
		border:  1px solid #6b6b6b;
		display: block;
	}
		
		#header .brand img,
	    #services img,
		#social-box img {
	    	border: none;
	    }
		
			#social-box img {
				display: inline-block;
				margin-left: 5px;
			}
	
	.last {
		margin-right: 0!important;
	}
		
	.hidden {
		display: none;
	}
			
	.alt {
		background-color: #fafafa;
	}
	
	.floatleft {
		float: left;
	}
	
		img.floatleft {
			margin-right: 10px;
		}
		
		#generic-page img.floatleft {
			margin-right: 20px;
		}
	
	.floatright,
	.item-listing .more,
	#social-box .more,
	#footer #call-centar img {
		float: right;
	}
	
	#footer #call-centar img {
		margin: 0 4px 10px 0;
	}
	
		img.floatright {
			margin-left: 10px;
		}
		
		#footer #call-centar img,
		.rentacar-page img {
			border: none;
			display: inline-block;
			vertical-align: middle;
		}
		
	
	/*  =Headings
	----------------------------------------------------- */
	
	h1 {
		font-size: 36px;
		font-weight: bold;
		line-height: 30px;
		text-transform: uppercase;
	}
		
		#generic-page h1 img {
			margin: 20px 0;
		}
	
	h2 {
		font-size: 14px;
		line-height: 14px;
		text-transform: uppercase;
	}
		
		#main #hotel-page h2 {
			margin-bottom: 0;
		}
		
		#featured h2 {
			padding-top: 170px;
			position: relative;
		}
	
	h3 {
		font-size: 13px;
	}
	
	h4 {
		font-size: 12px;
	}
	
	h5 {
		font-size: 16px;
	}
	
	h6 {
		font-size: 14px;
	}
	
		#search-box h6.box-title {
			font-weight: bold;
		}
		
		#catalogue-box h6.box-title,
		#social-box h6.box-title {
			margin: 0;
			padding: 20px 0 4px;
		}
	
	
	/*  =Tables
	----------------------------------------------------- */
	
	#main table,
	#reservation-details {
		border-top: 2px solid #dadada;
		border-bottom: 1px solid #dadada;
		line-height: 14px;
	}
	
	.price-wrapper {
		margin-bottom: 30px;
	}
	
	#hotel-page table {
	}
	
	caption {
		font-size: 10px;
		font-style: italic;
		text-align: center;
	}
	
		tr {
		}
			
		tr.highlight td,
		tr.highlight th {
			font-size: 12px;
		}
		
			#main tbody td,
			#main tbody th,
			#reservation-details tbody td.reservation-cell,
			#reservation-details tbody th.reservation-cell {
				border-right: 2px solid #fff;
			}
			
			#main td,
			#main th,
			#reservation-details td.reservation-cell,
			#reservation-details th.reservation-cell {
				border-bottom: 1px solid #eee;
				padding: 8px 4px;
				text-align: center;
				vertical-align: middle;
			}
		
			#main th,
			#reservation-details th.reservation-cell
			{
				color: #222;
				font-weight: normal;
			}
			
			#main thead th,
			#reservation-details thead th.reservation-cell {
				border-bottom-width: 2px;
			}
			
			#main tbody th,
			#main thead .table-label,
			#reservation-details tbody th.reservation-cell,
			#reservation-details thead .table-label {
				text-align: left;
				width: 140px;
			}
			
				table .reservation-link {
					background: url(../images/icon-bookmark.png) no-repeat;
					display: block;
					height: 16px;
					margin: 0 auto;
					text-indent: -9999px;
					width: 16px;
				}
				
					table .reservation-link:hover {
						background-position: left bottom;
					}
	
	
	/*  =Lists
	----------------------------------------------------- */
	
	ol,
	ul {
		padding-left: 30px;
	}
	
	ol {
		list-style-position: outside;
	}
	
		ul li,
		.item ul li {
			list-style: circle;
		}
		
			ul ul li {
				list-style: disc;
			}
		
			.item-list li ul {
				margin-left: 150px;
			}
			
	#gallery li,
	#main-menu li,
	#catalogue-box li,
	#social-box li,
	.item-list li,
	#services li,
	#footer li,
	#reservation-page li {
		list-style: none;
	}
	
	#reservation-page ul,
	#reservation-page li {
		margin: 0;
		padding: 0;
	}
	
		#gallery {
			clear: both;
			overflow: hidden;
			padding: 0 0 0 160px;
		}
		
		#gallery li {
			float: left;
			margin: 0 7px 7px 0;
			padding: 0;
		}
		
		#reservation-page ul {
			height:	95px;
		}
		
		#reservation-page li {
			float: left;
			margin-right: 10px;
		}
		
		#reservation-page #contact-person li {
			float: left;
			margin-right: 40px;
			width: 140px;
		}
		
		
	/*  =Forms
	----------------------------------------------------- */		

	.contactForm {
		overflow: hidden;
	}
	
		#main form div {
		}
	
		label {
			display: block;
		}
		
		input,
		textarea,
		select {
			background: #fff;
			border: 1px solid #bbb;
			line-height: 23px;
			padding: 4px;
		}
		
		select {
			padding: 3px 4px;
		}
		
		#search-box input,
		#search-box select {
			width: 260px;
		}

	#search-period select,
	#search-destination select,
	#search-price select,
	#search-start input,
	#search-end input {
		width: 120px!important;
	}
		
		#main input {
			width: 250px;
		}
		
		#search-price input {
			width: 130px!important;
		}
		
		#main .textarea-container,
		#main .submit-container {
			clear: both;
			width: 580px;
		}
		
		#main textarea {
			height: 100px;
			width: 400px;
		}
		
		textarea {
			line-height: 18px;
		}
		
		input,
		textarea,
		select {		
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
			
		.button,
		#search-type input,
		#search-box #btnSubmitSearch {
			width: auto!important;
		}
		
		input.radio {
			float: left;
		}
		
		input.error {
			border-color: #da0a12;
		}
		
		#search-type {
			width: 260px;
		}
		
			#reservation-page li input,
			#reservation-page li select {
				margin-bottom: 10px;
			}
			
			#reservation-page #passangers input,
			#reservation-page #passangers select {
				margin: 0 10px 10px 0;
			}
			
			#reservation-page div.errors {
				background: #da0a12;
				color: #fff;
				display: none;
				left: 431px;
				position: absolute;
				top: 200px;
				width: 150px;
			}
			
				.errors em {
					display: block;
					padding: 5px;
				}
		
	.button {
		background: #da0a12;
		border-color: #c2050d;
		color: #fff;
		cursor: pointer;
		font-weight: bold;
	}
	
		.button.secondary {
			background: #fafafa;
			border-color: #ccc;
			color: #c2050d;
		}

	
	/*  =Notices
	----------------------------------------------------- */

	.notice {
		border: 1px solid #eee;
		border-left: none;
		border-right: none;
		display: block;
		margin-bottom: 10px;
		padding: 10px;
	}
	
		.failure {
			border-color: #ebacaf;
			color: #da0a12;
		}
	
		.success {
			border-color: #c4ebac;
			color: #338120;
		}
	
		.update {
			border-color: #acd7eb;
			color: #0670a1;
		}
		
			.notice p,
			.notice ul {
				margin: 0;
			}
			
	.loadingBox {
		background: #fff;
		border: 1px solid #A0B5CB; 
		left: 25px;
		text-align: center;
		padding: 5px 0;
		position: absolute;
		vertical-align: middle; 
		width: 200px;
		z-index: 12; 
	}
	
		.loadingBox p {
			margin: 0;
		}
	
		.loadingBox img,
		#btnCal {
			border: none;
			display: inline-block;
		}
		
		#reservation-page .notice {
			margin: 0;
		}
	
	
	/*  =Containers
	----------------------------------------------------- */
	
	body {
		background: #faf9f9 url(../images/bg-content.png) repeat-x center 230px;
		color: #444;
		font: 12px/18px Helvetica, Arial, sans-serif;
	}
	
		body#home-page {
			background-position: center 575px;
		}
	
	#header,
	#content,
	#footer,
	#featured h2,
	#featured-nav {
		margin: 0 auto;
		text-align: left;
		width: 940px;
	}
	
		.col {
			display: inline-block;
			float: left;
			margin-right: 20px;
		}
		
		.box {
			margin-bottom: 40px;
			overflow: hidden;
		}
		
			#footer .box {
				margin-bottom: 20px;
			}
			
			.box-rounded {
				background: #fff;
				border: 1px solid #dadada;
				padding: 10px 10px 0;
				
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}
			
				.inner-page #main .box-rounded {
					padding: 20px 20px 0;
				}

	
	/*  =Widths
	----------------------------------------------------- */
	
	.width_205 {
		width: 205px;
	}
	
	.width_220 {
		width: 220px;
	}
	
	.width_260 {
		width: 260px;
	}
	
	.width_300 {
		width: 300px;
	}
	
	.width_305 {
		width: 305px;
	}
	
	.width_310 {
		width: 310px;
	}
	
	.width_390 {
		width: 390px;
	}
	
	.width_420 {
		width: 420px;
	}
	
	.width_540 {
		width: 540px;
	}
	
	.width_620 {
		width: 620px;
	}
	
	
	/*  =Margins
	----------------------------------------------------- */
	
	p,
	ul,
	ol,
	h2,
	h3,
	h4,
	h5,
	h6,
	blockquote,
	dd,
	.inner-page #main .item-list h2,
	.notice,
	#main .item img,
	#main form,
	#main form div,
	#main #generic-page img,
	#main .contact-page div {
		margin-bottom: 18px;
	}
	
	h1,
	table {
		margin-bottom: 15px;
	}
	
	
	#main #offer-page h2,
	#main #viewstate-page h2,
	#main #direct-page h2,
	#main #tours-page .tour-plan,
	#main #generic-page.rentacar-page img,
	.tour-plan,
	#newsletter label,
	#newsletter input,
	.box-title {
		margin-bottom: 5px;
	}
	
	#main #tours-page .item-list h2,
	#catalogue-box .htabs {
		margin-bottom: 0;
	}
	
	.item-list h2,
	#main #city-page .item-list h2 {
		margin: 2px;
	}
		
	.no-margin {
		margin: 0!important;
	}
	
	#main #generic-page.rentacar-page .col,
	#main #generic-page.contact-page .col {
		margin-right: 55px;
	}
	
	#footer .col {
		margin-right: 100px;
	}
	

	/*  =Header
	----------------------------------------------------- */

	#header-container,
	#header {
		height: 230px;
		position: relative!important;
	}
	
	#home-page #header {
		z-index: 1000;
	}
	
		#home-page #header-container,
		#home-page #header {
			height: 175px;
			margin-bottom: 400px;
		}
	
		#header .brand {
			float: left;
			left: -60px;
			position: absolute;
			table-layout: 0;
			top: -10px;
			z-index: 2000!important;
		}


	/*  =Navigation
	----------------------------------------------------- */
		
		#main-menu {
			background: url(../images/bg-nav.png) no-repeat;
			height: 47px;
			right: -5px;
			position: absolute;
			top: 50px;
			z-index: 2000!important;
			width: 305px;
		}
		
		#main-menu:hover {
			background: url(../images/bg-nav-expanded-top.png) no-repeat left top;
		}
			
			#main-menu #menu-toggler,
			#main-menu #sub-menu li {
				font-size: 14px;
				font-weight: bold;
				line-height: 24px;
				margin: 0 5px;
				padding: 0;
				position: relative;
				text-shadow: #8b060a 1px 1px 1px;
				text-decoration: none;
			}
		
			#main-menu #menu-toggler {
				font-size: 18px;
				line-height: 45px;
				margin: 0 20px;
			}
			
			#main-menu #sub-menu,
			#main-menu div ul {
				background: url(../images/bg-nav-expanded-bottom.png) no-repeat left bottom;
				padding: 0 0 10px;
			}
			
			#main-menu #sub-menu,
			#main-menu #sub-menu div {
				display: none;
			}
			
				#main-menu:hover #sub-menu,
				#main-menu #sub-menu li:hover div {
					display: block;
				}
				
					#main-menu #sub-menu li {
						width: 290px;
					}
					
						#main-menu #sub-menu li:hover {
							background-color: #cd1920;
						}
						
							#main-menu #sub-menu li a {
								display: block;
								padding-left: 15px;
								text-decoration: none;
							}
							
							#main-menu #sub-menu div,
							#main-menu #sub-menu div ul {
								overflow: hidden;
							}
							
							#main-menu #sub-menu div {
								position: absolute;
								right: 289px;
								text-align: right;
								top: -5px;
							}
							
								#main-menu #sub-menu div ul {
									padding-top: 5px;
								}
								
									#main-menu #sub-menu div li {
										padding-right: 10px;
										width: 150px;
									}

	
	/*  =Content
	----------------------------------------------------- */
	
	#content-container {
		margin-top: -50px;
		position: relative;
		z-index: 50;
	}
	
		#search-box {
			background: url(../images/bg-searchbox.png) no-repeat;
			height: 310px;
			overflow: visible;
			padding: 0 20px;
		}
		
			#search-box .box-inner {
				height: 240px;
				position: relative;
				width: 260px;
			}
				
					#search-box .box-inner .box-inner-scroll form {
						left: 0;
						position: absolute;
						top: 0;
						width: 260px;
					}
					
						#search-advanced {
							display: none;
						}
		
			#search-box .box-title {
				font-size: 18px;
				height: 50px;
				line-height: 50px;
				margin-bottom: 10px;
			}
			
			#search-box .box-title,
			#search-box label,
			#search-box .more {
				color: #fff;
				text-shadow: #0c6087 1px 1px 1px;
			}
			
			#search-box div {
				margin-bottom: 8px;
			}
			
			#search-box #search-period,
			#search-box #search-destination,
			#search-box #search-start {
				width: 140px;
			}
			
			#search-box #search-destination,
			#search-box #search-end {
				width: 120px;
			}
			
			#search-box #search-type {
				padding: 10px 0 10px;
			}
			
				#search-box #search-type input {
					float: left;
				}
			
			#search-submit,
			#search-submit-advanced {
				clear: both;
			}
			
		#featured {
			background: #444;
			height: 575px;
			left: 0;
			overflow: hidden;
			position: absolute;
			/*text-shadow: #000 1px 1px 1px;*/
			text-transform: uppercase;
			top: 0;
			vertical-align: text-top;
			width: 100%;
			z-index: 1;
		}
		
			#featured h2,
			#featured-nav {
				text-align: right!important;
			}
		
			#featured-nav {
				position: absolute;
				top: 460px;
				z-index: 50;
			}
			
				#featured-nav a {
					background: url(../images/bg-arrows-featured.png) no-repeat;
					cursor: pointer;
					display: inline-block!important;
					height: 17px!important;
					text-indent: 9999px!important;
					overflow: hidden;
					width: 19px!important;
				}
				
				#featured-nav #next {
					background-position: right top;
				}
				
					#featured-nav #prev:hover {
						background-position: left bottom;
					}
					
					#featured-nav #next:hover {
						background-position: right bottom;
					}
		
			#featured .item {
				height: 575px;
				width: 100%;
			}
		
			#featured small {
				font-size: 45px;
				line-height: 45px;
			}
		
			#featured big {
				font-size: 120px;
				line-height: 120px;
			}
		
			.item-listing .item-list {
				margin: 0;
				padding: 0;
			}
		
				.item-listing li.item {
					border-top: 1px solid #dadada;
					overflow: hidden;
					padding: 10px 5px;
				}
				
				.inner-page #main .item-listing li.item {
					padding: 20px 5px 0;
				}
				
					.item-list img {
						float: left;
						margin-right: 10px;
					}
					
					#home-page .item-list p,
					#sidebar .item-list p {
						line-height: 14px;
						margin: 0;
					}
					
					.stars {
						vertical-align: text-top;
					}
					
						.stars span {
							background: url(../images/rating-star.png) no-repeat;
							display: inline-block;
							height: 10px;
							text-indent: -9999px;
							width: 10px;
						}
					
					.item-list .price {
						float: right;
						margin-left: 10px;
						text-align: right;
					}
					
					#main #hotel-page .price {
						margin-top: -20px;
					}
					
						.item-list .price strong {
							display: block;
							font-size: 30px;
							line-height: 30px;
						}
		
		.banner-box {
			clear: both;
			width: 940px;
		}
						
		.banner-box a {
			display: inline-block;
			margin-right: 14px;
		}
		
		.inner-page #services {
			padding: 10px 10px 0;
		}
		
			
		
		#home-page #services {
			padding: 30px 15px 0;
		}
		
			#services .promo-link {
				display: block;
				float: left;
				margin: 0 40px 15px 0;
				overflow: hidden;
				width: 274px;
			}
			
			.inner-page #services .promo-link {
				margin: 0 0 10px;
			}
		
			#services ul {
				clear: both;
				margin: 0;
				overflow: hidden;
				padding: 0 0 40px;
			}
			
			.inner-page #services ul {
				padding: 10px 0 20px;
			}
			
				#services li {
					float: left;
					overflow: hidden;
					padding: 0;
					text-align: center;
					width: 147px;
					/*width: 195px;*/
				}
				
				.inner-page #services li {
					width: 139px;
				}
				
					#services img {
						margin: 0 auto 10px;
					}
				
					#services h2 {
						margin-bottom: 5px;
					}
				
					#services p {
						padding: 0 20px 0 75px;
					}
					
		#breadcrumbs {
			margin-bottom: 10px!important;
			padding: 0!important;
			text-transform: uppercase;
		}
		
		.description-image,
		#main .item-list img {
			float: left;
			margin-right: 20px;
		}
		
		#main #viewstate-page .item-list h2,
		#description-box p,
		.inner-page #main .item-list p {
			padding-left: 162px;
		}
		
		#destination-page #description-box p {
			padding: 0;
		}
		
		#main #city-page .item-list p {
			padding-right: 60px;
		}
		
		#generic-page img.page-logo,
		#featured img {
			border: none;
		}
		
		#main #hotel-page .item p {
			padding-right: 50px;
		}
		
		.tour-plan {
			text-transform: uppercase;
		}
		
			.tour-plan small {
				text-transform: none;
			}
		
		.pdf-page li {
			list-style: none;
			margin-bottom: 10px;
		}
		
			.pdf-page li .program-link {
				display: block;
				line-height: 20px!important;
			}
		
		
	/* =Reservation Popup
	----------------------------------------------------- */
	
	#reservation-page {
		background: #fff;
		height: 700px;
		text-align: left!important;
		width: 580px;
	}
	
		#reservation-page .inner-box {
			padding: 20px;
		}
		
			#reservation-page .reservation-section {
				margin-bottom: 20px;
			}
		
				#reservation-page #reservation-details {
					margin: 0;
					width: 100%;
				}
				
					#reservation-page #reservation-details td.reservation-cell,
					#reservation-page #reservation-details th.reservation-cell {
						padding: 8px;
					}
				
					#reservation-page #reservation-details td.reservation-cell {
						text-align: left!important;
					}
				
					#reservation-page #reservation-details th.reservation-cell {
						text-align: right!important;
						width: 100px;
					}
			
				#reservation-page h2 {
					margin-bottom: 10px;
					text-transform: uppercase;
				}
				
				#reservation-page #nameLabel {
					padding-left: 74px;
				}
				
				#reservation-page #surnameLabel {
					padding-left: 113px;
				}
				
				#reservation-page #birthdateLabel {
					padding-left: 90px;
				}
				
				#reservation-page li,
				#reservation-page #passangers div {
					position: relative;
				}

	
	/*  =Footer
	----------------------------------------------------- */

	#footer-container {
		background: #f7f7f7 url(../images/bg-footer.png) repeat-x;
		clear: both;
		overflow: hidden;
	}
	
		#footer-container,
		#footer {
			height: 225px;
		}
	
		#footer {
			position: relative;
		}
			
			#footer p {
				margin: 0;
			}
		
			#footer hr {
				border: none;
				border-bottom: 1px solid #fff;
				border-top: 1px solid #ddd;
				margin-bottom: 5px;
			}
			
			#social-box #newsletter {
				text-align: left;
				width: 195px;
			}
			
			#social-box .more {
				margin-top: 20px;
			}
		
			#catalogue-box .box-inner,
			#social-box .box-inner {
				padding-top: 8px;
			}
			
				#catalogue-box ul,
				#social-box ul {
					padding: 0;
				}
		
					#catalogue-box .box-inner li,
					#social-box li {
						float: left;
						margin-right: 17px;
						padding: 0;
						text-align: center;
						width: 60px;
					}
	
			#footer #call-centar {
				float: right!important;
				padding-top: 20px;
				position: relative;
			}
			
			#footer #call-centar p {
				background: url(../images/bg-call-centar.png) no-repeat;
				height: 67px;
				margin: 25px 0 10px;
				text-indent: -9999px;
				width: 305px;
			}
			
			#footer-menu {
				font-size: 11px;
				overflow: hidden;
				padding: 0;
			}
			
				#footer-menu li {
					float: left;
					padding: 0 10px 0 0;
				}
				
			#adriatica-group {
				background: url(../images/logo-adriatica.gif) no-repeat;
				bottom: 10px;
				display: block;
				height: 25px;
				left: 360px;
				position: absolute;
				text-indent: -9999px;
				width: 90px;
			}
			
			#copyright {
				float: right;
				font-family: Georgia;
				font-size: 10px;
				font-style: italic;
			}

	
	/*  =Tabs
	----------------------------------------------------- */
	
	#catalogue-box .htabs {
		float: right;
		padding: 24px 0 0;
	}
	
		.htabs li {
			float: left;
			margin-left: 5px;
		}
		
			.htabs li a:link,
			.htabs li a:visited {
				background: url(../images/bg-tabs.gif) no-repeat;
				display: inline-block;
				height: 8px;
				text-indent: -9999px;
				width: 8px;
			}
			
				.htabs li a:hover,
				.htabs li a:active,
				.htabs li a.current {
					background-position: right top;
				}

	
	/*  =ColorBox
	----------------------------------------------------- */
			
	/*
		ColorBox Core Style
		The following rules are the styles that are consistant between themes.
		Avoid changing this area to maintain compatability with future versions of ColorBox.
	*/
	#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
	#cboxOverlay{position:fixed; width:100%; height:100%;}
	#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
	#cboxContent{position:relative; overflow:visible;}
	/*#cboxLoadedContent{overflow:auto;}*/
	#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
	#cboxTitle{margin:0;}
	#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
	#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
	
	/* 
		ColorBox example user style
		The following rules are ordered and tabbed in a way that represents the
		order/nesting of the generated HTML, so that the structure easier to understand.
	*/
	#cboxOverlay{background:#fff;}
	
	#colorbox{}
		#cboxContent{margin-top:32px;}
			#cboxLoadedContent{background:#000; padding:1px;}
			#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
			#cboxLoadingOverlay{background:#000;}
			#cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
			#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
			#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) 0 0 no-repeat;}
			#cboxPrevious{background-position:0px 0px; right:44px;}
			#cboxPrevious.hover{background-position:0px -25px;}
			#cboxNext{background-position:-25px 0px; right:22px;}
			#cboxNext.hover{background-position:-25px -25px;}
			#cboxClose{background-position:-50px 0px; right:0;}
			#cboxClose.hover{background-position:-50px -25px;}
			.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
			.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
			.cboxSlideshow_on #cboxSlideshow.hover{background-position:-100px -25px;}
			.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
			.cboxSlideshow_off #cboxSlideshow.hover{background-position:-75px -25px;}